@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-asset-reader.js

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { isDevMode, Injectable, Optional, Directive, ElementRef, Input, HostBinding, HostListener, NgModule } from '@angular/core';
+import { of, from, throwError } from 'rxjs';
+import { switchMap, map, tap, catchError, mapTo } from 'rxjs/operators';
+import FileSaver from 'file-saver';
+import { readFileAsync, fileDataFromBuffer, openBlob } from '@theseam/ui-common/utils';
+import { __decorate } from 'tslib';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { TheSeamLoadingOverlayService } from '@theseam/ui-common/loading';
+
+/**
+ *
+ * THIS SHOULD BE IMPLEMENTED AND PROVIDED BY APPLICATION USING 'ui-common'.
+ *
+ * Example:
+ * ```
+ * @NgModule({
+ *   imports: [ ... ],
+ *   declarations: [ ... ]
+ *   providers: [
+ *      ...,
+ *     { provide: IEncryptedAssetReaderService useClass: YourAssetService }
+ *   ]
+ * }
+ * ```
+ *
+ */
+class EncryptedAssetReader {
+}
+
+class AssetReaderHelperService {
+    constructor(_assetReader) {
+        this._assetReader = _assetReader;
+        if (isDevMode() && !this._assetReader) {
+            console.warn(`[EncryptedAssetLinkDirective] Unable to get encrypted files unless an EncryptedAssetReader is provided.`);
+        }
+    }
+    openLink(url, detectMimeFromContent = true, download = true, target) {
+        if (!(url === undefined || url === null)) {
+            if (!this._assetReader) {
+                // Fallback
+                const win = window.open(url, target);
+                // TODO: Consider if always setting opener to null is to restrictive
+                // if (win && target && target.toLowerCase() === '_blank') {
+                //   win.opener = null
+                // }
+                return of(false);
+            }
+            const data$ = this._assetReader.getAssetBlobFromUrl(url, detectMimeFromContent)
+                .pipe(switchMap(v => {
+                const filename = v instanceof Blob ? undefined : v.filename;
+                const blob = v instanceof Blob ? v : v.blob;
+                return from(readFileAsync(blob))
+                    .pipe(switchMap(_buf => !!_buf
+                    ? from(fileDataFromBuffer(_buf))
+                    : throwError('Unable to read file.')), map(data => (Object.assign(Object.assign({}, data), { blob, filename }))));
+            }));
+            const open$ = data$
+                .pipe(tap(data => {
+                if (!data || !data.blob) {
+                    throw new Error('File unsuccessfully read.');
+                }
+                const filename = data.filename ? data.filename : `Untitled${data.ext ? `.${data.ext}` : ''}`;
+                if (download) {
+                    FileSaver.saveAs(data.blob, filename);
+                }
+                else {
+                    openBlob(data.blob, target, filename);
+                }
+            }), catchError(err => {
+                if (isDevMode()) {
+                    console.error('err', err);
+                }
+                return of(false);
+            }), mapTo(true));
+            return open$;
+        }
+        return of(false);
+    }
+}
+AssetReaderHelperService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AssetReaderHelperService_Factory() { return new AssetReaderHelperService(i0.ɵɵinject(EncryptedAssetReader, 8)); }, token: AssetReaderHelperService, providedIn: "root" });
+AssetReaderHelperService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+AssetReaderHelperService.ctorParameters = () => [
+    { type: EncryptedAssetReader, decorators: [{ type: Optional }] }
+];
+
+// TODO: Add a dev warning or handle both `seamEncryptedAssetLink` and `attr.href` being set on a single element.
+// TODO: This can easily be used for non-encrypted assets, because the provided
+// reader can do whatever it wants. So, consider renaming to 'seamAssetLink'.
+class EncryptedAssetLinkDirective {
+    constructor(_elementRef, _assetReaderHelper, _loading) {
+        this._elementRef = _elementRef;
+        this._assetReaderHelper = _assetReaderHelper;
+        this._loading = _loading;
+        this.seamShowLoadingOverlay = true;
+        this.seamDetectMimeFromContent = true;
+        this.seamDownloadAsset = false;
+    }
+    // TODO: Find out why I need this for buttons.
+    get _attrHref() { return this.seamEncryptedAssetLink; }
+    _onClick(event) {
+        if (!this.seamEncryptedAssetLink) {
+            return;
+        }
+        let open$ = this._assetReaderHelper.openLink(this.seamEncryptedAssetLink, this.seamDetectMimeFromContent, this.seamDownloadAsset, this._isAnchor() && this._hasTarget() ? this._getTarget() : undefined);
+        if (this.seamShowLoadingOverlay) {
+            open$ = this._loading.while(open$);
+        }
+        open$.subscribe();
+    }
+    /** Determines if the component host is an anchor. */
+    _isAnchor() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
+    }
+    _hasTarget() {
+        const elem = this._elementRef.nativeElement;
+        return !(elem.target === undefined || elem.target === null);
+    }
+    _getTarget() {
+        return this._elementRef.nativeElement.target;
+    }
+}
+EncryptedAssetLinkDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamEncryptedAssetLink]'
+            },] }
+];
+EncryptedAssetLinkDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: AssetReaderHelperService },
+    { type: TheSeamLoadingOverlayService }
+];
+EncryptedAssetLinkDirective.propDecorators = {
+    seamEncryptedAssetLink: [{ type: Input }],
+    seamShowLoadingOverlay: [{ type: Input }],
+    seamDetectMimeFromContent: [{ type: Input }],
+    seamDownloadAsset: [{ type: Input }],
+    _attrHref: [{ type: HostBinding, args: ['attr.href',] }],
+    _onClick: [{ type: HostListener, args: ['click', ['$event'],] }]
+};
+__decorate([
+    InputBoolean()
+], EncryptedAssetLinkDirective.prototype, "seamShowLoadingOverlay", void 0);
+__decorate([
+    InputBoolean()
+], EncryptedAssetLinkDirective.prototype, "seamDetectMimeFromContent", void 0);
+__decorate([
+    InputBoolean()
+], EncryptedAssetLinkDirective.prototype, "seamDownloadAsset", void 0);
+
+class TheSeamAssetReaderModule {
+}
+TheSeamAssetReaderModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    EncryptedAssetLinkDirective
+                ],
+                exports: [
+                    EncryptedAssetLinkDirective
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssetReaderHelperService, EncryptedAssetLinkDirective, EncryptedAssetReader, TheSeamAssetReaderModule };
+//# sourceMappingURL=theseam-ui-common-asset-reader.js.map

package/fesm2015/theseam-ui-common-asset-reader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-asset-reader.js","sources":["../../../projects/ui-common/asset-reader/encrypted-asset-reader.ts","../../../projects/ui-common/asset-reader/asset-reader-helper.service.ts","../../../projects/ui-common/asset-reader/encrypted-asset-link.directive.ts","../../../projects/ui-common/asset-reader/asset-reader.module.ts","../../../projects/ui-common/asset-reader/theseam-ui-common-asset-reader.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\n/**\n *\n * THIS SHOULD BE IMPLEMENTED AND PROVIDED BY APPLICATION USING 'ui-common'.\n *\n * Example:\n * ```\n * @NgModule({\n *   imports: [ ... ],\n *   declarations: [ ... ]\n *   providers: [\n *      ...,\n *     { provide: IEncryptedAssetReaderService useClass: YourAssetService }\n *   ]\n * }\n * ```\n *\n */\n\nexport abstract class EncryptedAssetReader {\n\n  abstract getAssetBlobFromUrl(url: string, detectMimeFromContent: boolean): Observable<Blob | { blob: Blob, filename?: string }>\n\n}\n","import { Injectable, isDevMode, Optional } from '@angular/core'\nimport { from, Observable, of, throwError } from 'rxjs'\nimport { catchError, map, mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport FileSaver from 'file-saver'\n\nimport { fileDataFromBuffer, openBlob, readFileAsync } from '@theseam/ui-common/utils'\n\nimport { EncryptedAssetReader } from './encrypted-asset-reader'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AssetReaderHelperService {\n\n  constructor(\n    @Optional() private _assetReader?: EncryptedAssetReader\n  ) {\n    if (isDevMode() && !this._assetReader) {\n      console.warn(`[EncryptedAssetLinkDirective] Unable to get encrypted files unless an EncryptedAssetReader is provided.`)\n    }\n  }\n\n  public openLink(\n    url: string,\n    detectMimeFromContent: boolean = true,\n    download: boolean = true,\n    target?: string\n  ): Observable<boolean> {\n    if (!(url === undefined || url === null)) {\n      if (!this._assetReader) {\n        // Fallback\n        const win = window.open(url, target)\n        // TODO: Consider if always setting opener to null is to restrictive\n        // if (win && target && target.toLowerCase() === '_blank') {\n        //   win.opener = null\n        // }\n        return of(false)\n      }\n\n      const data$ = this._assetReader.getAssetBlobFromUrl(url, detectMimeFromContent)\n        .pipe(\n          switchMap(v => {\n            const filename: string | undefined = v instanceof Blob ? undefined : v.filename\n            const blob: Blob = v instanceof Blob ? v : v.blob\n            return from(readFileAsync(blob))\n              .pipe(\n                switchMap(_buf => !!_buf\n                  ? from(fileDataFromBuffer(_buf))\n                  : throwError('Unable to read file.')\n                ),\n                map(data => ({ ...data, blob, filename }))\n              )\n          })\n        )\n\n      const open$ = data$\n        .pipe(\n          tap(data => {\n            if (!data || !data.blob) { throw new Error('File unsuccessfully read.') }\n            const filename = data.filename ? data.filename : `Untitled${data.ext ? `.${data.ext}` : ''}`\n            if (download) {\n              FileSaver.saveAs(data.blob, filename)\n            } else {\n              openBlob(data.blob, target, filename)\n            }\n          }),\n          catchError(err => {\n            if (isDevMode()) { console.error('err', err) }\n            return of(false)\n          }),\n          mapTo(true)\n        )\n\n      return open$\n    }\n\n    return of(false)\n  }\n\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Directive, ElementRef, HostBinding, HostListener, Input } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { TheSeamLoadingOverlayService } from '@theseam/ui-common/loading'\n\nimport { AssetReaderHelperService } from './asset-reader-helper.service'\n\n// TODO: Add a dev warning or handle both `seamEncryptedAssetLink` and `attr.href` being set on a single element.\n\n// TODO: This can easily be used for non-encrypted assets, because the provided\n// reader can do whatever it wants. So, consider renaming to 'seamAssetLink'.\n\n@Directive({\n  selector: '[seamEncryptedAssetLink]'\n})\nexport class EncryptedAssetLinkDirective {\n  static ngAcceptInputType_seamShowLoadingOverlay: BooleanInput\n  static ngAcceptInputType_seamDetectMimeFromContent: BooleanInput\n  static ngAcceptInputType_seamDownloadAsset: BooleanInput\n\n  @Input() seamEncryptedAssetLink: string | undefined | null\n  @Input() @InputBoolean() seamShowLoadingOverlay = true\n  @Input() @InputBoolean() seamDetectMimeFromContent = true\n  @Input() @InputBoolean() seamDownloadAsset = false\n\n  // TODO: Find out why I need this for buttons.\n  @HostBinding('attr.href') get _attrHref() { return this.seamEncryptedAssetLink }\n\n  @HostListener('click', [ '$event' ])\n  _onClick(event: MouseEvent) {\n    if (!this.seamEncryptedAssetLink) { return }\n\n    let open$ = this._assetReaderHelper.openLink(\n      this.seamEncryptedAssetLink,\n      this.seamDetectMimeFromContent,\n      this.seamDownloadAsset,\n      this._isAnchor() && this._hasTarget() ? this._getTarget() : undefined\n    )\n    if (this.seamShowLoadingOverlay) {\n      open$ = this._loading.while(open$)\n    }\n    open$.subscribe()\n  }\n\n  constructor(\n    private _elementRef: ElementRef,\n    private _assetReaderHelper: AssetReaderHelperService,\n    private _loading: TheSeamLoadingOverlayService\n  ) { }\n\n  /** Determines if the component host is an anchor. */\n  protected _isAnchor(): boolean {\n    return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a'\n  }\n\n  protected _hasTarget(): boolean {\n    const elem = this._elementRef.nativeElement as HTMLAnchorElement\n    return !(elem.target === undefined || elem.target === null)\n  }\n\n  protected _getTarget(): string {\n    return (this._elementRef.nativeElement as HTMLAnchorElement).target\n  }\n\n}\n","import { NgModule } from '@angular/core'\n\nimport { EncryptedAssetLinkDirective } from './encrypted-asset-link.directive'\n\n@NgModule({\n  declarations: [\n    EncryptedAssetLinkDirective\n  ],\n  exports: [\n    EncryptedAssetLinkDirective\n  ]\n})\nexport class TheSeamAssetReaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-breadcrumbs.js

@@ -0,0 +1,202 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { NavigationEnd, Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { combineLatest, of } from 'rxjs';
+import { filter, map, startWith, switchMap } from 'rxjs/operators';
+import { leafChildRoute, notNullOrUndefined, willHaveDataProp, hasProperty, routeSnapshotPathFull } from '@theseam/ui-common/utils';
+import { CommonModule } from '@angular/common';
+
+class TheSeamBreadcrumbsService {
+    constructor(_router, _activatedRoute) {
+        // this.crumbs$ = this._router.events.pipe(
+        //   filter(event => event instanceof NavigationEnd),
+        //   map(_ => this._activatedRoute),
+        //   startWith(this._activatedRoute),
+        //   activatedRoutesWithDataProperty(this.breadcrumbDataKey, true),
+        //   switchMap(rwdArr => combineLatest(rwdArr.map(rwd => this._parseBreadcrumbData(rwd))))
+        // )
+        this._router = _router;
+        this._activatedRoute = _activatedRoute;
+        // public readonly breadcrumbDataKey = 'breadcrumb'
+        this.dataProps = [
+            'breadcrumb',
+            'breadcrumbExtras',
+        ];
+        this.crumbs$ = this._crumbsFromRoute();
+    }
+    _crumbsFromRoute() {
+        return this._router.events.pipe(filter((event) => event instanceof NavigationEnd), map(() => this._activatedRoute), startWith(this._activatedRoute), switchMap(activatedRoute => this._crumbsFromActivatedRoute(activatedRoute)));
+    }
+    _crumbsFromActivatedRoute(activatedRoute) {
+        return this._breadcrumbDatasFromRoot(activatedRoute).pipe(map(bcDatas => this._breadcrumbsFromData(bcDatas)));
+    }
+    _breadcrumbDatasFromRoot(activatedRoute) {
+        const bcDataObs = leafChildRoute(activatedRoute).pathFromRoot.map(r => this._breadcrumbData(r));
+        return combineLatest(bcDataObs).pipe(map(v => v.filter(notNullOrUndefined)), switchMap(v => this._applyBreadcrumbExtras(v)));
+    }
+    _breadcrumbData(activatedRoute) {
+        return activatedRoute.data.pipe(map(data => {
+            const bcData = {
+                activatedRoute: activatedRoute,
+                extrasPropRefs: []
+            };
+            let found = false;
+            for (const prop of this.dataProps) {
+                if (prop === 'breadcrumb' && !willHaveDataProp(activatedRoute, prop)) {
+                    // Need to skip if the 'breadcrumb' data prop is not in the config,
+                    // because we will get duplicates if the data 'breadcrumb' prop is
+                    // inheritted from a parent route.
+                    continue;
+                }
+                if (hasProperty(data, prop)) {
+                    bcData[prop] = data[prop];
+                    found = true;
+                }
+            }
+            if (!found) {
+                return null;
+            }
+            bcData.extrasPropRefs = this._getBreadcrumbExtrasDataProps(bcData);
+            return bcData;
+        }));
+    }
+    _applyBreadcrumbExtras(datas) {
+        const newDatas = [];
+        let pending = [];
+        for (const data of datas) {
+            if (!hasProperty(data, 'breadcrumb')) {
+                pending.push(data);
+                continue;
+            }
+            newDatas.push(data);
+            pending = [];
+        }
+        if (newDatas.length === 0) {
+            return of([]);
+        }
+        if (pending.length > 0) {
+            // add extras
+            newDatas[newDatas.length - 1].extrasPropRefs = this._filterExtrasPropRefs([
+                ...newDatas[newDatas.length - 1].extrasPropRefs,
+                ...pending.map(p => p.extrasPropRefs).reduce((prev, curr) => [...prev, ...curr], [])
+            ]);
+        }
+        return combineLatest(newDatas.map(data => {
+            if (data.extrasPropRefs.length === 0) {
+                return of(data);
+            }
+            return this._observeExtrasPropRefs(data.extrasPropRefs).pipe(map(extrasStr => {
+                data.breadcrumb = data.breadcrumb + ' ' + extrasStr;
+                return data;
+            }));
+        }));
+    }
+    _observeExtrasPropRefs(propRefs) {
+        return combineLatest(propRefs.map(pf => pf.value)).pipe(map(values => values.map(v => `(${v})`).join(' ')));
+    }
+    _getBreadcrumbExtrasDataProps(data) {
+        if (!hasProperty(data, 'breadcrumbExtras')) {
+            return [];
+        }
+        if (!hasProperty(data.breadcrumbExtras, 'dataProps')) {
+            return [];
+        }
+        const propRefs = data.breadcrumbExtras.dataProps.map(prop => {
+            return { prop: prop, value: this._getDataProp(data.activatedRoute, prop) };
+        });
+        return this._filterExtrasPropRefs(propRefs);
+    }
+    _filterExtrasPropRefs(propRefs) {
+        const seen = {};
+        return propRefs.filter(propRef => {
+            if (seen[propRef.prop]) {
+                return false;
+            }
+            seen[propRef.prop] = true;
+            return true;
+        });
+    }
+    _getDataProp(activatedRoute, prop) {
+        if (activatedRoute.routeConfig !== null) {
+            if (willHaveDataProp(activatedRoute, prop)) {
+                return activatedRoute.data.pipe(map(d => d[prop]));
+            }
+        }
+        let r = activatedRoute.parent;
+        while (r !== null) {
+            if (willHaveDataProp(r, prop)) {
+                return r.data.pipe(map(d => d[prop]));
+            }
+            r = r.parent;
+        }
+        throw Error(`DataProp '${prop}' not found.`);
+    }
+    _breadcrumbsFromData(datas) {
+        const breadcrumbs = [];
+        for (const data of datas) {
+            if (hasProperty(data, 'breadcrumb')) {
+                const breadcrumb = {
+                    value: data.breadcrumb,
+                    path: routeSnapshotPathFull(data.activatedRoute.snapshot),
+                    route: data.activatedRoute
+                };
+                breadcrumbs.push(breadcrumb);
+            }
+        }
+        return breadcrumbs;
+    }
+}
+TheSeamBreadcrumbsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TheSeamBreadcrumbsService_Factory() { return new TheSeamBreadcrumbsService(i0.ɵɵinject(i1.Router), i0.ɵɵinject(i1.ActivatedRoute)); }, token: TheSeamBreadcrumbsService, providedIn: "root" });
+TheSeamBreadcrumbsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+TheSeamBreadcrumbsService.ctorParameters = () => [
+    { type: Router },
+    { type: ActivatedRoute }
+];
+
+class BreadcrumbsComponent {
+    constructor(_breadcrumbs) {
+        this._breadcrumbs = _breadcrumbs;
+        this.crumbs$ = this._breadcrumbs.crumbs$;
+    }
+    ngOnInit() { }
+}
+BreadcrumbsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-breadcrumbs',
+                template: "<nav aria-label=\"breadcrumb\">\n  <ol class=\"breadcrumb mb-0\">\n    <li *ngFor=\"let crumb of crumbs$ | async; last as isLast\"\n      class=\"breadcrumb-item\"\n      [ngClass]=\"{ 'active': isLast }\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <a *ngIf=\"!isLast; else notLink\" [routerLink]=\"crumb.path\">{{ crumb.value }}</a>\n      <ng-template #notLink>{{ crumb.value }}</ng-template>\n    </li>\n  </ol>\n</nav>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+BreadcrumbsComponent.ctorParameters = () => [
+    { type: TheSeamBreadcrumbsService }
+];
+
+class TheSeamBreadcrumbsModule {
+}
+TheSeamBreadcrumbsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    BreadcrumbsComponent
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule
+                ],
+                exports: [
+                    BreadcrumbsComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbsComponent, TheSeamBreadcrumbsModule, TheSeamBreadcrumbsService };
+//# sourceMappingURL=theseam-ui-common-breadcrumbs.js.map

package/fesm2015/theseam-ui-common-breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-breadcrumbs.js","sources":["../../../projects/ui-common/breadcrumbs/breadcrumbs.service.ts","../../../projects/ui-common/breadcrumbs/breadcrumbs/breadcrumbs.component.ts","../../../projects/ui-common/breadcrumbs/breadcrumbs.module.ts","../../../projects/ui-common/breadcrumbs/theseam-ui-common-breadcrumbs.ts"],"sourcesContent":["import { Injectable, isDevMode } from '@angular/core'\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router'\nimport { combineLatest, Observable, of } from 'rxjs'\nimport { filter, map, startWith, switchMap } from 'rxjs/operators'\n\nimport {\n  activatedRoutesWithDataProperty,\n  hasProperty,\n  IActivatedRouteWithData,\n  isEmptyUrlRoute,\n  leafChildRoute,\n  notNullOrUndefined,\n  routeSnapshotPathFull,\n  willHaveDataProp\n} from '@theseam/ui-common/utils'\n\nimport { TheSeamBreadcrumb } from './breadcrumb'\n\ninterface BreadcrumbDataExtras {\n  dataProps?: string[]\n}\n\ninterface ExtrasPropRef {\n  prop: string\n  value: Observable<string>\n}\n\ninterface BreadcrumbData {\n  breadcrumb?: string\n  breadcrumbExtras?: BreadcrumbDataExtras\n\n  activatedRoute: ActivatedRoute\n  extrasPropRefs: ExtrasPropRef[]\n}\n\n\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TheSeamBreadcrumbsService {\n\n  // public readonly breadcrumbDataKey = 'breadcrumb'\n\n  private readonly dataProps: (keyof Omit<BreadcrumbData, 'activatedRoute'>)[] = [\n    'breadcrumb',\n    'breadcrumbExtras',\n  ]\n\n  public readonly crumbs$: Observable<TheSeamBreadcrumb[]>\n\n  constructor(\n    private readonly _router: Router,\n    private readonly _activatedRoute: ActivatedRoute\n  ) {\n    // this.crumbs$ = this._router.events.pipe(\n    //   filter(event => event instanceof NavigationEnd),\n    //   map(_ => this._activatedRoute),\n    //   startWith(this._activatedRoute),\n    //   activatedRoutesWithDataProperty(this.breadcrumbDataKey, true),\n    //   switchMap(rwdArr => combineLatest(rwdArr.map(rwd => this._parseBreadcrumbData(rwd))))\n    // )\n\n    this.crumbs$ = this._crumbsFromRoute()\n  }\n\n  private _crumbsFromRoute(): Observable<TheSeamBreadcrumb[]> {\n    return this._router.events.pipe(\n      filter((event): event is NavigationEnd => event instanceof NavigationEnd),\n      map(() => this._activatedRoute),\n      startWith(this._activatedRoute),\n      switchMap(activatedRoute => this._crumbsFromActivatedRoute(activatedRoute))\n    )\n  }\n\n  private _crumbsFromActivatedRoute(activatedRoute: ActivatedRoute): Observable<TheSeamBreadcrumb[]> {\n    return this._breadcrumbDatasFromRoot(activatedRoute).pipe(\n      map(bcDatas => this._breadcrumbsFromData(bcDatas))\n    )\n  }\n\n  private _breadcrumbDatasFromRoot(activatedRoute: ActivatedRoute): Observable<BreadcrumbData[]> {\n    const bcDataObs = leafChildRoute(activatedRoute).pathFromRoot.map(r => this._breadcrumbData(r))\n    return combineLatest(bcDataObs).pipe(\n      map(v => v.filter(notNullOrUndefined)),\n      switchMap(v => this._applyBreadcrumbExtras(v)),\n    )\n  }\n\n  private _breadcrumbData(activatedRoute: ActivatedRoute): Observable<BreadcrumbData | null> {\n    return activatedRoute.data.pipe(\n      map(data => {\n        const bcData: BreadcrumbData = {\n          activatedRoute: activatedRoute,\n          extrasPropRefs: []\n        }\n\n        let found = false\n        for (const prop of this.dataProps) {\n          if (prop === 'breadcrumb' && !willHaveDataProp(activatedRoute, prop)) {\n            // Need to skip if the 'breadcrumb' data prop is not in the config,\n            // because we will get duplicates if the data 'breadcrumb' prop is\n            // inheritted from a parent route.\n            continue\n          }\n\n          if (hasProperty(data, prop)) {\n            bcData[prop] = data[prop]\n            found = true\n          }\n        }\n\n        if (!found) {\n          return null\n        }\n\n        bcData.extrasPropRefs = this._getBreadcrumbExtrasDataProps(bcData)\n\n        return bcData\n      })\n    )\n  }\n\n  private _applyBreadcrumbExtras(datas: BreadcrumbData[]): Observable<BreadcrumbData[]> {\n    const newDatas: BreadcrumbData[] = []\n\n    let pending: BreadcrumbData[] = []\n    for (const data of datas) {\n      if (!hasProperty(data, 'breadcrumb')) {\n        pending.push(data)\n        continue\n      }\n\n      newDatas.push(data)\n\n      pending = []\n    }\n\n    if (newDatas.length === 0) {\n      return of([])\n    }\n\n    if (pending.length > 0) {\n      // add extras\n      newDatas[newDatas.length - 1].extrasPropRefs = this._filterExtrasPropRefs([\n        ...newDatas[newDatas.length - 1].extrasPropRefs,\n        ...pending.map(p => p.extrasPropRefs).reduce((prev, curr) => [ ...prev, ...curr ], [])\n      ])\n    }\n\n    return combineLatest(newDatas.map(data => {\n      if (data.extrasPropRefs.length === 0) {\n        return of(data)\n      }\n\n      return this._observeExtrasPropRefs(data.extrasPropRefs).pipe(\n        map(extrasStr => {\n          data.breadcrumb = data.breadcrumb + ' ' + extrasStr\n          return data\n        })\n      )\n    }))\n  }\n\n  private _observeExtrasPropRefs(propRefs: ExtrasPropRef[]): Observable<string> {\n    return combineLatest(propRefs.map(pf => pf.value)).pipe(\n      map(values => values.map(v => `(${v})`).join(' '))\n    )\n  }\n\n  private _getBreadcrumbExtrasDataProps(data: BreadcrumbData): ExtrasPropRef[] {\n    if (!hasProperty(data, 'breadcrumbExtras')) {\n      return []\n    }\n\n    if (!hasProperty(data.breadcrumbExtras, 'dataProps')) {\n      return []\n    }\n\n    const propRefs = data.breadcrumbExtras.dataProps.map(prop => {\n      return { prop: prop, value: this._getDataProp(data.activatedRoute, prop) }\n    })\n\n    return this._filterExtrasPropRefs(propRefs)\n  }\n\n  private _filterExtrasPropRefs(propRefs: ExtrasPropRef[]): ExtrasPropRef[] {\n    const seen: { [key: string]: boolean } = { }\n    return propRefs.filter(propRef => {\n      if (seen[propRef.prop]) {\n        return false\n      }\n      seen[propRef.prop] = true\n      return true\n    })\n  }\n\n  private _getDataProp(activatedRoute: ActivatedRoute, prop: string): Observable<string> {\n    if (activatedRoute.routeConfig !== null) {\n      if (willHaveDataProp(activatedRoute, prop)) {\n        return activatedRoute.data.pipe(map(d => d[prop]))\n      }\n    }\n\n    let r = activatedRoute.parent\n    while (r !== null) {\n      if (willHaveDataProp(r, prop)) {\n        return r.data.pipe(map(d => d[prop]))\n      }\n\n      r = r.parent\n    }\n\n    throw Error(`DataProp '${prop}' not found.`)\n  }\n\n  private _breadcrumbsFromData(datas: BreadcrumbData[]): TheSeamBreadcrumb[] {\n    const breadcrumbs: TheSeamBreadcrumb[] = []\n\n    for (const data of datas) {\n      if (hasProperty(data, 'breadcrumb')) {\n        const breadcrumb: TheSeamBreadcrumb = {\n          value: data.breadcrumb,\n          path: routeSnapshotPathFull(data.activatedRoute.snapshot),\n          route: data.activatedRoute\n        }\n        breadcrumbs.push(breadcrumb)\n      }\n    }\n\n    return breadcrumbs\n  }\n\n  // private _parseBreadcrumbData(routeWithData: IActivatedRouteWithData): Observable<TheSeamBreadcrumb> {\n  //   const crumbValue = routeWithData.data[this.breadcrumbDataKey]\n  //   const route = routeWithData.route\n  //   const path = routeSnapshotPathFull(route.snapshot)\n  //   let value = ''\n\n  //   if (typeof crumbValue === 'string') {\n  //     value = crumbValue\n  //   } else {\n  //     if (isDevMode()) {\n  //       console.warn(\n  //         '[TheSeamBreadcrumbsService] Only string breadcrumbs are supported currently. '\n  //         + 'Use a resolver if the value needs to be dynamically calculated.'\n  //       )\n  //     }\n  //   }\n\n  //   return of({ value, path, route })\n  // }\n\n}\n","import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'\nimport { Observable } from 'rxjs'\n\nimport { TheSeamBreadcrumb } from '../breadcrumb'\nimport { TheSeamBreadcrumbsService } from '../breadcrumbs.service'\n\n@Component({\n  selector: 'seam-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  styleUrls: ['./breadcrumbs.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BreadcrumbsComponent implements OnInit {\n\n  public crumbs$: Observable<TheSeamBreadcrumb[]>\n\n  constructor(\n    private _breadcrumbs: TheSeamBreadcrumbsService\n  ) {\n    this.crumbs$ = this._breadcrumbs.crumbs$\n  }\n\n  ngOnInit() { }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\n\nimport { BreadcrumbsComponent } from './breadcrumbs/breadcrumbs.component'\n\n\n@NgModule({\n  declarations: [\n    BreadcrumbsComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule\n  ],\n  exports: [\n    BreadcrumbsComponent\n  ]\n})\nexport class TheSeamBreadcrumbsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-buttons.js

@@ -0,0 +1,362 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { Component, ElementRef, Renderer2, ChangeDetectionStrategy, Input, HostBinding, forwardRef, EventEmitter, Output, NgModule } from '@angular/core';
+import { mixinSize, mixinTheme, mixinDisabled, InputBoolean, InputNumber } from '@theseam/ui-common/core';
+import { __decorate } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { TheSeamProgressModule } from '@theseam/ui-common/progress';
+
+class TheSeamButtonBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+        this._focusMonitor.monitor(this._elementRef, true);
+    }
+    ngOnDestroy() {
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+    /** Focuses the button. */
+    focus() {
+        this._getHostElement().focus();
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+}
+TheSeamButtonBase.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+TheSeamButtonBase.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+const _TheSeamButtonMixinBase = mixinSize(mixinTheme(mixinDisabled(TheSeamButtonBase), 'btn'), 'btn');
+class ButtonComponent extends _TheSeamButtonMixinBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        /** ARIA type for the button. */
+        this.type = 'button';
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+}
+ButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'button[seamButton]',
+                template: "<ng-content></ng-content>\n",
+                exportAs: 'seamButton',
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['disabled', 'theme', 'size'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    '[attr.type]': 'type',
+                    'class': 'btn',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null',
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+ButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+ButtonComponent.propDecorators = {
+    type: [{ type: Input }]
+};
+class AnchorButtonComponent extends _TheSeamButtonMixinBase {
+    // TODO: Consider adding dev warning for `window.opener` exploit. Could maybe
+    // add `rel` it if the href isn't on the current domain or not specified in an
+    // injected list. This probably isn't needed and may be to strict for our
+    // usage, so I am just adding this as a reminder to think about it.
+    //
+    // rel="noopener noreferrer"
+    constructor(_elementRef, _focusMonitor, _renderer) { super(_elementRef, _focusMonitor, _renderer); }
+    ngOnDestroy() { super.ngOnDestroy(); }
+    _haltDisabledEvents(event) {
+        // A disabled button shouldn't apply any actions
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+}
+AnchorButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'a[seamButton]',
+                template: "<ng-content></ng-content>\n",
+                exportAs: 'seamButton,seamButtonBaseAnchor',
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['disabled', 'theme', 'size'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    'class': 'btn',
+                    '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
+                    '[attr.disabled]': 'disabled || null',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '(click)': '_haltDisabledEvents($event)',
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+AnchorButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+AnchorButtonComponent.propDecorators = {
+    tabIndex: [{ type: Input }]
+};
+
+class BadgeButtonComponent extends ButtonComponent {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._textNoWrap = true;
+        this.badgeTheme = 'light';
+        this.badgeText = '';
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+}
+BadgeButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'button[seamBadgeButton]',
+                template: "<ng-content></ng-content>\n<span class=\"ml-2 badge badge-{{ badgeTheme }}\">{{ badgeText }}</span>\n",
+                exportAs: 'seamBadgeButton',
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['disabled', 'theme', 'size'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    '[attr.type]': 'type',
+                    'class': 'btn',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null'
+                },
+                styles: [""]
+            },] }
+];
+BadgeButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+BadgeButtonComponent.propDecorators = {
+    _textNoWrap: [{ type: HostBinding, args: ['class.text-nowrap',] }],
+    badgeTheme: [{ type: Input }],
+    badgeText: [{ type: Input }]
+};
+class AnchorBadgeButtonComponent extends AnchorButtonComponent {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._textNoWrap = true;
+        this.badgeTheme = 'light';
+        this.badgeText = '';
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+}
+AnchorBadgeButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'a[seamBadgeButton]',
+                template: "<ng-content></ng-content>\n<span class=\"ml-2 badge badge-{{ badgeTheme }}\">{{ badgeText }}</span>\n",
+                exportAs: 'seamBadgeButton,seamBadgeButtonAnchor',
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['disabled', 'theme', 'size'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    'class': 'btn',
+                    '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
+                    '[attr.disabled]': 'disabled || null',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '(click)': '_haltDisabledEvents($event)',
+                },
+                styles: [""]
+            },] }
+];
+AnchorBadgeButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+AnchorBadgeButtonComponent.propDecorators = {
+    _textNoWrap: [{ type: HostBinding, args: ['class.text-nowrap',] }],
+    badgeTheme: [{ type: Input }],
+    badgeText: [{ type: Input }]
+};
+
+class ProgressCircleButtonComponent extends ButtonComponent {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+        this.fillBackground = false;
+        this.showText = false;
+        this.hiddenOnEmpty = true;
+        this.percentage = 100;
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+}
+ProgressCircleButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'button[seamProgressCircleButton]',
+                template: "<ng-content></ng-content>\n<seam-progress-circle\n  class=\"progress-circle-btn--icon\"\n  [fillBackground]=\"fillBackground\"\n  [showText]=\"showText\"\n  [hiddenOnEmpty]=\"hiddenOnEmpty\"\n  [percentage]=\"percentage\">\n</seam-progress-circle>\n",
+                exportAs: 'seamProgressCircleButton',
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['disabled', 'theme', 'size'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    '[attr.type]': 'type',
+                    'class': 'btn',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null'
+                },
+                styles: [":host{padding-right:45px;position:relative}:host.btn-sm{padding-right:40px}:host.btn-sm ::ng-deep .seam-progress-circle{padding:8px}:host.btn-lg{padding-right:50px}:host.btn-lg ::ng-deep .seam-progress-circle{padding:0}:host seam-progress-circle.progress-circle-btn--icon{top:0;right:0;height:100%;width:45px;position:absolute}"]
+            },] }
+];
+ProgressCircleButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+ProgressCircleButtonComponent.propDecorators = {
+    fillBackground: [{ type: Input }],
+    showText: [{ type: Input }],
+    hiddenOnEmpty: [{ type: Input }],
+    percentage: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], ProgressCircleButtonComponent.prototype, "fillBackground", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleButtonComponent.prototype, "showText", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleButtonComponent.prototype, "hiddenOnEmpty", void 0);
+__decorate([
+    InputNumber(0)
+], ProgressCircleButtonComponent.prototype, "percentage", void 0);
+
+const TOGGLE_BUTTON_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => ToggleButtonComponent),
+    multi: true,
+};
+class ToggleButtonComponent extends ButtonComponent {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+        // tslint:disable-next-line:no-input-rename
+        this.val = false;
+        this.change = new EventEmitter();
+    }
+    get _activeCssClass() { return this.value ? coerceBooleanProperty(this.value) : false; }
+    ngOnDestroy() { super.ngOnDestroy(); }
+    get value() {
+        return this.val;
+    }
+    set value(value) {
+        this.val = value;
+        this.change.emit(this.val);
+        if (this.onChange) {
+            this.onChange(value);
+        }
+        if (this.onTouched) {
+            this.onTouched();
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    _toggleValue() {
+        this.value = !this.value;
+    }
+}
+ToggleButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'button[seamToggleButton]',
+                template: "<ng-content></ng-content>\n",
+                exportAs: 'seamToggleButton',
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['disabled', 'theme', 'size'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    '[attr.type]': 'type',
+                    'class': 'btn',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null',
+                    '(click)': '_toggleValue()',
+                },
+                providers: [TOGGLE_BUTTON_VALUE_ACCESSOR],
+                styles: [""]
+            },] }
+];
+ToggleButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+ToggleButtonComponent.propDecorators = {
+    val: [{ type: Input, args: ['value',] }],
+    change: [{ type: Output }],
+    _activeCssClass: [{ type: HostBinding, args: ['class.active',] }]
+};
+__decorate([
+    InputBoolean()
+], ToggleButtonComponent.prototype, "val", void 0);
+
+class TheSeamButtonsModule {
+}
+TheSeamButtonsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    BadgeButtonComponent,
+                    ProgressCircleButtonComponent,
+                    ToggleButtonComponent,
+                    ButtonComponent,
+                    AnchorButtonComponent,
+                    AnchorBadgeButtonComponent
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamProgressModule
+                ],
+                exports: [
+                    BadgeButtonComponent,
+                    ProgressCircleButtonComponent,
+                    ToggleButtonComponent,
+                    ButtonComponent,
+                    AnchorButtonComponent,
+                    AnchorBadgeButtonComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AnchorBadgeButtonComponent, AnchorButtonComponent, BadgeButtonComponent, ButtonComponent, ProgressCircleButtonComponent, TOGGLE_BUTTON_VALUE_ACCESSOR, TheSeamButtonsModule, ToggleButtonComponent };
+//# sourceMappingURL=theseam-ui-common-buttons.js.map