sn-button-x 0.0.1 → 0.0.1002

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.
package/README.md CHANGED
@@ -17,7 +17,7 @@ Angular v17 standalone button component easy to use. It is a part of SnUI Librar
17
17
  })
18
18
  ```
19
19
 
20
- - use `<sn-button>` element to render a button
20
+ - use `<sn-button>Submit</sn-button>` element to render a button
21
21
 
22
22
  ## Supported properties
23
23
 
@@ -45,11 +45,11 @@ export class SnButtonComponent {
45
45
  this.currentClasses[scheme] = true;
46
46
  }
47
47
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SnButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
48
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.2", type: SnButtonComponent, isStandalone: true, selector: "sn-button", 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" }, providers: [SnButtonService], ngImport: i0, template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".sn-button{border-width:0;border:none;border:1px solid var(--light-grey-color);background-color:var(--background-color);border-radius:.225rem;font-size:small;padding:.625rem;transition:1.2s background-color}.sn-button:hover:not(:disabled){background-color:var(--background-color);color:var(--background-color)}.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:var(--black-1)}.sn-button.default.filled:not(:disabled){color:var(--background-color);background-color:var(--black-1)}.sn-button.default-outlined:not([disabled]){color:var(--black-1);background-color:transparent;border:1px solid var(--black-1)}.sn-button.default-outlined:not([disabled]):hover:not(:disabled){background-color:var(--black-1);color:var(--background-color)}.sn-button.default:hover:not(:disabled){background-color:var(--black-1)}.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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
48
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.2", type: SnButtonComponent, isStandalone: true, selector: "sn-button", 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" }, providers: [SnButtonService], ngImport: i0, template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".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:#fff;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:#fff}.sn-button.default:hover:not(:disabled){background-color:#212121}.sn-button.default:hover:enabled{color:#fff}.sn-button.primary:not(:disabled){color:#0078d7}.sn-button.primary.filled:not(:disabled){color:#fff;background-color:#0078d7}.sn-button.primary-outlined:not([disabled]){color:#0078d7;background-color:transparent;border:1px solid #0078d7}.sn-button.primary-outlined:not([disabled]):hover:not(:disabled){background-color:#0078d7;color:#fff}.sn-button.primary:hover:not(:disabled){background-color:#0078d7}.sn-button.primary:hover:enabled{color:#fff}.sn-button.warn:not(:disabled){color:#ffb900}.sn-button.warn.filled:not(:disabled){color:#fff;background-color:#ffb900}.sn-button.warn-outlined:not([disabled]){color:#ffb900;background-color:transparent;border:1px solid #ffb900}.sn-button.warn-outlined:not([disabled]):hover:not(:disabled){background-color:#ffb900;color:#fff}.sn-button.warn:hover:not(:disabled){background-color:#ffb900}.sn-button.warn:hover:enabled{color:#fff}.sn-button.danger:not(:disabled){color:#e81123}.sn-button.danger.filled:not(:disabled){color:#fff;background-color:#e81123}.sn-button.danger-outlined:not([disabled]){color:#e81123;background-color:transparent;border:1px solid #e81123}.sn-button.danger-outlined:not([disabled]):hover:not(:disabled){background-color:#e81123;color:#fff}.sn-button.danger:hover:not(:disabled){background-color:#e81123}.sn-button.danger:hover:enabled{color:#fff}.sn-button.success:not(:disabled){color:#00cc6a}.sn-button.success.filled:not(:disabled){color:#fff;background-color:#00cc6a}.sn-button.success-outlined:not([disabled]){color:#00cc6a;background-color:transparent;border:1px solid #00cc6a}.sn-button.success-outlined:not([disabled]):hover:not(:disabled){background-color:#00cc6a;color:#fff}.sn-button.success:hover:not(:disabled){background-color:#00cc6a}.sn-button.success:hover:enabled{color:#fff}.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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
49
49
  }
50
50
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SnButtonComponent, decorators: [{
51
51
  type: Component,
52
- args: [{ selector: 'sn-button', standalone: true, imports: [CommonModule, NgClass, FaIconComponent], providers: [SnButtonService], template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".sn-button{border-width:0;border:none;border:1px solid var(--light-grey-color);background-color:var(--background-color);border-radius:.225rem;font-size:small;padding:.625rem;transition:1.2s background-color}.sn-button:hover:not(:disabled){background-color:var(--background-color);color:var(--background-color)}.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:var(--black-1)}.sn-button.default.filled:not(:disabled){color:var(--background-color);background-color:var(--black-1)}.sn-button.default-outlined:not([disabled]){color:var(--black-1);background-color:transparent;border:1px solid var(--black-1)}.sn-button.default-outlined:not([disabled]):hover:not(:disabled){background-color:var(--black-1);color:var(--background-color)}.sn-button.default:hover:not(:disabled){background-color:var(--black-1)}.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"] }]
52
+ args: [{ selector: 'sn-button', standalone: true, imports: [CommonModule, NgClass, FaIconComponent], providers: [SnButtonService], template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".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:#fff;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:#fff}.sn-button.default:hover:not(:disabled){background-color:#212121}.sn-button.default:hover:enabled{color:#fff}.sn-button.primary:not(:disabled){color:#0078d7}.sn-button.primary.filled:not(:disabled){color:#fff;background-color:#0078d7}.sn-button.primary-outlined:not([disabled]){color:#0078d7;background-color:transparent;border:1px solid #0078d7}.sn-button.primary-outlined:not([disabled]):hover:not(:disabled){background-color:#0078d7;color:#fff}.sn-button.primary:hover:not(:disabled){background-color:#0078d7}.sn-button.primary:hover:enabled{color:#fff}.sn-button.warn:not(:disabled){color:#ffb900}.sn-button.warn.filled:not(:disabled){color:#fff;background-color:#ffb900}.sn-button.warn-outlined:not([disabled]){color:#ffb900;background-color:transparent;border:1px solid #ffb900}.sn-button.warn-outlined:not([disabled]):hover:not(:disabled){background-color:#ffb900;color:#fff}.sn-button.warn:hover:not(:disabled){background-color:#ffb900}.sn-button.warn:hover:enabled{color:#fff}.sn-button.danger:not(:disabled){color:#e81123}.sn-button.danger.filled:not(:disabled){color:#fff;background-color:#e81123}.sn-button.danger-outlined:not([disabled]){color:#e81123;background-color:transparent;border:1px solid #e81123}.sn-button.danger-outlined:not([disabled]):hover:not(:disabled){background-color:#e81123;color:#fff}.sn-button.danger:hover:not(:disabled){background-color:#e81123}.sn-button.danger:hover:enabled{color:#fff}.sn-button.success:not(:disabled){color:#00cc6a}.sn-button.success.filled:not(:disabled){color:#fff;background-color:#00cc6a}.sn-button.success-outlined:not([disabled]){color:#00cc6a;background-color:transparent;border:1px solid #00cc6a}.sn-button.success-outlined:not([disabled]):hover:not(:disabled){background-color:#00cc6a;color:#fff}.sn-button.success:hover:not(:disabled){background-color:#00cc6a}.sn-button.success:hover:enabled{color:#fff}.icon{margin:0 .325rem 0 0}\n"] }]
53
53
  }], propDecorators: { type: [{
54
54
  type: Input
55
55
  }], text: [{
@@ -71,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
71
71
  }], scheme: [{
72
72
  type: Input
73
73
  }] } });
74
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3NuLWJ1dHRvbi9zcmMvbGliL3NuLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zbi1idXR0b24vc3JjL2xpYi9zbi1idXR0b24uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFFTCxnQkFBZ0IsRUFDaEIsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBRUwsR0FBRyxFQUNILFFBQVEsR0FDVCxNQUFNLG1DQUFtQyxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBVXRELE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFTVyxTQUFJLEdBQVcsUUFBUSxDQUFDO1FBQ3hCLFNBQUksR0FBVyxTQUFTLENBQUM7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3ZELFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsV0FBTSxHQUFXLFNBQVMsQ0FBQztRQUVwQyxjQUFTLEdBQWtCLElBQUksYUFBYSxFQUFFLENBQUM7UUFFL0MsbUJBQWMsR0FBNEIsRUFBRSxDQUFDO1FBQzdDLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsZ0JBQVcsR0FBbUIsR0FBRyxDQUFDO1FBQ2xDLFlBQU8sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFbEMsWUFBTyxHQUFRO1lBQ2IsT0FBTyxFQUFFLFNBQVM7WUFDbEIsSUFBSSxFQUFFLE1BQU07WUFDWixNQUFNLEVBQUUsUUFBUTtZQUNoQixPQUFPLEVBQUUsU0FBUztTQUNuQixDQUFDO0tBcUJIO0lBbkJDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUM1QyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQ3BDLENBQUM7UUFDRixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFO1lBQzFCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQy9CO0lBQ0gsQ0FBQztJQUNELGlCQUFpQjtRQUNmLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsR0FBRztZQUNwQixXQUFXLEVBQUUsSUFBSTtZQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDckIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ25CLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtTQUNwQixDQUFDO1FBQ0YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUM7SUFDckMsQ0FBQzs4R0EzQ1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsc0hBR1IsZ0JBQWdCLG1DQUNoQixnQkFBZ0IsZ0NBQ2hCLGdCQUFnQixnQ0FDaEIsZ0JBQWdCLGdEQVZ6QixDQUFDLGVBQWUsQ0FBQywwQkNwQjlCLHNPQVFBLHN4R0RXWSxZQUFZLDZIQUFXLGVBQWU7OzJGQUtyQyxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLGFBQ3RDLENBQUMsZUFBZSxDQUFDOzhCQUtuQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsTUFBTTtzQkFBN0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxNQUFNO3NCQUE3QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBib29sZWFuQXR0cmlidXRlLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0NsYXNzLCBUaXRsZUNhc2VQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIEljb25EZWZpbml0aW9uLFxuICBmYTAsXG4gIGZhQ29mZmVlLFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuaW1wb3J0IHsgU25CdXR0b25TZXJ2aWNlIH0gZnJvbSAnLi9zbi1idXR0b24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NuLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5nQ2xhc3MsIEZhSWNvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1NuQnV0dG9uU2VydmljZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zbi1idXR0b24uaHRtbCcsXG4gIHN0eWxlVXJsOiAnc24tYnV0dG9uLnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTbkJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICdzdWJtaXQnO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnRGVmYXVsdCc7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgcm91bmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZmlsbGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSByYWlzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgc2NoZW1lOiBzdHJpbmcgPSAnZGVmYXVsdCc7XG5cbiAgdGl0bGVDYXNlOiBUaXRsZUNhc2VQaXBlID0gbmV3IFRpdGxlQ2FzZVBpcGUoKTtcblxuICBjdXJyZW50Q2xhc3NlczogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4gPSB7fTtcbiAgZmFDb2ZmZWUgPSBmYUNvZmZlZTtcbiAgY3VycmVudEljb246IEljb25EZWZpbml0aW9uID0gZmEwO1xuICBzZXJ2aWNlID0gaW5qZWN0KFNuQnV0dG9uU2VydmljZSk7XG5cbiAgX3N0eWxlczogYW55ID0ge1xuICAgIHByaW1hcnk6ICdwcmltYXJ5JyxcbiAgICB3YXJuOiAnd2FybicsXG4gICAgZGFuZ2VyOiAnZGFuZ2VyJyxcbiAgICBzdWNjZXNzOiAnc3VjY2VzcycsXG4gIH07XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRDdXJyZW50Q2xhc3NlcygpO1xuICAgIHRoaXMuY3VycmVudEljb24gPSB0aGlzLnNlcnZpY2UuZ2V0Q3VycmVudEljb24oXG4gICAgICB0aGlzLnRpdGxlQ2FzZS50cmFuc2Zvcm0odGhpcy5pY29uKVxuICAgICk7XG4gICAgaWYgKHRoaXMuaWNvbiA9PT0gJ2NvZmZlZScpIHtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMuY3VycmVudEljb24pO1xuICAgIH1cbiAgfVxuICBzZXRDdXJyZW50Q2xhc3NlcygpIHtcbiAgICBjb25zdCBzY2hlbWUgPSB0aGlzLnNjaGVtZTtcbiAgICB0aGlzLmN1cnJlbnRDbGFzc2VzID0ge1xuICAgICAgJ3NuLWJ1dHRvbic6IHRydWUsXG4gICAgICByb3VuZGVkOiB0aGlzLnJvdW5kZWQsXG4gICAgICBmaWxsZWQ6IHRoaXMuZmlsbGVkLFxuICAgICAgcmFpc2VkOiB0aGlzLnJhaXNlZCxcbiAgICB9O1xuICAgIHRoaXMuY3VycmVudENsYXNzZXNbc2NoZW1lXSA9IHRydWU7XG4gIH1cbn1cbiIsIjxidXR0b24gW3R5cGVdPVwidHlwZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtuZ0NsYXNzXT1cImN1cnJlbnRDbGFzc2VzXCI+XG4gIEBpZihpY29uKXtcbiAgPHNwYW4gY2xhc3M9XCJpY29uXCI+XG4gICAgPGZhLWljb24gW2ljb25dPVwiY3VycmVudEljb25cIj48L2ZhLWljb24+XG4gIDwvc3Bhbj5cbiAgfcKgXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvYnV0dG9uPlxuIl19
74
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3NuLWJ1dHRvbi9zcmMvbGliL3NuLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zbi1idXR0b24vc3JjL2xpYi9zbi1idXR0b24uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFFTCxnQkFBZ0IsRUFDaEIsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBRUwsR0FBRyxFQUNILFFBQVEsR0FDVCxNQUFNLG1DQUFtQyxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBVXRELE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFTVyxTQUFJLEdBQVcsUUFBUSxDQUFDO1FBQ3hCLFNBQUksR0FBVyxTQUFTLENBQUM7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3ZELFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsV0FBTSxHQUFXLFNBQVMsQ0FBQztRQUVwQyxjQUFTLEdBQWtCLElBQUksYUFBYSxFQUFFLENBQUM7UUFFL0MsbUJBQWMsR0FBNEIsRUFBRSxDQUFDO1FBQzdDLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsZ0JBQVcsR0FBbUIsR0FBRyxDQUFDO1FBQ2xDLFlBQU8sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFbEMsWUFBTyxHQUFRO1lBQ2IsT0FBTyxFQUFFLFNBQVM7WUFDbEIsSUFBSSxFQUFFLE1BQU07WUFDWixNQUFNLEVBQUUsUUFBUTtZQUNoQixPQUFPLEVBQUUsU0FBUztTQUNuQixDQUFDO0tBcUJIO0lBbkJDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUM1QyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQ3BDLENBQUM7UUFDRixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFO1lBQzFCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQy9CO0lBQ0gsQ0FBQztJQUNELGlCQUFpQjtRQUNmLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsR0FBRztZQUNwQixXQUFXLEVBQUUsSUFBSTtZQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDckIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ25CLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtTQUNwQixDQUFDO1FBQ0YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUM7SUFDckMsQ0FBQzs4R0EzQ1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsc0hBR1IsZ0JBQWdCLG1DQUNoQixnQkFBZ0IsZ0NBQ2hCLGdCQUFnQixnQ0FDaEIsZ0JBQWdCLGdEQVZ6QixDQUFDLGVBQWUsQ0FBQywwQkNwQjlCLHNPQVFBLDJtRkRXWSxZQUFZLDZIQUFXLGVBQWU7OzJGQUtyQyxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLGFBQ3RDLENBQUMsZUFBZSxDQUFDOzhCQUtuQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsTUFBTTtzQkFBN0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxNQUFNO3NCQUE3QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBib29sZWFuQXR0cmlidXRlLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0NsYXNzLCBUaXRsZUNhc2VQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIEljb25EZWZpbml0aW9uLFxuICBmYTAsXG4gIGZhQ29mZmVlLFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuaW1wb3J0IHsgU25CdXR0b25TZXJ2aWNlIH0gZnJvbSAnLi9zbi1idXR0b24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NuLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5nQ2xhc3MsIEZhSWNvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1NuQnV0dG9uU2VydmljZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zbi1idXR0b24uaHRtbCcsXG4gIHN0eWxlVXJsOiAnc24tYnV0dG9uLnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTbkJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICdzdWJtaXQnO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnRGVmYXVsdCc7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgcm91bmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZmlsbGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSByYWlzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgc2NoZW1lOiBzdHJpbmcgPSAnZGVmYXVsdCc7XG5cbiAgdGl0bGVDYXNlOiBUaXRsZUNhc2VQaXBlID0gbmV3IFRpdGxlQ2FzZVBpcGUoKTtcblxuICBjdXJyZW50Q2xhc3NlczogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4gPSB7fTtcbiAgZmFDb2ZmZWUgPSBmYUNvZmZlZTtcbiAgY3VycmVudEljb246IEljb25EZWZpbml0aW9uID0gZmEwO1xuICBzZXJ2aWNlID0gaW5qZWN0KFNuQnV0dG9uU2VydmljZSk7XG5cbiAgX3N0eWxlczogYW55ID0ge1xuICAgIHByaW1hcnk6ICdwcmltYXJ5JyxcbiAgICB3YXJuOiAnd2FybicsXG4gICAgZGFuZ2VyOiAnZGFuZ2VyJyxcbiAgICBzdWNjZXNzOiAnc3VjY2VzcycsXG4gIH07XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRDdXJyZW50Q2xhc3NlcygpO1xuICAgIHRoaXMuY3VycmVudEljb24gPSB0aGlzLnNlcnZpY2UuZ2V0Q3VycmVudEljb24oXG4gICAgICB0aGlzLnRpdGxlQ2FzZS50cmFuc2Zvcm0odGhpcy5pY29uKVxuICAgICk7XG4gICAgaWYgKHRoaXMuaWNvbiA9PT0gJ2NvZmZlZScpIHtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMuY3VycmVudEljb24pO1xuICAgIH1cbiAgfVxuICBzZXRDdXJyZW50Q2xhc3NlcygpIHtcbiAgICBjb25zdCBzY2hlbWUgPSB0aGlzLnNjaGVtZTtcbiAgICB0aGlzLmN1cnJlbnRDbGFzc2VzID0ge1xuICAgICAgJ3NuLWJ1dHRvbic6IHRydWUsXG4gICAgICByb3VuZGVkOiB0aGlzLnJvdW5kZWQsXG4gICAgICBmaWxsZWQ6IHRoaXMuZmlsbGVkLFxuICAgICAgcmFpc2VkOiB0aGlzLnJhaXNlZCxcbiAgICB9O1xuICAgIHRoaXMuY3VycmVudENsYXNzZXNbc2NoZW1lXSA9IHRydWU7XG4gIH1cbn1cbiIsIjxidXR0b24gW3R5cGVdPVwidHlwZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtuZ0NsYXNzXT1cImN1cnJlbnRDbGFzc2VzXCI+XG4gIEBpZihpY29uKXtcbiAgPHNwYW4gY2xhc3M9XCJpY29uXCI+XG4gICAgPGZhLWljb24gW2ljb25dPVwiY3VycmVudEljb25cIj48L2ZhLWljb24+XG4gIDwvc3Bhbj5cbiAgfcKgXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvYnV0dG9uPlxuIl19
@@ -75,11 +75,11 @@ class SnButtonComponent {
75
75
  this.currentClasses[scheme] = true;
76
76
  }
77
77
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SnButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.2", type: SnButtonComponent, isStandalone: true, selector: "sn-button", 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" }, providers: [SnButtonService], ngImport: i0, template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".sn-button{border-width:0;border:none;border:1px solid var(--light-grey-color);background-color:var(--background-color);border-radius:.225rem;font-size:small;padding:.625rem;transition:1.2s background-color}.sn-button:hover:not(:disabled){background-color:var(--background-color);color:var(--background-color)}.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:var(--black-1)}.sn-button.default.filled:not(:disabled){color:var(--background-color);background-color:var(--black-1)}.sn-button.default-outlined:not([disabled]){color:var(--black-1);background-color:transparent;border:1px solid var(--black-1)}.sn-button.default-outlined:not([disabled]):hover:not(:disabled){background-color:var(--black-1);color:var(--background-color)}.sn-button.default:hover:not(:disabled){background-color:var(--black-1)}.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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
78
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.2", type: SnButtonComponent, isStandalone: true, selector: "sn-button", 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" }, providers: [SnButtonService], ngImport: i0, template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".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:#fff;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:#fff}.sn-button.default:hover:not(:disabled){background-color:#212121}.sn-button.default:hover:enabled{color:#fff}.sn-button.primary:not(:disabled){color:#0078d7}.sn-button.primary.filled:not(:disabled){color:#fff;background-color:#0078d7}.sn-button.primary-outlined:not([disabled]){color:#0078d7;background-color:transparent;border:1px solid #0078d7}.sn-button.primary-outlined:not([disabled]):hover:not(:disabled){background-color:#0078d7;color:#fff}.sn-button.primary:hover:not(:disabled){background-color:#0078d7}.sn-button.primary:hover:enabled{color:#fff}.sn-button.warn:not(:disabled){color:#ffb900}.sn-button.warn.filled:not(:disabled){color:#fff;background-color:#ffb900}.sn-button.warn-outlined:not([disabled]){color:#ffb900;background-color:transparent;border:1px solid #ffb900}.sn-button.warn-outlined:not([disabled]):hover:not(:disabled){background-color:#ffb900;color:#fff}.sn-button.warn:hover:not(:disabled){background-color:#ffb900}.sn-button.warn:hover:enabled{color:#fff}.sn-button.danger:not(:disabled){color:#e81123}.sn-button.danger.filled:not(:disabled){color:#fff;background-color:#e81123}.sn-button.danger-outlined:not([disabled]){color:#e81123;background-color:transparent;border:1px solid #e81123}.sn-button.danger-outlined:not([disabled]):hover:not(:disabled){background-color:#e81123;color:#fff}.sn-button.danger:hover:not(:disabled){background-color:#e81123}.sn-button.danger:hover:enabled{color:#fff}.sn-button.success:not(:disabled){color:#00cc6a}.sn-button.success.filled:not(:disabled){color:#fff;background-color:#00cc6a}.sn-button.success-outlined:not([disabled]){color:#00cc6a;background-color:transparent;border:1px solid #00cc6a}.sn-button.success-outlined:not([disabled]):hover:not(:disabled){background-color:#00cc6a;color:#fff}.sn-button.success:hover:not(:disabled){background-color:#00cc6a}.sn-button.success:hover:enabled{color:#fff}.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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
79
79
  }
80
80
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: SnButtonComponent, decorators: [{
81
81
  type: Component,
82
- args: [{ selector: 'sn-button', standalone: true, imports: [CommonModule, NgClass, FaIconComponent], providers: [SnButtonService], template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".sn-button{border-width:0;border:none;border:1px solid var(--light-grey-color);background-color:var(--background-color);border-radius:.225rem;font-size:small;padding:.625rem;transition:1.2s background-color}.sn-button:hover:not(:disabled){background-color:var(--background-color);color:var(--background-color)}.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:var(--black-1)}.sn-button.default.filled:not(:disabled){color:var(--background-color);background-color:var(--black-1)}.sn-button.default-outlined:not([disabled]){color:var(--black-1);background-color:transparent;border:1px solid var(--black-1)}.sn-button.default-outlined:not([disabled]):hover:not(:disabled){background-color:var(--black-1);color:var(--background-color)}.sn-button.default:hover:not(:disabled){background-color:var(--black-1)}.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"] }]
82
+ args: [{ selector: 'sn-button', standalone: true, imports: [CommonModule, NgClass, FaIconComponent], providers: [SnButtonService], template: "<button [type]=\"type\" [disabled]=\"disabled\" [ngClass]=\"currentClasses\">\n @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n }\u00A0\n <ng-content></ng-content>\n</button>\n", styles: [".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:#fff;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:#fff}.sn-button.default:hover:not(:disabled){background-color:#212121}.sn-button.default:hover:enabled{color:#fff}.sn-button.primary:not(:disabled){color:#0078d7}.sn-button.primary.filled:not(:disabled){color:#fff;background-color:#0078d7}.sn-button.primary-outlined:not([disabled]){color:#0078d7;background-color:transparent;border:1px solid #0078d7}.sn-button.primary-outlined:not([disabled]):hover:not(:disabled){background-color:#0078d7;color:#fff}.sn-button.primary:hover:not(:disabled){background-color:#0078d7}.sn-button.primary:hover:enabled{color:#fff}.sn-button.warn:not(:disabled){color:#ffb900}.sn-button.warn.filled:not(:disabled){color:#fff;background-color:#ffb900}.sn-button.warn-outlined:not([disabled]){color:#ffb900;background-color:transparent;border:1px solid #ffb900}.sn-button.warn-outlined:not([disabled]):hover:not(:disabled){background-color:#ffb900;color:#fff}.sn-button.warn:hover:not(:disabled){background-color:#ffb900}.sn-button.warn:hover:enabled{color:#fff}.sn-button.danger:not(:disabled){color:#e81123}.sn-button.danger.filled:not(:disabled){color:#fff;background-color:#e81123}.sn-button.danger-outlined:not([disabled]){color:#e81123;background-color:transparent;border:1px solid #e81123}.sn-button.danger-outlined:not([disabled]):hover:not(:disabled){background-color:#e81123;color:#fff}.sn-button.danger:hover:not(:disabled){background-color:#e81123}.sn-button.danger:hover:enabled{color:#fff}.sn-button.success:not(:disabled){color:#00cc6a}.sn-button.success.filled:not(:disabled){color:#fff;background-color:#00cc6a}.sn-button.success-outlined:not([disabled]){color:#00cc6a;background-color:transparent;border:1px solid #00cc6a}.sn-button.success-outlined:not([disabled]):hover:not(:disabled){background-color:#00cc6a;color:#fff}.sn-button.success:hover:not(:disabled){background-color:#00cc6a}.sn-button.success:hover:enabled{color:#fff}.icon{margin:0 .325rem 0 0}\n"] }]
83
83
  }], propDecorators: { type: [{
84
84
  type: Input
85
85
  }], text: [{
@@ -1 +1 @@
1
- {"version":3,"file":"sn-button-x.mjs","sources":["../../../projects/sn-button/src/lib/sn-button.service.ts","../../../projects/sn-button/src/lib/sn-button.component.ts","../../../projects/sn-button/src/lib/sn-button.html","../../../projects/sn-button/src/public-api.ts","../../../projects/sn-button/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 Input,\n OnInit,\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.service';\n\n@Component({\n selector: 'sn-button',\n standalone: true,\n imports: [CommonModule, NgClass, FaIconComponent],\n providers: [SnButtonService],\n templateUrl: './sn-button.html',\n styleUrl: 'sn-button.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\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 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 @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n } \n <ng-content></ng-content>\n</button>\n","/*\n * Public API Surface of sn-button\n */\n\nexport * from './lib/sn-button.service';\nexport * from './lib/sn-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sn-button-x.mjs","sources":["../../../projects/sn-button/src/lib/sn-button.service.ts","../../../projects/sn-button/src/lib/sn-button.component.ts","../../../projects/sn-button/src/lib/sn-button.html","../../../projects/sn-button/src/public-api.ts","../../../projects/sn-button/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 Input,\n OnInit,\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.service';\n\n@Component({\n selector: 'sn-button',\n standalone: true,\n imports: [CommonModule, NgClass, FaIconComponent],\n providers: [SnButtonService],\n templateUrl: './sn-button.html',\n styleUrl: 'sn-button.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\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 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 @if(icon){\n <span class=\"icon\">\n <fa-icon [icon]=\"currentIcon\"></fa-icon>\n </span>\n } \n <ng-content></ng-content>\n</button>\n","/*\n * Public API Surface of sn-button\n */\n\nexport * from './lib/sn-button.service';\nexport * from './lib/sn-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAWa,eAAe,CAAA;AAG1B,IAAA,WAAA,GAAA;AAFA,QAAA,IAAA,CAAA,eAAe,GACb,IAAI,GAAG,EAAE,CAAC;AAEV,QAAA,IAAI,GAAG,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC1B,QAAA,IAAI,GAA0B,CAAC;QAC/B,KAAK,GAAG,IAAI,GAAG,EAAE;YACf,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACpE,SAAA;;;;KAKF;AAED,IAAA,cAAc,CAAC,QAAgB,EAAA;AAC7B,QAAA,IAAI,IAAI,GAA2C,QAAQ,CAAC,MAAM,CAAC;QACnE,IAAI,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE;AACpD,YAAA,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC;AACjE,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;8GArBU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,cAFd,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,eAAe,EAAA,UAAA,EAAA,CAAA;kBAH3B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCcY,iBAAiB,CAAA;AAR9B,IAAA,WAAA,GAAA;QASW,IAAI,CAAA,IAAA,GAAW,QAAQ,CAAC;QACxB,IAAI,CAAA,IAAA,GAAW,SAAS,CAAC;QACM,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAC1B,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;QACzB,IAAM,CAAA,MAAA,GAAY,KAAK,CAAC;QACxB,IAAM,CAAA,MAAA,GAAY,KAAK,CAAC;QACvD,IAAI,CAAA,IAAA,GAAW,EAAE,CAAC;QAElB,IAAM,CAAA,MAAA,GAAW,SAAS,CAAC;AAEpC,QAAA,IAAA,CAAA,SAAS,GAAkB,IAAI,aAAa,EAAE,CAAC;QAE/C,IAAc,CAAA,cAAA,GAA4B,EAAE,CAAC;QAC7C,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;QACpB,IAAW,CAAA,WAAA,GAAmB,GAAG,CAAC;AAClC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAElC,QAAA,IAAA,CAAA,OAAO,GAAQ;AACb,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,OAAO,EAAE,SAAS;SACnB,CAAC;AAqBH,KAAA;IAnBC,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CACpC,CAAC;AACF,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC1B,YAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC/B,SAAA;KACF;IACD,iBAAiB,GAAA;AACf,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG;AACpB,YAAA,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;AACF,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;KACpC;8GA3CU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,sHAGR,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAChB,gBAAgB,CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAChB,gBAAgB,CAChB,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,gBAAgB,CAVzB,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB9B,sOAQA,EDWY,MAAA,EAAA,CAAA,ojFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,6HAAW,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKrC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EACT,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,EACtC,SAAA,EAAA,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,sOAAA,EAAA,MAAA,EAAA,CAAA,ojFAAA,CAAA,EAAA,CAAA;8BAKnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACkC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAC7B,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAEG,MAAM,EAAA,CAAA;sBAAd,KAAK;;;AEjCR;;AAEG;;ACFH;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sn-button-x",
3
- "version": "0.0.1",
3
+ "version": "0.0.1002",
4
4
  "description": "SnButton is an Angular 17 standalone component ",
5
5
  "author": {
6
6
  "name": "Swapnil Nakate",
@@ -16,7 +16,10 @@
16
16
  ],
17
17
  "peerDependencies": {
18
18
  "@angular/common": "^17.0.0",
19
- "@angular/core": "^17.0.0"
19
+ "@angular/core": "^17.0.0",
20
+ "@fortawesome/angular-fontawesome": "^0.14.0",
21
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
22
+ "@fortawesome/free-solid-svg-icons": "^6.4.2"
20
23
  },
21
24
  "dependencies": {
22
25
  "tslib": "^2.3.0"