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

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

@@ -0,0 +1,281 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, Directive, Injectable, TemplateRef, ContentChild, EventEmitter, ContentChildren, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import * as i4 from '@angular/flex-layout/flex';
+import { __decorate } from 'tslib';
+import { InputBoolean } from '@theseam/ui-common/core';
+
+class TabbedContentComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+TabbedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabbedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TabbedContentComponent, selector: "seam-tabbed-content", inputs: { tabbedItem: "tabbedItem" }, ngImport: i0, 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: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i4.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedContentComponent, decorators: [{
+            type: Component,
+            args: [{ 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" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tabbedItem: [{
+                type: Input
+            }] } });
+
+class TabbedTabContentDirective {
+    constructor() {
+        this.isActive = false;
+    }
+}
+TabbedTabContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TabbedTabContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: TabbedTabContentDirective, selector: "[seamTabbedTabContent]", exportAs: ["seamTabbedTabContent"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedTabContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamTabbedTabContent]',
+                    exportAs: 'seamTabbedTabContent'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class TabbedService {
+    constructor() {
+        this._tabGroups = {};
+    }
+    registerTab(tab, groupName) {
+        if (!this._tabGroups[groupName]) {
+            this._tabGroups[groupName] = [];
+        }
+        for (const t of this._tabGroups[groupName]) {
+            t.hideTabs = true;
+        }
+        this._tabGroups[groupName].push(tab);
+    }
+    unregisterTab(tab, groupName) {
+        if (this._tabGroups[groupName]) {
+            this._tabGroups[groupName] = this._tabGroups[groupName].filter(t => t !== tab);
+            if (this._tabGroups[groupName].length > 0) {
+                this._tabGroups[groupName][this._tabGroups[groupName].length - 1].hideTabs = false;
+            }
+        }
+    }
+}
+TabbedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TabbedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class TabbedTabDirective {
+    constructor(elementRef, 
+    // public host: TabbedComponent,
+    tabbedService) {
+        this.elementRef = elementRef;
+        this.tabbedService = tabbedService;
+        // @HostBinding('class.custom-invalid')
+        // get customInvalid() { return this.control.invalid }
+        this.isActive = false;
+    }
+    ngOnInit() {
+        // this.tabbedService.selectedTab.subscribe(tab => {
+        //   console.log('tab: ', tab)
+        //   console.log('tab.tabbedTabTpl.elementRef: ', tab.tabbedTabTpl.elementRef)
+        //   console.log('this.elementRef: ', this.elementRef)
+        //   if (tab.tabbedTabTpl.elementRef.na === this.elementRef) {
+        //     this.isActive = true
+        //   } else {
+        //     this.isActive = false
+        //   }
+        // })
+    }
+}
+TabbedTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedTabDirective, deps: [{ token: i0.ElementRef }, { token: TabbedService }], target: i0.ɵɵFactoryTarget.Directive });
+TabbedTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: TabbedTabDirective, selector: "[seamTabbedTab]", exportAs: ["seamTabbedTab"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedTabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamTabbedTab]',
+                    exportAs: 'seamTabbedTab'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TabbedService }]; } });
+
+class TabbedItemComponent {
+    constructor() {
+        this.contentFromRoute = false;
+    }
+    ngOnInit() { }
+}
+TabbedItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabbedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TabbedItemComponent, selector: "seam-tabbed-item", inputs: { name: "name", label: "label", contentFromRoute: "contentFromRoute" }, queries: [{ propertyName: "tabbedTabTpl", first: true, predicate: TabbedTabDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "tabbedContentTpl", first: true, predicate: TabbedTabContentDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<p>\n  tabbed-item works!\n</p>", styles: [""] });
+__decorate([
+    InputBoolean()
+], TabbedItemComponent.prototype, "contentFromRoute", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-tabbed-item', template: "<p>\n  tabbed-item works!\n</p>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tabbedTabTpl: [{
+                type: ContentChild,
+                args: [TabbedTabDirective, { read: TemplateRef, static: true }]
+            }], tabbedContentTpl: [{
+                type: ContentChild,
+                args: [TabbedTabContentDirective, { read: TemplateRef, static: true }]
+            }], name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], contentFromRoute: [{
+                type: Input
+            }] } });
+
+class TabbedComponent {
+    constructor(tabbedService, router, route) {
+        this.tabbedService = tabbedService;
+        this.router = router;
+        this.route = route;
+        this._direction = 'vertical';
+        this._hideTabs = false;
+        this.tabChanged = new EventEmitter();
+        this.onlyRouteContent = false;
+    }
+    set direction(val) {
+        this._direction = val;
+    }
+    get direction() {
+        return this._direction;
+    }
+    set hideTabs(val) {
+        setTimeout(() => {
+            this._hideTabs = val;
+        });
+    }
+    get hideTabs() {
+        return this._hideTabs;
+    }
+    get selectedTab() {
+        if (this.onlyRouteContent) {
+            if (this.route.snapshot.children.length > 0) {
+                const config = this.route.snapshot.children[0].routeConfig;
+                const childPath = config && config.path;
+                return this.tabbedItems?.find(t => t.name === childPath);
+            }
+        }
+        else {
+            return this._selectedTab;
+        }
+    }
+    set selectedTab(tab) { this._selectedTab = tab; }
+    set activeTabName(val) {
+        clearTimeout(this._activeTabNameTimeout);
+        this._activeTabNameTimeout = setTimeout(() => {
+            if (!val) {
+                this.selectedTab = undefined;
+            }
+            else {
+                this.selectTab(val);
+            }
+        });
+    }
+    ngOnInit() {
+        this.tabbedService.registerTab(this, 'main');
+    }
+    ngOnDestroy() {
+        this.tabbedService.unregisterTab(this, 'main');
+    }
+    ngAfterContentInit() {
+        if (this.tabbedItems && this.tabbedItems.length > 0) {
+            this.selectedTab = this.tabbedItems.first;
+        }
+    }
+    /**
+     *
+     */
+    onClickTab(event, tab) {
+        this.selectedTab = tab;
+        if (this.onlyRouteContent) {
+            this.router.navigate([tab.name], { relativeTo: this.route });
+        }
+        this.tabChanged.emit(tab);
+    }
+    /**
+     * TODO: Make more generic, so that the name isn't the only way
+     *  to select a tab
+     */
+    selectTab(name) {
+        const tab = this.tabbedItems?.find(t => t.name === name);
+        if (tab) {
+            this.selectedTab = tab;
+        }
+        else {
+            throw new Error(`Tab with name '${name}' not found`);
+        }
+    }
+}
+TabbedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedComponent, deps: [{ token: TabbedService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+TabbedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TabbedComponent, selector: "seam-tabbed", inputs: { direction: "direction", hideTabs: "hideTabs", onlyRouteContent: "onlyRouteContent", activeTabName: "activeTabName" }, outputs: { tabChanged: "tabChanged" }, providers: [TabbedService], queries: [{ propertyName: "tabbedItems", predicate: TabbedItemComponent }], ngImport: i0, 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}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: TabbedContentComponent, selector: "seam-tabbed-content", inputs: ["tabbedItem"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TabbedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-tabbed', providers: [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}\n"] }]
+        }], ctorParameters: function () { return [{ type: TabbedService }, { type: i2.Router }, { type: i2.ActivatedRoute }]; }, propDecorators: { tabbedItems: [{
+                type: ContentChildren,
+                args: [TabbedItemComponent]
+            }], tabChanged: [{
+                type: Output
+            }], direction: [{
+                type: Input
+            }], hideTabs: [{
+                type: Input
+            }], onlyRouteContent: [{
+                type: Input
+            }], activeTabName: [{
+                type: Input
+            }] } });
+
+class TheSeamTabbedModule {
+}
+TheSeamTabbedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTabbedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTabbedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTabbedModule, declarations: [TabbedComponent,
+        TabbedTabContentDirective,
+        TabbedTabDirective,
+        TabbedItemComponent,
+        TabbedContentComponent,
+        TabbedContentComponent], imports: [CommonModule,
+        RouterModule,
+        FlexLayoutModule], exports: [TabbedComponent,
+        TabbedTabContentDirective,
+        TabbedTabDirective,
+        TabbedItemComponent,
+        TabbedContentComponent] });
+TheSeamTabbedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTabbedModule, imports: [CommonModule,
+        RouterModule,
+        FlexLayoutModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTabbedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        FlexLayoutModule,
+                    ],
+                    declarations: [
+                        TabbedComponent,
+                        TabbedTabContentDirective,
+                        TabbedTabDirective,
+                        TabbedItemComponent,
+                        TabbedContentComponent,
+                        TabbedContentComponent,
+                    ],
+                    exports: [
+                        TabbedComponent,
+                        TabbedTabContentDirective,
+                        TabbedTabDirective,
+                        TabbedItemComponent,
+                        TabbedContentComponent,
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabbedComponent, TabbedContentComponent, TabbedItemComponent, TabbedService, TabbedTabContentDirective, TabbedTabDirective, TheSeamTabbedModule };
+//# sourceMappingURL=theseam-ui-common-tabbed.mjs.map

package/fesm2020/theseam-ui-common-tabbed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-tabbed.mjs","sources":["../../../projects/ui-common/tabbed/tabbed-content/tabbed-content.component.ts","../../../projects/ui-common/tabbed/tabbed-content/tabbed-content.component.html","../../../projects/ui-common/tabbed/directives/tabbed-tab-content.directive.ts","../../../projects/ui-common/tabbed/tabbed.service.ts","../../../projects/ui-common/tabbed/directives/tabbed-tab.directive.ts","../../../projects/ui-common/tabbed/tabbed-item/tabbed-item.component.ts","../../../projects/ui-common/tabbed/tabbed-item/tabbed-item.component.html","../../../projects/ui-common/tabbed/tabbed.component.ts","../../../projects/ui-common/tabbed/tabbed.component.html","../../../projects/ui-common/tabbed/tabbed.module.ts","../../../projects/ui-common/tabbed/theseam-ui-common-tabbed.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core'\n\nimport { TabbedItemAccessor } from '../tabbed-models'\n\n@Component({\n  selector: 'seam-tabbed-content',\n  templateUrl: './tabbed-content.component.html',\n  styleUrls: ['./tabbed-content.component.scss']\n})\nexport class TabbedContentComponent implements OnInit {\n\n  @Input() tabbedItem?: TabbedItemAccessor\n\n  constructor() { }\n\n  ngOnInit() { }\n\n}\n","<!-- <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","import { Directive } from '@angular/core'\n\nimport { TabbedTabContentAccessor } from '../tabbed-models'\n\n@Directive({\n  selector: '[seamTabbedTabContent]',\n  exportAs: 'seamTabbedTabContent'\n})\nexport class TabbedTabContentDirective implements TabbedTabContentAccessor {\n\n  public isActive = false\n\n  constructor() { }\n\n}\n","import { Injectable } from '@angular/core'\n\nimport { TabbedComponent } from './tabbed.component'\n\nexport declare type TabsDirection = 'horizontal' | 'vertical'\n\n@Injectable()\nexport class TabbedService {\n\n  private _tabGroups: { [groupName: string]: TabbedComponent[] } = {}\n\n  constructor() { }\n\n  public registerTab(tab: TabbedComponent, groupName: string) {\n    if (!this._tabGroups[groupName]) {\n      this._tabGroups[groupName] = []\n    }\n\n    for (const t of this._tabGroups[groupName]) {\n      t.hideTabs = true\n    }\n\n    this._tabGroups[groupName].push(tab)\n  }\n\n  public unregisterTab(tab: TabbedComponent, groupName: string) {\n    if (this._tabGroups[groupName]) {\n      this._tabGroups[groupName] = this._tabGroups[groupName].filter(\n        t => t !== tab\n      )\n\n      if (this._tabGroups[groupName].length > 0) {\n        this._tabGroups[groupName][this._tabGroups[groupName].length - 1].hideTabs = false\n      }\n    }\n  }\n\n}\n","import { Directive, ElementRef, HostBinding, OnInit } from '@angular/core'\n\nimport { TabbedTabAccessor } from '../tabbed-models'\nimport { TabbedComponent } from '../tabbed.component'\nimport { TabbedService } from '../tabbed.service'\n\n@Directive({\n  selector: '[seamTabbedTab]',\n  exportAs: 'seamTabbedTab'\n})\nexport class TabbedTabDirective implements OnInit, TabbedTabAccessor {\n\n  // @HostBinding('class.custom-invalid')\n  // get customInvalid() { return this.control.invalid }\n\n  public isActive = false\n\n  constructor(\n    public elementRef: ElementRef,\n    // public host: TabbedComponent,\n    public tabbedService: TabbedService\n  ) { }\n\n  ngOnInit() {\n    // this.tabbedService.selectedTab.subscribe(tab => {\n    //   console.log('tab: ', tab)\n    //   console.log('tab.tabbedTabTpl.elementRef: ', tab.tabbedTabTpl.elementRef)\n    //   console.log('this.elementRef: ', this.elementRef)\n    //   if (tab.tabbedTabTpl.elementRef.na === this.elementRef) {\n    //     this.isActive = true\n    //   } else {\n    //     this.isActive = false\n    //   }\n    // })\n  }\n\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TabbedTabContentDirective } from '../directives/tabbed-tab-content.directive'\nimport { TabbedTabDirective } from '../directives/tabbed-tab.directive'\nimport { TabbedItemAccessor } from '../tabbed-models'\n\n@Component({\n  selector: 'seam-tabbed-item',\n  templateUrl: './tabbed-item.component.html',\n  styleUrls: ['./tabbed-item.component.scss']\n})\nexport class TabbedItemComponent implements OnInit, TabbedItemAccessor {\n  static ngAcceptInputType_contentFromRoute: BooleanInput\n\n  @ContentChild(TabbedTabDirective, { read: TemplateRef, static: true })\n  public tabbedTabTpl?: TemplateRef<TabbedTabDirective>\n\n  @ContentChild(TabbedTabContentDirective, { read: TemplateRef, static: true })\n  public tabbedContentTpl?: TemplateRef<TabbedTabContentDirective>\n\n  @Input() name: string | undefined | null\n  @Input() label: string | undefined | null\n  @Input() @InputBoolean() contentFromRoute = false\n\n  constructor() { }\n\n  ngOnInit() { }\n\n}\n","<p>\n  tabbed-item works!\n</p>","import {\n  AfterContentInit, Component, ContentChildren, EventEmitter, Input, OnDestroy, OnInit, Output, QueryList\n} from '@angular/core'\nimport { ActivatedRoute, Router } from '@angular/router'\n\nimport { TabbedItemComponent } from './tabbed-item/tabbed-item.component'\nimport { TabbedService, TabsDirection } from './tabbed.service'\n\n@Component({\n  selector: 'seam-tabbed',\n  templateUrl: './tabbed.component.html',\n  styleUrls: ['./tabbed.component.scss'],\n  providers: [ TabbedService ]\n})\nexport class TabbedComponent implements OnInit, AfterContentInit, OnDestroy {\n\n  private _direction: TabsDirection = 'vertical'\n  private _hideTabs = false\n\n  @ContentChildren(TabbedItemComponent) tabbedItems?: QueryList<TabbedItemComponent>\n\n  @Output() tabChanged = new EventEmitter<TabbedItemComponent>()\n\n  @Input()\n  set direction(val: TabsDirection) {\n    this._direction = val\n  }\n  get direction() {\n    return this._direction\n  }\n\n  @Input()\n  set hideTabs(val: boolean) {\n    setTimeout(() => {\n      this._hideTabs = val\n    })\n  }\n  get hideTabs(): boolean {\n    return this._hideTabs\n  }\n\n  @Input()\n  public onlyRouteContent = false\n\n  get selectedTab(): TabbedItemComponent | undefined {\n    if (this.onlyRouteContent) {\n      if (this.route.snapshot.children.length > 0) {\n        const config = this.route.snapshot.children[0].routeConfig\n        const childPath = config && config.path\n        return this.tabbedItems?.find(t => t.name === childPath)\n      }\n    } else {\n      return this._selectedTab\n    }\n  }\n  set selectedTab(tab: TabbedItemComponent | undefined) { this._selectedTab = tab }\n  private _selectedTab: TabbedItemComponent | undefined\n\n  private _activeTabNameTimeout: any\n  @Input()\n  set activeTabName(val: string) {\n    clearTimeout(this._activeTabNameTimeout)\n    this._activeTabNameTimeout = setTimeout(() => {\n      if (!val) {\n        this.selectedTab = undefined\n      } else {\n        this.selectTab(val)\n      }\n    })\n  }\n\n  constructor(\n    public tabbedService: TabbedService,\n    private router: Router,\n    private route: ActivatedRoute\n  ) { }\n\n  ngOnInit() {\n    this.tabbedService.registerTab(this, 'main')\n  }\n\n  ngOnDestroy() {\n    this.tabbedService.unregisterTab(this, 'main')\n  }\n\n  ngAfterContentInit() {\n    if (this.tabbedItems && this.tabbedItems.length > 0) {\n      this.selectedTab = this.tabbedItems.first\n    }\n  }\n\n  /**\n   *\n   */\n  public onClickTab(event: any, tab: TabbedItemComponent) {\n    this.selectedTab = tab\n    if (this.onlyRouteContent) {\n      this.router.navigate([ tab.name ], { relativeTo: this.route })\n    }\n    this.tabChanged.emit(tab)\n  }\n\n  /**\n   * TODO: Make more generic, so that the name isn't the only way\n   *  to select a tab\n   */\n  public selectTab(name: string) {\n    const tab = this.tabbedItems?.find(t => t.name === name)\n    if (tab) {\n      this.selectedTab = tab\n    } else {\n      throw new Error(`Tab with name '${name}' not found`)\n    }\n  }\n\n\n\n}\n","<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","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\n\nimport { FlexLayoutModule } from '@angular/flex-layout'\n\nimport { TabbedContentComponent } from './tabbed-content/tabbed-content.component'\nimport { TabbedItemComponent } from './tabbed-item/tabbed-item.component'\nimport { TabbedComponent } from './tabbed.component'\n\nimport { TabbedTabContentDirective } from './directives/tabbed-tab-content.directive'\nimport { TabbedTabDirective } from './directives/tabbed-tab.directive'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FlexLayoutModule,\n  ],\n  declarations: [\n    TabbedComponent,\n    TabbedTabContentDirective,\n    TabbedTabDirective,\n    TabbedItemComponent,\n    TabbedContentComponent,\n    TabbedContentComponent,\n],\n  exports: [\n    TabbedComponent,\n    TabbedTabContentDirective,\n    TabbedTabDirective,\n    TabbedItemComponent,\n    TabbedContentComponent,\n  ]\n})\nexport class TheSeamTabbedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i3","i1.TabbedService","i5.TabbedContentComponent"],"mappings":"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"}

package/fesm2020/theseam-ui-common-table-cell-type.mjs

@@ -0,0 +1,199 @@
+import * as i2 from '@angular/cdk/portal';
+import { ComponentPortal, PortalInjector, PortalModule } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { InjectionToken, isDevMode, Component, ChangeDetectionStrategy, Optional, Inject, Input, Injectable, NgModule } from '@angular/core';
+import { Subject, Observable, from } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { takeUntil } from 'rxjs/operators';
+import * as i1$1 from '@theseam/ui-common/dynamic';
+
+const TABLE_CELL_TYPE_MANIFEST = new InjectionToken('TABLE_CELL_TYPE_MANIFEST');
+const TABLE_CELL_DATA = new InjectionToken('TABLE_CELL_DATA');
+
+class TableCellTypeSelectorComponent {
+    constructor(_injector, _ref, manifests) {
+        this._injector = _injector;
+        this._ref = _ref;
+        this._manifests = manifests || [];
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        if (!this.type) {
+            return;
+        }
+        const comp = this._getComponent(this.type);
+        if (comp) {
+            this._dataChangeSubject = new Subject();
+            this._data = {
+                row: this.row,
+                rowIndex: this.rowIndex ?? -1,
+                colData: this.colData ?? {},
+                value: this.value,
+                changed: this._dataChangeSubject.asObservable()
+            };
+            this.componentPortal = new ComponentPortal(comp, null, this._createInjector(this._data));
+            this._ref.detectChanges();
+        }
+        else {
+            if (isDevMode()) {
+                throw new Error(`CellType '${this.type}' not found.`);
+            }
+            else {
+                // TODO: Implement fallback
+            }
+        }
+    }
+    _getComponent(name) {
+        const manifest = this._manifests.find(m => m.name === name);
+        return manifest ? manifest.component : undefined;
+    }
+    _createInjector(cellData) {
+        const injectorTokens = new WeakMap();
+        injectorTokens.set(TABLE_CELL_DATA, cellData);
+        return new PortalInjector(this._injector, injectorTokens);
+    }
+    ngOnChanges(changes) {
+        if (this._data) {
+            const dataChanged = [
+                this._tryUpdateDataProp(changes, 'row'),
+                this._tryUpdateDataProp(changes, 'rowIndex'),
+                this._tryUpdateDataProp(changes, 'colData'),
+                this._tryUpdateDataProp(changes, 'value')
+            ].findIndex(b => b === true) !== -1;
+            if (dataChanged && this._dataChangeSubject) {
+                this._dataChangeSubject.next({
+                    data: this._data,
+                    changes
+                });
+            }
+        }
+    }
+    _tryUpdateDataProp(changes, prop) {
+        if (this._data && changes.hasOwnProperty(prop)) {
+            this._data[prop] = changes[prop].currentValue;
+            return true;
+        }
+        return false;
+    }
+}
+TableCellTypeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TableCellTypeSelectorComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: TABLE_CELL_TYPE_MANIFEST, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: { type: "type", value: "value", rowIndex: "rowIndex", row: "row", colData: "colData" }, usesOnChanges: true, ngImport: i0, template: `
+    <ng-template *ngIf="componentPortal; else noPortal" [cdkPortalOutlet]="componentPortal"></ng-template>
+    <ng-template #noPortal>{{ value }}</ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TableCellTypeSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-table-cell-type-selector', template: `
+    <ng-template *ngIf="componentPortal; else noPortal" [cdkPortalOutlet]="componentPortal"></ng-template>
+    <ng-template #noPortal>{{ value }}</ng-template>
+  `, changeDetection: ChangeDetectionStrategy.OnPush }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TABLE_CELL_TYPE_MANIFEST]
+                }] }]; }, propDecorators: { type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], rowIndex: [{
+                type: Input
+            }], row: [{
+                type: Input
+            }], colData: [{
+                type: Input
+            }] } });
+
+class TableCellTypesHelpersService {
+    constructor(_dynamicActionHelper, _valueHelper) {
+        this._dynamicActionHelper = _dynamicActionHelper;
+        this._valueHelper = _valueHelper;
+    }
+    parseValueProp(value, contextOrContextFn) {
+        const context = this._resolveValueContext(contextOrContextFn);
+        return this._valueHelper.evalSync(value, context);
+    }
+    getValueContext(value, data) {
+        return {
+            row: data && data.row,
+            rowIndex: data && data.rowIndex,
+            colData: data && data.colData,
+            value: value
+        };
+    }
+    _resolveValueContext(contextOrContextFn) {
+        let context = contextOrContextFn;
+        if (typeof context === 'function') {
+            context = context();
+        }
+        return context;
+    }
+    handleModalAction(action, contextOrContextFn) {
+        // TODO: Try to simplify this observable. It seems fairly easy to read like
+        // this, but seems like it is doing more than it needs to with the multiple
+        // subjects.
+        return new Observable((subscriber) => {
+            // Passed to helper function to emit results to subscriber.
+            const resultSubject = new Subject();
+            // Used to stop observing.
+            const stopSubject = new Subject();
+            // Observe results to emit to subscriber.
+            resultSubject
+                .pipe(takeUntil(stopSubject))
+                .subscribe(result => subscriber.next(result), err => subscriber.error(err), () => stopSubject.complete());
+            // Handle the potentially deep chain of actions.
+            this._handleModalAction(action, contextOrContextFn, resultSubject)
+                .pipe(takeUntil(stopSubject))
+                .subscribe(() => { }, err => subscriber.error(err), () => subscriber.complete());
+            // Clean up on unsubscribe.
+            return () => {
+                stopSubject.next(undefined);
+                stopSubject.complete();
+            };
+        });
+    }
+    _handleModalAction(action, contextOrContextFn, resultSubject) {
+        const context = this._resolveValueContext(contextOrContextFn);
+        return from(this._dynamicActionHelper.exec(action, context));
+    }
+}
+TableCellTypesHelpersService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TableCellTypesHelpersService, deps: [{ token: i1$1.DynamicActionHelperService }, { token: i1$1.DynamicValueHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
+TableCellTypesHelpersService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TableCellTypesHelpersService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TableCellTypesHelpersService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DynamicActionHelperService }, { type: i1$1.DynamicValueHelperService }]; } });
+
+class TheSeamTableCellTypeModule {
+}
+TheSeamTableCellTypeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTableCellTypeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTableCellTypeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTableCellTypeModule, declarations: [TableCellTypeSelectorComponent], imports: [CommonModule,
+        PortalModule], exports: [TableCellTypeSelectorComponent] });
+TheSeamTableCellTypeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTableCellTypeModule, imports: [CommonModule,
+        PortalModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamTableCellTypeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TableCellTypeSelectorComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PortalModule
+                    ],
+                    providers: [],
+                    exports: [
+                        TableCellTypeSelectorComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST, TableCellTypeSelectorComponent, TableCellTypesHelpersService, TheSeamTableCellTypeModule };
+//# sourceMappingURL=theseam-ui-common-table-cell-type.mjs.map

package/fesm2020/theseam-ui-common-table-cell-type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-table-cell-type.mjs","sources":["../../../projects/ui-common/table-cell-type/table-cell-type-tokens.ts","../../../projects/ui-common/table-cell-type/table-cell-type-selector.component.ts","../../../projects/ui-common/table-cell-type/services/table-cell-types-helpers.service.ts","../../../projects/ui-common/table-cell-type/table-cell-type.module.ts","../../../projects/ui-common/table-cell-type/theseam-ui-common-table-cell-type.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { ITableCellTypeManifest, TableCellData } from './table-cell-type-models'\n\nexport const TABLE_CELL_TYPE_MANIFEST = new InjectionToken<ITableCellTypeManifest>('TABLE_CELL_TYPE_MANIFEST')\n\nexport const TABLE_CELL_DATA = new InjectionToken<TableCellData<any, any>>('TABLE_CELL_DATA')\n","import { ComponentPortal, PortalInjector } from '@angular/cdk/portal'\nimport { ComponentType } from '@angular/cdk/portal'\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Inject,\n  Injector,\n  Input,\n  isDevMode,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges\n} from '@angular/core'\nimport { Subject } from 'rxjs'\n\nimport { TableCellTypeConfig } from './table-cell-type-config'\nimport type { TheSeamTableColumn } from './table-cell-type-models'\nimport { ITableCellTypeManifest, TableCellData, TableCellDataChange } from './table-cell-type-models'\nimport { TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST } from './table-cell-type-tokens'\n\n@Component({\n  selector: 'seam-table-cell-type-selector',\n  template: `\n    <ng-template *ngIf=\"componentPortal; else noPortal\" [cdkPortalOutlet]=\"componentPortal\"></ng-template>\n    <ng-template #noPortal>{{ value }}</ng-template>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeSelectorComponent<T extends string = any, D = any, V = any> implements OnInit, AfterViewInit, OnChanges {\n\n  @Input() type: T | undefined | null\n  @Input() value: V | undefined | null\n  @Input() rowIndex: number | undefined | null\n  @Input() row: D | undefined | null\n  @Input() colData: TheSeamTableColumn<T, TableCellTypeConfig<T>> | undefined | null\n\n  public componentPortal?: ComponentPortal<{}>\n\n  private _data: TableCellData<T, TableCellTypeConfig<T>> | undefined\n  private _dataChangeSubject?: Subject<TableCellDataChange<T, TableCellTypeConfig<T>>>\n  private _manifests: ITableCellTypeManifest[]\n\n  constructor(\n    private _injector: Injector,\n    private _ref: ChangeDetectorRef,\n    @Optional() @Inject(TABLE_CELL_TYPE_MANIFEST) manifests?: ITableCellTypeManifest[]\n  ) { this._manifests = manifests || [] }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this.type) {\n      return\n    }\n\n    const comp = this._getComponent(this.type)\n    if (comp) {\n      this._dataChangeSubject = new Subject<TableCellDataChange<T, TableCellTypeConfig<T>>>()\n\n      this._data = {\n        row: this.row,\n        rowIndex: this.rowIndex ?? -1,\n        colData: this.colData ?? {},\n        value: this.value,\n        changed: this._dataChangeSubject.asObservable()\n      }\n\n      this.componentPortal = new ComponentPortal(comp, null, this._createInjector(this._data))\n      this._ref.detectChanges()\n    } else {\n      if (isDevMode()) {\n        throw new Error(`CellType '${this.type}' not found.`)\n      } else {\n        // TODO: Implement fallback\n      }\n    }\n  }\n\n  private _getComponent(name: string): ComponentType<{}> | undefined {\n    const manifest = this._manifests.find(m => m.name === name)\n    return manifest ? manifest.component : undefined\n  }\n\n  private _createInjector(cellData: TableCellData<T, TableCellTypeConfig<T>>): PortalInjector {\n    const injectorTokens = new WeakMap()\n    injectorTokens.set(TABLE_CELL_DATA, cellData)\n    return new PortalInjector(this._injector, injectorTokens)\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (this._data) {\n      const dataChanged = [\n        this._tryUpdateDataProp(changes, 'row'),\n        this._tryUpdateDataProp(changes, 'rowIndex'),\n        this._tryUpdateDataProp(changes, 'colData'),\n        this._tryUpdateDataProp(changes, 'value')\n      ].findIndex(b => b === true) !== -1\n\n      if (dataChanged && this._dataChangeSubject) {\n        this._dataChangeSubject.next({\n          data: this._data,\n          changes\n        })\n      }\n    }\n  }\n\n  private _tryUpdateDataProp(changes: SimpleChanges, prop: keyof Omit<TableCellData<T, TableCellTypeConfig<T>>, 'changed'>): boolean {\n    if (this._data && changes.hasOwnProperty(prop)) {\n      this._data[prop] = changes[prop].currentValue\n      return true\n    }\n    return false\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable, Subject, Subscriber } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { DynamicActionHelperService, DynamicActionModalDef, DynamicValueHelperService } from '@theseam/ui-common/dynamic'\n\nimport { TableCellTypeConfig } from '../table-cell-type-config'\nimport { CaluclatedValueContextType, ICalucatedValueContext, TableCellData } from '../table-cell-type-models'\nimport { TableCellTypeName } from '../table-cell-type-name'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableCellTypesHelpersService {\n\n  constructor(\n    private _dynamicActionHelper: DynamicActionHelperService,\n    private _valueHelper: DynamicValueHelperService\n  ) { }\n\n  public parseValueProp(value: any, contextOrContextFn: CaluclatedValueContextType) {\n    const context = this._resolveValueContext(contextOrContextFn)\n    return this._valueHelper.evalSync(value, context)\n  }\n\n  public getValueContext<T extends TableCellTypeName>(value: any, data?: TableCellData<T, TableCellTypeConfig<T>>): ICalucatedValueContext {\n    return {\n      row: data && data.row,\n      rowIndex: data && data.rowIndex,\n      colData: data && data.colData,\n      value: value\n    }\n  }\n\n  private _resolveValueContext(contextOrContextFn: CaluclatedValueContextType) {\n    let context = contextOrContextFn\n    if (typeof context === 'function') {\n      context = context()\n    }\n    return context\n  }\n\n  public handleModalAction<R = any>(\n    action: DynamicActionModalDef,\n    contextOrContextFn: CaluclatedValueContextType\n  ) {\n    // TODO: Try to simplify this observable. It seems fairly easy to read like\n    // this, but seems like it is doing more than it needs to with the multiple\n    // subjects.\n    return new Observable((subscriber: Subscriber<R>) => {\n      // Passed to helper function to emit results to subscriber.\n      const resultSubject = new Subject<any>()\n      // Used to stop observing.\n      const stopSubject = new Subject<any>()\n\n      // Observe results to emit to subscriber.\n      resultSubject\n        .pipe(takeUntil(stopSubject))\n        .subscribe(\n          result => subscriber.next(result),\n          err => subscriber.error(err),\n          () => stopSubject.complete()\n        )\n\n      // Handle the potentially deep chain of actions.\n      this._handleModalAction(action, contextOrContextFn, resultSubject)\n        .pipe(takeUntil(stopSubject))\n        .subscribe(\n          () => {},\n          err => subscriber.error(err),\n          () => subscriber.complete()\n        )\n\n      // Clean up on unsubscribe.\n      return () => {\n        stopSubject.next(undefined)\n        stopSubject.complete()\n      }\n    })\n  }\n\n  private _handleModalAction(\n    action: DynamicActionModalDef,\n    contextOrContextFn: CaluclatedValueContextType,\n    resultSubject: Subject<any>\n  ) {\n    const context = this._resolveValueContext(contextOrContextFn)\n    return from(this._dynamicActionHelper.exec(action, context))\n  }\n}\n","import { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TableCellTypeSelectorComponent } from './table-cell-type-selector.component'\n\n@NgModule({\n    declarations: [\n        TableCellTypeSelectorComponent\n    ],\n    imports: [\n        CommonModule,\n        PortalModule\n    ],\n    providers: [],\n    exports: [\n        TableCellTypeSelectorComponent\n    ]\n})\nexport class TheSeamTableCellTypeModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}