@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,484 @@
+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*/ `
+    .h-badge {
+        display: inline-flex;
+        border-radius: dt('badge.border.radius');
+        align-items: center;
+        justify-content: center;
+        padding: dt('badge.padding');
+        background: dt('badge.primary.background');
+        color: dt('badge.primary.color');
+        font-size: dt('badge.font.size');
+        font-weight: dt('badge.font.weight');
+        min-width: dt('badge.min.width');
+        height: dt('badge.height');
+    }
+
+    .h-badge-dot {
+        width: dt('badge.dot.size');
+        min-width: dt('badge.dot.size');
+        height: dt('badge.dot.size');
+        border-radius: 50%;
+        padding: 0;
+    }
+
+    .h-badge-circle {
+        padding: 0;
+        border-radius: 50%;
+    }
+
+    .h-badge-secondary {
+        background: dt('badge.secondary.background');
+        color: dt('badge.secondary.color');
+    }
+
+    .h-badge-success {
+        background: dt('badge.success.background');
+        color: dt('badge.success.color');
+    }
+
+    .h-badge-info {
+        background: dt('badge.info.background');
+        color: dt('badge.info.color');
+    }
+
+    .h-badge-warn {
+        background: dt('badge.warn.background');
+        color: dt('badge.warn.color');
+    }
+
+    .h-badge-danger {
+        background: dt('badge.danger.background');
+        color: dt('badge.danger.color');
+    }
+
+    .h-badge-contrast {
+        background: dt('badge.contrast.background');
+        color: dt('badge.contrast.color');
+    }
+
+    .h-badge-sm {
+        font-size: dt('badge.sm.font.size');
+        min-width: dt('badge.sm.min.width');
+        height: dt('badge.sm.height');
+    }
+
+    .h-badge-lg {
+        font-size: dt('badge.lg.font.size');
+        min-width: dt('badge.lg.min.width');
+        height: dt('badge.lg.height');
+    }
+
+    .h-badge-xl {
+        font-size: dt('badge.xl.font.size');
+        min-width: dt('badge.xl.min.width');
+        height: dt('badge.xl.height');
+    }
+`;
+
+const style = /*css*/ `
+    ${style$1}
+
+    /* For Helix (directive)*/
+    .h-overlay-badge {
+        position: relative;
+    }
+
+    .h-overlay-badge > .h-badge {
+        position: absolute;
+        top: 0;
+        inset-inline-end: 0;
+        transform: translate(50%, -50%);
+        transform-origin: 100% 0;
+        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'
+            }
+        ];
+    }
+};
+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
+ *
+ */
+var BadgeClasses;
+(function (BadgeClasses) {
+    /**
+     * Class name of the root element
+     */
+    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.
+ */
+
+export { Badge, BadgeClasses, BadgeDirective, BadgeModule, BadgeStyle };
+//# sourceMappingURL=gravionlabs-helix-core-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-badge.mjs","sources":["../../../projects/core/badge/style/badge.css.ts","../../../projects/core/badge/style/badgestyle.ts","../../../projects/core/badge/badge.ts","../../../projects/core/badge/badge.html","../../../projects/core/badge/gravionlabs-helix-core-badge.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-badge {\n        display: inline-flex;\n        border-radius: dt('badge.border.radius');\n        align-items: center;\n        justify-content: center;\n        padding: dt('badge.padding');\n        background: dt('badge.primary.background');\n        color: dt('badge.primary.color');\n        font-size: dt('badge.font.size');\n        font-weight: dt('badge.font.weight');\n        min-width: dt('badge.min.width');\n        height: dt('badge.height');\n    }\n\n    .h-badge-dot {\n        width: dt('badge.dot.size');\n        min-width: dt('badge.dot.size');\n        height: dt('badge.dot.size');\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .h-badge-circle {\n        padding: 0;\n        border-radius: 50%;\n    }\n\n    .h-badge-secondary {\n        background: dt('badge.secondary.background');\n        color: dt('badge.secondary.color');\n    }\n\n    .h-badge-success {\n        background: dt('badge.success.background');\n        color: dt('badge.success.color');\n    }\n\n    .h-badge-info {\n        background: dt('badge.info.background');\n        color: dt('badge.info.color');\n    }\n\n    .h-badge-warn {\n        background: dt('badge.warn.background');\n        color: dt('badge.warn.color');\n    }\n\n    .h-badge-danger {\n        background: dt('badge.danger.background');\n        color: dt('badge.danger.color');\n    }\n\n    .h-badge-contrast {\n        background: dt('badge.contrast.background');\n        color: dt('badge.contrast.color');\n    }\n\n    .h-badge-sm {\n        font-size: dt('badge.sm.font.size');\n        min-width: dt('badge.sm.min.width');\n        height: dt('badge.sm.height');\n    }\n\n    .h-badge-lg {\n        font-size: dt('badge.lg.font.size');\n        min-width: dt('badge.lg.min.width');\n        height: dt('badge.lg.height');\n    }\n\n    .h-badge-xl {\n        font-size: dt('badge.xl.font.size');\n        min-width: dt('badge.xl.min.width');\n        height: dt('badge.xl.height');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as badge_style } from './badge.css';\nimport { isEmpty, isNotEmpty } from '@gravionlabs/helix-core/uix/utils';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${badge_style}\n\n    /* For Helix (directive)*/\n    .h-overlay-badge {\n        position: relative;\n    }\n\n    .h-overlay-badge > .h-badge {\n        position: absolute;\n        top: 0;\n        inset-inline-end: 0;\n        transform: translate(50%, -50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => {\n        const value = typeof instance.value === 'function' ? instance.value() : instance.value;\n        const size = typeof instance.size === 'function' ? instance.size() : instance.size;\n        const badgeSize = typeof instance.badgeSize === 'function' ? instance.badgeSize() : instance.badgeSize;\n        const severity = typeof instance.severity === 'function' ? instance.severity() : instance.severity;\n\n        return [\n            'h-badge h-component',\n            {\n                'h-badge-circle': isNotEmpty(value) && String(value).length === 1,\n                'h-badge-dot': isEmpty(value),\n                'h-badge-sm': size === 'small' || badgeSize === 'small',\n                'h-badge-lg': size === 'large' || badgeSize === 'large',\n                'h-badge-xl': size === 'xlarge' || badgeSize === 'xlarge',\n                'h-badge-info': severity === 'info',\n                'h-badge-success': severity === 'success',\n                'h-badge-warn': severity === 'warn',\n                'h-badge-danger': severity === 'danger',\n                'h-badge-secondary': severity === 'secondary',\n                'h-badge-contrast': severity === 'contrast'\n            }\n        ];\n    }\n};\n\n@Injectable()\nexport class BadgeStyle extends BaseStyle {\n    name = 'badge';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Badge represents people using icons, labels and images.\n *\n * [Live Demo](https://www.primeng.org/badge)\n *\n * @module badgestyle\n *\n */\nexport enum BadgeClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-badge'\n}\n\nexport interface BadgeStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, Directive, effect, inject, InjectionToken, input, NgModule, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { addClass, createElement, hasClass, isNotEmpty, removeClass, uuid } from '@gravionlabs/helix-core/uix/utils';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport type { BadgePassThrough } from '@gravionlabs/helix-core/types/badge';\nimport { BadgeStyle } from './style/badgestyle';\n\nconst BADGE_INSTANCE = new InjectionToken<Badge>('BADGE_INSTANCE');\n\nconst BADGE_DIRECTIVE_INSTANCE = new InjectionToken<BadgeDirective>('BADGE_DIRECTIVE_INSTANCE');\n\n/**\n * Badge Directive is directive usage of badge component.\n * @group Components\n */\n@Directive({\n    selector: '[hBadge]',\n    providers: [BadgeStyle, { provide: BADGE_DIRECTIVE_INSTANCE, useExisting: BadgeDirective }, { provide: PARENT_INSTANCE, useExisting: BadgeDirective }],\n    standalone: true\n})\nexport class BadgeDirective extends BaseComponent {\n    $pcBadgeDirective: BadgeDirective | undefined = inject(BADGE_DIRECTIVE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    /**\n     * Used to pass attributes to DOM elements inside the Badge component.\n     * @defaultValue undefined\n     * @deprecated use pBadgePT instead.\n     * @group Props\n     */\n    ptBadgeDirective = input<BadgePassThrough | undefined>();\n    /**\n     * Used to pass attributes to DOM elements inside the Badge component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pBadgePT = input<BadgePassThrough | undefined>();\n    /**\n     * Indicates whether the component should be rendered without styles.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pBadgeUnstyled = input<boolean | undefined>();\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    public readonly disabled = input<boolean>(undefined!, { alias: \"badgeDisabled\" });\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    public readonly badgeSize = input<'large' | 'xlarge' | 'small' | null>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     * @deprecated use badgeSize instead.\n     */\n    public readonly size = input<'large' | 'xlarge' | 'small' | null | undefined>(undefined);\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    readonly severity = input<'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null>();\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    public readonly value = input<string | number>();\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    readonly badgeStyle = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    readonly badgeStyleClass = input<string>(undefined!);\n\n    private id!: string;\n\n    badgeEl: HTMLElement;\n\n    _componentStyle = inject(BadgeStyle);\n\n    private get activeElement(): HTMLElement {\n        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;\n    }\n\n    private get canUpdateBadge(): boolean {\n        return isNotEmpty(this.id) && !this.disabled();\n    }\n\n    constructor() {\n        super();\n        effect(() => {\n            if (this.size() !== undefined) {\n                console.log('size property is deprecated and will removed in v18, use badgeSize instead.');\n            }\n        });\n\n        effect(() => {\n            const pt = this.ptBadgeDirective() || this.pBadgePT();\n            pt && this.directivePT.set(pt);\n        });\n\n        effect(() => {\n            this.pBadgeUnstyled() && this.directiveUnstyled.set(this.pBadgeUnstyled());\n        });\n    }\n\n    onChanges(changes: SimpleChanges): void {\n        const { value, size, severity, disabled, badgeStyle, badgeStyleClass } = changes;\n\n        if (disabled) {\n            this.toggleDisableState();\n        }\n\n        if (!this.canUpdateBadge) {\n            return;\n        }\n\n        if (severity) {\n            this.setSeverity(severity.previousValue);\n        }\n\n        if (size) {\n            this.setSizeClasses();\n        }\n\n        if (value) {\n            this.setValue();\n        }\n\n        if (badgeStyle || badgeStyleClass) {\n            this.applyStyles();\n        }\n    }\n\n    onAfterViewInit(): void {\n        this.id = uuid('pn_id_') + '_badge';\n        this.renderBadgeContent();\n    }\n\n    private setValue(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.value() != null) {\n            if (hasClass(badge, 'h-badge-dot')) {\n                removeClass(badge, 'h-badge-dot');\n            }\n\n            if (this.value() && String(this.value()).length === 1) {\n                addClass(badge, 'h-badge-circle');\n            } else {\n                removeClass(badge, 'h-badge-circle');\n            }\n        } else {\n            if (!hasClass(badge, 'h-badge-dot')) {\n                addClass(badge, 'h-badge-dot');\n            }\n\n            removeClass(badge, 'h-badge-circle');\n        }\n\n        badge.textContent = '';\n        const badgeValue = this.value() != null ? String(this.value()) : '';\n        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));\n    }\n\n    private setSizeClasses(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        const badgeSize = this.badgeSize();\n        if (badgeSize) {\n            if (badgeSize === 'large') {\n                addClass(badge, 'h-badge-lg');\n                removeClass(badge, 'h-badge-xl');\n            }\n\n            if (badgeSize === 'xlarge') {\n                addClass(badge, 'h-badge-xl');\n                removeClass(badge, 'h-badge-lg');\n            }\n        } else if (this.size() && !badgeSize) {\n            if (this.size() === 'large') {\n                addClass(badge, 'h-badge-lg');\n                removeClass(badge, 'h-badge-xl');\n            }\n\n            if (this.size() === 'xlarge') {\n                addClass(badge, 'h-badge-xl');\n                removeClass(badge, 'h-badge-lg');\n            }\n        } else {\n            removeClass(badge, 'h-badge-lg');\n            removeClass(badge, 'h-badge-xl');\n        }\n    }\n\n    private renderBadgeContent(): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        const el = this.activeElement;\n        const badge = <HTMLElement>createElement('span', { class: this.cx('root'), id: this.id, 'h-bind': this.ptm('root') });\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        addClass(el, 'h-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        const badgeStyle = this.badgeStyle();\n        if (this.badgeEl && badgeStyle && typeof badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        const badgeStyleClass = this.badgeStyleClass();\n        if (this.badgeEl && badgeStyleClass) {\n            this.badgeEl.classList.add(...badgeStyleClass.split(' '));\n        }\n    }\n\n    private setSeverity(oldSeverity?: 'success' | 'info' | 'warn' | 'danger' | null, element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        const severity = this.severity();\n        if (severity) {\n            addClass(badge, `h-badge-${severity}`);\n        }\n\n        if (oldSeverity) {\n            removeClass(badge, `h-badge-${oldSeverity}`);\n        }\n    }\n\n    private toggleDisableState(): void {\n        if (!this.id) {\n            return;\n        }\n\n        if (this.disabled()) {\n            const badge = this.activeElement?.querySelector(`#${this.id}`);\n\n            if (badge) {\n                this.renderer.removeChild(this.activeElement, badge);\n            }\n        } else {\n            this.renderBadgeContent();\n        }\n    }\n}\n/**\n * Badge is a small status indicator for another element.\n * @group Components\n */\n@Component({\n    selector: 'h-badge',\n    templateUrl: './badge.html',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [BadgeStyle, { provide: BADGE_INSTANCE, useExisting: Badge }, { provide: PARENT_INSTANCE, useExisting: Badge }],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\",\n        '[style.display]': 'badgeDisabled() ? \"none\" : null',\n        '[attr.data-h]': 'dataP'\n    },\n    hostDirectives: [Bind]\n})\nexport class Badge extends BaseComponent<BadgePassThrough> {\n    componentName = 'Badge';\n\n    $pcBadge: Badge | undefined = inject(BADGE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    styleClass = input<string>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    badgeSize = input<'small' | 'large' | 'xlarge' | null>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    size = input<'small' | 'large' | 'xlarge' | null>();\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    severity = input<'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null>();\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    value = input<string | number | null>();\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    badgeDisabled = input<boolean, boolean>(false, { transform: booleanAttribute });\n\n    _componentStyle = inject(BadgeStyle);\n\n    get dataP() {\n        return this.cn({\n            circle: this.value() != null && String(this.value()).length === 1,\n            empty: this.value() == null,\n            disabled: this.badgeDisabled(),\n            [this.severity() as string]: this.severity(),\n            [this.size() as string]: this.size()\n        });\n    }\n}\n\n@NgModule({\n    imports: [Badge, BadgeDirective, SharedModule],\n    exports: [Badge, BadgeDirective, SharedModule]\n})\nexport class BadgeModule {}\n","{{ value() }}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["style","badge_style"],"mappings":"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"}