@theseam/ui-common 0.3.10 → 0.4.0-beta.0

package/fesm2020/theseam-ui-common-progress.mjs

@@ -0,0 +1,93 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import { InputBoolean, InputNumber } from '@theseam/ui-common/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+function calcDashoffset(value, circumference) {
+    const progress = value / 100;
+    const dashoffset = circumference * (1 - progress);
+    return dashoffset;
+}
+class ProgressCircleComponent {
+    constructor() {
+        this._percentage = 0;
+        this.fillBackground = false;
+        this.showText = false;
+        this.hiddenOnEmpty = true;
+        this.pending = false;
+        this.radius = 15;
+        this.circumference = 2 * Math.PI * this.radius;
+    }
+    set percentage(value) {
+        this._percentage = value;
+        this._progressInfo = this._getProgress();
+    }
+    get percentage() { return this._percentage; }
+    _getProgress() {
+        return {
+            dashoffset: calcDashoffset(this.percentage || 0, this.circumference),
+            circumference: this.circumference,
+            percent: Math.floor(this.percentage || 0)
+        };
+    }
+}
+ProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ProgressCircleComponent, selector: "seam-progress-circle", inputs: { fillBackground: "fillBackground", showText: "showText", hiddenOnEmpty: "hiddenOnEmpty", pending: "pending", percentage: "percentage" }, ngImport: i0, template: "<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n", styles: ["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text,seam-progress-circle .seam-progress-circle{position:absolute;inset:0}seam-progress-circle .seam-progress-circle{padding:5px}seam-progress-circle .seam-progress-circle .seam-progress-circle-inner{position:relative;height:100%;width:100%}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-check{padding-top:4px;font-size:1.3rem;line-height:1.3rem;color:#55c83c}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center;color:#55c83c;font-size:19px;font-weight:700;transform:translateZ(0)}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center{transform-origin:center center;text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner{margin:auto}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke-linecap:round;stroke:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path:not(path){stroke-dasharray:0}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-hourglass{fill:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke-linecap:round;stroke:#e0f5db}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke:#f57a15}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke:#fde9d9}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path{stroke:#6c757d}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path-bg{stroke:#d8dbdd}seam-progress-circle .seam-progress-circle--fill-bg .seam-progress-circle--icon-spinner-path-bg{fill:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "fillBackground", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "showText", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "hiddenOnEmpty", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "pending", void 0);
+__decorate([
+    InputNumber()
+], ProgressCircleComponent.prototype, "percentage", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressCircleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-progress-circle', encapsulation: ViewEncapsulation.None, template: "<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n", styles: ["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text,seam-progress-circle .seam-progress-circle{position:absolute;inset:0}seam-progress-circle .seam-progress-circle{padding:5px}seam-progress-circle .seam-progress-circle .seam-progress-circle-inner{position:relative;height:100%;width:100%}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-check{padding-top:4px;font-size:1.3rem;line-height:1.3rem;color:#55c83c}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center;color:#55c83c;font-size:19px;font-weight:700;transform:translateZ(0)}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center{transform-origin:center center;text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner{margin:auto}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke-linecap:round;stroke:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path:not(path){stroke-dasharray:0}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-hourglass{fill:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke-linecap:round;stroke:#e0f5db}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke:#f57a15}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke:#fde9d9}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path{stroke:#6c757d}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path-bg{stroke:#d8dbdd}seam-progress-circle .seam-progress-circle--fill-bg .seam-progress-circle--icon-spinner-path-bg{fill:#fff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { fillBackground: [{
+                type: Input
+            }], showText: [{
+                type: Input
+            }], hiddenOnEmpty: [{
+                type: Input
+            }], pending: [{
+                type: Input
+            }], percentage: [{
+                type: Input
+            }] } });
+
+class TheSeamProgressModule {
+}
+TheSeamProgressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamProgressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamProgressModule, declarations: [ProgressCircleComponent], imports: [CommonModule], exports: [ProgressCircleComponent] });
+TheSeamProgressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamProgressModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamProgressModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ProgressCircleComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        ProgressCircleComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressCircleComponent, TheSeamProgressModule, calcDashoffset };
+//# sourceMappingURL=theseam-ui-common-progress.mjs.map

package/fesm2020/theseam-ui-common-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-progress.mjs","sources":["../../../projects/ui-common/progress/progress-circle/progress-circle.component.ts","../../../projects/ui-common/progress/progress-circle/progress-circle.component.html","../../../projects/ui-common/progress/progress.module.ts","../../../projects/ui-common/progress/theseam-ui-common-progress.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion'\nimport { Component, Input, ViewEncapsulation } from '@angular/core'\n\nimport { InputBoolean, InputNumber } from '@theseam/ui-common/core'\n\ninterface IProgressInfo {\n  dashoffset: number\n  circumference: number\n  percent: number\n}\n\nexport function calcDashoffset(value: number, circumference: number) {\n  const progress = value / 100\n  const dashoffset = circumference * (1 - progress)\n  return dashoffset\n}\n\n@Component({\n  selector: 'seam-progress-circle',\n  templateUrl: './progress-circle.component.html',\n  styleUrls: [ './progress-circle.component.scss' ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class ProgressCircleComponent {\n  static ngAcceptInputType_fillBackground: BooleanInput\n  static ngAcceptInputType_showText: BooleanInput\n  static ngAcceptInputType_hiddenOnEmpty: BooleanInput\n  static ngAcceptInputType_percentage: NumberInput\n  static ngAcceptInputType_pending: BooleanInput\n\n  private _percentage: number = 0\n\n  @Input() @InputBoolean() fillBackground: boolean = false\n  @Input() @InputBoolean() showText: boolean = false\n  @Input() @InputBoolean() hiddenOnEmpty: boolean = true\n  @Input() @InputBoolean() pending: boolean = false\n\n  @Input() @InputNumber()\n  set percentage(value: number) {\n    this._percentage = value\n    this._progressInfo = this._getProgress()\n  }\n  get percentage(): number { return this._percentage }\n\n  public readonly radius = 15\n  public readonly circumference = 2 * Math.PI * this.radius\n\n  _progressInfo?: IProgressInfo | null\n\n  constructor() { }\n\n  private _getProgress(): IProgressInfo {\n    return {\n      dashoffset: calcDashoffset(this.percentage || 0, this.circumference),\n      circumference: this.circumference,\n      percent: Math.floor(this.percentage || 0)\n    }\n  }\n}\n","<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { ProgressCircleComponent } from './progress-circle/progress-circle.component'\n\n@NgModule({\n  declarations: [\n    ProgressCircleComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    ProgressCircleComponent\n  ]\n})\nexport class TheSeamProgressModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/theseam-ui-common-scrollbar.mjs

@@ -0,0 +1,185 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Directive, Input, NgModule } from '@angular/core';
+import { Subscription, fromEvent } from 'rxjs';
+import OverlayScrollbars from 'overlayscrollbars';
+import * as i1 from '@angular/cdk/platform';
+import { PlatformModule } from '@angular/cdk/platform';
+
+const _OverlayScrollbarDefaults = {
+    className: 'os-theme-dark os-theme-no-hover',
+    sizeAutoCapable: false,
+    paddingAbsolute: true,
+    autoUpdate: true
+};
+function mergeOverlayScrollbarsConfigs(a, b) {
+    return { ...a, ...b };
+}
+/** Injection token that can be used to specify overlayscrollbars options. */
+const LIB_OVERLAY_SCROLLBARS_CONFIG = new InjectionToken('seamOverlayScrollbarsConfig');
+
+class OverlayScrollbarsService {
+    constructor(_ngZone, injector, _platform) {
+        this._ngZone = _ngZone;
+        this.injector = injector;
+        this._platform = _platform;
+        this._inputEventSubscription = Subscription.EMPTY;
+    }
+    initializeInstance(element, options) {
+        if (!this.isInstanceEnabled(element) &&
+            // The 'overlayscrollbars' library is causing an issue on iOS. Since iOS
+            // already has native overlay scrollbars it shouldn't really effect the
+            // app layout.
+            !(this._isTextarea(element) && this._platform.IOS)) {
+            this._ngZone.runOutsideAngular(() => {
+                OverlayScrollbars(element, this._applyConfigDefaults(options));
+                if (this._isTextarea(element)) {
+                    // TODO: Make this more accurate. Right now this is just relying on
+                    // the fact that timing out for 100ms is usually enough time to wait
+                    // for update to correctly calculate.
+                    // NOTE: This may be fixed in a newer version to not need this hack.
+                    fromEvent(element, 'change').subscribe(_ => {
+                        this._ngZone.run(() => {
+                            setTimeout(() => {
+                                if (this.isInstanceEnabled(element)) {
+                                    this.getInstance(element).update();
+                                }
+                            }, 100);
+                        });
+                    });
+                }
+            });
+        }
+    }
+    destroyInstance(element) {
+        if (this.isInstanceEnabled(element)) {
+            this._ngZone.runOutsideAngular(() => {
+                this.getInstance(element).destroy();
+                if (this._inputEventSubscription && !this._inputEventSubscription.closed) {
+                    this._inputEventSubscription.unsubscribe();
+                }
+            });
+        }
+    }
+    getInstance(element) {
+        return OverlayScrollbars(element);
+    }
+    isInstanceEnabled(element) {
+        return !!this.getInstance(element);
+    }
+    setOptions(element, options) {
+        if (!this.isInstanceEnabled(element)) {
+            return false;
+        }
+        this.getInstance(element).options(this._applyConfigDefaults(options));
+        return true;
+    }
+    getOptions(element) {
+        return this.getInstance(element).options();
+    }
+    _applyConfigDefaults(config) {
+        const _config = this.injector.get(LIB_OVERLAY_SCROLLBARS_CONFIG);
+        return { ..._config, ...config };
+    }
+    /** Determines if the component host is a textarea. */
+    _isTextarea(element) {
+        return element.nodeName.toLowerCase() === 'textarea';
+    }
+}
+OverlayScrollbarsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayScrollbarsService, deps: [{ token: i0.NgZone }, { token: i0.Injector }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
+OverlayScrollbarsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayScrollbarsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayScrollbarsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Injector }, { type: i1.Platform }]; } });
+
+class OverlayScrollbarDirective {
+    constructor(_ref, _scrollbars) {
+        this._ref = _ref;
+        this._scrollbars = _scrollbars;
+        this._disabled = false;
+        this._options = {};
+    }
+    set seamOverlayScrollbar(value) { this.options = value; }
+    get overlayScrollbarEnabled() {
+        return this._scrollbars.isInstanceEnabled(this._ref.nativeElement);
+    }
+    set overlayScrollbarEnabled(value) {
+        this._disabled = !coerceBooleanProperty(value);
+        if (!this._disabled) {
+            this._scrollbars.initializeInstance(this._ref.nativeElement, this._options);
+        }
+        else {
+            this._scrollbars.destroyInstance(this._ref.nativeElement);
+        }
+    }
+    set options(value) {
+        this._options = value || {};
+        this._scrollbars.setOptions(this._ref.nativeElement, this._options);
+    }
+    get options() {
+        if (this._scrollbars.isInstanceEnabled(this._ref.nativeElement)) {
+            return this._scrollbars.getOptions(this._ref.nativeElement);
+        }
+        return this._options;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        if (!this._disabled) {
+            this._scrollbars.initializeInstance(this._ref.nativeElement, this._options);
+        }
+    }
+    ngOnDestroy() {
+        this._scrollbars.destroyInstance(this._ref.nativeElement);
+    }
+    get instance() {
+        return this._scrollbars.getInstance(this._ref.nativeElement);
+    }
+}
+OverlayScrollbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayScrollbarDirective, deps: [{ token: i0.ElementRef }, { token: OverlayScrollbarsService }], target: i0.ɵɵFactoryTarget.Directive });
+OverlayScrollbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: OverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: { seamOverlayScrollbar: "seamOverlayScrollbar", overlayScrollbarEnabled: "overlayScrollbarEnabled" }, exportAs: ["seamOverlayScrollbar"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayScrollbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamOverlayScrollbar]',
+                    exportAs: 'seamOverlayScrollbar'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: OverlayScrollbarsService }]; }, propDecorators: { seamOverlayScrollbar: [{
+                type: Input
+            }], overlayScrollbarEnabled: [{
+                type: Input
+            }] } });
+
+class TheSeamScrollbarModule {
+}
+TheSeamScrollbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamScrollbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamScrollbarModule, declarations: [OverlayScrollbarDirective], imports: [PlatformModule], exports: [OverlayScrollbarDirective] });
+TheSeamScrollbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamScrollbarModule, providers: [
+        { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: _OverlayScrollbarDefaults }
+    ], imports: [PlatformModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamScrollbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OverlayScrollbarDirective
+                    ],
+                    imports: [
+                        PlatformModule
+                    ],
+                    providers: [
+                        { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: _OverlayScrollbarDefaults }
+                    ],
+                    exports: [
+                        OverlayScrollbarDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LIB_OVERLAY_SCROLLBARS_CONFIG, OverlayScrollbarDirective, OverlayScrollbarsService, TheSeamScrollbarModule, _OverlayScrollbarDefaults, mergeOverlayScrollbarsConfigs };
+//# sourceMappingURL=theseam-ui-common-scrollbar.mjs.map

package/fesm2020/theseam-ui-common-scrollbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-scrollbar.mjs","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, this._options)\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":["i1.OverlayScrollbarsService"],"mappings":"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"}

package/fesm2020/theseam-ui-common-services.mjs

@@ -0,0 +1,142 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { defer, Observable } from 'rxjs';
+import { map, filter, startWith } from 'rxjs/operators';
+import { loadStyleSheet, loadStyle, hasProperty } from '@theseam/ui-common/utils';
+import * as i1 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
+import WebFont from 'webfontloader';
+
+class LoadedAssetRef {
+    constructor(nativeElement, path, content) {
+        this.nativeElement = nativeElement;
+        this.path = path;
+        this.content = content;
+    }
+    destroy() {
+        this.nativeElement.parentElement?.removeChild(this.nativeElement);
+    }
+}
+class AssetLoaderService {
+    constructor() { }
+    loadStyleSheet(path) {
+        return defer(() => loadStyleSheet(path)).pipe(map(v => new LoadedAssetRef(v, path)));
+    }
+    loadStyle(content) {
+        return defer(() => loadStyle(content)).pipe(map(v => new LoadedAssetRef(v, undefined, content)));
+    }
+}
+AssetLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AssetLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AssetLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AssetLoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AssetLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class RouterHelpersService {
+    constructor(_router) {
+        this._router = _router;
+    }
+    isActive(url, exact) {
+        const opts = exact
+            ? { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' }
+            : { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' };
+        return this._router.events.pipe(filter(event => event instanceof NavigationEnd), map(event => this._router.isActive(url, opts)), startWith(this._router.isActive(url, opts)));
+    }
+}
+RouterHelpersService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RouterHelpersService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+RouterHelpersService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RouterHelpersService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RouterHelpersService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], 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.
+ */
+class TheSeamFontLoaderService {
+    constructor() { }
+    /**
+     * 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.
+     */
+    load(config) {
+        return new Observable((subscriber) => {
+            WebFont.load({
+                ...config,
+                /** This event is triggered when all fonts have been requested. */
+                loading: () => {
+                    if (hasProperty(config, 'loading')) {
+                        config.loading();
+                    }
+                    subscriber.next({ type: 'loading' });
+                },
+                /** This event is triggered when the fonts have rendered. */
+                active: () => {
+                    if (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: () => {
+                    if (hasProperty(config, 'inactive')) {
+                        config.inactive();
+                    }
+                    subscriber.next({ type: 'inactive' });
+                },
+                /** This event is triggered once for each font that's loaded. */
+                fontloading: (familyName, fvd) => {
+                    if (hasProperty(config, 'fontloading')) {
+                        config.fontloading(familyName, fvd);
+                    }
+                    subscriber.next({ type: 'fontloading', familyName, fvd });
+                },
+                /** This event is triggered once for each font that renders. */
+                fontactive: (familyName, fvd) => {
+                    if (hasProperty(config, 'fontactive')) {
+                        config.fontactive(familyName, fvd);
+                    }
+                    subscriber.next({ type: 'fontactive', familyName, fvd });
+                },
+                /** This event is triggered if the font can't be loaded. */
+                fontinactive: (familyName, fvd) => {
+                    if (hasProperty(config, 'fontinactive')) {
+                        config.fontinactive(familyName, fvd);
+                    }
+                    subscriber.next({ type: 'fontinactive', familyName, fvd });
+                },
+            });
+        });
+    }
+}
+TheSeamFontLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamFontLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TheSeamFontLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamFontLoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamFontLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssetLoaderService, LoadedAssetRef, RouterHelpersService, TheSeamFontLoaderService };
+//# sourceMappingURL=theseam-ui-common-services.mjs.map

package/fesm2020/theseam-ui-common-services.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-services.mjs","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":[],"mappings":"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"}