ngwr 3.0.0 → 4.0.1

package/esm2022/skeleton/index.mjs

@@ -1,3 +1,3 @@
-export { WrSkeleton } from './skeleton';
-export { WrSkeletonModule } from './skeleton-module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvc2tlbGV0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN4QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFdyU2tlbGV0b24gfSBmcm9tICcuL3NrZWxldG9uJztcbmV4cG9ydCB7IFdyU2tlbGV0b25Nb2R1bGUgfSBmcm9tICcuL3NrZWxldG9uLW1vZHVsZSc7XG4iXX0=
+export * from './skeleton.component';
+export * from './skeleton.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvc2tlbGV0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9za2VsZXRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9za2VsZXRvbi5tb2R1bGUnO1xuIl19

package/esm2022/skeleton/skeleton.component.mjs

@@ -0,0 +1,43 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WrSkeletonComponent {
+    constructor() {
+        this.color = 'dark';
+        this.animated = true;
+    }
+    get elClasses() {
+        return {
+            'wr-skeleton': true,
+            'wr-skeleton--animated': this.animated,
+            'wr-skeleton--primary': this.color === 'primary',
+            'wr-skeleton--secondary': this.color === 'secondary',
+            'wr-skeleton--success': this.color === 'success',
+            'wr-skeleton--warning': this.color === 'warning',
+            'wr-skeleton--danger': this.color === 'danger',
+            'wr-skeleton--light': this.color === 'light',
+            'wr-skeleton--medium': this.color === 'medium',
+            'wr-skeleton--dark': this.color === 'dark',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.4", type: WrSkeletonComponent, isStandalone: true, selector: "wr-skeleton", inputs: { color: "color", animated: ["animated", "animated", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'wr-skeleton',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], animated: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbGliL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVzVILE1BQU0sT0FBTyxtQkFBbUI7SUFQaEM7UUFRVyxVQUFLLEdBQWlCLE1BQU0sQ0FBQztRQUNFLGFBQVEsR0FBWSxJQUFJLENBQUM7S0FpQmxFO0lBZkMsSUFDSSxTQUFTO1FBQ1gsT0FBTztZQUNMLGFBQWEsRUFBRSxJQUFJO1lBQ25CLHVCQUF1QixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3RDLHNCQUFzQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUNoRCx3QkFBd0IsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFdBQVc7WUFDcEQsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO1lBQ2hELHNCQUFzQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUNoRCxxQkFBcUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7WUFDOUMsb0JBQW9CLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPO1lBQzVDLHFCQUFxQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssUUFBUTtZQUM5QyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLE1BQU07U0FDM0MsQ0FBQztJQUNKLENBQUM7OEdBbEJVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDRHQUVWLGdCQUFnQixrRkFOMUIsRUFBRTs7MkZBSUQsbUJBQW1CO2tCQVAvQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ2tDLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBR2xDLFNBQVM7c0JBRFosV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTYWZlQW55LCBXclRoZW1lQ29sb3IgfSBmcm9tICduZ3dyL2Nkay90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3dyLXNrZWxldG9uJyxcbiAgdGVtcGxhdGU6ICcnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgV3JTa2VsZXRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBXclRoZW1lQ29sb3IgPSAnZGFyayc7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBhbmltYXRlZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBlbENsYXNzZXMoKTogU2FmZUFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICd3ci1za2VsZXRvbic6IHRydWUsXG4gICAgICAnd3Itc2tlbGV0b24tLWFuaW1hdGVkJzogdGhpcy5hbmltYXRlZCxcbiAgICAgICd3ci1za2VsZXRvbi0tcHJpbWFyeSc6IHRoaXMuY29sb3IgPT09ICdwcmltYXJ5JyxcbiAgICAgICd3ci1za2VsZXRvbi0tc2Vjb25kYXJ5JzogdGhpcy5jb2xvciA9PT0gJ3NlY29uZGFyeScsXG4gICAgICAnd3Itc2tlbGV0b24tLXN1Y2Nlc3MnOiB0aGlzLmNvbG9yID09PSAnc3VjY2VzcycsXG4gICAgICAnd3Itc2tlbGV0b24tLXdhcm5pbmcnOiB0aGlzLmNvbG9yID09PSAnd2FybmluZycsXG4gICAgICAnd3Itc2tlbGV0b24tLWRhbmdlcic6IHRoaXMuY29sb3IgPT09ICdkYW5nZXInLFxuICAgICAgJ3dyLXNrZWxldG9uLS1saWdodCc6IHRoaXMuY29sb3IgPT09ICdsaWdodCcsXG4gICAgICAnd3Itc2tlbGV0b24tLW1lZGl1bSc6IHRoaXMuY29sb3IgPT09ICdtZWRpdW0nLFxuICAgICAgJ3dyLXNrZWxldG9uLS1kYXJrJzogdGhpcy5jb2xvciA9PT0gJ2RhcmsnLFxuICAgIH07XG4gIH1cbn1cbiJdfQ==

package/esm2022/skeleton/skeleton.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { WrSkeletonComponent } from './skeleton.component';
+import * as i0 from "@angular/core";
+export class WrSkeletonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrSkeletonModule, imports: [WrSkeletonComponent], exports: [WrSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSkeletonModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSkeletonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrSkeletonComponent],
+                    exports: [WrSkeletonComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbGliL3NrZWxldG9uL3NrZWxldG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU0zRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixZQUhqQixtQkFBbUIsYUFDbkIsbUJBQW1COytHQUVsQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBSjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdyU2tlbGV0b25Db21wb25lbnQgfSBmcm9tICcuL3NrZWxldG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtXclNrZWxldG9uQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW1dyU2tlbGV0b25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBXclNrZWxldG9uTW9kdWxlIHt9XG4iXX0=

package/esm2022/spinner/index.mjs

@@ -1,3 +1,3 @@
-export { WrSpinner } from './spinner';
-export { WrSpinnerModule } from './spinner-module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvc3Bpbm5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFdyU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5leHBvcnQgeyBXclNwaW5uZXJNb2R1bGUgfSBmcm9tICcuL3NwaW5uZXItbW9kdWxlJztcbiJdfQ==
+export * from './spinner.component';
+export * from './spinner.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvc3Bpbm5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NwaW5uZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3Bpbm5lci5tb2R1bGUnO1xuIl19

package/esm2022/spinner/spinner.component.mjs

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * NGWR spinner component.
+ *
+ * {@tutorial} [How to use wr-spinner]{@link http://ngwr.dev/docs/components/spinner
+ */
+export class WrSpinnerComponent {
+    constructor() {
+        this.class = 'wr-spinner';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: WrSpinnerComponent, isStandalone: true, selector: "wr-spinner", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'wr-spinner',
+                    template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVuRzs7OztHQUlHO0FBU0gsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVNpQixVQUFLLEdBQUcsWUFBWSxDQUFDO0tBQ3JDOzhHQUZZLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHVIQUozQixtSEFBbUg7OzJGQUkxRyxrQkFBa0I7a0JBUjlCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQ04sbUhBQW1IO29CQUNySCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzhCQUVnQixLQUFLO3NCQUFuQixXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vZ2l0aHViLmNvbS90aGVraGVnYXkvbmd3ci9ibG9iL21haW4vTElDRU5TRVxuICovXG5cbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIE5HV1Igc3Bpbm5lciBjb21wb25lbnQuXG4gKlxuICoge0B0dXRvcmlhbH0gW0hvdyB0byB1c2Ugd3Itc3Bpbm5lcl17QGxpbmsgaHR0cDovL25nd3IuZGV2L2RvY3MvY29tcG9uZW50cy9zcGlubmVyXG4gKi9cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3dyLXNwaW5uZXInLFxuICB0ZW1wbGF0ZTpcbiAgICAnPHN2ZyB2aWV3Qm94PVwiMCAwIDUwIDUwXCI+PGNpcmNsZSBjbGFzcz1cInBhdGhcIiBjeD1cIjI1XCIgY3k9XCIyNVwiIHI9XCIyMFwiIHN0cm9rZS13aWR0aD1cIjVcIiBmaWxsPVwibm9uZVwiPjwvY2lyY2xlPjwvc3ZnPicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBXclNwaW5uZXJDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoKSBjbGFzcyA9ICd3ci1zcGlubmVyJztcbn1cbiJdfQ==

package/esm2022/spinner/spinner.module.mjs

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { NgModule } from '@angular/core';
+import { WrSpinnerComponent } from './spinner.component';
+import * as i0 from "@angular/core";
+export class WrSpinnerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrSpinnerModule, imports: [WrSpinnerComponent], exports: [WrSpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSpinnerModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrSpinnerComponent],
+                    exports: [WrSpinnerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvc3Bpbm5lci9zcGlubmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUVILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBTXpELE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxZQUhoQixrQkFBa0IsYUFDbEIsa0JBQWtCOytHQUVqQixlQUFlOzsyRkFBZixlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9naXRodWIuY29tL3RoZWtoZWdheS9uZ3dyL2Jsb2IvbWFpbi9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV3JTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlubmVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtXclNwaW5uZXJDb21wb25lbnRdLFxuICBleHBvcnRzOiBbV3JTcGlubmVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgV3JTcGlubmVyTW9kdWxlIHt9XG4iXX0=

package/esm2022/tag/ngwr-tag.mjs

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd3ci10YWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvdGFnL25nd3ItdGFnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd3ci10YWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9saWIvdGFnL25nd3ItdGFnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/tag/public-api.mjs

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './tag.component';
+export * from './tag.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi90YWcvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUVILGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9naXRodWIuY29tL3RoZWtoZWdheS9uZ3dyL2Jsb2IvbWFpbi9MSUNFTlNFXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi90YWcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGFnLm1vZHVsZSc7XG4iXX0=

package/esm2022/tag/tag.component.mjs

@@ -0,0 +1,74 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { booleanAttribute, ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
+import { WrIconComponent } from 'ngwr/icon';
+import { WrSpinnerModule } from 'ngwr/spinner';
+import * as i0 from "@angular/core";
+import * as i1 from "ngwr/spinner";
+export class WrTagComponent {
+    constructor() {
+        this.color = 'primary';
+        this.icon = null;
+        this.iconPosition = 'start';
+        this.outlined = false;
+        this.rounded = false;
+        this.transparent = false;
+        this.hoverable = false;
+        this.loading = false;
+    }
+    get elClasses() {
+        return {
+            'wr-tag': true,
+            'wr-tag--color-primary': this.color === 'primary',
+            'wr-tag--color-secondary': this.color === 'secondary',
+            'wr-tag--color-success': this.color === 'success',
+            'wr-tag--color-warning': this.color === 'warning',
+            'wr-tag--color-danger': this.color === 'danger',
+            'wr-tag--color-light': this.color === 'light',
+            'wr-tag--color-medium': this.color === 'medium',
+            'wr-tag--color-dark': this.color === 'dark',
+            'wr-tag--icon-start': (this.icon || this.loading) && this.iconPosition === 'start',
+            'wr-tag--icon-end': (this.icon || this.loading) && this.iconPosition === 'end',
+            'wr-tag--loading': this.loading,
+            'wr-tag--rounded': this.rounded,
+            'wr-tag--outlined': this.outlined,
+            'wr-tag--transparent': this.transparent,
+            'wr-tag--hoverable': this.hoverable,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: WrTagComponent, isStandalone: true, selector: "wr-tag", inputs: { color: "color", icon: "icon", iconPosition: "iconPosition", outlined: ["outlined", "outlined", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], transparent: ["transparent", "transparent", booleanAttribute], hoverable: ["hoverable", "hoverable", booleanAttribute], loading: ["loading", "loading", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: "@if (loading && iconPosition === 'start') {\n  <wr-spinner class=\"wr-tag__spin\" />\n}\n@if (icon && !loading && iconPosition === 'start') {\n  <wr-icon class=\"wr-tag__icon\" [name]=\"icon\" />\n}\n<ng-content />\n@if (loading && iconPosition === 'end') {\n  <wr-spinner class=\"wr-tag__spin\" />\n}\n@if (icon && !loading && iconPosition === 'end') {\n  <wr-icon class=\"wr-tag__icon\" [name]=\"icon\" />\n}\n", dependencies: [{ kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }, { kind: "ngmodule", type: WrSpinnerModule }, { kind: "component", type: i1.WrSpinnerComponent, selector: "wr-spinner" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrTagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'wr-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WrIconComponent, WrSpinnerModule], template: "@if (loading && iconPosition === 'start') {\n  <wr-spinner class=\"wr-tag__spin\" />\n}\n@if (icon && !loading && iconPosition === 'start') {\n  <wr-icon class=\"wr-tag__icon\" [name]=\"icon\" />\n}\n<ng-content />\n@if (loading && iconPosition === 'end') {\n  <wr-spinner class=\"wr-tag__spin\" />\n}\n@if (icon && !loading && iconPosition === 'end') {\n  <wr-icon class=\"wr-tag__icon\" [name]=\"icon\" />\n}\n" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], outlined: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], transparent: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hoverable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], loading: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi90YWcvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi90YWcvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7OztHQUtHO0FBRUgsT0FBTyxFQUNMLGdCQUFnQixFQUNoQix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBQ0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxXQUFXLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBVS9DLE1BQU0sT0FBTyxjQUFjO0lBUjNCO1FBU1csVUFBSyxHQUFpQixTQUFTLENBQUM7UUFDaEMsU0FBSSxHQUFzQixJQUFJLENBQUM7UUFDL0IsaUJBQVksR0FBb0IsT0FBTyxDQUFDO1FBQ1QsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsWUFBTyxHQUFHLEtBQUssQ0FBQztLQXVCekQ7SUFyQkMsSUFDSSxTQUFTO1FBQ1gsT0FBTztZQUNMLFFBQVEsRUFBRSxJQUFJO1lBQ2QsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO1lBQ2pELHlCQUF5QixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssV0FBVztZQUNyRCx1QkFBdUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVM7WUFDakQsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO1lBQ2pELHNCQUFzQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssUUFBUTtZQUMvQyxxQkFBcUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLE9BQU87WUFDN0Msc0JBQXNCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxRQUFRO1lBQy9DLG9CQUFvQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssTUFBTTtZQUMzQyxvQkFBb0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssT0FBTztZQUNsRixrQkFBa0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssS0FBSztZQUM5RSxpQkFBaUIsRUFBRSxJQUFJLENBQUMsT0FBTztZQUMvQixpQkFBaUIsRUFBRSxJQUFJLENBQUMsT0FBTztZQUMvQixrQkFBa0IsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUNqQyxxQkFBcUIsRUFBRSxJQUFJLENBQUMsV0FBVztZQUN2QyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsU0FBUztTQUNwQyxDQUFDO0lBQ0osQ0FBQzs4R0E5QlUsY0FBYztrR0FBZCxjQUFjLG1KQUlMLGdCQUFnQixtQ0FDaEIsZ0JBQWdCLCtDQUNoQixnQkFBZ0IseUNBQ2hCLGdCQUFnQixtQ0FDaEIsZ0JBQWdCLGtGQ3BDdEMsOFpBYUEsNENEYVksZUFBZSxxRUFBRSxlQUFlOzsyRkFFL0IsY0FBYztrQkFSMUIsU0FBUztpQ0FDSSxJQUFJLFlBQ04sUUFBUSxtQkFFRCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQzs4QkFHbEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsV0FBVztzQkFBbEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxTQUFTO3NCQUFoRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBR2xDLFNBQVM7c0JBRFosV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vZ2l0aHViLmNvbS90aGVraGVnYXkvbmd3ci9ibG9iL21haW4vTElDRU5TRVxuICovXG5cbmltcG9ydCB7XG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTYWZlQW55LCBXclRoZW1lQ29sb3IgfSBmcm9tICduZ3dyL2Nkay90eXBlcyc7XG5pbXBvcnQgeyBXckljb25Db21wb25lbnQsIHdySWNvbk5hbWUgfSBmcm9tICduZ3dyL2ljb24nO1xuaW1wb3J0IHsgV3JTcGlubmVyTW9kdWxlIH0gZnJvbSAnbmd3ci9zcGlubmVyJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnd3ItdGFnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbV3JJY29uQ29tcG9uZW50LCBXclNwaW5uZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBXclRhZ0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yOiBXclRoZW1lQ29sb3IgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGljb246IHdySWNvbk5hbWUgfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiAnc3RhcnQnIHwgJ2VuZCcgPSAnc3RhcnQnO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgb3V0bGluZWQgPSBmYWxzZTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHJvdW5kZWQgPSBmYWxzZTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHRyYW5zcGFyZW50ID0gZmFsc2U7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBob3ZlcmFibGUgPSBmYWxzZTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGxvYWRpbmcgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGVsQ2xhc3NlcygpOiBTYWZlQW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgJ3dyLXRhZyc6IHRydWUsXG4gICAgICAnd3ItdGFnLS1jb2xvci1wcmltYXJ5JzogdGhpcy5jb2xvciA9PT0gJ3ByaW1hcnknLFxuICAgICAgJ3dyLXRhZy0tY29sb3Itc2Vjb25kYXJ5JzogdGhpcy5jb2xvciA9PT0gJ3NlY29uZGFyeScsXG4gICAgICAnd3ItdGFnLS1jb2xvci1zdWNjZXNzJzogdGhpcy5jb2xvciA9PT0gJ3N1Y2Nlc3MnLFxuICAgICAgJ3dyLXRhZy0tY29sb3Itd2FybmluZyc6IHRoaXMuY29sb3IgPT09ICd3YXJuaW5nJyxcbiAgICAgICd3ci10YWctLWNvbG9yLWRhbmdlcic6IHRoaXMuY29sb3IgPT09ICdkYW5nZXInLFxuICAgICAgJ3dyLXRhZy0tY29sb3ItbGlnaHQnOiB0aGlzLmNvbG9yID09PSAnbGlnaHQnLFxuICAgICAgJ3dyLXRhZy0tY29sb3ItbWVkaXVtJzogdGhpcy5jb2xvciA9PT0gJ21lZGl1bScsXG4gICAgICAnd3ItdGFnLS1jb2xvci1kYXJrJzogdGhpcy5jb2xvciA9PT0gJ2RhcmsnLFxuICAgICAgJ3dyLXRhZy0taWNvbi1zdGFydCc6ICh0aGlzLmljb24gfHwgdGhpcy5sb2FkaW5nKSAmJiB0aGlzLmljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0JyxcbiAgICAgICd3ci10YWctLWljb24tZW5kJzogKHRoaXMuaWNvbiB8fCB0aGlzLmxvYWRpbmcpICYmIHRoaXMuaWNvblBvc2l0aW9uID09PSAnZW5kJyxcbiAgICAgICd3ci10YWctLWxvYWRpbmcnOiB0aGlzLmxvYWRpbmcsXG4gICAgICAnd3ItdGFnLS1yb3VuZGVkJzogdGhpcy5yb3VuZGVkLFxuICAgICAgJ3dyLXRhZy0tb3V0bGluZWQnOiB0aGlzLm91dGxpbmVkLFxuICAgICAgJ3dyLXRhZy0tdHJhbnNwYXJlbnQnOiB0aGlzLnRyYW5zcGFyZW50LFxuICAgICAgJ3dyLXRhZy0taG92ZXJhYmxlJzogdGhpcy5ob3ZlcmFibGUsXG4gICAgfTtcbiAgfVxufVxuIiwiQGlmIChsb2FkaW5nICYmIGljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0Jykge1xuICA8d3Itc3Bpbm5lciBjbGFzcz1cIndyLXRhZ19fc3BpblwiIC8+XG59XG5AaWYgKGljb24gJiYgIWxvYWRpbmcgJiYgaWNvblBvc2l0aW9uID09PSAnc3RhcnQnKSB7XG4gIDx3ci1pY29uIGNsYXNzPVwid3ItdGFnX19pY29uXCIgW25hbWVdPVwiaWNvblwiIC8+XG59XG48bmctY29udGVudCAvPlxuQGlmIChsb2FkaW5nICYmIGljb25Qb3NpdGlvbiA9PT0gJ2VuZCcpIHtcbiAgPHdyLXNwaW5uZXIgY2xhc3M9XCJ3ci10YWdfX3NwaW5cIiAvPlxufVxuQGlmIChpY29uICYmICFsb2FkaW5nICYmIGljb25Qb3NpdGlvbiA9PT0gJ2VuZCcpIHtcbiAgPHdyLWljb24gY2xhc3M9XCJ3ci10YWdfX2ljb25cIiBbbmFtZV09XCJpY29uXCIgLz5cbn1cbiJdfQ==

package/esm2022/tag/tag.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { WrTagComponent } from './tag.component';
+import * as i0 from "@angular/core";
+export class WrTagModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrTagModule, imports: [WrTagComponent], exports: [WrTagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrTagModule, imports: [WrTagComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrTagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrTagComponent],
+                    exports: [WrTagComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi90YWcvdGFnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFNakQsTUFBTSxPQUFPLFdBQVc7OEdBQVgsV0FBVzsrR0FBWCxXQUFXLFlBSFosY0FBYyxhQUNkLGNBQWM7K0dBRWIsV0FBVyxZQUhaLGNBQWM7OzJGQUdiLFdBQVc7a0JBSnZCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUN6QixPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV3JUYWdDb21wb25lbnQgfSBmcm9tICcuL3RhZy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbV3JUYWdDb21wb25lbnRdLFxuICBleHBvcnRzOiBbV3JUYWdDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBXclRhZ01vZHVsZSB7fVxuIl19

package/fesm2022/ngwr-alert.mjs

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { signal, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from 'ngwr/icon';
+import { provideWrIcons, close, WrIconModule } from 'ngwr/icon';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * NGWR alert component.
+ * Closeable component for feedback.
+ *
+ * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/alert}
+ */
+class WrAlertComponent {
+    constructor() {
+        this.type = 'info';
+        this.closeable = false;
+        this.isClosed = signal(false);
+    }
+    get elClasses() {
+        return {
+            'wr-alert': true,
+            'wr-alert--success': this.type === 'success',
+            'wr-alert--warning': this.type === 'warning',
+            'wr-alert--danger': this.type === 'danger',
+        };
+    }
+    onClose() {
+        this.isClosed.set(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: WrAlertComponent, isStandalone: true, selector: "wr-alert", inputs: { title: "title", message: "message", type: "type", closeable: ["closeable", "closeable", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, providers: [provideWrIcons([close])], ngImport: i0, template: "@if (!isClosed()) {\n  <div class=\"wr-alert__wrapper\">\n    <div class=\"wr-alert__body\">\n      <p class=\"wr-alert__title\">{{ title }}</p>\n      @if (message) {\n        <p class=\"wr-alert__message\">{{ message }}</p>\n      }\n    </div>\n\n    @if (closeable) {\n      <div class=\"wr-alert-close\">\n        <wr-icon name=\"close\" (click)=\"onClose()\"></wr-icon>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: WrIconModule }, { kind: "component", type: i1.WrIconComponent, selector: "wr-icon", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAlertComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'wr-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WrIconModule], providers: [provideWrIcons([close])], template: "@if (!isClosed()) {\n  <div class=\"wr-alert__wrapper\">\n    <div class=\"wr-alert__body\">\n      <p class=\"wr-alert__title\">{{ title }}</p>\n      @if (message) {\n        <p class=\"wr-alert__message\">{{ message }}</p>\n      }\n    </div>\n\n    @if (closeable) {\n      <div class=\"wr-alert-close\">\n        <wr-icon name=\"close\" (click)=\"onClose()\"></wr-icon>\n      </div>\n    }\n  </div>\n}\n" }]
+        }], propDecorators: { title: [{
+                type: Input,
+                args: [{ required: true }]
+            }], message: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], closeable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrAlertModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrAlertModule, imports: [WrAlertComponent], exports: [WrAlertComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAlertModule, imports: [WrAlertComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrAlertComponent],
+                    exports: [WrAlertComponent],
+                }]
+        }] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrAlertComponent, WrAlertModule };
+//# sourceMappingURL=ngwr-alert.mjs.map

package/fesm2022/ngwr-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-alert.mjs","sources":["../../../projects/lib/alert/alert-type.ts","../../../projects/lib/alert/alert.component.ts","../../../projects/lib/alert/alert.component.html","../../../projects/lib/alert/alert.module.ts","../../../projects/lib/alert/public-api.ts","../../../projects/lib/alert/ngwr-alert.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport type WrAlertType = 'info' | 'success' | 'warning' | 'danger';\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, close, WrIconModule } from 'ngwr/icon';\n\nimport { WrAlertType } from './alert-type';\n\n/**\n * NGWR alert component.\n * Closeable component for feedback.\n *\n * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/alert}\n */\n@Component({\n  standalone: true,\n  selector: 'wr-alert',\n  templateUrl: './alert.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrIconModule],\n  providers: [provideWrIcons([close])],\n})\nexport class WrAlertComponent {\n  @Input({ required: true }) title!: string;\n  @Input() message?: string;\n  @Input() type: WrAlertType = 'info';\n  @Input({ transform: booleanAttribute }) closeable = false;\n\n  protected readonly isClosed = signal(false);\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-alert': true,\n      'wr-alert--success': this.type === 'success',\n      'wr-alert--warning': this.type === 'warning',\n      'wr-alert--danger': this.type === 'danger',\n    };\n  }\n\n  onClose(): void {\n    this.isClosed.set(true);\n  }\n}\n","@if (!isClosed()) {\n  <div class=\"wr-alert__wrapper\">\n    <div class=\"wr-alert__body\">\n      <p class=\"wr-alert__title\">{{ title }}</p>\n      @if (message) {\n        <p class=\"wr-alert__message\">{{ message }}</p>\n      }\n    </div>\n\n    @if (closeable) {\n      <div class=\"wr-alert-close\">\n        <wr-icon name=\"close\" (click)=\"onClose()\"></wr-icon>\n      </div>\n    }\n  </div>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { WrAlertComponent } from './alert.component';\n\n@NgModule({\n  imports: [WrAlertComponent],\n  exports: [WrAlertComponent],\n})\nexport class WrAlertModule {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './alert-type';\nexport * from './alert.component';\nexport * from './alert.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-avatar.mjs

@@ -0,0 +1,110 @@
+import { NgOptimizedImage } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, ElementRef, signal, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from 'ngwr/spinner';
+import { WrSpinnerModule } from 'ngwr/spinner';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrAvatarComponent {
+    calcRemToPx() {
+        const nativeElement = this.elRef?.nativeElement;
+        const style = nativeElement?.ownerDocument?.documentElement;
+        const fontSize = getComputedStyle(style)?.fontSize;
+        return Number(fontSize) || 16;
+    }
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.elRef = inject(ElementRef);
+        this.remSize = 16;
+        this.isImgLoaded = signal(false);
+        this.rounded = false;
+        this._size = 6 * this.remSize;
+        this.remSize = this.calcRemToPx();
+    }
+    /**
+     * Width and height in rem
+     * @example size="6" transforms to 6 * remSize (16 by default)
+     */
+    get size() {
+        return this._size;
+    }
+    set size(value) {
+        this._size = Number(value) * this.remSize;
+        this.cdr.markForCheck();
+    }
+    get elClasses() {
+        return {
+            'wr-avatar': true,
+            'wr-avatar--rounded': this.rounded,
+            'wr-avatar--loaded': this.isImgLoaded(),
+        };
+    }
+    get elStyles() {
+        return {
+            width: `${this.size}px`,
+            height: `${this.size}px`,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: WrAvatarComponent, isStandalone: true, selector: "wr-avatar", inputs: { url: "url", alt: "alt", rounded: ["rounded", "rounded", booleanAttribute], size: ["size", "size", numberAttribute] }, host: { properties: { "class": "this.elClasses", "style": "this.elStyles" } }, ngImport: i0, template: "<ng-content />\n\n<!--\n  img need to be wrapped with @if\n  to check is url set\n  to trigger (load) listener\n-->\n@if (url) {\n  <img\n    class=\"wr-avatar__img\"\n    [ngSrc]=\"url\"\n    (load)=\"isImgLoaded.set(true)\"\n    [width]=\"size\"\n    [height]=\"size\"\n    [alt]=\"alt\"\n    priority\n  />\n}\n\n@if (!isImgLoaded()) {\n  <wr-spinner class=\"wr-avatar__spin\" />\n}\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: WrSpinnerModule }, { kind: "component", type: i1.WrSpinnerComponent, selector: "wr-spinner" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'wr-avatar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgOptimizedImage, WrSpinnerModule], template: "<ng-content />\n\n<!--\n  img need to be wrapped with @if\n  to check is url set\n  to trigger (load) listener\n-->\n@if (url) {\n  <img\n    class=\"wr-avatar__img\"\n    [ngSrc]=\"url\"\n    (load)=\"isImgLoaded.set(true)\"\n    [width]=\"size\"\n    [height]=\"size\"\n    [alt]=\"alt\"\n    priority\n  />\n}\n\n@if (!isImgLoaded()) {\n  <wr-spinner class=\"wr-avatar__spin\" />\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { url: [{
+                type: Input,
+                args: [{ required: true }]
+            }], alt: [{
+                type: Input,
+                args: [{ required: true }]
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], size: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], elStyles: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrAvatarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrAvatarModule, imports: [WrAvatarComponent], exports: [WrAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAvatarModule, imports: [WrAvatarComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WrAvatarComponent],
+                    exports: [WrAvatarComponent],
+                }]
+        }] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrAvatarComponent, WrAvatarModule };
+//# sourceMappingURL=ngwr-avatar.mjs.map

package/fesm2022/ngwr-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-avatar.mjs","sources":["../../../projects/lib/avatar/avatar.component.ts","../../../projects/lib/avatar/avatar.component.html","../../../projects/lib/avatar/avatar.module.ts","../../../projects/lib/avatar/public-api.ts","../../../projects/lib/avatar/ngwr-avatar.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgOptimizedImage } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  inject,\n  Input,\n  numberAttribute,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { WrSpinnerModule } from 'ngwr/spinner';\n\n@Component({\n  standalone: true,\n  selector: 'wr-avatar',\n  templateUrl: './avatar.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgOptimizedImage, WrSpinnerModule],\n})\nexport class WrAvatarComponent {\n  readonly cdr = inject(ChangeDetectorRef);\n  readonly elRef = inject(ElementRef);\n  readonly remSize: number = 16;\n\n  readonly isImgLoaded = signal(false);\n\n  private calcRemToPx(): number {\n    const nativeElement = this.elRef?.nativeElement as HTMLElement;\n    const style = nativeElement?.ownerDocument?.documentElement;\n    const fontSize = getComputedStyle(style)?.fontSize;\n    return Number(fontSize) || 16;\n  }\n\n  constructor() {\n    this.remSize = this.calcRemToPx();\n  }\n\n  @Input({ required: true }) url!: string;\n  @Input({ required: true }) alt!: string;\n  @Input({ transform: booleanAttribute }) rounded = false;\n\n  /**\n   * Width and height in rem\n   * @example size=\"6\" transforms to 6 * remSize (16 by default)\n   */\n  @Input({ transform: numberAttribute })\n  get size(): number {\n    return this._size;\n  }\n  set size(value: number | string) {\n    this._size = Number(value) * this.remSize;\n    this.cdr.markForCheck();\n  }\n  private _size: number = 6 * this.remSize;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-avatar': true,\n      'wr-avatar--rounded': this.rounded,\n      'wr-avatar--loaded': this.isImgLoaded(),\n    };\n  }\n\n  @HostBinding('style')\n  get elStyles(): SafeAny {\n    return {\n      width: `${this.size}px`,\n      height: `${this.size}px`,\n    };\n  }\n}\n","<ng-content />\n\n<!--\n  img need to be wrapped with @if\n  to check is url set\n  to trigger (load) listener\n-->\n@if (url) {\n  <img\n    class=\"wr-avatar__img\"\n    [ngSrc]=\"url\"\n    (load)=\"isImgLoaded.set(true)\"\n    [width]=\"size\"\n    [height]=\"size\"\n    [alt]=\"alt\"\n    priority\n  />\n}\n\n@if (!isImgLoaded()) {\n  <wr-spinner class=\"wr-avatar__spin\" />\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { WrAvatarComponent } from './avatar.component';\n\n@NgModule({\n  imports: [WrAvatarComponent],\n  exports: [WrAvatarComponent],\n})\nexport class WrAvatarModule {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './avatar.component';\nexport * from './avatar.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}