@theseam/ui-common 0.2.9

package/viewers/pdf-viewer/pdf-renderer.service.d.ts

@@ -0,0 +1,6 @@
+import { Observable } from 'rxjs';
+export declare class PdfRendererService {
+    private readonly _pdfjs$;
+    constructor();
+    getDocument(url: string): Observable<any>;
+}

package/viewers/pdf-viewer/pdf-viewer.component.d.ts

@@ -0,0 +1,59 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { Observable } from 'rxjs';
+import { PdfRendererService } from './pdf-renderer.service';
+export declare class TheSeamPdfViewerComponent {
+    private readonly _pdfRenderer;
+    static ngAcceptInputType_shadow: BooleanInput;
+    static ngAcceptInputType_responsive: BooleanInput;
+    get pdfUrl(): string | undefined | null;
+    set pdfUrl(value: string | undefined | null);
+    private _pdfUrl;
+    shadow: boolean;
+    /**
+     * Canvas will responsively scale and rerender if scaled more than
+     * `renderUpdateThreshold` pixels.
+     */
+    responsive: boolean;
+    /**
+     * The canvas will be rerendered if the canvas size changes by this many
+     * pixels from the last render.
+     *
+     * To make the canvas responsive using only the initial size for its render
+     * set the threshold to `-1`. You can still trigger a rerender by calling the
+     * `render()` method.
+     *
+     * NOTE: Only used when `responsive` is `true`.
+     */
+    set renderUpdateThreshold(value: number);
+    get renderUpdateThreshold(): number;
+    private _renderUpdateThreshold;
+    /**
+     * Range of pages to render.
+     *
+     * Example(page 1 to page 3):
+     *  [pageRange]="[1,3]"
+     */
+    get pageRange(): number[];
+    set pageRange(value: number[]);
+    private _pageRange;
+    /**
+     * Render a specific page.
+     */
+    get pageNumber(): number;
+    set pageNumber(value: number);
+    private _pageNumber;
+    /**
+     * Specific page numbers to render.
+     */
+    get pageNumbers(): number[];
+    set pageNumbers(value: number[]);
+    private _pageNumbers;
+    private _documentSubject;
+    document$: Observable<any>;
+    pages$: Observable<any[]>;
+    /**
+     * Undefined means all a pages
+     */
+    private _pageNumbersSubject;
+    constructor(_pdfRenderer: PdfRendererService);
+}

package/viewers/pdf-viewer/pdf-viewer.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamPdfViewerModule {
+}

package/viewers/public-api.d.ts

@@ -0,0 +1 @@
+export * from './pdf-viewer';

package/viewers/theseam-ui-common-viewers.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/viewers/theseam-ui-common-viewers.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"exports":[{"from":"./pdf-page/pdf-page.component"},{"from":"./pdf-viewer.component"},{"from":"./pdf-viewer.module"}],"metadata":{},"origins":{},"importAs":"@theseam/ui-common/viewers"}

package/widget/_widget-theme.scss

@@ -0,0 +1,15 @@
+@import './styles/utilities';
+
+@import './widget/widget.component';
+
+@import './widget-content-components/widget-content-header/widget-content-header.component';
+@import './widget-content-components/widget-empty-label/widget-empty-label.component';
+@import './widget-content-components/widget-footer-link/widget-footer-link.component';
+@import './widget-content-components/widget-footer-text/widget-footer-text.component';
+@import './widget-content-components/widget-header-badge/widget-header-badge.component';
+@import './widget-content-components/widget-tile/widget-tile.component';
+@import './widget-content-components/widget-tile/widget-tile.component';
+@import './widget-content-components/widget-tile/widget-tile-footer-item/widget-tile-footer-item.component';
+@import './widget-content-components/widget-tile/widget-tile-group/widget-tile-group.component';
+
+@import './widget-footer/widget-footer.component'

package/widget/directives/widget-drag-handle.directive.d.ts

@@ -0,0 +1,53 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { Subject } from 'rxjs';
+declare type Writeable<T> = {
+    -readonly [P in keyof T]-?: T[P];
+};
+/**
+ * Extended CSSStyleDeclaration that includes a couple of drag-related
+ * properties that aren't in the built-in TS typings.
+ */
+interface DragCSSStyleDeclaration extends CSSStyleDeclaration {
+    webkitUserDrag: string;
+    MozUserSelect: string;
+    msScrollSnapType: string;
+    scrollSnapType: string;
+    msUserSelect: string;
+}
+export declare function extendStyles(dest: Writeable<CSSStyleDeclaration>, source: Partial<DragCSSStyleDeclaration>): Writeable<CSSStyleDeclaration>;
+export declare function toggleNativeDragInteractions(element: HTMLElement, enable: boolean): void;
+export interface TheSeamWidgetAccessor<TItem> {
+    widgetsChange: EventEmitter<TItem[]>;
+    cdkDragDirectives: QueryList<CdkDrag>;
+}
+export declare const THESEAM_WIDGET_ACCESSOR: InjectionToken<TheSeamWidgetAccessor<any>>;
+export declare class WidgetDragHandleDirective implements OnInit, OnDestroy, AfterViewInit, DoCheck {
+    element: ElementRef<HTMLElement>;
+    private _ngZone;
+    private _dashboardWidgets?;
+    private __parentDrag?;
+    static ngAcceptInputType_disabled: BooleanInput;
+    private readonly _ngUnsubscribe;
+    private _attachedToDom;
+    private _doneCheckingAttached;
+    private _knownParentDrag;
+    /** Needed because CdkDrag reads this variable */
+    get _parentDrag(): CdkDrag<any> | undefined;
+    /** Emits when the state of the handle has changed. */
+    _stateChanges: Subject<CdkDragHandle>;
+    /** Whether starting to drag through this handle is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    constructor(element: ElementRef<HTMLElement>, _ngZone: NgZone, _dashboardWidgets?: TheSeamWidgetAccessor<any> | undefined, __parentDrag?: CdkDrag<any> | undefined);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    isAttachedToDom(): boolean;
+    /** Closest parent draggable instance. */
+    getParentCdkDrag(): CdkDrag | undefined;
+}
+export {};

package/widget/directives/widget-icon-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class WidgetIconTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/widget/directives/widget-title-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class WidgetTitleTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/widget/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-widget.umd.js",
+  "module": "../fesm2015/theseam-ui-common-widget.js",
+  "es2015": "../fesm2015/theseam-ui-common-widget.js",
+  "esm2015": "../esm2015/widget/theseam-ui-common-widget.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-widget.js",
+  "typings": "theseam-ui-common-widget.d.ts",
+  "metadata": "theseam-ui-common-widget.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/widget"
+}

package/widget/public-api.d.ts

@@ -0,0 +1,37 @@
+export * from './directives/widget-drag-handle.directive';
+export * from './directives/widget-icon-tpl.directive';
+export * from './directives/widget-title-tpl.directive';
+export * from './widget-content-components/widget-button-group/widget-button-group.component';
+export * from './widget-content-components/widget-button-group/widget-button-group.module';
+export * from './widget-content-components/widget-content-header/widget-content-header.component';
+export * from './widget-content-components/widget-content-header/widget-content-header.module';
+export * from './widget-content-components/widget-description/widget-description.component';
+export * from './widget-content-components/widget-description/widget-description.module';
+export * from './widget-content-components/widget-empty-label/widget-empty-label.component';
+export * from './widget-content-components/widget-empty-label/widget-empty-label.module';
+export * from './widget-content-components/widget-footer-link/widget-footer-link.component';
+export * from './widget-content-components/widget-footer-link/widget-footer-link.module';
+export * from './widget-content-components/widget-footer-text/widget-footer-text.component';
+export * from './widget-content-components/widget-footer-text/widget-footer-text.module';
+export * from './widget-content-components/widget-header-badge/widget-header-badge.component';
+export * from './widget-content-components/widget-header-badge/widget-header-badge.module';
+export * from './widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item-icon-tpl.directive';
+export * from './widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component';
+export * from './widget-content-components/widget-list-group/widget-list-group.component';
+export * from './widget-content-components/widget-list-group/widget-list-group.module';
+export * from './widget-content-components/widget-table/widget-table.component';
+export * from './widget-content-components/widget-table/widget-table.module';
+export * from './widget-content-components/widget-tile/widget-tile-footer/widget-tile-footer.component';
+export * from './widget-content-components/widget-tile/widget-tile-footer-item/widget-tile-footer-item.component';
+export * from './widget-content-components/widget-tile/widget-tile-group/widget-tile-group.component';
+export * from './widget-content-components/widget-tile/widget-tile-secondary-icon.directive';
+export * from './widget-content-components/widget-tile/widget-tile.component';
+export * from './widget-content-components/widget-tile/widget-tile.module';
+export * from './widget-content-components/widget-tile-list/widget-tile-list.component';
+export * from './widget-content-components/widget-tile-list/widget-tile-list.module';
+export * from './widget/widget.component';
+export * from './widget-footer/widget-footer.component';
+export * from './widget-registry.models';
+export * from './widget-registry.service';
+export * from './widget-token';
+export * from './widget.module';

package/widget/styles/_utilities.scss

@@ -0,0 +1,3 @@
+@import '../../styles/utilities';
+
+@import './variables';

package/widget/styles/_variables.scss

@@ -0,0 +1,27 @@
+$seam-widget-header-title-font-size: 17px !default;
+
+$seam-widget-header-icon-height: 20px !default;
+$seam-widget-header-icon-width: 20px !default;
+$seam-widget-header-background: #F4F4F4 !default;
+
+$seam-widget-body-background: #FFFFFF !default;
+$seam-widget-body-font-size: 15px !default;
+
+$seam-widget-content-header-padding: 0.5rem 0.5rem 1rem 0.5rem !default;
+
+$seam-widget-footer-font-size: 13px !default;
+$seam-widget-footer-link-margin-top: 0.5rem !default;
+$seam-widget-footer-text-margin-top: 0.5rem !default;
+$seam-widget-footer-margin: 0.25rem !default;
+
+$seam-widget-tile-font-size: 14px !default;
+$seam-widget-tile-line-height: 18px !default;
+$seam-widget-tile-color: $body-color !default;
+$seam-widget-tile-background-color-hover: #f4f4f4 !default;
+$seam-widget-tile-border-color: $border-color !default;
+$seam-widget-tile-border-radius: 10px !default;
+$seam-widget-tile-margin-bottom: 0.5rem !default;
+
+$seam-widget-tile-footer-item-font-size: 12px !default;
+
+$seam-widget-empty-label-padding: 0.5rem !default;

package/widget/theseam-ui-common-widget.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/widget/theseam-ui-common-widget.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"extendStyles":{"__symbolic":"function"},"toggleNativeDragInteractions":{"__symbolic":"function"},"TheSeamWidgetAccessor":{"__symbolic":"interface"},"THESEAM_WIDGET_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":87,"character":43},"arguments":["TheSeamWidgetAccessor"]},"WidgetDragHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":91,"character":1},"arguments":[{"selector":"[seamWidgetDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["cdkDragHandleDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":124,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":124,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_WIDGET_ACCESSOR"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":122,"character":31,"context":{"typeName":"HTMLElement"},"module":"./directives/widget-drag-handle.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":123,"character":21},{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"CdkDrag","line":125,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"isAttachedToDom":[{"__symbolic":"method"}],"getParentCdkDrag":[{"__symbolic":"method"}]}},"WidgetIconTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamWidgetIconTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"WidgetTitleTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamWidgetTitleTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"WidgetButtonGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-button-group","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content select=\"[seamButton]\"></ng-content>\n","styles":[":host{display:block}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetButtonGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetButtonGroupComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetButtonGroupComponent"},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":18,"character":4}]}]}],"members":{}},"WidgetContentHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-content-header","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<ng-content></ng-content>\n","styles":["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetContentHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetContentHeaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetContentHeaderComponent"}]}]}],"members":{}},"WidgetDescriptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-description","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<p><ng-content></ng-content></p>\n","styles":[""]}]}],"members":{}},"TheSeamWidgetDescriptionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetDescriptionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetDescriptionComponent"}]}]}],"members":{}},"WidgetEmptyLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<ng-content></ng-content>\n","styles":["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}"]}]}],"members":{"_btnCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.btn"]}]}],"_btnLinkCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.btn-link"]}]}],"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":27,"character":35,"context":{"typeName":"HTMLElement"},"module":"./widget-content-components/widget-empty-label/widget-empty-label.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"_isButton":[{"__symbolic":"method"}],"_isAnchor":[{"__symbolic":"method"}]}},"TheSeamWidgetEmptyLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetEmptyLabelComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetEmptyLabelComponent"}]}]}],"members":{}},"WidgetFooterLinkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"a[seam-widget-footer-link]","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"template":"<ng-content></ng-content>\n","styles":["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetFooterLinkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetFooterLinkComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetFooterLinkComponent"}]}]}],"members":{}},"WidgetFooterTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-footer-text","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<em>\n  <ng-content></ng-content>\n</em>\n","styles":["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetFooterTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetFooterTextComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetFooterTextComponent"}]}]}],"members":{}},"WidgetHeaderBadgeComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":31,"character":48,"module":"./widget-content-components/widget-header-badge/widget-header-badge.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"seam-widget-header-badge","inputs":["theme"],"host":{"class":"badge float-right","$quoted$":["class"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":["seam-widget-header-badge.badge{font-size:17px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetHeaderBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetHeaderBadgeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetHeaderBadgeComponent"}]}]}],"members":{}},"WidgetListGroupItemIconTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamWidgetListGroupItemIconTpl]","exportAs":"seamWidgetListGroupItemIconTpl"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"WidgetListGroupItemComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":89,"character":50,"module":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"seam-widget-list-group-item","exportAs":"seamWidgetListGroupItem","inputs":["disabled","theme","active","icon","iconClass","label","secondaryIcon","secondaryIconClass","secondaryIconTitle"],"host":{"class":"list-group-item","[class.active]":"active","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["class","[class.active]","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":87,"character":19},"member":"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","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":163,"character":35,"context":{"typeName":"HTMLInputElement"},"module":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":94,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}]}},"WidgetListGroupItemButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":119,"character":56,"module":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":103,"character":1},"arguments":[{"selector":"button[seam-widget-list-group-item],button[seamWidgetListGroupItem]","exportAs":"seamWidgetListGroupItem","inputs":["disabled","theme","active","icon","iconClass","label","secondaryIcon","secondaryIconClass","secondaryIconTitle"],"host":{"[attr.type]":"type","class":"list-group-item list-group-item-action","[class.active]":"active","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[class.active]","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":117,"character":19},"member":"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","styles":[""]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":163,"character":35,"context":{"typeName":"HTMLInputElement"},"module":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":127,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":94,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"WidgetListGroupItemAnchorComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":156,"character":56,"module":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":139,"character":1},"arguments":[{"selector":"a[seam-widget-list-group-item],a[seamWidgetListGroupItem]","exportAs":"seamWidgetListGroupItem","inputs":["disabled","theme","active","icon","iconClass","label","secondaryIcon","secondaryIconClass","secondaryIconTitle"],"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)","$quoted$":["class","[class.active]","[attr.tabindex]","[attr.aria-disabled]","[attr.disabled]","(click)"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":154,"character":19},"member":"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","styles":[""]}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":163,"character":35,"context":{"typeName":"HTMLInputElement"},"module":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":127,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":94,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_haltDisabledEvents":[{"__symbolic":"method"}]}},"WidgetListGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-widget-list-group","host":{"class":"list-group","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"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":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetListGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetListGroupComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemAnchorComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemButtonComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemIconTplDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetListGroupComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemAnchorComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemButtonComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemComponent"},{"__symbolic":"reference","name":"WidgetListGroupItemIconTplDirective"}]}]}],"members":{}},"WidgetTableComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-widget-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"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":[""]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"hasHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":19,"character":12}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"_actionRefreshRequest":[{"__symbolic":"method"}]}},"TheSeamWidgetTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table","name":"TheSeamTableModule","line":14,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-types","name":"TheSeamTableCellTypesModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetTableComponent"}]}]}],"members":{}},"WidgetTileFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-tile-footer,[seam-widget-tile-footer]","host":{"class":"d-flex flex-row justify-content-end"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"\n  <ng-content select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"></ng-content>\n\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"WidgetTileFooterItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{font-size:12px}"]}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["attr.type"]}]}],"_DisabledCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.disabled"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":30,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":33,"character":35,"context":{"typeName":"HTMLElement"},"module":"./widget-content-components/widget-tile/widget-tile-footer-item/widget-tile-footer-item.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"_isButton":[{"__symbolic":"method"}]}},"WidgetTileGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-tile-group","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"WidgetTileSecondaryIconDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamWidgetTileSecondaryIcon]","exportAs":"seamWidgetTileSecondaryIcon"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"WidgetTileComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":55,"character":41,"module":"./widget-content-components/widget-tile/widget-tile.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":47,"character":1},"arguments":[{"selector":"seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]","inputs":["disabled"],"exportAs":"seamWidgetTile","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":53,"character":17},"member":"None"},"template":"<div class=\"d-flex flex-row\">\n  <div style=\"position: relative\">\n    <seam-icon\n      [icon]=\"icon\"\n      iconType=\"styled-square\"\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":["a[seam-widget-tile],button[seam-widget-tile],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}a[seam-widget-tile]:hover,button[seam-widget-tile]:hover,seam-widget-tile:hover{color:#212529;background-color:#f4f4f4;text-decoration:none}a[seam-widget-tile].focus,a[seam-widget-tile]:focus,button[seam-widget-tile].focus,button[seam-widget-tile]:focus,seam-widget-tile.focus,seam-widget-tile:focus{box-shadow:0 0 0 .2rem rgba(53,126,189,.25);outline:0}a[seam-widget-tile].disabled,a[seam-widget-tile]:disabled,button[seam-widget-tile].disabled,button[seam-widget-tile]:disabled,seam-widget-tile.disabled,seam-widget-tile:disabled{opacity:.65;pointer-events:none;cursor:default;filter:grayscale(1)}a[seam-widget-tile]:last-child,button[seam-widget-tile]:last-child,seam-widget-tile:last-child{margin-bottom:0}a[seam-widget-tile] .widget-tile--notification-icon,button[seam-widget-tile] .widget-tile--notification-icon,seam-widget-tile .widget-tile--notification-icon{position:absolute;bottom:-3px;right:-3px;width:15px!important;height:15px!important}a[seam-widget-tile] seam-icon img[src$=\".svg\"],button[seam-widget-tile] seam-icon img[src$=\".svg\"],seam-widget-tile seam-icon img[src$=\".svg\"]{height:100%}"]}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":3},"arguments":["attr.type"]}]}],"_btnCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":67,"character":3},"arguments":["class.btn"]}]}],"_disabledCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":3},"arguments":["class.disabled"]}]}],"_ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["attr.aria-disabled"]}]}],"_attrDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["attr.disabled"]}]}],"_attrTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["attr.tabindex"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"grayscaleOnDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":87,"character":12}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"notificationIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"notificationIconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"secondaryIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":94,"character":3},"arguments":[{"__symbolic":"reference","name":"WidgetTileSecondaryIconDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":97,"character":28,"context":{"typeName":"HTMLElement"},"module":"./widget-content-components/widget-tile/widget-tile.component"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":98,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":99,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_isButton":[{"__symbolic":"method"}],"_isAnchor":[{"__symbolic":"method"}]}},"TheSeamWidgetTileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetTileComponent"},{"__symbolic":"reference","name":"WidgetTileSecondaryIconDirective"},{"__symbolic":"reference","name":"WidgetTileFooterComponent"},{"__symbolic":"reference","name":"WidgetTileGroupComponent"},{"__symbolic":"reference","name":"WidgetTileFooterItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetTileComponent"},{"__symbolic":"reference","name":"WidgetTileSecondaryIconDirective"},{"__symbolic":"reference","name":"WidgetTileFooterComponent"},{"__symbolic":"reference","name":"WidgetTileGroupComponent"},{"__symbolic":"reference","name":"WidgetTileFooterItemComponent"}]}]}],"members":{}},"WidgetTileListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-tile-list","template":"<ng-content select=\"[seam-widget-tile],seam-widget-tile,seam-widget-tile-group\"></ng-content>\n","styles":[":host{display:flex;flex-direction:column}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamWidgetTileListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetTileListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetTileListComponent"},{"__symbolic":"reference","name":"TheSeamWidgetTileModule"}]}]}],"members":{}},"WidgetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"seam-widget","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":30,"character":4},"arguments":["loadingAnim",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":8},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":8},"arguments":["250ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":37},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":8},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":8},"arguments":["250ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":37},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div class=\"seam-widget border rounded overflow-hidden\">\n  <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n    <div class=\"widget-header-content p-2 text-nowrap\">\n      <span class=\"mr-1 widget-header-icon\">\n        <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"iconTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noIconTpl>\n          <fa-icon *ngIf=\"_iconObj\"\n            class=\"widget-header-icon--fa {{ iconClass }}\"\n            [icon]=\"_iconObj\"></fa-icon>\n          <img *ngIf=\"_iconUrl\"\n            class=\"widget-header-icon--img {{ iconClass }}\"\n            [src]=\"_iconUrl\" [alt]=\"titleText\">\n        </ng-template>\n      </span>\n      <span class=\"widget-header-title text-truncate\">\n        <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"titleTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: titleText, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n      </span>\n    </div>\n    <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n      <div *ngIf=\"hasConfig\">\n        <!-- <button seamIconBtn [icon]=\"configIcon\"\n          class=\"widget-header-btn-config\"\n          iconType=\"\">\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button> -->\n        <button seamButton class=\"widget-header-btn-config p-0\">\n          <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button>\n      </div>\n\n      <div *ngIf=\"canCollapse\" class=\"px-0\">\n        <button seamButton class=\"widget-header-btn-collapse p-0\" (click)=\"collapse()\">\n          <seam-icon class=\"d-block\" [icon]=\"collapseIcon\" iconClass=\"text-secondary\" style=\"margin-left: -10px; margin-right: -5px;\"></seam-icon>\n          <span class=\"sr-only\">Widget collapse</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"position-relative\" [style.height.px]=\"loading ? 150 : undefined\">\n    <ng-container *ngIf=\"!collapsed\">\n      <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\">\n        <ng-content></ng-content>\n      </div>\n      <ng-content select=\"seam-widget-footer\"></ng-content>\n      <ng-template #loadingTpl>\n        <div class=\"position-absolute\" @loadingAnim style=\"top:0;right:0;bottom:0;left:0\">\n          <seam-loading [theme]=\"'primary'\"></seam-loading>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n</div>\n","styles":["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#f4f4f4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:15px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px}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}"]}]}],"members":{"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":53,"character":12}}]}],"hasHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":59,"character":12}}]}],"titleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":100,"character":12}}]}],"hasConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":104,"character":12}}]}],"canCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":107,"character":12}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":109,"character":3},"arguments":[{"__symbolic":"reference","name":"WidgetIconTplDirective"},{"static":true}]}]}],"titleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":110,"character":3},"arguments":[{"__symbolic":"reference","name":"WidgetTitleTplDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}]}},"WidgetFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-widget-footer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IWidgetRegistryRecord":{"__symbolic":"interface"},"WidgetRegistryService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_WIDGETS"}]}],null],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"IWidgetRegistryRecord"}]},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic-component-loader","name":"TheSeamDynamicComponentLoader","line":22,"character":37}]}],"createWidgetPortal":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"THESEAM_WIDGETS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":35},"arguments":["TheSeamWidgets"]},"TheSeamWidgetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":44,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WidgetComponent"},{"__symbolic":"reference","name":"WidgetIconTplDirective"},{"__symbolic":"reference","name":"WidgetTitleTplDirective"},{"__symbolic":"reference","name":"WidgetDragHandleDirective"},{"__symbolic":"reference","name":"WidgetFooterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":54,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":55,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":57,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":59,"character":4},{"__symbolic":"reference","name":"TheSeamWidgetButtonGroupModule"},{"__symbolic":"reference","name":"TheSeamWidgetContentHeaderModule"},{"__symbolic":"reference","name":"TheSeamWidgetDescriptionModule"},{"__symbolic":"reference","name":"TheSeamWidgetEmptyLabelModule"},{"__symbolic":"reference","name":"TheSeamWidgetFooterLinkModule"},{"__symbolic":"reference","name":"TheSeamWidgetFooterTextModule"},{"__symbolic":"reference","name":"TheSeamWidgetHeaderBadgeModule"},{"__symbolic":"reference","name":"TheSeamWidgetListGroupModule"},{"__symbolic":"reference","name":"TheSeamWidgetTableModule"},{"__symbolic":"reference","name":"TheSeamWidgetTileListModule"},{"__symbolic":"reference","name":"TheSeamWidgetTileModule"}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":64,"character":4},{"__symbolic":"reference","name":"WidgetComponent"},{"__symbolic":"reference","name":"WidgetIconTplDirective"},{"__symbolic":"reference","name":"WidgetTitleTplDirective"},{"__symbolic":"reference","name":"WidgetFooterComponent"},{"__symbolic":"reference","name":"TheSeamWidgetButtonGroupModule"},{"__symbolic":"reference","name":"TheSeamWidgetContentHeaderModule"},{"__symbolic":"reference","name":"TheSeamWidgetDescriptionModule"},{"__symbolic":"reference","name":"TheSeamWidgetEmptyLabelModule"},{"__symbolic":"reference","name":"TheSeamWidgetFooterLinkModule"},{"__symbolic":"reference","name":"TheSeamWidgetFooterTextModule"},{"__symbolic":"reference","name":"TheSeamWidgetHeaderBadgeModule"},{"__symbolic":"reference","name":"TheSeamWidgetListGroupModule"},{"__symbolic":"reference","name":"TheSeamWidgetTableModule"},{"__symbolic":"reference","name":"TheSeamWidgetTileListModule"},{"__symbolic":"reference","name":"TheSeamWidgetTileModule"}]}]}],"members":{}}},"origins":{"extendStyles":"./directives/widget-drag-handle.directive","toggleNativeDragInteractions":"./directives/widget-drag-handle.directive","TheSeamWidgetAccessor":"./directives/widget-drag-handle.directive","THESEAM_WIDGET_ACCESSOR":"./directives/widget-drag-handle.directive","WidgetDragHandleDirective":"./directives/widget-drag-handle.directive","WidgetIconTplDirective":"./directives/widget-icon-tpl.directive","WidgetTitleTplDirective":"./directives/widget-title-tpl.directive","WidgetButtonGroupComponent":"./widget-content-components/widget-button-group/widget-button-group.component","TheSeamWidgetButtonGroupModule":"./widget-content-components/widget-button-group/widget-button-group.module","WidgetContentHeaderComponent":"./widget-content-components/widget-content-header/widget-content-header.component","TheSeamWidgetContentHeaderModule":"./widget-content-components/widget-content-header/widget-content-header.module","WidgetDescriptionComponent":"./widget-content-components/widget-description/widget-description.component","TheSeamWidgetDescriptionModule":"./widget-content-components/widget-description/widget-description.module","WidgetEmptyLabelComponent":"./widget-content-components/widget-empty-label/widget-empty-label.component","TheSeamWidgetEmptyLabelModule":"./widget-content-components/widget-empty-label/widget-empty-label.module","WidgetFooterLinkComponent":"./widget-content-components/widget-footer-link/widget-footer-link.component","TheSeamWidgetFooterLinkModule":"./widget-content-components/widget-footer-link/widget-footer-link.module","WidgetFooterTextComponent":"./widget-content-components/widget-footer-text/widget-footer-text.component","TheSeamWidgetFooterTextModule":"./widget-content-components/widget-footer-text/widget-footer-text.module","WidgetHeaderBadgeComponent":"./widget-content-components/widget-header-badge/widget-header-badge.component","TheSeamWidgetHeaderBadgeModule":"./widget-content-components/widget-header-badge/widget-header-badge.module","WidgetListGroupItemIconTplDirective":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item-icon-tpl.directive","WidgetListGroupItemComponent":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component","WidgetListGroupItemButtonComponent":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component","WidgetListGroupItemAnchorComponent":"./widget-content-components/widget-list-group/widget-list-group-item/widget-list-group-item.component","WidgetListGroupComponent":"./widget-content-components/widget-list-group/widget-list-group.component","TheSeamWidgetListGroupModule":"./widget-content-components/widget-list-group/widget-list-group.module","WidgetTableComponent":"./widget-content-components/widget-table/widget-table.component","TheSeamWidgetTableModule":"./widget-content-components/widget-table/widget-table.module","WidgetTileFooterComponent":"./widget-content-components/widget-tile/widget-tile-footer/widget-tile-footer.component","WidgetTileFooterItemComponent":"./widget-content-components/widget-tile/widget-tile-footer-item/widget-tile-footer-item.component","WidgetTileGroupComponent":"./widget-content-components/widget-tile/widget-tile-group/widget-tile-group.component","WidgetTileSecondaryIconDirective":"./widget-content-components/widget-tile/widget-tile-secondary-icon.directive","WidgetTileComponent":"./widget-content-components/widget-tile/widget-tile.component","TheSeamWidgetTileModule":"./widget-content-components/widget-tile/widget-tile.module","WidgetTileListComponent":"./widget-content-components/widget-tile-list/widget-tile-list.component","TheSeamWidgetTileListModule":"./widget-content-components/widget-tile-list/widget-tile-list.module","WidgetComponent":"./widget/widget.component","WidgetFooterComponent":"./widget-footer/widget-footer.component","IWidgetRegistryRecord":"./widget-registry.models","WidgetRegistryService":"./widget-registry.service","THESEAM_WIDGETS":"./widget-token","TheSeamWidgetModule":"./widget.module"},"importAs":"@theseam/ui-common/widget"}

package/widget/widget/widget.component.d.ts

@@ -0,0 +1,78 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { WidgetIconTplDirective } from '../directives/widget-icon-tpl.directive';
+import { WidgetTitleTplDirective } from '../directives/widget-title-tpl.directive';
+/**
+ * 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.
+ */
+export declare class WidgetComponent implements OnInit {
+    static ngAcceptInputType_hasHeader: BooleanInput;
+    static ngAcceptInputType_loading: BooleanInput;
+    static ngAcceptInputType_hasConfig: BooleanInput;
+    static ngAcceptInputType_canCollapse: BooleanInput;
+    /** @ignore */
+    configIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    /** @ignore */
+    collapseIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    collapsed: boolean;
+    /**
+     * Toggles the top header bar of a widget. This should be true for most
+     * widgets.
+     */
+    hasHeader: boolean;
+    /**
+     * 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: string | undefined | null;
+    /**
+     * 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(): SeamIcon | undefined;
+    set icon(value: SeamIcon | undefined);
+    /** @ignore */
+    _iconUrl: string | undefined;
+    /** @ignore */
+    _iconObj: IconProp | undefined;
+    /** Add a css class to the header icon. */
+    iconClass: string | undefined | null;
+    /** Shows widget loading instead of content. */
+    loading: boolean;
+    /** @ignore */
+    hasConfig: boolean;
+    /** @ignore */
+    canCollapse: boolean;
+    iconTpl?: WidgetIconTplDirective;
+    titleTpl?: WidgetTitleTplDirective;
+    /** @ignore */
+    constructor();
+    /** @ignore */
+    ngOnInit(): void;
+    /**
+     * Toggles a widget's collapsed state.
+     *
+     * NOTE: Collapse is still being worked on.
+     * @depracated
+     * @ignore
+     */
+    collapse(): void;
+}

package/widget/widget/widget.component.scss

@@ -0,0 +1,107 @@
+@import '../styles/utilities';
+
+seam-widget {
+  display: block;
+  font-size: $seam-widget-body-font-size;
+
+  .seam-widget {
+    background: $seam-widget-body-background;
+  }
+
+  .widget-header {
+    display: flex;
+    flex-direction: row;
+    border-bottom: 1px solid $border-color;
+    background: $seam-widget-header-background;
+    font-size: $seam-widget-header-title-font-size;
+
+    .widget-header-content {
+      flex: 1 1 100%;
+    }
+
+    .widget-header-btns-container {
+      display: flex;
+      flex-direction: row;
+
+      > div {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding: 4px;
+      }
+
+      .widget-header-btn-config {
+
+        .seam-icon--fa {
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+          text-align: center;
+          height: 25px;
+          width: 30px;
+
+          .svg-inline--fa {
+            max-width: 100%;
+            height: 100%;
+            width: 100%;
+          }
+        }
+      }
+
+      .widget-header-btn-collapse {
+
+        .seam-icon--fa {
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+          text-align: center;
+          height: 15px;
+          width: 30px;
+
+          .svg-inline--fa {
+            max-width: 100%;
+            height: 100%;
+            width: 100%;
+          }
+        }
+      }
+    }
+
+    .widget-header-title {
+      font-size: $seam-widget-header-title-font-size;
+    }
+  }
+
+  .widget-header-icon {
+    display: inline-block;
+    vertical-align: top;
+    max-height: $seam-widget-header-icon-height;
+    max-width: $seam-widget-header-icon-width;
+    height: $seam-widget-header-icon-height;
+    width: $seam-widget-header-icon-width;
+
+    .widget-header-icon--fa {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      text-align: center;
+
+      max-height: $seam-widget-header-icon-height;
+      max-width: $seam-widget-header-icon-width;
+      height: $seam-widget-header-icon-height;
+      width: $seam-widget-header-icon-width;
+
+      .svg-inline--fa {
+        max-width: 100%;
+        height: 100%;
+        width: 100%;
+      }
+    }
+
+    .widget-header-icon--img {
+      height: 100%;
+      max-height: $seam-widget-header-icon-height;
+      max-width: $seam-widget-header-icon-width;
+    }
+  }
+}