@theseam/ui-common 0.2.9

package/bundles/theseam-ui-common-scrollbar.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-scrollbar.umd.js","sources":["../../../projects/ui-common/scrollbar/overlay-scrollbars-config.ts","../../../projects/ui-common/scrollbar/overlay-scrollbars.service.ts","../../../projects/ui-common/scrollbar/overlay-scrollbar.directive.ts","../../../projects/ui-common/scrollbar/scrollbar.module.ts","../../../projects/ui-common/scrollbar/theseam-ui-common-scrollbar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\nexport const _OverlayScrollbarDefaults: IOverlayScrollbarsConfig = {\n  className: 'os-theme-dark os-theme-no-hover',\n  sizeAutoCapable: false,\n  paddingAbsolute: true,\n  autoUpdate: true\n}\n\nexport function mergeOverlayScrollbarsConfigs(a: IOverlayScrollbarsConfig, b: IOverlayScrollbarsConfig) {\n  return { ...a, ...b }\n}\n\n/** Injection token that can be used to specify overlayscrollbars options. */\nexport const LIB_OVERLAY_SCROLLBARS_CONFIG = new InjectionToken<IOverlayScrollbarsConfig>('seamOverlayScrollbarsConfig')\n","import { Platform } from '@angular/cdk/platform'\nimport { forwardRef, inject, Injectable, InjectionToken, Injector, INJECTOR, NgZone } from '@angular/core'\nimport { fromEvent, Subscription } from 'rxjs'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG } from './overlay-scrollbars-config'\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class OverlayScrollbarsService {\n\n  private _inputEventSubscription = Subscription.EMPTY\n\n  constructor(\n    private _ngZone: NgZone,\n    private injector: Injector,\n    private _platform: Platform\n  ) { }\n\n  public initializeInstance(element: HTMLElement, options?: IOverlayScrollbarsConfig): void {\n    if (!this.isInstanceEnabled(element) &&\n      // The 'overlayscrollbars' library is causing an issue on iOS. Since iOS\n      // already has native overlay scrollbars it shouldn't really effect the\n      // app layout.\n      !(this._isTextarea(element) && this._platform.IOS)\n    ) {\n      this._ngZone.runOutsideAngular(() => {\n        OverlayScrollbars(element, this._applyConfigDefaults(options))\n\n        if (this._isTextarea(element)) {\n          // TODO: Make this more accurate. Right now this is just relying on\n          // the fact that timing out for 100ms is usually enough time to wait\n          // for update to correctly calculate.\n          // NOTE: This may be fixed in a newer version to not need this hack.\n          fromEvent(element, 'change').subscribe(_ => {\n            this._ngZone.run(() => {\n              setTimeout(() => {\n                if (this.isInstanceEnabled(element)) {\n                  this.getInstance(element).update()\n                }\n              }, 100)\n            })\n          })\n        }\n      })\n    }\n  }\n\n  public destroyInstance(element: HTMLElement): void {\n    if (this.isInstanceEnabled(element)) {\n      this._ngZone.runOutsideAngular(() => {\n        this.getInstance(element).destroy()\n        if (this._inputEventSubscription && !this._inputEventSubscription.closed) {\n          this._inputEventSubscription.unsubscribe()\n        }\n      })\n    }\n  }\n\n  public getInstance(element: HTMLElement): OverlayScrollbars {\n    return OverlayScrollbars(element) as OverlayScrollbars\n  }\n\n  public isInstanceEnabled(element: HTMLElement): boolean {\n    return !!this.getInstance(element)\n  }\n\n  public setOptions(element: HTMLElement, options: IOverlayScrollbarsConfig): boolean {\n    if (!this.isInstanceEnabled(element)) { return false }\n\n    this.getInstance(element).options(this._applyConfigDefaults(options))\n\n    return true\n  }\n\n  public getOptions(element: HTMLElement): IOverlayScrollbarsConfig {\n    return this.getInstance(element).options()\n  }\n\n  private _applyConfigDefaults(config?: IOverlayScrollbarsConfig): IOverlayScrollbarsConfig {\n    const _config: IOverlayScrollbarsConfig = this.injector.get(LIB_OVERLAY_SCROLLBARS_CONFIG)\n    return {..._config, ...config}\n  }\n\n  /** Determines if the component host is a textarea. */\n  protected _isTextarea(element: HTMLElement) {\n    return element.nodeName.toLowerCase() === 'textarea'\n  }\n\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { AfterViewInit, Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { OverlayScrollbarsService } from './overlay-scrollbars.service'\n\nimport type { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Directive({\n  selector: '[seamOverlayScrollbar]',\n  exportAs: 'seamOverlayScrollbar'\n})\nexport class OverlayScrollbarDirective implements OnInit, AfterViewInit, OnDestroy {\n  static ngAcceptInputType_seamOverlayScrollbar: IOverlayScrollbarsConfig | undefined | null | ''\n\n  private _disabled = false\n\n  @Input()\n  set seamOverlayScrollbar(value: IOverlayScrollbarsConfig | undefined | null) { this.options = value }\n\n  @Input()\n  get overlayScrollbarEnabled(): boolean {\n    return this._scrollbars.isInstanceEnabled(this._ref.nativeElement)\n  }\n  set overlayScrollbarEnabled(value: boolean) {\n    this._disabled = !coerceBooleanProperty(value)\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement)\n    } else {\n      this._scrollbars.destroyInstance(this._ref.nativeElement)\n    }\n  }\n\n  set options(value: IOverlayScrollbarsConfig | undefined | null) {\n    this._options = value || {}\n    this._scrollbars.setOptions(this._ref.nativeElement, this._options)\n  }\n  get options() {\n    if (this._scrollbars.isInstanceEnabled(this._ref.nativeElement)) {\n      return this._scrollbars.getOptions(this._ref.nativeElement)\n    }\n    return this._options\n  }\n  private _options: IOverlayScrollbarsConfig = {}\n\n  constructor(\n    private _ref: ElementRef,\n    private _scrollbars: OverlayScrollbarsService\n  ) { }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement, this._options)\n    }\n  }\n\n  ngOnDestroy() {\n    this._scrollbars.destroyInstance(this._ref.nativeElement)\n  }\n\n  get instance(): OverlayScrollbars {\n    return this._scrollbars.getInstance(this._ref.nativeElement)\n  }\n\n}\n","import { PlatformModule } from '@angular/cdk/platform'\nimport { NgModule } from '@angular/core'\n\nimport { OverlayScrollbarDirective } from './overlay-scrollbar.directive'\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG, _OverlayScrollbarDefaults } from './overlay-scrollbars-config'\n\n@NgModule({\n  declarations: [\n    OverlayScrollbarDirective\n  ],\n  imports: [\n    PlatformModule\n  ],\n  providers: [\n    { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: _OverlayScrollbarDefaults }\n  ],\n  exports: [\n    OverlayScrollbarDirective\n  ]\n})\nexport class TheSeamScrollbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","Subscription","OverlayScrollbars","fromEvent","Injectable","NgZone","Injector","Platform","coerceBooleanProperty","Directive","ElementRef","Input","NgModule","PlatformModule"],"mappings":"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"}

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

@@ -0,0 +1,178 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@theseam/ui-common/utils'), require('@angular/router'), require('webfontloader')) :
+    typeof define === 'function' && define.amd ? define('@theseam/ui-common/services', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@theseam/ui-common/utils', '@angular/router', 'webfontloader'], 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'].services = {}), global.ng.core, global.rxjs, global.rxjs.operators, global.theseam['ui-common'].utils, global.ng.router, global.WebFont));
+}(this, (function (exports, i0, rxjs, operators, utils, i1, WebFont) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var WebFont__default = /*#__PURE__*/_interopDefaultLegacy(WebFont);
+
+    var LoadedAssetRef = /** @class */ (function () {
+        function LoadedAssetRef(nativeElement, path, content) {
+            this.nativeElement = nativeElement;
+            this.path = path;
+            this.content = content;
+        }
+        LoadedAssetRef.prototype.destroy = function () {
+            var _a;
+            (_a = this.nativeElement.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.nativeElement);
+        };
+        return LoadedAssetRef;
+    }());
+    var AssetLoaderService = /** @class */ (function () {
+        function AssetLoaderService() {
+        }
+        AssetLoaderService.prototype.loadStyleSheet = function (path) {
+            return rxjs.defer(function () { return utils.loadStyleSheet(path); }).pipe(operators.map(function (v) { return new LoadedAssetRef(v, path); }));
+        };
+        AssetLoaderService.prototype.loadStyle = function (content) {
+            return rxjs.defer(function () { return utils.loadStyle(content); }).pipe(operators.map(function (v) { return new LoadedAssetRef(v, undefined, content); }));
+        };
+        return AssetLoaderService;
+    }());
+    AssetLoaderService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AssetLoaderService_Factory() { return new AssetLoaderService(); }, token: AssetLoaderService, providedIn: "root" });
+    AssetLoaderService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    AssetLoaderService.ctorParameters = function () { return []; };
+
+    var RouterHelpersService = /** @class */ (function () {
+        function RouterHelpersService(_router) {
+            this._router = _router;
+        }
+        RouterHelpersService.prototype.isActive = function (url, exact) {
+            var _this = this;
+            var opts = exact
+                ? { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' }
+                : { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' };
+            return this._router.events.pipe(operators.filter(function (event) { return event instanceof i1.NavigationEnd; }), operators.map(function (event) { return _this._router.isActive(url, opts); }), operators.startWith(this._router.isActive(url, opts)));
+        };
+        return RouterHelpersService;
+    }());
+    RouterHelpersService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RouterHelpersService_Factory() { return new RouterHelpersService(i0__namespace.ɵɵinject(i1__namespace.Router)); }, token: RouterHelpersService, providedIn: "root" });
+    RouterHelpersService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    RouterHelpersService.ctorParameters = function () { return [
+        { type: i1.Router }
+    ]; };
+
+    /**
+     * Service to help loading fonts.
+     *
+     * Currently this is just a wrapper for the parts of webfontloader that we need.
+     * Eventually this should be generic enough that we can switch loaders without
+     * config differences being confusing.
+     */
+    var TheSeamFontLoaderService = /** @class */ (function () {
+        function TheSeamFontLoaderService() {
+        }
+        /**
+         * Since this method is just a wrapper for webfontloader right now it accepts
+         * anything webfontloader's config accepts, so the event callbacks can still
+         * be used, but you should us the emitted objects instead. If we decide to
+         * support other font loaders then the event callbacks will most likely be
+         * removed.
+         *
+         * NOTE: If you need to use the events callbacks for some reason, this
+         * method's returned observable will still need to be subscribed to, because
+         * it doesn't start till subscribed to.
+         */
+        TheSeamFontLoaderService.prototype.load = function (config) {
+            return new rxjs.Observable(function (subscriber) {
+                WebFont__default['default'].load(Object.assign(Object.assign({}, config), {
+                    /** This event is triggered when all fonts have been requested. */
+                    loading: function () {
+                        if (utils.hasProperty(config, 'loading')) {
+                            config.loading();
+                        }
+                        subscriber.next({ type: 'loading' });
+                    },
+                    /** This event is triggered when the fonts have rendered. */
+                    active: function () {
+                        if (utils.hasProperty(config, 'active')) {
+                            config.active();
+                        }
+                        subscriber.next({ type: 'active' });
+                    },
+                    /** This event is triggered when the browser does not support linked fonts or if none of the fonts could be loaded. */
+                    inactive: function () {
+                        if (utils.hasProperty(config, 'inactive')) {
+                            config.inactive();
+                        }
+                        subscriber.next({ type: 'inactive' });
+                    },
+                    /** This event is triggered once for each font that's loaded. */
+                    fontloading: function (familyName, fvd) {
+                        if (utils.hasProperty(config, 'fontloading')) {
+                            config.fontloading(familyName, fvd);
+                        }
+                        subscriber.next({ type: 'fontloading', familyName: familyName, fvd: fvd });
+                    },
+                    /** This event is triggered once for each font that renders. */
+                    fontactive: function (familyName, fvd) {
+                        if (utils.hasProperty(config, 'fontactive')) {
+                            config.fontactive(familyName, fvd);
+                        }
+                        subscriber.next({ type: 'fontactive', familyName: familyName, fvd: fvd });
+                    },
+                    /** This event is triggered if the font can't be loaded. */
+                    fontinactive: function (familyName, fvd) {
+                        if (utils.hasProperty(config, 'fontinactive')) {
+                            config.fontinactive(familyName, fvd);
+                        }
+                        subscriber.next({ type: 'fontinactive', familyName: familyName, fvd: fvd });
+                    }
+                }));
+            });
+        };
+        return TheSeamFontLoaderService;
+    }());
+    TheSeamFontLoaderService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TheSeamFontLoaderService_Factory() { return new TheSeamFontLoaderService(); }, token: TheSeamFontLoaderService, providedIn: "root" });
+    TheSeamFontLoaderService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    TheSeamFontLoaderService.ctorParameters = function () { return []; };
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.AssetLoaderService = AssetLoaderService;
+    exports.LoadedAssetRef = LoadedAssetRef;
+    exports.RouterHelpersService = RouterHelpersService;
+    exports.TheSeamFontLoaderService = TheSeamFontLoaderService;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=theseam-ui-common-services.umd.js.map

package/bundles/theseam-ui-common-services.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-services.umd.js","sources":["../../../projects/ui-common/services/asset-loader.service.ts","../../../projects/ui-common/services/router-helpers.service.ts","../../../projects/ui-common/services/font-loader.service.ts","../../../projects/ui-common/services/theseam-ui-common-services.ts"],"sourcesContent":["import { Injectable } from '@angular/core'\nimport { defer, Observable } from 'rxjs'\nimport { map } from 'rxjs/operators'\n\nimport { loadStyle, loadStyleSheet } from '@theseam/ui-common/utils'\n\nexport class LoadedAssetRef<T extends HTMLLinkElement | HTMLScriptElement | HTMLStyleElement> {\n\n  constructor(\n    public readonly nativeElement: T,\n    public readonly path?: string,\n    public readonly content?: string\n  ) {\n\n  }\n\n  public destroy(): void {\n    this.nativeElement.parentElement?.removeChild(this.nativeElement)\n  }\n\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AssetLoaderService {\n\n  constructor() { }\n\n  public loadStyleSheet(path: string): Observable<LoadedAssetRef<HTMLLinkElement>> {\n    return defer(() => loadStyleSheet(path)).pipe(map(v => new LoadedAssetRef(v, path)))\n  }\n\n  public loadStyle(content: string): Observable<LoadedAssetRef<HTMLStyleElement>> {\n    return defer(() => loadStyle(content)).pipe(map(v => new LoadedAssetRef(v, undefined, content)))\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { IsActiveMatchOptions, NavigationEnd, Router, UrlTree } from '@angular/router'\nimport { Observable } from 'rxjs'\nimport { filter, map, startWith } from 'rxjs/operators'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class RouterHelpersService {\n\n  constructor(\n    private _router: Router\n  ) { }\n\n  public isActive(url: string | UrlTree, exact: boolean): Observable<boolean> {\n    const opts: IsActiveMatchOptions = exact\n      ? { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' }\n      : { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' }\n\n    return this._router.events.pipe(\n      filter(event => event instanceof NavigationEnd),\n      map(event => this._router.isActive(url, opts)),\n      startWith(this._router.isActive(url, opts))\n    )\n  }\n}\n","import { Injectable } from '@angular/core'\n\nimport { Observable, Subscriber } from 'rxjs'\nimport WebFont from 'webfontloader'\n\nimport { hasProperty } from '@theseam/ui-common/utils'\n\nexport type TheSeamFontEvents =\n  { type: 'loading' } |\n  { type: 'active' } |\n  { type: 'inactive' } |\n  { type: 'fontloading', familyName: string, fvd: string } |\n  { type: 'fontactive', familyName: string, fvd: string } |\n  { type: 'fontinactive', familyName: string, fvd: string }\n\n/**\n * Service to help loading fonts.\n *\n * Currently this is just a wrapper for the parts of webfontloader that we need.\n * Eventually this should be generic enough that we can switch loaders without\n * config differences being confusing.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TheSeamFontLoaderService {\n\n  constructor() { }\n\n  /**\n   * Since this method is just a wrapper for webfontloader right now it accepts\n   * anything webfontloader's config accepts, so the event callbacks can still\n   * be used, but you should us the emitted objects instead. If we decide to\n   * support other font loaders then the event callbacks will most likely be\n   * removed.\n   *\n   * NOTE: If you need to use the events callbacks for some reason, this\n   * method's returned observable will still need to be subscribed to, because\n   * it doesn't start till subscribed to.\n   */\n  public load(config: WebFont.Config): Observable<TheSeamFontEvents> {\n    return new Observable((subscriber: Subscriber<TheSeamFontEvents>) => {\n      WebFont.load({\n        ...config,\n        /** This event is triggered when all fonts have been requested. */\n        loading: () => {\n          if (hasProperty(config, 'loading')) {\n            config.loading()\n          }\n          subscriber.next({ type: 'loading' })\n        },\n        /** This event is triggered when the fonts have rendered. */\n        active: () => {\n          if (hasProperty(config, 'active')) {\n            config.active()\n          }\n          subscriber.next({ type: 'active' })\n        },\n        /** This event is triggered when the browser does not support linked fonts or if none of the fonts could be loaded. */\n        inactive: () => {\n          if (hasProperty(config, 'inactive')) {\n            config.inactive()\n          }\n          subscriber.next({ type: 'inactive' })\n        },\n        /** This event is triggered once for each font that's loaded. */\n        fontloading: (familyName: string, fvd: string) => {\n          if (hasProperty(config, 'fontloading')) {\n            config.fontloading(familyName, fvd)\n          }\n          subscriber.next({ type: 'fontloading', familyName, fvd })\n        },\n        /** This event is triggered once for each font that renders. */\n        fontactive: (familyName: string, fvd: string) => {\n          if (hasProperty(config, 'fontactive')) {\n            config.fontactive(familyName, fvd)\n          }\n          subscriber.next({ type: 'fontactive', familyName, fvd })\n        },\n        /** This event is triggered if the font can't be loaded. */\n        fontinactive: (familyName: string, fvd: string) => {\n          if (hasProperty(config, 'fontinactive')) {\n            config.fontinactive(familyName, fvd)\n          }\n          subscriber.next({ type: 'fontinactive', familyName, fvd })\n        },\n      })\n    })\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defer","loadStyleSheet","map","loadStyle","Injectable","filter","NavigationEnd","startWith","Router","Observable","WebFont","hasProperty"],"mappings":"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"}

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

@@ -0,0 +1,1115 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/coercion'), require('@angular/core'), require('@fortawesome/free-regular-svg-icons'), require('@theseam/ui-common/modal'), require('@angular/forms'), require('css-element-queries'), require('rxjs'), require('rxjs/operators'), require('@ng-select/ng-select'), require('ngx-quill'), require('@theseam/ui-common/utils'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@theseam/ui-common/loading'), require('@theseam/ui-common/scrollbar')) :
+  typeof define === 'function' && define.amd ? define('@theseam/ui-common/shared', ['exports', '@angular/cdk/coercion', '@angular/core', '@fortawesome/free-regular-svg-icons', '@theseam/ui-common/modal', '@angular/forms', 'css-element-queries', 'rxjs', 'rxjs/operators', '@ng-select/ng-select', 'ngx-quill', '@theseam/ui-common/utils', '@angular/common', '@fortawesome/angular-fontawesome', '@theseam/ui-common/loading', '@theseam/ui-common/scrollbar'], 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'].shared = {}), global.ng.cdk.coercion, global.ng.core, global.freeRegularSvgIcons, global.theseam['ui-common'].modal, global.ng.forms, global.cssElementQueries, global.rxjs, global.rxjs.operators, global.ngSelect, global.ngxQuill, global.theseam['ui-common'].utils, global.ng.common, global.angularFontawesome, global.theseam['ui-common'].loading, global.theseam['ui-common'].scrollbar));
+}(this, (function (exports, coercion, core, freeRegularSvgIcons, modal, forms, cssElementQueries, rxjs, operators, ngSelect, ngxQuill, utils, common, angularFontawesome, loading, scrollbar) { 'use strict';
+
+  var PasswordInputRevealComponent = /** @class */ (function () {
+      function PasswordInputRevealComponent() {
+          this.faEye = freeRegularSvgIcons.faEye;
+          this.faEyeSlash = freeRegularSvgIcons.faEyeSlash;
+          this._passwordVisible = false;
+      }
+      Object.defineProperty(PasswordInputRevealComponent.prototype, "inputRef", {
+          get: function () { return this._passwordInput; },
+          set: function (value) {
+              this._passwordInput = value;
+              this.updateRevealState();
+              if (this._passwordInput) {
+                  this._passwordInput.style.paddingRight = '40px';
+                  this._passwordInput.classList.add('no-native-eye');
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(PasswordInputRevealComponent.prototype, "passwordVisible", {
+          get: function () { return this._passwordVisible; },
+          set: function (value) {
+              this._passwordVisible = coercion.coerceBooleanProperty(value);
+              this.updateRevealState();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      PasswordInputRevealComponent.prototype.updateRevealState = function () {
+          if (this._passwordInput) {
+              this._passwordInput.type = this.passwordVisible ? 'text' : 'password';
+          }
+      };
+      PasswordInputRevealComponent.prototype.revealPassword = function () {
+          this.passwordVisible = !this.passwordVisible;
+      };
+      return PasswordInputRevealComponent;
+  }());
+  PasswordInputRevealComponent.decorators = [
+      { type: core.Component, args: [{
+                  selector: 'seam-password-input-reveal',
+                  template: "\n    <fa-icon [icon]=\"passwordVisible ? faEyeSlash : faEye\" class=\"password-reveal-icon\" (click)=\"revealPassword()\"></fa-icon>\n  ",
+                  styles: ["\n    :host {\n      display: flex;\n      align-items: center;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 30px;\n      transform: translateZ(0);\n      z-index: 50;\n    }\n\n    :host fa-icon {\n      opacity: 1;\n      color: #bababa;\n      margin-top: 3px;\n      cursor: pointer;\n    }\n\n    :host fa-icon ::ng-deep {\n      .svg-inline--fa {\n        vertical-align: middle;\n      }\n    }\n    "]
+              },] }
+  ];
+  PasswordInputRevealComponent.propDecorators = {
+      inputRef: [{ type: core.Input }],
+      passwordVisible: [{ type: core.Input }]
+  };
+
+  var AutoFocusDirective = /** @class */ (function () {
+      function AutoFocusDirective(_elementRef, _modal, _modalRef) {
+          this._elementRef = _elementRef;
+          this._modal = _modal;
+          this._modalRef = _modalRef;
+          this._focus = true;
+          this.modalRef = _modalRef;
+      }
+      AutoFocusDirective.prototype.ngOnInit = function () {
+          var _this = this;
+          if (!this.modalRef) {
+              // When this directive is included in a dialog via TemplateRef (rather than being
+              // in a Component), the DialogRef isn't available via injection because embedded
+              // views cannot be given a custom injector. Instead, we look up the DialogRef by
+              // ID. This must occur in `onInit`, as the ID binding for the dialog container won't
+              // be resolved at constructor time.
+              this.modalRef = modal.getClosestModal(this._elementRef, this._modal.openDialogs);
+          }
+          if (!this.modalRef) {
+              if (this._focus) {
+                  setTimeout(function () { _this.focus(); });
+              }
+          }
+          else {
+              this.modalRef.afterOpened().subscribe(function () {
+                  setTimeout(function () { _this.focus(); });
+              });
+          }
+      };
+      Object.defineProperty(AutoFocusDirective.prototype, "seamAutoFocus", {
+          set: function (condition) {
+              this._focus = coercion.coerceBooleanProperty(condition) !== false;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      AutoFocusDirective.prototype.focus = function () {
+          this._elementRef.nativeElement.focus();
+      };
+      return AutoFocusDirective;
+  }());
+  AutoFocusDirective.decorators = [
+      { type: core.Directive, args: [{
+                  selector: '[seamAutoFocus]',
+                  exportAs: 'seamAutoFocus'
+              },] }
+  ];
+  AutoFocusDirective.ctorParameters = function () { return [
+      { type: core.ElementRef },
+      { type: modal.Modal },
+      { type: modal.ModalRef, decorators: [{ type: core.Optional }] }
+  ]; };
+  AutoFocusDirective.propDecorators = {
+      seamAutoFocus: [{ type: core.Input }]
+  };
+
+  var ClickOutsideDirective = /** @class */ (function () {
+      function ClickOutsideDirective(elementRef) {
+          this.elementRef = elementRef;
+          this._active = true;
+          this.seamClickOutside = new core.EventEmitter();
+      }
+      Object.defineProperty(ClickOutsideDirective.prototype, "seamClickOutsideActive", {
+          get: function () {
+              return this._active;
+          },
+          set: function (value) {
+              var _this = this;
+              if (this._active === value) {
+                  return;
+              }
+              if (value) {
+                  // `setTimeout` is used to avoid the click event triggering when the value
+                  // changes if the value was changed with a click.
+                  setTimeout(function () { _this._active = value; });
+              }
+              else {
+                  this._active = value;
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      // NOTE: This should probably be changed from a `HostListener` to allow the
+      // subscription to be unsubscribed.
+      ClickOutsideDirective.prototype.onDocumentClick = function (event) {
+          if (this._active) {
+              var targetElement = event.target;
+              // Check if the click was outside the element
+              if (targetElement && !this.elementRef.nativeElement.contains(targetElement)) {
+                  this.seamClickOutside.emit(event);
+              }
+          }
+      };
+      return ClickOutsideDirective;
+  }());
+  ClickOutsideDirective.decorators = [
+      { type: core.Directive, args: [{
+                  selector: '[seamClickOutside]'
+              },] }
+  ];
+  ClickOutsideDirective.ctorParameters = function () { return [
+      { type: core.ElementRef }
+  ]; };
+  ClickOutsideDirective.propDecorators = {
+      seamClickOutsideActive: [{ type: core.Input }],
+      seamClickOutside: [{ type: core.Output }],
+      onDocumentClick: [{ type: core.HostListener, args: ['document:click', ['$event'],] }]
+  };
+
+  // Source: https://netbasal.com/disabling-form-controls-when-working-with-reactive-forms-in-angular-549dd7b42110
+  var DisableControlDirective = /** @class */ (function () {
+      function DisableControlDirective(ngControl) {
+          this.ngControl = ngControl;
+      }
+      Object.defineProperty(DisableControlDirective.prototype, "seamDisableControl", {
+          set: function (condition) {
+              var action = condition ? 'disable' : 'enable';
+              var control = this.ngControl.control;
+              if (control) {
+                  control[action]();
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      return DisableControlDirective;
+  }());
+  DisableControlDirective.decorators = [
+      { type: core.Directive, args: [{
+                  selector: '[seamDisableControl]'
+              },] }
+  ];
+  DisableControlDirective.ctorParameters = function () { return [
+      { type: forms.NgControl }
+  ]; };
+  DisableControlDirective.propDecorators = {
+      seamDisableControl: [{ type: core.Input }]
+  };
+
+  var ElemResizedDirective = /** @class */ (function () {
+      function ElemResizedDirective(elementRef) {
+          this.elementRef = elementRef;
+          this.seamElemResized = new core.EventEmitter();
+      }
+      ElemResizedDirective.prototype.ngAfterViewInit = function () {
+          var _this = this;
+          this.sensor = new cssElementQueries.ResizeSensor(this.elementRef.nativeElement, function (event) {
+              _this.seamElemResized.emit({ element: _this.elementRef.nativeElement, size: event });
+          });
+      };
+      ElemResizedDirective.prototype.ngOnDestroy = function () {
+          var _a;
+          (_a = this.sensor) === null || _a === void 0 ? void 0 : _a.detach();
+      };
+      return ElemResizedDirective;
+  }());
+  ElemResizedDirective.decorators = [
+      { type: core.Directive, args: [{
+                  selector: '[seamElemResized]'
+              },] }
+  ];
+  ElemResizedDirective.ctorParameters = function () { return [
+      { type: core.ElementRef }
+  ]; };
+  ElemResizedDirective.propDecorators = {
+      seamElemResized: [{ type: core.Output }]
+  };
+
+  /*! *****************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+  /* global Reflect, Promise */
+  var extendStatics = function (d, b) {
+      extendStatics = Object.setPrototypeOf ||
+          ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+          function (d, b) { for (var p in b)
+              if (Object.prototype.hasOwnProperty.call(b, p))
+                  d[p] = b[p]; };
+      return extendStatics(d, b);
+  };
+  function __extends(d, b) {
+      if (typeof b !== "function" && b !== null)
+          throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+      extendStatics(d, b);
+      function __() { this.constructor = d; }
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
+  var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+          for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s)
+                  if (Object.prototype.hasOwnProperty.call(s, p))
+                      t[p] = s[p];
+          }
+          return t;
+      };
+      return __assign.apply(this, arguments);
+  };
+  function __rest(s, e) {
+      var t = {};
+      for (var p in s)
+          if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+              t[p] = s[p];
+      if (s != null && typeof Object.getOwnPropertySymbols === "function")
+          for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+              if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                  t[p[i]] = s[p[i]];
+          }
+      return t;
+  }
+  function __decorate(decorators, target, key, desc) {
+      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+      if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+          r = Reflect.decorate(decorators, target, key, desc);
+      else
+          for (var i = decorators.length - 1; i >= 0; i--)
+              if (d = decorators[i])
+                  r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+  }
+  function __param(paramIndex, decorator) {
+      return function (target, key) { decorator(target, key, paramIndex); };
+  }
+  function __metadata(metadataKey, metadataValue) {
+      if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+          return Reflect.metadata(metadataKey, metadataValue);
+  }
+  function __awaiter(thisArg, _arguments, P, generator) {
+      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+      return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) { try {
+              step(generator.next(value));
+          }
+          catch (e) {
+              reject(e);
+          } }
+          function rejected(value) { try {
+              step(generator["throw"](value));
+          }
+          catch (e) {
+              reject(e);
+          } }
+          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+      });
+  }
+  function __generator(thisArg, body) {
+      var _ = { label: 0, sent: function () { if (t[0] & 1)
+              throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+      function verb(n) { return function (v) { return step([n, v]); }; }
+      function step(op) {
+          if (f)
+              throw new TypeError("Generator is already executing.");
+          while (_)
+              try {
+                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                      return t;
+                  if (y = 0, t)
+                      op = [op[0] & 2, t.value];
+                  switch (op[0]) {
+                      case 0:
+                      case 1:
+                          t = op;
+                          break;
+                      case 4:
+                          _.label++;
+                          return { value: op[1], done: false };
+                      case 5:
+                          _.label++;
+                          y = op[1];
+                          op = [0];
+                          continue;
+                      case 7:
+                          op = _.ops.pop();
+                          _.trys.pop();
+                          continue;
+                      default:
+                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                              _ = 0;
+                              continue;
+                          }
+                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                              _.label = op[1];
+                              break;
+                          }
+                          if (op[0] === 6 && _.label < t[1]) {
+                              _.label = t[1];
+                              t = op;
+                              break;
+                          }
+                          if (t && _.label < t[2]) {
+                              _.label = t[2];
+                              _.ops.push(op);
+                              break;
+                          }
+                          if (t[2])
+                              _.ops.pop();
+                          _.trys.pop();
+                          continue;
+                  }
+                  op = body.call(thisArg, _);
+              }
+              catch (e) {
+                  op = [6, e];
+                  y = 0;
+              }
+              finally {
+                  f = t = 0;
+              }
+          if (op[0] & 5)
+              throw op[1];
+          return { value: op[0] ? op[1] : void 0, done: true };
+      }
+  }
+  var __createBinding = Object.create ? (function (o, m, k, k2) {
+      if (k2 === undefined)
+          k2 = k;
+      Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+  }) : (function (o, m, k, k2) {
+      if (k2 === undefined)
+          k2 = k;
+      o[k2] = m[k];
+  });
+  function __exportStar(m, o) {
+      for (var p in m)
+          if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+              __createBinding(o, m, p);
+  }
+  function __values(o) {
+      var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+      if (m)
+          return m.call(o);
+      if (o && typeof o.length === "number")
+          return {
+              next: function () {
+                  if (o && i >= o.length)
+                      o = void 0;
+                  return { value: o && o[i++], done: !o };
+              }
+          };
+      throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+  function __read(o, n) {
+      var m = typeof Symbol === "function" && o[Symbol.iterator];
+      if (!m)
+          return o;
+      var i = m.call(o), r, ar = [], e;
+      try {
+          while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+              ar.push(r.value);
+      }
+      catch (error) {
+          e = { error: error };
+      }
+      finally {
+          try {
+              if (r && !r.done && (m = i["return"]))
+                  m.call(i);
+          }
+          finally {
+              if (e)
+                  throw e.error;
+          }
+      }
+      return ar;
+  }
+  /** @deprecated */
+  function __spread() {
+      for (var ar = [], i = 0; i < arguments.length; i++)
+          ar = ar.concat(__read(arguments[i]));
+      return ar;
+  }
+  /** @deprecated */
+  function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+          s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+          for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+              r[k] = a[j];
+      return r;
+  }
+  function __spreadArray(to, from, pack) {
+      if (pack || arguments.length === 2)
+          for (var i = 0, l = from.length, ar; i < l; i++) {
+              if (ar || !(i in from)) {
+                  if (!ar)
+                      ar = Array.prototype.slice.call(from, 0, i);
+                  ar[i] = from[i];
+              }
+          }
+      return to.concat(ar || from);
+  }
+  function __await(v) {
+      return this instanceof __await ? (this.v = v, this) : new __await(v);
+  }
+  function __asyncGenerator(thisArg, _arguments, generator) {
+      if (!Symbol.asyncIterator)
+          throw new TypeError("Symbol.asyncIterator is not defined.");
+      var g = generator.apply(thisArg, _arguments || []), i, q = [];
+      return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+      function verb(n) { if (g[n])
+          i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+      function resume(n, v) { try {
+          step(g[n](v));
+      }
+      catch (e) {
+          settle(q[0][3], e);
+      } }
+      function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+      function fulfill(value) { resume("next", value); }
+      function reject(value) { resume("throw", value); }
+      function settle(f, v) { if (f(v), q.shift(), q.length)
+          resume(q[0][0], q[0][1]); }
+  }
+  function __asyncDelegator(o) {
+      var i, p;
+      return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+      function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+  }
+  function __asyncValues(o) {
+      if (!Symbol.asyncIterator)
+          throw new TypeError("Symbol.asyncIterator is not defined.");
+      var m = o[Symbol.asyncIterator], i;
+      return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+      function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+      function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+  }
+  function __makeTemplateObject(cooked, raw) {
+      if (Object.defineProperty) {
+          Object.defineProperty(cooked, "raw", { value: raw });
+      }
+      else {
+          cooked.raw = raw;
+      }
+      return cooked;
+  }
+  ;
+  var __setModuleDefault = Object.create ? (function (o, v) {
+      Object.defineProperty(o, "default", { enumerable: true, value: v });
+  }) : function (o, v) {
+      o["default"] = v;
+  };
+  function __importStar(mod) {
+      if (mod && mod.__esModule)
+          return mod;
+      var result = {};
+      if (mod != null)
+          for (var k in mod)
+              if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                  __createBinding(result, mod, k);
+      __setModuleDefault(result, mod);
+      return result;
+  }
+  function __importDefault(mod) {
+      return (mod && mod.__esModule) ? mod : { default: mod };
+  }
+  function __classPrivateFieldGet(receiver, state, kind, f) {
+      if (kind === "a" && !f)
+          throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+          throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+  }
+  function __classPrivateFieldSet(receiver, state, value, kind, f) {
+      if (kind === "m")
+          throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f)
+          throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+          throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+  }
+
+  /**
+   * Don't use this directive unless there is a reason not to use css `:hover`,
+   * because the accuracy of detecting the hover is not as good. If an element is
+   * moved while the mouse is idle the hover class will remain until the mouse
+   * enters and leaves again.
+   *
+   * I have tried multiple ways of detecting the mouse no longer hovering, but all
+   * have introduced a slight performance issue that just builds for each element
+   * containing this directive.
+   */
+  var HoverClassToggleDirective = /** @class */ (function () {
+      function HoverClassToggleDirective(_element) {
+          this._element = _element;
+          this._hovered = false;
+          this._defaultClasses = [];
+          this._hoverClasses = [];
+      }
+      HoverClassToggleDirective.prototype.onMouseOver = function ($event) {
+          this._setHovered(true);
+      };
+      HoverClassToggleDirective.prototype.onMouseOut = function ($event) {
+          this._setHovered(false);
+      };
+      HoverClassToggleDirective.prototype.onPointerOver = function ($event) {
+          this._setHovered(true);
+      };
+      HoverClassToggleDirective.prototype.onPointerOut = function ($event) {
+          this._setHovered(false);
+      };
+      Object.defineProperty(HoverClassToggleDirective.prototype, "seamHoverClassToggle", {
+          set: function (value) {
+              var _this = this;
+              if (value) {
+                  if (value.default) {
+                      this._defaultClasses = value.default.split(' ').filter(function (c) { return c.length > 0; });
+                  }
+                  if (value.hover) {
+                      this._hoverClasses = value.hover.split(' ').filter(function (c) { return c.length > 0; });
+                  }
+              }
+              this._hoverClasses = this._hoverClasses.filter(function (v) { return !_this._defaultClasses.find(function (_v) { return _v === v; }); });
+              this._update();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      HoverClassToggleDirective.prototype._update = function () {
+          var e_1, _a, e_2, _b;
+          try {
+              for (var _c = __values(this._defaultClasses), _d = _c.next(); !_d.done; _d = _c.next()) {
+                  var c = _d.value;
+                  this._hovered ? this._removeClass(c) : this._addClass(c);
+              }
+          }
+          catch (e_1_1) { e_1 = { error: e_1_1 }; }
+          finally {
+              try {
+                  if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+              }
+              finally { if (e_1) throw e_1.error; }
+          }
+          try {
+              for (var _e = __values(this._hoverClasses), _f = _e.next(); !_f.done; _f = _e.next()) {
+                  var c = _f.value;
+                  this._hovered ? this._addClass(c) : this._removeClass(c);
+              }
+          }
+          catch (e_2_1) { e_2 = { error: e_2_1 }; }
+          finally {
+              try {
+                  if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+              }
+              finally { if (e_2) throw e_2.error; }
+          }
+      };
+      HoverClassToggleDirective.prototype._setHovered = function (hovered) {
+          var doUpdate = this._hovered !== hovered;
+          this._hovered = hovered;
+          if (doUpdate) {
+              this._update();
+          }
+      };
+      HoverClassToggleDirective.prototype._addClass = function (c) {
+          this._element.nativeElement.classList.add(c);
+      };
+      HoverClassToggleDirective.prototype._removeClass = function (c) {
+          this._element.nativeElement.classList.remove(c);
+      };
+      return HoverClassToggleDirective;
+  }());
+  HoverClassToggleDirective.decorators = [
+      { type: core.Directive, args: [{
+                  selector: '[seamHoverClassToggle]'
+              },] }
+  ];
+  HoverClassToggleDirective.ctorParameters = function () { return [
+      { type: core.ElementRef }
+  ]; };
+  HoverClassToggleDirective.propDecorators = {
+      onMouseOver: [{ type: core.HostListener, args: ['mouseover', ['$event'],] }],
+      onMouseOut: [{ type: core.HostListener, args: ['mouseout', ['$event'],] }],
+      onPointerOver: [{ type: core.HostListener, args: ['pointerover', ['$event'],] }],
+      onPointerOut: [{ type: core.HostListener, args: ['pointerout', ['$event'],] }],
+      seamHoverClassToggle: [{ type: core.Input }]
+  };
+
+  /**
+   * Don't use this directive unless there is a reason not to use css `:hover`,
+   * because the accuracy of detecting the hover is not as good. If an element is
+   * moved while the mouse is idle the hover class will remain until the mouse
+   * enters and leaves again.
+   *
+   * I have tried multiple ways of detecting the mouse no longer hovering, but all
+   * have introduced a slight performance issue that just builds for each element
+   * containing this directive.
+   */
+  var HoverClassDirective = /** @class */ (function () {
+      function HoverClassDirective(_element) {
+          this._element = _element;
+          this._hovered = false;
+          this._classes = [];
+      }
+      HoverClassDirective.prototype.onMouseOver = function ($event) {
+          this._setHovered(true);
+      };
+      HoverClassDirective.prototype.onMouseOut = function ($event) {
+          this._setHovered(false);
+      };
+      HoverClassDirective.prototype.onPointerOver = function ($event) {
+          this._setHovered(true);
+      };
+      HoverClassDirective.prototype.onPointerOut = function ($event) {
+          this._setHovered(false);
+      };
+      Object.defineProperty(HoverClassDirective.prototype, "seamHoverClass", {
+          set: function (classList) {
+              var e_1, _a;
+              var newClasses = classList.split(' ').filter(function (c) { return c.length > 0; });
+              try {
+                  for (var _b = __values(this._classes), _c = _b.next(); !_c.done; _c = _b.next()) {
+                      var c = _c.value;
+                      if (newClasses.indexOf(c) !== 0) {
+                          this._removeClass(c);
+                      }
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
+              this._classes = newClasses;
+              this._update();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      HoverClassDirective.prototype._update = function () {
+          var e_2, _a;
+          try {
+              for (var _b = __values(this._classes), _c = _b.next(); !_c.done; _c = _b.next()) {
+                  var c = _c.value;
+                  this._hovered ? this._addClass(c) : this._removeClass(c);
+              }
+          }
+          catch (e_2_1) { e_2 = { error: e_2_1 }; }
+          finally {
+              try {
+                  if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+              }
+              finally { if (e_2) throw e_2.error; }
+          }
+      };
+      HoverClassDirective.prototype._setHovered = function (hovered) {
+          var doUpdate = this._hovered !== hovered;
+          this._hovered = hovered;
+          if (doUpdate) {
+              this._update();
+          }
+      };
+      HoverClassDirective.prototype._addClass = function (c) {
+          this._element.nativeElement.classList.add(c);
+      };
+      HoverClassDirective.prototype._removeClass = function (c) {
+          this._element.nativeElement.classList.remove(c);
+      };
+      return HoverClassDirective;
+  }());
+  HoverClassDirective.decorators = [
+      { type: core.Directive, args: [{
+                  selector: '[seamHoverClass]'
+              },] }
+  ];
+  HoverClassDirective.ctorParameters = function () { return [
+      { type: core.ElementRef }
+  ]; };
+  HoverClassDirective.propDecorators = {
+      onMouseOver: [{ type: core.HostListener, args: ['mouseover', ['$event'],] }],
+      onMouseOut: [{ type: core.HostListener, args: ['mouseout', ['$event'],] }],
+      onPointerOver: [{ type: core.HostListener, args: ['pointerover', ['$event'],] }],
+      onPointerOut: [{ type: core.HostListener, args: ['pointerout', ['$event'],] }],
+      seamHoverClass: [{ type: core.Input }]
+  };
+
+  var NgSelectExtraDirective = /** @class */ (function () {
+      function NgSelectExtraDirective(elementRef, _ngZone, ngSelect, ngControl) {
+          var _this = this;
+          this.elementRef = elementRef;
+          this._ngZone = _ngZone;
+          this.ngSelect = ngSelect;
+          this.ngControl = ngControl;
+          this._ngUnsubscribe = new rxjs.Subject();
+          this._markedItem = null;
+          this._checkMarked = false;
+          this._keyPressWorkaroundSub = null;
+          this._resizedEvent = new core.EventEmitter();
+          this._onScroll = function (event) {
+              if (_this.ngSelect && _this.ngSelect.isOpen) {
+                  var isScrollingInScrollHost = event.target.className.indexOf('ng-dropdown-panel-items') !== -1;
+                  var isInSensor = event.target.className.indexOf('resize-sensor-shrink') !== -1 ||
+                      event.target.className.indexOf('os-resize-observer-host') !== -1;
+                  if (isScrollingInScrollHost || isInSensor) {
+                      return;
+                  }
+                  _this.ngSelect.close();
+              }
+          };
+      }
+      Object.defineProperty(NgSelectExtraDirective.prototype, "_tabIndex", {
+          /**
+           * Set the tab index to `-1` to allow the root element of the ng-select
+           * component to receive `focus` event from javascript, but not get focused by
+           * keyboard navigation.
+           */
+          get: function () { return this.ngSelect.disabled ? undefined : -1; },
+          enumerable: false,
+          configurable: true
+      });
+      /**
+       * Listening for focus event on root of component to allow javascript
+       * `focus()` function to trigger the components focus.
+       */
+      NgSelectExtraDirective.prototype.onFocus = function ($event) {
+          var target = $event.target;
+          if (target === this.elementRef.nativeElement && !this.ngSelect.disabled) {
+              this.ngSelect.focus();
+          }
+          // ng-select has an input `labelForId` that sets the autocomplete attribute
+          // in ngOnInit. I am not positive that it is wrong by doing that, but this
+          // hack makes it set the attributes again on focus, because that gives the
+          // result I was expecting, since we don't manually set the `labelForId`
+          // input.
+          var _ngSelect = this.ngSelect;
+          _ngSelect._setInputAttributes();
+      };
+      Object.defineProperty(NgSelectExtraDirective.prototype, "_isInvalid", {
+          get: function () {
+              return this.ngControl ? this.ngControl.invalid && (this.ngControl.dirty || this.ngControl.touched) : false;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(NgSelectExtraDirective.prototype, "_isEmptyStringValue", {
+          get: function () {
+              return this.ngControl ? this.ngControl.value === '' ? true : false : false;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      NgSelectExtraDirective.prototype.ngOnInit = function () {
+          var _this = this;
+          this.ngSelect.focusEvent
+              .subscribe(function (v) { return _this._enableKeyPressWorkaround(); });
+          this.ngSelect.blurEvent
+              .subscribe(function (v) { return _this._disableKeyPressWorkaround(); });
+          window.addEventListener('scroll', this._onScroll, true);
+          // When the input is allowed to change its height the position doesn't update itself.
+          // this._resizedEvent.pipe(
+          //   auditTime(30)
+          // ).subscribe(event => {
+          //   if (this.elementRef && this.elementRef.nativeElement) {
+          //     if (this.elementRef.nativeElement.classList.contains('ng-select-value-grow-h')) {
+          //       if (this.ngSelect.isOpen && this.ngSelect.dropdownPanel) {
+          //         this.ngSelect.dropdownPanel.updateDropdownPosition()
+          //       }
+          //     } else {
+          //       this.elementRef.nativeElement.classList.remove('ng-select-value-grow-h')
+          //     }
+          //   }
+          // })
+          // this._patch_ngSelect_open()
+      };
+      NgSelectExtraDirective.prototype.ngOnDestroy = function () {
+          var _a;
+          (_a = this._resizeSensor) === null || _a === void 0 ? void 0 : _a.detach();
+          window.removeEventListener('scroll', this._onScroll, true);
+          this._ngUnsubscribe.next();
+          this._ngUnsubscribe.complete();
+      };
+      NgSelectExtraDirective.prototype.ngAfterViewChecked = function () {
+          var _this = this;
+          if (this.ngSelect.dropdownPanel) {
+              if (this._checkMarked) {
+                  if (this.ngSelect.dropdownPanel && this._markedItem !== null) {
+                      if (this._markedItem.index !== this.ngSelect.dropdownPanel.markedItem.index) {
+                          this.ngSelect.dropdownPanel.scrollTo(this.ngSelect.dropdownPanel.markedItem);
+                      }
+                  }
+              }
+          }
+          this._checkMarked = false;
+          this._resizeSensor = new cssElementQueries.ResizeSensor(this.elementRef.nativeElement, function (event) {
+              _this._resizedEvent.emit({ element: _this.elementRef.nativeElement, size: event });
+          });
+      };
+      /**
+       * Temp fix for: https://github.com/ng-select/ng-select/issues/1122
+       */
+      // private _patch_ngSelect_open() {
+      //   const original = this.ngSelect.open
+      //   const _self = this
+      //   this.ngSelect.open = function() {
+      //     original.apply(this, arguments)
+      //     _self._patch_ngSelectDropdownPanel_updateDropdownPosition()
+      //   }
+      // }
+      /** Should ONLY be called by `_patch_ngSelect_open`. */
+      // private _patch_ngSelectDropdownPanel_updateDropdownPosition() {
+      //   if (!this.ngSelect.dropdownPanel) { return }
+      //   const drop: any = this.ngSelect.dropdownPanel
+      //   // Only needed once, to update the position before the timeout in
+      //   // `updateDropdownPosition()`. So, using this variable to check if I already called
+      //   // `_updateAppendedDropdownPosition()`.
+      //   if (!drop.__libPatched) {
+      //     drop.__libPatched = 'patched'
+      //     const original = drop.updateDropdownPosition
+      //     const _self = this
+      //     drop.updateDropdownPosition = function() {
+      //       original.apply(this, arguments)
+      //       if (!!_self.ngSelect.appendTo) {
+      //         drop._updateAppendedDropdownPosition()
+      //       }
+      //     }
+      //   }
+      // }
+      NgSelectExtraDirective.prototype._enableKeyPressWorkaround = function () {
+          var _this = this;
+          if (this._keyPressWorkaroundSub) {
+              return;
+          }
+          var _ngSelect = this.ngSelect;
+          this._keyPressWorkaroundSub = _ngSelect._keyPress$
+              .pipe(operators.takeUntil(this._ngUnsubscribe))
+              .pipe(operators.filter(function () { return !_this.ngSelect.searchable; }))
+              .subscribe(function () {
+              _this._ngZone.runOutsideAngular(function () {
+                  window.requestAnimationFrame(function () {
+                      if (_this.ngSelect.dropdownPanel) {
+                          _this._markedItem = _this.ngSelect.dropdownPanel.markedItem;
+                      }
+                      _this._checkMarked = true;
+                  });
+              });
+          });
+      };
+      NgSelectExtraDirective.prototype._disableKeyPressWorkaround = function () {
+          if (this._keyPressWorkaroundSub) {
+              this._keyPressWorkaroundSub.unsubscribe();
+              this._keyPressWorkaroundSub = null;
+          }
+      };
+      return NgSelectExtraDirective;
+  }());
+  NgSelectExtraDirective.decorators = [
+      { type: core.Directive, args: [{
+                  // tslint:disable-next-line:directive-selector
+                  selector: 'ng-select'
+              },] }
+  ];
+  NgSelectExtraDirective.ctorParameters = function () { return [
+      { type: core.ElementRef },
+      { type: core.NgZone },
+      { type: ngSelect.NgSelectComponent },
+      { type: forms.NgControl, decorators: [{ type: core.Optional }, { type: core.Self }] }
+  ]; };
+  NgSelectExtraDirective.propDecorators = {
+      _tabIndex: [{ type: core.HostBinding, args: ['attr.tabIndex',] }],
+      onFocus: [{ type: core.HostListener, args: ['focus', ['$event'],] }],
+      _isInvalid: [{ type: core.HostBinding, args: ['class.is-invalid',] }],
+      _isEmptyStringValue: [{ type: core.HostBinding, args: ['class.ng-empty-string-value',] }]
+  };
+
+  var NgxQuillExtraDirective = /** @class */ (function () {
+      function NgxQuillExtraDirective(_elementRef, _quillEditor) {
+          this._elementRef = _elementRef;
+          this._quillEditor = _quillEditor;
+          this._ngUnsubscribe = new rxjs.Subject();
+          this._tabIndex = -1;
+      }
+      Object.defineProperty(NgxQuillExtraDirective.prototype, "tabIndex", {
+          get: function () { return this._tabIndex; },
+          /**
+           * Set the tab index to `-1` to allow the root element of the
+           * component to receive `focus` event from javascript, but not get focused by
+           * keyboard navigation.
+           */
+          set: function (value) { this._tabIndex = coercion.coerceNumberProperty(value); },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(NgxQuillExtraDirective.prototype, "_attrTabIndex", {
+          get: function () { return this._quillEditor.disabled ? -1 : (this.tabIndex || 0); },
+          enumerable: false,
+          configurable: true
+      });
+      NgxQuillExtraDirective.prototype.ngOnDestroy = function () {
+          this._ngUnsubscribe.next();
+          this._ngUnsubscribe.complete();
+      };
+      NgxQuillExtraDirective.prototype.ngAfterViewInit = function () {
+          var _this = this;
+          var parent = this._getParentElementForLabelFocusIssue();
+          if (parent) {
+              // NOTE: This is a hack to avoid an issue letting a label with "for"
+              // attribute focus the control.
+              rxjs.fromEvent(parent, 'click').pipe(operators.takeUntil(this._ngUnsubscribe), operators.filter(function (e) { var _a; return ((_a = e.target) === null || _a === void 0 ? void 0 : _a.getAttribute('for')) === _this._elementRef.nativeElement.id; }), operators.tap(function () { return _this._quillEditor.quillEditor.focus(); })).subscribe();
+          }
+      };
+      NgxQuillExtraDirective.prototype._getParentElementForLabelFocusIssue = function () {
+          var findElem = function (elem) {
+              if (elem.nodeName.toLowerCase() === 'seam-form-field') {
+                  return elem;
+              }
+              if (elem.parentElement) {
+                  return findElem(elem.parentElement);
+              }
+              return elem;
+          };
+          return findElem(this._elementRef.nativeElement);
+      };
+      return NgxQuillExtraDirective;
+  }());
+  NgxQuillExtraDirective.decorators = [
+      { type: core.Directive, args: [{
+                  // tslint:disable-next-line:directive-selector
+                  selector: 'quill-editor'
+              },] }
+  ];
+  NgxQuillExtraDirective.ctorParameters = function () { return [
+      { type: core.ElementRef },
+      { type: ngxQuill.QuillEditorComponent }
+  ]; };
+  NgxQuillExtraDirective.propDecorators = {
+      tabIndex: [{ type: core.Input }],
+      _attrTabIndex: [{ type: core.HostBinding, args: ['attr.tabindex',] }]
+  };
+
+  var MaskCharsPipe = /** @class */ (function () {
+      function MaskCharsPipe() {
+      }
+      MaskCharsPipe.prototype.transform = function (value, replacementChar, ignoreCount, ignoreFrom) {
+          if (replacementChar === void 0) { replacementChar = '*'; }
+          if (ignoreCount === void 0) { ignoreCount = 0; }
+          if (ignoreFrom === void 0) { ignoreFrom = 'right'; }
+          if (ignoreFrom === 'right') {
+              var s = value || '';
+              return utils.padStart(s.substring(s.length - ignoreCount, s.length), s.length, replacementChar);
+          }
+          else if (ignoreFrom === 'left') {
+              var s = value || '';
+              return utils.padEnd(s.substring(0, ignoreCount), s.length, replacementChar);
+          }
+          return value;
+      };
+      return MaskCharsPipe;
+  }());
+  MaskCharsPipe.decorators = [
+      { type: core.Pipe, args: [{
+                  name: 'maskChars'
+              },] }
+  ];
+
+  var TruncatePipe = /** @class */ (function () {
+      function TruncatePipe() {
+      }
+      TruncatePipe.prototype.transform = function (value, length, appendEllipsis) {
+          if (length === void 0) { length = 30; }
+          if (appendEllipsis === void 0) { appendEllipsis = true; }
+          var val = value;
+          if (value && typeof value === 'string' && value.length > length) {
+              val = value.substr(0, length);
+              if (appendEllipsis) {
+                  val += '...';
+              }
+          }
+          return val;
+      };
+      return TruncatePipe;
+  }());
+  TruncatePipe.decorators = [
+      { type: core.Pipe, args: [{
+                  name: 'truncate'
+              },] }
+  ];
+
+  var TheSeamSharedModule = /** @class */ (function () {
+      function TheSeamSharedModule() {
+      }
+      return TheSeamSharedModule;
+  }());
+  TheSeamSharedModule.decorators = [
+      { type: core.NgModule, args: [{
+                  imports: [
+                      common.CommonModule,
+                      angularFontawesome.FontAwesomeModule,
+                      modal.TheSeamModalModule,
+                      loading.TheSeamLoadingModule
+                  ],
+                  declarations: [
+                      AutoFocusDirective,
+                      ElemResizedDirective,
+                      PasswordInputRevealComponent,
+                      NgSelectExtraDirective,
+                      HoverClassDirective,
+                      HoverClassToggleDirective,
+                      ClickOutsideDirective,
+                      DisableControlDirective,
+                      MaskCharsPipe,
+                      TruncatePipe,
+                      NgxQuillExtraDirective
+                  ],
+                  exports: [
+                      AutoFocusDirective,
+                      ElemResizedDirective,
+                      PasswordInputRevealComponent,
+                      NgSelectExtraDirective,
+                      HoverClassDirective,
+                      HoverClassToggleDirective,
+                      ClickOutsideDirective,
+                      DisableControlDirective,
+                      MaskCharsPipe,
+                      TruncatePipe,
+                      NgxQuillExtraDirective,
+                      // Exporting scrollbars here for backwards compatibility for now.
+                      scrollbar.TheSeamScrollbarModule
+                  ]
+              },] }
+  ];
+
+  /**
+   * Generated bundle index. Do not edit.
+   */
+
+  exports.AutoFocusDirective = AutoFocusDirective;
+  exports.ClickOutsideDirective = ClickOutsideDirective;
+  exports.DisableControlDirective = DisableControlDirective;
+  exports.ElemResizedDirective = ElemResizedDirective;
+  exports.HoverClassDirective = HoverClassDirective;
+  exports.HoverClassToggleDirective = HoverClassToggleDirective;
+  exports.MaskCharsPipe = MaskCharsPipe;
+  exports.NgSelectExtraDirective = NgSelectExtraDirective;
+  exports.NgxQuillExtraDirective = NgxQuillExtraDirective;
+  exports.PasswordInputRevealComponent = PasswordInputRevealComponent;
+  exports.TheSeamSharedModule = TheSeamSharedModule;
+  exports.TruncatePipe = TruncatePipe;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=theseam-ui-common-shared.umd.js.map