primenglab 22.0.0-beta.1

package/fesm2022/primenglab-avatar.mjs

@@ -0,0 +1,211 @@
+export * from 'primenglab/types/avatar';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { SharedModule } from 'primenglab/api';
+import { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { style } from '@primeuix/styles/avatar';
+import { BaseStyle } from 'primenglab/base';
+
+const classes = {
+    root: ({ instance }) => {
+        const image = instance.image();
+        const shape = instance.shape();
+        const size = instance.size();
+        return [
+            'p-avatar p-component',
+            {
+                'p-avatar-image': image != null,
+                'p-avatar-circle': shape === 'circle',
+                'p-avatar-lg': size === 'large',
+                'p-avatar-xl': size === 'xlarge'
+            }
+        ];
+    },
+    label: 'p-avatar-label',
+    icon: 'p-avatar-icon'
+};
+class AvatarStyle extends BaseStyle {
+    name = 'avatar';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Avatar represents people using icons, labels and images.
+ *
+ * - [Live Demo](https://primeng.org/avatar)
+ *
+ * @module avatarstyle
+ *
+ */
+var AvatarClasses;
+(function (AvatarClasses) {
+    /**
+     * Class name of the root element
+     */
+    AvatarClasses["root"] = "p-avatar";
+    /**
+     * Class name of the label element
+     */
+    AvatarClasses["label"] = "p-avatar-label";
+    /**
+     * Class name of the icon element
+     */
+    AvatarClasses["icon"] = "p-avatar-icon";
+    /**
+     * Container element in image mode
+     */
+    AvatarClasses["image"] = "p-avatar-image";
+    /**
+     * Container element with a circle shape
+     */
+    AvatarClasses["circle"] = "p-avatar-circle";
+    /**
+     *  Container element with a large size
+     */
+    AvatarClasses["large"] = "p-avatar-lg";
+    /**
+     *  Container element with an xlarge size
+     */
+    AvatarClasses["xlarge"] = "p-avatar-xl";
+})(AvatarClasses || (AvatarClasses = {}));
+
+const AVATAR_INSTANCE = new InjectionToken('AVATAR_INSTANCE');
+/**
+ * Avatar represents people using icons, labels and images.
+ * @group Components
+ */
+class Avatar extends BaseComponent {
+    componentName = 'Avatar';
+    $pcAvatar = inject(AVATAR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Defines the text to display.
+     * @group Props
+     */
+    label = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines the icon to display.
+     * @group Props
+     */
+    icon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines the image to display.
+     * @group Props
+     */
+    image = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "image" }] : /* istanbul ignore next */ []));
+    /**
+     * Size of the element.
+     * @group Props
+     */
+    size = input('normal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /**
+     * Shape of the element.
+     * @group Props
+     */
+    shape = input('square', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /**
+     * Establishes a string value that labels the component.
+     * @group Props
+     */
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onImageError = output();
+    _componentStyle = inject(AvatarStyle);
+    dataP = computed(() => {
+        const shape = this.shape();
+        const size = this.size();
+        return this.cn({
+            [shape]: shape,
+            [size]: size
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
+    imageError(event) {
+        this.onImageError.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: Avatar, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.3", type: Avatar, isStandalone: true, selector: "p-avatar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, host: { properties: { "class": "cx('root')", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.data-p": "dataP()" } }, providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        <ng-content></ng-content>
+        @if (label()) {
+            <span [pBind]="ptm('label')" [class]="cx('label')" [attr.data-p]="dataP()">{{ label() }}</span>
+        } @else if (icon()) {
+            <span [pBind]="ptm('icon')" [class]="cn(cx('icon'), icon())" [attr.data-p]="dataP()"></span>
+        } @else if (image()) {
+            <img [pBind]="ptm('image')" [src]="image()" (error)="imageError($event)" [attr.aria-label]="ariaLabel()" [attr.data-p]="dataP()" />
+        }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: Avatar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-avatar',
+                    standalone: true,
+                    imports: [SharedModule, Bind],
+                    template: `
+        <ng-content></ng-content>
+        @if (label()) {
+            <span [pBind]="ptm('label')" [class]="cx('label')" [attr.data-p]="dataP()">{{ label() }}</span>
+        } @else if (icon()) {
+            <span [pBind]="ptm('icon')" [class]="cn(cx('icon'), icon())" [attr.data-p]="dataP()"></span>
+        } @else if (image()) {
+            <img [pBind]="ptm('image')" [src]="image()" (error)="imageError($event)" [attr.aria-label]="ariaLabel()" [attr.data-p]="dataP()" />
+        }
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[class]': "cx('root')",
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.aria-labelledby]': 'ariaLabelledBy()',
+                        '[attr.data-p]': 'dataP()'
+                    },
+                    providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }],
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
+class AvatarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.3", ngImport: i0, type: AvatarModule, imports: [Avatar, SharedModule], exports: [Avatar, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarModule, imports: [Avatar, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Avatar, SharedModule],
+                    exports: [Avatar, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Avatar, AvatarClasses, AvatarModule, AvatarStyle };
+//# sourceMappingURL=primenglab-avatar.mjs.map

package/fesm2022/primenglab-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primenglab-avatar.mjs","sources":["../../src/avatar/style/avatarstyle.ts","../../src/avatar/avatar.ts","../../src/avatar/primenglab-avatar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/avatar';\nimport { BaseStyle } from 'primenglab/base';\n\nconst classes = {\n    root: ({ instance }) => {\n        const image = instance.image();\n        const shape = instance.shape();\n        const size = instance.size();\n        return [\n            'p-avatar p-component',\n            {\n                'p-avatar-image': image != null,\n                'p-avatar-circle': shape === 'circle',\n                'p-avatar-lg': size === 'large',\n                'p-avatar-xl': size === 'xlarge'\n            }\n        ];\n    },\n    label: 'p-avatar-label',\n    icon: 'p-avatar-icon'\n};\n\n@Injectable()\nexport class AvatarStyle extends BaseStyle {\n    name = 'avatar';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Avatar represents people using icons, labels and images.\n *\n * - [Live Demo](https://primeng.org/avatar)\n *\n * @module avatarstyle\n *\n */\nexport enum AvatarClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-avatar',\n    /**\n     * Class name of the label element\n     */\n    label = 'p-avatar-label',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'p-avatar-icon',\n    /**\n     * Container element in image mode\n     */\n    image = 'p-avatar-image',\n    /**\n     * Container element with a circle shape\n     */\n    circle = 'p-avatar-circle',\n    /**\n     *  Container element with a large size\n     */\n    large = 'p-avatar-lg',\n    /**\n     *  Container element with an xlarge size\n     */\n    xlarge = 'p-avatar-xl'\n}\n\nexport interface AvatarStyle extends BaseStyle {}\n","import { ChangeDetectionStrategy, Component, computed, inject, InjectionToken, input, NgModule, output, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primenglab/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';\nimport { Bind } from 'primenglab/bind';\nimport type { AvatarPassThrough, AvatarShape, AvatarSize } from 'primenglab/types/avatar';\nimport { AvatarStyle } from './style/avatarstyle';\n\nconst AVATAR_INSTANCE = new InjectionToken<Avatar>('AVATAR_INSTANCE');\n\n/**\n * Avatar represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'p-avatar',\n    standalone: true,\n    imports: [SharedModule, Bind],\n    template: `\n        <ng-content></ng-content>\n        @if (label()) {\n            <span [pBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-p]=\"dataP()\">{{ label() }}</span>\n        } @else if (icon()) {\n            <span [pBind]=\"ptm('icon')\" [class]=\"cn(cx('icon'), icon())\" [attr.data-p]=\"dataP()\"></span>\n        } @else if (image()) {\n            <img [pBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-p]=\"dataP()\" />\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cx('root')\",\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.aria-labelledby]': 'ariaLabelledBy()',\n        '[attr.data-p]': 'dataP()'\n    },\n    providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }],\n    hostDirectives: [Bind]\n})\nexport class Avatar extends BaseComponent<AvatarPassThrough> {\n    componentName = 'Avatar';\n\n    $pcAvatar: Avatar | undefined = inject(AVATAR_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    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    label = input<string>();\n\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    icon = input<string>();\n\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    image = input<string>();\n\n    /**\n     * Size of the element.\n     * @group Props\n     */\n    size = input<AvatarSize>('normal');\n\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    shape = input<AvatarShape>('square');\n\n    /**\n     * Establishes a string value that labels the component.\n     * @group Props\n     */\n    ariaLabel = input<string>();\n\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    ariaLabelledBy = input<string>();\n\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    onImageError = output<Event>();\n\n    _componentStyle = inject(AvatarStyle);\n\n    dataP = computed(() => {\n        const shape = this.shape();\n        const size = this.size();\n        return this.cn({\n            [shape as string]: shape,\n            [size as string]: size\n        });\n    });\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n}\n\n@NgModule({\n    imports: [Avatar, SharedModule],\n    exports: [Avatar, SharedModule]\n})\nexport class AvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;AAIA,MAAM,OAAO,GAAG;AACZ,IAAA,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAI;AACnB,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE;AAC9B,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE;AAC9B,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE;QAC5B,OAAO;YACH,sBAAsB;AACtB,YAAA;gBACI,gBAAgB,EAAE,KAAK,IAAI,IAAI;gBAC/B,iBAAiB,EAAE,KAAK,KAAK,QAAQ;gBACrC,aAAa,EAAE,IAAI,KAAK,OAAO;gBAC/B,aAAa,EAAE,IAAI,KAAK;AAC3B;SACJ;IACL,CAAC;AACD,IAAA,KAAK,EAAE,gBAAgB;AACvB,IAAA,IAAI,EAAE;CACT;AAGK,MAAO,WAAY,SAAQ,SAAS,CAAA;IACtC,IAAI,GAAG,QAAQ;IAEf,KAAK,GAAG,KAAK;IAEb,OAAO,GAAG,OAAO;uGALR,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAX,WAAW,EAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBADvB;;AASD;;;;;;;;AAQG;IACS;AAAZ,CAAA,UAAY,aAAa,EAAA;AACrB;;AAEG;AACH,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,UAAiB;AACjB;;AAEG;AACH,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,gBAAwB;AACxB;;AAEG;AACH,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,eAAsB;AACtB;;AAEG;AACH,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,gBAAwB;AACxB;;AAEG;AACH,IAAA,aAAA,CAAA,QAAA,CAAA,GAAA,iBAA0B;AAC1B;;AAEG;AACH,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,aAAqB;AACrB;;AAEG;AACH,IAAA,aAAA,CAAA,QAAA,CAAA,GAAA,aAAsB;AAC1B,CAAC,EA7BW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;;AClCzB,MAAM,eAAe,GAAG,IAAI,cAAc,CAAS,iBAAiB,CAAC;AAErE;;;AAGG;AA0BG,MAAO,MAAO,SAAQ,aAAgC,CAAA;IACxD,aAAa,GAAG,QAAQ;AAExB,IAAA,SAAS,GAAuB,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,SAAS;IAExG,qBAAqB,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAEpD,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpE;AAEA;;;AAGG;AACH,IAAA,KAAK,GAAG,KAAK;yFAAU;AAEvB;;;AAGG;AACH,IAAA,IAAI,GAAG,KAAK;wFAAU;AAEtB;;;AAGG;AACH,IAAA,KAAK,GAAG,KAAK;yFAAU;AAEvB;;;AAGG;IACH,IAAI,GAAG,KAAK,CAAa,QAAQ;6EAAC;AAElC;;;AAGG;IACH,KAAK,GAAG,KAAK,CAAc,QAAQ;8EAAC;AAEpC;;;AAGG;AACH,IAAA,SAAS,GAAG,KAAK;6FAAU;AAE3B;;;AAGG;AACH,IAAA,cAAc,GAAG,KAAK;kGAAU;AAEhC;;;;AAIG;IACH,YAAY,GAAG,MAAM,EAAS;AAE9B,IAAA,eAAe,GAAG,MAAM,CAAC,WAAW,CAAC;AAErC,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AAClB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;QACxB,OAAO,IAAI,CAAC,EAAE,CAAC;YACX,CAAC,KAAe,GAAG,KAAK;YACxB,CAAC,IAAc,GAAG;AACrB,SAAA,CAAC;IACN,CAAC;8EAAC;AAEF,IAAA,UAAU,CAAC,KAAY,EAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IACjC;uGAzES,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAHJ,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBpH;;;;;;;;;KAST,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAVS,YAAY,+BAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAsBnB,MAAM,EAAA,UAAA,EAAA,CAAA;kBAzBlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC;AAC7B,oBAAA,QAAQ,EAAE;;;;;;;;;AAST,IAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,YAAY;AACvB,wBAAA,mBAAmB,EAAE,aAAa;AAClC,wBAAA,wBAAwB,EAAE,kBAAkB;AAC5C,wBAAA,eAAe,EAAE;AACpB,qBAAA;oBACD,SAAS,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAA,MAAQ,EAAE,CAAC;oBAC9H,cAAc,EAAE,CAAC,IAAI;AACxB,iBAAA;;MAiFY,YAAY,CAAA;uGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAhFZ,MAAM,EA6EG,YAAY,CAAA,EAAA,OAAA,EAAA,CA7ErB,MAAM,EA8EG,YAAY,CAAA,EAAA,CAAA;AAErB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EAAA,OAAA,EAAA,CAHX,MAAM,EAAE,YAAY,EACZ,YAAY,CAAA,EAAA,CAAA;;2FAErB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;AAC/B,oBAAA,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY;AACjC,iBAAA;;;ACrHD;;AAEG;;;;"}

package/fesm2022/primenglab-avatargroup.mjs

@@ -0,0 +1,99 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { SharedModule } from 'primenglab/api';
+import { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { BaseStyle } from 'primenglab/base';
+
+const classes = {
+    root: 'p-avatar-group p-component'
+};
+class AvatarGroupStyle extends BaseStyle {
+    name = 'avatargroup';
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * A set of Avatars can be displayed together using the AvatarGroup component.
+ *
+ * [Live Demo](https://www.primeng.org/avatar/)
+ *
+ * @module avatargroupstyle
+ *
+ */
+var AvatarGroupClasses;
+(function (AvatarGroupClasses) {
+    AvatarGroupClasses["root"] = "p-avatar-group";
+})(AvatarGroupClasses || (AvatarGroupClasses = {}));
+
+const AVATARGROUP_INSTANCE = new InjectionToken('AVATARGROUP_INSTANCE');
+/**
+ * AvatarGroup is a helper component for Avatar.
+ * @group Components
+ */
+class AvatarGroup extends BaseComponent {
+    componentName = 'AvatarGroup';
+    $pcAvatarGroup = inject(AVATARGROUP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style;
+    get hostStyle() {
+        return this.style;
+    }
+    _componentStyle = inject(AvatarGroupStyle);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.3", type: AvatarGroup, isStandalone: true, selector: "p-avatar-group, p-avatargroup", inputs: { style: "style" }, host: { properties: { "class": "cx('root')", "style": "this.hostStyle" } }, providers: [AvatarGroupStyle, { provide: AVATARGROUP_INSTANCE, useExisting: AvatarGroup }, { provide: PARENT_INSTANCE, useExisting: AvatarGroup }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-avatar-group, p-avatargroup',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule],
+                    template: ` <ng-content></ng-content> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [AvatarGroupStyle, { provide: AVATARGROUP_INSTANCE, useExisting: AvatarGroup }, { provide: PARENT_INSTANCE, useExisting: AvatarGroup }],
+                    host: {
+                        '[class]': "cx('root')"
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { style: [{
+                type: Input
+            }], hostStyle: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+class AvatarGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupModule, imports: [AvatarGroup, SharedModule], exports: [AvatarGroup, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupModule, imports: [AvatarGroup, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: AvatarGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AvatarGroup, SharedModule],
+                    exports: [AvatarGroup, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AvatarGroup, AvatarGroupClasses, AvatarGroupModule, AvatarGroupStyle };
+//# sourceMappingURL=primenglab-avatargroup.mjs.map

package/fesm2022/primenglab-avatargroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primenglab-avatargroup.mjs","sources":["../../src/avatargroup/style/avatargroupstyle.ts","../../src/avatargroup/avatargroup.ts","../../src/avatargroup/primenglab-avatargroup.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primenglab/base';\n\nconst classes = {\n    root: 'p-avatar-group p-component'\n};\n\n@Injectable()\nexport class AvatarGroupStyle extends BaseStyle {\n    name = 'avatargroup';\n\n    classes = classes;\n}\n\n/**\n *\n * A set of Avatars can be displayed together using the AvatarGroup component.\n *\n * [Live Demo](https://www.primeng.org/avatar/)\n *\n * @module avatargroupstyle\n *\n */\nexport enum AvatarGroupClasses {\n    root = 'p-avatar-group'\n}\n\nexport interface AvatarGroupStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, inject, InjectionToken, Input, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primenglab/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';\nimport { Bind } from 'primenglab/bind';\nimport { AvatarGroupPassThrough } from 'primenglab/types/avatargroup';\nimport { AvatarGroupStyle } from './style/avatargroupstyle';\nimport { CSSProperties } from 'primenglab/types/shared';\n\nconst AVATARGROUP_INSTANCE = new InjectionToken<AvatarGroup>('AVATARGROUP_INSTANCE');\n\n/**\n * AvatarGroup is a helper component for Avatar.\n * @group Components\n */\n@Component({\n    selector: 'p-avatar-group, p-avatargroup',\n    standalone: true,\n    imports: [CommonModule, SharedModule],\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [AvatarGroupStyle, { provide: AVATARGROUP_INSTANCE, useExisting: AvatarGroup }, { provide: PARENT_INSTANCE, useExisting: AvatarGroup }],\n    host: {\n        '[class]': \"cx('root')\"\n    },\n    hostDirectives: [Bind]\n})\nexport class AvatarGroup extends BaseComponent<AvatarGroupPassThrough> {\n    componentName = 'AvatarGroup';\n\n    $pcAvatarGroup: AvatarGroup | undefined = inject(AVATARGROUP_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    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: CSSProperties;\n\n    @HostBinding('style') get hostStyle() {\n        return this.style;\n    }\n\n    _componentStyle = inject(AvatarGroupStyle);\n}\n\n@NgModule({\n    imports: [AvatarGroup, SharedModule],\n    exports: [AvatarGroup, SharedModule]\n})\nexport class AvatarGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;AAGA,MAAM,OAAO,GAAG;AACZ,IAAA,IAAI,EAAE;CACT;AAGK,MAAO,gBAAiB,SAAQ,SAAS,CAAA;IAC3C,IAAI,GAAG,aAAa;IAEpB,OAAO,GAAG,OAAO;uGAHR,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAhB,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;AAOD;;;;;;;;AAQG;IACS;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC1B,IAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,gBAAuB;AAC3B,CAAC,EAFW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;ACd9B,MAAM,oBAAoB,GAAG,IAAI,cAAc,CAAc,sBAAsB,CAAC;AAEpF;;;AAGG;AAcG,MAAO,WAAY,SAAQ,aAAqC,CAAA;IAClE,aAAa,GAAG,aAAa;AAE7B,IAAA,cAAc,GAA4B,MAAM,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,SAAS;IAEvH,qBAAqB,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAEpD,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpE;AAEA;;;AAGG;AACM,IAAA,KAAK;AAEd,IAAA,IAA0B,SAAS,GAAA;QAC/B,OAAO,IAAI,CAAC,KAAK;IACrB;AAEA,IAAA,eAAe,GAAG,MAAM,CAAC,gBAAgB,CAAC;uGArBjC,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EANT,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHxI,CAAA,2BAAA,CAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAD7B,YAAY,8BAAE,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAU3B,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,QAAQ,EAAE,CAAA,2BAAA,CAA6B;oBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,SAAS,EAAE,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,aAAa,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAA,WAAa,EAAE,CAAC;AAClJ,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE;AACd,qBAAA;oBACD,cAAc,EAAE,CAAC,IAAI;AACxB,iBAAA;;sBAgBI;;sBAEA,WAAW;uBAAC,OAAO;;MAWX,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YA5BjB,WAAW,EAyBG,YAAY,CAAA,EAAA,OAAA,EAAA,CAzB1B,WAAW,EA0BG,YAAY,CAAA,EAAA,CAAA;AAE1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,OAAA,EAAA,CAHhB,WAAW,EAAE,YAAY,EACZ,YAAY,CAAA,EAAA,CAAA;;2FAE1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;AACpC,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,YAAY;AACtC,iBAAA;;;ACvDD;;AAEG;;;;"}

package/fesm2022/primenglab-badge.mjs

@@ -0,0 +1,161 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { SharedModule } from 'primenglab/api';
+import { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { style as style$1 } from '@primeuix/styles/badge';
+import { isEmpty, isNotEmpty } from '@primeuix/utils';
+import { BaseStyle } from 'primenglab/base';
+
+const style = /*css*/ `
+    ${style$1}
+`;
+const classes = {
+    root: ({ instance }) => {
+        const value = instance.value();
+        const size = instance.size();
+        const badgeSize = instance.badgeSize();
+        const 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.3", ngImport: i0, type: BadgeStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BadgeStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", 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"] = "p-badge";
+})(BadgeClasses || (BadgeClasses = {}));
+
+const BADGE_INSTANCE = new InjectionToken('BADGE_INSTANCE');
+/**
+ * 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']));
+    }
+    /**
+     * 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);
+    displayStyle = computed(() => (this.badgeDisabled() ? 'none' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayStyle" }] : /* istanbul ignore next */ []));
+    dataP = computed(() => {
+        const value = this.value();
+        const severity = this.severity();
+        const size = this.size();
+        return this.cn({
+            circle: value != null && String(value).length === 1,
+            empty: value == null,
+            disabled: this.badgeDisabled(),
+            [severity]: severity,
+            [size]: size
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.3", type: Badge, isStandalone: true, selector: "p-badge", inputs: { 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": "cx('root')", "style.display": "displayStyle()", "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: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: Badge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-badge',
+                    template: `{{ value() }}`,
+                    standalone: true,
+                    imports: [SharedModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [BadgeStyle, { provide: BADGE_INSTANCE, useExisting: Badge }, { provide: PARENT_INSTANCE, useExisting: Badge }],
+                    host: {
+                        '[class]': "cx('root')",
+                        '[style.display]': 'displayStyle()',
+                        '[attr.data-p]': 'dataP()'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { 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.3", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.3", ngImport: i0, type: BadgeModule, imports: [Badge, SharedModule], exports: [Badge, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BadgeModule, imports: [Badge, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Badge, SharedModule],
+                    exports: [Badge, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Badge, BadgeClasses, BadgeModule, BadgeStyle };
+//# sourceMappingURL=primenglab-badge.mjs.map

package/fesm2022/primenglab-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primenglab-badge.mjs","sources":["../../src/badge/style/badgestyle.ts","../../src/badge/badge.ts","../../src/badge/primenglab-badge.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style as badge_style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils';\nimport { BaseStyle } from 'primenglab/base';\n\nconst style = /*css*/ `\n    ${badge_style}\n`;\n\nconst classes = {\n    root: ({ instance }) => {\n        const value = instance.value();\n        const size = instance.size();\n        const badgeSize = instance.badgeSize();\n        const 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 * [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 = 'p-badge'\n}\n\nexport interface BadgeStyle extends BaseStyle {}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, InjectionToken, input, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primenglab/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';\nimport { Bind } from 'primenglab/bind';\nimport type { BadgePassThrough, BadgeSeverity, BadgeSize } from 'primenglab/types/badge';\nimport { BadgeStyle } from './style/badgestyle';\n\nconst BADGE_INSTANCE = new InjectionToken<Badge>('BADGE_INSTANCE');\n\n/**\n * Badge is a small status indicator for another element.\n * @group Components\n */\n@Component({\n    selector: 'p-badge',\n    template: `{{ value() }}`,\n    standalone: true,\n    imports: [SharedModule],\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]': \"cx('root')\",\n        '[style.display]': 'displayStyle()',\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() {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    badgeSize = input<BadgeSize>();\n\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    size = input<BadgeSize>();\n\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    severity = input<BadgeSeverity>();\n\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    value = input<string | number | null>();\n\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    badgeDisabled = input(false, { transform: booleanAttribute });\n\n    _componentStyle = inject(BadgeStyle);\n\n    displayStyle = computed(() => (this.badgeDisabled() ? 'none' : null));\n\n    dataP = computed(() => {\n        const value = this.value();\n        const severity = this.severity();\n        const size = this.size();\n\n        return this.cn({\n            circle: value != null && String(value).length === 1,\n            empty: value == null,\n            disabled: this.badgeDisabled(),\n            [severity as string]: severity,\n            [size as string]: size\n        });\n    });\n}\n\n@NgModule({\n    imports: [Badge, SharedModule],\n    exports: [Badge, 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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"}