@anguless/angulux 22.0.0-rc.0

package/fesm2022/anguless-angulux-badge.mjs

@@ -0,0 +1,423 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, effect, Input, Directive, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { isEmpty, isNotEmpty, uuid, hasClass, removeClass, addClass, createElement } from '@anguless/angulux-utils';
+import { SharedModule } from '@anguless/angulux/api';
+import { BaseComponent, PARENT_INSTANCE } from '@anguless/angulux/basecomponent';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind, BindModule } from '@anguless/angulux/bind';
+import { style as style$1 } from '@anguless/angulux-styles/badge';
+import { BaseStyle } from '@anguless/angulux/base';
+
+const style = /*css*/ `
+    ${style$1}
+
+    /* For AnguluxConfig (directive)*/
+    .p-overlay-badge {
+        position: relative;
+    }
+
+    .p-overlay-badge > .p-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 [
+            'p-badge p-component',
+            {
+                'p-badge-circle': isNotEmpty(value) && String(value).length === 1,
+                'p-badge-dot': isEmpty(value),
+                'p-badge-sm': size === 'small' || badgeSize === 'small',
+                'p-badge-lg': size === 'large' || badgeSize === 'large',
+                'p-badge-xl': size === 'xlarge' || badgeSize === 'xlarge',
+                'p-badge-info': severity === 'info',
+                'p-badge-success': severity === 'success',
+                'p-badge-warn': severity === 'warn',
+                'p-badge-danger': severity === 'danger',
+                'p-badge-secondary': severity === 'secondary',
+                'p-badge-contrast': severity === 'contrast'
+            }
+        ];
+    }
+};
+class BadgeStyle extends BaseStyle {
+    name = 'badge';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BadgeStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BadgeStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BadgeStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Badge represents people using icons, labels and images.
+ *
+ * @module badgestyle
+ *
+ */
+var BadgeClasses;
+(function (BadgeClasses) {
+    /**
+     * Class name of the root element
+     */
+    BadgeClasses["root"] = "p-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;
+    /**
+     * Size of the badge, valid options are "large" and "xlarge".
+     * @group Props
+     */
+    badgeSize;
+    /**
+     * Size of the badge, valid options are "large" and "xlarge".
+     * @group Props
+     * @deprecated use badgeSize instead.
+     */
+    set size(value) {
+        this._size = value;
+        console.log('size property is deprecated and will removed in v18, use badgeSize instead.');
+    }
+    get size() {
+        return this._size;
+    }
+    _size;
+    /**
+     * Severity type of the badge.
+     * @group Props
+     */
+    severity;
+    /**
+     * Value to display inside the badge.
+     * @group Props
+     */
+    value;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    badgeStyle;
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    badgeStyleClass;
+    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(() => {
+            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, 'p-badge-dot')) {
+                removeClass(badge, 'p-badge-dot');
+            }
+            if (this.value && String(this.value).length === 1) {
+                addClass(badge, 'p-badge-circle');
+            }
+            else {
+                removeClass(badge, 'p-badge-circle');
+            }
+        }
+        else {
+            if (!hasClass(badge, 'p-badge-dot')) {
+                addClass(badge, 'p-badge-dot');
+            }
+            removeClass(badge, 'p-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;
+        }
+        if (this.badgeSize) {
+            if (this.badgeSize === 'large') {
+                addClass(badge, 'p-badge-lg');
+                removeClass(badge, 'p-badge-xl');
+            }
+            if (this.badgeSize === 'xlarge') {
+                addClass(badge, 'p-badge-xl');
+                removeClass(badge, 'p-badge-lg');
+            }
+        }
+        else if (this.size && !this.badgeSize) {
+            if (this.size === 'large') {
+                addClass(badge, 'p-badge-lg');
+                removeClass(badge, 'p-badge-xl');
+            }
+            if (this.size === 'xlarge') {
+                addClass(badge, 'p-badge-xl');
+                removeClass(badge, 'p-badge-lg');
+            }
+        }
+        else {
+            removeClass(badge, 'p-badge-lg');
+            removeClass(badge, 'p-badge-xl');
+        }
+    }
+    renderBadgeContent() {
+        if (this.disabled) {
+            return;
+        }
+        const el = this.activeElement;
+        const badge = createElement('span', { class: this.cx('root'), id: this.id, 'p-bind': this.ptm('root') });
+        this.setSeverity(null, badge);
+        this.setSizeClasses(badge);
+        this.setValue(badge);
+        addClass(el, 'p-overlay-badge');
+        this.renderer.appendChild(el, badge);
+        this.badgeEl = badge;
+        this.applyStyles();
+    }
+    applyStyles() {
+        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {
+            for (const [key, value] of Object.entries(this.badgeStyle)) {
+                this.renderer.setStyle(this.badgeEl, key, value);
+            }
+        }
+        if (this.badgeEl && this.badgeStyleClass) {
+            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));
+        }
+    }
+    setSeverity(oldSeverity, element) {
+        const badge = element ?? this.document.getElementById(this.id);
+        if (!badge) {
+            return;
+        }
+        if (this.severity) {
+            addClass(badge, `p-badge-${this.severity}`);
+        }
+        if (oldSeverity) {
+            removeClass(badge, `p-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.0.8", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: BadgeDirective, isStandalone: true, selector: "[aglBadge]", 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: false, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, badgeStyle: { classPropertyName: "badgeStyle", publicName: "badgeStyle", isSignal: false, isRequired: false, transformFunction: null }, badgeStyleClass: { classPropertyName: "badgeStyleClass", publicName: "badgeStyleClass", isSignal: false, 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.0.8", ngImport: i0, type: BadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[aglBadge]',
+                    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: Input,
+                args: ['badgeDisabled']
+            }], badgeSize: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], badgeStyle: [{
+                type: Input
+            }], badgeStyleClass: [{
+                type: Input
+            }] } });
+/**
+ * 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.0.8", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: Badge, isStandalone: true, selector: "agl-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-p": "dataP" } }, providers: [BadgeStyle, { provide: BADGE_INSTANCE, useExisting: Badge }, { provide: PARENT_INSTANCE, useExisting: Badge }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `{{ value() }}`, isInline: true, 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.0.8", ngImport: i0, type: Badge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'agl-badge',
+                    template: `{{ value() }}`,
+                    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-p]': 'dataP'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], 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.0.8", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BadgeModule, imports: [Badge, BadgeDirective, SharedModule], exports: [Badge, BadgeDirective, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BadgeModule, imports: [Badge, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", 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=anguless-angulux-badge.mjs.map

package/fesm2022/anguless-angulux-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anguless-angulux-badge.mjs","sources":["../../src/badge/style/badgestyle.ts","../../src/badge/badge.ts","../../src/badge/anguless-angulux-badge.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style as badge_style } from '@anguless/angulux-styles/badge';\nimport { isEmpty, isNotEmpty } from '@anguless/angulux-utils';\nimport { BaseStyle } from '@anguless/angulux/base';\n\nconst style = /*css*/ `\n    ${badge_style}\n\n    /* For AnguluxConfig (directive)*/\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge > .p-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            'p-badge p-component',\n            {\n                'p-badge-circle': isNotEmpty(value) && String(value).length === 1,\n                'p-badge-dot': isEmpty(value),\n                'p-badge-sm': size === 'small' || badgeSize === 'small',\n                'p-badge-lg': size === 'large' || badgeSize === 'large',\n                'p-badge-xl': size === 'xlarge' || badgeSize === 'xlarge',\n                'p-badge-info': severity === 'info',\n                'p-badge-success': severity === 'success',\n                'p-badge-warn': severity === 'warn',\n                'p-badge-danger': severity === 'danger',\n                'p-badge-secondary': severity === 'secondary',\n                'p-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 * @module badgestyle\n *\n */\nexport enum BadgeClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-badge'\n}\n\nexport interface BadgeStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, Directive, effect, inject, InjectionToken, Input, input, NgModule, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { addClass, createElement, hasClass, isNotEmpty, removeClass, uuid } from '@anguless/angulux-utils';\nimport { SharedModule } from '@anguless/angulux/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@anguless/angulux/basecomponent';\nimport { Bind, BindModule } from '@anguless/angulux/bind';\nimport type { BadgePassThrough } from '@anguless/angulux/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: '[aglBadge]',\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    @Input('badgeDisabled') public disabled: boolean;\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    @Input() public badgeSize: 'large' | 'xlarge' | 'small' | null | undefined;\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     * @deprecated use badgeSize instead.\n     */\n    @Input() public set size(value: 'large' | 'xlarge' | 'small' | null | undefined) {\n        this._size = value;\n        console.log('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    _size: 'large' | 'xlarge' | 'small' | null | undefined;\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    @Input() severity: 'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null | undefined;\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    @Input() public value: string | number;\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() badgeStyle: { [klass: string]: any } | null | undefined;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() badgeStyleClass: string;\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            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, 'p-badge-dot')) {\n                removeClass(badge, 'p-badge-dot');\n            }\n\n            if (this.value && String(this.value).length === 1) {\n                addClass(badge, 'p-badge-circle');\n            } else {\n                removeClass(badge, 'p-badge-circle');\n            }\n        } else {\n            if (!hasClass(badge, 'p-badge-dot')) {\n                addClass(badge, 'p-badge-dot');\n            }\n\n            removeClass(badge, 'p-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        if (this.badgeSize) {\n            if (this.badgeSize === 'large') {\n                addClass(badge, 'p-badge-lg');\n                removeClass(badge, 'p-badge-xl');\n            }\n\n            if (this.badgeSize === 'xlarge') {\n                addClass(badge, 'p-badge-xl');\n                removeClass(badge, 'p-badge-lg');\n            }\n        } else if (this.size && !this.badgeSize) {\n            if (this.size === 'large') {\n                addClass(badge, 'p-badge-lg');\n                removeClass(badge, 'p-badge-xl');\n            }\n\n            if (this.size === 'xlarge') {\n                addClass(badge, 'p-badge-xl');\n                removeClass(badge, 'p-badge-lg');\n            }\n        } else {\n            removeClass(badge, 'p-badge-lg');\n            removeClass(badge, 'p-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, 'p-bind': this.ptm('root') });\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        addClass(el, 'p-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(this.badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        if (this.badgeEl && this.badgeStyleClass) {\n            this.badgeEl.classList.add(...this.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        if (this.severity) {\n            addClass(badge, `p-badge-${this.severity}`);\n        }\n\n        if (oldSeverity) {\n            removeClass(badge, `p-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: 'agl-badge',\n    template: `{{ value() }}`,\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-p]': '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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["badge_style"],"mappings":"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"}

package/fesm2022/anguless-angulux-base.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { css as css$1, dt, Theme } from '@anguless/angulux-styled';
+import { style } from '@anguless/angulux-styles/base';
+import { resolve, minifyCSS } from '@anguless/angulux-utils';
+import { UseStyle } from '@anguless/angulux/usestyle';
+
+var base = {
+    _loadedStyleNames: new Set(),
+    getLoadedStyleNames() {
+        return this._loadedStyleNames;
+    },
+    isStyleNameLoaded(name) {
+        return this._loadedStyleNames.has(name);
+    },
+    setLoadedStyleName(name) {
+        this._loadedStyleNames.add(name);
+    },
+    deleteLoadedStyleName(name) {
+        this._loadedStyleNames.delete(name);
+    },
+    clearLoadedStyleNames() {
+        this._loadedStyleNames.clear();
+    }
+};
+
+const css = /*css*/ `
+.p-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+.p-hidden-accessible input,
+.p-hidden-accessible select {
+    transform: scale(0);
+}
+
+.p-overflow-hidden {
+    overflow: hidden;
+    padding-right: dt('scrollbar.width');
+}
+`;
+class BaseStyle {
+    name = 'base';
+    useStyle = inject(UseStyle);
+    css = undefined;
+    style = undefined;
+    classes = {};
+    inlineStyles = {};
+    load = (style, options = {}, transform = (cs) => cs) => {
+        const computedStyle = transform(css$1 `${resolve(style, { dt })}`);
+        return computedStyle ? this.useStyle.use(minifyCSS(computedStyle), { name: this.name, ...options }) : {};
+    };
+    loadCSS = (options = {}) => {
+        return this.load(this.css, options);
+    };
+    loadStyle = (options = {}, style = '') => {
+        return this.load(this.style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${css$1 `${style}`}`));
+    };
+    loadBaseCSS = (options = {}) => {
+        return this.load(css, options);
+    };
+    loadBaseStyle = (options = {}, style$1 = '') => {
+        return this.load(style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${css$1 `${style$1}`}`));
+    };
+    getCommonTheme = (params) => {
+        return Theme.getCommon(this.name, params);
+    };
+    getComponentTheme = (params) => {
+        return Theme.getComponent(this.name, params);
+    };
+    getPresetTheme = (preset, selector, params) => {
+        return Theme.getCustomPreset(this.name, preset, selector, params);
+    };
+    getLayerOrderThemeCSS = () => {
+        return Theme.getLayerOrderCSS(this.name);
+    };
+    getStyleSheet = (extendedCSS = '', props = {}) => {
+        if (this.css) {
+            const _css = resolve(this.css, { dt });
+            const _style = minifyCSS(css$1 `${_css}${extendedCSS}`);
+            const _props = Object.entries(props)
+                .reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, [])
+                .join(' ');
+            return `<style type="text/css" data-angulux-style-id="${this.name}" ${_props}>${_style}</style>`;
+        }
+        return '';
+    };
+    getCommonThemeStyleSheet = (params, props = {}) => {
+        return Theme.getCommonStyleSheet(this.name, params, props);
+    };
+    getThemeStyleSheet = (params, props = {}) => {
+        let css = [Theme.getStyleSheet(this.name, params, props)];
+        if (this.style) {
+            const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;
+            const _css = css$1 `${resolve(this.style, { dt })}`;
+            const _style = minifyCSS(Theme.transformCSS(name, _css));
+            const _props = Object.entries(props)
+                .reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, [])
+                .join(' ');
+            css.push(`<style type="text/css" data-angulux-style-id="${name}" ${_props}>${_style}</style>`);
+        }
+        return css.join('');
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseStyle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseStyle, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseStyle, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { base as Base, BaseStyle };
+//# sourceMappingURL=anguless-angulux-base.mjs.map

package/fesm2022/anguless-angulux-base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anguless-angulux-base.mjs","sources":["../../src/base/base.ts","../../src/base/style/basestyle.ts","../../src/base/anguless-angulux-base.ts"],"sourcesContent":["export default {\n    _loadedStyleNames: new Set(),\n    getLoadedStyleNames() {\n        return this._loadedStyleNames;\n    },\n    isStyleNameLoaded(name) {\n        return this._loadedStyleNames.has(name);\n    },\n    setLoadedStyleName(name) {\n        this._loadedStyleNames.add(name);\n    },\n    deleteLoadedStyleName(name) {\n        this._loadedStyleNames.delete(name);\n    },\n    clearLoadedStyleNames() {\n        this._loadedStyleNames.clear();\n    }\n};\n","import { inject, Injectable } from '@angular/core';\nimport { css as Css, dt, Theme } from '@anguless/angulux-styled';\nimport { style as base_style } from '@anguless/angulux-styles/base';\nimport { minifyCSS, resolve } from '@anguless/angulux-utils';\nimport { UseStyle } from '@anguless/angulux/usestyle';\n\nconst css = /*css*/ `\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: dt('scrollbar.width');\n}\n`;\n\n@Injectable({ providedIn: 'root' })\nexport class BaseStyle {\n    name = 'base';\n\n    useStyle: UseStyle = inject(UseStyle);\n\n    css: string | undefined = undefined;\n\n    style: any = undefined;\n\n    classes = {};\n\n    inlineStyles = {};\n\n    load = (style, options = {}, transform = (cs) => cs) => {\n        const computedStyle = transform(Css`${resolve(style, { dt })}`);\n\n        return computedStyle ? this.useStyle.use(minifyCSS(computedStyle), { name: this.name, ...options }) : {};\n    };\n\n    loadCSS = (options = {}) => {\n        return this.load(this.css, options);\n    };\n\n    loadStyle = (options: any = {}, style: string = '') => {\n        return this.load(this.style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${Css`${style}`}`));\n    };\n\n    loadBaseCSS = (options = {}) => {\n        return this.load(css, options);\n    };\n\n    loadBaseStyle = (options: any = {}, style: string = '') => {\n        return this.load(base_style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${Css`${style}`}`));\n    };\n\n    getCommonTheme = (params?) => {\n        return Theme.getCommon(this.name, params);\n    };\n\n    getComponentTheme = (params) => {\n        return Theme.getComponent(this.name, params);\n    };\n\n    getPresetTheme = (preset, selector, params) => {\n        return Theme.getCustomPreset(this.name, preset, selector, params);\n    };\n\n    getLayerOrderThemeCSS = () => {\n        return Theme.getLayerOrderCSS(this.name);\n    };\n\n    getStyleSheet = (extendedCSS = '', props = {}) => {\n        if (this.css) {\n            const _css = resolve(this.css, { dt });\n            const _style = minifyCSS(Css`${_css}${extendedCSS}`);\n            const _props = Object.entries(props)\n                .reduce<any>((acc, [k, v]) => acc.push(`${k}=\"${v}\"`) && acc, [])\n                .join(' ');\n\n            return `<style type=\"text/css\" data-angulux-style-id=\"${this.name}\" ${_props}>${_style}</style>`;\n        }\n\n        return '';\n    };\n\n    getCommonThemeStyleSheet = (params, props = {}) => {\n        return Theme.getCommonStyleSheet(this.name, params, props);\n    };\n\n    getThemeStyleSheet = (params, props = {}) => {\n        let css = [Theme.getStyleSheet(this.name, params, props)];\n\n        if (this.style) {\n            const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;\n            const _css = Css`${resolve(this.style, { dt })}`;\n            const _style = minifyCSS(Theme.transformCSS(name, _css as string));\n            const _props = Object.entries(props)\n                .reduce<any>((acc, [k, v]) => acc.push(`${k}=\"${v}\"`) && acc, [])\n                .join(' ');\n\n            css.push(`<style type=\"text/css\" data-angulux-style-id=\"${name}\" ${_props}>${_style}</style>`);\n        }\n\n        return css.join('');\n    };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["Css","style","base_style"],"mappings":"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"}