ngx-promise-buttons 1.0.1 → 1.0.2

package/projects/ngx-promise-buttons-demo/src/app/app.component.ts

@@ -1,208 +0,0 @@
-import {Component} from '@angular/core';
-import {Observable, Subscription} from 'rxjs';
-import {PromiseBtnDirective} from "../../../ngx-promise-buttons/src";
-const STANDARD_DELAY = 1000;
-const FAKE_FACT = {
-  success() {
-    return new Promise((fulfill) => {
-      setTimeout(() => {
-        fulfill({
-          msg: 'SUCCESS'
-        });
-      }, STANDARD_DELAY);
-    });
-  },
-  error: () => {
-    return new Promise((fulfill, reject) => {
-      setTimeout(() => {
-        reject({
-          msg: 'ERROR'
-        });
-      }, STANDARD_DELAY);
-    });
-  },
-  endless: () => {
-    return new Promise((fulfill) => {
-      setTimeout(fulfill, 99999999);
-    });
-  },
-  endlessObservable: (): Observable<any> => {
-    return new Observable(() => {
-    });
-  },
-  initSuccessObservable: (): Observable<any> => {
-    return new Observable(observer => {
-      setTimeout(() => {
-        observer.complete();
-      }, STANDARD_DELAY);
-    });
-  },
-  initErrorObservable: (): Observable<any> => {
-    return new Observable(observer => {
-      setTimeout(() => {
-        observer.error('ERROR');
-      }, STANDARD_DELAY);
-    });
-  },
-  initChainedObservable: (): Observable<number> => {
-    return new Observable(observer => {
-      setTimeout(() => {
-        observer.next(1);
-      }, 1000);
-
-      setTimeout(() => {
-        observer.next(2);
-      }, 2000);
-
-      setTimeout(() => {
-        observer.next(3);
-      }, 3000);
-
-      setTimeout(() => {
-        observer.complete();
-      }, 4000);
-    });
-  },
-};
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html',
-    styleUrls: ['./app.component.css'],
-  imports:[
-    PromiseBtnDirective
-  ]
-})
-export class AppComponent {
-  successPromise: Promise<any>;
-  errorPromise: Promise<any>;
-  endlessInitialPromise: Promise<any>;
-  endlessPromise: Promise<any>;
-  submitPromise: Promise<any>;
-  chainedPromises: any;
-  promiseIndex: number;
-  myBool = true;
-
-  successObservable: Subscription;
-  errorObservable: Subscription;
-  endlessInitialObservable: Subscription;
-  endlessObservable: Subscription;
-  chainedObservableValue: any;
-  chainedObservable: Subscription;
-  customDisabled = true;
-  myBoolWithCustomDisabled = false;
-  isOutsideDisabled = true;
-
-  constructor() {
-    this.endlessInitial();
-    this.initEndlessInitialObservable();
-  }
-
-  success($event: any): Promise<any> {
-    console.log($event);
-    this.successPromise = FAKE_FACT.success();
-    return this.successPromise;
-  }
-
-  error() {
-    this.errorPromise = FAKE_FACT.error()
-      .catch(() => {
-        console.log('YEAH ERROR');
-      });
-  }
-
-  endless() {
-    this.endlessPromise = FAKE_FACT.endless();
-  }
-
-  endlessInitial() {
-    this.endlessInitialPromise = FAKE_FACT.endless();
-  }
-
-  initSuccessObservable() {
-    const observable = FAKE_FACT.initSuccessObservable();
-    this.successObservable = observable.subscribe(
-      () => {
-      },
-      () => {
-      },
-      () => {
-      }
-    );
-  }
-
-  initErrorObservable() {
-    const observable = FAKE_FACT.initErrorObservable();
-    this.errorObservable = observable.subscribe(
-      () => {
-      },
-      (msg) => {
-        console.log(msg);
-      },
-      () => {
-      },
-    );
-  }
-
-  initChainedObservable() {
-    const observable = FAKE_FACT.initChainedObservable();
-    this.chainedObservableValue = 'INITIALIZED';
-    this.chainedObservable = observable.subscribe(
-      (value: number) => {
-        this.chainedObservableValue = value;
-      },
-      () => {
-      },
-      () => {
-        this.chainedObservableValue = 'COMPLETED';
-      }
-    );
-  }
-
-  initEndlessObservable() {
-    const observable = FAKE_FACT.endlessObservable();
-    this.endlessObservable = observable.subscribe(
-      () => {
-      },
-      () => {
-      },
-      () => {
-      },
-    );
-  }
-
-  initEndlessInitialObservable() {
-    const observable = FAKE_FACT.endlessObservable();
-    this.endlessInitialObservable = observable.subscribe(
-      () => {
-      },
-      () => {
-      },
-      () => {
-      },
-    );
-  }
-
-  submit() {
-    this.submitPromise = FAKE_FACT.success();
-  }
-
-  chain() {
-    this.promiseIndex = 0;
-    this.chainedPromises = this.countChain()
-      .then(this.countChain.bind(this))
-      .then(this.countChain.bind(this))
-      .then(this.countChain.bind(this))
-      .then(this.countChain.bind(this));
-
-    return this.chainedPromises;
-  }
-
-  countChain() {
-    return FAKE_FACT.success()
-      .then(() => {
-        this.promiseIndex++;
-      });
-  }
-
-}

package/projects/ngx-promise-buttons-demo/src/environments/environment.prod.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};

package/projects/ngx-promise-buttons-demo/src/environments/environment.ts

@@ -1,8 +0,0 @@
-// The file contents for the current environment will overwrite these during build.
-// The build system defaults to the dev environment which uses `environment.ts`, but if you do
-// `ng build --env=prod` then `environment.prod.ts` will be used instead.
-// The list of which env maps to which file can be found in `.angular-cli.json`.
-
-export const environment = {
-  production: false
-};

package/projects/ngx-promise-buttons-demo/src/index.html

@@ -1,72 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>NgxPromiseButtons</title>
-
-  <meta name="viewport"
-        content="width=device-width, initial-scale=1">
-  <link rel="icon"
-        type="image/x-icon"
-        href="favicon.ico">
-  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
-        rel="stylesheet">
-</head>
-<body>
-
-<header class="main-header">
-  <a href="https://github.com/meysamsahragard/ngx-promise-buttons"
-     class="fork-me-badge">
-    <img src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67"
-         alt="Fork me on GitHub"
-         data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
-  </a>
-
-  <div class="container">
-    <h1 class="header">ngx-promise-buttons</h1>
-    <p class="header motto"><i>Chilled Buttons for Angular</i></p>
-
-    <!-- Place this tag where you want the button to render. -->
-    <!-- Place this tag where you want the button to render. -->
-    <a class="github-button"
-       href="https://github.com/meysamsahragard/ngx-promise-buttons"
-       data-icon="octicon-star"
-       data-size="large"
-       data-show-count="true"
-       aria-label="Star meysamsahragard/ngx-promise-buttons on GitHub">Star</a>
-
-    <!-- Place this tag where you want the button to render. -->
-    <a class="github-button"
-       href="https://github.com/meysamsahragard/ngx-promise-buttons/fork"
-       data-icon="octicon-repo-forked"
-       data-size="large"
-       data-show-count="true"
-       aria-label="Fork meysamsahragard/ngx-promise-buttons on GitHub">Fork</a>
-
-    <!-- Place this tag where you want the button to render. -->
-    <a class="github-button"
-       href="https://github.com/meysamsahragard/ngx-promise-buttons/issues"
-       data-icon="octicon-issue-opened"
-       data-size="large"
-       data-show-count="true"
-       aria-label="Issue meysamsahragard/ngx-promise-buttons on GitHub">Issue</a>
-  </div>
-</header>
-
-<div class="container">
-  <main>
-    ___README_MD_NEEDLE___
-
-
-    <h2><a name="demo"
-           id="demo"></a>Demo</h2>
-    <app-root>Loading...</app-root>
-  </main>
-</div>
-
-<script async
-        defer
-        id="github-bjs"
-        src="https://buttons.github.io/buttons.js"></script>
-</body>
-</html>

package/projects/ngx-promise-buttons-demo/src/main.ts

@@ -1,11 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import {AppComponent} from "./app/app.component";
-import {provideNgxPromiseButtons} from "../../ngx-promise-buttons/src";
-
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideNgxPromiseButtons({
-      // handleCurrentBtnOnly: true
-    }),
-  ],
-});

package/projects/ngx-promise-buttons-demo/src/polyfills.ts

@@ -1,63 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js'; // Included with Angular CLI.
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */

package/projects/ngx-promise-buttons-demo/src/styles.scss

@@ -1,135 +0,0 @@
-@import '../../../node_modules/bootstrap-material-design/dist/css/bootstrap-material-design.css';
-//@import 'node_modules/bootstrap-material-design/scss/bootstrap-material-design';
-
-/* You can add global styles to this file, and also import other style files */
-@-webkit-keyframes three-quarters {
-    0% {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-
-    100% {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        -o-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-@-moz-keyframes three-quarters {
-    0% {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-
-    100% {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        -o-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-@-o-keyframes three-quarters {
-    0% {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-
-    100% {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        -o-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes three-quarters {
-    0% {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-
-    100% {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        -o-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-/* Styles for old versions of IE */
-button .btn-spinner {
-    font-family: sans-serif;
-    font-weight: 100;
-    -webkit-animation: three-quarters 1250ms infinite linear;
-    -moz-animation: three-quarters 1250ms infinite linear;
-    -ms-animation: three-quarters 1250ms infinite linear;
-    -o-animation: three-quarters 1250ms infinite linear;
-    animation: three-quarters 1250ms infinite linear;
-    border: 3px solid #8c024c;
-    border-right-color: transparent;
-    border-radius: 100%;
-    box-sizing: border-box;
-    display: inline-block;
-    position: relative;
-    vertical-align: middle;
-    overflow: hidden;
-    text-indent: -9999px;
-    width: 18px;
-    height: 18px;
-}
-
-button .btn-spinner:not(:required) {
-    margin-left: -22px;
-    opacity: 0;
-    transition: 0.4s margin ease-out,
-    0.2s opacity ease-out;
-}
-
-button.is-loading .btn-spinner {
-    transition: 0.2s margin ease-in,
-    0.4s opacity ease-in;
-    margin-left: 5px;
-    opacity: 1;
-}
-
-.btn {
-    text-align: left;
-}
-
-body {
-    padding-bottom: 50px;
-}
-
-.main-header {
-    background: #3f51b5;
-    color: #eeeeee;
-    height: 133px;
-}
-
-.main-header h1 {
-    margin-top: 10px;
-}
-
-.fork-me-badge {
-    position: absolute;
-    right: 0;
-    top: 0;
-}

package/projects/ngx-promise-buttons-demo/tsconfig.app.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/projects/ngx-promise-buttons-demo/tsconfig.spec.json

@@ -1,18 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}

package/projects/ngx-promise-buttons-demo/tslint.json

@@ -1,156 +0,0 @@
-{
-  "extends": "tslint:recommended",
-  "rules": {
-    "align": {
-      "options": [
-        "parameters",
-        "statements"
-      ]
-    },
-    "array-type": false,
-    "arrow-parens": false,
-    "arrow-return-shorthand": true,
-    "deprecation": {
-      "severity": "warning"
-    },
-    "component-class-suffix": true,
-    "contextual-lifecycle": true,
-    "curly": true,
-    "directive-class-suffix": true,
-    "directive-selector": [
-      false,
-      "attribute",
-      "app",
-      "camelCase"
-    ],
-    "component-selector": [
-      false,
-      "element",
-      "app",
-      "kebab-case"
-    ],
-    "eofline": true,
-    "import-blacklist": [
-      true,
-      "rxjs/Rx"
-    ],
-    "import-spacing": true,
-    "indent": {
-      "options": [
-        "spaces"
-      ]
-    },
-    "interface-name": false,
-    "max-classes-per-file": false,
-    "max-line-length": [
-      true,
-      150
-    ],
-    "member-access": false,
-    "member-ordering": [
-      true,
-      {
-        "order": [
-          "static-field",
-          "instance-field",
-          "static-method",
-          "instance-method"
-        ]
-      }
-    ],
-    "no-consecutive-blank-lines": false,
-    "no-console": [
-      true,
-      "debug",
-      "info",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-empty": false,
-    "no-inferrable-types": [
-      true,
-      "ignore-params"
-    ],
-    "no-non-null-assertion": true,
-    "no-redundant-jsdoc": true,
-    "no-switch-case-fall-through": true,
-    "no-var-requires": false,
-    "object-literal-key-quotes": [
-      true,
-      "as-needed"
-    ],
-    "object-literal-sort-keys": false,
-    "ordered-imports": false,
-    "quotemark": [
-      true,
-      "single"
-    ],
-    "trailing-comma": false,
-    "no-conflicting-lifecycle": true,
-    "no-host-metadata-property": true,
-    "no-input-rename": false,
-    "no-inputs-metadata-property": true,
-    "no-output-native": true,
-    "no-output-on-prefix": true,
-    "no-output-rename": true,
-    "semicolon": {
-      "options": [
-        "always"
-      ]
-    },
-    "space-before-function-paren": {
-      "options": {
-        "anonymous": "never",
-        "asyncArrow": "always",
-        "constructor": "never",
-        "method": "never",
-        "named": "never"
-      }
-    },
-    "no-outputs-metadata-property": true,
-    "template-banana-in-box": true,
-    "template-no-negated-async": false,
-    "typedef-whitespace": {
-      "options": [
-        {
-          "call-signature": "nospace",
-          "index-signature": "nospace",
-          "parameter": "nospace",
-          "property-declaration": "nospace",
-          "variable-declaration": "nospace"
-        },
-        {
-          "call-signature": "onespace",
-          "index-signature": "onespace",
-          "parameter": "onespace",
-          "property-declaration": "onespace",
-          "variable-declaration": "onespace"
-        }
-      ]
-    },
-    "use-lifecycle-interface": true,
-    "use-pipe-transform-interface": true,
-    "variable-name": [
-      true,
-      "allow-pascal-case",
-      "allow-snake-case",
-      "ban-keywords",
-      "check-format",
-      "allow-leading-underscore"
-    ],
-    "whitespace": {
-      "options": [
-        "check-branch",
-        "check-decl",
-        "check-operator",
-        "check-separator",
-        "check-type",
-        "check-typecast"
-      ]
-    }
-  },
-  "rulesDirectory": [
-    "codelyzer"
-  ]
-}