@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-message.mjs","sources":["../../../projects/core/message/style/message.css.ts","../../../projects/core/message/style/messagestyle.ts","../../../projects/core/message/message.ts","../../../projects/core/message/message.html","../../../projects/core/message/gravionlabs-helix-core-message.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-message {\n        display: grid;\n        grid-template-rows: 1fr;\n        border-radius: dt('message.border.radius');\n        outline-width: dt('message.border.width');\n        outline-style: solid;\n    }\n\n    .h-message-content-wrapper {\n        min-height: 0;\n    }\n\n    .h-message-content {\n        display: flex;\n        align-items: center;\n        padding: dt('message.content.padding');\n        gap: dt('message.content.gap');\n    }\n\n    .h-message-icon {\n        flex-shrink: 0;\n    }\n\n    .h-message-close-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin-inline-start: auto;\n        overflow: hidden;\n        position: relative;\n        width: dt('message.close.button.width');\n        height: dt('message.close.button.height');\n        border-radius: dt('message.close.button.border.radius');\n        background: transparent;\n        transition:\n            background dt('message.transition.duration'),\n            color dt('message.transition.duration'),\n            outline-color dt('message.transition.duration'),\n            box-shadow dt('message.transition.duration'),\n            opacity 0.3s;\n        outline-color: transparent;\n        color: inherit;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .h-message-close-icon {\n        font-size: dt('message.close.icon.size');\n        width: dt('message.close.icon.size');\n        height: dt('message.close.icon.size');\n    }\n\n    .h-message-close-button:focus-visible {\n        outline-width: dt('message.close.button.focus.ring.width');\n        outline-style: dt('message.close.button.focus.ring.style');\n        outline-offset: dt('message.close.button.focus.ring.offset');\n    }\n\n    .h-message-info {\n        background: dt('message.info.background');\n        outline-color: dt('message.info.border.color');\n        color: dt('message.info.color');\n        box-shadow: dt('message.info.shadow');\n    }\n\n    .h-message-info .h-message-close-button:focus-visible {\n        outline-color: dt('message.info.close.button.focus.ring.color');\n        box-shadow: dt('message.info.close.button.focus.ring.shadow');\n    }\n\n    .h-message-info .h-message-close-button:hover {\n        background: dt('message.info.close.button.hover.background');\n    }\n\n    .h-message-info.h-message-outlined {\n        color: dt('message.info.outlined.color');\n        outline-color: dt('message.info.outlined.border.color');\n    }\n\n    .h-message-info.h-message-simple {\n        color: dt('message.info.simple.color');\n    }\n\n    .h-message-success {\n        background: dt('message.success.background');\n        outline-color: dt('message.success.border.color');\n        color: dt('message.success.color');\n        box-shadow: dt('message.success.shadow');\n    }\n\n    .h-message-success .h-message-close-button:focus-visible {\n        outline-color: dt('message.success.close.button.focus.ring.color');\n        box-shadow: dt('message.success.close.button.focus.ring.shadow');\n    }\n\n    .h-message-success .h-message-close-button:hover {\n        background: dt('message.success.close.button.hover.background');\n    }\n\n    .h-message-success.h-message-outlined {\n        color: dt('message.success.outlined.color');\n        outline-color: dt('message.success.outlined.border.color');\n    }\n\n    .h-message-success.h-message-simple {\n        color: dt('message.success.simple.color');\n    }\n\n    .h-message-warn {\n        background: dt('message.warn.background');\n        outline-color: dt('message.warn.border.color');\n        color: dt('message.warn.color');\n        box-shadow: dt('message.warn.shadow');\n    }\n\n    .h-message-warn .h-message-close-button:focus-visible {\n        outline-color: dt('message.warn.close.button.focus.ring.color');\n        box-shadow: dt('message.warn.close.button.focus.ring.shadow');\n    }\n\n    .h-message-warn .h-message-close-button:hover {\n        background: dt('message.warn.close.button.hover.background');\n    }\n\n    .h-message-warn.h-message-outlined {\n        color: dt('message.warn.outlined.color');\n        outline-color: dt('message.warn.outlined.border.color');\n    }\n\n    .h-message-warn.h-message-simple {\n        color: dt('message.warn.simple.color');\n    }\n\n    .h-message-error {\n        background: dt('message.error.background');\n        outline-color: dt('message.error.border.color');\n        color: dt('message.error.color');\n        box-shadow: dt('message.error.shadow');\n    }\n\n    .h-message-error .h-message-close-button:focus-visible {\n        outline-color: dt('message.error.close.button.focus.ring.color');\n        box-shadow: dt('message.error.close.button.focus.ring.shadow');\n    }\n\n    .h-message-error .h-message-close-button:hover {\n        background: dt('message.error.close.button.hover.background');\n    }\n\n    .h-message-error.h-message-outlined {\n        color: dt('message.error.outlined.color');\n        outline-color: dt('message.error.outlined.border.color');\n    }\n\n    .h-message-error.h-message-simple {\n        color: dt('message.error.simple.color');\n    }\n\n    .h-message-secondary {\n        background: dt('message.secondary.background');\n        outline-color: dt('message.secondary.border.color');\n        color: dt('message.secondary.color');\n        box-shadow: dt('message.secondary.shadow');\n    }\n\n    .h-message-secondary .h-message-close-button:focus-visible {\n        outline-color: dt('message.secondary.close.button.focus.ring.color');\n        box-shadow: dt('message.secondary.close.button.focus.ring.shadow');\n    }\n\n    .h-message-secondary .h-message-close-button:hover {\n        background: dt('message.secondary.close.button.hover.background');\n    }\n\n    .h-message-secondary.h-message-outlined {\n        color: dt('message.secondary.outlined.color');\n        outline-color: dt('message.secondary.outlined.border.color');\n    }\n\n    .h-message-secondary.h-message-simple {\n        color: dt('message.secondary.simple.color');\n    }\n\n    .h-message-contrast {\n        background: dt('message.contrast.background');\n        outline-color: dt('message.contrast.border.color');\n        color: dt('message.contrast.color');\n        box-shadow: dt('message.contrast.shadow');\n    }\n\n    .h-message-contrast .h-message-close-button:focus-visible {\n        outline-color: dt('message.contrast.close.button.focus.ring.color');\n        box-shadow: dt('message.contrast.close.button.focus.ring.shadow');\n    }\n\n    .h-message-contrast .h-message-close-button:hover {\n        background: dt('message.contrast.close.button.hover.background');\n    }\n\n    .h-message-contrast.h-message-outlined {\n        color: dt('message.contrast.outlined.color');\n        outline-color: dt('message.contrast.outlined.border.color');\n    }\n\n    .h-message-contrast.h-message-simple {\n        color: dt('message.contrast.simple.color');\n    }\n\n    .h-message-text {\n        font-size: dt('message.text.font.size');\n        font-weight: dt('message.text.font.weight');\n    }\n\n    .h-message-icon {\n        font-size: dt('message.icon.size');\n        width: dt('message.icon.size');\n        height: dt('message.icon.size');\n    }\n\n    .h-message-sm .h-message-content {\n        padding: dt('message.content.sm.padding');\n    }\n\n    .h-message-sm .h-message-text {\n        font-size: dt('message.text.sm.font.size');\n    }\n\n    .h-message-sm .h-message-icon {\n        font-size: dt('message.icon.sm.size');\n        width: dt('message.icon.sm.size');\n        height: dt('message.icon.sm.size');\n    }\n\n    .h-message-sm .h-message-close-icon {\n        font-size: dt('message.close.icon.sm.size');\n        width: dt('message.close.icon.sm.size');\n        height: dt('message.close.icon.sm.size');\n    }\n\n    .h-message-lg .h-message-content {\n        padding: dt('message.content.lg.padding');\n    }\n\n    .h-message-lg .h-message-text {\n        font-size: dt('message.text.lg.font.size');\n    }\n\n    .h-message-lg .h-message-icon {\n        font-size: dt('message.icon.lg.size');\n        width: dt('message.icon.lg.size');\n        height: dt('message.icon.lg.size');\n    }\n\n    .h-message-lg .h-message-close-icon {\n        font-size: dt('message.close.icon.lg.size');\n        width: dt('message.close.icon.lg.size');\n        height: dt('message.close.icon.lg.size');\n    }\n\n    .h-message-outlined {\n        background: transparent;\n        outline-width: dt('message.outlined.border.width');\n    }\n\n    .h-message-simple {\n        background: transparent;\n        outline-color: transparent;\n        box-shadow: none;\n    }\n\n    .h-message-simple .h-message-content {\n        padding: dt('message.simple.content.padding');\n    }\n\n    .h-message-outlined .h-message-close-button:hover,\n    .h-message-simple .h-message-close-button:hover {\n        background: transparent;\n    }\n\n    .h-message-enter-active {\n        animation: h-animate-message-enter 0.3s ease-out forwards;\n        overflow: hidden;\n    }\n\n    .h-message-leave-active {\n        animation: h-animate-message-leave 0.15s ease-in forwards;\n        overflow: hidden;\n    }\n\n    @keyframes h-animate-message-enter {\n        from {\n            opacity: 0;\n            grid-template-rows: 0fr;\n        }\n        to {\n            opacity: 1;\n            grid-template-rows: 1fr;\n        }\n    }\n\n    @keyframes h-animate-message-leave {\n        from {\n            opacity: 1;\n            grid-template-rows: 1fr;\n        }\n        to {\n            opacity: 0;\n            margin: 0;\n            grid-template-rows: 0fr;\n        }\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './message.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => ['h-message h-component h-message-' + instance.severity(), instance.variant() && 'h-message-' + instance.variant(), { 'h-message-sm': instance.size() === 'small', 'h-message-lg': instance.size() === 'large' }],\n    contentWrapper: 'h-message-content-wrapper',\n    content: 'h-message-content',\n    icon: 'h-message-icon',\n    text: 'h-message-text',\n    closeButton: 'h-message-close-button',\n    closeIcon: 'h-message-close-icon'\n};\n\n@Injectable()\nexport class MessageStyle extends BaseStyle {\n    name = 'message';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Message groups a collection of contents in tabs.\n *\n * [Live Demo](https://www.primeng.org/message/)\n *\n * @module messagestyle\n *\n */\n\nexport enum MessageClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-message',\n    /**\n     * Class name of the content element\n     */\n    content = 'h-message-content',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'h-message-icon',\n    /**\n     * Class name of the text element\n     */\n    text = 'h-message-text',\n    /**\n     * Class name of the close button element\n     */\n    closeButton = 'h-message-close-button',\n    /**\n     * Class name of the close icon element\n     */\n    closeIcon = 'h-message-close-icon'\n}\n\nexport interface MessageStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, InjectionToken, input, Input, NgModule, signal, TemplateRef, ViewEncapsulation, output, contentChildren, contentChild } from '@angular/core';\nimport { MotionOptions } from '@gravionlabs/helix-core/uix/motion';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { TimesIcon } from '@gravionlabs/helix-core/icons';\nimport { MotionModule } from '@gravionlabs/helix-core/motion';\nimport { Ripple } from '@gravionlabs/helix-core/ripple';\nimport { MessageContainerTemplateContext, MessagePassThrough } from '@gravionlabs/helix-core/types/message';\nimport { MessageStyle } from './style/messagestyle';\n\nconst MESSAGE_INSTANCE = new InjectionToken<Message>('MESSAGE_INSTANCE');\n\n/**\n * Message groups a collection of contents in tabs.\n * @group Components\n */\n@Component({\n    selector: 'h-message',\n    standalone: true,\n    imports: [CommonModule, TimesIcon, Ripple, SharedModule, Bind, MotionModule],\n    templateUrl: './message.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [MessageStyle, { provide: MESSAGE_INSTANCE, useExisting: Message }, { provide: PARENT_INSTANCE, useExisting: Message }],\n    hostDirectives: [Bind],\n    host: {\n        '[attr.data-h]': 'dataP',\n        role: 'alert',\n        'aria-live': 'polite',\n        '[class]': 'cn(cx(\"root\"), styleClass())',\n        '[animate.enter]': '\"h-message-enter-active\"',\n        '[animate.leave]': '\"h-message-leave-active\"',\n        '[class.h-message-leave-active]': '!visible()'\n    }\n})\nexport class Message extends BaseComponent<MessagePassThrough> {\n    componentName = 'Message';\n\n    _componentStyle = inject(MessageStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcMessage: Message | undefined = inject(MESSAGE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Severity level of the message.\n     * @defaultValue 'info'\n     * @group Props\n     */\n    readonly severity = input<'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast' | undefined | null>('info');\n    /**\n     * Text content.\n     * @deprecated since v20.0.0. Use content projection instead '<h-message>Content</h-message>'.\n     * @group Props\n     */\n    readonly text = input<string>();\n    /**\n     * Whether displaying messages would be escaped or not.\n     * @deprecated since v20.0.0. Use content projection instead '<h-message>Content</h-message>'.\n     * @group Props\n     */\n    readonly escape = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Whether the message can be closed manually using the close icon.\n     * @group Props\n     * @defaultValue false\n     */\n    readonly closable = input<boolean, unknown>(false, { transform: booleanAttribute });\n    /**\n     * Icon to display in the message.\n     * @group Props\n     * @defaultValue undefined\n     */\n    readonly icon = input<string>();\n    /**\n     * Icon to display in the message close button.\n     * @group Props\n     * @defaultValue undefined\n     */\n    readonly closeIcon = input<string>();\n    /**\n     * Delay in milliseconds to close the message automatically.\n     * @defaultValue undefined\n     */\n    readonly life = input<number>();\n    /**\n     * Transition options of the show animation.\n     * @defaultValue '300ms ease-out'\n     * @group Props\n     * @deprecated since v21.0.0, use `motionOptions` instead.\n     */\n    readonly showTransitionOptions = input<string>('300ms ease-out');\n    /**\n     * Transition options of the hide animation.\n     * @defaultValue '200ms cubic-bezier(0.86, 0, 0.07, 1)'\n     * @group Props\n     * @deprecated since v21.0.0, use `motionOptions` instead.\n     */\n    readonly hideTransitionOptions = input<string>('200ms cubic-bezier(0.86, 0, 0.07, 1)');\n    /**\n     * Defines the size of the component.\n     * @group Props\n     */\n    readonly size = input<'large' | 'small'>();\n    /**\n     * Specifies the input variant of the component.\n     * @group Props\n     */\n    readonly variant = input<'outlined' | 'text' | 'simple'>();\n    /**\n     * The motion options.\n     * @group Props\n     */\n    motionOptions = input<MotionOptions | undefined>(undefined);\n\n    computedMotionOptions = computed<MotionOptions>(() => {\n        return {\n            ...this.ptm('motion'),\n            ...this.motionOptions()\n        };\n    });\n    /**\n     * Emits when the message is closed.\n     * @param {{ originalEvent: Event }} event - The event object containing the original event.\n     * @group Emits\n     */\n    readonly onClose = output<{\n    originalEvent: Event;\n}>();\n\n    get closeAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n    }\n\n    visible = signal<boolean>(true);\n\n    /**\n     * Custom template of the message container.\n     * @param {MessageContainerTemplateContext} context - container context.\n     * @see {@link MessageContainerTemplateContext}\n     * @group Templates\n     */\n    readonly containerTemplate = contentChild<TemplateRef<MessageContainerTemplateContext>>('container', { descendants: false });\n\n    /**\n     * Custom template of the message icon.\n     * @group Templates\n     */\n    readonly iconTemplate = contentChild<TemplateRef<void>>('icon', { descendants: false });\n\n    /**\n     * Custom template of the close icon.\n     * @group Templates\n     */\n    readonly closeIconTemplate = contentChild<TemplateRef<void>>('closeicon', { descendants: false });\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _containerTemplate: TemplateRef<MessageContainerTemplateContext> | undefined;\n\n    _iconTemplate: TemplateRef<void> | undefined;\n\n    _closeIconTemplate: TemplateRef<void> | undefined;\n\n    closeCallback = (event: Event) => {\n        this.close(event);\n    };\n\n    onInit() {\n        const life = this.life();\n        if (life) {\n            setTimeout(() => {\n                this.visible.set(false);\n            }, life);\n        }\n    }\n\n    onAfterContentInit() {\n        this.templates()?.forEach((item) => {\n            switch (item.getType()) {\n                case 'container':\n                    this._containerTemplate = item.template;\n                    break;\n\n                case 'icon':\n                    this._iconTemplate = item.template;\n                    break;\n\n                case 'closeicon':\n                    this._closeIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    /**\n     * Closes the message.\n     * @param {Event} event - Browser event.\n     * @group Method\n     */\n    public close(event: Event) {\n        this.visible.set(false);\n        this.onClose.emit({ originalEvent: event });\n    }\n\n    get dataP() {\n        return this.cn({\n            outlined: this.variant() === 'outlined',\n            simple: this.variant() === 'simple',\n            [this.severity() as string]: this.severity(),\n            [this.size() as string]: this.size()\n        });\n    }\n}\n\n@NgModule({\n    imports: [Message, SharedModule],\n    exports: [Message, SharedModule]\n})\nexport class MessageModule {}\n","<div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\" [attr.data-h]=\"dataP\">\n  <div [hBind]=\"ptm('content')\" [class]=\"cx('content')\" [attr.data-h]=\"dataP\">\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-container *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-container>\n    }\n    @if (icon()) {\n      <i [hBind]=\"ptm('icon')\" [class]=\"cn(cx('icon'), icon())\" [attr.data-h]=\"dataP\"></i>\n    }\n\n    @if (containerTemplate() || _containerTemplate) {\n      <ng-container *ngTemplateOutlet=\"containerTemplate() || _containerTemplate; context: { closeCallback: closeCallback }\"></ng-container>\n    } @else {\n      @if (!escape()) {\n        <div>\n          @if (!escape()) {\n            <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [innerHTML]=\"text()\" [attr.data-h]=\"dataP\"></span>\n          }\n        </div>\n      } @else {\n        @if (escape() && text()) {\n          <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">{{ text() }}</span>\n        }\n      }\n\n\n      <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">\n        <ng-content></ng-content>\n      </span>\n    }\n    @if (closable()) {\n      <button [hBind]=\"ptm('closeButton')\" hRipple type=\"button\" [class]=\"cx('closeButton')\" (click)=\"close($event)\" [attr.aria-label]=\"closeAriaLabel\" [attr.data-h]=\"dataP\">\n        @if (closeIcon()) {\n          <i [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), closeIcon())\" [ngClass]=\"closeIcon()\" [attr.data-h]=\"dataP\"></i>\n        }\n        @if (closeIconTemplate() || _closeIconTemplate) {\n          <ng-container *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-container>\n        }\n        @if (!closeIconTemplate() && !_closeIconTemplate && !closeIcon()) {\n          <svg [hBind]=\"ptm('closeIcon')\" data-h-icon()=\"times\" [class]=\"cx('closeIcon')\" [attr.data-h]=\"dataP\" />\n        }\n      </button>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/gravionlabs-helix-core-metergroup.mjs

@@ -0,0 +1,417 @@
+export * from '@gravionlabs/helix-core/types/metergroup';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, input, inject, forwardRef, ChangeDetectionStrategy, Component, contentChild, contentChildren, ViewEncapsulation, NgModule } from '@angular/core';
+import { getOuterHeight } from '@gravionlabs/helix-core/uix/utils';
+import { SharedModule, HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i2 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style = /*css*/ `
+    .h-metergroup {
+        display: flex;
+        gap: dt('metergroup.gap');
+    }
+
+    .h-metergroup-meters {
+        display: flex;
+        background: dt('metergroup.meters.background');
+        border-radius: dt('metergroup.border.radius');
+    }
+
+    .h-metergroup-label-list {
+        display: flex;
+        flex-wrap: wrap;
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+    }
+
+    .h-metergroup-label {
+        display: inline-flex;
+        align-items: center;
+        gap: dt('metergroup.label.gap');
+    }
+
+    .h-metergroup-label-marker {
+        display: inline-flex;
+        width: dt('metergroup.label.marker.size');
+        height: dt('metergroup.label.marker.size');
+        border-radius: 100%;
+    }
+
+    .h-metergroup-label-icon {
+        font-size: dt('metergroup.label.icon.size');
+        width: dt('metergroup.label.icon.size');
+        height: dt('metergroup.label.icon.size');
+    }
+
+    .h-metergroup-horizontal {
+        flex-direction: column;
+    }
+
+    .h-metergroup-label-list-horizontal {
+        gap: dt('metergroup.label.list.horizontal.gap');
+    }
+
+    .h-metergroup-horizontal .h-metergroup-meters {
+        height: dt('metergroup.meters.size');
+    }
+
+    .h-metergroup-horizontal .h-metergroup-meter:first-of-type {
+        border-start-start-radius: dt('metergroup.border.radius');
+        border-end-start-radius: dt('metergroup.border.radius');
+    }
+
+    .h-metergroup-horizontal .h-metergroup-meter:last-of-type {
+        border-start-end-radius: dt('metergroup.border.radius');
+        border-end-end-radius: dt('metergroup.border.radius');
+    }
+
+    .h-metergroup-vertical {
+        flex-direction: row;
+    }
+
+    .h-metergroup-label-list-vertical {
+        flex-direction: column;
+        gap: dt('metergroup.label.list.vertical.gap');
+    }
+
+    .h-metergroup-vertical .h-metergroup-meters {
+        flex-direction: column;
+        width: dt('metergroup.meters.size');
+        height: 100%;
+    }
+
+    .h-metergroup-vertical .h-metergroup-label-list {
+        align-items: flex-start;
+    }
+
+    .h-metergroup-vertical .h-metergroup-meter:first-of-type {
+        border-start-start-radius: dt('metergroup.border.radius');
+        border-start-end-radius: dt('metergroup.border.radius');
+    }
+
+    .h-metergroup-vertical .h-metergroup-meter:last-of-type {
+        border-end-start-radius: dt('metergroup.border.radius');
+        border-end-end-radius: dt('metergroup.border.radius');
+    }
+`;
+
+const classes = {
+    root: ({ instance }) => [
+        'h-metergroup h-component',
+        {
+            'h-metergroup-horizontal': instance.orientation() === 'horizontal',
+            'h-metergroup-vertical': instance.orientation() === 'vertical'
+        }
+    ],
+    meters: 'h-metergroup-meters',
+    meter: 'h-metergroup-meter',
+    labelList: ({ instance }) => [
+        'h-metergroup-label-list',
+        {
+            'h-metergroup-label-list-vertical': instance.labelOrientation() === 'vertical',
+            'h-metergroup-label-list-horizontal': instance.labelOrientation() === 'horizontal'
+        }
+    ],
+    label: 'h-metergroup-label',
+    labelIcon: 'h-metergroup-label-icon',
+    labelMarker: 'h-metergroup-label-marker',
+    labelText: 'h-metergroup-label-text'
+};
+class MeterGroupStyle extends BaseStyle {
+    name = 'metergroup';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * MeterGroup is a group of process status indicators.
+ *
+ * [Live Demo](https://www.primeng.org/metergroup)
+ *
+ * @module metergroupstyle
+ *
+ */
+var MeterGroupClasses;
+(function (MeterGroupClasses) {
+    /**
+     * Class name of the root element
+     */
+    MeterGroupClasses["root"] = "h-metergroup";
+    /**
+     * Class name of the meters element
+     */
+    MeterGroupClasses["meters"] = "h-metergroup-meters";
+    /**
+     * Class name of the meter element
+     */
+    MeterGroupClasses["meter"] = "h-metergroup-meter";
+    /**
+     * Class name of the label list element
+     */
+    MeterGroupClasses["labelList"] = "h-metergroup-label-list";
+    /**
+     * Class name of the label element
+     */
+    MeterGroupClasses["label"] = "h-metergroup-label";
+    /**
+     * Class name of the label icon element
+     */
+    MeterGroupClasses["labelIcon"] = "h-metergroup-label-icon";
+    /**
+     * Class name of the label marker element
+     */
+    MeterGroupClasses["labelMarker"] = "h-metergroup-label-marker";
+    /**
+     * Class name of the label text element
+     */
+    MeterGroupClasses["labelText"] = "h-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(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    iconTemplate = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconTemplate" }] : /* istanbul ignore next */ []));
+    parentInstance = inject(forwardRef(() => MeterGroup));
+    _componentStyle = inject(MeterGroupStyle);
+    get dataP() {
+        return this.cn({
+            [this.labelOrientation()]: this.labelOrientation()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupLabel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: MeterGroupLabel, isStandalone: true, selector: "h-meterGroupLabel, h-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')\" [hBind]=\"ptm('labelList')\" [attr.data-h]=\"dataP\">\n  @for (labelItem of value(); track parentInstance.trackByFn(index); let index = $index) {\n    <li [class]=\"cx('label')\" [hBind]=\"ptm('label')\">\n      @if (!iconTemplate()) {\n        @if (labelItem.icon) {\n          <i [class]=\"labelItem.icon\" [ngClass]=\"cx('labelIcon')\" [hBind]=\"ptm('labelIcon')\" [ngStyle]=\"{ color: labelItem.color }\"></i>\n        }\n        @if (!labelItem.icon) {\n          <span [class]=\"cx('labelMarker')\" [hBind]=\"ptm('labelMarker')\" [ngStyle]=\"{ backgroundColor: labelItem.color }\"></span>\n        }\n      }\n      <ng-container *ngTemplateOutlet=\"iconTemplate(); context: { $implicit: labelItem, icon: labelItem.icon }\"></ng-container>\n      <span [class]=\"cx('labelText')\" [hBind]=\"ptm('labelText')\">{{ labelItem.label }} ({{ parentInstance.percentValue(labelItem.value) }})</span>\n    </li>\n  }\n</ol>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupLabel, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-meterGroupLabel, h-metergrouplabel', standalone: true, imports: [CommonModule, SharedModule, Bind], changeDetection: ChangeDetectionStrategy.Eager, template: "<ol [class]=\"cx('labelList')\" [hBind]=\"ptm('labelList')\" [attr.data-h]=\"dataP\">\n  @for (labelItem of value(); track parentInstance.trackByFn(index); let index = $index) {\n    <li [class]=\"cx('label')\" [hBind]=\"ptm('label')\">\n      @if (!iconTemplate()) {\n        @if (labelItem.icon) {\n          <i [class]=\"labelItem.icon\" [ngClass]=\"cx('labelIcon')\" [hBind]=\"ptm('labelIcon')\" [ngStyle]=\"{ color: labelItem.color }\"></i>\n        }\n        @if (!labelItem.icon) {\n          <span [class]=\"cx('labelMarker')\" [hBind]=\"ptm('labelMarker')\" [ngStyle]=\"{ backgroundColor: labelItem.color }\"></span>\n        }\n      }\n      <ng-container *ngTemplateOutlet=\"iconTemplate(); context: { $implicit: labelItem, icon: labelItem.icon }\"></ng-container>\n      <span [class]=\"cx('labelText')\" [hBind]=\"ptm('labelText')\">{{ labelItem.label }} ({{ parentInstance.percentValue(labelItem.value) }})</span>\n    </li>\n  }\n</ol>\n" }]
+        }], 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 */ []));
+    /**
+     * Style class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    get vertical() {
+        return this.orientation() === 'vertical';
+    }
+    /**
+     * 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 });
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    _labelTemplate;
+    _meterTemplate;
+    _endTemplate;
+    _startTemplate;
+    _iconTemplate;
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    _componentStyle = inject(MeterGroupStyle);
+    constructor() {
+        super();
+    }
+    onAfterViewInit() {
+        const _container = this.el.nativeElement;
+        const height = getOuterHeight(_container);
+        this.vertical && (_container.style.height = height + 'px');
+    }
+    onAfterContentInit() {
+        this.templates()?.forEach((item) => {
+            switch (item.getType()) {
+                case 'label':
+                    this._labelTemplate = item.template;
+                    break;
+                case 'meter':
+                    this._meterTemplate = item.template;
+                    break;
+                case 'icon':
+                    this._iconTemplate = item.template;
+                    break;
+                case 'start':
+                    this._startTemplate = item.template;
+                    break;
+                case 'end':
+                    this._endTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    percent(meter = 0) {
+        const max = this.max();
+        const min = this.min();
+        if (max === min) {
+            return 100; // When min = max, any value should be 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) {
+        return {
+            backgroundColor: val.color,
+            width: this.orientation() === 'horizontal' && this.percentValue(val.value || 0),
+            height: this.orientation() === 'vertical' && this.percentValue(val.value || 0)
+        };
+    }
+    totalPercent() {
+        const value = this.value();
+        if (!value) {
+            return 0;
+        }
+        return this.percent(value.reduce((total, val) => total + (val.value || 0), 0));
+    }
+    percentages() {
+        const value = this.value();
+        if (!value) {
+            return [];
+        }
+        let sum = 0;
+        const sumsArray = [];
+        value.forEach((item) => {
+            sum += item.value || 0;
+            sumsArray.push(sum);
+        });
+        return sumsArray;
+    }
+    trackByFn(index) {
+        return index;
+    }
+    get dataP() {
+        return this.cn({
+            [this.orientation()]: this.orientation()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: MeterGroup, isStandalone: true, selector: "h-meterGroup, h-metergroup, h-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 }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", 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-h": "dataP", "class": "cn(cx('root'), styleClass())" } }, 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 }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i2.Bind }], ngImport: i0, template: "@if (labelPosition() === 'start') {\n  @if (!labelTemplate() && !_labelTemplate) {\n    <h-meterGroupLabel\n      [value]=\"value()\"\n      [labelPosition()]=\"labelPosition()\"\n      [labelOrientation]=\"labelOrientation()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [iconTemplate]=\"iconTemplate() || _iconTemplate\"\n      [pt]=\"pt\"\n      [unstyled]=\"unstyled()\"\n      />\n  }\n  <ng-container *ngTemplateOutlet=\"labelTemplate() || labelTemplate(); context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n}\n<ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n<div [class]=\"cx('meters')\" [hBind]=\"ptm('meters')\" [attr.data-h]=\"dataP\">\n  @for (meterItem of value(); track trackByFn(index); let index = $index) {\n    <ng-container\n            *ngTemplateOutlet=\"\n                meterTemplate() || _meterTemplate;\n                context: {\n                    $implicit: meterItem,\n                    index: index,\n                    orientation: this.orientation(),\n                    class: cx('meter'),\n                    size: percentValue(meterItem.value),\n                    totalPercent: totalPercent(),\n                    dataP: dataP\n                }\n            \"\n    >\n  </ng-container>\n  @if (!meterTemplate() && !_meterTemplate && meterItem.value > 0) {\n    <span [class]=\"cx('meter')\" [attr.data-h]=\"dataP\" [hBind]=\"ptm('meter')\" [ngStyle]=\"meterStyle(meterItem)\"></span>\n  }\n}\n</div>\n<ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n@if (labelPosition() === 'end') {\n  @if (!labelTemplate() && !_labelTemplate) {\n    <h-meterGroupLabel\n      [value]=\"value()\"\n      [labelPosition()]=\"labelPosition()\"\n      [labelOrientation]=\"labelOrientation()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [iconTemplate]=\"iconTemplate() || _iconTemplate\"\n      [pt]=\"pt\"\n      [unstyled]=\"unstyled()\"\n      />\n  }\n  <ng-container *ngTemplateOutlet=\"labelTemplate() || _labelTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MeterGroupLabel, selector: "h-meterGroupLabel, h-metergrouplabel", inputs: ["value", "labelPosition", "labelOrientation", "min", "max", "iconTemplate"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-meterGroup, h-metergroup, h-meter-group', standalone: true, imports: [CommonModule, MeterGroupLabel, SharedModule, Bind], 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-h]': 'dataP',
+                        '[class]': "cn(cx('root'), styleClass())"
+                    }, hostDirectives: [Bind], template: "@if (labelPosition() === 'start') {\n  @if (!labelTemplate() && !_labelTemplate) {\n    <h-meterGroupLabel\n      [value]=\"value()\"\n      [labelPosition()]=\"labelPosition()\"\n      [labelOrientation]=\"labelOrientation()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [iconTemplate]=\"iconTemplate() || _iconTemplate\"\n      [pt]=\"pt\"\n      [unstyled]=\"unstyled()\"\n      />\n  }\n  <ng-container *ngTemplateOutlet=\"labelTemplate() || labelTemplate(); context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n}\n<ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n<div [class]=\"cx('meters')\" [hBind]=\"ptm('meters')\" [attr.data-h]=\"dataP\">\n  @for (meterItem of value(); track trackByFn(index); let index = $index) {\n    <ng-container\n            *ngTemplateOutlet=\"\n                meterTemplate() || _meterTemplate;\n                context: {\n                    $implicit: meterItem,\n                    index: index,\n                    orientation: this.orientation(),\n                    class: cx('meter'),\n                    size: percentValue(meterItem.value),\n                    totalPercent: totalPercent(),\n                    dataP: dataP\n                }\n            \"\n    >\n  </ng-container>\n  @if (!meterTemplate() && !_meterTemplate && meterItem.value > 0) {\n    <span [class]=\"cx('meter')\" [attr.data-h]=\"dataP\" [hBind]=\"ptm('meter')\" [ngStyle]=\"meterStyle(meterItem)\"></span>\n  }\n}\n</div>\n<ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n@if (labelPosition() === 'end') {\n  @if (!labelTemplate() && !_labelTemplate) {\n    <h-meterGroupLabel\n      [value]=\"value()\"\n      [labelPosition()]=\"labelPosition()\"\n      [labelOrientation]=\"labelOrientation()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [iconTemplate]=\"iconTemplate() || _iconTemplate\"\n      [pt]=\"pt\"\n      [unstyled]=\"unstyled()\"\n      />\n  }\n  <ng-container *ngTemplateOutlet=\"labelTemplate() || _labelTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n}\n" }]
+        }], 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 }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", 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 }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
+class MeterGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupModule, imports: [MeterGroup, SharedModule], exports: [MeterGroup, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupModule, imports: [MeterGroup, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MeterGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [MeterGroup, SharedModule],
+                    exports: [MeterGroup, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MeterGroup, MeterGroupClasses, MeterGroupLabel, MeterGroupModule, MeterGroupStyle };
+//# sourceMappingURL=gravionlabs-helix-core-metergroup.mjs.map

package/fesm2022/gravionlabs-helix-core-metergroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-metergroup.mjs","sources":["../../../projects/core/metergroup/style/metergroup.css.ts","../../../projects/core/metergroup/style/metergroupstyle.ts","../../../projects/core/metergroup/metergroup.ts","../../../projects/core/metergroup/metergrouplabel.html","../../../projects/core/metergroup/metergroup.html","../../../projects/core/metergroup/gravionlabs-helix-core-metergroup.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-metergroup {\n        display: flex;\n        gap: dt('metergroup.gap');\n    }\n\n    .h-metergroup-meters {\n        display: flex;\n        background: dt('metergroup.meters.background');\n        border-radius: dt('metergroup.border.radius');\n    }\n\n    .h-metergroup-label-list {\n        display: flex;\n        flex-wrap: wrap;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .h-metergroup-label {\n        display: inline-flex;\n        align-items: center;\n        gap: dt('metergroup.label.gap');\n    }\n\n    .h-metergroup-label-marker {\n        display: inline-flex;\n        width: dt('metergroup.label.marker.size');\n        height: dt('metergroup.label.marker.size');\n        border-radius: 100%;\n    }\n\n    .h-metergroup-label-icon {\n        font-size: dt('metergroup.label.icon.size');\n        width: dt('metergroup.label.icon.size');\n        height: dt('metergroup.label.icon.size');\n    }\n\n    .h-metergroup-horizontal {\n        flex-direction: column;\n    }\n\n    .h-metergroup-label-list-horizontal {\n        gap: dt('metergroup.label.list.horizontal.gap');\n    }\n\n    .h-metergroup-horizontal .h-metergroup-meters {\n        height: dt('metergroup.meters.size');\n    }\n\n    .h-metergroup-horizontal .h-metergroup-meter:first-of-type {\n        border-start-start-radius: dt('metergroup.border.radius');\n        border-end-start-radius: dt('metergroup.border.radius');\n    }\n\n    .h-metergroup-horizontal .h-metergroup-meter:last-of-type {\n        border-start-end-radius: dt('metergroup.border.radius');\n        border-end-end-radius: dt('metergroup.border.radius');\n    }\n\n    .h-metergroup-vertical {\n        flex-direction: row;\n    }\n\n    .h-metergroup-label-list-vertical {\n        flex-direction: column;\n        gap: dt('metergroup.label.list.vertical.gap');\n    }\n\n    .h-metergroup-vertical .h-metergroup-meters {\n        flex-direction: column;\n        width: dt('metergroup.meters.size');\n        height: 100%;\n    }\n\n    .h-metergroup-vertical .h-metergroup-label-list {\n        align-items: flex-start;\n    }\n\n    .h-metergroup-vertical .h-metergroup-meter:first-of-type {\n        border-start-start-radius: dt('metergroup.border.radius');\n        border-start-end-radius: dt('metergroup.border.radius');\n    }\n\n    .h-metergroup-vertical .h-metergroup-meter:last-of-type {\n        border-end-start-radius: dt('metergroup.border.radius');\n        border-end-end-radius: dt('metergroup.border.radius');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './metergroup.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-metergroup h-component',\n        {\n            'h-metergroup-horizontal': instance.orientation() === 'horizontal',\n            'h-metergroup-vertical': instance.orientation() === 'vertical'\n        }\n    ],\n    meters: 'h-metergroup-meters',\n    meter: 'h-metergroup-meter',\n    labelList: ({ instance }) => [\n        'h-metergroup-label-list',\n        {\n            'h-metergroup-label-list-vertical': instance.labelOrientation() === 'vertical',\n            'h-metergroup-label-list-horizontal': instance.labelOrientation() === 'horizontal'\n        }\n    ],\n    label: 'h-metergroup-label',\n    labelIcon: 'h-metergroup-label-icon',\n    labelMarker: 'h-metergroup-label-marker',\n    labelText: 'h-metergroup-label-text'\n};\n\n@Injectable()\nexport class MeterGroupStyle extends BaseStyle {\n    name = 'metergroup';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * MeterGroup is a group of process status indicators.\n *\n * [Live Demo](https://www.primeng.org/metergroup)\n *\n * @module metergroupstyle\n *\n */\nexport enum MeterGroupClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-metergroup',\n    /**\n     * Class name of the meters element\n     */\n    meters = 'h-metergroup-meters',\n    /**\n     * Class name of the meter element\n     */\n    meter = 'h-metergroup-meter',\n    /**\n     * Class name of the label list element\n     */\n    labelList = 'h-metergroup-label-list',\n    /**\n     * Class name of the label element\n     */\n    label = 'h-metergroup-label',\n    /**\n     * Class name of the label icon element\n     */\n    labelIcon = 'h-metergroup-label-icon',\n    /**\n     * Class name of the label marker element\n     */\n    labelMarker = 'h-metergroup-label-marker',\n    /**\n     * Class name of the label text element\n     */\n    labelText = 'h-metergroup-label-text'\n}\n\nexport interface MeterGroupStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ElementRef, forwardRef, inject, InjectionToken, Input, NgModule, TemplateRef, ViewChild, ViewEncapsulation, input, contentChild, contentChildren } from '@angular/core';\nimport { getOuterHeight } from '@gravionlabs/helix-core/uix/utils';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { MeterGroupIconTemplateContext, MeterGroupLabelTemplateContext, MeterGroupMeterTemplateContext, MeterGroupPassThrough, MeterItem } from '@gravionlabs/helix-core/types/metergroup';\nimport { MeterGroupStyle } from './style/metergroupstyle';\n\nconst METERGROUP_INSTANCE = new InjectionToken<MeterGroup>('METERGROUP_INSTANCE');\n\n@Component({\n    selector: 'h-meterGroupLabel, h-metergrouplabel',\n    standalone: true,\n    imports: [CommonModule, SharedModule, Bind],\n    changeDetection: ChangeDetectionStrategy.Eager,\n    templateUrl: './metergrouplabel.html'\n})\nexport class MeterGroupLabel extends BaseComponent<MeterGroupPassThrough> {\n    readonly value = input<any[]>([]);\n\n    readonly labelPosition = input<'start' | 'end'>('end');\n\n    readonly labelOrientation = input<'horizontal' | 'vertical'>('horizontal');\n\n    readonly min = input<number>(undefined!);\n\n    readonly max = input<number>(undefined!);\n\n    readonly iconTemplate = input<TemplateRef<MeterGroupIconTemplateContext>>();\n\n    parentInstance: MeterGroup = inject(forwardRef(() => MeterGroup));\n\n    _componentStyle = inject(MeterGroupStyle);\n\n    get dataP() {\n        return this.cn({\n            [this.labelOrientation()]: this.labelOrientation()\n        });\n    }\n}\n/**\n * MeterGroup displays scalar measurements within a known range.\n * @group Components\n */\n@Component({\n    selector: 'h-meterGroup, h-metergroup, h-meter-group',\n    standalone: true,\n    imports: [CommonModule, MeterGroupLabel, SharedModule, Bind],\n    templateUrl: './metergroup.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [MeterGroupStyle, { provide: METERGROUP_INSTANCE, useExisting: MeterGroup }, { provide: PARENT_INSTANCE, useExisting: MeterGroup }],\n    host: {\n        '[attr.aria-valuemin]': 'min()',\n        '[attr.role]': '\"meter\"',\n        '[attr.aria-valuemax]': 'max()',\n        '[attr.aria-valuenow]': 'totalPercent()',\n        '[attr.data-h]': 'dataP',\n        '[class]': \"cn(cx('root'), styleClass())\"\n    },\n    hostDirectives: [Bind]\n})\nexport class MeterGroup extends BaseComponent<MeterGroupPassThrough> {\n    componentName = 'MeterGroup';\n\n    $pcMeterGroup: MeterGroup | undefined = inject(METERGROUP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    /**\n     * Current value of the metergroup.\n     * @group Props\n     */\n    readonly value = input<MeterItem[]>();\n    /**\n     * Mininum boundary value.\n     * @group Props\n     */\n    readonly min = input<number>(0);\n    /**\n     * Maximum boundary value.\n     * @group Props\n     */\n    readonly max = input<number>(100);\n    /**\n     * Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.\n     * @group Props\n     */\n    readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n    /**\n     * Specifies the label position of the component, valid values are 'start' and 'end'.\n     * @group Props\n     */\n    readonly labelPosition = input<'start' | 'end'>('end');\n    /**\n     * Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'.\n     * @group Props\n     */\n    readonly labelOrientation = input<'horizontal' | 'vertical' | undefined>('horizontal');\n    /**\n     * Style class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n\n    get vertical(): boolean {\n        return this.orientation() === 'vertical';\n    }\n\n    /**\n     * Custom label template.\n     * @param {MeterGroupLabelTemplateContext} context - label context.\n     * @see {@link MeterGroupLabelTemplateContext}\n     * @group Templates\n     */\n    readonly labelTemplate = contentChild<TemplateRef<MeterGroupLabelTemplateContext>>('label', { descendants: false });\n\n    /**\n     * Custom meter template.\n     * @param {MeterGroupMeterTemplateContext} context - meter context.\n     * @see {@link MeterGroupMeterTemplateContext}\n     * @group Templates\n     */\n    readonly meterTemplate = contentChild<TemplateRef<MeterGroupMeterTemplateContext>>('meter', { descendants: false });\n\n    /**\n     * Custom end template.\n     * @param {MeterGroupLabelTemplateContext} context - end context.\n     * @see {@link MeterGroupLabelTemplateContext}\n     * @group Templates\n     */\n    readonly endTemplate = contentChild<TemplateRef<MeterGroupLabelTemplateContext>>('end', { descendants: false });\n\n    /**\n     * Custom start template.\n     * @param {MeterGroupLabelTemplateContext} context - start context.\n     * @see {@link MeterGroupLabelTemplateContext}\n     * @group Templates\n     */\n    readonly startTemplate = contentChild<TemplateRef<MeterGroupLabelTemplateContext>>('start', { descendants: false });\n\n    /**\n     * Custom icon template.\n     * @param {MeterGroupIconTemplateContext} context - icon context.\n     * @see {@link MeterGroupIconTemplateContext}\n     * @group Templates\n     */\n    readonly iconTemplate = contentChild<TemplateRef<MeterGroupIconTemplateContext>>('icon', { descendants: false });\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _labelTemplate: TemplateRef<MeterGroupLabelTemplateContext> | undefined;\n\n    _meterTemplate: TemplateRef<MeterGroupMeterTemplateContext> | undefined;\n\n    _endTemplate: TemplateRef<MeterGroupLabelTemplateContext> | undefined;\n\n    _startTemplate: TemplateRef<MeterGroupLabelTemplateContext> | undefined;\n\n    _iconTemplate: TemplateRef<MeterGroupIconTemplateContext> | undefined;\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    _componentStyle = inject(MeterGroupStyle);\n\n    constructor() {\n        super();\n    }\n\n    onAfterViewInit() {\n        const _container = this.el.nativeElement;\n        const height = getOuterHeight(_container);\n        this.vertical && (_container.style.height = height + 'px');\n    }\n\n    onAfterContentInit() {\n        this.templates()?.forEach((item) => {\n            switch (item.getType()) {\n                case 'label':\n                    this._labelTemplate = item.template;\n                    break;\n\n                case 'meter':\n                    this._meterTemplate = item.template;\n                    break;\n\n                case 'icon':\n                    this._iconTemplate = item.template;\n                    break;\n\n                case 'start':\n                    this._startTemplate = item.template;\n                    break;\n\n                case 'end':\n                    this._endTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    percent(meter = 0) {\n        const max = this.max();\n        const min = this.min();\n        if (max === min) {\n            return 100; // When min = max, any value should be 100%\n        }\n        const percentOfItem = ((meter - min) / (max - min)) * 100;\n\n        return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n    }\n\n    percentValue(meter: number) {\n        return this.percent(meter) + '%';\n    }\n\n    meterStyle(val: MeterItem) {\n        return {\n            backgroundColor: val.color,\n            width: this.orientation() === 'horizontal' && this.percentValue(val.value || 0),\n            height: this.orientation() === 'vertical' && this.percentValue(val.value || 0)\n        };\n    }\n\n    totalPercent() {\n        const value = this.value();\n        if (!value) {\n            return 0;\n        }\n        return this.percent(value.reduce((total, val) => total + (val.value || 0), 0));\n    }\n\n    percentages() {\n        const value = this.value();\n        if (!value) {\n            return [];\n        }\n\n        let sum = 0;\n        const sumsArray: number[] = [];\n\n        value.forEach((item) => {\n            sum += item.value || 0;\n            sumsArray.push(sum);\n        });\n\n        return sumsArray;\n    }\n\n    trackByFn(index: number): number {\n        return index;\n    }\n\n    get dataP() {\n        return this.cn({\n            [this.orientation()]: this.orientation()\n        });\n    }\n}\n\n@NgModule({\n    imports: [MeterGroup, SharedModule],\n    exports: [MeterGroup, SharedModule]\n})\nexport class MeterGroupModule {}\n","<ol [class]=\"cx('labelList')\" [hBind]=\"ptm('labelList')\" [attr.data-h]=\"dataP\">\n  @for (labelItem of value(); track parentInstance.trackByFn(index); let index = $index) {\n    <li [class]=\"cx('label')\" [hBind]=\"ptm('label')\">\n      @if (!iconTemplate()) {\n        @if (labelItem.icon) {\n          <i [class]=\"labelItem.icon\" [ngClass]=\"cx('labelIcon')\" [hBind]=\"ptm('labelIcon')\" [ngStyle]=\"{ color: labelItem.color }\"></i>\n        }\n        @if (!labelItem.icon) {\n          <span [class]=\"cx('labelMarker')\" [hBind]=\"ptm('labelMarker')\" [ngStyle]=\"{ backgroundColor: labelItem.color }\"></span>\n        }\n      }\n      <ng-container *ngTemplateOutlet=\"iconTemplate(); context: { $implicit: labelItem, icon: labelItem.icon }\"></ng-container>\n      <span [class]=\"cx('labelText')\" [hBind]=\"ptm('labelText')\">{{ labelItem.label }} ({{ parentInstance.percentValue(labelItem.value) }})</span>\n    </li>\n  }\n</ol>\n","@if (labelPosition() === 'start') {\n  @if (!labelTemplate() && !_labelTemplate) {\n    <h-meterGroupLabel\n      [value]=\"value()\"\n      [labelPosition()]=\"labelPosition()\"\n      [labelOrientation]=\"labelOrientation()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [iconTemplate]=\"iconTemplate() || _iconTemplate\"\n      [pt]=\"pt\"\n      [unstyled]=\"unstyled()\"\n      />\n  }\n  <ng-container *ngTemplateOutlet=\"labelTemplate() || labelTemplate(); context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n}\n<ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n<div [class]=\"cx('meters')\" [hBind]=\"ptm('meters')\" [attr.data-h]=\"dataP\">\n  @for (meterItem of value(); track trackByFn(index); let index = $index) {\n    <ng-container\n            *ngTemplateOutlet=\"\n                meterTemplate() || _meterTemplate;\n                context: {\n                    $implicit: meterItem,\n                    index: index,\n                    orientation: this.orientation(),\n                    class: cx('meter'),\n                    size: percentValue(meterItem.value),\n                    totalPercent: totalPercent(),\n                    dataP: dataP\n                }\n            \"\n    >\n  </ng-container>\n  @if (!meterTemplate() && !_meterTemplate && meterItem.value > 0) {\n    <span [class]=\"cx('meter')\" [attr.data-h]=\"dataP\" [hBind]=\"ptm('meter')\" [ngStyle]=\"meterStyle(meterItem)\"></span>\n  }\n}\n</div>\n<ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n@if (labelPosition() === 'end') {\n  @if (!labelTemplate() && !_labelTemplate) {\n    <h-meterGroupLabel\n      [value]=\"value()\"\n      [labelPosition()]=\"labelPosition()\"\n      [labelOrientation]=\"labelOrientation()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [iconTemplate]=\"iconTemplate() || _iconTemplate\"\n      [pt]=\"pt\"\n      [unstyled]=\"unstyled()\"\n      />\n  }\n  <ng-container *ngTemplateOutlet=\"labelTemplate() || _labelTemplate; context: { $implicit: value(), totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}