@nstudio/nativescript-loading-indicator 3.0.4 → 4.1.2

package/README.md

@@ -6,44 +6,28 @@ NativeScript-Loading-Indicator is a plugin for NativeScript which overlays a loa
 </h4>
 
 <p align="center">
- <a href="https://www.npmjs.com/package/@nstudio/nativescript-loading-indicator">
-        <img src="https://github.com/nstudio/nativescript-loading-indicator/workflows/Build%20CI/badge.svg" alt="Action Build">
-    </a>
     <a href="https://www.npmjs.com/package/@nstudio/nativescript-loading-indicator">
         <img src="https://img.shields.io/npm/v/@nstudio/nativescript-loading-indicator.svg" alt="npm">
     </a>
     <a href="https://www.npmjs.com/package/@nstudio/nativescript-loading-indicator">
         <img src="https://img.shields.io/npm/dt/@nstudio/nativescript-loading-indicator.svg?label=npm%20downloads" alt="npm">
     </a>
-    <a href="https://github.com/nstudio/nativescript-loading-indicator/stargazers">
-        <img src="https://img.shields.io/github/stars/nstudio/nativescript-loading-indicator.svg" alt="stars">
-    </a>
-     <a href="https://github.com/nstudio/nativescript-loading-indicator/network">
-        <img src="https://img.shields.io/github/forks/nstudio/nativescript-loading-indicator.svg" alt="forks">
-    </a>
-    <a href="https://github.com/nstudio/nativescript-loading-indicator/blob/master/LICENSE">
-        <img src="https://img.shields.io/github/license/nstudio/nativescript-loading-indicator.svg" alt="license">
-    </a>
-    <a href="http://nstudio.io">
-      <img src="https://github.com/nstudio/media/blob/master/images/nstudio-banner.png?raw=true" alt="nStudio banner">
-    </a>
-    <h5 align="center">Do you need assistance on your project or plugin? Contact the nStudio team anytime at <a href="mailto:team@nstudio.io">team@nstudio.io</a> to get up to speed with the best practices in mobile and web app development.
-    </h5>
-
 </p>
 
 ---
 
 ## Installation
 
-## NativeScript 6.3+
+## NativeScript 7+:
+
 ```bash
-tns plugin add @nstudio/nativescript-loading-indicator
+npm install @nstudio/nativescript-loading-indicator
 ```
 
-## NativeScript lower than 6.3
+## NativeScript lower than 7:
+
 ```bash
-tns plugin add @nstudio/nativescript-loading-indicator@2.0.5
+npm install @nstudio/nativescript-loading-indicator@3.0.x
 ```
 
 ## Screenshots
@@ -54,7 +38,7 @@ tns plugin add @nstudio/nativescript-loading-indicator@2.0.5
 
 |                                                                       |                                                                       |                                                                       |                                                                       |
 | --------------------------------------------------------------------- | --------------------------------------------------------------------- | --------------------------------------------------------------------- | --------------------------------------------------------------------- |
-| <img src="./screenshots/ios/1.png" style="max-width:200px" alt="iOS"> | <img src="./screenshots/ios/2.png" style="max-width:200px" alt="iOS"> | <img src="./screenshots/ios/3.png" style="max-width:200px" alt="iOS"> | <img src="./screenshots/ios/4.png" style="max-width:200px" alt="iOS"> |
+| <img src="https://raw.githubusercontent.com/nstudio/nativescript-loading-indicator/master/screenshots/ios/1.png" style="max-width:200px" alt="iOS"> | <img src="https://raw.githubusercontent.com/nstudio/nativescript-loading-indicator/master/screenshots/ios/2.png" style="max-width:200px" alt="iOS"> | <img src="./screenshots/ios/3.png" style="max-width:200px" alt="iOS"> | <img src="./screenshots/ios/4.png" style="max-width:200px" alt="iOS"> |
 
   <!-- <img src="./screenshots/ios/1.png" style="max-width:200px" alt="iOS Example 1">
   <img src="./screenshots/ios/2.png" style="max-width:200px" alt="iOS Example 2">
@@ -69,7 +53,7 @@ tns plugin add @nstudio/nativescript-loading-indicator@2.0.5
 
 |                                                                               |                                                                               |                                                                               |                                                                               |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
-| <img src="./screenshots/android/1.png" style="max-width:200px" alt="Android"> | <img src="./screenshots/android/2.png" style="max-width:200px" alt="Android"> | <img src="./screenshots/android/3.png" style="max-width:200px" alt="Android"> | <img src="./screenshots/android/4.png" style="max-width:200px" alt="Android"> |
+| <img src="https://raw.githubusercontent.com/nstudio/nativescript-loading-indicator/master/screenshots/android/1.png" style="max-width:200px" alt="Android"> | <img src="https://raw.githubusercontent.com/nstudio/nativescript-loading-indicator/master/screenshots/android/2.png" style="max-width:200px" alt="Android"> | <img src="https://raw.githubusercontent.com/nstudio/nativescript-loading-indicator/master/screenshots/android/3.png" style="max-width:200px" alt="Android"> | <img src="https://raw.githubusercontent.com/nstudio/nativescript-loading-indicator/master/screenshots/android/4.png" style="max-width:200px" alt="Android"> |
 
 </p>
 
@@ -81,7 +65,7 @@ tns plugin add @nstudio/nativescript-loading-indicator@2.0.5
 import {
   LoadingIndicator,
   Mode,
-  OptionsCommon
+  OptionsCommon,
 } from '@nstudio/nativescript-loading-indicator';
 
 const indicator = new LoadingIndicator();
@@ -102,14 +86,14 @@ const options: OptionsCommon = {
   android: {
     view: someStackLayout.android, // Target view to show on top of (Defaults to entire window)
     cancelable: true,
-    cancelListener: function(dialog) {
+    cancelListener: function (dialog) {
       console.log('Loading cancelled');
-    }
+    },
   },
   ios: {
     view: someButton.ios, // Target view to show on top of (Defaults to entire window)
-    square: false
-  }
+    square: false,
+  },
 };
 
 indicator.show(options);
@@ -145,13 +129,13 @@ const options = {
   android: {
     view: android.view.View, // Target view to show on top of (Defaults to entire window)
     cancelable: true,
-    cancelListener: function(dialog) {
+    cancelListener: function (dialog) {
       console.log('Loading cancelled');
-    }
+    },
   },
   ios: {
-    view: UIView // Target view to show on top of (Defaults to entire window)
-  }
+    view: UIView, // Target view to show on top of (Defaults to entire window)
+  },
 };
 
 loader.show(options); // options is optional
@@ -272,6 +256,6 @@ export enum Mode {
   DeterminateHorizontalBar = 2,
   AnnularDeterminate = 3,
   CustomView = 4,
-  Text = 5
+  Text = 5,
 }
 ```

package/common.d.ts

@@ -0,0 +1,83 @@
+export interface OptionsCommon {
+    /**
+     * Message in the loading indicator.
+     */
+    message?: string;
+    /**
+     * Details message in the loading indicator.
+     */
+    details?: string;
+    /**
+     * Color of the message text.
+     */
+    color?: string;
+    /**
+     * Background color of the loading indicator.
+     */
+    backgroundColor?: string;
+    /**
+     * Progress of the indicator when not using CustomView or Text Mode.
+     */
+    progress?: number;
+    /**
+     * Margin for the message/indicator to the edge of the bezel.
+     */
+    margin?: number;
+    /**
+     * Set true to allow user interaction.
+     */
+    userInteractionEnabled?: boolean;
+    /**
+     * Dim the background behind the indicator.
+     */
+    dimBackground?: boolean;
+    /**
+     * Hide bezel around indicator
+     */
+    hideBezel?: boolean;
+    /**
+     * The mode of the loading indicator.
+     */
+    mode?: Mode;
+    /**
+     * If `mode` is set to CustomView, then you can pass an image or view to show in the loading indicator.
+     */
+    customView?: any;
+    /**
+     * iOS specific configuration options.
+     */
+    ios?: OptionsIOS;
+    /**
+     * Android specific configuration options.
+     */
+    android?: OptionsAndroid;
+}
+export interface OptionsIOS {
+    /**
+     * Native View instance to anchor the loading indicator to.
+     */
+    view?: UIView;
+    square?: boolean;
+}
+export interface OptionsAndroid {
+    /**
+     * Native View instance to anchor the loading indicator to.
+     */
+    view?: android.view.View;
+    max?: number;
+    progressNumberFormat?: string;
+    progressPercentFormat?: number;
+    progressStyle?: number;
+    secondaryProgress?: number;
+    cancelable?: boolean;
+    cancelListener?: (dialog: any) => void;
+    elevation?: number;
+}
+export declare enum Mode {
+    Indeterminate = 0,
+    Determinate = 1,
+    DeterminateHorizontalBar = 2,
+    AnnularDeterminate = 3,
+    CustomView = 4,
+    Text = 5
+}

package/{loading-indicator.common.js → common.js}

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Mode;
+export var Mode;
 (function (Mode) {
     Mode[Mode["Indeterminate"] = 0] = "Indeterminate";
     Mode[Mode["Determinate"] = 1] = "Determinate";
@@ -8,5 +6,5 @@ var Mode;
     Mode[Mode["AnnularDeterminate"] = 3] = "AnnularDeterminate";
     Mode[Mode["CustomView"] = 4] = "CustomView";
     Mode[Mode["Text"] = 5] = "Text";
-})(Mode = exports.Mode || (exports.Mode = {}));
-//# sourceMappingURL=loading-indicator.common.js.map
+})(Mode || (Mode = {}));
+//# sourceMappingURL=common.js.map

package/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../packages/nativescript-loading-indicator/common.ts"],"names":[],"mappings":"AA0FE,MAAM,CAAN,IAAY,IAOX;AAPD,WAAY,IAAI;IACd,iDAAiB,CAAA;IACjB,6CAAe,CAAA;IACf,uEAA4B,CAAA;IAC5B,2DAAsB,CAAA;IACtB,2CAAc,CAAA;IACd,+BAAQ,CAAA;AACV,CAAC,EAPW,IAAI,KAAJ,IAAI,QAOf"}

package/{loading-indicator.android.d.ts → index.android.d.ts}

@@ -1,5 +1,5 @@
-import { OptionsCommon } from './loading-indicator.common';
-export * from './loading-indicator.common';
+import { OptionsCommon } from './common';
+export * from './common';
 export declare class LoadingIndicator {
     private _popOver;
     private _currentProgressColor;
@@ -10,6 +10,9 @@ export declare class LoadingIndicator {
     private _customViewId;
     private _loadersInstances;
     private _isCreatingPopOver;
+    private _progressDrawable;
+    private _backgroundDrawable;
+    private _progressDrawableThick;
     constructor();
     show(options?: OptionsCommon): void;
     hide(targetView?: any, attemptTimeout?: number): void;