@theseam/ui-common 0.4.30 → 1.0.0-beta.0

package/fesm2022/theseam-ui-common-widget.mjs

@@ -0,0 +1,1466 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { InjectionToken, Input, Optional, Inject, Directive, Injectable, ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation, HostBinding, ContentChild, EventEmitter, Output, isDevMode } from '@angular/core';
+import { Subject, BehaviorSubject, of, tap as tap$1, takeUntil as takeUntil$1, throwError } from 'rxjs';
+import { auditTime, takeUntil, map, take, tap } from 'rxjs/operators';
+import { getClosestWidgetCdkDrag, hasProperty } from '@theseam/ui-common/utils';
+import * as i1 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i1$1 from '@theseam/ui-common/services';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i6 from '@theseam/ui-common/buttons';
+import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
+import { mixinTheme, mixinActive, mixinDisabled, InputBoolean, mixinTabIndex } from '@theseam/ui-common/core';
+import * as i1$2 from '@angular/cdk/a11y';
+import * as i3 from '@theseam/ui-common/icon';
+import { TheSeamIconModule } from '@theseam/ui-common/icon';
+import { __decorate } from 'tslib';
+import * as i1$3 from '@theseam/ui-common/table';
+import { TheSeamTableModule } from '@theseam/ui-common/table';
+import { TheSeamTableCellTypesModule } from '@theseam/ui-common/table-cell-types';
+import { trigger, transition, style, animate, state } from '@angular/animations';
+import { faCog, faAngleDown } from '@fortawesome/free-solid-svg-icons';
+import * as i3$1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i5 from '@theseam/ui-common/loading';
+import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i1$4 from '@theseam/ui-common/dynamic-component-loader';
+import { CdkTableModule } from '@angular/cdk/table';
+import { RouterModule } from '@angular/router';
+
+function extendStyles(dest, source) {
+    for (const key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+            // eslint-disable-next-line @typescript-eslint/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',
+        userSelect,
+        msUserSelect: userSelect,
+        webkitUserSelect: userSelect,
+        MozUserSelect: userSelect
+    });
+}
+const THESEAM_WIDGET_ACCESSOR = new InjectionToken('TheSeamWidgetAccessor');
+class WidgetDragHandleDirective {
+    element;
+    _ngZone;
+    _dashboardWidgets;
+    __parentDrag;
+    static ngAcceptInputType_disabled;
+    _ngUnsubscribe = new Subject();
+    _attachedToDom = new BehaviorSubject(false);
+    _doneCheckingAttached = false;
+    _knownParentDrag; /* CdkDrag | undefined */
+    /** Needed because CdkDrag reads this variable */
+    get _parentDrag() { return this.getParentCdkDrag(); }
+    /** Emits when the state of the handle has changed. */
+    _stateChanges = new Subject();
+    /** 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);
+    }
+    _disabled = false;
+    constructor(element, _ngZone, _dashboardWidgets, __parentDrag) {
+        this.element = element;
+        this._ngZone = _ngZone;
+        this._dashboardWidgets = _dashboardWidgets;
+        this.__parentDrag = __parentDrag;
+        toggleNativeDragInteractions(element.nativeElement, false);
+    }
+    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) {
+            // TODO: Determine if this is still needed, before fixing.
+            //
+            // 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() as any
+            //     if (this._knownParentDrag && this._knownParentDrag !== parent) {
+            //       this._knownParentDrag._dragRef.disableHandle(this.element.nativeElement)
+            //       this._knownParentDrag = undefined
+            //     }
+            //     if (parent) {
+            //       this._knownParentDrag = parent
+            //       console.log('Enabling handle for parent drag:', parent, parent._handles)
+            //       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(undefined);
+        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;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: THESEAM_WIDGET_ACCESSOR, optional: true }, { token: i1.CdkDrag, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetDragHandleDirective, isStandalone: false, selector: "[seamWidgetDragHandle]", inputs: { disabled: ["cdkDragHandleDisabled", "disabled"] }, host: { classAttribute: "cdk-drag-handle" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetDragHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamWidgetDragHandle]',
+                    host: {
+                        'class': 'cdk-drag-handle'
+                    },
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_WIDGET_ACCESSOR]
+                }] }, { type: i1.CdkDrag, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { disabled: [{
+                type: Input,
+                args: ['cdkDragHandleDisabled']
+            }] } });
+
+class WidgetIconTplDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetIconTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetIconTplDirective, isStandalone: false, selector: "[seamWidgetIconTpl]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetIconTplDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamWidgetIconTpl]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class WidgetTitleTplDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTitleTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTitleTplDirective, isStandalone: false, selector: "[seamWidgetTitleTpl]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTitleTplDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamWidgetTitleTpl]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+const CURRENT_WIDGET_PREFERENCES_VERSION = 1;
+const EMPTY_WIDGET_PREFERENCES = {
+    version: 1,
+};
+
+const THESEAM_WIDGET_PREFERENCES_ACCESSOR = new InjectionToken('TheSeamWidgetPreferencesAccessor');
+
+// TODO: Rethink this. I originally implemented this to be shared widget's then
+// changed it to be per widget, for the accessor injection.
+// @Injectable({ providedIn: 'root' })
+class WidgetPreferencesService {
+    _preferencesManager;
+    _prefsAccessor;
+    _pendingPatches = {};
+    constructor(_preferencesManager, _prefsAccessor) {
+        this._preferencesManager = _preferencesManager;
+        this._prefsAccessor = _prefsAccessor;
+    }
+    isPatchPending(preferenceKey) {
+        return this._pendingPatches[preferenceKey] && this._pendingPatches[preferenceKey].length > 0;
+    }
+    isPending(preferenceKey) {
+        return this._preferencesManager.isPending(preferenceKey);
+    }
+    isLoaded(preferenceKey) {
+        return this._preferencesManager.isLoaded(preferenceKey);
+    }
+    preferences(preferenceKey) {
+        if (!this._prefsAccessor) {
+            return of(JSON.parse(JSON.stringify(EMPTY_WIDGET_PREFERENCES)));
+        }
+        return this._preferencesManager.preferences(preferenceKey, this._prefsAccessor, EMPTY_WIDGET_PREFERENCES).pipe(map(prefs => {
+            if (this._isValidPreferences(prefs)) {
+                return prefs;
+            }
+            throw Error(`Preferences for key '${preferenceKey}' is not a valid widget preferences.`);
+        }));
+    }
+    refresh(preferenceKey) {
+        this._preferencesManager.refresh(preferenceKey);
+    }
+    patchPreferences(preferenceKey, preferences) {
+        if (!this._prefsAccessor) {
+            return;
+        }
+        if (!this._pendingPatches[preferenceKey]) {
+            this._pendingPatches[preferenceKey] = [];
+        }
+        if (this._pendingPatches[preferenceKey].length > 0) {
+            this._pendingPatches[preferenceKey].push(preferences);
+            return;
+        }
+        this._pendingPatches[preferenceKey].push(preferences);
+        this.preferences(preferenceKey).pipe(take(1), map(prefs => {
+            const pendingPatches = this._pendingPatches[preferenceKey];
+            this._pendingPatches[preferenceKey] = [];
+            const newPrefs = pendingPatches.reduce((acc, patch) => {
+                return { ...acc, ...patch };
+            }, prefs); // Typescript isn't recognizing that 'version' is included in the initial value.
+            if (!this._isValidPreferences(newPrefs)) {
+                throw Error(`Attempted to patch preferences for key '${preferenceKey}' with invalid preferences.`);
+            }
+            this._preferencesManager.update(preferenceKey, newPrefs);
+        }), tap(() => this.refresh(preferenceKey))).subscribe();
+    }
+    _isValidPreferences(prefs) {
+        return prefs.version === CURRENT_WIDGET_PREFERENCES_VERSION;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetPreferencesService, deps: [{ token: i1$1.TheSeamPreferencesManagerService }, { token: THESEAM_WIDGET_PREFERENCES_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetPreferencesService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetPreferencesService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.TheSeamPreferencesManagerService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_WIDGET_PREFERENCES_ACCESSOR]
+                }] }] });
+
+class WidgetButtonGroupComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetButtonGroupComponent, isStandalone: false, selector: "seam-widget-button-group", ngImport: i0, template: "<ng-content select=\"[seamButton]\"></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-button-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"[seamButton]\"></ng-content>\n", styles: [":host{display:block}\n"] }]
+        }] });
+
+class TheSeamWidgetButtonGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetButtonGroupModule, declarations: [WidgetButtonGroupComponent], imports: [CommonModule,
+            TheSeamButtonsModule], exports: [WidgetButtonGroupComponent,
+            TheSeamButtonsModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetButtonGroupModule, imports: [CommonModule,
+            TheSeamButtonsModule, TheSeamButtonsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetButtonGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetButtonGroupComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TheSeamButtonsModule
+                    ],
+                    exports: [
+                        WidgetButtonGroupComponent,
+                        TheSeamButtonsModule
+                    ]
+                }]
+        }] });
+
+class WidgetContentHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetContentHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetContentHeaderComponent, isStandalone: false, selector: "seam-widget-content-header", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetContentHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-content-header', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content></ng-content>\n", styles: ["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}\n"] }]
+        }] });
+
+class TheSeamWidgetContentHeaderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetContentHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetContentHeaderModule, declarations: [WidgetContentHeaderComponent], imports: [CommonModule], exports: [WidgetContentHeaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetContentHeaderModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetContentHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetContentHeaderComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetContentHeaderComponent
+                    ]
+                }]
+        }] });
+
+class WidgetDescriptionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetDescriptionComponent, isStandalone: false, selector: "seam-widget-description", ngImport: i0, template: "<p><ng-content></ng-content></p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-description', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<p><ng-content></ng-content></p>\n" }]
+        }] });
+
+class TheSeamWidgetDescriptionModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetDescriptionModule, declarations: [WidgetDescriptionComponent], imports: [CommonModule], exports: [WidgetDescriptionComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetDescriptionModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetDescriptionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetDescriptionComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetDescriptionComponent
+                    ]
+                }]
+        }] });
+
+class WidgetEmptyLabelComponent {
+    _elementRef;
+    _type;
+    get _btnCss() { return !!this._isButton(); }
+    get _btnLinkCss() { return !!this._isButton(); }
+    get _attrType() {
+        return this._type || this._isButton() ? 'button' : undefined;
+    }
+    get type() { return this._type; }
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+    /** 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';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetEmptyLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetEmptyLabelComponent, isStandalone: false, selector: "seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]", inputs: { type: "type" }, host: { properties: { "class.btn": "this._btnCss", "class.btn-link": "this._btnLinkCss", "attr.type": "this._attrType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetEmptyLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content></ng-content>\n", styles: ["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], 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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, declarations: [WidgetEmptyLabelComponent], imports: [CommonModule], exports: [WidgetEmptyLabelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetEmptyLabelComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetEmptyLabelComponent
+                    ]
+                }]
+        }] });
+
+class WidgetFooterLinkComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetFooterLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetFooterLinkComponent, isStandalone: false, selector: "a[seam-widget-footer-link]", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetFooterLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[seam-widget-footer-link]', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content></ng-content>\n", styles: ["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}\n"] }]
+        }] });
+
+class TheSeamWidgetFooterLinkModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterLinkModule, declarations: [WidgetFooterLinkComponent], imports: [CommonModule], exports: [WidgetFooterLinkComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterLinkModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterLinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetFooterLinkComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetFooterLinkComponent
+                    ]
+                }]
+        }] });
+
+class WidgetFooterTextComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetFooterTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetFooterTextComponent, isStandalone: false, selector: "seam-widget-footer-text", ngImport: i0, template: "<em>\n  <ng-content></ng-content>\n</em>\n", styles: ["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetFooterTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-footer-text', encapsulation: ViewEncapsulation.None, standalone: false, template: "<em>\n  <ng-content></ng-content>\n</em>\n", styles: ["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}\n"] }]
+        }] });
+
+class TheSeamWidgetFooterTextModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterTextModule, declarations: [WidgetFooterTextComponent], imports: [CommonModule], exports: [WidgetFooterTextComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterTextModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetFooterTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetFooterTextComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetFooterTextComponent
+                    ]
+                }]
+        }] });
+
+class WidgetHeaderBadgeBase {
+    _elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+}
+const _WidgetHeaderBadgeMixinBase = mixinTheme(WidgetHeaderBadgeBase, 'badge');
+class WidgetHeaderBadgeComponent extends _WidgetHeaderBadgeMixinBase {
+    // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+    constructor(_elementRef) { super(_elementRef); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetHeaderBadgeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetHeaderBadgeComponent, isStandalone: false, selector: "seam-widget-header-badge", inputs: { theme: "theme" }, host: { classAttribute: "badge float-right" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["seam-widget-header-badge.badge{font-size:17px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetHeaderBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-header-badge', inputs: ['theme'], host: {
+                        'class': 'badge float-right'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content></ng-content>\n", styles: ["seam-widget-header-badge.badge{font-size:17px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class TheSeamWidgetHeaderBadgeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, declarations: [WidgetHeaderBadgeComponent], imports: [CommonModule], exports: [WidgetHeaderBadgeComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetHeaderBadgeComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetHeaderBadgeComponent
+                    ]
+                }]
+        }] });
+
+class WidgetListGroupItemIconTplDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemIconTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupItemIconTplDirective, isStandalone: false, selector: "[seamWidgetListGroupItemIconTpl]", exportAs: ["seamWidgetListGroupItemIconTpl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemIconTplDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamWidgetListGroupItemIconTpl]',
+                    exportAs: 'seamWidgetListGroupItemIconTpl',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+const WIDGET_LIST_GROUP_ITEM_INPUTS = ['disabled', 'theme', 'active', 'icon', 'iconClass', 'label', 'secondaryIcon', 'secondaryIconClass', 'secondaryIconTitle'];
+class WidgetListGroupItemBase {
+    _elementRef;
+    _renderer;
+    iconTpl;
+    icon;
+    iconClass;
+    secondaryIcon;
+    secondaryIconClass;
+    secondaryIconTitle;
+    label;
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+    /** Focuses the element. */
+    focus() {
+        this._getHostElement().focus();
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupItemBase, isStandalone: true, queries: [{ propertyName: "iconTpl", first: true, predicate: WidgetListGroupItemIconTplDirective, descendants: true, static: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { iconTpl: [{
+                type: ContentChild,
+                args: [WidgetListGroupItemIconTplDirective, { static: true }]
+            }] } });
+class WidgetListGroupItemActionableBase extends WidgetListGroupItemBase {
+    _elementRef;
+    _focusMonitor;
+    _renderer;
+    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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemActionableBase, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupItemActionableBase, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemActionableBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }] });
+const _WidgetListGroupItemBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemBase), 'list-group-item'));
+const _WidgetListGroupItemActionableBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemActionableBase), 'list-group-item'));
+class WidgetListGroupItemComponent extends _WidgetListGroupItemBase {
+    _elementRef;
+    _renderer;
+    constructor(_elementRef, _renderer) {
+        super(_elementRef, _renderer);
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupItemComponent, isStandalone: false, selector: "seam-widget-list-group-item", inputs: { disabled: "disabled", theme: "theme", active: "active", icon: "icon", iconClass: "iconClass", label: "label", secondaryIcon: "secondaryIcon", secondaryIconClass: "secondaryIconClass", secondaryIconTitle: "secondaryIconTitle" }, host: { properties: { "class.active": "active", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "list-group-item" }, exportAs: ["seamWidgetListGroupItem"], usesInheritance: true, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-list-group-item', 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, standalone: false, 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" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+class WidgetListGroupItemButtonComponent extends _WidgetListGroupItemActionableBase {
+    _elementRef;
+    _focusMonitor;
+    _renderer;
+    /** ARIA type for the button. */
+    type = 'button';
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemButtonComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupItemButtonComponent, isStandalone: false, selector: "button[seam-widget-list-group-item],button[seamWidgetListGroupItem]", inputs: { disabled: "disabled", theme: "theme", active: "active", icon: "icon", iconClass: "iconClass", label: "label", secondaryIcon: "secondaryIcon", secondaryIconClass: "secondaryIconClass", secondaryIconTitle: "secondaryIconTitle", type: "type" }, host: { properties: { "attr.type": "type", "class.active": "active", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "list-group-item list-group-item-action" }, exportAs: ["seamWidgetListGroupItem"], usesInheritance: true, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[seam-widget-list-group-item],button[seamWidgetListGroupItem]', 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, standalone: false, 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" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }], propDecorators: { type: [{
+                type: Input
+            }] } });
+class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableBase {
+    _elementRef;
+    _focusMonitor;
+    _renderer;
+    /** Tabindex of the button. */
+    tabIndex;
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+    _haltDisabledEvents(event) {
+        // A disabled button shouldn't apply any actions
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemAnchorComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupItemAnchorComponent, isStandalone: false, selector: "a[seam-widget-list-group-item],a[seamWidgetListGroupItem]", inputs: { disabled: "disabled", theme: "theme", active: "active", icon: "icon", iconClass: "iconClass", label: "label", secondaryIcon: "secondaryIcon", secondaryIconClass: "secondaryIconClass", secondaryIconTitle: "secondaryIconTitle", tabIndex: "tabIndex" }, host: { listeners: { "click": "_haltDisabledEvents($event)" }, properties: { "class.active": "active", "attr.tabindex": "disabled ? -1 : (tabIndex || 0)", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "list-group-item list-group-item-action" }, exportAs: ["seamWidgetListGroupItem"], usesInheritance: true, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupItemAnchorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[seam-widget-list-group-item],a[seamWidgetListGroupItem]', 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, standalone: false, 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" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }], propDecorators: { tabIndex: [{
+                type: Input
+            }] } });
+
+// TODO: Make `ListGroup` a root component and wrap it with `WidgetListGroup`.
+class WidgetListGroupComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetListGroupComponent, isStandalone: false, selector: "seam-widget-list-group", host: { classAttribute: "list-group" }, ngImport: i0, 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", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetListGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-list-group', host: {
+                        'class': 'list-group'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+        }] });
+
+class TheSeamWidgetListGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetListGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetListGroupModule, declarations: [WidgetListGroupComponent,
+            WidgetListGroupItemAnchorComponent,
+            WidgetListGroupItemButtonComponent,
+            WidgetListGroupItemComponent,
+            WidgetListGroupItemIconTplDirective], imports: [CommonModule,
+            TheSeamIconModule], exports: [WidgetListGroupComponent,
+            WidgetListGroupItemAnchorComponent,
+            WidgetListGroupItemButtonComponent,
+            WidgetListGroupItemComponent,
+            WidgetListGroupItemIconTplDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetListGroupModule, imports: [CommonModule,
+            TheSeamIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetListGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetListGroupComponent,
+                        WidgetListGroupItemAnchorComponent,
+                        WidgetListGroupItemButtonComponent,
+                        WidgetListGroupItemComponent,
+                        WidgetListGroupItemIconTplDirective
+                    ],
+                    imports: [
+                        CommonModule,
+                        TheSeamIconModule
+                    ],
+                    exports: [
+                        WidgetListGroupComponent,
+                        WidgetListGroupItemAnchorComponent,
+                        WidgetListGroupItemButtonComponent,
+                        WidgetListGroupItemComponent,
+                        WidgetListGroupItemIconTplDirective
+                    ]
+                }]
+        }] });
+
+class WidgetTableComponent {
+    static ngAcceptInputType_hasHeader;
+    columns;
+    rows = [];
+    trackBy;
+    size = 'sm';
+    hasHeader = true;
+    actionRefreshRequest = new EventEmitter();
+    _actionRefreshRequest() {
+        this.actionRefreshRequest.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTableComponent, isStandalone: false, selector: "seam-widget-table", inputs: { columns: "columns", rows: "rows", trackBy: "trackBy", size: "size", hasHeader: "hasHeader" }, outputs: { actionRefreshRequest: "actionRefreshRequest" }, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "component", type: i1$3.TableComponent, selector: "seam-table", inputs: ["columns", "rows", "trackBy", "size", "hasHeader"], outputs: ["columnsChange", "actionRefreshRequest"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+__decorate([
+    InputBoolean()
+], WidgetTableComponent.prototype, "hasHeader", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], trackBy: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hasHeader: [{
+                type: Input
+            }], actionRefreshRequest: [{
+                type: Output
+            }] } });
+
+class TheSeamWidgetTableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTableModule, declarations: [WidgetTableComponent], imports: [CommonModule,
+            TheSeamTableModule,
+            TheSeamTableCellTypesModule], exports: [WidgetTableComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTableModule, imports: [CommonModule,
+            TheSeamTableModule,
+            TheSeamTableCellTypesModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetTableComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TheSeamTableModule,
+                        TheSeamTableCellTypesModule
+                    ],
+                    exports: [
+                        WidgetTableComponent
+                    ]
+                }]
+        }] });
+
+class WidgetTileFooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTileFooterComponent, isStandalone: false, selector: "seam-widget-tile-footer,[seam-widget-tile-footer]", host: { classAttribute: "d-flex flex-row justify-content-end" }, ngImport: i0, template: "\n  <ng-content select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"></ng-content>\n\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-tile-footer,[seam-widget-tile-footer]', host: {
+                        class: 'd-flex flex-row justify-content-end',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "\n  <ng-content select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"></ng-content>\n\n" }]
+        }] });
+
+class WidgetTileFooterItemComponent {
+    _elementRef;
+    static ngAcceptInputType_disabled;
+    _type;
+    get _attrType() {
+        return this._type || this._isButton() ? 'button' : undefined;
+    }
+    get _DisabledCss() { return this.disabled; }
+    get type() { return this._type; }
+    disabled = false;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+    /** Determines if the component host is a button. */
+    _isButton() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileFooterItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTileFooterItemComponent, isStandalone: false, selector: "seam-widget-tile-footer-item,a[seam-widget-tile-footer-item],button[seam-widget-tile-footer-item]", inputs: { type: "type", disabled: "disabled" }, host: { properties: { "attr.type": "this._attrType", "class.disabled": "this._DisabledCss" }, classAttribute: "btn btn-link py-0 px-1" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+__decorate([
+    InputBoolean()
+], WidgetTileFooterItemComponent.prototype, "disabled", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileFooterItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-tile-footer-item,a[seam-widget-tile-footer-item],button[seam-widget-tile-footer-item]', host: {
+                        class: 'btn btn-link py-0 px-1',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content></ng-content>\n", styles: [":host{font-size:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _attrType: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], _DisabledCss: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+class WidgetTileGroupComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTileGroupComponent, isStandalone: false, selector: "seam-widget-tile-group", ngImport: i0, template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile\"></ng-content>\n<ng-content select=\"seam-widget-tile-footer\"></ng-content>\n", styles: [":host{display:block;margin-bottom:.5rem}:host:last-child{margin-bottom:0}:host ::ng-deep [seam-widget-tile]{margin-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-tile-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile\"></ng-content>\n<ng-content select=\"seam-widget-tile-footer\"></ng-content>\n", styles: [":host{display:block;margin-bottom:.5rem}:host:last-child{margin-bottom:0}:host ::ng-deep [seam-widget-tile]{margin-bottom:0}\n"] }]
+        }] });
+
+class WidgetTileSecondaryIconDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileSecondaryIconDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTileSecondaryIconDirective, isStandalone: false, selector: "[seamWidgetTileSecondaryIcon]", exportAs: ["seamWidgetTileSecondaryIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileSecondaryIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamWidgetTileSecondaryIcon]',
+                    exportAs: 'seamWidgetTileSecondaryIcon',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class TheSeamWidgetTileBase {
+    _elementRef;
+    _focusMonitor;
+    _renderer;
+    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;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileBase, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamWidgetTileBase, isStandalone: false, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileBase, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }] });
+const _TheSeamWidgetTileMixinBase = mixinTabIndex(mixinDisabled(TheSeamWidgetTileBase));
+// TODO: Should this component be split into separate components for button and anchor.
+class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
+    static ngAcceptInputType_grayscaleOnDisable;
+    _clickUnListen;
+    _type;
+    get _attrType() {
+        return this._type || this._isButton() ? 'button' : undefined;
+    }
+    get _btnCss() { return !!this._isButton(); }
+    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; }
+    icon;
+    grayscaleOnDisable = true;
+    iconClass;
+    iconType = 'styled-square';
+    notificationIcon;
+    notificationIconClass;
+    secondaryIcon;
+    // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+    constructor(_elementRef, _focusMonitor, _renderer) { super(_elementRef, _focusMonitor, _renderer); }
+    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';
+    }
+    _haltDisabledEvents = (event) => {
+        // A disabled button shouldn't apply any actions
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTileComponent, isStandalone: false, selector: "seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]", inputs: { disabled: "disabled", type: "type", icon: "icon", grayscaleOnDisable: "grayscaleOnDisable", iconClass: "iconClass", iconType: "iconType", notificationIcon: "notificationIcon", notificationIconClass: "notificationIconClass" }, host: { properties: { "attr.type": "this._attrType", "class.btn": "this._btnCss", "class.disabled": "this._disabledCss", "attr.aria-disabled": "this._ariaDisabled", "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, queries: [{ propertyName: "secondaryIcon", first: true, predicate: WidgetTileSecondaryIconDirective, descendants: true, static: true }], exportAs: ["seamWidgetTile"], usesInheritance: true, ngImport: i0, 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", 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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+__decorate([
+    InputBoolean()
+], WidgetTileComponent.prototype, "grayscaleOnDisable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]', inputs: ['disabled'], exportAs: 'seamWidgetTile', encapsulation: ViewEncapsulation.None, standalone: false, 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", 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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }], 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 }]
+            }] } });
+
+class TheSeamWidgetTileModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileModule, declarations: [WidgetTileComponent,
+            WidgetTileSecondaryIconDirective,
+            WidgetTileFooterComponent,
+            WidgetTileGroupComponent,
+            WidgetTileFooterItemComponent], imports: [CommonModule,
+            TheSeamIconModule], exports: [WidgetTileComponent,
+            WidgetTileSecondaryIconDirective,
+            WidgetTileFooterComponent,
+            WidgetTileGroupComponent,
+            WidgetTileFooterItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileModule, imports: [CommonModule,
+            TheSeamIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetTileComponent,
+                        WidgetTileSecondaryIconDirective,
+                        WidgetTileFooterComponent,
+                        WidgetTileGroupComponent,
+                        WidgetTileFooterItemComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        TheSeamIconModule,
+                    ],
+                    exports: [
+                        WidgetTileComponent,
+                        WidgetTileSecondaryIconDirective,
+                        WidgetTileFooterComponent,
+                        WidgetTileGroupComponent,
+                        WidgetTileFooterItemComponent,
+                    ],
+                }]
+        }] });
+
+class WidgetTileListComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetTileListComponent, isStandalone: false, selector: "seam-widget-tile-list", ngImport: i0, 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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetTileListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-tile-list', standalone: false, 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"] }]
+        }] });
+
+class TheSeamWidgetTileListModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileListModule, declarations: [WidgetTileListComponent], imports: [CommonModule], exports: [WidgetTileListComponent,
+            TheSeamWidgetTileModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileListModule, imports: [CommonModule, TheSeamWidgetTileModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetTileListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        WidgetTileListComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        WidgetTileListComponent,
+                        TheSeamWidgetTileModule
+                    ]
+                }]
+        }] });
+
+const THESEAM_WIDGETS = new InjectionToken('TheSeamWidgets');
+const THESEAM_WIDGET_DATA = new InjectionToken('TheSeamWidgetData');
+const THESEAM_WIDGET_DEFAULTS = new InjectionToken('TheSeamWidgetDefaults');
+
+const EXPANDED_STATE = 'expanded';
+const COLLAPSED_STATE = 'collapsed';
+const EXPAND_TRANSITION = `${EXPANDED_STATE} <=> ${COLLAPSED_STATE}`;
+const loadingAnimation = 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 })),
+    ]),
+]);
+/**
+ * I was having an issue getting the content to not be removed from the DOM,
+ * before the animation was complete. This animation is a hack to keep the
+ * content in the DOM until the animation is complete.
+ */
+const keepContentAnimation = trigger('keepContentAnim', [
+    transition(':leave', [
+        style({ opacity: 1 }),
+        animate('0ms', style({ opacity: 0 })),
+    ]),
+]);
+const collapseAnimation = trigger('collapseAnim', [
+    state(EXPANDED_STATE, style({ height: '*' })),
+    state(COLLAPSED_STATE, style({ height: '0' })),
+    transition(EXPAND_TRANSITION, animate('0.3s ease-in-out')),
+]);
+/**
+ * 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 {
+    _widgetPreferences;
+    _defaults;
+    _data;
+    static ngAcceptInputType_hasHeader;
+    static ngAcceptInputType_loading;
+    static ngAcceptInputType_hasConfig;
+    static ngAcceptInputType_canCollapse;
+    configIcon = faCog;
+    collapseIcon = faAngleDown;
+    _ngUnsubscribe = new Subject();
+    _preferencesKey;
+    /**
+     * Toggles the collapsed state of a widget.
+     */
+    collapsed = false;
+    /**
+     * Toggles the top header bar of a widget. This should be true for most
+     * widgets.
+     */
+    hasHeader = true;
+    /**
+     * Title displayed in the top header.
+     *
+     * If a more advanced title is needed you can use `seamWidgetTitleTpl`
+     * template directive, but text is recommended, because allowing custom styles
+     * can lead to inconsitency quickly as different developers keep making
+     * tweaks.
+     */
+    titleText;
+    /**
+     * 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;
+        }
+    }
+    _iconUrl;
+    _iconObj;
+    /** Add a css class to the header icon. */
+    iconClass;
+    /** Shows widget loading instead of content. */
+    loading = false;
+    /** @ignore */
+    // NOTE: Config is still being worked on.
+    hasConfig = false;
+    /**
+     * Toggles the ability to collapse a widget. An icon will be displayed in the
+     * header to toggle the collapsed state.
+     */
+    canCollapse = false;
+    iconTpl;
+    titleTpl;
+    constructor(_widgetPreferences, _defaults, _data) {
+        this._widgetPreferences = _widgetPreferences;
+        this._defaults = _defaults;
+        this._data = _data;
+        if (this._defaults) {
+            if (hasProperty(this._defaults, 'canCollapse')) {
+                this.canCollapse = this._defaults.canCollapse;
+            }
+            if (hasProperty(this._defaults, 'collapsed')) {
+                this.collapsed = this._defaults.collapsed;
+            }
+        }
+        if (this._data && this._data.widgetId) {
+            this._preferencesKey = `widget:${this._data.widgetId}`;
+            this._widgetPreferences.preferences(this._preferencesKey).pipe(tap$1(prefs => {
+                if (hasProperty(prefs, 'collapsed')) {
+                    this.collapsed = prefs.collapsed;
+                }
+            }), takeUntil$1(this._ngUnsubscribe)).subscribe();
+        }
+    }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    /**
+     * Toggles a widget's collapsed state.
+     */
+    collapse() {
+        if (!this.canCollapse) {
+            if (isDevMode()) {
+                console.warn('WidgetComponent: collapse() called when canCollapse is false.');
+            }
+            return;
+        }
+        this.collapsed = !this.collapsed;
+        // Only update the preference, if collapse method is called, because it is
+        // assumed that the user is collapsing the widget. If the collapsed state is
+        // changed by other means, such using the widget's `collapsed` input, then
+        // the preference should not be updated, because that is assumed to be an
+        // app controlled change that should not be persisted.
+        if (this._preferencesKey) {
+            this._widgetPreferences.patchPreferences(this._preferencesKey, { collapsed: this.collapsed });
+        }
+    }
+    get collapseState() { return this.collapsed ? COLLAPSED_STATE : EXPANDED_STATE; }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetComponent, deps: [{ token: WidgetPreferencesService }, { token: THESEAM_WIDGET_DEFAULTS, optional: true }, { token: THESEAM_WIDGET_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetComponent, isStandalone: false, selector: "seam-widget", inputs: { collapsed: "collapsed", hasHeader: "hasHeader", titleText: "titleText", icon: "icon", iconClass: "iconClass", loading: "loading", hasConfig: "hasConfig", canCollapse: "canCollapse" }, providers: [
+            WidgetPreferencesService,
+        ], queries: [{ propertyName: "iconTpl", first: true, predicate: WidgetIconTplDirective, descendants: true, static: true }, { propertyName: "titleTpl", first: true, predicate: WidgetTitleTplDirective, descendants: true, static: true }], ngImport: i0, 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]=\"null\">\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 mr-1 h-100\" (click)=\"collapse()\" [class.widget-header-btn-collapse--active]=\"collapsed\">\n          <seam-icon class=\"d-block\"\n            [icon]=\"collapseIcon\"\n            iconClass=\"text-secondary\">\n          </seam-icon>\n          <span class=\"sr-only\">Widget collapse</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"position-relative overflow-hidden\" [style.height.px]=\"loading ? 150 : undefined\" [@collapseAnim]=\"collapseState\">\n    <ng-container *ngIf=\"!collapsed\">\n      <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\" @keepContentAnim>\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", styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff;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:25px;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-btns-container .widget-header-btn-collapse .svg-inline--fa{transform:rotate(0);transition:.3s ease-in-out transform}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse.widget-header-btn-collapse--active .svg-inline--fa{transform:rotate(90deg)}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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "component", type: i5.TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: i6.TheSeamButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }, { kind: "directive", type: WidgetDragHandleDirective, selector: "[seamWidgetDragHandle]", inputs: ["cdkDragHandleDisabled"] }], animations: [
+            loadingAnimation,
+            collapseAnimation,
+            keepContentAnimation,
+        ], encapsulation: i0.ViewEncapsulation.None });
+}
+__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);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget', providers: [
+                        WidgetPreferencesService,
+                    ], encapsulation: ViewEncapsulation.None, animations: [
+                        loadingAnimation,
+                        collapseAnimation,
+                        keepContentAnimation,
+                    ], standalone: false, 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]=\"null\">\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 mr-1 h-100\" (click)=\"collapse()\" [class.widget-header-btn-collapse--active]=\"collapsed\">\n          <seam-icon class=\"d-block\"\n            [icon]=\"collapseIcon\"\n            iconClass=\"text-secondary\">\n          </seam-icon>\n          <span class=\"sr-only\">Widget collapse</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"position-relative overflow-hidden\" [style.height.px]=\"loading ? 150 : undefined\" [@collapseAnim]=\"collapseState\">\n    <ng-container *ngIf=\"!collapsed\">\n      <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\" @keepContentAnim>\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", styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff;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:25px;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-btns-container .widget-header-btn-collapse .svg-inline--fa{transform:rotate(0);transition:.3s ease-in-out transform}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse.widget-header-btn-collapse--active .svg-inline--fa{transform:rotate(90deg)}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"] }]
+        }], ctorParameters: () => [{ type: WidgetPreferencesService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_WIDGET_DEFAULTS]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_WIDGET_DATA]
+                }] }], 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 }]
+            }] } });
+
+class WidgetFooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: WidgetFooterComponent, isStandalone: false, selector: "seam-widget-footer", ngImport: i0, 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", 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-widget-footer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, 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", 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"] }]
+        }] });
+
+/**
+ * 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 {
+    _widgets;
+    _dynamicComponentLoader;
+    constructor(_widgets, _dynamicComponentLoader) {
+        this._widgets = _widgets;
+        this._dynamicComponentLoader = _dynamicComponentLoader;
+    }
+    createWidgetPortal(widgetId, viewContainerRef, injector) {
+        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 => {
+                const portal = new ComponentPortal(componentFactory.componentType, viewContainerRef, injector);
+                return portal;
+            }));
+        }
+        else {
+            const portal = new ComponentPortal(widgetDef.componentOrComponentId, viewContainerRef, injector);
+            return of(portal);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetRegistryService, deps: [{ token: THESEAM_WIDGETS }, { token: i1$4.TheSeamDynamicComponentLoader }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: WidgetRegistryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [THESEAM_WIDGETS]
+                }] }, { type: i1$4.TheSeamDynamicComponentLoader }] });
+
+const contentModules = [
+    TheSeamWidgetButtonGroupModule,
+    TheSeamWidgetContentHeaderModule,
+    TheSeamWidgetDescriptionModule,
+    TheSeamWidgetEmptyLabelModule,
+    TheSeamWidgetFooterLinkModule,
+    TheSeamWidgetFooterTextModule,
+    TheSeamWidgetHeaderBadgeModule,
+    TheSeamWidgetListGroupModule,
+    TheSeamWidgetTableModule,
+    TheSeamWidgetTileListModule,
+    TheSeamWidgetTileModule,
+];
+class TheSeamWidgetModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetModule, declarations: [WidgetComponent,
+            WidgetIconTplDirective,
+            WidgetTitleTplDirective,
+            WidgetDragHandleDirective,
+            WidgetFooterComponent], imports: [CommonModule,
+            FontAwesomeModule,
+            TheSeamIconModule,
+            TheSeamLoadingModule,
+            DragDropModule,
+            TheSeamButtonsModule,
+            CdkTableModule, TheSeamWidgetButtonGroupModule,
+            TheSeamWidgetContentHeaderModule,
+            TheSeamWidgetDescriptionModule,
+            TheSeamWidgetEmptyLabelModule,
+            TheSeamWidgetFooterLinkModule,
+            TheSeamWidgetFooterTextModule,
+            TheSeamWidgetHeaderBadgeModule,
+            TheSeamWidgetListGroupModule,
+            TheSeamWidgetTableModule,
+            TheSeamWidgetTileListModule,
+            TheSeamWidgetTileModule], exports: [RouterModule,
+            WidgetComponent,
+            WidgetIconTplDirective,
+            WidgetTitleTplDirective,
+            WidgetFooterComponent, TheSeamWidgetButtonGroupModule,
+            TheSeamWidgetContentHeaderModule,
+            TheSeamWidgetDescriptionModule,
+            TheSeamWidgetEmptyLabelModule,
+            TheSeamWidgetFooterLinkModule,
+            TheSeamWidgetFooterTextModule,
+            TheSeamWidgetHeaderBadgeModule,
+            TheSeamWidgetListGroupModule,
+            TheSeamWidgetTableModule,
+            TheSeamWidgetTileListModule,
+            TheSeamWidgetTileModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamWidgetModule, imports: [CommonModule,
+            FontAwesomeModule,
+            TheSeamIconModule,
+            TheSeamLoadingModule,
+            DragDropModule,
+            TheSeamButtonsModule,
+            CdkTableModule, contentModules, RouterModule, TheSeamWidgetButtonGroupModule,
+            TheSeamWidgetContentHeaderModule,
+            TheSeamWidgetDescriptionModule,
+            TheSeamWidgetEmptyLabelModule,
+            TheSeamWidgetFooterLinkModule,
+            TheSeamWidgetFooterTextModule,
+            TheSeamWidgetHeaderBadgeModule,
+            TheSeamWidgetListGroupModule,
+            TheSeamWidgetTableModule,
+            TheSeamWidgetTileListModule,
+            TheSeamWidgetTileModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: 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 { CURRENT_WIDGET_PREFERENCES_VERSION, EMPTY_WIDGET_PREFERENCES, THESEAM_WIDGETS, THESEAM_WIDGET_ACCESSOR, THESEAM_WIDGET_DATA, THESEAM_WIDGET_DEFAULTS, THESEAM_WIDGET_PREFERENCES_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, WidgetPreferencesService, WidgetRegistryService, WidgetTableComponent, WidgetTileComponent, WidgetTileFooterComponent, WidgetTileFooterItemComponent, WidgetTileGroupComponent, WidgetTileListComponent, WidgetTileSecondaryIconDirective, WidgetTitleTplDirective, extendStyles, toggleNativeDragInteractions };
+//# sourceMappingURL=theseam-ui-common-widget.mjs.map