@gravionlabs/helix-core 22.1.2 → 22.1.4

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

@@ -1,14 +1,14 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, effect, Directive, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { isEmpty, isNotEmpty, uuid, hasClass, removeClass, addClass, createElement } from '@gravionlabs/helix-core/uix/utils';
-import { SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style$1 = /*css*/ `
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, effect, inject, input } from "@angular/core";
+import { addClass, createElement, hasClass, isEmpty, isNotEmpty, removeClass, uuid } from "@gravionlabs/helix-core/uix/utils";
+import { SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind, BindModule } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+const style = `
+    
     .h-badge {
         display: inline-flex;
         border-radius: dt('badge.border.radius');
@@ -83,10 +83,7 @@ const style$1 = /*css*/ `
         min-width: dt('badge.xl.min.width');
         height: dt('badge.xl.height');
     }
-`;
 
-const style = /*css*/ `
-    ${style$1}
 
     /* For Helix (directive)*/
     .h-overlay-badge {
@@ -102,383 +99,667 @@ const style = /*css*/ `
         margin: 0;
     }
 `;
-const classes = {
-    root: ({ instance }) => {
-        const value = typeof instance.value === 'function' ? instance.value() : instance.value;
-        const size = typeof instance.size === 'function' ? instance.size() : instance.size;
-        const badgeSize = typeof instance.badgeSize === 'function' ? instance.badgeSize() : instance.badgeSize;
-        const severity = typeof instance.severity === 'function' ? instance.severity() : instance.severity;
-        return [
-            'h-badge h-component',
-            {
-                'h-badge-circle': isNotEmpty(value) && String(value).length === 1,
-                'h-badge-dot': isEmpty(value),
-                'h-badge-sm': size === 'small' || badgeSize === 'small',
-                'h-badge-lg': size === 'large' || badgeSize === 'large',
-                'h-badge-xl': size === 'xlarge' || badgeSize === 'xlarge',
-                'h-badge-info': severity === 'info',
-                'h-badge-success': severity === 'success',
-                'h-badge-warn': severity === 'warn',
-                'h-badge-danger': severity === 'danger',
-                'h-badge-secondary': severity === 'secondary',
-                'h-badge-contrast': severity === 'contrast'
-            }
-        ];
-    }
+const classes = { root: ({ instance }) => {
+	const value = typeof instance.value === "function" ? instance.value() : instance.value;
+	const size = typeof instance.size === "function" ? instance.size() : instance.size;
+	const badgeSize = typeof instance.badgeSize === "function" ? instance.badgeSize() : instance.badgeSize;
+	const severity = typeof instance.severity === "function" ? instance.severity() : instance.severity;
+	return ["h-badge h-component", {
+		"h-badge-circle": isNotEmpty(value) && String(value).length === 1,
+		"h-badge-dot": isEmpty(value),
+		"h-badge-sm": size === "small" || badgeSize === "small",
+		"h-badge-lg": size === "large" || badgeSize === "large",
+		"h-badge-xl": size === "xlarge" || badgeSize === "xlarge",
+		"h-badge-info": severity === "info",
+		"h-badge-success": severity === "success",
+		"h-badge-warn": severity === "warn",
+		"h-badge-danger": severity === "danger",
+		"h-badge-secondary": severity === "secondary",
+		"h-badge-contrast": severity === "contrast"
+	}];
+} };
+var BadgeStyle = class BadgeStyle extends BaseStyle {
+	name = "badge";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BadgeStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BadgeStyle
+	});
 };
-class BadgeStyle extends BaseStyle {
-    name = 'badge';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Badge represents people using icons, labels and images.
- *
- * [Live Demo](https://www.primeng.org/badge)
- *
- * @module badgestyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BadgeStyle,
+	decorators: [{ type: Injectable }]
+});
 var BadgeClasses;
-(function (BadgeClasses) {
-    /**
-     * Class name of the root element
-     */
-    BadgeClasses["root"] = "h-badge";
+(function(BadgeClasses) {
+	BadgeClasses["root"] = "h-badge";
 })(BadgeClasses || (BadgeClasses = {}));
-
-const BADGE_INSTANCE = new InjectionToken('BADGE_INSTANCE');
-const BADGE_DIRECTIVE_INSTANCE = new InjectionToken('BADGE_DIRECTIVE_INSTANCE');
-/**
- * Badge Directive is directive usage of badge component.
- * @group Components
- */
-class BadgeDirective extends BaseComponent {
-    $pcBadgeDirective = inject(BADGE_DIRECTIVE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    /**
-     * Used to pass attributes to DOM elements inside the Badge component.
-     * @defaultValue undefined
-     * @deprecated use pBadgePT instead.
-     * @group Props
-     */
-    ptBadgeDirective = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ptBadgeDirective" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to pass attributes to DOM elements inside the Badge component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pBadgePT = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pBadgePT" }] : /* istanbul ignore next */ []));
-    /**
-     * Indicates whether the component should be rendered without styles.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pBadgeUnstyled = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pBadgeUnstyled" }] : /* istanbul ignore next */ []));
-    /**
-     * When specified, disables the component.
-     * @group Props
-     */
-    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: "badgeDisabled" });
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     */
-    badgeSize = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "badgeSize" }] : /* istanbul ignore next */ []));
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     * @deprecated use badgeSize instead.
-     */
-    size = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Severity type of the badge.
-     * @group Props
-     */
-    severity = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "severity" }] : /* istanbul ignore next */ []));
-    /**
-     * Value to display inside the badge.
-     * @group Props
-     */
-    value = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    badgeStyle = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "badgeStyle" }] : /* istanbul ignore next */ []));
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    badgeStyleClass = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "badgeStyleClass" }] : /* istanbul ignore next */ []));
-    id;
-    badgeEl;
-    _componentStyle = inject(BadgeStyle);
-    get activeElement() {
-        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;
-    }
-    get canUpdateBadge() {
-        return isNotEmpty(this.id) && !this.disabled();
-    }
-    constructor() {
-        super();
-        effect(() => {
-            if (this.size() !== undefined) {
-                console.log('size property is deprecated and will removed in v18, use badgeSize instead.');
-            }
-        });
-        effect(() => {
-            const pt = this.ptBadgeDirective() || this.pBadgePT();
-            pt && this.directivePT.set(pt);
-        });
-        effect(() => {
-            this.pBadgeUnstyled() && this.directiveUnstyled.set(this.pBadgeUnstyled());
-        });
-    }
-    onChanges(changes) {
-        const { value, size, severity, disabled, badgeStyle, badgeStyleClass } = changes;
-        if (disabled) {
-            this.toggleDisableState();
-        }
-        if (!this.canUpdateBadge) {
-            return;
-        }
-        if (severity) {
-            this.setSeverity(severity.previousValue);
-        }
-        if (size) {
-            this.setSizeClasses();
-        }
-        if (value) {
-            this.setValue();
-        }
-        if (badgeStyle || badgeStyleClass) {
-            this.applyStyles();
-        }
-    }
-    onAfterViewInit() {
-        this.id = uuid('pn_id_') + '_badge';
-        this.renderBadgeContent();
-    }
-    setValue(element) {
-        const badge = element ?? this.document.getElementById(this.id);
-        if (!badge) {
-            return;
-        }
-        if (this.value() != null) {
-            if (hasClass(badge, 'h-badge-dot')) {
-                removeClass(badge, 'h-badge-dot');
-            }
-            if (this.value() && String(this.value()).length === 1) {
-                addClass(badge, 'h-badge-circle');
-            }
-            else {
-                removeClass(badge, 'h-badge-circle');
-            }
-        }
-        else {
-            if (!hasClass(badge, 'h-badge-dot')) {
-                addClass(badge, 'h-badge-dot');
-            }
-            removeClass(badge, 'h-badge-circle');
-        }
-        badge.textContent = '';
-        const badgeValue = this.value() != null ? String(this.value()) : '';
-        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));
-    }
-    setSizeClasses(element) {
-        const badge = element ?? this.document.getElementById(this.id);
-        if (!badge) {
-            return;
-        }
-        const badgeSize = this.badgeSize();
-        if (badgeSize) {
-            if (badgeSize === 'large') {
-                addClass(badge, 'h-badge-lg');
-                removeClass(badge, 'h-badge-xl');
-            }
-            if (badgeSize === 'xlarge') {
-                addClass(badge, 'h-badge-xl');
-                removeClass(badge, 'h-badge-lg');
-            }
-        }
-        else if (this.size() && !badgeSize) {
-            if (this.size() === 'large') {
-                addClass(badge, 'h-badge-lg');
-                removeClass(badge, 'h-badge-xl');
-            }
-            if (this.size() === 'xlarge') {
-                addClass(badge, 'h-badge-xl');
-                removeClass(badge, 'h-badge-lg');
-            }
-        }
-        else {
-            removeClass(badge, 'h-badge-lg');
-            removeClass(badge, 'h-badge-xl');
-        }
-    }
-    renderBadgeContent() {
-        if (this.disabled()) {
-            return;
-        }
-        const el = this.activeElement;
-        const badge = createElement('span', { class: this.cx('root'), id: this.id, 'h-bind': this.ptm('root') });
-        this.setSeverity(null, badge);
-        this.setSizeClasses(badge);
-        this.setValue(badge);
-        addClass(el, 'h-overlay-badge');
-        this.renderer.appendChild(el, badge);
-        this.badgeEl = badge;
-        this.applyStyles();
-    }
-    applyStyles() {
-        const badgeStyle = this.badgeStyle();
-        if (this.badgeEl && badgeStyle && typeof badgeStyle === 'object') {
-            for (const [key, value] of Object.entries(badgeStyle)) {
-                this.renderer.setStyle(this.badgeEl, key, value);
-            }
-        }
-        const badgeStyleClass = this.badgeStyleClass();
-        if (this.badgeEl && badgeStyleClass) {
-            this.badgeEl.classList.add(...badgeStyleClass.split(' '));
-        }
-    }
-    setSeverity(oldSeverity, element) {
-        const badge = element ?? this.document.getElementById(this.id);
-        if (!badge) {
-            return;
-        }
-        const severity = this.severity();
-        if (severity) {
-            addClass(badge, `h-badge-${severity}`);
-        }
-        if (oldSeverity) {
-            removeClass(badge, `h-badge-${oldSeverity}`);
-        }
-    }
-    toggleDisableState() {
-        if (!this.id) {
-            return;
-        }
-        if (this.disabled()) {
-            const badge = this.activeElement?.querySelector(`#${this.id}`);
-            if (badge) {
-                this.renderer.removeChild(this.activeElement, badge);
-            }
-        }
-        else {
-            this.renderBadgeContent();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: BadgeDirective, isStandalone: true, selector: "[hBadge]", inputs: { ptBadgeDirective: { classPropertyName: "ptBadgeDirective", publicName: "ptBadgeDirective", isSignal: true, isRequired: false, transformFunction: null }, pBadgePT: { classPropertyName: "pBadgePT", publicName: "pBadgePT", isSignal: true, isRequired: false, transformFunction: null }, pBadgeUnstyled: { classPropertyName: "pBadgeUnstyled", publicName: "pBadgeUnstyled", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "badgeDisabled", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, badgeStyle: { classPropertyName: "badgeStyle", publicName: "badgeStyle", isSignal: true, isRequired: false, transformFunction: null }, badgeStyleClass: { classPropertyName: "badgeStyleClass", publicName: "badgeStyleClass", isSignal: true, isRequired: false, transformFunction: null } }, providers: [BadgeStyle, { provide: BADGE_DIRECTIVE_INSTANCE, useExisting: BadgeDirective }, { provide: PARENT_INSTANCE, useExisting: BadgeDirective }], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hBadge]',
-                    providers: [BadgeStyle, { provide: BADGE_DIRECTIVE_INSTANCE, useExisting: BadgeDirective }, { provide: PARENT_INSTANCE, useExisting: BadgeDirective }],
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { ptBadgeDirective: [{ type: i0.Input, args: [{ isSignal: true, alias: "ptBadgeDirective", required: false }] }], pBadgePT: [{ type: i0.Input, args: [{ isSignal: true, alias: "pBadgePT", required: false }] }], pBadgeUnstyled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pBadgeUnstyled", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeDisabled", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], badgeStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeStyle", required: false }] }], badgeStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeStyleClass", required: false }] }] } });
-/**
- * Badge is a small status indicator for another element.
- * @group Components
- */
-class Badge extends BaseComponent {
-    componentName = 'Badge';
-    $pcBadge = inject(BADGE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * 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 */ []));
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     */
-    badgeSize = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "badgeSize" }] : /* istanbul ignore next */ []));
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     */
-    size = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Severity type of the badge.
-     * @group Props
-     */
-    severity = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "severity" }] : /* istanbul ignore next */ []));
-    /**
-     * Value to display inside the badge.
-     * @group Props
-     */
-    value = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * When specified, disables the component.
-     * @group Props
-     */
-    badgeDisabled = input(false, { ...(ngDevMode ? { debugName: "badgeDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    _componentStyle = inject(BadgeStyle);
-    get dataP() {
-        return this.cn({
-            circle: this.value() != null && String(this.value()).length === 1,
-            empty: this.value() == null,
-            disabled: this.badgeDisabled(),
-            [this.severity()]: this.severity(),
-            [this.size()]: this.size()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: Badge, isStandalone: true, selector: "h-badge", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, badgeDisabled: { classPropertyName: "badgeDisabled", publicName: "badgeDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx('root'), styleClass())", "style.display": "badgeDisabled() ? \"none\" : null", "attr.data-h": "dataP" } }, providers: [BadgeStyle, { provide: BADGE_INSTANCE, useExisting: Badge }, { provide: PARENT_INSTANCE, useExisting: Badge }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "{{ value() }}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Badge, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-badge', standalone: true, imports: [CommonModule, SharedModule, BindModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [BadgeStyle, { provide: BADGE_INSTANCE, useExisting: Badge }, { provide: PARENT_INSTANCE, useExisting: Badge }], host: {
-                        '[class]': "cn(cx('root'), styleClass())",
-                        '[style.display]': 'badgeDisabled() ? "none" : null',
-                        '[attr.data-h]': 'dataP'
-                    }, hostDirectives: [Bind], template: "{{ value() }}\n" }]
-        }], propDecorators: { styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], badgeDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeDisabled", required: false }] }] } });
-class BadgeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: BadgeModule, imports: [Badge, BadgeDirective, SharedModule], exports: [Badge, BadgeDirective, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeModule, imports: [Badge, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BadgeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Badge, BadgeDirective, SharedModule],
-                    exports: [Badge, BadgeDirective, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const BADGE_INSTANCE = new InjectionToken("BADGE_INSTANCE");
+const BADGE_DIRECTIVE_INSTANCE = new InjectionToken("BADGE_DIRECTIVE_INSTANCE");
+var BadgeDirective = class BadgeDirective extends BaseComponent {
+	$pcBadgeDirective = inject(BADGE_DIRECTIVE_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	ptBadgeDirective = input(...ngDevMode ? [void 0, { debugName: "ptBadgeDirective" }] : 	/* istanbul ignore next */ []);
+	pBadgePT = input(...ngDevMode ? [void 0, { debugName: "pBadgePT" }] : 	/* istanbul ignore next */ []);
+	pBadgeUnstyled = input(...ngDevMode ? [void 0, { debugName: "pBadgeUnstyled" }] : 	/* istanbul ignore next */ []);
+	disabled = input(void 0, {
+		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		alias: "badgeDisabled"
+	});
+	badgeSize = input(...ngDevMode ? [void 0, { debugName: "badgeSize" }] : 	/* istanbul ignore next */ []);
+	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
+	severity = input(...ngDevMode ? [void 0, { debugName: "severity" }] : 	/* istanbul ignore next */ []);
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : 	/* istanbul ignore next */ []);
+	badgeStyle = input(...ngDevMode ? [void 0, { debugName: "badgeStyle" }] : 	/* istanbul ignore next */ []);
+	badgeStyleClass = input(void 0, ...ngDevMode ? [{ debugName: "badgeStyleClass" }] : 	/* istanbul ignore next */ []);
+	id;
+	badgeEl;
+	_componentStyle = inject(BadgeStyle);
+	get activeElement() {
+		return this.el.nativeElement.nodeName.indexOf("-") != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;
+	}
+	get canUpdateBadge() {
+		return isNotEmpty(this.id) && !this.disabled();
+	}
+	constructor() {
+		super();
+		effect(() => {
+			if (this.size() !== void 0) console.log("size property is deprecated and will removed in v18, use badgeSize instead.");
+		});
+		effect(() => {
+			const pt = this.ptBadgeDirective() || this.pBadgePT();
+			pt && this.directivePT.set(pt);
+		});
+		effect(() => {
+			this.pBadgeUnstyled() && this.directiveUnstyled.set(this.pBadgeUnstyled());
+		});
+	}
+	onChanges(changes) {
+		const { value, size, severity, disabled, badgeStyle, badgeStyleClass } = changes;
+		if (disabled) this.toggleDisableState();
+		if (!this.canUpdateBadge) return;
+		if (severity) this.setSeverity(severity.previousValue);
+		if (size) this.setSizeClasses();
+		if (value) this.setValue();
+		if (badgeStyle || badgeStyleClass) this.applyStyles();
+	}
+	onAfterViewInit() {
+		this.id = uuid("pn_id_") + "_badge";
+		this.renderBadgeContent();
+	}
+	setValue(element) {
+		const badge = element ?? this.document.getElementById(this.id);
+		if (!badge) return;
+		if (this.value() != null) {
+			if (hasClass(badge, "h-badge-dot")) removeClass(badge, "h-badge-dot");
+			if (this.value() && String(this.value()).length === 1) addClass(badge, "h-badge-circle");
+			else removeClass(badge, "h-badge-circle");
+		} else {
+			if (!hasClass(badge, "h-badge-dot")) addClass(badge, "h-badge-dot");
+			removeClass(badge, "h-badge-circle");
+		}
+		badge.textContent = "";
+		const badgeValue = this.value() != null ? String(this.value()) : "";
+		this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));
+	}
+	setSizeClasses(element) {
+		const badge = element ?? this.document.getElementById(this.id);
+		if (!badge) return;
+		const badgeSize = this.badgeSize();
+		if (badgeSize) {
+			if (badgeSize === "large") {
+				addClass(badge, "h-badge-lg");
+				removeClass(badge, "h-badge-xl");
+			}
+			if (badgeSize === "xlarge") {
+				addClass(badge, "h-badge-xl");
+				removeClass(badge, "h-badge-lg");
+			}
+		} else if (this.size() && !badgeSize) {
+			if (this.size() === "large") {
+				addClass(badge, "h-badge-lg");
+				removeClass(badge, "h-badge-xl");
+			}
+			if (this.size() === "xlarge") {
+				addClass(badge, "h-badge-xl");
+				removeClass(badge, "h-badge-lg");
+			}
+		} else {
+			removeClass(badge, "h-badge-lg");
+			removeClass(badge, "h-badge-xl");
+		}
+	}
+	renderBadgeContent() {
+		if (this.disabled()) return;
+		const el = this.activeElement;
+		const badge = createElement("span", {
+			class: this.cx("root"),
+			id: this.id,
+			"h-bind": this.ptm("root")
+		});
+		this.setSeverity(null, badge);
+		this.setSizeClasses(badge);
+		this.setValue(badge);
+		addClass(el, "h-overlay-badge");
+		this.renderer.appendChild(el, badge);
+		this.badgeEl = badge;
+		this.applyStyles();
+	}
+	applyStyles() {
+		const badgeStyle = this.badgeStyle();
+		if (this.badgeEl && badgeStyle && typeof badgeStyle === "object") for (const [key, value] of Object.entries(badgeStyle)) this.renderer.setStyle(this.badgeEl, key, value);
+		const badgeStyleClass = this.badgeStyleClass();
+		if (this.badgeEl && badgeStyleClass) this.badgeEl.classList.add(...badgeStyleClass.split(" "));
+	}
+	setSeverity(oldSeverity, element) {
+		const badge = element ?? this.document.getElementById(this.id);
+		if (!badge) return;
+		const severity = this.severity();
+		if (severity) addClass(badge, `h-badge-${severity}`);
+		if (oldSeverity) removeClass(badge, `h-badge-${oldSeverity}`);
+	}
+	toggleDisableState() {
+		if (!this.id) return;
+		if (this.disabled()) {
+			const badge = this.activeElement?.querySelector(`#${this.id}`);
+			if (badge) this.renderer.removeChild(this.activeElement, badge);
+		} else this.renderBadgeContent();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BadgeDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: BadgeDirective,
+		isStandalone: true,
+		selector: "[hBadge]",
+		inputs: {
+			ptBadgeDirective: {
+				classPropertyName: "ptBadgeDirective",
+				publicName: "ptBadgeDirective",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pBadgePT: {
+				classPropertyName: "pBadgePT",
+				publicName: "pBadgePT",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pBadgeUnstyled: {
+				classPropertyName: "pBadgeUnstyled",
+				publicName: "pBadgeUnstyled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "badgeDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			badgeSize: {
+				classPropertyName: "badgeSize",
+				publicName: "badgeSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			severity: {
+				classPropertyName: "severity",
+				publicName: "severity",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			badgeStyle: {
+				classPropertyName: "badgeStyle",
+				publicName: "badgeStyle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			badgeStyleClass: {
+				classPropertyName: "badgeStyleClass",
+				publicName: "badgeStyleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		providers: [
+			BadgeStyle,
+			{
+				provide: BADGE_DIRECTIVE_INSTANCE,
+				useExisting: BadgeDirective
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: BadgeDirective
+			}
+		],
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BadgeDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hBadge]",
+			providers: [
+				BadgeStyle,
+				{
+					provide: BADGE_DIRECTIVE_INSTANCE,
+					useExisting: BadgeDirective
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: BadgeDirective
+				}
+			],
+			standalone: true
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		ptBadgeDirective: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ptBadgeDirective",
+				required: false
+			}]
+		}],
+		pBadgePT: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pBadgePT",
+				required: false
+			}]
+		}],
+		pBadgeUnstyled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pBadgeUnstyled",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "badgeDisabled",
+				required: false
+			}]
+		}],
+		badgeSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "badgeSize",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		severity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "severity",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		badgeStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "badgeStyle",
+				required: false
+			}]
+		}],
+		badgeStyleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "badgeStyleClass",
+				required: false
+			}]
+		}]
+	}
+});
+var Badge = class Badge extends BaseComponent {
+	componentName = "Badge";
+	$pcBadge = inject(BADGE_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	badgeSize = input(...ngDevMode ? [void 0, { debugName: "badgeSize" }] : 	/* istanbul ignore next */ []);
+	size = input(...ngDevMode ? [void 0, { debugName: "size" }] : 	/* istanbul ignore next */ []);
+	severity = input(...ngDevMode ? [void 0, { debugName: "severity" }] : 	/* istanbul ignore next */ []);
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : 	/* istanbul ignore next */ []);
+	badgeDisabled = input(false, {
+		...ngDevMode ? { debugName: "badgeDisabled" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	_componentStyle = inject(BadgeStyle);
+	get dataP() {
+		return this.cn({
+			circle: this.value() != null && String(this.value()).length === 1,
+			empty: this.value() == null,
+			disabled: this.badgeDisabled(),
+			[this.severity()]: this.severity(),
+			[this.size()]: this.size()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Badge,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: Badge,
+		isStandalone: true,
+		selector: "h-badge",
+		inputs: {
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			badgeSize: {
+				classPropertyName: "badgeSize",
+				publicName: "badgeSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			severity: {
+				classPropertyName: "severity",
+				publicName: "severity",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			badgeDisabled: {
+				classPropertyName: "badgeDisabled",
+				publicName: "badgeDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "cn(cx('root'), styleClass())",
+			"style.display": "badgeDisabled() ? \"none\" : null",
+			"attr.data-h": "dataP"
+		} },
+		providers: [
+			BadgeStyle,
+			{
+				provide: BADGE_INSTANCE,
+				useExisting: Badge
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Badge
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "{{ value() }}\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Badge,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-badge",
+			standalone: true,
+			imports: [
+				CommonModule,
+				SharedModule,
+				BindModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				BadgeStyle,
+				{
+					provide: BADGE_INSTANCE,
+					useExisting: Badge
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Badge
+				}
+			],
+			host: {
+				"[class]": "cn(cx('root'), styleClass())",
+				"[style.display]": "badgeDisabled() ? \"none\" : null",
+				"[attr.data-h]": "dataP"
+			},
+			hostDirectives: [Bind],
+			template: "{{ value() }}\n"
+		}]
+	}],
+	propDecorators: {
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		badgeSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "badgeSize",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		severity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "severity",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		badgeDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "badgeDisabled",
+				required: false
+			}]
+		}]
+	}
+});
+var BadgeModule = class BadgeModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BadgeModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BadgeModule,
+		imports: [
+			Badge,
+			BadgeDirective,
+			SharedModule
+		],
+		exports: [
+			Badge,
+			BadgeDirective,
+			SharedModule
+		]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BadgeModule,
+		imports: [
+			Badge,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BadgeModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				Badge,
+				BadgeDirective,
+				SharedModule
+			],
+			exports: [
+				Badge,
+				BadgeDirective,
+				SharedModule
+			]
+		}]
+	}]
+});
 export { Badge, BadgeClasses, BadgeDirective, BadgeModule, BadgeStyle };
-//# sourceMappingURL=gravionlabs-helix-core-badge.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-badge.mjs.map