sn-button-x 0.0.1004 → 0.0.1005

package/fesm2022/sn-button-x.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, inject, booleanAttribute, Input, Output, Component } from '@angular/core';
+import * as allIcons from '@fortawesome/free-solid-svg-icons';
+import { faCoffee, fa0 } from '@fortawesome/free-solid-svg-icons';
+import * as i1 from '@angular/common';
+import { TitleCasePipe, CommonModule, NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+
+class SnButtonService {
+    constructor() {
+        this.iconDefinitions = new Map();
+        let all = { ...allIcons };
+        let key;
+        for (key in all) {
+            this.iconDefinitions.set(key.substring(2).toLowerCase(), all[key]);
+        }
+        //console.log(all);
+        // this.iconDefinitions.set('coffee', faCoffee);
+        // this.iconDefinitions.set('info', faInfo);
+    }
+    getCurrentIcon(iconName) {
+        let icon = allIcons.faInfo;
+        if (this.iconDefinitions.has(iconName.toLowerCase())) {
+            icon = this.iconDefinitions.get(iconName.toLowerCase()) || icon;
+        }
+        return icon;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnButtonService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnButtonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class SnButtonComponent {
+    constructor() {
+        this.type = 'submit';
+        this.text = 'Default';
+        this.disabled = false;
+        this.rounded = false;
+        this.filled = false;
+        this.raised = false;
+        this.icon = '';
+        this.clickBtn = new EventEmitter();
+        this.scheme = 'default';
+        this.titleCase = new TitleCasePipe();
+        this.currentClasses = {};
+        this.faCoffee = faCoffee;
+        this.currentIcon = fa0;
+        this.service = inject(SnButtonService);
+        this._styles = {
+            primary: 'primary',
+            warn: 'warn',
+            danger: 'danger',
+            success: 'success',
+        };
+    }
+    ngOnInit() {
+        this.setCurrentClasses();
+        this.currentIcon = this.service.getCurrentIcon(this.titleCase.transform(this.icon));
+        if (this.icon === 'coffee') {
+            console.log(this.currentIcon);
+        }
+    }
+    onClickBtn(clickEvent) {
+        this.clickBtn?.emit([clickEvent]);
+    }
+    setCurrentClasses() {
+        const scheme = this.scheme;
+        this.currentClasses = {
+            'sn-button': true,
+            rounded: this.rounded,
+            filled: this.filled,
+            raised: this.raised,
+        };
+        this.currentClasses[scheme] = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SnButtonComponent, isStandalone: true, selector: "sn-button-x", inputs: { type: "type", text: "text", disabled: ["disabled", "disabled", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], filled: ["filled", "filled", booleanAttribute], raised: ["raised", "raised", booleanAttribute], icon: "icon", scheme: "scheme" }, outputs: { clickBtn: "clickBtn" }, providers: [SnButtonService], ngImport: i0, template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\"\n(click)=\"onClickBtn($event)\"\n>\n  @if(icon){\n  <span class=\"icon\">\n    <fa-icon [icon]=\"currentIcon\"></fa-icon>\n  </span>\n  }\n  <ng-content></ng-content>\n</button>", styles: [":root{--background-color: #ffffff;--primary-color: #0078d7;--warn-color: #ffb900;--danger-color: #e81123;--success-color: #00cc6a;--light-grey-color: #ececec;--grey-1: #9e9e9e;--label-color: #4c4a48;--black-color: #000000;--black-1: #212121}@tailwind base;@tailwind components;@tailwind utilities;.sn-button{border-width:0;border:none;border:1px solid var(#ececec);background-color:#fff;border-radius:.225rem;font-size:small;padding:.625rem;transition:1.2s background-color}.sn-button:hover:not(:disabled){background-color:#fff;color:#fff}.sn-button.rounded{border-radius:2rem}.sn-button.raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.sn-button.default:not(:disabled){color:#212121}.sn-button.default.filled:not(:disabled){color:var(--background-color);background-color:#212121}.sn-button.default-outlined:not([disabled]){color:#212121;background-color:transparent;border:1px solid #212121}.sn-button.default-outlined:not([disabled]):hover:not(:disabled){background-color:#212121;color:var(--background-color)}.sn-button.default:hover:not(:disabled){background-color:#212121}.sn-button.default:hover:enabled{color:var(--background-color)}.sn-button.primary:not(:disabled){color:var(--primary-color)}.sn-button.primary.filled:not(:disabled){color:var(--background-color);background-color:var(--primary-color)}.sn-button.primary-outlined:not([disabled]){color:var(--primary-color);background-color:transparent;border:1px solid var(--primary-color)}.sn-button.primary-outlined:not([disabled]):hover:not(:disabled){background-color:var(--primary-color);color:var(--background-color)}.sn-button.primary:hover:not(:disabled){background-color:var(--primary-color)}.sn-button.primary:hover:enabled{color:var(--background-color)}.sn-button.warn:not(:disabled){color:var(--warn-color)}.sn-button.warn.filled:not(:disabled){color:var(--background-color);background-color:var(--warn-color)}.sn-button.warn-outlined:not([disabled]){color:var(--warn-color);background-color:transparent;border:1px solid var(--warn-color)}.sn-button.warn-outlined:not([disabled]):hover:not(:disabled){background-color:var(--warn-color);color:var(--background-color)}.sn-button.warn:hover:not(:disabled){background-color:var(--warn-color)}.sn-button.warn:hover:enabled{color:var(--background-color)}.sn-button.danger:not(:disabled){color:var(--danger-color)}.sn-button.danger.filled:not(:disabled){color:var(--background-color);background-color:var(--danger-color)}.sn-button.danger-outlined:not([disabled]){color:var(--danger-color);background-color:transparent;border:1px solid var(--danger-color)}.sn-button.danger-outlined:not([disabled]):hover:not(:disabled){background-color:var(--danger-color);color:var(--background-color)}.sn-button.danger:hover:not(:disabled){background-color:var(--danger-color)}.sn-button.danger:hover:enabled{color:var(--background-color)}.sn-button.success:not(:disabled){color:var(--success-color)}.sn-button.success.filled:not(:disabled){color:var(--background-color);background-color:var(--success-color)}.sn-button.success-outlined:not([disabled]){color:var(--success-color);background-color:transparent;border:1px solid var(--success-color)}.sn-button.success-outlined:not([disabled]):hover:not(:disabled){background-color:var(--success-color);color:var(--background-color)}.sn-button.success:hover:not(:disabled){background-color:var(--success-color)}.sn-button.success:hover:enabled{color:var(--background-color)}.icon{margin:0 .325rem 0 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SnButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sn-button-x', standalone: true, imports: [CommonModule, NgClass, FaIconComponent], providers: [SnButtonService], template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\"\n(click)=\"onClickBtn($event)\"\n>\n  @if(icon){\n  <span class=\"icon\">\n    <fa-icon [icon]=\"currentIcon\"></fa-icon>\n  </span>\n  }\n  <ng-content></ng-content>\n</button>", styles: [":root{--background-color: #ffffff;--primary-color: #0078d7;--warn-color: #ffb900;--danger-color: #e81123;--success-color: #00cc6a;--light-grey-color: #ececec;--grey-1: #9e9e9e;--label-color: #4c4a48;--black-color: #000000;--black-1: #212121}@tailwind base;@tailwind components;@tailwind utilities;.sn-button{border-width:0;border:none;border:1px solid var(#ececec);background-color:#fff;border-radius:.225rem;font-size:small;padding:.625rem;transition:1.2s background-color}.sn-button:hover:not(:disabled){background-color:#fff;color:#fff}.sn-button.rounded{border-radius:2rem}.sn-button.raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.sn-button.default:not(:disabled){color:#212121}.sn-button.default.filled:not(:disabled){color:var(--background-color);background-color:#212121}.sn-button.default-outlined:not([disabled]){color:#212121;background-color:transparent;border:1px solid #212121}.sn-button.default-outlined:not([disabled]):hover:not(:disabled){background-color:#212121;color:var(--background-color)}.sn-button.default:hover:not(:disabled){background-color:#212121}.sn-button.default:hover:enabled{color:var(--background-color)}.sn-button.primary:not(:disabled){color:var(--primary-color)}.sn-button.primary.filled:not(:disabled){color:var(--background-color);background-color:var(--primary-color)}.sn-button.primary-outlined:not([disabled]){color:var(--primary-color);background-color:transparent;border:1px solid var(--primary-color)}.sn-button.primary-outlined:not([disabled]):hover:not(:disabled){background-color:var(--primary-color);color:var(--background-color)}.sn-button.primary:hover:not(:disabled){background-color:var(--primary-color)}.sn-button.primary:hover:enabled{color:var(--background-color)}.sn-button.warn:not(:disabled){color:var(--warn-color)}.sn-button.warn.filled:not(:disabled){color:var(--background-color);background-color:var(--warn-color)}.sn-button.warn-outlined:not([disabled]){color:var(--warn-color);background-color:transparent;border:1px solid var(--warn-color)}.sn-button.warn-outlined:not([disabled]):hover:not(:disabled){background-color:var(--warn-color);color:var(--background-color)}.sn-button.warn:hover:not(:disabled){background-color:var(--warn-color)}.sn-button.warn:hover:enabled{color:var(--background-color)}.sn-button.danger:not(:disabled){color:var(--danger-color)}.sn-button.danger.filled:not(:disabled){color:var(--background-color);background-color:var(--danger-color)}.sn-button.danger-outlined:not([disabled]){color:var(--danger-color);background-color:transparent;border:1px solid var(--danger-color)}.sn-button.danger-outlined:not([disabled]):hover:not(:disabled){background-color:var(--danger-color);color:var(--background-color)}.sn-button.danger:hover:not(:disabled){background-color:var(--danger-color)}.sn-button.danger:hover:enabled{color:var(--background-color)}.sn-button.success:not(:disabled){color:var(--success-color)}.sn-button.success.filled:not(:disabled){color:var(--background-color);background-color:var(--success-color)}.sn-button.success-outlined:not([disabled]){color:var(--success-color);background-color:transparent;border:1px solid var(--success-color)}.sn-button.success-outlined:not([disabled]):hover:not(:disabled){background-color:var(--success-color);color:var(--background-color)}.sn-button.success:hover:not(:disabled){background-color:var(--success-color)}.sn-button.success:hover:enabled{color:var(--background-color)}.icon{margin:0 .325rem 0 0}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rounded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], filled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], raised: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], icon: [{
+                type: Input
+            }], clickBtn: [{
+                type: Output
+            }], scheme: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of sn-button
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SnButtonComponent, SnButtonService };
+//# sourceMappingURL=sn-button-x.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sn-button-x.mjs","sources":["../../../projects/sn-button-x/src/lib/sn-button-x.service.ts","../../../projects/sn-button-x/src/lib/sn-button-x.component.ts","../../../projects/sn-button-x/src/lib/sn-button-x.html","../../../projects/sn-button-x/src/public-api.ts","../../../projects/sn-button-x/src/sn-button-x.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport {\n  IconDefinition,\n  IconPack,\n  IconPrefix,\n} from '@fortawesome/fontawesome-svg-core';\nimport * as allIcons from '@fortawesome/free-solid-svg-icons';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SnButtonService {\n  iconDefinitions: Map<string, IconDefinition | IconPack | IconPrefix> =\n    new Map();\n  constructor() {\n    let all = { ...allIcons };\n    let key: keyof typeof allIcons;\n    for (key in all) {\n      this.iconDefinitions.set(key.substring(2).toLowerCase(), all[key]);\n    }\n\n    //console.log(all);\n    // this.iconDefinitions.set('coffee', faCoffee);\n    // this.iconDefinitions.set('info', faInfo);\n  }\n\n  getCurrentIcon(iconName: string): any {\n    let icon: IconDefinition | IconPack | IconPrefix = allIcons.faInfo;\n    if (this.iconDefinitions.has(iconName.toLowerCase())) {\n      icon = this.iconDefinitions.get(iconName.toLowerCase()) || icon;\n    }\n    return icon;\n  }\n}\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { CommonModule, NgClass, TitleCasePipe } from '@angular/common';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n  IconDefinition,\n  fa0,\n  faCoffee,\n} from '@fortawesome/free-solid-svg-icons';\nimport { SnButtonService } from './sn-button-x.service';\n\n@Component({\n  selector: 'sn-button-x',\n  standalone: true,\n  imports: [CommonModule, NgClass, FaIconComponent],\n  providers: [SnButtonService],\n  templateUrl: './sn-button-x.html',\n  styleUrl: 'sn-button-x.scss',\n})\nexport class SnButtonComponent implements OnInit {\n  @Input() type: string = 'submit';\n  @Input() text: string = 'Default';\n  @Input({ transform: booleanAttribute }) disabled: boolean = false;\n  @Input({ transform: booleanAttribute }) rounded: boolean = false;\n  @Input({ transform: booleanAttribute }) filled: boolean = false;\n  @Input({ transform: booleanAttribute }) raised: boolean = false;\n  @Input() icon: string = '';\n  @Output() clickBtn:EventEmitter<any>= new EventEmitter(); \n\n  @Input() scheme: string = 'default';\n\n  titleCase: TitleCasePipe = new TitleCasePipe();\n\n  currentClasses: Record<string, boolean> = {};\n  faCoffee = faCoffee;\n  currentIcon: IconDefinition = fa0;\n  service = inject(SnButtonService);\n\n  _styles: any = {\n    primary: 'primary',\n    warn: 'warn',\n    danger: 'danger',\n    success: 'success',\n  };\n\n  ngOnInit(): void {\n    this.setCurrentClasses();\n    this.currentIcon = this.service.getCurrentIcon(\n      this.titleCase.transform(this.icon)\n    );\n    if (this.icon === 'coffee') {\n      console.log(this.currentIcon);\n    }\n  }\n\n  onClickBtn(clickEvent:any){\n    this.clickBtn?.emit([clickEvent]);\n  }\n\n  setCurrentClasses() {\n    const scheme = this.scheme;\n    this.currentClasses = {\n      'sn-button': true,\n      rounded: this.rounded,\n      filled: this.filled,\n      raised: this.raised,\n    };\n    this.currentClasses[scheme] = true;\n  }\n}\n","<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\"\n(click)=\"onClickBtn($event)\"\n>\n  @if(icon){\n  <span class=\"icon\">\n    <fa-icon [icon]=\"currentIcon\"></fa-icon>\n  </span>\n  }\n  <ng-content></ng-content>\n</button>","/*\n * Public API Surface of sn-button\n */\n\nexport * from './lib/sn-button-x.service';\nexport * from './lib/sn-button-x.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sn-button-x",
-  "version": "0.0.1004",
+  "version": "0.0.1005",
   "description": "SnButton is an Angular 21 standalone component ",
   "author": {
     "name": "Swapnil Nakate",
@@ -37,5 +37,16 @@
     "url": "https://github.com/swapnilnakate7/sn-ui",
     "type": "git"
   },
-  "license": "MIT"
-}
+  "license": "MIT",
+  "module": "fesm2022/sn-button-x.mjs",
+  "typings": "types/sn-button-x.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/sn-button-x.d.ts",
+      "default": "./fesm2022/sn-button-x.mjs"
+    }
+  }
+}

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

@@ -0,0 +1,42 @@
+import { IconDefinition, IconPack, IconPrefix } from '@fortawesome/fontawesome-svg-core';
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
+import { TitleCasePipe } from '@angular/common';
+import { IconDefinition as IconDefinition$1 } from '@fortawesome/free-solid-svg-icons';
+
+declare class SnButtonService {
+    iconDefinitions: Map<string, IconDefinition | IconPack | IconPrefix>;
+    constructor();
+    getCurrentIcon(iconName: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnButtonService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnButtonService>;
+}
+
+declare class SnButtonComponent implements OnInit {
+    type: string;
+    text: string;
+    disabled: boolean;
+    rounded: boolean;
+    filled: boolean;
+    raised: boolean;
+    icon: string;
+    clickBtn: EventEmitter<any>;
+    scheme: string;
+    titleCase: TitleCasePipe;
+    currentClasses: Record<string, boolean>;
+    faCoffee: IconDefinition$1;
+    currentIcon: IconDefinition$1;
+    service: SnButtonService;
+    _styles: any;
+    ngOnInit(): void;
+    onClickBtn(clickEvent: any): void;
+    setCurrentClasses(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnButtonComponent, "sn-button-x", never, { "type": { "alias": "type"; "required": false; }; "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "scheme": { "alias": "scheme"; "required": false; }; }, { "clickBtn": "clickBtn"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_filled: unknown;
+    static ngAcceptInputType_raised: unknown;
+}
+
+export { SnButtonComponent, SnButtonService };

package/ng-package.json

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

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

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SnButtonComponent } from './sn-button-x.component';
-
-describe('SnButtonComponent', () => {
-  let component: SnButtonComponent;
-  let fixture: ComponentFixture<SnButtonComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [SnButtonComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(SnButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,77 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { CommonModule, NgClass, TitleCasePipe } from '@angular/common';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import {
-  IconDefinition,
-  fa0,
-  faCoffee,
-} from '@fortawesome/free-solid-svg-icons';
-import { SnButtonService } from './sn-button-x.service';
-
-@Component({
-  selector: 'sn-button-x',
-  standalone: true,
-  imports: [CommonModule, NgClass, FaIconComponent],
-  providers: [SnButtonService],
-  templateUrl: './sn-button-x.html',
-  styleUrl: 'sn-button-x.scss',
-})
-export class SnButtonComponent implements OnInit {
-  @Input() type: string = 'submit';
-  @Input() text: string = 'Default';
-  @Input({ transform: booleanAttribute }) disabled: boolean = false;
-  @Input({ transform: booleanAttribute }) rounded: boolean = false;
-  @Input({ transform: booleanAttribute }) filled: boolean = false;
-  @Input({ transform: booleanAttribute }) raised: boolean = false;
-  @Input() icon: string = '';
-  @Output() clickBtn:EventEmitter<any>= new EventEmitter(); 
-
-  @Input() scheme: string = 'default';
-
-  titleCase: TitleCasePipe = new TitleCasePipe();
-
-  currentClasses: Record<string, boolean> = {};
-  faCoffee = faCoffee;
-  currentIcon: IconDefinition = fa0;
-  service = inject(SnButtonService);
-
-  _styles: any = {
-    primary: 'primary',
-    warn: 'warn',
-    danger: 'danger',
-    success: 'success',
-  };
-
-  ngOnInit(): void {
-    this.setCurrentClasses();
-    this.currentIcon = this.service.getCurrentIcon(
-      this.titleCase.transform(this.icon)
-    );
-    if (this.icon === 'coffee') {
-      console.log(this.currentIcon);
-    }
-  }
-
-  onClickBtn(clickEvent:any){
-    this.clickBtn?.emit([clickEvent]);
-  }
-
-  setCurrentClasses() {
-    const scheme = this.scheme;
-    this.currentClasses = {
-      'sn-button': true,
-      rounded: this.rounded,
-      filled: this.filled,
-      raised: this.raised,
-    };
-    this.currentClasses[scheme] = true;
-  }
-}

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

@@ -1,10 +0,0 @@
-<button [type]="type" [disabled]="disabled" [ngClass]="currentClasses"
-(click)="onClickBtn($event)"
->
-  @if(icon){
-  <span class="icon">
-    <fa-icon [icon]="currentIcon"></fa-icon>
-  </span>
-  }
-  <ng-content></ng-content>
-</button>

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

@@ -1,93 +0,0 @@
-// $primaryColor: #0078d7;
-// $warnColor: #ffb900;
-// $dangerColor: #e81123;
-// $successColor: #00cc6a;
-// $backgroundColor: #ffffff;
-// $black: #212121;
-// $lightaGreyColor: #ececec;
-// $grey1: #9e9e9e;
-// $labelColor: #4c4a48;
-// $blackColor: #000000;
-// $black1: #212121;
-
-@use '../../../../src/scss/colors';
-@use '../../../../src/scss/_mixins';
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-// @mixin generateStyle($color, $bgColor: $backgroundColor) {
-//   &:not(:disabled) {
-//     color: $color;
-//   }
-
-//   &.filled:not(:disabled) {
-//     color: $bgColor;
-//     background-color: $color;
-//   }
-
-//   &-outlined:not([disabled]) {
-//     color: $color;
-//     background-color: transparent;
-//     border: 1px solid $color;
-//     &:hover:not(:disabled) {
-//       background-color: $color;
-//       color: $bgColor;
-//     }
-//   }
-//   &:hover:not(:disabled) {
-//     background-color: $color;
-//   }
-//   &:hover:enabled {
-//     color: $bgColor;
-//   }
-// }
-
-.sn-button {
-  border-width: 0;
-  border: none;
-  border: 1px solid var(colors.$lightaGreyColor);
-  background-color: colors.$backgroundColor;
-  border-radius: 0.225rem;
-  font-size: small;
-  padding: 0.625rem;
-  transition: 1.2s background-color;
-
-  &:hover:not(:disabled) {
-    background-color: colors.$backgroundColor;
-    color: colors.$backgroundColor;
-  }
-
-  &.rounded {
-    border-radius: 2rem;
-  }
-
-  &.raised {
-    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-      0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  }
-
-  &.default {
-    @include mixins.generateStyle(colors.$black);
-  }
-
-  &.primary {
-    @include mixins.generateStyle(colors.$primaryColor);
-  }
-
-  &.warn {
-    @include mixins.generateStyle(colors.$warnColor);
-  }
-
-  &.danger {
-    @include mixins.generateStyle(colors.$dangerColor);
-  }
-
-  &.success {
-    @include mixins.generateStyle(colors.$successColor);
-  }
-}
-
-.icon {
-  margin: 0 0.325rem 0 0;
-}

package/src/lib/sn-button-x.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { SnButtonService } from './sn-button-x.service';
-
-describe('SnButtonService', () => {
-  let service: SnButtonService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(SnButtonService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/sn-button-x.service.ts

@@ -1,34 +0,0 @@
-import { Injectable } from '@angular/core';
-import {
-  IconDefinition,
-  IconPack,
-  IconPrefix,
-} from '@fortawesome/fontawesome-svg-core';
-import * as allIcons from '@fortawesome/free-solid-svg-icons';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class SnButtonService {
-  iconDefinitions: Map<string, IconDefinition | IconPack | IconPrefix> =
-    new Map();
-  constructor() {
-    let all = { ...allIcons };
-    let key: keyof typeof allIcons;
-    for (key in all) {
-      this.iconDefinitions.set(key.substring(2).toLowerCase(), all[key]);
-    }
-
-    //console.log(all);
-    // this.iconDefinitions.set('coffee', faCoffee);
-    // this.iconDefinitions.set('info', faInfo);
-  }
-
-  getCurrentIcon(iconName: string): any {
-    let icon: IconDefinition | IconPack | IconPrefix = allIcons.faInfo;
-    if (this.iconDefinitions.has(iconName.toLowerCase())) {
-      icon = this.iconDefinitions.get(iconName.toLowerCase()) || icon;
-    }
-    return icon;
-  }
-}

package/src/public-api.ts

@@ -1,6 +0,0 @@
-/*
- * Public API Surface of sn-button
- */
-
-export * from './lib/sn-button-x.service';
-export * from './lib/sn-button-x.component';

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}