ngx-promise-buttons 1.0.0 → 1.0.2

package/README.md

@@ -27,17 +27,13 @@ Install it via npm:
 npm install ngx-promise-buttons -S
 ```
 
-And add it as a dependency to your main module
+Add it to your app using bootstrapApplication:
 ```typescript
-import {NgxPromiseButtonModule} from 'ngx-promise-buttons';
-
-@NgModule({
-  imports: [
-    NgxPromiseButtonModule.forRoot(),
+bootstrapApplication(AppComponent, {
+  providers: [
+    provideNgxPromiseButtons({ handleCurrentBtnOnly: true }),
   ],
-})
-export class MainAppModule {
-}
+});
 ```
 Using the buttons is easy. Just pass a promise to the directive:
 ```html
@@ -68,28 +64,14 @@ There are selectors you can use to style. There is the `.is-loading` class on th
 
 
 ## Configuration
-Configuration is done via the forRoot method of the promise button module:
+You can pass a config object to provideNgxPromiseButtons:
 ```typescript
-import {NgxPromiseButtonModule} from 'ngx-promise-buttons';
-
-@NgModule({
-  imports: [
-    NgxPromiseButtonModule
-      .forRoot({
-        // your custom config goes here
-        spinnerTpl: '<span class="btn-spinner"></span>',
-        // disable buttons when promise is pending
-        disableBtn: true,
-        // the class used to indicate a pending promise
-        btnLoadingClass: 'is-loading',
-        // only disable and show is-loading class for clicked button, 
-        // even when they share the same promise
-        handleCurrentBtnOnly: false,
-      }),
-  ],
-})
-export class MainAppModule {
-}
+provideNgxPromiseButtons({
+  spinnerTpl: '<span class="btn-spinner"></span>',
+  disableBtn: true,
+  btnLoadingClass: 'is-loading',
+  handleCurrentBtnOnly: false,
+});
 ```
 
 ## Using observables

package/fesm2022/ngx-promise-buttons.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, HostListener, Input, Inject, Directive, NgModule } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, HostListener, Input, Optional, Inject, Directive } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 
 const DEFAULT_CFG = {
@@ -10,7 +10,15 @@ const DEFAULT_CFG = {
     minDuration: null,
 };
 
-const userCfg = new InjectionToken('cfg');
+const USER_CFG = new InjectionToken('Promise Button Config');
+const DEFAULT_CONFIG = {
+// default values
+};
+function provideNgxPromiseButtons(config = DEFAULT_CONFIG) {
+    return makeEnvironmentProviders([
+        { provide: USER_CFG, useValue: { ...DEFAULT_CONFIG, ...config } }
+    ]);
+}
 
 class PromiseBtnDirective {
     // this is added to fix the overriding of the disabled state by the loading indicator button.
@@ -204,18 +212,19 @@ class PromiseBtnDirective {
             this.initLoadingState(this.btnEl);
         }, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PromiseBtnDirective, deps: [{ token: i0.ElementRef }, { token: userCfg }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: PromiseBtnDirective, isStandalone: false, selector: "[promiseBtn]", inputs: { isDisabledFromTheOutsideSetter: ["disabled", "isDisabledFromTheOutsideSetter"], promiseBtn: "promiseBtn" }, host: { listeners: { "click": "handleCurrentBtnOnly()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PromiseBtnDirective, deps: [{ token: i0.ElementRef }, { token: USER_CFG, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: PromiseBtnDirective, isStandalone: true, selector: "[promiseBtn]", inputs: { isDisabledFromTheOutsideSetter: ["disabled", "isDisabledFromTheOutsideSetter"], promiseBtn: "promiseBtn" }, host: { listeners: { "click": "handleCurrentBtnOnly()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PromiseBtnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[promiseBtn]',
-                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
                     type: Inject,
-                    args: [userCfg]
+                    args: [USER_CFG]
                 }] }], propDecorators: { isDisabledFromTheOutsideSetter: [{
                 type: Input,
                 args: ['disabled']
@@ -226,36 +235,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 args: ['click']
             }] } });
 
-class NgxPromiseButtonModule {
-    // add forRoot to make it configurable
-    static forRoot(config) {
-        // NOTE: this is never allowed to contain any conditional logic
-        return {
-            ngModule: NgxPromiseButtonModule,
-            providers: [{ provide: userCfg, useValue: config }]
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxPromiseButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: NgxPromiseButtonModule, declarations: [PromiseBtnDirective], exports: [PromiseBtnDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxPromiseButtonModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxPromiseButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PromiseBtnDirective,
-                    ],
-                    imports: [],
-                    exports: [
-                        PromiseBtnDirective,
-                    ],
-                    providers: []
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgxPromiseButtonModule, PromiseBtnDirective };
+export { DEFAULT_CONFIG, PromiseBtnDirective, USER_CFG, provideNgxPromiseButtons };
 //# sourceMappingURL=ngx-promise-buttons.mjs.map

package/fesm2022/ngx-promise-buttons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-promise-buttons.mjs","sources":["../../../projects/ngx-promise-buttons/src/default-promise-btn-config.ts","../../../projects/ngx-promise-buttons/src/user-cfg.ts","../../../projects/ngx-promise-buttons/src/promise-btn.directive.ts","../../../projects/ngx-promise-buttons/src/ngx-promise-buttons.module.ts","../../../projects/ngx-promise-buttons/src/ngx-promise-buttons.ts"],"sourcesContent":["import {PromiseBtnConfig} from './promise-btn-config';\r\n\r\nexport const DEFAULT_CFG: PromiseBtnConfig = {\r\n  spinnerTpl: '<span class=\"btn-spinner\"></span>',\r\n  disableBtn: true,\r\n  btnLoadingClass: 'is-loading',\r\n  handleCurrentBtnOnly: false,\r\n  minDuration: null,\r\n};\r\n\r\n","import {InjectionToken} from '@angular/core';\r\n\r\nexport const userCfg = new InjectionToken('cfg');\r\n","import {AfterContentInit, Directive, ElementRef, HostListener, Inject, Input, OnDestroy} from '@angular/core';\r\nimport {Observable, Subscription} from 'rxjs';\r\nimport {DEFAULT_CFG} from './default-promise-btn-config';\r\nimport {PromiseBtnConfig} from './promise-btn-config';\r\nimport {userCfg} from './user-cfg';\r\n\r\n@Directive({\r\n    selector: '[promiseBtn]',\r\n    standalone: false\r\n})\r\n\r\nexport class PromiseBtnDirective implements OnDestroy, AfterContentInit {\r\n  cfg: PromiseBtnConfig;\r\n  // the timeout used for min duration display\r\n  minDurationTimeout: number;\r\n  // boolean to determine minDurationTimeout state\r\n  isMinDurationTimeoutDone: boolean;\r\n  // boolean to determine if promise was resolved\r\n  isPromiseDone: boolean;\r\n  // the promise button button element\r\n  btnEl: HTMLElement;\r\n  // the promise itself or a function expression\r\n  // NOTE: we need the type any here as we might deal with custom promises like bluebird\r\n  promise: any;\r\n\r\n  // this is added to fix the overriding of the disabled state by the loading indicator button.\r\n  @Input('disabled')\r\n  set isDisabledFromTheOutsideSetter(v: boolean) {\r\n    this.isDisabledFromTheOutside = v;\r\n    if (v) {\r\n      // disabled means always disabled\r\n      this.btnEl.setAttribute('disabled', 'disabled');\r\n    } else if (this.isPromiseDone || this.isPromiseDone === undefined) {\r\n      this.btnEl.removeAttribute('disabled');\r\n    }\r\n    // else the button is loading, so do not change the disabled loading state.\r\n  }\r\n\r\n  isDisabledFromTheOutside: boolean;\r\n\r\n  private _fakePromiseResolve: (value: void) => void;\r\n\r\n  constructor(el: ElementRef,\r\n              @Inject(userCfg) cfg: PromiseBtnConfig) {\r\n    // provide configuration\r\n    this.cfg = Object.assign({}, DEFAULT_CFG, cfg);\r\n\r\n    // save element\r\n    this.btnEl = el.nativeElement;\r\n  }\r\n\r\n  @Input()\r\n  set promiseBtn(passedValue: any) {\r\n    const isObservable: boolean = passedValue instanceof Observable;\r\n    const isSubscription: boolean = passedValue instanceof Subscription;\r\n    const isBoolean: boolean = typeof passedValue === 'boolean';\r\n    const isPromise: boolean = passedValue instanceof Promise || (\r\n      passedValue !== null &&\r\n      typeof passedValue === 'object' &&\r\n      typeof passedValue.then === 'function' &&\r\n      typeof passedValue.catch === 'function'\r\n    );\r\n\r\n    if (isObservable) {\r\n      throw new TypeError('promiseBtn must be an instance of Subscription, instance of Observable given');\r\n    } else if (isSubscription) {\r\n      const sub: Subscription = passedValue;\r\n      if (!sub.closed) {\r\n        this.promise = new Promise((resolve) => {\r\n          sub.add(resolve);\r\n        });\r\n      }\r\n    } else if (isPromise) {\r\n      this.promise = passedValue;\r\n    } else if (isBoolean) {\r\n      this.promise = this.createPromiseFromBoolean(passedValue);\r\n    }\r\n\r\n    this.checkAndInitPromiseHandler(this.btnEl);\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    this.prepareBtnEl(this.btnEl);\r\n    // trigger changes once to handle initial promises\r\n    this.checkAndInitPromiseHandler(this.btnEl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    // cleanup\r\n    if (this.minDurationTimeout) {\r\n      clearTimeout(this.minDurationTimeout);\r\n    }\r\n  }\r\n\r\n  createPromiseFromBoolean(val: boolean): Promise<any> {\r\n    if (val) {\r\n      return new Promise((resolve) => {\r\n        this._fakePromiseResolve = resolve;\r\n      });\r\n    } else {\r\n      if (this._fakePromiseResolve) {\r\n        this._fakePromiseResolve();\r\n      }\r\n      return this.promise;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initializes all html and event handlers\r\n   */\r\n  prepareBtnEl(btnEl: HTMLElement) {\r\n    // handle promises passed via promiseBtn attribute\r\n    this.appendSpinnerTpl(btnEl);\r\n  }\r\n\r\n  /**\r\n   * Checks if all required parameters are there and inits the promise handler\r\n   */\r\n  checkAndInitPromiseHandler(btnEl: HTMLElement) {\r\n    // check if element and promise is set\r\n    if (btnEl && this.promise) {\r\n      this.initPromiseHandler(btnEl);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Helper FN to add class\r\n   */\r\n  addLoadingClass(el: any) {\r\n    if (typeof this.cfg.btnLoadingClass === 'string') {\r\n      el.classList.add(this.cfg.btnLoadingClass);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Helper FN to remove classes\r\n   */\r\n  removeLoadingClass(el: any) {\r\n    if (typeof this.cfg.btnLoadingClass === 'string') {\r\n      el.classList.remove(this.cfg.btnLoadingClass);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handles everything to be triggered when the button is set\r\n   * to loading state.\r\n   */\r\n  initLoadingState(btnEl: HTMLElement) {\r\n    this.addLoadingClass(btnEl);\r\n    this.disableBtn(btnEl);\r\n  }\r\n\r\n  /**\r\n   * Handles everything to be triggered when loading is finished\r\n   */\r\n  cancelLoadingStateIfPromiseAndMinDurationDone(btnEl: HTMLElement) {\r\n    if ((!this.cfg.minDuration || this.isMinDurationTimeoutDone) && this.isPromiseDone) {\r\n      this.removeLoadingClass(btnEl);\r\n      this.enableBtn(btnEl);\r\n    }\r\n  }\r\n\r\n  disableBtn(btnEl: HTMLElement) {\r\n    if (this.cfg.disableBtn) {\r\n      btnEl.setAttribute('disabled', 'disabled');\r\n    }\r\n  }\r\n\r\n  enableBtn(btnEl: HTMLElement) {\r\n    if (this.cfg.disableBtn) {\r\n      if (this.isDisabledFromTheOutside) {\r\n        btnEl.setAttribute('disabled', 'disabled');\r\n      } else {\r\n        btnEl.removeAttribute('disabled');\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initializes a watcher for the promise. Also takes\r\n   * this.cfg.minDuration into account if given.\r\n   */\r\n\r\n  initPromiseHandler(btnEl: HTMLElement) {\r\n    const promise = this.promise;\r\n\r\n    // watch promise to resolve or fail\r\n    this.isMinDurationTimeoutDone = false;\r\n    this.isPromiseDone = false;\r\n\r\n    // create timeout if option is set\r\n    if (this.cfg.minDuration) {\r\n      this.minDurationTimeout = window.setTimeout(() => {\r\n        this.isMinDurationTimeoutDone = true;\r\n        this.cancelLoadingStateIfPromiseAndMinDurationDone(btnEl);\r\n      }, this.cfg.minDuration);\r\n    }\r\n\r\n    const resolveLoadingState = () => {\r\n      this.isPromiseDone = true;\r\n      this.cancelLoadingStateIfPromiseAndMinDurationDone(btnEl);\r\n    };\r\n\r\n    if (!this.cfg.handleCurrentBtnOnly) {\r\n      this.initLoadingState(btnEl);\r\n    }\r\n    // native Promise doesn't have finally\r\n    if (promise.finally) {\r\n      promise.finally(resolveLoadingState);\r\n    } else {\r\n      promise\r\n        .then(resolveLoadingState)\r\n        .catch(resolveLoadingState);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  /**\r\n   * $compile and append the spinner template to the button.\r\n   */\r\n  appendSpinnerTpl(btnEl: HTMLElement) {\r\n    // TODO add some kind of compilation later on\r\n    btnEl.insertAdjacentHTML('beforeend', this.cfg.spinnerTpl as string);\r\n  }\r\n\r\n  /**\r\n   * Limit loading state to show only for the currently clicked button.\r\n   * Executed only if this.cfg.handleCurrentBtnOnly is set\r\n   */\r\n  @HostListener('click')\r\n  handleCurrentBtnOnly() {\r\n    if (!this.cfg.handleCurrentBtnOnly) {\r\n      return true; // return true for testing\r\n    }\r\n\r\n    // Click triggers @Input update\r\n    // We need to use timeout to wait for @Input to update\r\n    window.setTimeout(() => {\r\n      // return if something else than a promise is passed\r\n      if (!this.promise) {\r\n        return;\r\n      }\r\n\r\n      this.initLoadingState(this.btnEl);\r\n    }, 0);\r\n  }\r\n}\r\n","import {ModuleWithProviders, NgModule} from '@angular/core';\r\nimport {PromiseBtnDirective} from './promise-btn.directive';\r\nimport {PromiseBtnConfig} from './promise-btn-config';\r\nimport {userCfg} from './user-cfg';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    PromiseBtnDirective,\r\n  ],\r\n  imports: [],\r\n  exports: [\r\n    PromiseBtnDirective,\r\n  ],\r\n  providers: []\r\n})\r\nexport class NgxPromiseButtonModule {\r\n  // add forRoot to make it configurable\r\n  static forRoot(config?: PromiseBtnConfig): ModuleWithProviders<NgxPromiseButtonModule> {\r\n    // NOTE: this is never allowed to contain any conditional logic\r\n    return {\r\n      ngModule: NgxPromiseButtonModule,\r\n      providers: [{provide: userCfg, useValue: config}]\r\n    };\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-promise-buttons.mjs","sources":["../../../projects/ngx-promise-buttons/src/default-promise-btn-config.ts","../../../projects/ngx-promise-buttons/src/provider.ts","../../../projects/ngx-promise-buttons/src/promise-btn.directive.ts","../../../projects/ngx-promise-buttons/src/ngx-promise-buttons.ts"],"sourcesContent":["import {PromiseBtnConfig} from './promise-btn-config';\r\n\r\nexport const DEFAULT_CFG: PromiseBtnConfig = {\r\n  spinnerTpl: '<span class=\"btn-spinner\"></span>',\r\n  disableBtn: true,\r\n  btnLoadingClass: 'is-loading',\r\n  handleCurrentBtnOnly: false,\r\n  minDuration: null,\r\n};\r\n\r\n","import { InjectionToken, EnvironmentProviders, makeEnvironmentProviders, Optional, SkipSelf, inject } from '@angular/core';\r\nimport { PromiseBtnConfig } from './promise-btn-config';\r\n\r\nexport const USER_CFG = new InjectionToken<PromiseBtnConfig>('Promise Button Config');\r\n\r\nexport const DEFAULT_CONFIG: PromiseBtnConfig = {\r\n  // default values\r\n};\r\n\r\nexport function provideNgxPromiseButtons(config: PromiseBtnConfig = DEFAULT_CONFIG): EnvironmentProviders {\r\n  return makeEnvironmentProviders([\r\n    { provide: USER_CFG, useValue: { ...DEFAULT_CONFIG, ...config } }\r\n  ]);\r\n}\r\n","import {AfterContentInit, Directive, ElementRef, HostListener, Inject, Input, OnDestroy, Optional} from '@angular/core';\r\nimport {Observable, Subscription} from 'rxjs';\r\nimport {DEFAULT_CFG} from './default-promise-btn-config';\r\nimport {PromiseBtnConfig} from './promise-btn-config';\r\nimport {USER_CFG} from \"./provider\";\r\n\r\n@Directive({\r\n    selector: '[promiseBtn]',\r\n})\r\n\r\nexport class PromiseBtnDirective implements OnDestroy, AfterContentInit {\r\n  cfg: PromiseBtnConfig;\r\n  // the timeout used for min duration display\r\n  minDurationTimeout: number;\r\n  // boolean to determine minDurationTimeout state\r\n  isMinDurationTimeoutDone: boolean;\r\n  // boolean to determine if promise was resolved\r\n  isPromiseDone: boolean;\r\n  // the promise button button element\r\n  btnEl: HTMLElement;\r\n  // the promise itself or a function expression\r\n  // NOTE: we need the type any here as we might deal with custom promises like bluebird\r\n  promise: any;\r\n\r\n  // this is added to fix the overriding of the disabled state by the loading indicator button.\r\n  @Input('disabled')\r\n  set isDisabledFromTheOutsideSetter(v: boolean) {\r\n    this.isDisabledFromTheOutside = v;\r\n    if (v) {\r\n      // disabled means always disabled\r\n      this.btnEl.setAttribute('disabled', 'disabled');\r\n    } else if (this.isPromiseDone || this.isPromiseDone === undefined) {\r\n      this.btnEl.removeAttribute('disabled');\r\n    }\r\n    // else the button is loading, so do not change the disabled loading state.\r\n  }\r\n\r\n  isDisabledFromTheOutside: boolean;\r\n\r\n  private _fakePromiseResolve: (value: void) => void;\r\n\r\n  constructor(el: ElementRef,\r\n              @Optional() @Inject(USER_CFG) cfg?: PromiseBtnConfig) {\r\n    // provide configuration\r\n    this.cfg = Object.assign({}, DEFAULT_CFG, cfg);\r\n\r\n    // save element\r\n    this.btnEl = el.nativeElement;\r\n  }\r\n\r\n  @Input()\r\n  set promiseBtn(passedValue: any) {\r\n    const isObservable: boolean = passedValue instanceof Observable;\r\n    const isSubscription: boolean = passedValue instanceof Subscription;\r\n    const isBoolean: boolean = typeof passedValue === 'boolean';\r\n    const isPromise: boolean = passedValue instanceof Promise || (\r\n      passedValue !== null &&\r\n      typeof passedValue === 'object' &&\r\n      typeof passedValue.then === 'function' &&\r\n      typeof passedValue.catch === 'function'\r\n    );\r\n\r\n    if (isObservable) {\r\n      throw new TypeError('promiseBtn must be an instance of Subscription, instance of Observable given');\r\n    } else if (isSubscription) {\r\n      const sub: Subscription = passedValue;\r\n      if (!sub.closed) {\r\n        this.promise = new Promise((resolve) => {\r\n          sub.add(resolve);\r\n        });\r\n      }\r\n    } else if (isPromise) {\r\n      this.promise = passedValue;\r\n    } else if (isBoolean) {\r\n      this.promise = this.createPromiseFromBoolean(passedValue);\r\n    }\r\n\r\n    this.checkAndInitPromiseHandler(this.btnEl);\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    this.prepareBtnEl(this.btnEl);\r\n    // trigger changes once to handle initial promises\r\n    this.checkAndInitPromiseHandler(this.btnEl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    // cleanup\r\n    if (this.minDurationTimeout) {\r\n      clearTimeout(this.minDurationTimeout);\r\n    }\r\n  }\r\n\r\n  createPromiseFromBoolean(val: boolean): Promise<any> {\r\n    if (val) {\r\n      return new Promise((resolve) => {\r\n        this._fakePromiseResolve = resolve;\r\n      });\r\n    } else {\r\n      if (this._fakePromiseResolve) {\r\n        this._fakePromiseResolve();\r\n      }\r\n      return this.promise;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initializes all html and event handlers\r\n   */\r\n  prepareBtnEl(btnEl: HTMLElement) {\r\n    // handle promises passed via promiseBtn attribute\r\n    this.appendSpinnerTpl(btnEl);\r\n  }\r\n\r\n  /**\r\n   * Checks if all required parameters are there and inits the promise handler\r\n   */\r\n  checkAndInitPromiseHandler(btnEl: HTMLElement) {\r\n    // check if element and promise is set\r\n    if (btnEl && this.promise) {\r\n      this.initPromiseHandler(btnEl);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Helper FN to add class\r\n   */\r\n  addLoadingClass(el: any) {\r\n    if (typeof this.cfg.btnLoadingClass === 'string') {\r\n      el.classList.add(this.cfg.btnLoadingClass);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Helper FN to remove classes\r\n   */\r\n  removeLoadingClass(el: any) {\r\n    if (typeof this.cfg.btnLoadingClass === 'string') {\r\n      el.classList.remove(this.cfg.btnLoadingClass);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handles everything to be triggered when the button is set\r\n   * to loading state.\r\n   */\r\n  initLoadingState(btnEl: HTMLElement) {\r\n    this.addLoadingClass(btnEl);\r\n    this.disableBtn(btnEl);\r\n  }\r\n\r\n  /**\r\n   * Handles everything to be triggered when loading is finished\r\n   */\r\n  cancelLoadingStateIfPromiseAndMinDurationDone(btnEl: HTMLElement) {\r\n    if ((!this.cfg.minDuration || this.isMinDurationTimeoutDone) && this.isPromiseDone) {\r\n      this.removeLoadingClass(btnEl);\r\n      this.enableBtn(btnEl);\r\n    }\r\n  }\r\n\r\n  disableBtn(btnEl: HTMLElement) {\r\n    if (this.cfg.disableBtn) {\r\n      btnEl.setAttribute('disabled', 'disabled');\r\n    }\r\n  }\r\n\r\n  enableBtn(btnEl: HTMLElement) {\r\n    if (this.cfg.disableBtn) {\r\n      if (this.isDisabledFromTheOutside) {\r\n        btnEl.setAttribute('disabled', 'disabled');\r\n      } else {\r\n        btnEl.removeAttribute('disabled');\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initializes a watcher for the promise. Also takes\r\n   * this.cfg.minDuration into account if given.\r\n   */\r\n\r\n  initPromiseHandler(btnEl: HTMLElement) {\r\n    const promise = this.promise;\r\n\r\n    // watch promise to resolve or fail\r\n    this.isMinDurationTimeoutDone = false;\r\n    this.isPromiseDone = false;\r\n\r\n    // create timeout if option is set\r\n    if (this.cfg.minDuration) {\r\n      this.minDurationTimeout = window.setTimeout(() => {\r\n        this.isMinDurationTimeoutDone = true;\r\n        this.cancelLoadingStateIfPromiseAndMinDurationDone(btnEl);\r\n      }, this.cfg.minDuration);\r\n    }\r\n\r\n    const resolveLoadingState = () => {\r\n      this.isPromiseDone = true;\r\n      this.cancelLoadingStateIfPromiseAndMinDurationDone(btnEl);\r\n    };\r\n\r\n    if (!this.cfg.handleCurrentBtnOnly) {\r\n      this.initLoadingState(btnEl);\r\n    }\r\n    // native Promise doesn't have finally\r\n    if (promise.finally) {\r\n      promise.finally(resolveLoadingState);\r\n    } else {\r\n      promise\r\n        .then(resolveLoadingState)\r\n        .catch(resolveLoadingState);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  /**\r\n   * $compile and append the spinner template to the button.\r\n   */\r\n  appendSpinnerTpl(btnEl: HTMLElement) {\r\n    // TODO add some kind of compilation later on\r\n    btnEl.insertAdjacentHTML('beforeend', this.cfg.spinnerTpl as string);\r\n  }\r\n\r\n  /**\r\n   * Limit loading state to show only for the currently clicked button.\r\n   * Executed only if this.cfg.handleCurrentBtnOnly is set\r\n   */\r\n  @HostListener('click')\r\n  handleCurrentBtnOnly() {\r\n    if (!this.cfg.handleCurrentBtnOnly) {\r\n      return true; // return true for testing\r\n    }\r\n\r\n    // Click triggers @Input update\r\n    // We need to use timeout to wait for @Input to update\r\n    window.setTimeout(() => {\r\n      // return if something else than a promise is passed\r\n      if (!this.promise) {\r\n        return;\r\n      }\r\n\r\n      this.initLoadingState(this.btnEl);\r\n    }, 0);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-promise-buttons",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Chilled loading buttons for angular",
   "author": "meysamsahragard <contact@super-productivity.com> (http://super-productivity.com)",
   "license": "MIT",
@@ -35,4 +35,4 @@
     }
   },
   "sideEffects": false
-}
+}

package/types/ngx-promise-buttons.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, AfterContentInit, ElementRef, ModuleWithProviders } from '@angular/core';
+import { OnDestroy, AfterContentInit, ElementRef, InjectionToken, EnvironmentProviders } from '@angular/core';
 
 interface PromiseBtnConfig {
     spinnerTpl?: string;
@@ -19,7 +19,7 @@ declare class PromiseBtnDirective implements OnDestroy, AfterContentInit {
     set isDisabledFromTheOutsideSetter(v: boolean);
     isDisabledFromTheOutside: boolean;
     private _fakePromiseResolve;
-    constructor(el: ElementRef, cfg: PromiseBtnConfig);
+    constructor(el: ElementRef, cfg?: PromiseBtnConfig);
     set promiseBtn(passedValue: any);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
@@ -65,15 +65,12 @@ declare class PromiseBtnDirective implements OnDestroy, AfterContentInit {
      * Executed only if this.cfg.handleCurrentBtnOnly is set
      */
     handleCurrentBtnOnly(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PromiseBtnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PromiseBtnDirective, "[promiseBtn]", never, { "isDisabledFromTheOutsideSetter": { "alias": "disabled"; "required": false; }; "promiseBtn": { "alias": "promiseBtn"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromiseBtnDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PromiseBtnDirective, "[promiseBtn]", never, { "isDisabledFromTheOutsideSetter": { "alias": "disabled"; "required": false; }; "promiseBtn": { "alias": "promiseBtn"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class NgxPromiseButtonModule {
-    static forRoot(config?: PromiseBtnConfig): ModuleWithProviders<NgxPromiseButtonModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxPromiseButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxPromiseButtonModule, [typeof PromiseBtnDirective], never, [typeof PromiseBtnDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgxPromiseButtonModule>;
-}
+declare const USER_CFG: InjectionToken<PromiseBtnConfig>;
+declare const DEFAULT_CONFIG: PromiseBtnConfig;
+declare function provideNgxPromiseButtons(config?: PromiseBtnConfig): EnvironmentProviders;
 
-export { NgxPromiseButtonModule, PromiseBtnDirective };
+export { DEFAULT_CONFIG, PromiseBtnDirective, USER_CFG, provideNgxPromiseButtons };