sn-spinner-x 0.0.1 → 0.0.2

package/fesm2022/sn-spinner-x.mjs

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, NgClass } from '@angular/common';
+
+class SnSpinnerXComponent {
+    constructor() {
+        this.scheme = 'primary';
+        this.size = 'md';
+        this.label = 'Loading...';
+    }
+    get classes() {
+        return {
+            'sn-spinner': true,
+            [`scheme-${this.scheme}`]: true,
+            [`size-${this.size}`]: true,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnSpinnerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SnSpinnerXComponent, isStandalone: true, selector: "sn-spinner-x", inputs: { scheme: "scheme", size: "size", label: "label" }, ngImport: i0, template: "<span [ngClass]=\"classes\" role=\"status\" [attr.aria-label]=\"label\">\n  <span class=\"sr-only\">{{ label }}</span>\n</span>\n", styles: ["@tailwind base;@tailwind components;@tailwind utilities;@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-spinner{display:inline-block;border-style:solid;border-radius:50%;animation:sn-spin .75s linear infinite}.sn-spinner.size-sm{width:1rem;height:1rem;border-width:2px}.sn-spinner.size-md{width:1.5rem;height:1.5rem;border-width:3px}.sn-spinner.size-lg{width:2.5rem;height:2.5rem;border-width:4px}.sn-spinner.scheme-primary{border-color:#3b82f6;border-top-color:transparent}.sn-spinner.scheme-warn{border-color:#f59e0b;border-top-color:transparent}.sn-spinner.scheme-danger{border-color:#ef4444;border-top-color:transparent}.sn-spinner.scheme-success{border-color:#22c55e;border-top-color:transparent}.sn-spinner.scheme-default{border-color:#6b7280;border-top-color:transparent}.sn-spinner .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnSpinnerXComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sn-spinner-x', standalone: true, imports: [CommonModule, NgClass], template: "<span [ngClass]=\"classes\" role=\"status\" [attr.aria-label]=\"label\">\n  <span class=\"sr-only\">{{ label }}</span>\n</span>\n", styles: ["@tailwind base;@tailwind components;@tailwind utilities;@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-spinner{display:inline-block;border-style:solid;border-radius:50%;animation:sn-spin .75s linear infinite}.sn-spinner.size-sm{width:1rem;height:1rem;border-width:2px}.sn-spinner.size-md{width:1.5rem;height:1.5rem;border-width:3px}.sn-spinner.size-lg{width:2.5rem;height:2.5rem;border-width:4px}.sn-spinner.scheme-primary{border-color:#3b82f6;border-top-color:transparent}.sn-spinner.scheme-warn{border-color:#f59e0b;border-top-color:transparent}.sn-spinner.scheme-danger{border-color:#ef4444;border-top-color:transparent}.sn-spinner.scheme-success{border-color:#22c55e;border-top-color:transparent}.sn-spinner.scheme-default{border-color:#6b7280;border-top-color:transparent}.sn-spinner .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}\n"] }]
+        }], propDecorators: { scheme: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SnSpinnerXComponent };
+//# sourceMappingURL=sn-spinner-x.mjs.map

package/fesm2022/sn-spinner-x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sn-spinner-x.mjs","sources":["../../../projects/sn-spinner-x/src/lib/sn-spinner-x.component.ts","../../../projects/sn-spinner-x/src/lib/sn-spinner-x.html","../../../projects/sn-spinner-x/src/sn-spinner-x.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule, NgClass } from '@angular/common';\n\n@Component({\n  selector: 'sn-spinner-x',\n  standalone: true,\n  imports: [CommonModule, NgClass],\n  templateUrl: './sn-spinner-x.html',\n  styleUrl: 'sn-spinner-x.scss',\n})\nexport class SnSpinnerXComponent {\n  @Input() scheme: string = 'primary';\n  @Input() size: string = 'md';\n  @Input() label: string = 'Loading...';\n\n  get classes(): Record<string, boolean> {\n    return {\n      'sn-spinner': true,\n      [`scheme-${this.scheme}`]: true,\n      [`size-${this.size}`]: true,\n    };\n  }\n}\n","<span [ngClass]=\"classes\" role=\"status\" [attr.aria-label]=\"label\">\n  <span class=\"sr-only\">{{ label }}</span>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;QAQW,IAAA,CAAA,MAAM,GAAW,SAAS;QAC1B,IAAA,CAAA,IAAI,GAAW,IAAI;QACnB,IAAA,CAAA,KAAK,GAAW,YAAY;AAStC,IAAA;AAPC,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,CAAC,UAAU,IAAI,CAAC,MAAM,CAAA,CAAE,GAAG,IAAI;AAC/B,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;SAC5B;IACH;8GAXW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVhC,mIAGA,EAAA,MAAA,EAAA,CAAA,y6BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,cACZ,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,mIAAA,EAAA,MAAA,EAAA,CAAA,y6BAAA,CAAA,EAAA;;sBAK/B;;sBACA;;sBACA;;;AEbH;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sn-spinner-x",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "SnSpinner is an Angular 21 standalone loading spinner component",
   "author": {
     "name": "Swapnil Nakate",
@@ -24,5 +24,16 @@
     "type": "git",
     "directory": "projects/sn-spinner"
   },
-  "license": "MIT"
-}
+  "license": "MIT",
+  "module": "fesm2022/sn-spinner-x.mjs",
+  "typings": "types/sn-spinner-x.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/sn-spinner-x.d.ts",
+      "default": "./fesm2022/sn-spinner-x.mjs"
+    }
+  }
+}

package/types/sn-spinner-x.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from '@angular/core';
+
+declare class SnSpinnerXComponent {
+    scheme: string;
+    size: string;
+    label: string;
+    get classes(): Record<string, boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnSpinnerXComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnSpinnerXComponent, "sn-spinner-x", never, { "scheme": { "alias": "scheme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { SnSpinnerXComponent };

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/sn-spinner",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/src/lib/sn-spinner-x.component.spec.ts

@@ -1,33 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SnSpinnerXComponent } from './sn-spinner-x.component';
-
-describe('SnSpinnerXComponent', () => {
-  let component: SnSpinnerXComponent;
-  let fixture: ComponentFixture<SnSpinnerXComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [SnSpinnerXComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(SnSpinnerXComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should default scheme to "primary"', () => {
-    expect(component.scheme).toBe('primary');
-  });
-
-  it('should default size to "md"', () => {
-    expect(component.size).toBe('md');
-  });
-
-  it('should default label to "Loading..."', () => {
-    expect(component.label).toBe('Loading...');
-  });
-});

package/src/lib/sn-spinner-x.component.ts

@@ -1,23 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { CommonModule, NgClass } from '@angular/common';
-
-@Component({
-  selector: 'sn-spinner-x',
-  standalone: true,
-  imports: [CommonModule, NgClass],
-  templateUrl: './sn-spinner-x.html',
-  styleUrl: 'sn-spinner-x.scss',
-})
-export class SnSpinnerXComponent {
-  @Input() scheme: string = 'primary';
-  @Input() size: string = 'md';
-  @Input() label: string = 'Loading...';
-
-  get classes(): Record<string, boolean> {
-    return {
-      'sn-spinner': true,
-      [`scheme-${this.scheme}`]: true,
-      [`size-${this.size}`]: true,
-    };
-  }
-}

package/src/lib/sn-spinner-x.html

@@ -1,3 +0,0 @@
-<span [ngClass]="classes" role="status" [attr.aria-label]="label">
-  <span class="sr-only">{{ label }}</span>
-</span>

package/src/lib/sn-spinner-x.scss

@@ -1,51 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@keyframes sn-spin {
-  to { transform: rotate(360deg); }
-}
-
-.sn-spinner {
-  display: inline-block;
-  border-style: solid;
-  border-radius: 50%;
-  animation: sn-spin 0.75s linear infinite;
-
-  &.size-sm { width: 1rem;   height: 1rem;   border-width: 2px; }
-  &.size-md { width: 1.5rem; height: 1.5rem; border-width: 3px; }
-  &.size-lg { width: 2.5rem; height: 2.5rem; border-width: 4px; }
-
-  &.scheme-primary {
-    border-color: #3b82f6;
-    border-top-color: transparent;
-  }
-  &.scheme-warn {
-    border-color: #f59e0b;
-    border-top-color: transparent;
-  }
-  &.scheme-danger {
-    border-color: #ef4444;
-    border-top-color: transparent;
-  }
-  &.scheme-success {
-    border-color: #22c55e;
-    border-top-color: transparent;
-  }
-  &.scheme-default {
-    border-color: #6b7280;
-    border-top-color: transparent;
-  }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-}

package/src/public-api.ts

@@ -1 +0,0 @@
-export * from './lib/sn-spinner-x.component';

package/tsconfig.lib.json

@@ -1,11 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": ["**/*.spec.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": ["jasmine"]
-  },
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
-}