primeng 22.1.0 → 22.1.2

package/fesm2022/primeng-metergroup.mjs

@@ -1,117 +1,145 @@
-export * from 'primeng/types/metergroup';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, input, inject, forwardRef, computed, Component, contentChild, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { getOuterHeight } from '@primeuix/utils';
-import { SharedModule } from 'primeng/api';
-import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
-import * as i1 from 'primeng/bind';
-import { Bind } from 'primeng/bind';
-import { style } from '@primeuix/styles/metergroup';
-import { BaseStyle } from 'primeng/base';
-
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, afterNextRender, computed, contentChild, forwardRef, inject, input } from "@angular/core";
+import { getOuterHeight } from "@primeuix/utils";
+import { SharedModule } from "primeng/api";
+import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
+import * as i1 from "primeng/bind";
+import { Bind } from "primeng/bind";
+import { style } from "@primeuix/styles/metergroup";
+import { BaseStyle } from "primeng/base";
+export * from "primeng/types/metergroup";
 const classes = {
-    root: ({ instance }) => [
-        'p-metergroup p-component',
-        {
-            'p-metergroup-horizontal': instance.orientation() === 'horizontal',
-            'p-metergroup-vertical': instance.orientation() === 'vertical'
-        }
-    ],
-    meters: 'p-metergroup-meters',
-    meter: 'p-metergroup-meter',
-    labelList: ({ instance }) => [
-        'p-metergroup-label-list',
-        {
-            'p-metergroup-label-list-vertical': instance.labelOrientation() === 'vertical',
-            'p-metergroup-label-list-horizontal': instance.labelOrientation() === 'horizontal'
-        }
-    ],
-    label: 'p-metergroup-label',
-    labelIcon: 'p-metergroup-label-icon',
-    labelMarker: 'p-metergroup-label-marker',
-    labelText: 'p-metergroup-label-text'
+	root: ({ instance }) => ["p-metergroup p-component", {
+		"p-metergroup-horizontal": instance.orientation() === "horizontal",
+		"p-metergroup-vertical": instance.orientation() === "vertical"
+	}],
+	meters: "p-metergroup-meters",
+	meter: "p-metergroup-meter",
+	labelList: ({ instance }) => ["p-metergroup-label-list", {
+		"p-metergroup-label-list-vertical": instance.labelOrientation() === "vertical",
+		"p-metergroup-label-list-horizontal": instance.labelOrientation() === "horizontal"
+	}],
+	label: "p-metergroup-label",
+	labelIcon: "p-metergroup-label-icon",
+	labelMarker: "p-metergroup-label-marker",
+	labelText: "p-metergroup-label-text"
+};
+var MeterGroupStyle = class MeterGroupStyle extends BaseStyle {
+	name = "metergroup";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroupStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroupStyle
+	});
 };
-class MeterGroupStyle extends BaseStyle {
-    name = 'metergroup';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * MeterGroup is a group of process status indicators.
- *
- * [Live Demo](https://www.primeng.org/metergroup)
- *
- * @module metergroupstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MeterGroupStyle,
+	decorators: [{ type: Injectable }]
+});
 var MeterGroupClasses;
-(function (MeterGroupClasses) {
-    /**
-     * Class name of the root element
-     */
-    MeterGroupClasses["root"] = "p-metergroup";
-    /**
-     * Class name of the meters element
-     */
-    MeterGroupClasses["meters"] = "p-metergroup-meters";
-    /**
-     * Class name of the meter element
-     */
-    MeterGroupClasses["meter"] = "p-metergroup-meter";
-    /**
-     * Class name of the label list element
-     */
-    MeterGroupClasses["labelList"] = "p-metergroup-label-list";
-    /**
-     * Class name of the label element
-     */
-    MeterGroupClasses["label"] = "p-metergroup-label";
-    /**
-     * Class name of the label icon element
-     */
-    MeterGroupClasses["labelIcon"] = "p-metergroup-label-icon";
-    /**
-     * Class name of the label marker element
-     */
-    MeterGroupClasses["labelMarker"] = "p-metergroup-label-marker";
-    /**
-     * Class name of the label text element
-     */
-    MeterGroupClasses["labelText"] = "p-metergroup-label-text";
+(function(MeterGroupClasses) {
+	MeterGroupClasses["root"] = "p-metergroup";
+	MeterGroupClasses["meters"] = "p-metergroup-meters";
+	MeterGroupClasses["meter"] = "p-metergroup-meter";
+	MeterGroupClasses["labelList"] = "p-metergroup-label-list";
+	MeterGroupClasses["label"] = "p-metergroup-label";
+	MeterGroupClasses["labelIcon"] = "p-metergroup-label-icon";
+	MeterGroupClasses["labelMarker"] = "p-metergroup-label-marker";
+	MeterGroupClasses["labelText"] = "p-metergroup-label-text";
 })(MeterGroupClasses || (MeterGroupClasses = {}));
-
-const METERGROUP_INSTANCE = new InjectionToken('METERGROUP_INSTANCE');
-class MeterGroupLabel extends BaseComponent {
-    value = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    labelPosition = input('end', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []));
-    labelOrientation = input('horizontal', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelOrientation" }] : /* istanbul ignore next */ []));
-    min = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
-    max = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
-    iconTemplate = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "iconTemplate" }] : /* istanbul ignore next */ []));
-    parentInstance = inject(forwardRef(() => MeterGroup));
-    _componentStyle = inject(MeterGroupStyle);
-    dataP = computed(() => this.cn({
-        [this.labelOrientation()]: this.labelOrientation()
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
-    getIconTemplateContext(labelItem) {
-        return { $implicit: labelItem, icon: labelItem.icon };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupLabel, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: MeterGroupLabel, isStandalone: true, selector: "p-metergrouplabel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, labelOrientation: { classPropertyName: "labelOrientation", publicName: "labelOrientation", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, iconTemplate: { classPropertyName: "iconTemplate", publicName: "iconTemplate", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+const METERGROUP_INSTANCE = new InjectionToken("METERGROUP_INSTANCE");
+var MeterGroupLabel = class MeterGroupLabel extends BaseComponent {
+	value = input([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	labelPosition = input("end", ...ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []);
+	labelOrientation = input("horizontal", ...ngDevMode ? [{ debugName: "labelOrientation" }] : /* istanbul ignore next */ []);
+	min = input(...ngDevMode ? [void 0, { debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(...ngDevMode ? [void 0, { debugName: "max" }] : /* istanbul ignore next */ []);
+	iconTemplate = input(...ngDevMode ? [void 0, { debugName: "iconTemplate" }] : /* istanbul ignore next */ []);
+	parentInstance = inject(forwardRef(() => MeterGroup));
+	_componentStyle = inject(MeterGroupStyle);
+	dataP = computed(() => this.cn({ [this.labelOrientation()]: this.labelOrientation() }), ...ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []);
+	getIconTemplateContext(labelItem) {
+		return {
+			$implicit: labelItem,
+			icon: labelItem.icon
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroupLabel,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: MeterGroupLabel,
+		isStandalone: true,
+		selector: "p-metergrouplabel",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelPosition: {
+				classPropertyName: "labelPosition",
+				publicName: "labelPosition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelOrientation: {
+				classPropertyName: "labelOrientation",
+				publicName: "labelOrientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconTemplate: {
+				classPropertyName: "iconTemplate",
+				publicName: "iconTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
         <ol [class]="cx('labelList')" [pBind]="ptm('labelList')" [attr.data-p]="dataP()">
             @for (labelItem of value(); track $index) {
                 <li [class]="cx('label')" [pBind]="ptm('label')">
@@ -127,15 +155,48 @@ class MeterGroupLabel extends BaseComponent {
                 </li>
             }
         </ol>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupLabel, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-metergrouplabel',
-                    standalone: true,
-                    imports: [NgTemplateOutlet, SharedModule, Bind],
-                    template: `
+    `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[pBind]",
+				inputs: ["pBind"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MeterGroupLabel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-metergrouplabel",
+			standalone: true,
+			imports: [
+				NgTemplateOutlet,
+				SharedModule,
+				Bind
+			],
+			template: `
         <ol [class]="cx('labelList')" [pBind]="ptm('labelList')" [attr.data-p]="dataP()">
             @for (labelItem of value(); track $index) {
                 <li [class]="cx('label')" [pBind]="ptm('label')">
@@ -152,177 +213,276 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             }
         </ol>
     `
-                }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], labelOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOrientation", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], iconTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTemplate", required: false }] }] } });
-/**
- * MeterGroup displays scalar measurements within a known range.
- * @group Components
- */
-class MeterGroup extends BaseComponent {
-    componentName = 'MeterGroup';
-    $pcMeterGroup = inject(METERGROUP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    /**
-     * Current value of the metergroup.
-     * @group Props
-     */
-    value = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * Mininum boundary value.
-     * @group Props
-     */
-    min = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
-    /**
-     * Maximum boundary value.
-     * @group Props
-     */
-    max = input(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
-     * @group Props
-     */
-    orientation = input('horizontal', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the label position of the component, valid values are 'start' and 'end'.
-     * @group Props
-     */
-    labelPosition = input('end', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'.
-     * @group Props
-     */
-    labelOrientation = input('horizontal', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelOrientation" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom label template.
-     * @param {MeterGroupLabelTemplateContext} context - label context.
-     * @see {@link MeterGroupLabelTemplateContext}
-     * @group Templates
-     */
-    labelTemplate = contentChild('label', { ...(ngDevMode ? { debugName: "labelTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom meter template.
-     * @param {MeterGroupMeterTemplateContext} context - meter context.
-     * @see {@link MeterGroupMeterTemplateContext}
-     * @group Templates
-     */
-    meterTemplate = contentChild('meter', { ...(ngDevMode ? { debugName: "meterTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom end template.
-     * @param {MeterGroupLabelTemplateContext} context - end context.
-     * @see {@link MeterGroupLabelTemplateContext}
-     * @group Templates
-     */
-    endTemplate = contentChild('end', { ...(ngDevMode ? { debugName: "endTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom start template.
-     * @param {MeterGroupLabelTemplateContext} context - start context.
-     * @see {@link MeterGroupLabelTemplateContext}
-     * @group Templates
-     */
-    startTemplate = contentChild('start', { ...(ngDevMode ? { debugName: "startTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom icon template.
-     * @param {MeterGroupIconTemplateContext} context - icon context.
-     * @see {@link MeterGroupIconTemplateContext}
-     * @group Templates
-     */
-    iconTemplate = contentChild('icon', { ...(ngDevMode ? { debugName: "iconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    _componentStyle = inject(MeterGroupStyle);
-    vertical = computed(() => this.orientation() === 'vertical', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "vertical" }] : /* istanbul ignore next */ []));
-    totalPercent = computed(() => {
-        const value = this.value();
-        if (!value)
-            return 0;
-        return this.percent(value.reduce((total, val) => total + (val.value || 0), 0));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "totalPercent" }] : /* istanbul ignore next */ []));
-    percentages = computed(() => {
-        const value = this.value();
-        if (!value)
-            return [];
-        let sum = 0;
-        const sumsArray = [];
-        value.forEach((item) => {
-            sum += item.value || 0;
-            sumsArray.push(sum);
-        });
-        return sumsArray;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "percentages" }] : /* istanbul ignore next */ []));
-    labelTemplateContext = computed(() => ({
-        $implicit: this.value() ?? [],
-        totalPercent: this.totalPercent(),
-        percentages: this.percentages()
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelTemplateContext" }] : /* istanbul ignore next */ []));
-    meterItems = computed(() => this.value() ?? [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "meterItems" }] : /* istanbul ignore next */ []));
-    isLabelStart = computed(() => this.labelPosition() === 'start', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLabelStart" }] : /* istanbul ignore next */ []));
-    isLabelEnd = computed(() => this.labelPosition() === 'end', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLabelEnd" }] : /* istanbul ignore next */ []));
-    showDefaultLabel = computed(() => !this.labelTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showDefaultLabel" }] : /* istanbul ignore next */ []));
-    dataP = computed(() => this.cn({
-        [this.orientation()]: this.orientation()
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        afterNextRender(() => {
-            const _container = this.el.nativeElement;
-            const height = getOuterHeight(_container);
-            if (this.vertical()) {
-                _container.style.height = height + 'px';
-            }
-        });
-    }
-    percent(meter = 0) {
-        const max = this.max();
-        const min = this.min();
-        if (max === min) {
-            return 100;
-        }
-        const percentOfItem = ((meter - min) / (max - min)) * 100;
-        return Math.round(Math.max(0, Math.min(100, percentOfItem)));
-    }
-    percentValue(meter) {
-        return this.percent(meter) + '%';
-    }
-    meterStyle(val) {
-        const isHorizontal = this.orientation() === 'horizontal';
-        return {
-            backgroundColor: val.color,
-            width: isHorizontal ? this.percentValue(val.value ?? 0) : undefined,
-            height: !isHorizontal ? this.percentValue(val.value ?? 0) : undefined
-        };
-    }
-    showDefaultMeter(meterItem) {
-        return !this.meterTemplate() && (meterItem.value ?? 0) > 0;
-    }
-    getMeterTemplateContext(meterItem, index) {
-        return {
-            $implicit: meterItem,
-            index,
-            orientation: this.orientation(),
-            class: this.cx('meter'),
-            size: this.percentValue(meterItem.value),
-            totalPercent: this.totalPercent(),
-            dataP: this.dataP()
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: MeterGroup, isStandalone: true, selector: "p-metergroup, p-meter-group", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, labelOrientation: { classPropertyName: "labelOrientation", publicName: "labelOrientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-valuemin": "min()", "attr.role": "\"meter\"", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "totalPercent()", "attr.data-p": "dataP()", "class": "cn(cx('root'))" } }, providers: [MeterGroupStyle, { provide: METERGROUP_INSTANCE, useExisting: MeterGroup }, { provide: PARENT_INSTANCE, useExisting: MeterGroup }], queries: [{ propertyName: "labelTemplate", first: true, predicate: ["label"], isSignal: true }, { propertyName: "meterTemplate", first: true, predicate: ["meter"], isSignal: true }, { propertyName: "endTemplate", first: true, predicate: ["end"], isSignal: true }, { propertyName: "startTemplate", first: true, predicate: ["start"], isSignal: true }, { propertyName: "iconTemplate", first: true, predicate: ["icon"], isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		labelPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelPosition",
+				required: false
+			}]
+		}],
+		labelOrientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelOrientation",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		iconTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconTemplate",
+				required: false
+			}]
+		}]
+	}
+});
+var MeterGroup = class MeterGroup extends BaseComponent {
+	componentName = "MeterGroup";
+	$pcMeterGroup = inject(METERGROUP_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : /* istanbul ignore next */ []);
+	min = input(0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(100, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	labelPosition = input("end", ...ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []);
+	labelOrientation = input("horizontal", ...ngDevMode ? [{ debugName: "labelOrientation" }] : /* istanbul ignore next */ []);
+	labelTemplate = contentChild("label", {
+		...ngDevMode ? { debugName: "labelTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
+	meterTemplate = contentChild("meter", {
+		...ngDevMode ? { debugName: "meterTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
+	endTemplate = contentChild("end", {
+		...ngDevMode ? { debugName: "endTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
+	startTemplate = contentChild("start", {
+		...ngDevMode ? { debugName: "startTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
+	iconTemplate = contentChild("icon", {
+		...ngDevMode ? { debugName: "iconTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
+	_componentStyle = inject(MeterGroupStyle);
+	vertical = computed(() => this.orientation() === "vertical", ...ngDevMode ? [{ debugName: "vertical" }] : /* istanbul ignore next */ []);
+	totalPercent = computed(() => {
+		const value = this.value();
+		if (!value) return 0;
+		return this.percent(value.reduce((total, val) => total + (val.value || 0), 0));
+	}, ...ngDevMode ? [{ debugName: "totalPercent" }] : /* istanbul ignore next */ []);
+	percentages = computed(() => {
+		const value = this.value();
+		if (!value) return [];
+		let sum = 0;
+		const sumsArray = [];
+		value.forEach((item) => {
+			sum += item.value || 0;
+			sumsArray.push(sum);
+		});
+		return sumsArray;
+	}, ...ngDevMode ? [{ debugName: "percentages" }] : /* istanbul ignore next */ []);
+	labelTemplateContext = computed(() => ({
+		$implicit: this.value() ?? [],
+		totalPercent: this.totalPercent(),
+		percentages: this.percentages()
+	}), ...ngDevMode ? [{ debugName: "labelTemplateContext" }] : /* istanbul ignore next */ []);
+	meterItems = computed(() => this.value() ?? [], ...ngDevMode ? [{ debugName: "meterItems" }] : /* istanbul ignore next */ []);
+	isLabelStart = computed(() => this.labelPosition() === "start", ...ngDevMode ? [{ debugName: "isLabelStart" }] : /* istanbul ignore next */ []);
+	isLabelEnd = computed(() => this.labelPosition() === "end", ...ngDevMode ? [{ debugName: "isLabelEnd" }] : /* istanbul ignore next */ []);
+	showDefaultLabel = computed(() => !this.labelTemplate(), ...ngDevMode ? [{ debugName: "showDefaultLabel" }] : /* istanbul ignore next */ []);
+	dataP = computed(() => this.cn({ [this.orientation()]: this.orientation() }), ...ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		afterNextRender(() => {
+			const _container = this.el.nativeElement;
+			const height = getOuterHeight(_container);
+			if (this.vertical()) _container.style.height = height + "px";
+		});
+	}
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	percent(meter = 0) {
+		const max = this.max();
+		const min = this.min();
+		if (max === min) return 100;
+		const percentOfItem = (meter - min) / (max - min) * 100;
+		return Math.round(Math.max(0, Math.min(100, percentOfItem)));
+	}
+	percentValue(meter) {
+		return this.percent(meter) + "%";
+	}
+	meterStyle(val) {
+		const isHorizontal = this.orientation() === "horizontal";
+		return {
+			backgroundColor: val.color,
+			width: isHorizontal ? this.percentValue(val.value ?? 0) : void 0,
+			height: !isHorizontal ? this.percentValue(val.value ?? 0) : void 0
+		};
+	}
+	showDefaultMeter(meterItem) {
+		return !this.meterTemplate() && (meterItem.value ?? 0) > 0;
+	}
+	getMeterTemplateContext(meterItem, index) {
+		return {
+			$implicit: meterItem,
+			index,
+			orientation: this.orientation(),
+			class: this.cx("meter"),
+			size: this.percentValue(meterItem.value),
+			totalPercent: this.totalPercent(),
+			dataP: this.dataP()
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: MeterGroup,
+		isStandalone: true,
+		selector: "p-metergroup, p-meter-group",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelPosition: {
+				classPropertyName: "labelPosition",
+				publicName: "labelPosition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelOrientation: {
+				classPropertyName: "labelOrientation",
+				publicName: "labelOrientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.aria-valuemin": "min()",
+			"attr.role": "\"meter\"",
+			"attr.aria-valuemax": "max()",
+			"attr.aria-valuenow": "totalPercent()",
+			"attr.data-p": "dataP()",
+			"class": "cn(cx('root'))"
+		} },
+		providers: [
+			MeterGroupStyle,
+			{
+				provide: METERGROUP_INSTANCE,
+				useExisting: MeterGroup
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: MeterGroup
+			}
+		],
+		queries: [
+			{
+				propertyName: "labelTemplate",
+				first: true,
+				predicate: ["label"],
+				isSignal: true
+			},
+			{
+				propertyName: "meterTemplate",
+				first: true,
+				predicate: ["meter"],
+				isSignal: true
+			},
+			{
+				propertyName: "endTemplate",
+				first: true,
+				predicate: ["end"],
+				isSignal: true
+			},
+			{
+				propertyName: "startTemplate",
+				first: true,
+				predicate: ["start"],
+				isSignal: true
+			},
+			{
+				propertyName: "iconTemplate",
+				first: true,
+				predicate: ["icon"],
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: `
         @if (isLabelStart()) {
             @if (showDefaultLabel()) {
                 <p-metergrouplabel [value]="meterItems()" [labelPosition]="labelPosition()" [labelOrientation]="labelOrientation()" [min]="min()" [max]="max()" [iconTemplate]="iconTemplate()" [pt]="pt()" [unstyled]="unstyled()" />
@@ -345,15 +505,64 @@ class MeterGroup extends BaseComponent {
             }
             <ng-container *ngTemplateOutlet="labelTemplate(); context: labelTemplateContext()"></ng-container>
         }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MeterGroupLabel, selector: "p-metergrouplabel", inputs: ["value", "labelPosition", "labelOrientation", "min", "max", "iconTemplate"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-metergroup, p-meter-group',
-                    standalone: true,
-                    imports: [NgTemplateOutlet, MeterGroupLabel, SharedModule, Bind],
-                    template: `
+    `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: MeterGroupLabel,
+				selector: "p-metergrouplabel",
+				inputs: [
+					"value",
+					"labelPosition",
+					"labelOrientation",
+					"min",
+					"max",
+					"iconTemplate"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[pBind]",
+				inputs: ["pBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MeterGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-metergroup, p-meter-group",
+			standalone: true,
+			imports: [
+				NgTemplateOutlet,
+				MeterGroupLabel,
+				SharedModule,
+				Bind
+			],
+			template: `
         @if (isLabelStart()) {
             @if (showDefaultLabel()) {
                 <p-metergrouplabel [value]="meterItems()" [labelPosition]="labelPosition()" [labelOrientation]="labelOrientation()" [min]="min()" [max]="max()" [iconTemplate]="iconTemplate()" [pt]="pt()" [unstyled]="unstyled()" />
@@ -377,36 +586,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             <ng-container *ngTemplateOutlet="labelTemplate(); context: labelTemplateContext()"></ng-container>
         }
     `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [MeterGroupStyle, { provide: METERGROUP_INSTANCE, useExisting: MeterGroup }, { provide: PARENT_INSTANCE, useExisting: MeterGroup }],
-                    host: {
-                        '[attr.aria-valuemin]': 'min()',
-                        '[attr.role]': '"meter"',
-                        '[attr.aria-valuemax]': 'max()',
-                        '[attr.aria-valuenow]': 'totalPercent()',
-                        '[attr.data-p]': 'dataP()',
-                        '[class]': "cn(cx('root'))"
-                    },
-                    hostDirectives: [Bind]
-                }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], labelOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOrientation", required: false }] }], labelTemplate: [{ type: i0.ContentChild, args: ['label', { ...{ descendants: false }, isSignal: true }] }], meterTemplate: [{ type: i0.ContentChild, args: ['meter', { ...{ descendants: false }, isSignal: true }] }], endTemplate: [{ type: i0.ContentChild, args: ['end', { ...{ descendants: false }, isSignal: true }] }], startTemplate: [{ type: i0.ContentChild, args: ['start', { ...{ descendants: false }, isSignal: true }] }], iconTemplate: [{ type: i0.ContentChild, args: ['icon', { ...{ descendants: false }, isSignal: true }] }] } });
-class MeterGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupModule, imports: [MeterGroup, SharedModule], exports: [MeterGroup, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupModule, imports: [MeterGroup, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: MeterGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [MeterGroup, SharedModule],
-                    exports: [MeterGroup, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				MeterGroupStyle,
+				{
+					provide: METERGROUP_INSTANCE,
+					useExisting: MeterGroup
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: MeterGroup
+				}
+			],
+			host: {
+				"[attr.aria-valuemin]": "min()",
+				"[attr.role]": "\"meter\"",
+				"[attr.aria-valuemax]": "max()",
+				"[attr.aria-valuenow]": "totalPercent()",
+				"[attr.data-p]": "dataP()",
+				"[class]": "cn(cx('root'))"
+			},
+			hostDirectives: [Bind]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		labelPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelPosition",
+				required: false
+			}]
+		}],
+		labelOrientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelOrientation",
+				required: false
+			}]
+		}],
+		labelTemplate: [{
+			type: i0.ContentChild,
+			args: ["label", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		meterTemplate: [{
+			type: i0.ContentChild,
+			args: ["meter", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		endTemplate: [{
+			type: i0.ContentChild,
+			args: ["end", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		startTemplate: [{
+			type: i0.ContentChild,
+			args: ["start", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		iconTemplate: [{
+			type: i0.ContentChild,
+			args: ["icon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var MeterGroupModule = class MeterGroupModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroupModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroupModule,
+		imports: [MeterGroup, SharedModule],
+		exports: [MeterGroup, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MeterGroupModule,
+		imports: [
+			MeterGroup,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MeterGroupModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [MeterGroup, SharedModule],
+			exports: [MeterGroup, SharedModule]
+		}]
+	}]
+});
 export { MeterGroup, MeterGroupClasses, MeterGroupLabel, MeterGroupModule, MeterGroupStyle };
-//# sourceMappingURL=primeng-metergroup.mjs.map
+
+//# sourceMappingURL=primeng-metergroup.mjs.map