@coreui/angular-pro 5.2.15 → 5.2.16

package/esm2022/lib/footer/footer.component.mjs

@@ -1,22 +1,27 @@
-import { Component, HostBinding, Input } from '@angular/core';
+import { Component, computed, input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class FooterComponent {
     constructor() {
+        /**
+         * Place footer in non-static positions. [docs]
+         * @type Positions
+         */
+        this.position = input();
         /**
          * Default role for footer. [docs]
          * @type string
          * @default 'contentinfo'
          */
-        this.role = 'contentinfo';
-    }
-    get getClasses() {
-        return {
-            footer: true,
-            [`footer-${this.position}`]: !!this.position
-        };
+        this.role = input('contentinfo');
+        this.hostClasses = computed(() => {
+            return {
+                footer: true,
+                [`footer-${this.position()}`]: !!this.position()
+            };
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FooterComponent, isStandalone: true, selector: "c-footer, [cFooter]", inputs: { position: "position", role: "role" }, host: { properties: { "attr.role": "this.role", "class": "this.getClasses" }, classAttribute: "footer" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.1", type: FooterComponent, isStandalone: true, selector: "c-footer, [cFooter]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "role()" }, classAttribute: "footer" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
@@ -24,17 +29,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                     selector: 'c-footer, [cFooter]',
                     template: '<ng-content />',
                     standalone: true,
-                    host: { class: 'footer' }
+                    host: {
+                        class: 'footer',
+                        '[class]': 'hostClasses()',
+                        '[attr.role]': 'role()'
+                    }
                 }]
-        }], propDecorators: { position: [{
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }, {
-                type: Input
-            }], getClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmV1aS1hbmd1bGFyL3NyYy9saWIvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVU5RCxNQUFNLE9BQU8sZUFBZTtJQU41QjtRQWFFOzs7O1dBSUc7UUFHSCxTQUFJLEdBQUcsYUFBYSxDQUFDO0tBU3RCO0lBUEMsSUFDSSxVQUFVO1FBQ1osT0FBTztZQUNMLE1BQU0sRUFBRSxJQUFJO1lBQ1osQ0FBQyxVQUFVLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtTQUM3QyxDQUFDO0lBQ0osQ0FBQzs4R0F0QlUsZUFBZTtrR0FBZixlQUFlLHlPQUpoQixnQkFBZ0I7OzJGQUlmLGVBQWU7a0JBTjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7aUJBQzFCOzhCQU1VLFFBQVE7c0JBQWhCLEtBQUs7Z0JBU04sSUFBSTtzQkFGSCxXQUFXO3VCQUFDLFdBQVc7O3NCQUN2QixLQUFLO2dCQUlGLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUG9zaXRpb25zIH0gZnJvbSAnLi4vY29yZXVpLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYy1mb290ZXIsIFtjRm9vdGVyXScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgLz4nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7IGNsYXNzOiAnZm9vdGVyJyB9XG59KVxuZXhwb3J0IGNsYXNzIEZvb3RlckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBQbGFjZSBmb290ZXIgaW4gbm9uLXN0YXRpYyBwb3NpdGlvbnMuIFtkb2NzXVxuICAgKiBAdHlwZSBQb3NpdGlvbnNcbiAgICovXG4gIEBJbnB1dCgpIHBvc2l0aW9uPzogUG9zaXRpb25zO1xuXG4gIC8qKlxuICAgKiBEZWZhdWx0IHJvbGUgZm9yIGZvb3Rlci4gW2RvY3NdXG4gICAqIEB0eXBlIHN0cmluZ1xuICAgKiBAZGVmYXVsdCAnY29udGVudGluZm8nXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXG4gIEBJbnB1dCgpXG4gIHJvbGUgPSAnY29udGVudGluZm8nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgZ2V0Q2xhc3NlcygpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICBmb290ZXI6IHRydWUsXG4gICAgICBbYGZvb3Rlci0ke3RoaXMucG9zaXRpb259YF06ICEhdGhpcy5wb3NpdGlvblxuICAgIH07XG4gIH1cbn1cbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmV1aS1hbmd1bGFyL3NyYy9saWIvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQWN4RSxNQUFNLE9BQU8sZUFBZTtJQVY1QjtRQVdFOzs7V0FHRztRQUNNLGFBQVEsR0FBdUMsS0FBSyxFQUFFLENBQUM7UUFFaEU7Ozs7V0FJRztRQUNNLFNBQUksR0FBd0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRWpELGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNuQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxJQUFJO2dCQUNaLENBQUMsVUFBVSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO2FBQ3RCLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7S0FDSjs4R0FwQlksZUFBZTtrR0FBZixlQUFlLHNiQVJoQixnQkFBZ0I7OzJGQVFmLGVBQWU7a0JBVjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsUUFBUTt3QkFDZixTQUFTLEVBQUUsZUFBZTt3QkFDMUIsYUFBYSxFQUFFLFFBQVE7cUJBQ3hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIElucHV0U2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBvc2l0aW9ucyB9IGZyb20gJy4uL2NvcmV1aS50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2MtZm9vdGVyLCBbY0Zvb3Rlcl0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZm9vdGVyJyxcbiAgICAnW2NsYXNzXSc6ICdob3N0Q2xhc3NlcygpJyxcbiAgICAnW2F0dHIucm9sZV0nOiAncm9sZSgpJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIEZvb3RlckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBQbGFjZSBmb290ZXIgaW4gbm9uLXN0YXRpYyBwb3NpdGlvbnMuIFtkb2NzXVxuICAgKiBAdHlwZSBQb3NpdGlvbnNcbiAgICovXG4gIHJlYWRvbmx5IHBvc2l0aW9uOiBJbnB1dFNpZ25hbDxQb3NpdGlvbnMgfCB1bmRlZmluZWQ+ID0gaW5wdXQoKTtcblxuICAvKipcbiAgICogRGVmYXVsdCByb2xlIGZvciBmb290ZXIuIFtkb2NzXVxuICAgKiBAdHlwZSBzdHJpbmdcbiAgICogQGRlZmF1bHQgJ2NvbnRlbnRpbmZvJ1xuICAgKi9cbiAgcmVhZG9ubHkgcm9sZTogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0KCdjb250ZW50aW5mbycpO1xuXG4gIHJlYWRvbmx5IGhvc3RDbGFzc2VzID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICBmb290ZXI6IHRydWUsXG4gICAgICBbYGZvb3Rlci0ke3RoaXMucG9zaXRpb24oKX1gXTogISF0aGlzLnBvc2l0aW9uKClcbiAgICB9IGFzIFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+O1xuICB9KTtcbn1cbiJdfQ==

package/esm2022/lib/placeholder/placeholder-animation.directive.mjs

@@ -1,33 +1,34 @@
-import { ContentChild, Directive, HostBinding, Input } from '@angular/core';
+import { computed, contentChild, Directive, input } from '@angular/core';
 import { PlaceholderDirective } from './placeholder.directive';
 import * as i0 from "@angular/core";
 export class PlaceholderAnimationDirective {
-    #animate = false;
-    get hostClasses() {
-        return {
-            [`placeholder-${this.animation}`]: this.#animate && !!this.animation
-        };
-    }
-    ngAfterContentInit() {
-        this.#animate = this.placeholder?.visible;
+    constructor() {
+        /**
+         * Animation type for placeholder
+         * @type 'glow' | 'wave'
+         * @default undefined
+         */
+        this.animation = input(undefined, {
+            alias: 'cPlaceholderAnimation'
+        });
+        this.placeholder = contentChild(PlaceholderDirective);
+        this.hostClasses = computed(() => {
+            return {
+                [`placeholder-${this.animation()}`]: this.placeholder()?.visible() && !!this.animation()
+            };
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderAnimationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: PlaceholderAnimationDirective, isStandalone: true, selector: "[cPlaceholderAnimation]", inputs: { animation: ["cPlaceholderAnimation", "animation"] }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "placeholder", first: true, predicate: PlaceholderDirective, descendants: true }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.1", type: PlaceholderAnimationDirective, isStandalone: true, selector: "[cPlaceholderAnimation]", inputs: { animation: { classPropertyName: "animation", publicName: "cPlaceholderAnimation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, queries: [{ propertyName: "placeholder", first: true, predicate: PlaceholderDirective, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderAnimationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cPlaceholderAnimation]',
-                    standalone: true
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses()'
+                    }
                 }]
-        }], propDecorators: { animation: [{
-                type: Input,
-                args: ['cPlaceholderAnimation']
-            }], placeholder: [{
-                type: ContentChild,
-                args: [PlaceholderDirective]
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXItYW5pbWF0aW9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmV1aS1hbmd1bGFyL3NyYy9saWIvcGxhY2Vob2xkZXIvcGxhY2Vob2xkZXItYW5pbWF0aW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFlBQVksRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFNL0QsTUFBTSxPQUFPLDZCQUE2QjtJQVd4QyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRTFCLElBQ0ksV0FBVztRQUNiLE9BQU87WUFDTCxDQUFDLGVBQWUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVM7U0FDckUsQ0FBQztJQUNKLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQztJQUM1QyxDQUFDOzhHQXRCVSw2QkFBNkI7a0dBQTdCLDZCQUE2QixrUEFTMUIsb0JBQW9COzsyRkFUdkIsNkJBQTZCO2tCQUp6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFRaUMsU0FBUztzQkFBeEMsS0FBSzt1QkFBQyx1QkFBdUI7Z0JBRU0sV0FBVztzQkFBOUMsWUFBWTt1QkFBQyxvQkFBb0I7Z0JBSzlCLFdBQVc7c0JBRGQsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29udGVudENoaWxkLCBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGxhY2Vob2xkZXJEaXJlY3RpdmUgfSBmcm9tICcuL3BsYWNlaG9sZGVyLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tjUGxhY2Vob2xkZXJBbmltYXRpb25dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBQbGFjZWhvbGRlckFuaW1hdGlvbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuXG4gIC8qKlxuICAgKiBBbmltYXRpb24gdHlwZSBmb3IgcGxhY2Vob2xkZXJcbiAgICogQHR5cGUgJ2dsb3cnIHwgJ3dhdmUnXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZFxuICAgKi9cbiAgQElucHV0KCdjUGxhY2Vob2xkZXJBbmltYXRpb24nKSBhbmltYXRpb24/OiAnZ2xvdycgfCAnd2F2ZSc7XG5cbiAgQENvbnRlbnRDaGlsZChQbGFjZWhvbGRlckRpcmVjdGl2ZSkgcGxhY2Vob2xkZXIhOiBQbGFjZWhvbGRlckRpcmVjdGl2ZTtcblxuICAjYW5pbWF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaG9zdENsYXNzZXMoKTogYW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgW2BwbGFjZWhvbGRlci0ke3RoaXMuYW5pbWF0aW9ufWBdOiB0aGlzLiNhbmltYXRlICYmICEhdGhpcy5hbmltYXRpb25cbiAgICB9O1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMuI2FuaW1hdGUgPSB0aGlzLnBsYWNlaG9sZGVyPy52aXNpYmxlO1xuICB9XG59XG4iXX0=
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXItYW5pbWF0aW9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmV1aS1hbmd1bGFyL3NyYy9saWIvcGxhY2Vob2xkZXIvcGxhY2Vob2xkZXItYW5pbWF0aW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVMvRCxNQUFNLE9BQU8sNkJBQTZCO0lBUDFDO1FBUUU7Ozs7V0FJRztRQUNNLGNBQVMsR0FBNkMsS0FBSyxDQUE4QixTQUFTLEVBQUU7WUFDM0csS0FBSyxFQUFFLHVCQUF1QjtTQUMvQixDQUFDLENBQUM7UUFFTSxnQkFBVyxHQUFHLFlBQVksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRWpELGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNuQyxPQUFPO2dCQUNMLENBQUMsZUFBZSxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRTthQUN6RixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7S0FDSjs4R0FqQlksNkJBQTZCO2tHQUE3Qiw2QkFBNkIsNFVBVUosb0JBQW9COzsyRkFWN0MsNkJBQTZCO2tCQVB6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLGVBQWU7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tcHV0ZWQsIGNvbnRlbnRDaGlsZCwgRGlyZWN0aXZlLCBpbnB1dCwgSW5wdXRTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBsYWNlaG9sZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9wbGFjZWhvbGRlci5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY1BsYWNlaG9sZGVyQW5pbWF0aW9uXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdob3N0Q2xhc3NlcygpJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIFBsYWNlaG9sZGVyQW5pbWF0aW9uRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIEFuaW1hdGlvbiB0eXBlIGZvciBwbGFjZWhvbGRlclxuICAgKiBAdHlwZSAnZ2xvdycgfCAnd2F2ZSdcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICByZWFkb25seSBhbmltYXRpb246IElucHV0U2lnbmFsPCdnbG93JyB8ICd3YXZlJyB8IHVuZGVmaW5lZD4gPSBpbnB1dDwnZ2xvdycgfCAnd2F2ZScgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCwge1xuICAgIGFsaWFzOiAnY1BsYWNlaG9sZGVyQW5pbWF0aW9uJ1xuICB9KTtcblxuICByZWFkb25seSBwbGFjZWhvbGRlciA9IGNvbnRlbnRDaGlsZChQbGFjZWhvbGRlckRpcmVjdGl2ZSk7XG5cbiAgcmVhZG9ubHkgaG9zdENsYXNzZXMgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIFtgcGxhY2Vob2xkZXItJHt0aGlzLmFuaW1hdGlvbigpfWBdOiB0aGlzLnBsYWNlaG9sZGVyKCk/LnZpc2libGUoKSAmJiAhIXRoaXMuYW5pbWF0aW9uKClcbiAgICB9O1xuICB9KTtcbn1cbiJdfQ==

package/esm2022/lib/placeholder/placeholder.directive.mjs

@@ -1,4 +1,4 @@
-import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core';
+import { booleanAttribute, computed, Directive, input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PlaceholderDirective {
     constructor() {
@@ -7,39 +7,37 @@ export class PlaceholderDirective {
          * @type boolean
          * @default false
          */
-        this.visible = false;
-    }
-    get ariaHidden() {
-        return this.visible ? null : true;
-    }
-    ;
-    get hostClasses() {
-        return {
-            'placeholder': this.visible,
-            [`placeholder-${this.size}`]: !!this.size
-        };
+        this.visible = input(false, {
+            transform: booleanAttribute,
+            alias: 'cPlaceholder'
+        });
+        /**
+         * Size the placeholder xs, small, large.
+         */
+        this.size = input(undefined, { alias: 'cPlaceholderSize' });
+        this.ariaHidden = computed(() => {
+            return this.visible() ? null : true;
+        });
+        this.hostClasses = computed(() => {
+            return {
+                placeholder: this.visible(),
+                [`placeholder-${this.size()}`]: !!this.size()
+            };
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: PlaceholderDirective, isStandalone: true, selector: "[cPlaceholder]", inputs: { visible: ["cPlaceholder", "visible", booleanAttribute], size: ["cPlaceholderSize", "size"] }, host: { properties: { "attr.aria-hidden": "this.ariaHidden", "class": "this.hostClasses" } }, exportAs: ["cPlaceholder"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: PlaceholderDirective, isStandalone: true, selector: "[cPlaceholder]", inputs: { visible: { classPropertyName: "visible", publicName: "cPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "cPlaceholderSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.aria-hidden": "ariaHidden()" } }, exportAs: ["cPlaceholder"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cPlaceholder]',
                     exportAs: 'cPlaceholder',
-                    standalone: true
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.aria-hidden]': 'ariaHidden()'
+                    }
                 }]
-        }], propDecorators: { visible: [{
-                type: Input,
-                args: [{ alias: 'cPlaceholder', transform: booleanAttribute }]
-            }], size: [{
-                type: Input,
-                args: ['cPlaceholderSize']
-            }], ariaHidden: [{
-                type: HostBinding,
-                args: ['attr.aria-hidden']
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZXVpLWFuZ3VsYXIvc3JjL2xpYi9wbGFjZWhvbGRlci9wbGFjZWhvbGRlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9oRixNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBT0U7Ozs7V0FJRztRQUM0RCxZQUFPLEdBQVksS0FBSyxDQUFDO0tBbUJ6RjtJQVpDLElBQ0ksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDcEMsQ0FBQztJQUFBLENBQUM7SUFFRixJQUNJLFdBQVc7UUFDYixPQUFPO1lBQ0wsYUFBYSxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQzNCLENBQUMsZUFBZSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUk7U0FDMUMsQ0FBQztJQUNKLENBQUM7OEdBekJVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLGlHQU9ZLGdCQUFnQjs7MkZBUGhELG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUUsY0FBYztvQkFDeEIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQVFnRSxPQUFPO3NCQUFyRSxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBS2xDLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUdyQixVQUFVO3NCQURiLFdBQVc7dUJBQUMsa0JBQWtCO2dCQU0zQixXQUFXO3NCQURkLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tjUGxhY2Vob2xkZXJdJyxcbiAgZXhwb3J0QXM6ICdjUGxhY2Vob2xkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFBsYWNlaG9sZGVyRGlyZWN0aXZlIHtcblxuICAvKipcbiAgICogcGxhY2Vob2xkZXIgdG9nZ2xlclxuICAgKiBAdHlwZSBib29sZWFuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoeyBhbGlhczogJ2NQbGFjZWhvbGRlcicsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNpemUgdGhlIHBsYWNlaG9sZGVyIHhzLCBzbWFsbCwgbGFyZ2UuXG4gICAqL1xuICBASW5wdXQoJ2NQbGFjZWhvbGRlclNpemUnKSBzaXplPzogJ3hzJyB8ICdzbScgfCAnbGcnO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWhpZGRlbicpXG4gIGdldCBhcmlhSGlkZGVuKCk6IGJvb2xlYW4gfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy52aXNpYmxlID8gbnVsbCA6IHRydWU7XG4gIH07XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBob3N0Q2xhc3NlcygpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAncGxhY2Vob2xkZXInOiB0aGlzLnZpc2libGUsXG4gICAgICBbYHBsYWNlaG9sZGVyLSR7dGhpcy5zaXplfWBdOiAhIXRoaXMuc2l6ZVxuICAgIH07XG4gIH1cbn1cbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZXVpLWFuZ3VsYXIvc3JjL2xpYi9wbGFjZWhvbGRlci9wbGFjZWhvbGRlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQzs7QUFXdkcsTUFBTSxPQUFPLG9CQUFvQjtJQVRqQztRQVVFOzs7O1dBSUc7UUFDTSxZQUFPLEdBQStDLEtBQUssQ0FBbUIsS0FBSyxFQUFFO1lBQzVGLFNBQVMsRUFBRSxnQkFBZ0I7WUFDM0IsS0FBSyxFQUFFLGNBQWM7U0FDdEIsQ0FBQyxDQUFDO1FBRUg7O1dBRUc7UUFDTSxTQUFJLEdBQUcsS0FBSyxDQUFpQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBRXZGLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xDLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztRQUVNLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNuQyxPQUFPO2dCQUNMLFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUMzQixDQUFDLGVBQWUsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTthQUM5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7S0FDSjs4R0ExQlksb0JBQW9CO2tHQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBVGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLGVBQWU7d0JBQzFCLG9CQUFvQixFQUFFLGNBQWM7cUJBQ3JDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgY29tcHV0ZWQsIERpcmVjdGl2ZSwgaW5wdXQsIElucHV0U2lnbmFsV2l0aFRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY1BsYWNlaG9sZGVyXScsXG4gIGV4cG9ydEFzOiAnY1BsYWNlaG9sZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2hvc3RDbGFzc2VzKCknLFxuICAgICdbYXR0ci5hcmlhLWhpZGRlbl0nOiAnYXJpYUhpZGRlbigpJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIFBsYWNlaG9sZGVyRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIHBsYWNlaG9sZGVyIHRvZ2dsZXJcbiAgICogQHR5cGUgYm9vbGVhblxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgcmVhZG9ubHkgdmlzaWJsZTogSW5wdXRTaWduYWxXaXRoVHJhbnNmb3JtPGJvb2xlYW4sIHVua25vd24+ID0gaW5wdXQ8Ym9vbGVhbiwgdW5rbm93bj4oZmFsc2UsIHtcbiAgICB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgYWxpYXM6ICdjUGxhY2Vob2xkZXInXG4gIH0pO1xuXG4gIC8qKlxuICAgKiBTaXplIHRoZSBwbGFjZWhvbGRlciB4cywgc21hbGwsIGxhcmdlLlxuICAgKi9cbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PCd4cycgfCAnc20nIHwgJ2xnJyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkLCB7IGFsaWFzOiAnY1BsYWNlaG9sZGVyU2l6ZScgfSk7XG5cbiAgcmVhZG9ubHkgYXJpYUhpZGRlbiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICByZXR1cm4gdGhpcy52aXNpYmxlKCkgPyBudWxsIDogdHJ1ZTtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgaG9zdENsYXNzZXMgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHBsYWNlaG9sZGVyOiB0aGlzLnZpc2libGUoKSxcbiAgICAgIFtgcGxhY2Vob2xkZXItJHt0aGlzLnNpemUoKX1gXTogISF0aGlzLnNpemUoKVxuICAgIH07XG4gIH0pO1xufVxuIl19

package/fesm2022/coreui-angular-pro.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Directive, Input, TemplateRef, Renderer2, booleanAttribute, NgModule, HostBinding, Injectable, Component, EventEmitter, Output, ContentChildren, input, computed, HostListener, DestroyRef, signal, effect, RendererFactory2, Pipe, numberAttribute, ViewChildren, PLATFORM_ID, Inject, afterNextRender, ViewChild, forwardRef, ContentChild, Optional, model, ChangeDetectionStrategy, output, NgZone, ViewContainerRef, contentChildren, viewChildren, untracked } from '@angular/core';
+import { inject, ElementRef, Directive, Input, TemplateRef, Renderer2, booleanAttribute, NgModule, HostBinding, Injectable, Component, EventEmitter, Output, ContentChildren, input, computed, HostListener, DestroyRef, signal, effect, RendererFactory2, Pipe, numberAttribute, ViewChildren, PLATFORM_ID, Inject, afterNextRender, ViewChild, forwardRef, ContentChild, Optional, model, ChangeDetectionStrategy, output, NgZone, contentChild, ViewContainerRef, contentChildren, viewChildren, untracked } from '@angular/core';
 import { NgTemplateOutlet, DOCUMENT, NgClass, NgOptimizedImage, AsyncPipe, NgStyle, isPlatformServer, isPlatformBrowser, formatDate, I18nPluralPipe, JsonPipe } from '@angular/common';
 import * as i1 from '@angular/animations';
 import { animation, animate, style, useAnimation, trigger, state, transition, group, query } from '@angular/animations';
@@ -8441,21 +8441,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 
 class FooterComponent {
     constructor() {
+        /**
+         * Place footer in non-static positions. [docs]
+         * @type Positions
+         */
+        this.position = input();
         /**
          * Default role for footer. [docs]
          * @type string
          * @default 'contentinfo'
          */
-        this.role = 'contentinfo';
-    }
-    get getClasses() {
-        return {
-            footer: true,
-            [`footer-${this.position}`]: !!this.position
-        };
+        this.role = input('contentinfo');
+        this.hostClasses = computed(() => {
+            return {
+                footer: true,
+                [`footer-${this.position()}`]: !!this.position()
+            };
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FooterComponent, isStandalone: true, selector: "c-footer, [cFooter]", inputs: { position: "position", role: "role" }, host: { properties: { "attr.role": "this.role", "class": "this.getClasses" }, classAttribute: "footer" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.1", type: FooterComponent, isStandalone: true, selector: "c-footer, [cFooter]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "role()" }, classAttribute: "footer" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
@@ -8463,19 +8468,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                     selector: 'c-footer, [cFooter]',
                     template: '<ng-content />',
                     standalone: true,
-                    host: { class: 'footer' }
+                    host: {
+                        class: 'footer',
+                        '[class]': 'hostClasses()',
+                        '[attr.role]': 'role()'
+                    }
                 }]
-        }], propDecorators: { position: [{
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }, {
-                type: Input
-            }], getClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 class FooterModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -12646,71 +12645,70 @@ class PlaceholderDirective {
          * @type boolean
          * @default false
          */
-        this.visible = false;
-    }
-    get ariaHidden() {
-        return this.visible ? null : true;
-    }
-    ;
-    get hostClasses() {
-        return {
-            'placeholder': this.visible,
-            [`placeholder-${this.size}`]: !!this.size
-        };
+        this.visible = input(false, {
+            transform: booleanAttribute,
+            alias: 'cPlaceholder'
+        });
+        /**
+         * Size the placeholder xs, small, large.
+         */
+        this.size = input(undefined, { alias: 'cPlaceholderSize' });
+        this.ariaHidden = computed(() => {
+            return this.visible() ? null : true;
+        });
+        this.hostClasses = computed(() => {
+            return {
+                placeholder: this.visible(),
+                [`placeholder-${this.size()}`]: !!this.size()
+            };
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: PlaceholderDirective, isStandalone: true, selector: "[cPlaceholder]", inputs: { visible: ["cPlaceholder", "visible", booleanAttribute], size: ["cPlaceholderSize", "size"] }, host: { properties: { "attr.aria-hidden": "this.ariaHidden", "class": "this.hostClasses" } }, exportAs: ["cPlaceholder"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: PlaceholderDirective, isStandalone: true, selector: "[cPlaceholder]", inputs: { visible: { classPropertyName: "visible", publicName: "cPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "cPlaceholderSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.aria-hidden": "ariaHidden()" } }, exportAs: ["cPlaceholder"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cPlaceholder]',
                     exportAs: 'cPlaceholder',
-                    standalone: true
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.aria-hidden]': 'ariaHidden()'
+                    }
                 }]
-        }], propDecorators: { visible: [{
-                type: Input,
-                args: [{ alias: 'cPlaceholder', transform: booleanAttribute }]
-            }], size: [{
-                type: Input,
-                args: ['cPlaceholderSize']
-            }], ariaHidden: [{
-                type: HostBinding,
-                args: ['attr.aria-hidden']
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 class PlaceholderAnimationDirective {
-    #animate = false;
-    get hostClasses() {
-        return {
-            [`placeholder-${this.animation}`]: this.#animate && !!this.animation
-        };
-    }
-    ngAfterContentInit() {
-        this.#animate = this.placeholder?.visible;
+    constructor() {
+        /**
+         * Animation type for placeholder
+         * @type 'glow' | 'wave'
+         * @default undefined
+         */
+        this.animation = input(undefined, {
+            alias: 'cPlaceholderAnimation'
+        });
+        this.placeholder = contentChild(PlaceholderDirective);
+        this.hostClasses = computed(() => {
+            return {
+                [`placeholder-${this.animation()}`]: this.placeholder()?.visible() && !!this.animation()
+            };
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderAnimationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: PlaceholderAnimationDirective, isStandalone: true, selector: "[cPlaceholderAnimation]", inputs: { animation: ["cPlaceholderAnimation", "animation"] }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "placeholder", first: true, predicate: PlaceholderDirective, descendants: true }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.1", type: PlaceholderAnimationDirective, isStandalone: true, selector: "[cPlaceholderAnimation]", inputs: { animation: { classPropertyName: "animation", publicName: "cPlaceholderAnimation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, queries: [{ propertyName: "placeholder", first: true, predicate: PlaceholderDirective, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderAnimationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cPlaceholderAnimation]',
-                    standalone: true
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses()'
+                    }
                 }]
-        }], propDecorators: { animation: [{
-                type: Input,
-                args: ['cPlaceholderAnimation']
-            }], placeholder: [{
-                type: ContentChild,
-                args: [PlaceholderDirective]
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 class PlaceholderModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }