@naveenkumarp/custom-button 0.0.3

package/README.md

@@ -0,0 +1,24 @@
+# CustomButton
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project custom-button` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project custom-button`.
+> Note: Don't forget to add `--project custom-button` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build custom-button` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build custom-button`, go to the dist folder `cd dist/custom-button` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test custom-button` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2022/custom-button.mjs

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

package/esm2022/lib/custom-button/custom-button.component.mjs

@@ -0,0 +1,60 @@
+import { Component, ContentChild, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ButtonComponent {
+    constructor() {
+        this.label = 'Button';
+        this.variant = 'primary';
+        this.size = 'md';
+        this.appearance = 'fill';
+        this.disabled = false;
+        this.loading = false;
+        this.fullWidth = false;
+        this.btnClick = new EventEmitter();
+        this.hasCustomLoader = false;
+    }
+    ngAfterContentInit() {
+        this.hasCustomLoader = !!this.loaderContent;
+    }
+    handleClick() {
+        if (this.disabled || this.loading)
+            return;
+        this.btnClick.emit();
+    }
+    get classes() {
+        return [
+            'btn',
+            `btn-${this.variant}`,
+            `btn-${this.appearance}`,
+            `btn-${this.size}`,
+            this.fullWidth ? 'btn-flex' : ''
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "lib-custom-button", inputs: { label: "label", variant: "variant", size: "size", appearance: "appearance", disabled: "disabled", loading: "loading", fullWidth: "fullWidth" }, outputs: { btnClick: "btnClick" }, queries: [{ propertyName: "loaderContent", first: true, predicate: ["[loading]"], descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n  [class]=\"classes\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"handleClick()\"\n>\n\n  <!-- Loading Slot -->\n  <ng-container *ngIf=\"loading; else content\">\n    <span class=\"spinner-slot\">\n      <ng-content select=\"[loading]\"></ng-content>\n\n      <!-- Fallback spinner -->\n      <span class=\"spinner-default\" *ngIf=\"!hasCustomLoader\"></span>\n    </span>\n  </ng-container>\n\n  <!-- Normal Content -->\n  <ng-template #content>\n\n    <!-- Left -->\n    <span class=\"icon-left\">\n      <ng-content select=\"[left]\"></ng-content>\n    </span>\n\n    <!-- Label -->\n    <span *ngIf=\"label\">\n      {{ label }}\n    </span>\n\n    <!-- Right -->\n    <span class=\"icon-right\">\n      <ng-content select=\"[right]\"></ng-content>\n    </span>\n\n  </ng-template>\n\n</button>", styles: [".btn{border-radius:6px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-sm{font-size:12px;padding:6px 10px}.btn-md{font-size:14px;padding:8px 16px}.btn-lg{font-size:16px;padding:10px 20px}.btn-fill.btn-primary{background:#034a46;color:#fff}.btn-fill.btn-danger{background:#dc3545;color:#fff}.btn-fill.btn-success{background:#28a745;color:#fff}.btn-fill.btn-secondary{background:#6c757d;color:#fff}.btn-fill.btn-warning{background:#ffc107;color:#000}.btn-outline.btn-primary{background:transparent;color:#034a46;border:1px solid #034a46}.btn-outline.btn-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline.btn-success{background:transparent;color:#28a745;border:1px solid #28a745}.btn-outline.btn-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline.btn-warning{background:transparent;color:#ffc107;border:1px solid #ffc107}@media (hover: hover){.btn-fill.btn-primary:hover{background:#02605b}.btn-outline.btn-primary:hover{background:#034a46;color:#fff}.btn-fill.btn-danger:hover{background:#b52a37}.btn-outline.btn-danger:hover{background:#dc3545;color:#fff}.btn-fill.btn-success:hover{background:#218838}.btn-outline.btn-success:hover{background:#28a745;color:#fff}.btn-fill.btn-secondary:hover{background:#5a6268}.btn-outline.btn-secondary:hover{background:#6c757d;color:#fff}.btn-fill.btn-warning:hover{background:#e0a800}.btn-outline.btn-warning:hover{background:#ffc107;color:#000}.btn:hover .icon-left{transform:translate(-3px)}.btn:hover .icon-right{transform:translate(3px)}}.icon-left,.icon-right{display:inline-flex;align-items:center;justify-content:center}.icon-left:empty,.icon-right:empty{display:none}.btn .icon-left,.btn .icon-right{transition:transform .2s ease}.spinner-slot{display:inline-flex;align-items:center;justify-content:center;min-height:16px}.spinner-default{width:16px;height:16px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-flex{width:100%}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn{min-height:36px}.btn span{display:inline-flex;align-items:center}.icon-left ::ng-deep ion-icon,.icon-right ::ng-deep ion-icon{font-size:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-custom-button', standalone: true, imports: [CommonModule], template: "<button\n  [class]=\"classes\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"handleClick()\"\n>\n\n  <!-- Loading Slot -->\n  <ng-container *ngIf=\"loading; else content\">\n    <span class=\"spinner-slot\">\n      <ng-content select=\"[loading]\"></ng-content>\n\n      <!-- Fallback spinner -->\n      <span class=\"spinner-default\" *ngIf=\"!hasCustomLoader\"></span>\n    </span>\n  </ng-container>\n\n  <!-- Normal Content -->\n  <ng-template #content>\n\n    <!-- Left -->\n    <span class=\"icon-left\">\n      <ng-content select=\"[left]\"></ng-content>\n    </span>\n\n    <!-- Label -->\n    <span *ngIf=\"label\">\n      {{ label }}\n    </span>\n\n    <!-- Right -->\n    <span class=\"icon-right\">\n      <ng-content select=\"[right]\"></ng-content>\n    </span>\n\n  </ng-template>\n\n</button>", styles: [".btn{border-radius:6px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-sm{font-size:12px;padding:6px 10px}.btn-md{font-size:14px;padding:8px 16px}.btn-lg{font-size:16px;padding:10px 20px}.btn-fill.btn-primary{background:#034a46;color:#fff}.btn-fill.btn-danger{background:#dc3545;color:#fff}.btn-fill.btn-success{background:#28a745;color:#fff}.btn-fill.btn-secondary{background:#6c757d;color:#fff}.btn-fill.btn-warning{background:#ffc107;color:#000}.btn-outline.btn-primary{background:transparent;color:#034a46;border:1px solid #034a46}.btn-outline.btn-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline.btn-success{background:transparent;color:#28a745;border:1px solid #28a745}.btn-outline.btn-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline.btn-warning{background:transparent;color:#ffc107;border:1px solid #ffc107}@media (hover: hover){.btn-fill.btn-primary:hover{background:#02605b}.btn-outline.btn-primary:hover{background:#034a46;color:#fff}.btn-fill.btn-danger:hover{background:#b52a37}.btn-outline.btn-danger:hover{background:#dc3545;color:#fff}.btn-fill.btn-success:hover{background:#218838}.btn-outline.btn-success:hover{background:#28a745;color:#fff}.btn-fill.btn-secondary:hover{background:#5a6268}.btn-outline.btn-secondary:hover{background:#6c757d;color:#fff}.btn-fill.btn-warning:hover{background:#e0a800}.btn-outline.btn-warning:hover{background:#ffc107;color:#000}.btn:hover .icon-left{transform:translate(-3px)}.btn:hover .icon-right{transform:translate(3px)}}.icon-left,.icon-right{display:inline-flex;align-items:center;justify-content:center}.icon-left:empty,.icon-right:empty{display:none}.btn .icon-left,.btn .icon-right{transition:transform .2s ease}.spinner-slot{display:inline-flex;align-items:center;justify-content:center;min-height:16px}.spinner-default{width:16px;height:16px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-flex{width:100%}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn{min-height:36px}.btn span{display:inline-flex;align-items:center}.icon-left ::ng-deep ion-icon,.icon-right ::ng-deep ion-icon{font-size:18px}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], btnClick: [{
+                type: Output
+            }], loaderContent: [{
+                type: ContentChild,
+                args: ['[loading]', { read: ElementRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jdXN0b20tYnV0dG9uL3NyYy9saWIvY3VzdG9tLWJ1dHRvbi9jdXN0b20tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2N1c3RvbS1idXR0b24vc3JjL2xpYi9jdXN0b20tYnV0dG9uL2N1c3RvbS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBbUIvQyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVNXLFVBQUssR0FBVyxRQUFRLENBQUM7UUFDekIsWUFBTyxHQUFrQixTQUFTLENBQUM7UUFDbkMsU0FBSSxHQUFlLElBQUksQ0FBQztRQUN4QixlQUFVLEdBQXFCLE1BQU0sQ0FBQztRQUV0QyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUUxQixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUs5QyxvQkFBZSxHQUFHLEtBQUssQ0FBQztLQW9CekI7SUFsQkMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDOUMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBQzFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU87WUFDTCxLQUFLO1lBQ0wsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3JCLE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN4QixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ2pDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQzsrR0FuQ1UsZUFBZTttR0FBZixlQUFlLDZWQWFTLFVBQVUsNkJDMUMvQyxnekJBb0NTLHk3RURYRyxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNDLG1CQUFtQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBTWQsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBR1AsYUFBYTtzQkFEWixZQUFZO3VCQUFDLFdBQVcsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYW50ID1cbiAgfCAncHJpbWFyeSdcbiAgfCAnc2Vjb25kYXJ5J1xuICB8ICdkYW5nZXInXG4gIHwgJ3N1Y2Nlc3MnXG4gIHwgJ3dhcm5pbmcnO1xuXG5leHBvcnQgdHlwZSBCdXR0b25TaXplID0gJ3NtJyB8ICdtZCcgfCAnbGcnO1xuZXhwb3J0IHR5cGUgQnV0dG9uQXBwZWFyYW5jZSA9ICdmaWxsJyB8ICdvdXRsaW5lJztcblxuQENvbXBvbmVudCh7XG4gc2VsZWN0b3I6ICdsaWItY3VzdG9tLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcblxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJ0J1dHRvbic7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IEJ1dHRvblZhcmlhbnQgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6IEJ1dHRvblNpemUgPSAnbWQnO1xuICBASW5wdXQoKSBhcHBlYXJhbmNlOiBCdXR0b25BcHBlYXJhbmNlID0gJ2ZpbGwnO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZnVsbFdpZHRoOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGJ0bkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBDb250ZW50Q2hpbGQoJ1tsb2FkaW5nXScsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBsb2FkZXJDb250ZW50ITogRWxlbWVudFJlZjtcblxuICBoYXNDdXN0b21Mb2FkZXIgPSBmYWxzZTtcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5oYXNDdXN0b21Mb2FkZXIgPSAhIXRoaXMubG9hZGVyQ29udGVudDtcbiAgfVxuXG4gIGhhbmRsZUNsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8IHRoaXMubG9hZGluZykgcmV0dXJuO1xuICAgIHRoaXMuYnRuQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ2J0bicsXG4gICAgICBgYnRuLSR7dGhpcy52YXJpYW50fWAsXG4gICAgICBgYnRuLSR7dGhpcy5hcHBlYXJhbmNlfWAsXG4gICAgICBgYnRuLSR7dGhpcy5zaXplfWAsXG4gICAgICB0aGlzLmZ1bGxXaWR0aCA/ICdidG4tZmxleCcgOiAnJ1xuICAgIF0uam9pbignICcpO1xuICB9XG59IiwiPGJ1dHRvblxuICBbY2xhc3NdPVwiY2xhc3Nlc1wiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nXCJcbiAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKClcIlxuPlxuXG4gIDwhLS0gTG9hZGluZyBTbG90IC0tPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZzsgZWxzZSBjb250ZW50XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLXNsb3RcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsb2FkaW5nXVwiPjwvbmctY29udGVudD5cblxuICAgICAgPCEtLSBGYWxsYmFjayBzcGlubmVyIC0tPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRlZmF1bHRcIiAqbmdJZj1cIiFoYXNDdXN0b21Mb2FkZXJcIj48L3NwYW4+XG4gICAgPC9zcGFuPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8IS0tIE5vcm1hbCBDb250ZW50IC0tPlxuICA8bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG5cbiAgICA8IS0tIExlZnQgLS0+XG4gICAgPHNwYW4gY2xhc3M9XCJpY29uLWxlZnRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0XVwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG5cbiAgICA8IS0tIExhYmVsIC0tPlxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIj5cbiAgICAgIHt7IGxhYmVsIH19XG4gICAgPC9zcGFuPlxuXG4gICAgPCEtLSBSaWdodCAtLT5cbiAgICA8c3BhbiBjbGFzcz1cImljb24tcmlnaHRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyaWdodF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuXG4gIDwvbmctdGVtcGxhdGU+XG5cbjwvYnV0dG9uPiJdfQ==

package/esm2022/lib/custom-button.component.mjs

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CustomButtonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomButtonComponent, selector: "lib-custom-button", ngImport: i0, template: `
+    <p>
+      custom-button works!
+    </p>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-custom-button', template: `
+    <p>
+      custom-button works!
+    </p>
+  ` }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jdXN0b20tYnV0dG9uL3NyYy9saWIvY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZMUMsTUFBTSxPQUFPLHFCQUFxQjsrR0FBckIscUJBQXFCO21HQUFyQixxQkFBcUIseURBUnRCOzs7O0dBSVQ7OzRGQUlVLHFCQUFxQjtrQkFWakMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7R0FJVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItY3VzdG9tLWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHA+XG4gICAgICBjdXN0b20tYnV0dG9uIHdvcmtzIVxuICAgIDwvcD5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tQnV0dG9uQ29tcG9uZW50IHtcblxufVxuIl19

package/esm2022/lib/custom-button.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CustomButtonComponent } from './custom-button.component';
+import * as i0 from "@angular/core";
+export class CustomButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule, declarations: [CustomButtonComponent], exports: [CustomButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CustomButtonComponent
+                    ],
+                    imports: [],
+                    exports: [
+                        CustomButtonComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jdXN0b20tYnV0dG9uL3NyYy9saWIvY3VzdG9tLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFjbEUsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBUjNCLHFCQUFxQixhQUtyQixxQkFBcUI7Z0hBR1osa0JBQWtCOzs0RkFBbEIsa0JBQWtCO2tCQVY5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRSxFQUNSO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEN1c3RvbUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ3VzdG9tQnV0dG9uQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEN1c3RvbUJ1dHRvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbUJ1dHRvbk1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/lib/custom-button.service.mjs

@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CustomButtonService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWJ1dHRvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY3VzdG9tLWJ1dHRvbi9zcmMvbGliL2N1c3RvbS1idXR0b24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sbUJBQW1CO0lBRTlCLGdCQUFnQixDQUFDOytHQUZOLG1CQUFtQjttSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07OzRGQUVQLG1CQUFtQjtrQkFIL0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbUJ1dHRvblNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG59XG4iXX0=

package/esm2022/public-api.mjs

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of custom-button
+ */
+export * from './lib/custom-button.service';
+export * from './lib/custom-button.component';
+export * from './lib/custom-button.module';
+export * from './lib/custom-button/custom-button.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2N1c3RvbS1idXR0b24vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZDQUE2QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjdXN0b20tYnV0dG9uXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY3VzdG9tLWJ1dHRvbi5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1idXR0b24vY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQnOyJdfQ==

package/fesm2022/custom-button.mjs

@@ -0,0 +1,118 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, NgModule, EventEmitter, ElementRef, Input, Output, ContentChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class CustomButtonService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CustomButtonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomButtonComponent, selector: "lib-custom-button", ngImport: i0, template: `
+    <p>
+      custom-button works!
+    </p>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-custom-button', template: `
+    <p>
+      custom-button works!
+    </p>
+  ` }]
+        }] });
+
+class CustomButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule, declarations: [CustomButtonComponent], exports: [CustomButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CustomButtonComponent
+                    ],
+                    imports: [],
+                    exports: [
+                        CustomButtonComponent
+                    ]
+                }]
+        }] });
+
+class ButtonComponent {
+    constructor() {
+        this.label = 'Button';
+        this.variant = 'primary';
+        this.size = 'md';
+        this.appearance = 'fill';
+        this.disabled = false;
+        this.loading = false;
+        this.fullWidth = false;
+        this.btnClick = new EventEmitter();
+        this.hasCustomLoader = false;
+    }
+    ngAfterContentInit() {
+        this.hasCustomLoader = !!this.loaderContent;
+    }
+    handleClick() {
+        if (this.disabled || this.loading)
+            return;
+        this.btnClick.emit();
+    }
+    get classes() {
+        return [
+            'btn',
+            `btn-${this.variant}`,
+            `btn-${this.appearance}`,
+            `btn-${this.size}`,
+            this.fullWidth ? 'btn-flex' : ''
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "lib-custom-button", inputs: { label: "label", variant: "variant", size: "size", appearance: "appearance", disabled: "disabled", loading: "loading", fullWidth: "fullWidth" }, outputs: { btnClick: "btnClick" }, queries: [{ propertyName: "loaderContent", first: true, predicate: ["[loading]"], descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n  [class]=\"classes\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"handleClick()\"\n>\n\n  <!-- Loading Slot -->\n  <ng-container *ngIf=\"loading; else content\">\n    <span class=\"spinner-slot\">\n      <ng-content select=\"[loading]\"></ng-content>\n\n      <!-- Fallback spinner -->\n      <span class=\"spinner-default\" *ngIf=\"!hasCustomLoader\"></span>\n    </span>\n  </ng-container>\n\n  <!-- Normal Content -->\n  <ng-template #content>\n\n    <!-- Left -->\n    <span class=\"icon-left\">\n      <ng-content select=\"[left]\"></ng-content>\n    </span>\n\n    <!-- Label -->\n    <span *ngIf=\"label\">\n      {{ label }}\n    </span>\n\n    <!-- Right -->\n    <span class=\"icon-right\">\n      <ng-content select=\"[right]\"></ng-content>\n    </span>\n\n  </ng-template>\n\n</button>", styles: [".btn{border-radius:6px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-sm{font-size:12px;padding:6px 10px}.btn-md{font-size:14px;padding:8px 16px}.btn-lg{font-size:16px;padding:10px 20px}.btn-fill.btn-primary{background:#034a46;color:#fff}.btn-fill.btn-danger{background:#dc3545;color:#fff}.btn-fill.btn-success{background:#28a745;color:#fff}.btn-fill.btn-secondary{background:#6c757d;color:#fff}.btn-fill.btn-warning{background:#ffc107;color:#000}.btn-outline.btn-primary{background:transparent;color:#034a46;border:1px solid #034a46}.btn-outline.btn-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline.btn-success{background:transparent;color:#28a745;border:1px solid #28a745}.btn-outline.btn-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline.btn-warning{background:transparent;color:#ffc107;border:1px solid #ffc107}@media (hover: hover){.btn-fill.btn-primary:hover{background:#02605b}.btn-outline.btn-primary:hover{background:#034a46;color:#fff}.btn-fill.btn-danger:hover{background:#b52a37}.btn-outline.btn-danger:hover{background:#dc3545;color:#fff}.btn-fill.btn-success:hover{background:#218838}.btn-outline.btn-success:hover{background:#28a745;color:#fff}.btn-fill.btn-secondary:hover{background:#5a6268}.btn-outline.btn-secondary:hover{background:#6c757d;color:#fff}.btn-fill.btn-warning:hover{background:#e0a800}.btn-outline.btn-warning:hover{background:#ffc107;color:#000}.btn:hover .icon-left{transform:translate(-3px)}.btn:hover .icon-right{transform:translate(3px)}}.icon-left,.icon-right{display:inline-flex;align-items:center;justify-content:center}.icon-left:empty,.icon-right:empty{display:none}.btn .icon-left,.btn .icon-right{transition:transform .2s ease}.spinner-slot{display:inline-flex;align-items:center;justify-content:center;min-height:16px}.spinner-default{width:16px;height:16px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-flex{width:100%}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn{min-height:36px}.btn span{display:inline-flex;align-items:center}.icon-left ::ng-deep ion-icon,.icon-right ::ng-deep ion-icon{font-size:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-custom-button', standalone: true, imports: [CommonModule], template: "<button\n  [class]=\"classes\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"handleClick()\"\n>\n\n  <!-- Loading Slot -->\n  <ng-container *ngIf=\"loading; else content\">\n    <span class=\"spinner-slot\">\n      <ng-content select=\"[loading]\"></ng-content>\n\n      <!-- Fallback spinner -->\n      <span class=\"spinner-default\" *ngIf=\"!hasCustomLoader\"></span>\n    </span>\n  </ng-container>\n\n  <!-- Normal Content -->\n  <ng-template #content>\n\n    <!-- Left -->\n    <span class=\"icon-left\">\n      <ng-content select=\"[left]\"></ng-content>\n    </span>\n\n    <!-- Label -->\n    <span *ngIf=\"label\">\n      {{ label }}\n    </span>\n\n    <!-- Right -->\n    <span class=\"icon-right\">\n      <ng-content select=\"[right]\"></ng-content>\n    </span>\n\n  </ng-template>\n\n</button>", styles: [".btn{border-radius:6px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-sm{font-size:12px;padding:6px 10px}.btn-md{font-size:14px;padding:8px 16px}.btn-lg{font-size:16px;padding:10px 20px}.btn-fill.btn-primary{background:#034a46;color:#fff}.btn-fill.btn-danger{background:#dc3545;color:#fff}.btn-fill.btn-success{background:#28a745;color:#fff}.btn-fill.btn-secondary{background:#6c757d;color:#fff}.btn-fill.btn-warning{background:#ffc107;color:#000}.btn-outline.btn-primary{background:transparent;color:#034a46;border:1px solid #034a46}.btn-outline.btn-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline.btn-success{background:transparent;color:#28a745;border:1px solid #28a745}.btn-outline.btn-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline.btn-warning{background:transparent;color:#ffc107;border:1px solid #ffc107}@media (hover: hover){.btn-fill.btn-primary:hover{background:#02605b}.btn-outline.btn-primary:hover{background:#034a46;color:#fff}.btn-fill.btn-danger:hover{background:#b52a37}.btn-outline.btn-danger:hover{background:#dc3545;color:#fff}.btn-fill.btn-success:hover{background:#218838}.btn-outline.btn-success:hover{background:#28a745;color:#fff}.btn-fill.btn-secondary:hover{background:#5a6268}.btn-outline.btn-secondary:hover{background:#6c757d;color:#fff}.btn-fill.btn-warning:hover{background:#e0a800}.btn-outline.btn-warning:hover{background:#ffc107;color:#000}.btn:hover .icon-left{transform:translate(-3px)}.btn:hover .icon-right{transform:translate(3px)}}.icon-left,.icon-right{display:inline-flex;align-items:center;justify-content:center}.icon-left:empty,.icon-right:empty{display:none}.btn .icon-left,.btn .icon-right{transition:transform .2s ease}.spinner-slot{display:inline-flex;align-items:center;justify-content:center;min-height:16px}.spinner-default{width:16px;height:16px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-flex{width:100%}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn{min-height:36px}.btn span{display:inline-flex;align-items:center}.icon-left ::ng-deep ion-icon,.icon-right ::ng-deep ion-icon{font-size:18px}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], btnClick: [{
+                type: Output
+            }], loaderContent: [{
+                type: ContentChild,
+                args: ['[loading]', { read: ElementRef }]
+            }] } });
+
+/*
+ * Public API Surface of custom-button
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, CustomButtonComponent, CustomButtonModule, CustomButtonService };
+//# sourceMappingURL=custom-button.mjs.map

package/fesm2022/custom-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-button.mjs","sources":["../../../projects/custom-button/src/lib/custom-button.service.ts","../../../projects/custom-button/src/lib/custom-button.component.ts","../../../projects/custom-button/src/lib/custom-button.module.ts","../../../projects/custom-button/src/lib/custom-button/custom-button.component.ts","../../../projects/custom-button/src/lib/custom-button/custom-button.component.html","../../../projects/custom-button/src/public-api.ts","../../../projects/custom-button/src/custom-button.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CustomButtonService {\n\n  constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'lib-custom-button',\n  template: `\n    <p>\n      custom-button works!\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class CustomButtonComponent {\n\n}\n","import { NgModule } from '@angular/core';\nimport { CustomButtonComponent } from './custom-button.component';\n\n\n\n@NgModule({\n  declarations: [\n    CustomButtonComponent\n  ],\n  imports: [\n  ],\n  exports: [\n    CustomButtonComponent\n  ]\n})\nexport class CustomButtonModule { }\n","\nimport {\n  AfterContentInit,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type ButtonAppearance = 'fill' | 'outline';\n\n@Component({\n selector: 'lib-custom-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './custom-button.component.html',\n  styleUrls: ['./custom-button.component.scss']\n})\nexport class ButtonComponent implements AfterContentInit {\n\n  @Input() label: string = 'Button';\n  @Input() variant: ButtonVariant = 'primary';\n  @Input() size: ButtonSize = 'md';\n  @Input() appearance: ButtonAppearance = 'fill';\n\n  @Input() disabled: boolean = false;\n  @Input() loading: boolean = false;\n  @Input() fullWidth: boolean = false;\n\n  @Output() btnClick = new EventEmitter<void>();\n\n  @ContentChild('[loading]', { read: ElementRef })\n  loaderContent!: ElementRef;\n\n  hasCustomLoader = false;\n\n  ngAfterContentInit(): void {\n    this.hasCustomLoader = !!this.loaderContent;\n  }\n\n  handleClick(): void {\n    if (this.disabled || this.loading) return;\n    this.btnClick.emit();\n  }\n\n  get classes(): string {\n    return [\n      'btn',\n      `btn-${this.variant}`,\n      `btn-${this.appearance}`,\n      `btn-${this.size}`,\n      this.fullWidth ? 'btn-flex' : ''\n    ].join(' ');\n  }\n}","<button\n  [class]=\"classes\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"handleClick()\"\n>\n\n  <!-- Loading Slot -->\n  <ng-container *ngIf=\"loading; else content\">\n    <span class=\"spinner-slot\">\n      <ng-content select=\"[loading]\"></ng-content>\n\n      <!-- Fallback spinner -->\n      <span class=\"spinner-default\" *ngIf=\"!hasCustomLoader\"></span>\n    </span>\n  </ng-container>\n\n  <!-- Normal Content -->\n  <ng-template #content>\n\n    <!-- Left -->\n    <span class=\"icon-left\">\n      <ng-content select=\"[left]\"></ng-content>\n    </span>\n\n    <!-- Label -->\n    <span *ngIf=\"label\">\n      {{ label }}\n    </span>\n\n    <!-- Right -->\n    <span class=\"icon-right\">\n      <ng-content select=\"[right]\"></ng-content>\n    </span>\n\n  </ng-template>\n\n</button>","/*\n * Public API Surface of custom-button\n */\n\nexport * from './lib/custom-button.service';\nexport * from './lib/custom-button.component';\nexport * from './lib/custom-button.module';\nexport * from './lib/custom-button/custom-button.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="custom-button" />
+export * from './public-api';

package/lib/custom-button/custom-button.component.d.ts

@@ -0,0 +1,22 @@
+import { AfterContentInit, ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonAppearance = 'fill' | 'outline';
+export declare class ButtonComponent implements AfterContentInit {
+    label: string;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    appearance: ButtonAppearance;
+    disabled: boolean;
+    loading: boolean;
+    fullWidth: boolean;
+    btnClick: EventEmitter<void>;
+    loaderContent: ElementRef;
+    hasCustomLoader: boolean;
+    ngAfterContentInit(): void;
+    handleClick(): void;
+    get classes(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-custom-button", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "btnClick": "btnClick"; }, ["loaderContent"], ["[loading]", "[left]", "[right]"], true, never>;
+}

package/lib/custom-button.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CustomButtonComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomButtonComponent, "lib-custom-button", never, {}, {}, never, never, false, never>;
+}

package/lib/custom-button.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./custom-button.component";
+export declare class CustomButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CustomButtonModule, [typeof i1.CustomButtonComponent], never, [typeof i1.CustomButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CustomButtonModule>;
+}

package/lib/custom-button.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class CustomButtonService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomButtonService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CustomButtonService>;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@naveenkumarp/custom-button",
+  "version": "0.0.3",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/custom-button.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/custom-button.mjs",
+      "esm": "./esm2022/custom-button.mjs",
+      "default": "./fesm2022/custom-button.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/custom-button.service';
+export * from './lib/custom-button.component';
+export * from './lib/custom-button.module';
+export * from './lib/custom-button/custom-button.component';