@theseam/ui-common 0.2.9 → 0.2.13

package/bundles/theseam-ui-common-unsaved-changes-dialog.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
   typeof define === 'function' && define.amd ? define('@theseam/ui-common/unsaved-changes-dialog', ['exports', '@angular/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam['ui-common'] = global.theseam['ui-common'] || {}, global.theseam['ui-common']['unsaved-changes-dialog'] = {}), global.ng.core));
-}(this, (function (exports, i0) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam["ui-common"] = global.theseam["ui-common"] || {}, global.theseam["ui-common"]["unsaved-changes-dialog"] = {}), global.ng.core));
+})(this, (function (exports, i0) { 'use strict';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
           var d = Object.getOwnPropertyDescriptor(e, k);
           Object.defineProperty(n, k, d.get ? d : {
             enumerable: true,
-            get: function () {
-              return e[k];
-            }
+            get: function () { return e[k]; }
           });
         }
       });
     }
-    n['default'] = e;
+    n["default"] = e;
     return Object.freeze(n);
   }
 
@@ -132,5 +130,5 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=theseam-ui-common-unsaved-changes-dialog.umd.js.map

package/bundles/theseam-ui-common-unsaved-changes-dialog.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-unsaved-changes-dialog.umd.js","sources":["../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.component.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.module.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.guard.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-can-deactivate.ts","../../../projects/ui-common/unsaved-changes-dialog/theseam-ui-common-unsaved-changes-dialog.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core'\n\n// TODO: Decide if this component should be implemented or just use the native\n//  browser dialog for in-app routing also.\n\n@Component({\n  selector: 'seam-unsaved-changes-dialog',\n  template: `\n    <p>\n      unsaved-changes-dialog works!\n    </p>\n  `,\n  styles: []\n})\nexport class UnsavedChangesDialogComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { NgModule } from '@angular/core'\n\nimport { UnsavedChangesDialogComponent } from './unsaved-changes-dialog.component'\n\n@NgModule({\n  declarations: [UnsavedChangesDialogComponent],\n  imports: [],\n  exports: [UnsavedChangesDialogComponent]\n})\nexport class TheSeamUnsavedChangesDialogModule { }\n","import { Injectable, isDevMode } from '@angular/core'\nimport { CanDeactivate } from '@angular/router'\n\nimport { UnsavedChangesCanDeactivate } from './unsaved-changes-can-deactivate'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UnsavedChangesDialogGuard implements CanDeactivate<UnsavedChangesCanDeactivate> {\n\n  /**\n   * NOTE: Must be synchronous for now to allow `window:beforeunload` event support.\n   */\n  canDeactivate(component: UnsavedChangesCanDeactivate): boolean {\n    if (isDevMode()) {\n      if (!component.unsavedChangesCanDeactivate) {\n        console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.')\n      }\n\n      const w = window as any\n      // Avoid redirect prevention in Storybook\n      if (w && w.__STORYBOOK_CLIENT_API__) {\n        return true\n      }\n    }\n\n    if (!component.unsavedChangesCanDeactivate()) {\n      if (confirm('You have unsaved changes! If you leave, your changes will be lost.')) {\n        return true\n      } else {\n        return false\n      }\n    }\n    return true\n  }\n\n}\n","import { Directive, HostListener, isDevMode } from '@angular/core'\n\n@Directive()\n// tslint:disable-next-line: directive-class-suffix\nexport abstract class UnsavedChangesCanDeactivate {\n\n  abstract unsavedChangesCanDeactivate(): boolean\n\n    @HostListener('window:beforeunload', ['$event'])\n    __unloadNotification($event: any) {\n      if (isDevMode()) {\n        if (!this.unsavedChangesCanDeactivate) {\n          console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.')\n        }\n\n        const w = window as any\n        // Avoid redirect prevention in Storybook\n        if (w && w.__STORYBOOK_CLIENT_API__) {\n          return true\n        }\n      }\n\n      if (!this.unsavedChangesCanDeactivate()) {\n        // $event.returnValue = true\n        $event.returnValue = 'You have unsaved changes! If you leave, your changes will be lost.'\n      }\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","NgModule","isDevMode","Injectable","Directive","HostListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEA;EACA;;MAaE;OAAiB;MAEjB,gDAAQ,GAAR;OACC;;;;cAdFA,YAAS,SAAC;kBACT,QAAQ,EAAE,6BAA6B;kBACvC,QAAQ,EAAE,8DAIT;eAEF;;;;;MCJD;;;;;cALCC,WAAQ,SAAC;kBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;kBAC7C,OAAO,EAAE,EAAE;kBACX,OAAO,EAAE,CAAC,6BAA6B,CAAC;eACzC;;;;MCAD;;;;;MAKE,iDAAa,GAAb,UAAc,SAAsC;UAClD,IAAIC,YAAS,EAAE,EAAE;cACf,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE;kBAC1C,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAA;eACxH;cAED,IAAM,CAAC,GAAG,MAAa,CAAA;;cAEvB,IAAI,CAAC,IAAI,CAAC,CAAC,wBAAwB,EAAE;kBACnC,OAAO,IAAI,CAAA;eACZ;WACF;UAED,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE,EAAE;cAC5C,IAAI,OAAO,CAAC,oEAAoE,CAAC,EAAE;kBACjF,OAAO,IAAI,CAAA;eACZ;mBAAM;kBACL,OAAO,KAAK,CAAA;eACb;WACF;UACD,OAAO,IAAI,CAAA;OACZ;;;;;cA7BFC,aAAU,SAAC;kBACV,UAAU,EAAE,MAAM;eACnB;;;ECJD;;MACA;;MAKI,0DAAoB,GAApB,UAAqB,MAAW;UAC9B,IAAID,YAAS,EAAE,EAAE;cACf,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE;kBACrC,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAA;eACxH;cAED,IAAM,CAAC,GAAG,MAAa,CAAA;;cAEvB,IAAI,CAAC,IAAI,CAAC,CAAC,wBAAwB,EAAE;kBACnC,OAAO,IAAI,CAAA;eACZ;WACF;UAED,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE;;cAEvC,MAAM,CAAC,WAAW,GAAG,oEAAoE,CAAA;WAC1F;OACF;;;;cAxBJE,YAAS;;;qCAMLC,eAAY,SAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC;;;ECRnD;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theseam-ui-common-unsaved-changes-dialog.umd.js","sources":["../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.component.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.module.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.guard.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-can-deactivate.ts","../../../projects/ui-common/unsaved-changes-dialog/theseam-ui-common-unsaved-changes-dialog.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core'\n\n// TODO: Decide if this component should be implemented or just use the native\n//  browser dialog for in-app routing also.\n\n@Component({\n  selector: 'seam-unsaved-changes-dialog',\n  template: `\n    <p>\n      unsaved-changes-dialog works!\n    </p>\n  `,\n  styles: []\n})\nexport class UnsavedChangesDialogComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { NgModule } from '@angular/core'\n\nimport { UnsavedChangesDialogComponent } from './unsaved-changes-dialog.component'\n\n@NgModule({\n  declarations: [UnsavedChangesDialogComponent],\n  imports: [],\n  exports: [UnsavedChangesDialogComponent]\n})\nexport class TheSeamUnsavedChangesDialogModule { }\n","import { Injectable, isDevMode } from '@angular/core'\nimport { CanDeactivate } from '@angular/router'\n\nimport { UnsavedChangesCanDeactivate } from './unsaved-changes-can-deactivate'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UnsavedChangesDialogGuard implements CanDeactivate<UnsavedChangesCanDeactivate> {\n\n  /**\n   * NOTE: Must be synchronous for now to allow `window:beforeunload` event support.\n   */\n  canDeactivate(component: UnsavedChangesCanDeactivate): boolean {\n    if (isDevMode()) {\n      if (!component.unsavedChangesCanDeactivate) {\n        console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.')\n      }\n\n      const w = window as any\n      // Avoid redirect prevention in Storybook\n      if (w && w.__STORYBOOK_CLIENT_API__) {\n        return true\n      }\n    }\n\n    if (!component.unsavedChangesCanDeactivate()) {\n      if (confirm('You have unsaved changes! If you leave, your changes will be lost.')) {\n        return true\n      } else {\n        return false\n      }\n    }\n    return true\n  }\n\n}\n","import { Directive, HostListener, isDevMode } from '@angular/core'\n\n@Directive()\n// tslint:disable-next-line: directive-class-suffix\nexport abstract class UnsavedChangesCanDeactivate {\n\n  abstract unsavedChangesCanDeactivate(): boolean\n\n    @HostListener('window:beforeunload', ['$event'])\n    __unloadNotification($event: any) {\n      if (isDevMode()) {\n        if (!this.unsavedChangesCanDeactivate) {\n          console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.')\n        }\n\n        const w = window as any\n        // Avoid redirect prevention in Storybook\n        if (w && w.__STORYBOOK_CLIENT_API__) {\n          return true\n        }\n      }\n\n      if (!this.unsavedChangesCanDeactivate()) {\n        // $event.returnValue = true\n        $event.returnValue = 'You have unsaved changes! If you leave, your changes will be lost.'\n      }\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","NgModule","isDevMode","Injectable","Directive","HostListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAEA;EACA;;MAaE;OAAiB;MAEjB,gDAAQ,GAAR;OACC;;;;cAdFA,YAAS,SAAC;kBACT,QAAQ,EAAE,6BAA6B;kBACvC,QAAQ,EAAE,8DAIT;eAEF;;;;;MCJD;;;;;cALCC,WAAQ,SAAC;kBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;kBAC7C,OAAO,EAAE,EAAE;kBACX,OAAO,EAAE,CAAC,6BAA6B,CAAC;eACzC;;;;MCAD;;;;;MAKE,iDAAa,GAAb,UAAc,SAAsC;UAClD,IAAIC,YAAS,EAAE,EAAE;cACf,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE;kBAC1C,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAA;eACxH;cAED,IAAM,CAAC,GAAG,MAAa,CAAA;;cAEvB,IAAI,CAAC,IAAI,CAAC,CAAC,wBAAwB,EAAE;kBACnC,OAAO,IAAI,CAAA;eACZ;WACF;UAED,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE,EAAE;cAC5C,IAAI,OAAO,CAAC,oEAAoE,CAAC,EAAE;kBACjF,OAAO,IAAI,CAAA;eACZ;mBAAM;kBACL,OAAO,KAAK,CAAA;eACb;WACF;UACD,OAAO,IAAI,CAAA;OACZ;;;;;cA7BFC,aAAU,SAAC;kBACV,UAAU,EAAE,MAAM;eACnB;;;ECJD;;MACA;;MAKI,0DAAoB,GAApB,UAAqB,MAAW;UAC9B,IAAID,YAAS,EAAE,EAAE;cACf,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE;kBACrC,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAA;eACxH;cAED,IAAM,CAAC,GAAG,MAAa,CAAA;;cAEvB,IAAI,CAAC,IAAI,CAAC,CAAC,wBAAwB,EAAE;kBACnC,OAAO,IAAI,CAAA;eACZ;WACF;UAED,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE;;cAEvC,MAAM,CAAC,WAAW,GAAG,oEAAoE,CAAA;WAC1F;OACF;;;;cAxBJE,YAAS;;;qCAMLC,eAAY,SAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC;;;ECRnD;;;;;;;;;;;;;;;"}

package/bundles/theseam-ui-common-utils.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs/operators'), require('rxjs'), require('@marklb/file-type')) :
     typeof define === 'function' && define.amd ? define('@theseam/ui-common/utils', ['exports', 'rxjs/operators', 'rxjs', '@marklb/file-type'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam['ui-common'] = global.theseam['ui-common'] || {}, global.theseam['ui-common'].utils = {}), global.rxjs.operators, global.rxjs, global.fileType));
-}(this, (function (exports, operators, rxjs, fileType) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam["ui-common"] = global.theseam["ui-common"] || {}, global.theseam["ui-common"].utils = {}), global.rxjs.operators, global.rxjs, global.fileType));
+})(this, (function (exports, operators, rxjs, fileType) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -315,78 +315,6 @@
         return activatedRoute.snapshot.url.length === 0;
     }
 
-    function calcPercentage(total, n) {
-        return total && total > 0 ? (n / total) * 100 : 0;
-    }
-
-    /**
-     * Polyfil for `Element.toggleAttribute`
-     *
-     * Toggles a value without a value. Useful for attributes, such as `disabled`,
-     * `readonly`, and `hidden`, that only needs to exist on the `Element` without
-     * requiring a value.
-     *
-     * Most browsers natively support this feature, but IE, which we still try to
-     * support for at least the main parts of the app, has "Unknown" support of this
-     * feature. Until IE support is dropped this polyfil should be used to toggle an
-     * attribute.
-     *
-     * Source:
-     * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute#Polyfill
-     */
-    function toggleAttribute(element, name, force) {
-        if (force !== void 0) {
-            force = !!force;
-        }
-        if (element.getAttribute(name) !== null) {
-            if (force) {
-                return true;
-            }
-            element.removeAttribute(name);
-            return false;
-        }
-        else {
-            if (force === false) {
-                return false;
-            }
-            element.setAttribute(name, '');
-            return true;
-        }
-    }
-
-    var phoneNumberMask = ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/];
-
-    function isNullOrUndefined(value) {
-        return value === undefined || value === null;
-    }
-
-    function loadStyle(content) {
-        return new Promise(function (resolve, reject) {
-            var s = document.createElement('style');
-            s.onload = function () { return resolve(s); };
-            s.onerror = function (e) {
-                document.head.removeChild(s);
-                reject(e);
-            };
-            s.innerHTML = content;
-            document.head.appendChild(s);
-        });
-    }
-
-    function loadStyleSheet(path) {
-        return new Promise(function (resolve, reject) {
-            var s = document.createElement('link');
-            s.onload = function () { return resolve(s); };
-            s.onerror = function (e) {
-                document.head.removeChild(s);
-                reject(e);
-            };
-            s.rel = 'stylesheet';
-            s.href = path;
-            document.head.appendChild(s);
-        });
-    }
-
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -622,7 +550,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -705,6 +633,140 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    // Based on source: https://github.com/sindresorhus/array-move/blob/main/index.js
+    /**
+      Moves the item to the new position in the input array. Useful for huge arrays
+      where absolute performance is needed.
+
+      @param array - The array to modify.
+      @param fromIndex - The index of item to move. If negative, it will begin that
+      many elements from the end.
+      @param toIndex - The index of where to move the item. If negative, it will
+      begin that many elements from the end.
+      @example
+      ```
+      import { arrayMoveMutable } from '@theseam/ui-common/utils';
+
+      const input = ['a', 'b', 'c'];
+      arrayMoveMutable(input, 1, 2);
+      console.log(input);
+      //=> ['a', 'c', 'b']
+      ```
+    */
+    function arrayMoveMutable(array, fromIndex, toIndex) {
+        var startIndex = fromIndex < 0 ? array.length + fromIndex : fromIndex;
+        if (startIndex >= 0 && startIndex < array.length) {
+            var endIndex = toIndex < 0 ? array.length + toIndex : toIndex;
+            var _a = __read(array.splice(fromIndex, 1), 1), item = _a[0];
+            array.splice(endIndex, 0, item);
+        }
+    }
+    /**
+      Clones the given `array`, moves the item to a new position in the new array,
+      and then returns the new array. The given `array` is not mutated.
+
+      @param array - The array with the item to move.
+      @param fromIndex - The index of item to move. If negative, it will begin that
+      many elements from the end.
+      @param toIndex - The index of where to move the item. If negative, it will
+      begin that many elements from the end.
+      @returns A new array with the item moved to the new position.
+      @example
+      ```
+      import { arrayMoveImmutable } from '@theseam/ui-common/utils';
+
+      const input = ['a', 'b', 'c'];
+      const array1 = arrayMoveImmutable(input, 1, 2);
+      console.log(array1);
+      //=> ['a', 'c', 'b']
+
+      const array2 = arrayMoveImmutable(input, -1, 0);
+      console.log(array2);
+      //=> ['c', 'a', 'b']
+
+      const array3 = arrayMoveImmutable(input, -2, -3);
+      console.log(array3);
+      //=> ['b', 'a', 'c']
+      ```
+    */
+    function arrayMoveImmutable(array, fromIndex, toIndex) {
+        var newArray = __spreadArray([], __read(array));
+        arrayMoveMutable(newArray, fromIndex, toIndex);
+        return newArray;
+    }
+
+    function calcPercentage(total, n) {
+        return total && total > 0 ? (n / total) * 100 : 0;
+    }
+
+    /**
+     * Polyfil for `Element.toggleAttribute`
+     *
+     * Toggles a value without a value. Useful for attributes, such as `disabled`,
+     * `readonly`, and `hidden`, that only needs to exist on the `Element` without
+     * requiring a value.
+     *
+     * Most browsers natively support this feature, but IE, which we still try to
+     * support for at least the main parts of the app, has "Unknown" support of this
+     * feature. Until IE support is dropped this polyfil should be used to toggle an
+     * attribute.
+     *
+     * Source:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute#Polyfill
+     */
+    function toggleAttribute(element, name, force) {
+        if (force !== void 0) {
+            force = !!force;
+        }
+        if (element.getAttribute(name) !== null) {
+            if (force) {
+                return true;
+            }
+            element.removeAttribute(name);
+            return false;
+        }
+        else {
+            if (force === false) {
+                return false;
+            }
+            element.setAttribute(name, '');
+            return true;
+        }
+    }
+
+    var phoneNumberMask = ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/];
+
+    function isNullOrUndefined(value) {
+        return value === undefined || value === null;
+    }
+
+    function loadStyle(content) {
+        return new Promise(function (resolve, reject) {
+            var s = document.createElement('style');
+            s.onload = function () { return resolve(s); };
+            s.onerror = function (e) {
+                document.head.removeChild(s);
+                reject(e);
+            };
+            s.innerHTML = content;
+            document.head.appendChild(s);
+        });
+    }
+
+    function loadStyleSheet(path) {
+        return new Promise(function (resolve, reject) {
+            var s = document.createElement('link');
+            s.onload = function () { return resolve(s); };
+            s.onerror = function (e) {
+                document.head.removeChild(s);
+                reject(e);
+            };
+            s.rel = 'stylesheet';
+            s.href = path;
+            document.head.appendChild(s);
+        });
+    }
+
     /** Returns object without property */
     function withoutProperty(obj, propName) {
         var _a = obj, _b = propName, _ = _a[_b], without = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
@@ -782,7 +844,7 @@
         return __awaiter(this, void 0, void 0, function () {
             var fType, mime, blob;
             return __generator(this, function (_a) {
-                fType = fileType__default['default'](fileBuffer);
+                fType = fileType__default["default"](fileBuffer);
                 mime = (fType) ? fType.mime : defaultMime;
                 blob = new Blob([fileBuffer], { type: mime });
                 return [2 /*return*/, blob];
@@ -810,7 +872,7 @@
             var _fileBuffer, fType, ext, mime, blob, fileData;
             return __generator(this, function (_a) {
                 _fileBuffer = Buffer.from(fileBuffer);
-                fType = fileType__default['default'](_fileBuffer);
+                fType = fileType__default["default"](_fileBuffer);
                 ext = fType && fType.ext || undefined;
                 mime = fType ? fType.mime : defaultMime;
                 blob = new Blob([_fileBuffer], { type: mime });
@@ -1104,19 +1166,46 @@
     /**
      * This is just for helping debug observables that aren't being unsubscribed
      * from correctly.
+     *
+     * If description is 'foo' then you can check the how many observers are
+     * subscribed with the expression `__subscriberCounts['foo']`. In a debugger you
+     * can add the expression to the "Watch" expressions or in Chrome Devtools
+     * Console you can add it to the live expressions(Add live expressions by
+     * clicking the eye the the left of the Console filter input).
      */
-    function subscriberCount(sourceObservable, description) {
+    function subscriberCount(sourceObservable, description, countChangedFn) {
+        if (countChangedFn === void 0) { countChangedFn = logOnChange; }
         var counter = 0;
         return new rxjs.Observable(function (subscriber) {
             var subscription = sourceObservable.subscribe(subscriber);
             counter++;
-            console.log(description + " subscriptions: " + counter);
+            if (countChangedFn !== undefined && countChangedFn !== null) {
+                countChangedFn(description, counter, 'subscribed');
+            }
+            setGlobalSubscriberCount(description, counter);
             return function () {
                 subscription.unsubscribe();
                 counter--;
-                console.log(description + " subscriptions: " + counter);
+                if (countChangedFn !== undefined && countChangedFn !== null) {
+                    countChangedFn(description, counter, 'unsubscribed');
+                }
+                setGlobalSubscriberCount(description, counter);
             };
         });
+    }
+    var logOnChange = function (description, count, reason) {
+        console.log(description + " subscriptions: " + count + "  [" + reason + "]");
+    };
+    var ɵ0 = logOnChange;
+    function getGlobalSubscriberCounts() {
+        var w = window;
+        if (w.__subscriberCounts === undefined || w.__subscriberCounts === null) {
+            w.__subscriberCounts = {};
+        }
+        return w.__subscriberCounts;
+    }
+    function setGlobalSubscriberCount(description, count) {
+        getGlobalSubscriberCounts()[description] = count;
     }
 
     function observeQueryList(queryList, emitCurrentValue) {
@@ -1190,6 +1279,8 @@
     exports.PollingTickerOptions = PollingTickerOptions;
     exports.Refreshable = Refreshable;
     exports.activatedRoutesWithDataProperty = activatedRoutesWithDataProperty;
+    exports.arrayMoveImmutable = arrayMoveImmutable;
+    exports.arrayMoveMutable = arrayMoveMutable;
     exports.calcPercentage = calcPercentage;
     exports.createPadding = createPadding;
     exports.deleteProperties = deleteProperties;
@@ -1230,6 +1321,7 @@
     exports.readFileAsync = readFileAsync;
     exports.routeSnapshotPathFull = routeSnapshotPathFull;
     exports.routeSnapshotPathRelative = routeSnapshotPathRelative;
+    exports.subscriberCount = subscriberCount;
     exports.tapFirst = tapFirst;
     exports.toggleAttribute = toggleAttribute;
     exports.waitOnConditionAsync = waitOnConditionAsync;
@@ -1238,8 +1330,9 @@
     exports.withoutProperties = withoutProperties;
     exports.withoutProperty = withoutProperty;
     exports.wrapIntoObservable = wrapIntoObservable;
+    exports["ɵ0"] = ɵ0;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=theseam-ui-common-utils.umd.js.map