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

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

@@ -1,1189 +0,0 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { CdkDrag, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i0 from '@angular/core';
-import { InjectionToken, Directive, ElementRef, NgZone, Optional, Inject, Input, TemplateRef, Component, ChangeDetectionStrategy, NgModule, ViewEncapsulation, HostBinding, Renderer2, ContentChild, EventEmitter, Output, Injectable } from '@angular/core';
-import { Subject, BehaviorSubject, throwError, of } from 'rxjs';
-import { auditTime, takeUntil, take, switchMap, filter, map } from 'rxjs/operators';
-import { getClosestWidgetCdkDrag } from '@theseam/ui-common/utils';
-import { CommonModule } from '@angular/common';
-import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
-import { mixinTheme, mixinActive, mixinDisabled, InputBoolean, mixinTabIndex } from '@theseam/ui-common/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { TheSeamIconModule } from '@theseam/ui-common/icon';
-import { __decorate } from 'tslib';
-import { TheSeamTableModule } from '@theseam/ui-common/table';
-import { TheSeamTableCellTypesModule } from '@theseam/ui-common/table-cell-types';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { faCog, faAngleDown } from '@fortawesome/free-solid-svg-icons';
-import { ComponentPortal } from '@angular/cdk/portal';
-import * as i2 from '@theseam/ui-common/dynamic-component-loader';
-import { TheSeamDynamicComponentLoader } from '@theseam/ui-common/dynamic-component-loader';
-import { CdkTableModule } from '@angular/cdk/table';
-import { RouterModule } from '@angular/router';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
-
-function extendStyles(dest, source) {
-    for (const key in source) {
-        if (source.hasOwnProperty(key)) {
-            // tslint:disable-next-line: no-non-null-assertion
-            dest[key] = source[key];
-        }
-    }
-    return dest;
-}
-function toggleNativeDragInteractions(element, enable) {
-    const userSelect = enable ? '' : 'none';
-    extendStyles(element.style, {
-        touchAction: enable ? '' : 'none',
-        webkitUserDrag: enable ? '' : 'none',
-        webkitTapHighlightColor: enable ? '' : 'transparent',
-        userSelect: userSelect,
-        msUserSelect: userSelect,
-        webkitUserSelect: userSelect,
-        MozUserSelect: userSelect
-    });
-}
-const THESEAM_WIDGET_ACCESSOR = new InjectionToken('TheSeamWidgetAccessor');
-class WidgetDragHandleDirective {
-    constructor(element, _ngZone, _dashboardWidgets, __parentDrag) {
-        this.element = element;
-        this._ngZone = _ngZone;
-        this._dashboardWidgets = _dashboardWidgets;
-        this.__parentDrag = __parentDrag;
-        this._ngUnsubscribe = new Subject();
-        this._attachedToDom = new BehaviorSubject(false);
-        this._doneCheckingAttached = false;
-        /** Emits when the state of the handle has changed. */
-        this._stateChanges = new Subject();
-        this._disabled = false;
-        toggleNativeDragInteractions(element.nativeElement, false);
-    }
-    /** Needed because CdkDrag reads this variable */
-    get _parentDrag() { return this.getParentCdkDrag(); }
-    /** Whether starting to drag through this handle is disabled. */
-    get disabled() { return this._disabled; }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this._stateChanges.next(this);
-    }
-    ngOnInit() {
-        if (this._dashboardWidgets) {
-            this._dashboardWidgets.widgetsChange.pipe(auditTime(0), takeUntil(this._ngUnsubscribe)).subscribe(() => {
-                if (this._knownParentDrag) {
-                    const isAttached = this.isAttachedToDom();
-                    if (isAttached) {
-                        const parent = this.getParentCdkDrag();
-                        if (this._knownParentDrag !== parent) {
-                            this._attachedToDom.next(isAttached);
-                        }
-                    }
-                }
-            });
-        }
-    }
-    ngAfterViewInit() {
-        if (this.__parentDrag || this._dashboardWidgets) {
-            // FIXME: This only works until the widget is moved to another template
-            // outlet. Now that the component isn't reinitialized when moving between
-            // lists the handle needs to now reflex that change to its new CdkDrag
-            // parent and possibly tell its previous parent to forget it.
-            // HACK: This is a hack to allow the `CdkDrag` directive to manage a
-            // handle that is not visible to `ContentChildren` query.
-            this._ngZone.onStable.asObservable()
-                // .pipe(take(1), untilDestroyed(this))
-                .pipe(take(1), 
-            // With the weird trick being done to keep widgets initialized when switching columns
-            switchMap(() => this._attachedToDom.pipe(filter(v => v === true))), 
-            // take(1)
-            takeUntil(this._ngUnsubscribe))
-                .subscribe(() => {
-                const parent = this.getParentCdkDrag();
-                if (this._knownParentDrag && this._knownParentDrag !== parent) {
-                    this._knownParentDrag._dragRef.disableHandle(this.element.nativeElement);
-                    this._knownParentDrag = undefined;
-                }
-                if (parent) {
-                    this._knownParentDrag = parent;
-                    parent._handles.reset([...parent._handles._results, this]);
-                    parent._handles.notifyOnChanges();
-                    parent._dragRef.enableHandle(this.element.nativeElement);
-                }
-            });
-        }
-    }
-    ngOnDestroy() {
-        this._stateChanges.complete();
-        this._attachedToDom.complete();
-        this._ngUnsubscribe.next();
-        this._ngUnsubscribe.complete();
-    }
-    ngDoCheck() {
-        // The attached observable only emits once, so we can stop checking if
-        // attached.
-        if (this._doneCheckingAttached) {
-            return;
-        }
-        const isAttached = this.isAttachedToDom();
-        if (isAttached !== this._attachedToDom.value) {
-            this._attachedToDom.next(isAttached);
-            this._doneCheckingAttached = true;
-        }
-    }
-    isAttachedToDom() {
-        return document.body.contains(this.element.nativeElement);
-    }
-    /** Closest parent draggable instance. */
-    getParentCdkDrag() {
-        if (this.__parentDrag) {
-            return this.__parentDrag;
-        }
-        else if (this._dashboardWidgets && this._dashboardWidgets.cdkDragDirectives) {
-            const dragsArr = this._dashboardWidgets.cdkDragDirectives.toArray();
-            const closest = getClosestWidgetCdkDrag(this.element, dragsArr);
-            return (closest !== undefined && closest !== null) ? closest : undefined;
-        }
-    }
-}
-WidgetDragHandleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamWidgetDragHandle]',
-                host: {
-                    'class': 'cdk-drag-handle'
-                }
-            },] }
-];
-WidgetDragHandleDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [THESEAM_WIDGET_ACCESSOR,] }] },
-    { type: CdkDrag, decorators: [{ type: Optional }] }
-];
-WidgetDragHandleDirective.propDecorators = {
-    disabled: [{ type: Input, args: ['cdkDragHandleDisabled',] }]
-};
-
-class WidgetIconTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-WidgetIconTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamWidgetIconTpl]'
-            },] }
-];
-WidgetIconTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class WidgetTitleTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-WidgetTitleTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamWidgetTitleTpl]'
-            },] }
-];
-WidgetTitleTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class WidgetButtonGroupComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-WidgetButtonGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-button-group',
-                template: "<ng-content select=\"[seamButton]\"></ng-content>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block}\n"]
-            },] }
-];
-WidgetButtonGroupComponent.ctorParameters = () => [];
-
-class TheSeamWidgetButtonGroupModule {
-}
-TheSeamWidgetButtonGroupModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetButtonGroupComponent
-                ],
-                imports: [
-                    CommonModule,
-                    TheSeamButtonsModule
-                ],
-                exports: [
-                    WidgetButtonGroupComponent,
-                    TheSeamButtonsModule
-                ]
-            },] }
-];
-
-class WidgetContentHeaderComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-WidgetContentHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-content-header',
-                template: "<ng-content></ng-content>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}\n"]
-            },] }
-];
-WidgetContentHeaderComponent.ctorParameters = () => [];
-
-class TheSeamWidgetContentHeaderModule {
-}
-TheSeamWidgetContentHeaderModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetContentHeaderComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetContentHeaderComponent
-                ]
-            },] }
-];
-
-class WidgetDescriptionComponent {
-}
-WidgetDescriptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-description',
-                template: "<p><ng-content></ng-content></p>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-
-class TheSeamWidgetDescriptionModule {
-}
-TheSeamWidgetDescriptionModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetDescriptionComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetDescriptionComponent
-                ]
-            },] }
-];
-
-class WidgetEmptyLabelComponent {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-    get _btnCss() { return this._isButton() ? true : false; }
-    get _btnLinkCss() { return this._isButton() ? true : false; }
-    get _attrType() {
-        return this._type || this._isButton() ? 'button' : undefined;
-    }
-    get type() { return this._type; }
-    ngOnInit() { }
-    /** Determines if the component host is a button. */
-    _isButton() {
-        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
-    }
-    /** Determines if the component host is an anchor. */
-    _isAnchor() {
-        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
-    }
-}
-WidgetEmptyLabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]',
-                template: "<ng-content></ng-content>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}\n"]
-            },] }
-];
-WidgetEmptyLabelComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-WidgetEmptyLabelComponent.propDecorators = {
-    _btnCss: [{ type: HostBinding, args: ['class.btn',] }],
-    _btnLinkCss: [{ type: HostBinding, args: ['class.btn-link',] }],
-    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
-    type: [{ type: Input }]
-};
-
-class TheSeamWidgetEmptyLabelModule {
-}
-TheSeamWidgetEmptyLabelModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetEmptyLabelComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetEmptyLabelComponent
-                ]
-            },] }
-];
-
-class WidgetFooterLinkComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-WidgetFooterLinkComponent.decorators = [
-    { type: Component, args: [{
-                // tslint:disable-next-line:component-selector
-                selector: 'a[seam-widget-footer-link]',
-                template: "<ng-content></ng-content>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}\n"]
-            },] }
-];
-WidgetFooterLinkComponent.ctorParameters = () => [];
-
-class TheSeamWidgetFooterLinkModule {
-}
-TheSeamWidgetFooterLinkModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetFooterLinkComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetFooterLinkComponent
-                ]
-            },] }
-];
-
-class WidgetFooterTextComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-WidgetFooterTextComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-footer-text',
-                template: "<em>\n  <ng-content></ng-content>\n</em>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}\n"]
-            },] }
-];
-WidgetFooterTextComponent.ctorParameters = () => [];
-
-class TheSeamWidgetFooterTextModule {
-}
-TheSeamWidgetFooterTextModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetFooterTextComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetFooterTextComponent
-                ]
-            },] }
-];
-
-class WidgetHeaderBadgeBase {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-}
-const _WidgetHeaderBadgeMixinBase = mixinTheme(WidgetHeaderBadgeBase, 'badge');
-class WidgetHeaderBadgeComponent extends _WidgetHeaderBadgeMixinBase {
-    constructor(_elementRef) { super(_elementRef); }
-    ngOnInit() { }
-}
-WidgetHeaderBadgeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-header-badge',
-                template: "<ng-content></ng-content>\n",
-                // tslint:disable-next-line:use-input-property-decorator
-                inputs: ['theme'],
-                // tslint:disable-next-line:use-host-property-decorator
-                host: {
-                    'class': 'badge float-right'
-                },
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: ["seam-widget-header-badge.badge{font-size:17px}\n"]
-            },] }
-];
-WidgetHeaderBadgeComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-
-class TheSeamWidgetHeaderBadgeModule {
-}
-TheSeamWidgetHeaderBadgeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetHeaderBadgeComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetHeaderBadgeComponent
-                ]
-            },] }
-];
-
-class WidgetListGroupItemIconTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-WidgetListGroupItemIconTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamWidgetListGroupItemIconTpl]',
-                exportAs: 'seamWidgetListGroupItemIconTpl'
-            },] }
-];
-WidgetListGroupItemIconTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-// tslint:disable-next-line: max-line-length
-const WIDGET_LIST_GROUP_ITEM_INPUTS = ['disabled', 'theme', 'active', 'icon', 'iconClass', 'label', 'secondaryIcon', 'secondaryIconClass', 'secondaryIconTitle'];
-class WidgetListGroupItemBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-    /** Focuses the element. */
-    focus() {
-        this._getHostElement().focus();
-    }
-    _getHostElement() {
-        return this._elementRef.nativeElement;
-    }
-}
-WidgetListGroupItemBase.decorators = [
-    { type: Directive }
-];
-WidgetListGroupItemBase.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-WidgetListGroupItemBase.propDecorators = {
-    iconTpl: [{ type: ContentChild, args: [WidgetListGroupItemIconTplDirective, { static: true },] }]
-};
-class WidgetListGroupItemActionableBase extends WidgetListGroupItemBase {
-    constructor(_elementRef, _focusMonitor, _renderer) {
-        super(_elementRef, _renderer);
-        this._elementRef = _elementRef;
-        this._focusMonitor = _focusMonitor;
-        this._renderer = _renderer;
-        this._focusMonitor.monitor(this._elementRef, true);
-    }
-    ngOnDestroy() {
-        this._focusMonitor.stopMonitoring(this._elementRef);
-    }
-}
-WidgetListGroupItemActionableBase.decorators = [
-    { type: Directive }
-];
-WidgetListGroupItemActionableBase.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: Renderer2 }
-];
-const _WidgetListGroupItemBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemBase), 'list-group-item'));
-const _WidgetListGroupItemActionableBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemActionableBase), 'list-group-item'));
-class WidgetListGroupItemComponent extends _WidgetListGroupItemBase {
-    constructor(_elementRef, _renderer) {
-        super(_elementRef, _renderer);
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-    ngOnInit() { }
-}
-WidgetListGroupItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-list-group-item',
-                template: "<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n    </span>\n  </ng-container>\n  <ng-template #noIconTpl>\n    <span class=\"pr-2\">\n      <seam-icon *ngIf=\"icon\"\n        [icon]=\"icon\"\n        [iconClass]=\"iconClass\"\n        iconType=\"borderless-styled-square\">\n      </seam-icon>\n    </span>\n  </ng-template>\n\n  <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n    {{ label }}\n  </div>\n\n  <seam-icon *ngIf=\"secondaryIcon\"\n    iconType=\"borderless-styled-square\"\n    class=\"secondary-icon align-self-center ml-1\"\n    [icon]=\"secondaryIcon\"\n    [iconClass]=\"secondaryIconClass\"\n    [title]=\"secondaryIconTitle\"\n    size=\"lg\">\n  </seam-icon>\n</div>\n",
-                exportAs: 'seamWidgetListGroupItem',
-                inputs: WIDGET_LIST_GROUP_ITEM_INPUTS,
-                host: {
-                    'class': 'list-group-item',
-                    '[class.active]': 'active',
-                    '[attr.aria-disabled]': 'disabled.toString()',
-                    '[attr.disabled]': 'disabled || null',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-WidgetListGroupItemComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-class WidgetListGroupItemButtonComponent extends _WidgetListGroupItemActionableBase {
-    constructor(_elementRef, _focusMonitor, _renderer) {
-        super(_elementRef, _focusMonitor, _renderer);
-        this._elementRef = _elementRef;
-        this._focusMonitor = _focusMonitor;
-        this._renderer = _renderer;
-        /** ARIA type for the button. */
-        this.type = 'button';
-    }
-    ngOnInit() { }
-    ngOnDestroy() { super.ngOnDestroy(); }
-}
-WidgetListGroupItemButtonComponent.decorators = [
-    { type: Component, args: [{
-                // tslint:disable-next-line:component-selector
-                selector: 'button[seam-widget-list-group-item],button[seamWidgetListGroupItem]',
-                template: "<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n    </span>\n  </ng-container>\n  <ng-template #noIconTpl>\n    <span class=\"pr-2\">\n      <seam-icon *ngIf=\"icon\"\n        [icon]=\"icon\"\n        [iconClass]=\"iconClass\"\n        iconType=\"borderless-styled-square\">\n      </seam-icon>\n    </span>\n  </ng-template>\n\n  <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n    {{ label }}\n  </div>\n\n  <seam-icon *ngIf=\"secondaryIcon\"\n    iconType=\"borderless-styled-square\"\n    class=\"secondary-icon align-self-center ml-1\"\n    [icon]=\"secondaryIcon\"\n    [iconClass]=\"secondaryIconClass\"\n    [title]=\"secondaryIconTitle\"\n    size=\"lg\">\n  </seam-icon>\n</div>\n",
-                exportAs: 'seamWidgetListGroupItem',
-                inputs: WIDGET_LIST_GROUP_ITEM_INPUTS,
-                host: {
-                    '[attr.type]': 'type',
-                    'class': 'list-group-item list-group-item-action',
-                    '[class.active]': 'active',
-                    '[attr.aria-disabled]': 'disabled.toString()',
-                    '[attr.disabled]': 'disabled || null',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-WidgetListGroupItemButtonComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: Renderer2 }
-];
-WidgetListGroupItemButtonComponent.propDecorators = {
-    type: [{ type: Input }]
-};
-class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableBase {
-    constructor(_elementRef, _focusMonitor, _renderer) {
-        super(_elementRef, _focusMonitor, _renderer);
-        this._elementRef = _elementRef;
-        this._focusMonitor = _focusMonitor;
-        this._renderer = _renderer;
-    }
-    ngOnInit() { }
-    ngOnDestroy() { super.ngOnDestroy(); }
-    _haltDisabledEvents(event) {
-        // A disabled button shouldn't apply any actions
-        if (this.disabled) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-}
-WidgetListGroupItemAnchorComponent.decorators = [
-    { type: Component, args: [{
-                // tslint:disable-next-line:component-selector
-                selector: 'a[seam-widget-list-group-item],a[seamWidgetListGroupItem]',
-                template: "<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n    </span>\n  </ng-container>\n  <ng-template #noIconTpl>\n    <span class=\"pr-2\">\n      <seam-icon *ngIf=\"icon\"\n        [icon]=\"icon\"\n        [iconClass]=\"iconClass\"\n        iconType=\"borderless-styled-square\">\n      </seam-icon>\n    </span>\n  </ng-template>\n\n  <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n    {{ label }}\n  </div>\n\n  <seam-icon *ngIf=\"secondaryIcon\"\n    iconType=\"borderless-styled-square\"\n    class=\"secondary-icon align-self-center ml-1\"\n    [icon]=\"secondaryIcon\"\n    [iconClass]=\"secondaryIconClass\"\n    [title]=\"secondaryIconTitle\"\n    size=\"lg\">\n  </seam-icon>\n</div>\n",
-                exportAs: 'seamWidgetListGroupItem',
-                inputs: WIDGET_LIST_GROUP_ITEM_INPUTS,
-                host: {
-                    'class': 'list-group-item list-group-item-action',
-                    '[class.active]': 'active',
-                    '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
-                    '[attr.aria-disabled]': 'disabled.toString()',
-                    '[attr.disabled]': 'disabled || null',
-                    '(click)': '_haltDisabledEvents($event)',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-WidgetListGroupItemAnchorComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: Renderer2 }
-];
-WidgetListGroupItemAnchorComponent.propDecorators = {
-    tabIndex: [{ type: Input }]
-};
-
-// TODO: Make `ListGroup` a root component and wrap it with `WidgetListGroup`.
-class WidgetListGroupComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-WidgetListGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-list-group',
-                template: "<ng-content select=\"seam-widget-list-group-item,\n  a[seam-widget-list-group-item],\n  a[seamWidgetListGroupItem],\n  button[seam-widget-list-group-item],\n  button[seamWidgetListGroupItem]\">\n</ng-content>\n",
-                host: {
-                    'class': 'list-group'
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-WidgetListGroupComponent.ctorParameters = () => [];
-
-class TheSeamWidgetListGroupModule {
-}
-TheSeamWidgetListGroupModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetListGroupComponent,
-                    WidgetListGroupItemAnchorComponent,
-                    WidgetListGroupItemButtonComponent,
-                    WidgetListGroupItemComponent,
-                    WidgetListGroupItemIconTplDirective
-                ],
-                imports: [
-                    CommonModule,
-                    TheSeamIconModule
-                ],
-                exports: [
-                    WidgetListGroupComponent,
-                    WidgetListGroupItemAnchorComponent,
-                    WidgetListGroupItemButtonComponent,
-                    WidgetListGroupItemComponent,
-                    WidgetListGroupItemIconTplDirective
-                ]
-            },] }
-];
-
-class WidgetTableComponent {
-    constructor() {
-        this.rows = [];
-        this.size = 'sm';
-        this.hasHeader = true;
-        this.actionRefreshRequest = new EventEmitter();
-    }
-    _actionRefreshRequest() {
-        this.actionRefreshRequest.emit();
-    }
-}
-WidgetTableComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-table',
-                template: "<seam-table\n  [columns]=\"columns\"\n  [rows]=\"rows\"\n  [trackBy]=\"trackBy\"\n  [size]=\"size\"\n  [hasHeader]=\"hasHeader\"\n  (actionRefreshRequest)=\"_actionRefreshRequest()\">\n</seam-table>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-WidgetTableComponent.ctorParameters = () => [];
-WidgetTableComponent.propDecorators = {
-    columns: [{ type: Input }],
-    rows: [{ type: Input }],
-    trackBy: [{ type: Input }],
-    size: [{ type: Input }],
-    hasHeader: [{ type: Input }],
-    actionRefreshRequest: [{ type: Output }]
-};
-__decorate([
-    InputBoolean()
-], WidgetTableComponent.prototype, "hasHeader", void 0);
-
-class TheSeamWidgetTableModule {
-}
-TheSeamWidgetTableModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetTableComponent
-                ],
-                imports: [
-                    CommonModule,
-                    TheSeamTableModule,
-                    TheSeamTableCellTypesModule
-                ],
-                exports: [
-                    WidgetTableComponent
-                ]
-            },] }
-];
-
-class WidgetTileFooterComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-WidgetTileFooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-tile-footer,[seam-widget-tile-footer]',
-                template: "\n  <ng-content select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"></ng-content>\n\n",
-                host: {
-                    class: 'd-flex flex-row justify-content-end'
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            },] }
-];
-WidgetTileFooterComponent.ctorParameters = () => [];
-
-class WidgetTileFooterItemComponent {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        this.disabled = false;
-    }
-    get _attrType() {
-        return this._type || this._isButton() ? 'button' : undefined;
-    }
-    get _DisabledCss() { return this.disabled; }
-    get type() { return this._type; }
-    ngOnInit() { }
-    /** Determines if the component host is a button. */
-    _isButton() {
-        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
-    }
-}
-WidgetTileFooterItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-tile-footer-item,a[seam-widget-tile-footer-item],button[seam-widget-tile-footer-item]',
-                template: "<ng-content></ng-content>\n",
-                host: {
-                    class: 'btn btn-link py-0 px-1'
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{font-size:12px}\n"]
-            },] }
-];
-WidgetTileFooterItemComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-WidgetTileFooterItemComponent.propDecorators = {
-    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
-    _DisabledCss: [{ type: HostBinding, args: ['class.disabled',] }],
-    type: [{ type: Input }],
-    disabled: [{ type: Input }]
-};
-__decorate([
-    InputBoolean()
-], WidgetTileFooterItemComponent.prototype, "disabled", void 0);
-
-class WidgetTileGroupComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-WidgetTileGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-tile-group',
-                template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile\"></ng-content>\n<ng-content select=\"seam-widget-tile-footer\"></ng-content>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;margin-bottom:.5rem}:host:last-child{margin-bottom:0}:host ::ng-deep [seam-widget-tile]{margin-bottom:0}\n"]
-            },] }
-];
-WidgetTileGroupComponent.ctorParameters = () => [];
-
-class WidgetTileSecondaryIconDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-WidgetTileSecondaryIconDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamWidgetTileSecondaryIcon]',
-                exportAs: 'seamWidgetTileSecondaryIcon'
-            },] }
-];
-WidgetTileSecondaryIconDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class TheSeamWidgetTileBase {
-    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;
-    }
-}
-TheSeamWidgetTileBase.decorators = [
-    { type: Component, args: [{ template: '' },] }
-];
-TheSeamWidgetTileBase.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: Renderer2 }
-];
-const _TheSeamWidgetTileMixinBase = mixinTabIndex(mixinDisabled(TheSeamWidgetTileBase));
-// TODO: Should this component be split into separate components for button and anchor.
-class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
-    constructor(_elementRef, _focusMonitor, _renderer) {
-        super(_elementRef, _focusMonitor, _renderer);
-        this.grayscaleOnDisable = true;
-        this.iconType = 'styled-square';
-        this._haltDisabledEvents = (event) => {
-            // A disabled button shouldn't apply any actions
-            if (this.disabled) {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-            }
-        };
-    }
-    get _attrType() {
-        return this._type || this._isButton() ? 'button' : undefined;
-    }
-    get _btnCss() { return this._isButton() ? true : false; }
-    get _disabledCss() { return this.disabled; }
-    get _ariaDisabled() { return this.disabled.toString(); }
-    get _attrDisabled() { return this.disabled || null; }
-    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
-    get type() { return this._type; }
-    ngOnInit() {
-        if (this._isAnchor()) {
-            this._clickUnListen = this._renderer.listen(this._getHostElement(), 'click', this._haltDisabledEvents);
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this._clickUnListen) {
-            this._clickUnListen();
-        }
-    }
-    /** Determines if the component host is a button. */
-    _isButton() {
-        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
-    }
-    /** Determines if the component host is an anchor. */
-    _isAnchor() {
-        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
-    }
-}
-WidgetTileComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]',
-                template: "<div class=\"d-flex flex-row\">\n  <div style=\"position: relative\">\n    <seam-icon\n      [icon]=\"icon\"\n      [iconType]=\"iconType\"\n      [iconClass]=\"iconClass\"\n      [disabled]=\"disabled\">\n    </seam-icon>\n\n    <seam-icon *ngIf=\"notificationIcon\"\n      class=\"widget-tile--notification-icon\"\n      [icon]=\"notificationIcon\"\n      iconType=\"image-fill\"\n      [iconClass]=\"notificationIconClass\"\n      [disabled]=\"disabled\">\n    </seam-icon>\n  </div>\n  <div class=\"flex-grow-1 text-left pl-2\" style=\"margin: auto 0;\">\n    <ng-content></ng-content>\n  </div>\n  <div *ngIf=\"secondaryIcon\">\n    <ng-template [ngTemplateOutlet]=\"secondaryIcon.template\"></ng-template>\n  </div>\n</div>\n",
-                inputs: ['disabled'],
-                exportAs: 'seamWidgetTile',
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-widget-tile,a[seam-widget-tile],button[seam-widget-tile]{display:block;width:100%;padding:4px;text-decoration:none;color:#212529;font-size:14px;font-weight:400;line-height:18px;border:1px solid #dee2e6;border-radius:10px;margin-bottom:.5rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}seam-widget-tile:hover,a[seam-widget-tile]:hover,button[seam-widget-tile]:hover{color:#212529;background-color:#f4f4f4;text-decoration:none}seam-widget-tile:focus,seam-widget-tile.focus,a[seam-widget-tile]:focus,a[seam-widget-tile].focus,button[seam-widget-tile]:focus,button[seam-widget-tile].focus{box-shadow:0 0 0 .2rem #357ebd40;outline:0}seam-widget-tile.disabled,seam-widget-tile:disabled,a[seam-widget-tile].disabled,a[seam-widget-tile]:disabled,button[seam-widget-tile].disabled,button[seam-widget-tile]:disabled{opacity:.65;pointer-events:none;cursor:default;filter:grayscale(1)}seam-widget-tile:last-child,a[seam-widget-tile]:last-child,button[seam-widget-tile]:last-child{margin-bottom:0}seam-widget-tile .widget-tile--notification-icon,a[seam-widget-tile] .widget-tile--notification-icon,button[seam-widget-tile] .widget-tile--notification-icon{position:absolute;bottom:-3px;right:-3px;width:15px!important;height:15px!important}seam-widget-tile seam-icon img[src$=\".svg\"],a[seam-widget-tile] seam-icon img[src$=\".svg\"],button[seam-widget-tile] seam-icon img[src$=\".svg\"]{height:100%}\n"]
-            },] }
-];
-WidgetTileComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: Renderer2 }
-];
-WidgetTileComponent.propDecorators = {
-    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
-    _btnCss: [{ type: HostBinding, args: ['class.btn',] }],
-    _disabledCss: [{ type: HostBinding, args: ['class.disabled',] }],
-    _ariaDisabled: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
-    _attrDisabled: [{ type: HostBinding, args: ['attr.disabled',] }],
-    _attrTabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }],
-    type: [{ type: Input }],
-    icon: [{ type: Input }],
-    grayscaleOnDisable: [{ type: Input }],
-    iconClass: [{ type: Input }],
-    iconType: [{ type: Input }],
-    notificationIcon: [{ type: Input }],
-    notificationIconClass: [{ type: Input }],
-    secondaryIcon: [{ type: ContentChild, args: [WidgetTileSecondaryIconDirective, { static: true },] }]
-};
-__decorate([
-    InputBoolean()
-], WidgetTileComponent.prototype, "grayscaleOnDisable", void 0);
-
-class TheSeamWidgetTileModule {
-}
-TheSeamWidgetTileModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetTileComponent,
-                    WidgetTileSecondaryIconDirective,
-                    WidgetTileFooterComponent,
-                    WidgetTileGroupComponent,
-                    WidgetTileFooterItemComponent
-                ],
-                imports: [
-                    CommonModule,
-                    TheSeamIconModule
-                ],
-                exports: [
-                    WidgetTileComponent,
-                    WidgetTileSecondaryIconDirective,
-                    WidgetTileFooterComponent,
-                    WidgetTileGroupComponent,
-                    WidgetTileFooterItemComponent
-                ]
-            },] }
-];
-
-class WidgetTileListComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-WidgetTileListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-tile-list',
-                template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile,seam-widget-tile-group\"></ng-content>\n",
-                styles: [":host{display:flex;flex-direction:column}\n"]
-            },] }
-];
-WidgetTileListComponent.ctorParameters = () => [];
-
-class TheSeamWidgetTileListModule {
-}
-TheSeamWidgetTileListModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetTileListComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    WidgetTileListComponent,
-                    TheSeamWidgetTileModule
-                ]
-            },] }
-];
-
-/**
- * Widget
- *
- * Widgets are designed with the intention of being on a dashboard. Other uses
- * may be supported as the need arises.
- *
- * The only HTML/CSS use should be a widget content component, unless there is a
- * case requiring more advanced design. This is so that we can manage a common
- * style for our widgets. If a case requiring non widget content components is
- * used then the situation should be considered for becoming a widget component.
- */
-class WidgetComponent {
-    /** @ignore */
-    constructor() {
-        /** @ignore */
-        this.configIcon = faCog;
-        /** @ignore */
-        this.collapseIcon = faAngleDown;
-        this.collapsed = false;
-        /**
-         * Toggles the top header bar of a widget. This should be true for most
-         * widgets.
-         */
-        this.hasHeader = true;
-        /** Shows widget loading instead of content. */
-        this.loading = false;
-        /** @ignore */
-        // NOTE: Config is still being worked on.
-        this.hasConfig = false;
-        /** @ignore */
-        // NOTE: Collapse is still being worked on.
-        this.canCollapse = false;
-    }
-    /**
-     * Icon displayed in the top header.
-     *
-     * If a more advanced icon is needed you can use `seamWidgetIconTpl` template
-     * directive, but a `SeamIcon` input is recommended, because allowing custom
-     * icons that do not follow the tested types can lead to inconsitency quickly
-     * as different developers keep making tweaks.
-     */
-    get icon() { return this._iconUrl || this._iconObj; }
-    set icon(value) {
-        if (typeof value === 'string') {
-            this._iconUrl = value;
-            this._iconObj = undefined;
-        }
-        else {
-            this._iconUrl = undefined;
-            this._iconObj = value;
-        }
-    }
-    /** @ignore */
-    ngOnInit() { }
-    /**
-     * Toggles a widget's collapsed state.
-     *
-     * NOTE: Collapse is still being worked on.
-     * @depracated
-     * @ignore
-     */
-    collapse() {
-        this.collapsed = !this.collapsed;
-    }
-}
-WidgetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget',
-                template: "<div class=\"seam-widget border rounded overflow-hidden\">\n  <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n    <div class=\"widget-header-content p-2 text-nowrap\">\n      <span class=\"mr-1 widget-header-icon\">\n        <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"iconTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noIconTpl>\n          <fa-icon *ngIf=\"_iconObj\"\n            class=\"widget-header-icon--fa {{ iconClass }}\"\n            [icon]=\"_iconObj\"></fa-icon>\n          <img *ngIf=\"_iconUrl\"\n            class=\"widget-header-icon--img {{ iconClass }}\"\n            [src]=\"_iconUrl\" [alt]=\"titleText\">\n        </ng-template>\n      </span>\n      <span class=\"widget-header-title text-truncate\">\n        <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"titleTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: titleText, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n      </span>\n    </div>\n    <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n      <div *ngIf=\"hasConfig\">\n        <!-- <button seamIconBtn [icon]=\"configIcon\"\n          class=\"widget-header-btn-config\"\n          iconType=\"\">\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button> -->\n        <button seamButton class=\"widget-header-btn-config p-0\">\n          <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button>\n      </div>\n\n      <div *ngIf=\"canCollapse\" class=\"px-0\">\n        <button seamButton class=\"widget-header-btn-collapse p-0\" (click)=\"collapse()\">\n          <seam-icon class=\"d-block\" [icon]=\"collapseIcon\" iconClass=\"text-secondary\" style=\"margin-left: -10px; margin-right: -5px;\"></seam-icon>\n          <span class=\"sr-only\">Widget collapse</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"position-relative\" [style.height.px]=\"loading ? 150 : undefined\">\n    <ng-container *ngIf=\"!collapsed\">\n      <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\">\n        <ng-content></ng-content>\n      </div>\n      <ng-content select=\"seam-widget-footer\"></ng-content>\n      <ng-template #loadingTpl>\n        <div class=\"position-absolute\" @loadingAnim style=\"top:0;right:0;bottom:0;left:0\">\n          <seam-loading [theme]=\"'primary'\"></seam-loading>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n</div>\n",
-                encapsulation: ViewEncapsulation.None,
-                animations: [
-                    trigger('loadingAnim', [
-                        transition(':enter', [
-                            style({ opacity: 0 }),
-                            animate('250ms ease-in-out', style({ opacity: 1 }))
-                        ]),
-                        transition(':leave', [
-                            style({ opacity: 1 }),
-                            animate('250ms ease-in-out', style({ opacity: 0 }))
-                        ])
-                    ])
-                ],
-                styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#FFFFFF;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#F4F4F4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:15px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px;color:currentColor}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"]
-            },] }
-];
-WidgetComponent.ctorParameters = () => [];
-WidgetComponent.propDecorators = {
-    collapsed: [{ type: Input }],
-    hasHeader: [{ type: Input }],
-    titleText: [{ type: Input }],
-    icon: [{ type: Input }],
-    iconClass: [{ type: Input }],
-    loading: [{ type: Input }],
-    hasConfig: [{ type: Input }],
-    canCollapse: [{ type: Input }],
-    iconTpl: [{ type: ContentChild, args: [WidgetIconTplDirective, { static: true },] }],
-    titleTpl: [{ type: ContentChild, args: [WidgetTitleTplDirective, { static: true },] }]
-};
-__decorate([
-    InputBoolean()
-], WidgetComponent.prototype, "collapsed", void 0);
-__decorate([
-    InputBoolean()
-], WidgetComponent.prototype, "hasHeader", void 0);
-__decorate([
-    InputBoolean()
-], WidgetComponent.prototype, "loading", void 0);
-__decorate([
-    InputBoolean()
-], WidgetComponent.prototype, "hasConfig", void 0);
-__decorate([
-    InputBoolean()
-], WidgetComponent.prototype, "canCollapse", void 0);
-
-class WidgetFooterComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-WidgetFooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-widget-footer',
-                template: "<div class=\"widget-footer--left\">\n  <ng-content select=\"seam-widget-footer-text\"></ng-content>\n</div>\n<div class=\"widget-footer--right\">\n  <ng-content select=\"seam-widget-button-group\"></ng-content>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-widget-footer{display:flex;flex-direction:row;margin:.25rem}seam-widget-footer .widget-footer--left{flex:1 1 100%}seam-widget-footer .widget-footer--right{flex:0 0 auto}\n"]
-            },] }
-];
-WidgetFooterComponent.ctorParameters = () => [];
-
-const THESEAM_WIDGETS = new InjectionToken('TheSeamWidgets');
-
-/**
- * Registry is to provide a way to manage widgets in a way that we can load them
- * the same way throughout the app, whether the component itself is registered,
- * the component is lazy-loaded, or referenced by an id stored in the database.
- */
-class WidgetRegistryService {
-    constructor(_widgets, _dynamicComponentLoader) {
-        this._widgets = _widgets;
-        this._dynamicComponentLoader = _dynamicComponentLoader;
-    }
-    createWidgetPortal(widgetId, viewContainerRef, injector, componentFactoryResolver) {
-        const widgetDef = (this._widgets || []).find(w => w.widgetId === widgetId);
-        if (!widgetDef) {
-            return throwError(`WidgetRegstry: Unknown widgetId "${widgetId}"`);
-        }
-        if (typeof widgetDef.componentOrComponentId === 'string') {
-            return this._dynamicComponentLoader
-                .getComponentFactory(widgetDef.componentOrComponentId)
-                .pipe(map(componentFactory => {
-                let resolver = componentFactoryResolver;
-                if (!resolver) {
-                    const m = componentFactory.ngModule;
-                    if (m && m.componentFactoryResolver) {
-                        resolver = m.componentFactoryResolver;
-                    }
-                }
-                const portal = new ComponentPortal(componentFactory.componentType, viewContainerRef, injector, resolver);
-                return portal;
-            }));
-        }
-        else {
-            const portal = new ComponentPortal(widgetDef.componentOrComponentId, viewContainerRef, injector, componentFactoryResolver);
-            return of(portal);
-        }
-    }
-}
-WidgetRegistryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function WidgetRegistryService_Factory() { return new WidgetRegistryService(i0.ɵɵinject(THESEAM_WIDGETS), i0.ɵɵinject(i2.TheSeamDynamicComponentLoader)); }, token: WidgetRegistryService, providedIn: "root" });
-WidgetRegistryService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-WidgetRegistryService.ctorParameters = () => [
-    { type: Array, decorators: [{ type: Inject, args: [THESEAM_WIDGETS,] }] },
-    { type: TheSeamDynamicComponentLoader }
-];
-
-const contentModules = [
-    TheSeamWidgetButtonGroupModule,
-    TheSeamWidgetContentHeaderModule,
-    TheSeamWidgetDescriptionModule,
-    TheSeamWidgetEmptyLabelModule,
-    TheSeamWidgetFooterLinkModule,
-    TheSeamWidgetFooterTextModule,
-    TheSeamWidgetHeaderBadgeModule,
-    TheSeamWidgetListGroupModule,
-    TheSeamWidgetTableModule,
-    TheSeamWidgetTileListModule,
-    TheSeamWidgetTileModule
-];
-class TheSeamWidgetModule {
-}
-TheSeamWidgetModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WidgetComponent,
-                    WidgetIconTplDirective,
-                    WidgetTitleTplDirective,
-                    WidgetDragHandleDirective,
-                    WidgetFooterComponent
-                ],
-                imports: [
-                    CommonModule,
-                    FontAwesomeModule,
-                    TheSeamIconModule,
-                    TheSeamLoadingModule,
-                    DragDropModule,
-                    TheSeamButtonsModule,
-                    CdkTableModule,
-                    ...contentModules
-                ],
-                exports: [
-                    RouterModule,
-                    WidgetComponent,
-                    WidgetIconTplDirective,
-                    WidgetTitleTplDirective,
-                    WidgetFooterComponent,
-                    ...contentModules
-                ]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { THESEAM_WIDGETS, THESEAM_WIDGET_ACCESSOR, TheSeamWidgetButtonGroupModule, TheSeamWidgetContentHeaderModule, TheSeamWidgetDescriptionModule, TheSeamWidgetEmptyLabelModule, TheSeamWidgetFooterLinkModule, TheSeamWidgetFooterTextModule, TheSeamWidgetHeaderBadgeModule, TheSeamWidgetListGroupModule, TheSeamWidgetModule, TheSeamWidgetTableModule, TheSeamWidgetTileListModule, TheSeamWidgetTileModule, WidgetButtonGroupComponent, WidgetComponent, WidgetContentHeaderComponent, WidgetDescriptionComponent, WidgetDragHandleDirective, WidgetEmptyLabelComponent, WidgetFooterComponent, WidgetFooterLinkComponent, WidgetFooterTextComponent, WidgetHeaderBadgeComponent, WidgetIconTplDirective, WidgetListGroupComponent, WidgetListGroupItemAnchorComponent, WidgetListGroupItemButtonComponent, WidgetListGroupItemComponent, WidgetListGroupItemIconTplDirective, WidgetRegistryService, WidgetTableComponent, WidgetTileComponent, WidgetTileFooterComponent, WidgetTileFooterItemComponent, WidgetTileGroupComponent, WidgetTileListComponent, WidgetTileSecondaryIconDirective, WidgetTitleTplDirective, extendStyles, toggleNativeDragInteractions };
-//# sourceMappingURL=theseam-ui-common-widget.js.map