ngx-promise-buttons 1.0.0 → 1.0.1

package/scripts/copy-readme-to-demo.js

@@ -0,0 +1,15 @@
+const marked = require('marked');
+const fs = require('fs');
+
+const demoIndexPagePath = __dirname + '/../dist/demo/index.html';
+const readmePath = __dirname + '/../README.md';
+const readmeNeedle = '___README_MD_NEEDLE___';
+const readme = fs.readFileSync(readmePath);
+const demoIndex = fs.readFileSync(demoIndexPagePath);
+
+const demoIndexHtml = demoIndex.toString();
+const readmeHtml = marked(readme.toString());
+
+const newDemoIndexHtml = demoIndexHtml.replace(readmeNeedle, readmeHtml);
+
+fs.writeFileSync(demoIndexPagePath, newDemoIndexHtml);

package/tsconfig.build-lib.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "experimentalDecorators": true,
+    "removeComments": false,
+    "noImplicitAny": true,
+    "declaration": true,
+    "outDir": "./dist",
+    "stripInternal": true,
+    "lib": [
+      "dom",
+      "es6"
+    ]
+  },
+  "include": [
+    "projects/ngx-promise-buttons-demo/src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts"
+  ],
+  "files": [
+    "./scripts/typings.d.ts",
+    "./projects/ngx-promise-buttons-demo/src/index.ts"
+  ],
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true
+  }
+}

package/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "module": "es2020",
+    "moduleResolution": "bundler",
+    "importHelpers": true,
+    "target": "ES2022",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+    "paths": {
+      "angular-material-css-variables": [
+        "dist/angular-material-css-variables"
+      ],
+      "angular-material-css-variables/*": [
+        "dist/angular-material-css-variables/*"
+      ],
+      "material-css-vars": [
+        "dist/material-css-vars"
+      ],
+      "material-css-vars/*": [
+        "dist/material-css-vars/*"
+      ]
+    },
+    "useDefineForClassFields": false
+  },
+  "angularCompilerOptions": {
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true
+  }
+}

package/wallaby.js

@@ -0,0 +1,90 @@
+'use strict';
+
+const wallabyWebpack = require('wallaby-webpack');
+const path = require('path');
+
+const compilerOptions = Object.assign(
+  require('./tsconfig.json').compilerOptions);
+
+// don't generate the declaration files (.d.ts)
+compilerOptions.declaration = false;
+
+module.exports = function (wallaby) {
+
+  const webpackPostprocessor = wallabyWebpack({
+    entryPatterns: [
+      'scripts/wallabyTest.js',
+      'src/**/*spec.js'
+    ],
+
+    module: {
+      loaders: [
+        { test: /\.css$/, loader: 'raw-loader' },
+        { test: /\.html$/, loader: 'raw-loader' },
+        { test: /\.js$/, loader: 'angular2-template-loader', exclude: /node_modules/ },
+        { test: /\.json$/, loader: 'json-loader' },
+        { test: /\.styl$/, loaders: ['raw-loader', 'stylus-loader'] },
+        { test: /\.less$/, loaders: ['raw-loader', 'less-loader'] },
+        { test: /\.scss$|\.sass$/, loaders: ['raw-loader', 'sass-loader'] },
+        { test: /\.(jpg|png)$/, loader: 'url-loader?limit=128000' }
+      ]
+    },
+
+    resolve: {
+      modules: [
+        path.join(wallaby.projectCacheDir, 'demo/src'),
+        path.join(wallaby.projectCacheDir, 'src')
+      ]
+    }
+  });
+
+  return {
+    files: [
+      { pattern: 'src/**/*.ts', load: false },
+      { pattern: 'src/**/*.d.ts', ignore: true },
+      { pattern: 'src/**/*.css', load: false },
+      { pattern: 'src/**/*.less', load: false },
+      { pattern: 'src/**/*.scss', load: false },
+      { pattern: 'src/**/*.sass', load: false },
+      { pattern: 'src/**/*.styl', load: false },
+      { pattern: 'src/**/*.html', load: false },
+      { pattern: 'src/**/*.json', load: false },
+      { pattern: 'scripts/*.ts', load: false },
+      { pattern: 'src/**/*spec.ts', ignore: true },
+      { pattern: 'demo/src/**/*.ts', load: false },
+      { pattern: 'demo/src/**/*.d.ts', ignore: true },
+      { pattern: 'demo/src/**/*.css', load: false },
+      { pattern: 'demo/src/**/*.less', load: false },
+      { pattern: 'demo/src/**/*.scss', load: false },
+      { pattern: 'demo/src/**/*.sass', load: false },
+      { pattern: 'demo/src/**/*.styl', load: false },
+      { pattern: 'demo/src/**/*.html', load: false },
+      { pattern: 'demo/src/**/*.json', load: false },
+      { pattern: 'demo/src/**/*spec.ts', ignore: true }
+    ],
+
+    tests: [
+      { pattern: 'src/**/*spec.ts', load: false }
+    ],
+
+    testFramework: 'jasmine',
+    preprocessors: {
+      './scripts/test.ts': ['@angular/cli']
+    },
+    compilers: {
+      '**/*.ts': wallaby.compilers.typeScript(compilerOptions)
+    },
+
+    env: {
+      kind: 'electron'
+    },
+
+    postprocessor: webpackPostprocessor,
+
+    setup: function () {
+      window.__moduleBundler.loadTests();
+    },
+
+    debug: true
+  };
+};

package/fesm2022/ngx-promise-buttons.mjs

@@ -1,261 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, HostListener, Input, Inject, Directive, NgModule } from '@angular/core';
-import { Observable, Subscription } from 'rxjs';
-
-const DEFAULT_CFG = {
-    spinnerTpl: '<span class="btn-spinner"></span>',
-    disableBtn: true,
-    btnLoadingClass: 'is-loading',
-    handleCurrentBtnOnly: false,
-    minDuration: null,
-};
-
-const userCfg = new InjectionToken('cfg');
-
-class PromiseBtnDirective {
-    // this is added to fix the overriding of the disabled state by the loading indicator button.
-    set isDisabledFromTheOutsideSetter(v) {
-        this.isDisabledFromTheOutside = v;
-        if (v) {
-            // disabled means always disabled
-            this.btnEl.setAttribute('disabled', 'disabled');
-        }
-        else if (this.isPromiseDone || this.isPromiseDone === undefined) {
-            this.btnEl.removeAttribute('disabled');
-        }
-        // else the button is loading, so do not change the disabled loading state.
-    }
-    constructor(el, cfg) {
-        // provide configuration
-        this.cfg = Object.assign({}, DEFAULT_CFG, cfg);
-        // save element
-        this.btnEl = el.nativeElement;
-    }
-    set promiseBtn(passedValue) {
-        const isObservable = passedValue instanceof Observable;
-        const isSubscription = passedValue instanceof Subscription;
-        const isBoolean = typeof passedValue === 'boolean';
-        const isPromise = passedValue instanceof Promise || (passedValue !== null &&
-            typeof passedValue === 'object' &&
-            typeof passedValue.then === 'function' &&
-            typeof passedValue.catch === 'function');
-        if (isObservable) {
-            throw new TypeError('promiseBtn must be an instance of Subscription, instance of Observable given');
-        }
-        else if (isSubscription) {
-            const sub = passedValue;
-            if (!sub.closed) {
-                this.promise = new Promise((resolve) => {
-                    sub.add(resolve);
-                });
-            }
-        }
-        else if (isPromise) {
-            this.promise = passedValue;
-        }
-        else if (isBoolean) {
-            this.promise = this.createPromiseFromBoolean(passedValue);
-        }
-        this.checkAndInitPromiseHandler(this.btnEl);
-    }
-    ngAfterContentInit() {
-        this.prepareBtnEl(this.btnEl);
-        // trigger changes once to handle initial promises
-        this.checkAndInitPromiseHandler(this.btnEl);
-    }
-    ngOnDestroy() {
-        // cleanup
-        if (this.minDurationTimeout) {
-            clearTimeout(this.minDurationTimeout);
-        }
-    }
-    createPromiseFromBoolean(val) {
-        if (val) {
-            return new Promise((resolve) => {
-                this._fakePromiseResolve = resolve;
-            });
-        }
-        else {
-            if (this._fakePromiseResolve) {
-                this._fakePromiseResolve();
-            }
-            return this.promise;
-        }
-    }
-    /**
-     * Initializes all html and event handlers
-     */
-    prepareBtnEl(btnEl) {
-        // handle promises passed via promiseBtn attribute
-        this.appendSpinnerTpl(btnEl);
-    }
-    /**
-     * Checks if all required parameters are there and inits the promise handler
-     */
-    checkAndInitPromiseHandler(btnEl) {
-        // check if element and promise is set
-        if (btnEl && this.promise) {
-            this.initPromiseHandler(btnEl);
-        }
-    }
-    /**
-     * Helper FN to add class
-     */
-    addLoadingClass(el) {
-        if (typeof this.cfg.btnLoadingClass === 'string') {
-            el.classList.add(this.cfg.btnLoadingClass);
-        }
-    }
-    /**
-     * Helper FN to remove classes
-     */
-    removeLoadingClass(el) {
-        if (typeof this.cfg.btnLoadingClass === 'string') {
-            el.classList.remove(this.cfg.btnLoadingClass);
-        }
-    }
-    /**
-     * Handles everything to be triggered when the button is set
-     * to loading state.
-     */
-    initLoadingState(btnEl) {
-        this.addLoadingClass(btnEl);
-        this.disableBtn(btnEl);
-    }
-    /**
-     * Handles everything to be triggered when loading is finished
-     */
-    cancelLoadingStateIfPromiseAndMinDurationDone(btnEl) {
-        if ((!this.cfg.minDuration || this.isMinDurationTimeoutDone) && this.isPromiseDone) {
-            this.removeLoadingClass(btnEl);
-            this.enableBtn(btnEl);
-        }
-    }
-    disableBtn(btnEl) {
-        if (this.cfg.disableBtn) {
-            btnEl.setAttribute('disabled', 'disabled');
-        }
-    }
-    enableBtn(btnEl) {
-        if (this.cfg.disableBtn) {
-            if (this.isDisabledFromTheOutside) {
-                btnEl.setAttribute('disabled', 'disabled');
-            }
-            else {
-                btnEl.removeAttribute('disabled');
-            }
-        }
-    }
-    /**
-     * Initializes a watcher for the promise. Also takes
-     * this.cfg.minDuration into account if given.
-     */
-    initPromiseHandler(btnEl) {
-        const promise = this.promise;
-        // watch promise to resolve or fail
-        this.isMinDurationTimeoutDone = false;
-        this.isPromiseDone = false;
-        // create timeout if option is set
-        if (this.cfg.minDuration) {
-            this.minDurationTimeout = window.setTimeout(() => {
-                this.isMinDurationTimeoutDone = true;
-                this.cancelLoadingStateIfPromiseAndMinDurationDone(btnEl);
-            }, this.cfg.minDuration);
-        }
-        const resolveLoadingState = () => {
-            this.isPromiseDone = true;
-            this.cancelLoadingStateIfPromiseAndMinDurationDone(btnEl);
-        };
-        if (!this.cfg.handleCurrentBtnOnly) {
-            this.initLoadingState(btnEl);
-        }
-        // native Promise doesn't have finally
-        if (promise.finally) {
-            promise.finally(resolveLoadingState);
-        }
-        else {
-            promise
-                .then(resolveLoadingState)
-                .catch(resolveLoadingState);
-        }
-    }
-    /**
-     * $compile and append the spinner template to the button.
-     */
-    appendSpinnerTpl(btnEl) {
-        // TODO add some kind of compilation later on
-        btnEl.insertAdjacentHTML('beforeend', this.cfg.spinnerTpl);
-    }
-    /**
-     * Limit loading state to show only for the currently clicked button.
-     * Executed only if this.cfg.handleCurrentBtnOnly is set
-     */
-    handleCurrentBtnOnly() {
-        if (!this.cfg.handleCurrentBtnOnly) {
-            return true; // return true for testing
-        }
-        // Click triggers @Input update
-        // We need to use timeout to wait for @Input to update
-        window.setTimeout(() => {
-            // return if something else than a promise is passed
-            if (!this.promise) {
-                return;
-            }
-            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 }); }
-}
-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: Inject,
-                    args: [userCfg]
-                }] }], propDecorators: { isDisabledFromTheOutsideSetter: [{
-                type: Input,
-                args: ['disabled']
-            }], promiseBtn: [{
-                type: Input
-            }], handleCurrentBtnOnly: [{
-                type: HostListener,
-                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 };
-//# sourceMappingURL=ngx-promise-buttons.mjs.map

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

@@ -1 +0,0 @@
-{"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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"}

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

@@ -1,79 +0,0 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, AfterContentInit, ElementRef, ModuleWithProviders } from '@angular/core';
-
-interface PromiseBtnConfig {
-    spinnerTpl?: string;
-    disableBtn?: boolean;
-    btnLoadingClass?: boolean | string;
-    handleCurrentBtnOnly?: boolean;
-    minDuration?: number | null;
-}
-
-declare class PromiseBtnDirective implements OnDestroy, AfterContentInit {
-    cfg: PromiseBtnConfig;
-    minDurationTimeout: number;
-    isMinDurationTimeoutDone: boolean;
-    isPromiseDone: boolean;
-    btnEl: HTMLElement;
-    promise: any;
-    set isDisabledFromTheOutsideSetter(v: boolean);
-    isDisabledFromTheOutside: boolean;
-    private _fakePromiseResolve;
-    constructor(el: ElementRef, cfg: PromiseBtnConfig);
-    set promiseBtn(passedValue: any);
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    createPromiseFromBoolean(val: boolean): Promise<any>;
-    /**
-     * Initializes all html and event handlers
-     */
-    prepareBtnEl(btnEl: HTMLElement): void;
-    /**
-     * Checks if all required parameters are there and inits the promise handler
-     */
-    checkAndInitPromiseHandler(btnEl: HTMLElement): void;
-    /**
-     * Helper FN to add class
-     */
-    addLoadingClass(el: any): void;
-    /**
-     * Helper FN to remove classes
-     */
-    removeLoadingClass(el: any): void;
-    /**
-     * Handles everything to be triggered when the button is set
-     * to loading state.
-     */
-    initLoadingState(btnEl: HTMLElement): void;
-    /**
-     * Handles everything to be triggered when loading is finished
-     */
-    cancelLoadingStateIfPromiseAndMinDurationDone(btnEl: HTMLElement): void;
-    disableBtn(btnEl: HTMLElement): void;
-    enableBtn(btnEl: HTMLElement): void;
-    /**
-     * Initializes a watcher for the promise. Also takes
-     * this.cfg.minDuration into account if given.
-     */
-    initPromiseHandler(btnEl: HTMLElement): void;
-    /**
-     * $compile and append the spinner template to the button.
-     */
-    appendSpinnerTpl(btnEl: HTMLElement): void;
-    /**
-     * Limit loading state to show only for the currently clicked button.
-     * 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>;
-}
-
-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>;
-}
-
-export { NgxPromiseButtonModule, PromiseBtnDirective };