primeng 22.1.1 → 22.1.2

package/fesm2022/primeng-skeleton.mjs

@@ -1,161 +1,304 @@
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
-import * as i1 from 'primeng/bind';
-import { Bind } from 'primeng/bind';
-import { style } from '@primeuix/styles/skeleton';
-import { BaseStyle } from 'primeng/base';
-
-const inlineStyles = {
-    root: { position: 'relative' }
-};
-const classes = {
-    root: ({ instance }) => [
-        'p-skeleton p-component',
-        {
-            'p-skeleton-circle': instance.shape() === 'circle',
-            'p-skeleton-animation-none': instance.animation() === 'none'
-        }
-    ]
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, inject, input } from "@angular/core";
+import { SharedModule } from "primeng/api";
+import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
+import * as i1 from "primeng/bind";
+import { Bind } from "primeng/bind";
+import { style } from "@primeuix/styles/skeleton";
+import { BaseStyle } from "primeng/base";
+const inlineStyles = { root: { position: "relative" } };
+const classes = { root: ({ instance }) => ["p-skeleton p-component", {
+	"p-skeleton-circle": instance.shape() === "circle",
+	"p-skeleton-animation-none": instance.animation() === "none"
+}] };
+var SkeletonStyle = class SkeletonStyle extends BaseStyle {
+	name = "skeleton";
+	style = style;
+	classes = classes;
+	inlineStyles = inlineStyles;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SkeletonStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SkeletonStyle
+	});
 };
-class SkeletonStyle extends BaseStyle {
-    name = 'skeleton';
-    style = style;
-    classes = classes;
-    inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SkeletonStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SkeletonStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SkeletonStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Skeleton is a placeholder to display instead of the actual content.
- *
- * [Live Demo](https://www.primeng.org/skeleton/)
- *
- * @module skeletonstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SkeletonStyle,
+	decorators: [{ type: Injectable }]
+});
 var SkeletonClasses;
-(function (SkeletonClasses) {
-    /**
-     * Class name of the root element
-     */
-    SkeletonClasses["root"] = "p-skeleton";
+(function(SkeletonClasses) {
+	SkeletonClasses["root"] = "p-skeleton";
 })(SkeletonClasses || (SkeletonClasses = {}));
-
-const SKELETON_INSTANCE = new InjectionToken('SKELETON_INSTANCE');
-/**
- * Skeleton is a placeholder to display instead of the actual content.
- * @group Components
- */
-class Skeleton extends BaseComponent {
-    componentName = 'Skeleton';
-    $pcSkeleton = inject(SKELETON_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    /**
-     * Shape of the element.
-     * @group Props
-     */
-    shape = input('rectangle', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
-    /**
-     * Type of the animation.
-     * @group Props
-     */
-    animation = input('wave', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
-    /**
-     * Border radius of the element, defaults to value from theme.
-     * @group Props
-     */
-    borderRadius = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "borderRadius" }] : /* istanbul ignore next */ []));
-    /**
-     * Size of the skeleton.
-     * @group Props
-     */
-    size = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Width of the element.
-     * @group Props
-     */
-    width = input('100%', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    /**
-     * Height of the element.
-     * @group Props
-     */
-    height = input('1rem', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
-    _componentStyle = inject(SkeletonStyle);
-    containerStyle = computed(() => {
-        const inlineStyles = this._componentStyle?.inlineStyles['root'];
-        const size = this.size();
-        const width = this.width();
-        const height = this.height();
-        const borderRadius = this.borderRadius();
-        if (this.$unstyled()) {
-            return undefined;
-        }
-        if (size) {
-            return { ...inlineStyles, width: size, height: size, borderRadius };
-        }
-        return { ...inlineStyles, width, height, borderRadius };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []));
-    dataP = computed(() => {
-        const shape = this.shape();
-        return this.cn({
-            [shape]: shape
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Skeleton, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: Skeleton, isStandalone: true, selector: "p-skeleton", inputs: { shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "true", "class": "cx(\"root\")", "style": "containerStyle()", "attr.data-p": "dataP()" } }, providers: [SkeletonStyle, { provide: SKELETON_INSTANCE, useExisting: Skeleton }, { provide: PARENT_INSTANCE, useExisting: Skeleton }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Skeleton, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-skeleton',
-                    standalone: true,
-                    imports: [SharedModule],
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [SkeletonStyle, { provide: SKELETON_INSTANCE, useExisting: Skeleton }, { provide: PARENT_INSTANCE, useExisting: Skeleton }],
-                    host: {
-                        '[attr.aria-hidden]': 'true',
-                        '[class]': 'cx("root")',
-                        '[style]': 'containerStyle()',
-                        '[attr.data-p]': 'dataP()'
-                    },
-                    hostDirectives: [Bind]
-                }]
-        }], propDecorators: { shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
-class SkeletonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: SkeletonModule, imports: [Skeleton, SharedModule], exports: [Skeleton, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SkeletonModule, imports: [Skeleton, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SkeletonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Skeleton, SharedModule],
-                    exports: [Skeleton, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const SKELETON_INSTANCE = new InjectionToken("SKELETON_INSTANCE");
+var Skeleton = class Skeleton extends BaseComponent {
+	componentName = "Skeleton";
+	$pcSkeleton = inject(SKELETON_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	shape = input("rectangle", ...ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []);
+	animation = input("wave", ...ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []);
+	borderRadius = input(...ngDevMode ? [void 0, { debugName: "borderRadius" }] : /* istanbul ignore next */ []);
+	size = input(...ngDevMode ? [void 0, { debugName: "size" }] : /* istanbul ignore next */ []);
+	width = input("100%", ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+	height = input("1rem", ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+	_componentStyle = inject(SkeletonStyle);
+	containerStyle = computed(() => {
+		const inlineStyles = this._componentStyle?.inlineStyles["root"];
+		const size = this.size();
+		const width = this.width();
+		const height = this.height();
+		const borderRadius = this.borderRadius();
+		if (this.$unstyled()) return;
+		if (size) return {
+			...inlineStyles,
+			width: size,
+			height: size,
+			borderRadius
+		};
+		return {
+			...inlineStyles,
+			width,
+			height,
+			borderRadius
+		};
+	}, ...ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []);
+	dataP = computed(() => {
+		const shape = this.shape();
+		return this.cn({ [shape]: shape });
+	}, ...ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []);
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Skeleton,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: Skeleton,
+		isStandalone: true,
+		selector: "p-skeleton",
+		inputs: {
+			shape: {
+				classPropertyName: "shape",
+				publicName: "shape",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animation: {
+				classPropertyName: "animation",
+				publicName: "animation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			borderRadius: {
+				classPropertyName: "borderRadius",
+				publicName: "borderRadius",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			width: {
+				classPropertyName: "width",
+				publicName: "width",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.aria-hidden": "true",
+			"class": "cx(\"root\")",
+			"style": "containerStyle()",
+			"attr.data-p": "dataP()"
+		} },
+		providers: [
+			SkeletonStyle,
+			{
+				provide: SKELETON_INSTANCE,
+				useExisting: Skeleton
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Skeleton
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: ``,
+		isInline: true,
+		dependencies: [{
+			kind: "ngmodule",
+			type: SharedModule
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Skeleton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-skeleton",
+			standalone: true,
+			imports: [SharedModule],
+			template: ``,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				SkeletonStyle,
+				{
+					provide: SKELETON_INSTANCE,
+					useExisting: Skeleton
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Skeleton
+				}
+			],
+			host: {
+				"[attr.aria-hidden]": "true",
+				"[class]": "cx(\"root\")",
+				"[style]": "containerStyle()",
+				"[attr.data-p]": "dataP()"
+			},
+			hostDirectives: [Bind]
+		}]
+	}],
+	propDecorators: {
+		shape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shape",
+				required: false
+			}]
+		}],
+		animation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animation",
+				required: false
+			}]
+		}],
+		borderRadius: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "borderRadius",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}]
+	}
+});
+var SkeletonModule = class SkeletonModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SkeletonModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SkeletonModule,
+		imports: [Skeleton, SharedModule],
+		exports: [Skeleton, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SkeletonModule,
+		imports: [
+			Skeleton,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SkeletonModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Skeleton, SharedModule],
+			exports: [Skeleton, SharedModule]
+		}]
+	}]
+});
 export { Skeleton, SkeletonClasses, SkeletonModule, SkeletonStyle };
-//# sourceMappingURL=primeng-skeleton.mjs.map
+
+//# sourceMappingURL=primeng-skeleton.mjs.map

package/fesm2022/primeng-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-skeleton.mjs","sources":["../../src/skeleton/style/skeletonstyle.ts","../../src/skeleton/skeleton.ts","../../src/skeleton/primeng-skeleton.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/skeleton';\nimport { BaseStyle } from 'primeng/base';\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-skeleton p-component',\n        {\n            'p-skeleton-circle': instance.shape() === 'circle',\n            'p-skeleton-animation-none': instance.animation() === 'none'\n        }\n    ]\n};\n\n@Injectable()\nexport class SkeletonStyle extends BaseStyle {\n    name = 'skeleton';\n\n    style = style;\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Skeleton is a placeholder to display instead of the actual content.\n *\n * [Live Demo](https://www.primeng.org/skeleton/)\n *\n * @module skeletonstyle\n *\n */\nexport enum SkeletonClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-skeleton'\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, InjectionToken, input, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primeng/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind } from 'primeng/bind';\nimport type { SkeletonPassThrough } from 'primeng/types/skeleton';\nimport { SkeletonStyle } from './style/skeletonstyle';\n\nconst SKELETON_INSTANCE = new InjectionToken<Skeleton>('SKELETON_INSTANCE');\n\n/**\n * Skeleton is a placeholder to display instead of the actual content.\n * @group Components\n */\n@Component({\n    selector: 'p-skeleton',\n    standalone: true,\n    imports: [SharedModule],\n    template: ``,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [SkeletonStyle, { provide: SKELETON_INSTANCE, useExisting: Skeleton }, { provide: PARENT_INSTANCE, useExisting: Skeleton }],\n    host: {\n        '[attr.aria-hidden]': 'true',\n        '[class]': 'cx(\"root\")',\n        '[style]': 'containerStyle()',\n        '[attr.data-p]': 'dataP()'\n    },\n    hostDirectives: [Bind]\n})\nexport class Skeleton extends BaseComponent<SkeletonPassThrough> {\n    componentName = 'Skeleton';\n\n    $pcSkeleton: Skeleton | undefined = inject(SKELETON_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    shape = input('rectangle');\n\n    /**\n     * Type of the animation.\n     * @group Props\n     */\n    animation = input('wave');\n\n    /**\n     * Border radius of the element, defaults to value from theme.\n     * @group Props\n     */\n    borderRadius = input<string>();\n\n    /**\n     * Size of the skeleton.\n     * @group Props\n     */\n    size = input<string>();\n\n    /**\n     * Width of the element.\n     * @group Props\n     */\n    width = input('100%');\n\n    /**\n     * Height of the element.\n     * @group Props\n     */\n    height = input('1rem');\n\n    _componentStyle = inject(SkeletonStyle);\n\n    containerStyle = computed(() => {\n        const inlineStyles = this._componentStyle?.inlineStyles['root'];\n        const size = this.size();\n        const width = this.width();\n        const height = this.height();\n        const borderRadius = this.borderRadius();\n\n        if (this.$unstyled()) {\n            return undefined;\n        }\n\n        if (size) {\n            return { ...inlineStyles, width: size, height: size, borderRadius };\n        }\n\n        return { ...inlineStyles, width, height, borderRadius };\n    });\n\n    dataP = computed(() => {\n        const shape = this.shape();\n\n        return this.cn({\n            [shape]: shape\n        });\n    });\n\n    onAfterViewChecked() {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n}\n\n@NgModule({\n    imports: [Skeleton, SharedModule],\n    exports: [Skeleton, SharedModule]\n})\nexport class SkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-skeleton.mjs","names":[],"sources":["../../src/skeleton/style/skeletonstyle.ts","../../src/skeleton/skeleton.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/skeleton';\nimport { BaseStyle } from 'primeng/base';\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-skeleton p-component',\n        {\n            'p-skeleton-circle': instance.shape() === 'circle',\n            'p-skeleton-animation-none': instance.animation() === 'none'\n        }\n    ]\n};\n\n@Injectable()\nexport class SkeletonStyle extends BaseStyle {\n    name = 'skeleton';\n\n    style = style;\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Skeleton is a placeholder to display instead of the actual content.\n *\n * [Live Demo](https://www.primeng.org/skeleton/)\n *\n * @module skeletonstyle\n *\n */\nexport enum SkeletonClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-skeleton'\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, InjectionToken, input, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primeng/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind } from 'primeng/bind';\nimport type { SkeletonPassThrough } from 'primeng/types/skeleton';\nimport { SkeletonStyle } from './style/skeletonstyle';\n\nconst SKELETON_INSTANCE = new InjectionToken<Skeleton>('SKELETON_INSTANCE');\n\n/**\n * Skeleton is a placeholder to display instead of the actual content.\n * @group Components\n */\n@Component({\n    selector: 'p-skeleton',\n    standalone: true,\n    imports: [SharedModule],\n    template: ``,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [SkeletonStyle, { provide: SKELETON_INSTANCE, useExisting: Skeleton }, { provide: PARENT_INSTANCE, useExisting: Skeleton }],\n    host: {\n        '[attr.aria-hidden]': 'true',\n        '[class]': 'cx(\"root\")',\n        '[style]': 'containerStyle()',\n        '[attr.data-p]': 'dataP()'\n    },\n    hostDirectives: [Bind]\n})\nexport class Skeleton extends BaseComponent<SkeletonPassThrough> {\n    componentName = 'Skeleton';\n\n    $pcSkeleton: Skeleton | undefined = inject(SKELETON_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    shape = input('rectangle');\n\n    /**\n     * Type of the animation.\n     * @group Props\n     */\n    animation = input('wave');\n\n    /**\n     * Border radius of the element, defaults to value from theme.\n     * @group Props\n     */\n    borderRadius = input<string>();\n\n    /**\n     * Size of the skeleton.\n     * @group Props\n     */\n    size = input<string>();\n\n    /**\n     * Width of the element.\n     * @group Props\n     */\n    width = input('100%');\n\n    /**\n     * Height of the element.\n     * @group Props\n     */\n    height = input('1rem');\n\n    _componentStyle = inject(SkeletonStyle);\n\n    containerStyle = computed(() => {\n        const inlineStyles = this._componentStyle?.inlineStyles['root'];\n        const size = this.size();\n        const width = this.width();\n        const height = this.height();\n        const borderRadius = this.borderRadius();\n\n        if (this.$unstyled()) {\n            return undefined;\n        }\n\n        if (size) {\n            return { ...inlineStyles, width: size, height: size, borderRadius };\n        }\n\n        return { ...inlineStyles, width, height, borderRadius };\n    });\n\n    dataP = computed(() => {\n        const shape = this.shape();\n\n        return this.cn({\n            [shape]: shape\n        });\n    });\n\n    onAfterViewChecked() {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n}\n\n@NgModule({\n    imports: [Skeleton, SharedModule],\n    exports: [Skeleton, SharedModule]\n})\nexport class SkeletonModule {}\n"],"mappings":"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"}