@theseam/ui-common 0.4.5 → 0.4.7

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

@@ -1,26 +1,26 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive, Optional, Inject, Input, Component, ChangeDetectionStrategy, NgModule, ViewEncapsulation, HostBinding, ContentChild, EventEmitter, Output, Injectable, isDevMode } from '@angular/core';
+import { InjectionToken, Directive, Optional, Inject, Input, Injectable, Component, ChangeDetectionStrategy, 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, take, switchMap, filter, map, 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$1 from '@angular/cdk/a11y';
+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$2 from '@theseam/ui-common/table';
+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 i1$3 from '@theseam/ui-common/services';
 import * as i3$1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i5 from '@theseam/ui-common/loading';
@@ -201,6 +201,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ 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 {
+    constructor(_preferencesManager, _prefsAccessor) {
+        this._preferencesManager = _preferencesManager;
+        this._prefsAccessor = _prefsAccessor;
+        this._pendingPatches = {};
+    }
+    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;
+    }
+}
+WidgetPreferencesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetPreferencesService, deps: [{ token: i1$1.TheSeamPreferencesManagerService }, { token: THESEAM_WIDGET_PREFERENCES_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+WidgetPreferencesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetPreferencesService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetPreferencesService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.TheSeamPreferencesManagerService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_WIDGET_PREFERENCES_ACCESSOR]
+                }] }]; } });
+
 class WidgetButtonGroupComponent {
 }
 WidgetButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -497,11 +575,11 @@ class WidgetListGroupItemActionableBase extends WidgetListGroupItemBase {
         this._focusMonitor.stopMonitoring(this._elementRef);
     }
 }
-WidgetListGroupItemActionableBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemActionableBase, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+WidgetListGroupItemActionableBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemActionableBase, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
 WidgetListGroupItemActionableBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: WidgetListGroupItemActionableBase, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemActionableBase, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.Renderer2 }]; } });
+        }], ctorParameters: function () { return [{ 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 {
@@ -533,7 +611,7 @@ class WidgetListGroupItemButtonComponent extends _WidgetListGroupItemActionableB
     }
     ngOnDestroy() { super.ngOnDestroy(); }
 }
-WidgetListGroupItemButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemButtonComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+WidgetListGroupItemButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemButtonComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 WidgetListGroupItemButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WidgetListGroupItemButtonComponent, 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: "15.2.7", ngImport: i0, type: WidgetListGroupItemButtonComponent, decorators: [{
             type: Component,
@@ -544,7 +622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                         '[attr.aria-disabled]': 'disabled.toString()',
                         '[attr.disabled]': 'disabled || null',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, 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: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.Renderer2 }]; }, propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }]; }, propDecorators: { type: [{
                 type: Input
             }] } });
 class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableBase {
@@ -563,7 +641,7 @@ class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableB
         }
     }
 }
-WidgetListGroupItemAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemAnchorComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+WidgetListGroupItemAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetListGroupItemAnchorComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 WidgetListGroupItemAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WidgetListGroupItemAnchorComponent, 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: "15.2.7", ngImport: i0, type: WidgetListGroupItemAnchorComponent, decorators: [{
             type: Component,
@@ -575,7 +653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                         '[attr.disabled]': 'disabled || null',
                         '(click)': '_haltDisabledEvents($event)',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, 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: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.Renderer2 }]; }, propDecorators: { tabIndex: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }]; }, propDecorators: { tabIndex: [{
                 type: Input
             }] } });
 
@@ -642,7 +720,7 @@ class WidgetTableComponent {
     }
 }
 WidgetTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WidgetTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WidgetTableComponent, 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$2.TableComponent, selector: "seam-table", inputs: ["columns", "rows", "trackBy", "size", "hasHeader"], outputs: ["actionRefreshRequest"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+WidgetTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WidgetTableComponent, 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: ["actionRefreshRequest"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     InputBoolean()
 ], WidgetTableComponent.prototype, "hasHeader", void 0);
@@ -779,12 +857,12 @@ class TheSeamWidgetTileBase {
         return this._elementRef.nativeElement;
     }
 }
-TheSeamWidgetTileBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamWidgetTileBase, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamWidgetTileBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamWidgetTileBase, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 TheSeamWidgetTileBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamWidgetTileBase, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamWidgetTileBase, decorators: [{
             type: Component,
             args: [{ template: '' }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.Renderer2 }]; } });
+        }], ctorParameters: function () { return [{ 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 {
@@ -830,7 +908,7 @@ class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
         return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
     }
 }
-WidgetTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+WidgetTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 WidgetTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WidgetTileComponent, 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()
@@ -838,7 +916,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", 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, 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: function () { return [{ type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: i0.Renderer2 }]; }, propDecorators: { _attrType: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }]; }, propDecorators: { _attrType: [{
                 type: HostBinding,
                 args: ['attr.type']
             }], _btnCss: [{
@@ -945,86 +1023,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
-const THESEAM_WIDGET_PREFERENCES_ACCESSOR = new InjectionToken('TheSeamWidgetPreferencesAccessor');
-
-const CURRENT_WIDGET_PREFERENCES_VERSION = 1;
-const EMPTY_WIDGET_PREFERENCES = {
-    version: 1,
-};
-
-// 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 {
-    constructor(_preferencesManager, _prefsAccessor) {
-        this._preferencesManager = _preferencesManager;
-        this._prefsAccessor = _prefsAccessor;
-        this._pendingPatches = {};
-    }
-    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;
-    }
-}
-WidgetPreferencesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetPreferencesService, deps: [{ token: i1$3.TheSeamPreferencesManagerService }, { token: THESEAM_WIDGET_PREFERENCES_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-WidgetPreferencesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetPreferencesService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetPreferencesService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.TheSeamPreferencesManagerService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [THESEAM_WIDGET_PREFERENCES_ACCESSOR]
-                }] }]; } });
-
 const THESEAM_WIDGETS = new InjectionToken('TheSeamWidgets');
-const THESEAM_WIDGET_DATA = new InjectionToken('TheSeamWidgetData');
+const THESEAM_WIDGET_DATA = new InjectionToken('TheSeamWidgetData');
+const THESEAM_WIDGET_DEFAULTS = new InjectionToken('TheSeamWidgetDefaults');
 
 const EXPANDED_STATE = 'expanded';
 const COLLAPSED_STATE = 'collapsed';
@@ -1086,8 +1087,9 @@ class WidgetComponent {
             this._iconObj = value;
         }
     }
-    constructor(_widgetPreferences, _data) {
+    constructor(_widgetPreferences, _defaults, _data) {
         this._widgetPreferences = _widgetPreferences;
+        this._defaults = _defaults;
         this._data = _data;
         this.configIcon = faCog;
         this.collapseIcon = faAngleDown;
@@ -1111,6 +1113,14 @@ class WidgetComponent {
          * header to toggle the collapsed state.
          */
         this.canCollapse = false;
+        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 => {
@@ -1146,7 +1156,7 @@ class WidgetComponent {
     }
     get collapseState() { return this.collapsed ? COLLAPSED_STATE : EXPANDED_STATE; }
 }
-WidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetComponent, deps: [{ token: WidgetPreferencesService }, { token: THESEAM_WIDGET_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+WidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WidgetComponent, deps: [{ token: WidgetPreferencesService }, { token: THESEAM_WIDGET_DEFAULTS, optional: true }, { token: THESEAM_WIDGET_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 WidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WidgetComponent, 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\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        <!-- iconType=\"borderless-styled-square\" -->\n        <!-- style=\"margin-left: -10px; margin-right: -5px;\" -->\n\n        <!-- <button seamIconBtn class=\"widget-header-btn-collapse\" (click)=\"collapse()\" [class.widget-header-btn-collapse--active]=\"collapsed\"\n          btnTheme=\"secondary\"\n          [icon]=\"collapseIcon\"\n          iconType=\"borderless-styled-square\"\n          size=\"xs\"\n          btnSize=\"sm\"\n          >\n          <seam-icon class=\"d-block\"\n            [icon]=\"collapseIcon\"\n            iconClass=\"text-secondary\"\n            style=\"margin-left: -10px; margin-right: -5px;\"\n            iconType=\"borderless-styled-square\"></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:#FFFFFF;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#F4F4F4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height: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: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "component", type: i5.LoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: i6.ButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }, { kind: "directive", type: WidgetDragHandleDirective, selector: "[seamWidgetDragHandle]", inputs: ["cdkDragHandleDisabled"] }], animations: [
@@ -1180,6 +1190,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     ], 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\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        <!-- iconType=\"borderless-styled-square\" -->\n        <!-- style=\"margin-left: -10px; margin-right: -5px;\" -->\n\n        <!-- <button seamIconBtn class=\"widget-header-btn-collapse\" (click)=\"collapse()\" [class.widget-header-btn-collapse--active]=\"collapsed\"\n          btnTheme=\"secondary\"\n          [icon]=\"collapseIcon\"\n          iconType=\"borderless-styled-square\"\n          size=\"xs\"\n          btnSize=\"sm\"\n          >\n          <seam-icon class=\"d-block\"\n            [icon]=\"collapseIcon\"\n            iconClass=\"text-secondary\"\n            style=\"margin-left: -10px; margin-right: -5px;\"\n            iconType=\"borderless-styled-square\"></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:#FFFFFF;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#F4F4F4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height: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: function () { return [{ type: WidgetPreferencesService }, { type: undefined, decorators: [{
                     type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_WIDGET_DEFAULTS]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
                 }, {
                     type: Inject,
                     args: [THESEAM_WIDGET_DATA]
@@ -1368,5 +1383,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { THESEAM_WIDGETS, THESEAM_WIDGET_ACCESSOR, THESEAM_WIDGET_DATA, TheSeamWidgetButtonGroupModule, TheSeamWidgetContentHeaderModule, TheSeamWidgetDescriptionModule, TheSeamWidgetEmptyLabelModule, TheSeamWidgetFooterLinkModule, TheSeamWidgetFooterTextModule, TheSeamWidgetHeaderBadgeModule, TheSeamWidgetListGroupModule, TheSeamWidgetModule, TheSeamWidgetTableModule, TheSeamWidgetTileListModule, TheSeamWidgetTileModule, WidgetButtonGroupComponent, WidgetComponent, WidgetContentHeaderComponent, WidgetDescriptionComponent, WidgetDragHandleDirective, WidgetEmptyLabelComponent, WidgetFooterComponent, WidgetFooterLinkComponent, WidgetFooterTextComponent, WidgetHeaderBadgeComponent, WidgetIconTplDirective, WidgetListGroupComponent, WidgetListGroupItemAnchorComponent, WidgetListGroupItemButtonComponent, WidgetListGroupItemComponent, WidgetListGroupItemIconTplDirective, WidgetRegistryService, WidgetTableComponent, WidgetTileComponent, WidgetTileFooterComponent, WidgetTileFooterItemComponent, WidgetTileGroupComponent, WidgetTileListComponent, WidgetTileSecondaryIconDirective, WidgetTitleTplDirective, extendStyles, toggleNativeDragInteractions };
+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