ngx-promise-buttons 1.0.1 → 1.0.2

package/fesm2022/ngx-promise-buttons.mjs

@@ -0,0 +1,243 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, HostListener, Input, Optional, Inject, Directive } 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 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.
+    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: 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]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [USER_CFG]
+                }] }], propDecorators: { isDisabledFromTheOutsideSetter: [{
+                type: Input,
+                args: ['disabled']
+            }], promiseBtn: [{
+                type: Input
+            }], handleCurrentBtnOnly: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_CONFIG, PromiseBtnDirective, USER_CFG, provideNgxPromiseButtons };
+//# sourceMappingURL=ngx-promise-buttons.mjs.map

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

@@ -0,0 +1 @@
+{"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,87 +1,38 @@
-{
-  "name": "ngx-promise-buttons",
-  "version": "1.0.1",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/meysamsahragard/ngx-promise-buttons.git"
-  },
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "test": "ng test --browsers ChromeHeadless --watch=false",
-    "lint": "ng lint",
-    "e2e": "ng e2e",
-    "demo": "run-s demo.build demo.copy-readme demo.gh-pages",
-    "demo.build": "ng build --aot --configuration production --base-href='./'",
-    "demo.copy-readme": "node scripts/copy-readme-to-demo.js",
-    "demo.gh-pages": "gh-pages -d dist/demo",
-    "lib": "run-s lib.build copy",
-    "lib.build": "ng build --configuration production ngx-promise-buttons",
-    "copy": "run-s copy.licence copy.readme",
-    "copy.licence": "copyfiles ./LICENSE ./dist/ngx-promise-buttons",
-    "copy.readme": "copyfiles ./README.md ./dist/ngx-promise-buttons",
-    "pub": "run-s lib && cd ./dist/ngx-promise-buttons/ && npm publish && cd .. && cd ..",
-    "patch": "npm version patch && cd ./projects/ngx-promise-buttons && npm version patch && cd .. && cd .. && git add . && git commit -am\"chore: update lib version\"",
-    "patch-release_": "run-s lib demo patch pub",
-    "patch-release": "npm run patch-release_",
-    "major": "npm version major && cd ./projects/ngx-promise-buttons && npm version major && cd .. && cd .. && git add . && git commit -am\"chore: update lib version\"",
-    "major-release_": "run-s lib demo major pub",
-    "major-release": "npm run major-release_",
-    "test-coverage": "ng test --browsers ChromeHeadless --code-coverage --watch=false",
-    "coveralls": "YOURPACKAGE_COVERAGE=1 cat ./coverage/lcov.info | ./node_modules/.bin/coveralls"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "^21.0.4",
-    "@angular/cli": "^21.0.4",
-    "@angular/common": "^21.0.6",
-    "@angular/compiler": "^21.0.6",
-    "@angular/compiler-cli": "^21.0.6",
-    "@angular/core": "^21.0.6",
-    "@angular/forms": "^21.0.6",
-    "@angular/platform-browser": "^21.0.6",
-    "@angular/platform-browser-dynamic": "^21.0.6",
-    "@angular/router": "^21.0.6",
-    "@types/bluebird": "^3.5.29",
-    "@types/core-js": "^2.5.2",
-    "@types/jasmine": "~3.6.0",
-    "@types/jquery": "^3.3.32",
-    "@types/node": "^13.7.0",
-    "angular2-template-loader": "^0.6.2",
-    "bluebird": "^3.7.2",
-    "bootstrap": "^4.4.1",
-    "bootstrap-material-design": "^4.1.2",
-    "codelyzer": "^6.0.0",
-    "conventional-changelog-cli": "^2.0.31",
-    "conventional-github-releaser": "^3.1.3",
-    "copyfiles": "^2.2.0",
-    "core-js": "^3.6.4",
-    "coveralls": "^3.0.9",
-    "gh-pages": "^2.2.0",
-    "intl": "^1.2.5",
-    "jasmine-core": "~3.10",
-    "jasmine-spec-reporter": "~5.0.0",
-    "jquery": "^3.5.0",
-    "karma": "~6.3.16",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-cli": "~2.0.0",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
-    "karma-phantomjs-launcher": "^1.0.4",
-    "marked": "^2.0.0",
-    "ng-packagr": "^21.0.1",
-    "npm-run-all": "^4.1.5",
-    "protractor": "~7.0.0",
-    "reflect-metadata": "^0.1.13",
-    "rxjs": "^6.5.4",
-    "ts-node": "~8.6.2",
-    "tslib": "^2.0.0",
-    "tslint": "~6.1.0",
-    "typescript": "~5.9.3",
-    "wallaby-webpack": "3.9.15",
-    "web-animations-js": "^2.3.2",
-    "zone.js": "~0.15.1"
-  }
-}
+{
+  "name": "ngx-promise-buttons",
+  "version": "1.0.2",
+  "description": "Chilled loading buttons for angular",
+  "author": "meysamsahragard <contact@super-productivity.com> (http://super-productivity.com)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/meysamsahragard/ngx-promise-buttons.git"
+  },
+  "keywords": [
+    "angular",
+    "javascript",
+    "typescript",
+    "button",
+    "promise",
+    "spinner"
+  ],
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=9.0.4",
+    "@angular/core": ">=9.0.4"
+  },
+  "module": "fesm2022/ngx-promise-buttons.mjs",
+  "typings": "types/ngx-promise-buttons.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ngx-promise-buttons.d.ts",
+      "default": "./fesm2022/ngx-promise-buttons.mjs"
+    }
+  },
+  "sideEffects": false
+}

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

@@ -0,0 +1,76 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, AfterContentInit, ElementRef, InjectionToken, EnvironmentProviders } 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, [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 const USER_CFG: InjectionToken<PromiseBtnConfig>;
+declare const DEFAULT_CONFIG: PromiseBtnConfig;
+declare function provideNgxPromiseButtons(config?: PromiseBtnConfig): EnvironmentProviders;
+
+export { DEFAULT_CONFIG, PromiseBtnDirective, USER_CFG, provideNgxPromiseButtons };

package/.editorconfig

@@ -1,13 +0,0 @@
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/.github/FUNDING.yml

@@ -1,12 +0,0 @@
-# These are supported funding model platforms
-
-github: [meysamsahragard] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
-patreon: # Replace with a single Patreon username
-open_collective: # Replace with a single Open Collective username
-ko_fi: # Replace with a single Ko-fi username
-tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
-community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
-liberapay: # Replace with a single Liberapay username
-issuehunt: # Replace with a single IssueHunt username
-otechie: # Replace with a single Otechie username
-custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

package/.travis.yml

@@ -1,21 +0,0 @@
-language: node_js
-node_js:
-  - "12"
-
-cache:
-  yarn: true
-
-
-script:
-  - yarn
-  - yarn test-coverage
-
-addons:
-  apt:
-    sources:
-      - ubuntu-toolchain-r-test
-    # required by node-gyp to build some packages
-    packages:
-      - g++-4.8
-
-after_success: 'npm run coveralls'

package/CONTRIBUTING.md

@@ -1,36 +0,0 @@
-# How to contribute to this repository
-Create a fork of this repository and check it out. 
-
-To make everything work you need to symlink the src directory to the app folder once. You can do this manually or by running `npm run link-mod`. 
-
-Once this is done you can run `npm start` to start the development server.
-
-If you implement a new feature it is always a good idea to also add an example of it to the demo application.
-
-## Commit guidelines
-In general this repo tries to adhere to the [angular commit guidelines](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit).
-
-## Dev tasks
-There are several scripts defined in the package.json
-
-`npm start`: Starts the development server.
-
-`npm run` **test-watch**: Runs the unit tests via karma.
-
-`npm run` **test**: Runs the unit tests once.
-
-`npm run` **test-coverage**: Runs the unit tests with a coverage report.
-
-`npm run` **build**: Creates a compiled version of your library inside the dist folder.
-
-`npm run` **demo.deploy**: 
-Builds the demo app to demo/dist, copies the readme to it and publishes everything to github pages.
- 
-`npm run` **release.changelog**:
-Creates a changelog based on the [angular commit conventions](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md).  
- 
-`npm run` **link-mod**: Creates a symlink to the module inside the demo/src folder. This is required for compiling the app with aot.
- 
-`npm run` **lint**: Lints all demo and library files
- 
-`npm run` **e2e**: Runs the end2end tests.