npm - @libs-ui/components-spinner - Versions diffs - 0.2.5 - Mend

@libs-ui/components-spinner 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/README.md +3 -0
package/esm2022/index.mjs +3 -0
package/esm2022/interfaces/index.mjs +2 -0
package/esm2022/interfaces/spinner.type.mjs +2 -0
package/esm2022/libs-ui-components-spinner.mjs +5 -0
package/esm2022/spinner.component.mjs +37 -0
package/fesm2022/libs-ui-components-spinner.mjs +44 -0
package/fesm2022/libs-ui-components-spinner.mjs.map +1 -0
package/index.d.ts +2 -0
package/interfaces/index.d.ts +1 -0
package/interfaces/spinner.type.d.ts +1 -0
package/package.json +25 -0
package/spinner.component.d.ts +12 -0

package/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# spinner
+This library was generated with [Nx](https://nx.dev).

package/esm2022/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './spinner.component';
+export * from './interfaces';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Bpbm5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzJztcbiJdfQ==

package/esm2022/interfaces/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './spinner.type';
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcmMvaW50ZXJmYWNlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcGlubmVyLnR5cGUnOyJdfQ==

package/esm2022/interfaces/spinner.type.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3NwaW5uZXIvc3JjL2ludGVyZmFjZXMvc3Bpbm5lci50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBUWVBFX1NQSU5ORVIgPSAnc3Bpbi1hYnNvbHV0ZS1ibHVlJyB8ICdzcGluLWFic29sdXRlLXdoaXRlJyB8ICdzcGluLWJsdWUnIHwgJ3NwaW4td2hpdGUnOyJdfQ==

package/esm2022/libs-ui-components-spinner.mjs ADDED Viewed

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

package/esm2022/spinner.component.mjs ADDED Viewed

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsSpinnerComponent {
+    /* PROPERTY */
+    width = signal('100px');
+    height = signal('100px');
+    /* INPUT */
+    type = input('spin-absolute-blue', { transform: value => value || 'spin-absolute-blue' });
+    size = input('medium', { transform: value => value || 'medium' });
+    ngOnInit() {
+        switch (this.size()) {
+            case 'large':
+                this.width.set('64px');
+                this.height.set('64px');
+                break;
+            case 'medium':
+                this.width.set('20px');
+                this.height.set('20px');
+                break;
+            case 'small':
+                this.width.set('16px');
+                this.height.set('16px');
+                break;
+            case 'smaller':
+                this.width.set('12px');
+                this.height.set('12px');
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsSpinnerComponent, isStandalone: true, selector: "libs_ui-components-spinner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class='libs-ui-spinner-image'\n  [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n  <div class=\"spin-loading\"\n    [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n    [style.width]=\"width()\"\n    [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#DBF1FF 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226FF5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class='libs-ui-spinner-image'\n  [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n  <div class=\"spin-loading\"\n    [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n    [style.width]=\"width()\"\n    [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#DBF1FF 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226FF5)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVzFGLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsY0FBYztJQUNKLEtBQUssR0FBRyxNQUFNLENBQVMsT0FBTyxDQUFDLENBQUM7SUFDaEMsTUFBTSxHQUFHLE1BQU0sQ0FBUyxPQUFPLENBQUMsQ0FBQztJQUUzQyxXQUFXO0lBQ0YsSUFBSSxHQUFHLEtBQUssQ0FBNkIsb0JBQW9CLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLElBQUksb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO0lBQ3RILElBQUksR0FBRyxLQUFLLENBQXFGLFFBQVEsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssSUFBSSxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBRS9KLFFBQVE7UUFDTixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3hCLE1BQU07WUFFUixLQUFLLFFBQVE7Z0JBQ1gsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN4QixNQUFNO1lBRVIsS0FBSyxPQUFPO2dCQUNWLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDeEIsTUFBTTtZQUVSLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3hCLE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQzt3R0EvQlUsZ0NBQWdDOzRGQUFoQyxnQ0FBZ0MsNFVDWDdDLHdXQU9BOzs0RkRJYSxnQ0FBZ0M7a0JBUjVDLFNBQVM7K0JBRUUsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCwgT25Jbml0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRZUEVfU1BJTk5FUiB9IGZyb20gJy4vaW50ZXJmYWNlcy9zcGlubmVyLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c1NwaW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKiBQUk9QRVJUWSAqL1xuICBwcm90ZWN0ZWQgd2lkdGggPSBzaWduYWw8c3RyaW5nPignMTAwcHgnKTtcbiAgcHJvdGVjdGVkIGhlaWdodCA9IHNpZ25hbDxzdHJpbmc+KCcxMDBweCcpO1xuXG4gIC8qIElOUFVUICovXG4gIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDxUWVBFX1NQSU5ORVIsIFRZUEVfU1BJTk5FUj4oJ3NwaW4tYWJzb2x1dGUtYmx1ZScsIHsgdHJhbnNmb3JtOiB2YWx1ZSA9PiB2YWx1ZSB8fCAnc3Bpbi1hYnNvbHV0ZS1ibHVlJyB9KTtcbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PCdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnc21hbGxlcicsICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnc21hbGxlcic+KCdtZWRpdW0nLCB7IHRyYW5zZm9ybTogdmFsdWUgPT4gdmFsdWUgfHwgJ21lZGl1bScgfSk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3dpdGNoICh0aGlzLnNpemUoKSkge1xuICAgICAgY2FzZSAnbGFyZ2UnOlxuICAgICAgICB0aGlzLndpZHRoLnNldCgnNjRweCcpO1xuICAgICAgICB0aGlzLmhlaWdodC5zZXQoJzY0cHgnKTtcbiAgICAgICAgYnJlYWs7XG5cbiAgICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgICAgIHRoaXMud2lkdGguc2V0KCcyMHB4Jyk7XG4gICAgICAgIHRoaXMuaGVpZ2h0LnNldCgnMjBweCcpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgICB0aGlzLndpZHRoLnNldCgnMTZweCcpO1xuICAgICAgICB0aGlzLmhlaWdodC5zZXQoJzE2cHgnKTtcbiAgICAgICAgYnJlYWs7XG5cbiAgICAgIGNhc2UgJ3NtYWxsZXInOlxuICAgICAgICB0aGlzLndpZHRoLnNldCgnMTJweCcpO1xuICAgICAgICB0aGlzLmhlaWdodC5zZXQoJzEycHgnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPSdsaWJzLXVpLXNwaW5uZXItaW1hZ2UnXG4gIFtjbGFzcy5saWJzLXVpLXNwaW5uZXItaW1hZ2UtYWJzb2x1dGVdPVwidHlwZSgpID09PSAnc3Bpbi1hYnNvbHV0ZS13aGl0ZScgfHwgdHlwZSgpID09PSAnc3Bpbi1hYnNvbHV0ZS1ibHVlJ1wiPlxuICA8ZGl2IGNsYXNzPVwic3Bpbi1sb2FkaW5nXCJcbiAgICBbYXR0ci5jb2xvcl09XCIodHlwZSgpID09PSAnc3Bpbi1ibHVlJyB8fCB0eXBlKCkgPT09ICdzcGluLWFic29sdXRlLWJsdWUnKT8nYmx1ZSc6J3doaXRlJ1wiXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoKClcIlxuICAgIFtzdHlsZS5oZWlnaHRdPVwiaGVpZ2h0KClcIj48L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/libs-ui-components-spinner.mjs ADDED Viewed

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { signal, input, Component, ChangeDetectionStrategy } from '@angular/core';
+class LibsUiComponentsSpinnerComponent {
+    /* PROPERTY */
+    width = signal('100px');
+    height = signal('100px');
+    /* INPUT */
+    type = input('spin-absolute-blue', { transform: value => value || 'spin-absolute-blue' });
+    size = input('medium', { transform: value => value || 'medium' });
+    ngOnInit() {
+        switch (this.size()) {
+            case 'large':
+                this.width.set('64px');
+                this.height.set('64px');
+                break;
+            case 'medium':
+                this.width.set('20px');
+                this.height.set('20px');
+                break;
+            case 'small':
+                this.width.set('16px');
+                this.height.set('16px');
+                break;
+            case 'smaller':
+                this.width.set('12px');
+                this.height.set('12px');
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsSpinnerComponent, isStandalone: true, selector: "libs_ui-components-spinner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class='libs-ui-spinner-image'\n  [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n  <div class=\"spin-loading\"\n    [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n    [style.width]=\"width()\"\n    [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#DBF1FF 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226FF5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class='libs-ui-spinner-image'\n  [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n  <div class=\"spin-loading\"\n    [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n    [style.width]=\"width()\"\n    [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#DBF1FF 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226FF5)}\n"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { LibsUiComponentsSpinnerComponent };
+//# sourceMappingURL=libs-ui-components-spinner.mjs.map

package/fesm2022/libs-ui-components-spinner.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"libs-ui-components-spinner.mjs","sources":["../../../../../libs-ui/components/spinner/src/spinner.component.ts","../../../../../libs-ui/components/spinner/src/spinner.component.html","../../../../../libs-ui/components/spinner/src/libs-ui-components-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, OnInit, signal } from '@angular/core';\nimport { TYPE_SPINNER } from './interfaces/spinner.type';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'libs_ui-components-spinner',\n templateUrl: 'spinner.component.html',\n styleUrls: ['./spinner.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LibsUiComponentsSpinnerComponent implements OnInit {\n /* PROPERTY */\n protected width = signal<string>('100px');\n protected height = signal<string>('100px');\n\n /* INPUT */\n readonly type = input<TYPE_SPINNER, TYPE_SPINNER>('spin-absolute-blue', { transform: value => value || 'spin-absolute-blue' });\n readonly size = input<'large' | 'medium' | 'small' | 'smaller', 'large' | 'medium' | 'small' | 'smaller'>('medium', { transform: value => value || 'medium' });\n\n ngOnInit(): void {\n switch (this.size()) {\n case 'large':\n this.width.set('64px');\n this.height.set('64px');\n break;\n\n case 'medium':\n this.width.set('20px');\n this.height.set('20px');\n break;\n\n case 'small':\n this.width.set('16px');\n this.height.set('16px');\n break;\n\n case 'smaller':\n this.width.set('12px');\n this.height.set('12px');\n break;\n }\n }\n}\n","<div class='libs-ui-spinner-image'\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div class=\"spin-loading\"\n [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAWa,gCAAgC,CAAA;;AAEjC,IAAA,KAAK,GAAG,MAAM,CAAS,OAAO,CAAC;AAC/B,IAAA,MAAM,GAAG,MAAM,CAAS,OAAO,CAAC;;AAGjC,IAAA,IAAI,GAAG,KAAK,CAA6B,oBAAoB,EAAE,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK,IAAI,oBAAoB,EAAE,CAAC;AACrH,IAAA,IAAI,GAAG,KAAK,CAAqF,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;IAE9J,QAAQ,GAAA;AACN,QAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;AACtB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;gBACvB;AAEF,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;AACtB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;gBACvB;AAEF,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;AACtB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;gBACvB;AAEF,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;AACtB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;gBACvB;;;wGA7BK,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gCAAgC,4UCX7C,wWAOA,EAAA,MAAA,EAAA,CAAA,4xCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDIa,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAR5C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAGrB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,wWAAA,EAAA,MAAA,EAAA,CAAA,4xCAAA,CAAA,EAAA;;;AETlB;;AAEG;;;;"}

package/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './spinner.component';
2	+ export * from './interfaces';

package/interfaces/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './spinner.type';

package/interfaces/spinner.type.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export type TYPE_SPINNER = 'spin-absolute-blue' \| 'spin-absolute-white' \| 'spin-blue' \| 'spin-white';

package/package.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-spinner",
+  "version": "0.2.5",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-spinner.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-spinner.mjs",
+      "esm": "./esm2022/libs-ui-components-spinner.mjs",
+      "default": "./fesm2022/libs-ui-components-spinner.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/spinner.component.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import { TYPE_SPINNER } from './interfaces/spinner.type';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsSpinnerComponent implements OnInit {
+    protected width: import("@angular/core").WritableSignal<string>;
+    protected height: import("@angular/core").WritableSignal<string>;
+    readonly type: import("@angular/core").InputSignalWithTransform<TYPE_SPINNER, TYPE_SPINNER>;
+    readonly size: import("@angular/core").InputSignalWithTransform<"large" | "medium" | "small" | "smaller", "large" | "medium" | "small" | "smaller">;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsSpinnerComponent, "libs_ui-components-spinner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}