@theseam/ui-common 0.2.9

package/styles/vendor/ngx-datatable/_ngx-datatable.scss

@@ -0,0 +1,108 @@
+@import '~@marklb/ngx-datatable/index';
+@import '~@marklb/ngx-datatable/themes/bootstrap';
+// @import '~@marklb/ngx-datatable/assets/icons';
+
+.ngx-datatable.bootstrap {
+  font-size: 16px;
+
+  .datatable-header .datatable-header-cell {
+    border-right: 0;
+
+    .datatable-checkbox {
+      margin-bottom: 0;
+    }
+  }
+
+  .datatable-body {
+    margin-top: -1px;
+  }
+
+  .datatable-footer {
+    background: transparent;
+    overflow: hidden;
+
+    .datatable-footer-inner {
+      background: $light;
+      border: $border-width $border-color solid;
+      border-radius: $border-radius;
+      color: $body-color;
+
+      > .page-count {
+        line-height: 40px;
+        height: 40px;
+      }
+
+      .datatable-pager {
+        ul {
+          li {
+            &:not(.disabled) {
+              &.active,
+              &:hover {
+                a {
+                  background-color: darken($light, 5%);
+                }
+              }
+            }
+          }
+        }
+        a {
+          color: $body-color;
+        }
+      }
+    }
+  }
+}
+
+// .progress-linear {
+//   display: block;
+//   position: relative;
+//   width: 100%;
+//   height: 5px;
+//   padding: 0;
+//   margin: 0;
+//   position: absolute;
+
+//   .container {
+//     max-width: 100%;
+//     display: block;
+//     position: relative;
+//     overflow: hidden;
+//     width: 100%;
+//     height: 5px;
+//     -webkit-transform: translate(0, 0) scale(1, 1);
+//     transform: translate(0, 0) scale(1, 1);
+//     background-color: rgb(170, 209, 249);
+
+//     .bar {
+//       transition: all 0.2s linear;
+//       -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
+//       animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
+
+//       transition: -webkit-transform 0.2s linear;
+//       transition: transform 0.2s linear;
+//       background-color: rgb(16, 108, 200);
+
+//       position: absolute;
+//       left: 0;
+//       top: 0;
+//       bottom: 0;
+//       width: 100%;
+//       height: 5px;
+//     }
+//   }
+// }
+
+// /**
+//  * Progress bar animations
+//  */
+//  @keyframes query {
+//   0% {
+//     opacity: 1;
+//     transform: translateX(35%) scale(0.3, 1);
+//   }
+
+//   100% {
+//     opacity: 0;
+//     transform: translateX(-50%) scale(0, 1);
+//   }
+// }

package/styles/vendor/quill/_quill.scss

@@ -0,0 +1,26 @@
+@import '~quill/dist/quill.core.css';
+@import '~quill/dist/quill.bubble.css';
+@import '~quill/dist/quill.snow.css';
+
+quill-editor {
+  display: block;
+
+  .ql-snow.ql-toolbar {
+    @include border-top-radius($input-border-radius);
+
+  }
+  .ql-snow.ql-container {
+    @include border-bottom-radius($input-border-radius);
+
+  }
+
+  @each $state, $data in $form-validation-states {
+    &.is-#{$state} {
+      .ql-toolbar,
+      .ql-container {
+        border-color: map-get($data, color);
+      }
+    }
+  }
+
+}

package/tabbed/directives/tabbed-tab-content.directive.d.ts

@@ -0,0 +1,4 @@
+export declare class TabbedTabContentDirective {
+    isActive: boolean;
+    constructor();
+}

package/tabbed/directives/tabbed-tab.directive.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { TabbedService } from '../tabbed.service';
+export declare class TabbedTabDirective implements OnInit {
+    elementRef: ElementRef;
+    tabbedService: TabbedService;
+    isActive: boolean;
+    constructor(elementRef: ElementRef, tabbedService: TabbedService);
+    ngOnInit(): void;
+}

package/tabbed/package.json

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

package/tabbed/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './tabbed.module';
+export * from './tabbed.component';
+export * from './tabbed-item/tabbed-item.component';
+export * from './tabbed-content/tabbed-content.component';
+export * from './directives/tabbed-tab-content.directive';
+export * from './directives/tabbed-tab.directive';
+export * from './tabbed.service';

package/tabbed/tabbed-content/tabbed-content.component.d.ts

@@ -0,0 +1,7 @@
+import { OnInit } from '@angular/core';
+import { TabbedItemComponent } from '../tabbed-item/tabbed-item.component';
+export declare class TabbedContentComponent implements OnInit {
+    tabbedItem?: TabbedItemComponent;
+    constructor();
+    ngOnInit(): void;
+}

package/tabbed/tabbed-item/tabbed-item.component.d.ts

@@ -0,0 +1,14 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit, TemplateRef } from '@angular/core';
+import { TabbedTabContentDirective } from '../directives/tabbed-tab-content.directive';
+import { TabbedTabDirective } from '../directives/tabbed-tab.directive';
+export declare class TabbedItemComponent implements OnInit {
+    static ngAcceptInputType_contentFromRoute: BooleanInput;
+    tabbedTabTpl?: TemplateRef<TabbedTabDirective>;
+    tabbedContentTpl?: TemplateRef<TabbedTabContentDirective>;
+    name: string | undefined | null;
+    label: string | undefined | null;
+    contentFromRoute: boolean;
+    constructor();
+    ngOnInit(): void;
+}

package/tabbed/tabbed.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterContentInit, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { TabbedItemComponent } from './tabbed-item/tabbed-item.component';
+import { TabbedService, TabsDirection } from './tabbed.service';
+export declare class TabbedComponent implements OnInit, AfterContentInit, OnDestroy {
+    tabbedService: TabbedService;
+    private router;
+    private route;
+    private _direction;
+    private _hideTabs;
+    tabbedItems?: QueryList<TabbedItemComponent>;
+    tabChanged: EventEmitter<TabbedItemComponent>;
+    set direction(val: TabsDirection);
+    get direction(): TabsDirection;
+    set hideTabs(val: boolean);
+    get hideTabs(): boolean;
+    onlyRouteContent: boolean;
+    get selectedTab(): TabbedItemComponent | undefined;
+    set selectedTab(tab: TabbedItemComponent | undefined);
+    private _selectedTab;
+    private _activeTabNameTimeout;
+    set activeTabName(val: string);
+    constructor(tabbedService: TabbedService, router: Router, route: ActivatedRoute);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    /**
+     *
+     */
+    onClickTab(event: any, tab: TabbedItemComponent): void;
+    /**
+     * TODO: Make more generic, so that the name isn't the only way
+     *  to select a tab
+     */
+    selectTab(name: string): void;
+}

package/tabbed/tabbed.module.d.ts

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

package/tabbed/tabbed.service.d.ts

@@ -0,0 +1,8 @@
+import { TabbedComponent } from './tabbed.component';
+export declare type TabsDirection = 'horizontal' | 'vertical';
+export declare class TabbedService {
+    private _tabGroups;
+    constructor();
+    registerTab(tab: TabbedComponent, groupName: string): void;
+    unregisterTab(tab: TabbedComponent, groupName: string): void;
+}

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

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

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TheSeamTabbedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"TabbedComponent"},{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"__symbolic":"reference","name":"TabbedTabDirective"},{"__symbolic":"reference","name":"TabbedItemComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"}],"exports":[{"__symbolic":"reference","name":"TabbedComponent"},{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"__symbolic":"reference","name":"TabbedTabDirective"},{"__symbolic":"reference","name":"TabbedItemComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"}]}]}],"members":{}},"TabbedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-tabbed","providers":[{"__symbolic":"reference","name":"TabbedService"}],"template":"<div [fxLayout]=\"(direction === 'horizontal') ? 'column' : 'row'\" fxFlexFill>\n\n  <!-- Tabs -->\n  <div *ngIf=\"!hideTabs\"\n    [fxLayout]=\"(direction === 'horizontal') ? 'row' : 'column'\"\n    style=\"position: relative;\">\n    <ng-container *ngFor=\"let tabbedItem of tabbedItems\">\n      <div class=\"tabbed-tab pt-2 pb-2 pl-4 pr-4 bg-light text-nowrap\"\n        [class.tab-dir-horizontal]=\"direction === 'horizontal'\"\n        [class.tab-dir-vertical]=\"direction === 'vertical'\"\n        (click)=\"onClickTab($event, tabbedItem)\"\n        [class.active]=\"tabbedItem === selectedTab\">\n        <ng-template *ngIf=\"tabbedItem.tabbedTabTpl; else tabLabelTpl\" [ngTemplateOutlet]=\"tabbedItem.tabbedTabTpl\"></ng-template>\n        <ng-template #tabLabelTpl>{{ tabbedItem?.label }}</ng-template>\n      </div>\n    </ng-container>\n    <!-- <div class=\"active-indicator\"\n      [class.active-indicator-horizontal]=\"direction === 'horizontal'\"\n      [class.active-indicator-vertical]=\"direction === 'vertical'\">\n    </div> -->\n  </div>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <!-- <app-slide-over-router-outlet></app-slide-over-router-outlet> -->\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"!selectedTab; else findContentTpl\">\n        <seam-tabbed-content fxFlexFill [tabbedItem]=\"tabbedItems?.first\"></seam-tabbed-content>\n      </ng-container>\n      <ng-template #findContentTpl>\n        <ng-container *ngFor=\"let tabbedItem of tabbedItems\">\n          <ng-container *ngIf=\"selectedTab === tabbedItem\">\n            <seam-tabbed-content fxFlexFill [tabbedItem]=\"tabbedItem\"></seam-tabbed-content>\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </ng-template>\n  </div>\n\n</div>\n","styles":[":host{display:block}.tabbed-tab{box-sizing:border-box;font-weight:400;font-size:10pt;min-width:130px;transform:translateZ(0);overflow:hidden;border:1px solid #dee2e6}.tabbed-tab:not(.active){background-color:#fff!important}.tabbed-tab.active{font-weight:700;color:#357ebd}.tabbed-tab:hover{cursor:pointer}.tabbed-tab.tab-dir-horizontal{border-bottom:0}.tabbed-tab.tab-dir-horizontal:first-child{border-top-left-radius:.25rem}.tabbed-tab.tab-dir-horizontal:last-child{border-top-right-radius:.25rem}.tabbed-tab.tab-dir-horizontal:not(:last-child){border-right:0}.tabbed-tab.tab-dir-horizontal.active{margin-bottom:-2px}.tabbed-tab.tab-dir-vertical{border-right:0}.tabbed-tab.tab-dir-vertical:first-child{border-top-left-radius:.25rem}.tabbed-tab.tab-dir-vertical:last-child{border-bottom-left-radius:.25rem}.tabbed-tab.tab-dir-vertical:not(:last-child){border-bottom:0}.tabbed-tab.tab-dir-vertical.active{margin-right:-2px}.tabbed-tabs-content{display:block;flex:1 1 auto;overflow:hidden;border:1px solid #dee2e6;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}app-slide-over-router-outlet{width:100%;height:100%;min-width:0;min-height:0}"]}]}],"members":{"tabbedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedItemComponent"}]}]}],"tabChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hideTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onlyRouteContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"activeTabName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TabbedService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":73,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":74,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onClickTab":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}},"TabbedItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-tabbed-item","template":"<p>\n  tabbed-item works!\n</p>","styles":[""]}]}],"members":{"tabbedTabTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedTabDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":16,"character":44},"static":true}]}]}],"tabbedContentTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":19,"character":51},"static":true}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"contentFromRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":24,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabbedContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-tabbed-content","template":"<!-- <div class=\"fade-left\" fxFlexFill> -->\n<div fxFlexFill>\n  <ng-container *ngIf=\"tabbedItem\">\n    <ng-template *ngIf=\"tabbedItem.tabbedContentTpl\" [ngTemplateOutlet]=\"tabbedItem.tabbedContentTpl\"></ng-template>\n    <ng-container *ngIf=\"tabbedItem.contentFromRoute\"><router-outlet></router-outlet></ng-container>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"tabbedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabbedTabContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTabbedTabContent]","exportAs":"seamTabbedTabContent"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"TabbedTabDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[seamTabbedTab]","exportAs":"seamTabbedTab"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":23},{"__symbolic":"reference","name":"TabbedService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TabsDirection":{"__symbolic":"interface"},"TabbedService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"registerTab":[{"__symbolic":"method"}],"unregisterTab":[{"__symbolic":"method"}]}}},"origins":{"TheSeamTabbedModule":"./tabbed.module","TabbedComponent":"./tabbed.component","TabbedItemComponent":"./tabbed-item/tabbed-item.component","TabbedContentComponent":"./tabbed-content/tabbed-content.component","TabbedTabContentDirective":"./directives/tabbed-tab-content.directive","TabbedTabDirective":"./directives/tabbed-tab.directive","TabsDirection":"./tabbed.service","TabbedService":"./tabbed.service"},"importAs":"@theseam/ui-common/tabbed"}

package/table/package.json

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

package/table/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './table/table.component';
+export * from './table.module';

package/table/table/table.component.d.ts

@@ -0,0 +1,43 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter, OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+/**
+ * An optional function passed into the `NgForOf` directive that defines how to track
+ * changes for items in an iterable.
+ * The function takes the iteration index and item ID.
+ * When supplied, Angular tracks changes by the return value of the function.
+ *
+ * NOTE: Can't import the type from'@angular/core', because of a bug in angular-cli's
+ * build that can't find exported types that only exist at compile time if there
+ * are exports that exist at runtime in the same file.
+ */
+export declare type TrackByFunction<T> = (index: number, item: T) => any;
+export interface ITableColumn {
+    prop: string;
+    name?: string;
+}
+export declare class TableComponent<T = any> implements OnInit {
+    private _sanitizer;
+    static ngAcceptInputType_hasHeader: BooleanInput;
+    get columns(): (string | ITableColumn)[] | undefined | null;
+    set columns(value: (string | ITableColumn)[] | undefined | null);
+    private _columns;
+    get rows(): T[] | undefined | null;
+    set rows(value: T[] | undefined | null);
+    private _rows;
+    get displayedRows(): T[] & {
+        _colSpan?: number | undefined;
+    };
+    private _displayedRows;
+    trackBy: TrackByFunction<T> | undefined | null;
+    size: 'sm' | 'md' | undefined | null;
+    hasHeader: boolean;
+    displayedRecords?: ITableColumn[];
+    displayedColumns?: string[];
+    readonly actionRefreshRequest: EventEmitter<void>;
+    constructor(_sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    private _setColumns;
+    triggerActionRefreshRequest(): void;
+    _trackByRecords(r: any): any;
+}

package/table/table.module.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TrackByFunction":{"__symbolic":"interface"},"ITableColumn":{"__symbolic":"interface"},"TableComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"seam-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n","styles":[":host{display:block}:host .table-no-header ::ng-deep thead{display:none}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"hasHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":62,"character":12}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":70,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"_setColumns":[{"__symbolic":"method"}],"triggerActionRefreshRequest":[{"__symbolic":"method"}],"_trackByRecords":[{"__symbolic":"method"}]}},"TheSeamTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":14,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"TableComponent"}]}]}],"members":{}}},"origins":{"TrackByFunction":"./table/table.component","ITableColumn":"./table/table.component","TableComponent":"./table/table.component","TheSeamTableModule":"./table.module"},"importAs":"@theseam/ui-common/table"}

package/table-cell-type/package.json

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

package/table-cell-type/public-api.d.ts

@@ -0,0 +1,11 @@
+export * from './table-cell-type-action';
+export * from './table-cell-type-column';
+export * from './table-cell-type-config';
+export * from './table-cell-type-export-props';
+export * from './table-cell-type-manifest-provider';
+export * from './table-cell-type-name';
+export * from './table-cell-type-selector.component';
+export * from './table-cell-type-models';
+export * from './table-cell-type-tokens';
+export * from './services/table-cell-types-helpers.service';
+export * from './table-cell-type.module';

package/table-cell-type/services/table-cell-types-helpers.service.d.ts

@@ -0,0 +1,15 @@
+import { Observable } from 'rxjs';
+import { DynamicActionHelperService, DynamicActionModalDef, DynamicValueHelperService } from '@theseam/ui-common/dynamic';
+import { TableCellTypeConfig } from '../table-cell-type-config';
+import { CaluclatedValueContextType, ICalucatedValueContext, TableCellData } from '../table-cell-type-models';
+import { TableCellTypeName } from '../table-cell-type-name';
+export declare class TableCellTypesHelpersService {
+    private _dynamicActionHelper;
+    private _valueHelper;
+    constructor(_dynamicActionHelper: DynamicActionHelperService, _valueHelper: DynamicValueHelperService);
+    parseValueProp(value: any, contextOrContextFn: CaluclatedValueContextType): any;
+    getValueContext<T extends TableCellTypeName>(value: any, data?: TableCellData<T, TableCellTypeConfig<T>>): ICalucatedValueContext;
+    private _resolveValueContext;
+    handleModalAction<R = any>(action: DynamicActionModalDef, contextOrContextFn: CaluclatedValueContextType): Observable<R>;
+    private _handleModalAction;
+}

package/table-cell-type/table-cell-type-action.d.ts

@@ -0,0 +1,13 @@
+import { DynamicActionConfirmDef } from '@theseam/ui-common/dynamic';
+import { TableCellTypeName } from './table-cell-type-name';
+export interface TableCellActionBase<T extends TableCellTypeName> {
+    type: T;
+    /**
+     * If defined, the action must be confirmed.
+     */
+    confirmDef?: DynamicActionConfirmDef;
+    /**
+     * Default: false
+     */
+    disabled?: boolean;
+}

package/table-cell-type/table-cell-type-column.d.ts

@@ -0,0 +1,12 @@
+import { TableCellTypeConfig } from './table-cell-type-config';
+import { TableCellTypeName } from './table-cell-type-name';
+export interface TableCellTypeColumn<T extends TableCellTypeName, C extends TableCellTypeConfig<T>> {
+    /**
+     * If undefined the value will be rendered as a string.
+     */
+    cellType?: T;
+    /**
+     * Config to pass to the cell component.
+     */
+    cellTypeConfig?: C;
+}

package/table-cell-type/table-cell-type-config.d.ts

@@ -0,0 +1,12 @@
+import { TableCellTypeName } from './table-cell-type-name';
+export interface TableCellTypeConfig<T extends TableCellTypeName> {
+    type: T;
+    /**
+     * Styles added to the root cell elements `style` attribute.
+     */
+    styles?: string | string[];
+    /**
+     * Classes added to the root cell elements `class` attribute.
+     */
+    cssClass?: string | string[];
+}

package/table-cell-type/table-cell-type-export-props.d.ts

@@ -0,0 +1,15 @@
+import { DynamicValue } from '@theseam/ui-common/dynamic';
+export interface TableCellTypeExportProps {
+    /**
+     * Ignore column in export.
+     */
+    exportIgnore?: boolean;
+    /**
+     * Column header in export.
+     */
+    exportHeader?: string;
+    /**
+     * Transform function for column value in export.
+     */
+    exportValue?: DynamicValue<string>;
+}

package/table-cell-type/table-cell-type-manifest-provider.d.ts

@@ -0,0 +1,7 @@
+import { ITableCellTypeManifest } from './table-cell-type-models';
+import { TABLE_CELL_TYPE_MANIFEST } from './table-cell-type-tokens';
+export interface ITableCellTypeManifestProvider {
+    provide: typeof TABLE_CELL_TYPE_MANIFEST;
+    useValue: ITableCellTypeManifest;
+    multi: true;
+}