sn-badge 0.0.1 → 0.0.2

package/fesm2022/sn-badge.mjs

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+import { booleanAttribute, Input, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, NgClass } from '@angular/common';
+
+class SnBadgeComponent {
+    constructor() {
+        this.scheme = 'default';
+        this.pill = false;
+        this.size = 'md';
+    }
+    get classes() {
+        return {
+            'sn-badge': true,
+            [`scheme-${this.scheme}`]: true,
+            [`size-${this.size}`]: true,
+            'pill': this.pill,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: SnBadgeComponent, isStandalone: true, selector: "sn-badge", inputs: { scheme: "scheme", pill: ["pill", "pill", booleanAttribute], size: "size" }, ngImport: i0, template: "<span [ngClass]=\"classes\">\n  <ng-content></ng-content>\n</span>\n", styles: ["@tailwind base;@tailwind components;@tailwind utilities;.sn-badge{@apply inline-flex items-center font-medium leading-none;}.sn-badge.size-sm{@apply px-2 py-0.5 text-xs;}.sn-badge.size-md{@apply px-2.5 py-1 text-sm;}.sn-badge.size-lg{@apply px-3 py-1.5 text-base;}.sn-badge.pill{@apply rounded-full;}.sn-badge:not(.pill){@apply rounded;}.sn-badge.scheme-default{@apply bg-gray-100 text-gray-800;}.sn-badge.scheme-primary{@apply bg-blue-100 text-blue-800;}.sn-badge.scheme-warn{@apply bg-yellow-100 text-yellow-800;}.sn-badge.scheme-danger{@apply bg-red-100 text-red-800;}.sn-badge.scheme-success{@apply bg-green-100 text-green-800;}\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: SnBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sn-badge', standalone: true, imports: [CommonModule, NgClass], template: "<span [ngClass]=\"classes\">\n  <ng-content></ng-content>\n</span>\n", styles: ["@tailwind base;@tailwind components;@tailwind utilities;.sn-badge{@apply inline-flex items-center font-medium leading-none;}.sn-badge.size-sm{@apply px-2 py-0.5 text-xs;}.sn-badge.size-md{@apply px-2.5 py-1 text-sm;}.sn-badge.size-lg{@apply px-3 py-1.5 text-base;}.sn-badge.pill{@apply rounded-full;}.sn-badge:not(.pill){@apply rounded;}.sn-badge.scheme-default{@apply bg-gray-100 text-gray-800;}.sn-badge.scheme-primary{@apply bg-blue-100 text-blue-800;}.sn-badge.scheme-warn{@apply bg-yellow-100 text-yellow-800;}.sn-badge.scheme-danger{@apply bg-red-100 text-red-800;}.sn-badge.scheme-success{@apply bg-green-100 text-green-800;}\n"] }]
+        }], propDecorators: { scheme: [{
+                type: Input
+            }], pill: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], size: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SnBadgeComponent };
+//# sourceMappingURL=sn-badge.mjs.map

package/fesm2022/sn-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sn-badge.mjs","sources":["../../../projects/sn-badge/src/lib/sn-badge.component.ts","../../../projects/sn-badge/src/lib/sn-badge.html","../../../projects/sn-badge/src/sn-badge.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from '@angular/core';\nimport { CommonModule, NgClass } from '@angular/common';\n\n@Component({\n  selector: 'sn-badge',\n  standalone: true,\n  imports: [CommonModule, NgClass],\n  templateUrl: './sn-badge.html',\n  styleUrl: 'sn-badge.scss',\n})\nexport class SnBadgeComponent {\n  @Input() scheme: string = 'default';\n  @Input({ transform: booleanAttribute }) pill: boolean = false;\n  @Input() size: string = 'md';\n\n  get classes(): Record<string, boolean> {\n    return {\n      'sn-badge': true,\n      [`scheme-${this.scheme}`]: true,\n      [`size-${this.size}`]: true,\n      'pill': this.pill,\n    };\n  }\n}\n","<span [ngClass]=\"classes\">\n  <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQW,IAAA,CAAA,MAAM,GAAW,SAAS;QACK,IAAA,CAAA,IAAI,GAAY,KAAK;QACpD,IAAA,CAAA,IAAI,GAAW,IAAI;AAU7B,IAAA;AARC,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,CAAC,UAAU,IAAI,CAAC,MAAM,CAAA,CAAE,GAAG,IAAI;AAC/B,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;YAC3B,MAAM,EAAE,IAAI,CAAC,IAAI;SAClB;IACH;8GAZW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAEP,gBAAgB,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZtC,sEAGA,mrBDGY,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,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cACR,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,sEAAA,EAAA,MAAA,EAAA,CAAA,4nBAAA,CAAA,EAAA;;sBAK/B;;sBACA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBACrC;;;AEbH;;AAEG;;;;"}

package/package.json

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

package/types/sn-badge.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from '@angular/core';
+
+declare class SnBadgeComponent {
+    scheme: string;
+    pill: boolean;
+    size: string;
+    get classes(): Record<string, boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnBadgeComponent, "sn-badge", never, { "scheme": { "alias": "scheme"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_pill: unknown;
+}
+
+export { SnBadgeComponent };

package/ng-package.json

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

package/src/lib/sn-badge.component.spec.ts

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

package/src/lib/sn-badge.component.ts

@@ -1,24 +0,0 @@
-import { Component, Input, booleanAttribute } from '@angular/core';
-import { CommonModule, NgClass } from '@angular/common';
-
-@Component({
-  selector: 'sn-badge',
-  standalone: true,
-  imports: [CommonModule, NgClass],
-  templateUrl: './sn-badge.html',
-  styleUrl: 'sn-badge.scss',
-})
-export class SnBadgeComponent {
-  @Input() scheme: string = 'default';
-  @Input({ transform: booleanAttribute }) pill: boolean = false;
-  @Input() size: string = 'md';
-
-  get classes(): Record<string, boolean> {
-    return {
-      'sn-badge': true,
-      [`scheme-${this.scheme}`]: true,
-      [`size-${this.size}`]: true,
-      'pill': this.pill,
-    };
-  }
-}

package/src/lib/sn-badge.html

@@ -1,3 +0,0 @@
-<span [ngClass]="classes">
-  <ng-content></ng-content>
-</span>

package/src/lib/sn-badge.scss

@@ -1,20 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.sn-badge {
-  @apply inline-flex items-center font-medium leading-none;
-
-  &.size-sm { @apply px-2 py-0.5 text-xs; }
-  &.size-md { @apply px-2.5 py-1 text-sm; }
-  &.size-lg { @apply px-3 py-1.5 text-base; }
-
-  &.pill { @apply rounded-full; }
-  &:not(.pill) { @apply rounded; }
-
-  &.scheme-default { @apply bg-gray-100 text-gray-800; }
-  &.scheme-primary { @apply bg-blue-100 text-blue-800; }
-  &.scheme-warn    { @apply bg-yellow-100 text-yellow-800; }
-  &.scheme-danger  { @apply bg-red-100 text-red-800; }
-  &.scheme-success { @apply bg-green-100 text-green-800; }
-}

package/src/public-api.ts

@@ -1 +0,0 @@
-export * from './lib/sn-badge.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"]
-}