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

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

@@ -12,14 +12,14 @@ import { isNullOrUndefined } from '@theseam/ui-common/utils';
 
 class TheSeamTabbedTabContentDirective {
     isActive = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTabbedTabContentDirective, isStandalone: true, selector: "[seamTabbedTabContent]", exportAs: ["seamTabbedTabContent"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTabbedTabContentDirective, isStandalone: true, selector: "[seamTabbedTabContent]", exportAs: ["seamTabbedTabContent"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedTabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedTabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTabbedTabContent]',
-                    exportAs: 'seamTabbedTabContent'
+                    exportAs: 'seamTabbedTabContent',
                 }]
         }] });
 
@@ -36,16 +36,16 @@ class TheSeamTabbedService {
     }
     unregisterTab(tab, groupName) {
         if (this._tabGroups[groupName]) {
-            this._tabGroups[groupName] = this._tabGroups[groupName].filter(t => t !== tab);
+            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;
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedService, decorators: [{
             type: Injectable
         }] });
 
@@ -61,7 +61,6 @@ class TheSeamTabbedTabDirective {
         this.elementRef = elementRef;
         this.tabbedService = tabbedService;
     }
-    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
     ngOnInit() {
         // this.tabbedService.selectedTab.subscribe(tab => {
         //   console.log('tab: ', tab)
@@ -74,30 +73,25 @@ class TheSeamTabbedTabDirective {
         //   }
         // })
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedTabDirective, deps: [{ token: i0.ElementRef }, { token: TheSeamTabbedService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTabbedTabDirective, isStandalone: true, selector: "[seamTabbedTab]", exportAs: ["seamTabbedTab"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedTabDirective, deps: [{ token: i0.ElementRef }, { token: TheSeamTabbedService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTabbedTabDirective, isStandalone: true, selector: "[seamTabbedTab]", exportAs: ["seamTabbedTab"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedTabDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedTabDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTabbedTab]',
-                    exportAs: 'seamTabbedTab'
+                    exportAs: 'seamTabbedTab',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TheSeamTabbedService }] });
 
 class TheSeamTabbedContentComponent {
     tabbedItem;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTabbedContentComponent, isStandalone: true, selector: "seam-tabbed-content", inputs: { tabbedItem: "tabbedItem" }, ngImport: i0, template: "<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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i3.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTabbedContentComponent, isStandalone: true, selector: "seam-tabbed-content", inputs: { tabbedItem: "tabbedItem" }, ngImport: i0, template: "<div fxFlexFill>\n  <ng-container *ngIf=\"tabbedItem\">\n    <ng-template\n      *ngIf=\"tabbedItem.tabbedContentTpl\"\n      [ngTemplateOutlet]=\"tabbedItem.tabbedContentTpl\"\n    ></ng-template>\n    <ng-container *ngIf=\"tabbedItem.contentFromRoute\"\n      ><router-outlet></router-outlet\n    ></ng-container>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i3.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-tabbed-content', imports: [
-                        NgIf,
-                        NgTemplateOutlet,
-                        RouterModule,
-                        FlexLayoutModule,
-                    ], template: "<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" }]
+            args: [{ selector: 'seam-tabbed-content', imports: [NgIf, NgTemplateOutlet, RouterModule, FlexLayoutModule], template: "<div fxFlexFill>\n  <ng-container *ngIf=\"tabbedItem\">\n    <ng-template\n      *ngIf=\"tabbedItem.tabbedContentTpl\"\n      [ngTemplateOutlet]=\"tabbedItem.tabbedContentTpl\"\n    ></ng-template>\n    <ng-container *ngIf=\"tabbedItem.contentFromRoute\"\n      ><router-outlet></router-outlet\n    ></ng-container>\n  </ng-container>\n</div>\n" }]
         }], propDecorators: { tabbedItem: [{
                 type: Input
             }] } });
@@ -109,13 +103,13 @@ class TheSeamTabbedItemComponent {
     name;
     label;
     contentFromRoute = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTabbedItemComponent, isStandalone: true, selector: "seam-tabbed-item", inputs: { name: "name", label: "label", contentFromRoute: "contentFromRoute" }, queries: [{ propertyName: "tabbedTabTpl", first: true, predicate: TheSeamTabbedTabDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "tabbedContentTpl", first: true, predicate: TheSeamTabbedTabContentDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "", styles: [""] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTabbedItemComponent, isStandalone: true, selector: "seam-tabbed-item", inputs: { name: "name", label: "label", contentFromRoute: "contentFromRoute" }, queries: [{ propertyName: "tabbedTabTpl", first: true, predicate: TheSeamTabbedTabDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "tabbedContentTpl", first: true, predicate: TheSeamTabbedTabContentDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "", styles: [""] });
 }
 __decorate([
     InputBoolean()
 ], TheSeamTabbedItemComponent.prototype, "contentFromRoute", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tabbed-item', template: "" }]
         }], propDecorators: { tabbedTabTpl: [{
@@ -123,7 +117,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 args: [TheSeamTabbedTabDirective, { read: TemplateRef, static: true }]
             }], tabbedContentTpl: [{
                 type: ContentChild,
-                args: [TheSeamTabbedTabContentDirective, { read: TemplateRef, static: true }]
+                args: [TheSeamTabbedTabContentDirective, {
+                        read: TemplateRef,
+                        static: true,
+                    }]
             }], name: [{
                 type: Input
             }], label: [{
@@ -167,16 +164,20 @@ class TheSeamTabbedComponent {
             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);
+                return this.tabbedItems?.find((t) => t.name === childPath);
             }
         }
         else {
             return this._selectedTab.value;
         }
     }
-    set selectedTab(tab) { this._selectedTab.next(tab); }
+    set selectedTab(tab) {
+        this._selectedTab.next(tab);
+    }
     _selectedTab = new BehaviorSubject(undefined);
-    selectedTab$ = this._selectedTab.asObservable().pipe(shareReplay({ bufferSize: 1, refCount: true }));
+    selectedTab$ = this._selectedTab
+        .asObservable()
+        .pipe(shareReplay({ bufferSize: 1, refCount: true }));
     set activeTabName(val) {
         this._activeTabName.next(val);
     }
@@ -194,7 +195,9 @@ class TheSeamTabbedComponent {
         this._tabbedService.unregisterTab(this, 'main');
     }
     ngAfterContentInit() {
-        combineLatest([this.tabbedItems$, this.activeTabName$]).pipe(tap(([_, activeTabName]) => this.selectTab(activeTabName))).subscribe();
+        combineLatest([this.tabbedItems$, this.activeTabName$])
+            .pipe(tap(([_, activeTabName]) => this.selectTab(activeTabName)))
+            .subscribe();
     }
     /**
      *
@@ -214,18 +217,19 @@ class TheSeamTabbedComponent {
         if (isNullOrUndefined(name) || name === this.selectedTab?.name) {
             return;
         }
-        const tab = this.tabbedItems?.find(t => t.name === name);
+        const tab = this.tabbedItems?.find((t) => t.name === name);
         if (tab) {
             this.selectedTab = tab;
         }
         else {
+            // eslint-disable-next-line no-console
             console.warn(`Tab with name '${name}' not found`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedComponent, deps: [{ token: TheSeamTabbedService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTabbedComponent, isStandalone: true, selector: "seam-tabbed", inputs: { direction: "direction", hideTabs: "hideTabs", onlyRouteContent: "onlyRouteContent", activeTabName: "activeTabName" }, outputs: { tabChanged: "tabChanged" }, providers: [TheSeamTabbedService], queries: [{ propertyName: "tabbedItems", predicate: TheSeamTabbedItemComponent }], 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$ | async\">\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$ | async)\">\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>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"selectedTab$ | async as selectedTab\">\n        <seam-tabbed-content fxFlexFill [tabbedItem]=\"selectedTab\"></seam-tabbed-content>\n      </ng-container>\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}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i3.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: i3.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: TheSeamTabbedContentComponent, selector: "seam-tabbed-content", inputs: ["tabbedItem"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedComponent, deps: [{ token: TheSeamTabbedService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTabbedComponent, isStandalone: true, selector: "seam-tabbed", inputs: { direction: "direction", hideTabs: "hideTabs", onlyRouteContent: "onlyRouteContent", activeTabName: "activeTabName" }, outputs: { tabChanged: "tabChanged" }, providers: [TheSeamTabbedService], queries: [{ propertyName: "tabbedItems", predicate: TheSeamTabbedItemComponent }], ngImport: i0, template: "<div [fxLayout]=\"direction === 'horizontal' ? 'column' : 'row'\" fxFlexFill>\n  <!-- Tabs -->\n  <div\n    *ngIf=\"!hideTabs\"\n    [fxLayout]=\"direction === 'horizontal' ? 'row' : 'column'\"\n    style=\"position: relative\"\n  >\n    <ng-container *ngFor=\"let tabbedItem of tabbedItems$ | async\">\n      <div\n        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$ | async)\"\n      >\n        <ng-template\n          *ngIf=\"tabbedItem.tabbedTabTpl; else tabLabelTpl\"\n          [ngTemplateOutlet]=\"tabbedItem.tabbedTabTpl\"\n        ></ng-template>\n        <ng-template #tabLabelTpl>{{ tabbedItem?.label }}</ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"selectedTab$ | async as selectedTab\">\n        <seam-tabbed-content\n          fxFlexFill\n          [tabbedItem]=\"selectedTab\"\n        ></seam-tabbed-content>\n      </ng-container>\n    </ng-template>\n  </div>\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}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i3.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: i3.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: TheSeamTabbedContentComponent, selector: "seam-tabbed-content", inputs: ["tabbedItem"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tabbed', providers: [TheSeamTabbedService], imports: [
                         NgIf,
@@ -234,7 +238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         RouterModule,
                         FlexLayoutModule,
                         TheSeamTabbedContentComponent,
-                    ], 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$ | async\">\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$ | async)\">\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>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"selectedTab$ | async as selectedTab\">\n        <seam-tabbed-content fxFlexFill [tabbedItem]=\"selectedTab\"></seam-tabbed-content>\n      </ng-container>\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}\n"] }]
+                    ], template: "<div [fxLayout]=\"direction === 'horizontal' ? 'column' : 'row'\" fxFlexFill>\n  <!-- Tabs -->\n  <div\n    *ngIf=\"!hideTabs\"\n    [fxLayout]=\"direction === 'horizontal' ? 'row' : 'column'\"\n    style=\"position: relative\"\n  >\n    <ng-container *ngFor=\"let tabbedItem of tabbedItems$ | async\">\n      <div\n        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$ | async)\"\n      >\n        <ng-template\n          *ngIf=\"tabbedItem.tabbedTabTpl; else tabLabelTpl\"\n          [ngTemplateOutlet]=\"tabbedItem.tabbedTabTpl\"\n        ></ng-template>\n        <ng-template #tabLabelTpl>{{ tabbedItem?.label }}</ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"selectedTab$ | async as selectedTab\">\n        <seam-tabbed-content\n          fxFlexFill\n          [tabbedItem]=\"selectedTab\"\n        ></seam-tabbed-content>\n      </ng-container>\n    </ng-template>\n  </div>\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}\n"] }]
         }], ctorParameters: () => [{ type: TheSeamTabbedService }, { type: i2.Router }, { type: i2.ActivatedRoute }], propDecorators: { tabbedItems: [{
                 type: ContentChildren,
                 args: [TheSeamTabbedItemComponent]
@@ -251,8 +255,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class TheSeamTabbedModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedModule, imports: [TheSeamTabbedComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedModule, imports: [TheSeamTabbedComponent,
             TheSeamTabbedTabContentDirective,
             TheSeamTabbedTabDirective,
             TheSeamTabbedItemComponent,
@@ -261,10 +265,10 @@ class TheSeamTabbedModule {
             TheSeamTabbedTabDirective,
             TheSeamTabbedItemComponent,
             TheSeamTabbedContentComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedModule, imports: [TheSeamTabbedComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedModule, imports: [TheSeamTabbedComponent,
             TheSeamTabbedContentComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTabbedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTabbedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-tabbed.mjs","sources":["../../../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-content/tabbed-content.component.ts","../../../projects/ui-common/tabbed/tabbed-content/tabbed-content.component.html","../../../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 { Directive } from '@angular/core'\n\nimport { TheSeamTabbedTabContentAccessor } from '../tabbed-models'\n\n@Directive({\n  selector: '[seamTabbedTabContent]',\n  exportAs: 'seamTabbedTabContent'\n})\nexport class TheSeamTabbedTabContentDirective implements TheSeamTabbedTabContentAccessor {\n\n  public isActive = false\n\n}\n","import { Injectable } from '@angular/core'\n\nimport { TheSeamTabbedComponent } from './tabbed.component'\n\nexport declare type TheSeamTabsDirection = 'horizontal' | 'vertical'\n\n@Injectable()\nexport class TheSeamTabbedService {\n\n  private _tabGroups: { [groupName: string]: TheSeamTabbedComponent[] } = {}\n\n  public registerTab(tab: TheSeamTabbedComponent, 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: TheSeamTabbedComponent, 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 { TheSeamTabbedTabAccessor } from '../tabbed-models'\nimport { TheSeamTabbedComponent } from '../tabbed.component'\nimport { TheSeamTabbedService } from '../tabbed.service'\n\n@Directive({\n  selector: '[seamTabbedTab]',\n  exportAs: 'seamTabbedTab'\n})\nexport class TheSeamTabbedTabDirective implements OnInit, TheSeamTabbedTabAccessor {\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: TheSeamTabbedComponent,\n    public tabbedService: TheSeamTabbedService\n  ) { }\n\n  // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method\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 { Component, Input } from '@angular/core'\nimport { NgIf, NgTemplateOutlet } from '@angular/common'\nimport { RouterModule } from '@angular/router'\nimport { FlexLayoutModule } from '@angular/flex-layout'\n\nimport { TheSeamTabbedItemAccessor } from '../tabbed-models'\n\n@Component({\n  selector: 'seam-tabbed-content',\n  templateUrl: './tabbed-content.component.html',\n  styleUrls: ['./tabbed-content.component.scss'],\n  imports: [\n    NgIf,\n    NgTemplateOutlet,\n    RouterModule,\n    FlexLayoutModule,\n  ],\n})\nexport class TheSeamTabbedContentComponent {\n\n  @Input() tabbedItem?: TheSeamTabbedItemAccessor\n\n}\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 { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, ContentChild, Input, TemplateRef } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TheSeamTabbedTabContentDirective } from '../directives/tabbed-tab-content.directive'\nimport { TheSeamTabbedTabDirective } from '../directives/tabbed-tab.directive'\nimport { TheSeamTabbedItemAccessor } 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 TheSeamTabbedItemComponent implements TheSeamTabbedItemAccessor {\n  static ngAcceptInputType_contentFromRoute: BooleanInput\n\n  @ContentChild(TheSeamTabbedTabDirective, { read: TemplateRef, static: true })\n  public tabbedTabTpl?: TemplateRef<TheSeamTabbedTabDirective>\n\n  @ContentChild(TheSeamTabbedTabContentDirective, { read: TemplateRef, static: true })\n  public tabbedContentTpl?: TemplateRef<TheSeamTabbedTabContentDirective>\n\n  @Input() name: string | undefined | null\n  @Input() label: string | undefined | null\n  @Input() @InputBoolean() contentFromRoute = false\n}\n","","import {\n  AfterContentInit, Component, ContentChildren, EventEmitter, Input, OnDestroy, OnInit, Output, QueryList\n} from '@angular/core'\nimport { AsyncPipe, NgFor, NgIf } from '@angular/common'\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router'\nimport { FlexLayoutModule } from '@angular/flex-layout'\nimport { BehaviorSubject, combineLatest, shareReplay, tap } from 'rxjs'\n\nimport { isNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { TheSeamTabbedItemComponent } from './tabbed-item/tabbed-item.component'\nimport { TheSeamTabbedContentComponent } from './tabbed-content/tabbed-content.component'\nimport { TheSeamTabbedService, TheSeamTabsDirection } from './tabbed.service'\n\n@Component({\n  selector: 'seam-tabbed',\n  templateUrl: './tabbed.component.html',\n  styleUrls: ['./tabbed.component.scss'],\n  providers: [ TheSeamTabbedService ],\n  imports: [\n    NgIf,\n    NgFor,\n    AsyncPipe,\n    RouterModule,\n    FlexLayoutModule,\n    TheSeamTabbedContentComponent,\n  ],\n})\nexport class TheSeamTabbedComponent implements OnInit, AfterContentInit, OnDestroy {\n\n  private _direction: TheSeamTabsDirection = 'vertical'\n  private _hideTabs = false\n\n  @ContentChildren(TheSeamTabbedItemComponent)\n  set tabbedItems(val: QueryList<TheSeamTabbedItemComponent> | undefined) {\n    this._tabbedItems.next(val)\n  }\n  get tabbedItems(): QueryList<TheSeamTabbedItemComponent> | undefined {\n    return this._tabbedItems.value\n  }\n  private readonly _tabbedItems = new BehaviorSubject<QueryList<TheSeamTabbedItemComponent> | undefined>(undefined)\n  public readonly tabbedItems$ = this._tabbedItems.asObservable()\n\n  @Output() tabChanged = new EventEmitter<TheSeamTabbedItemComponent>()\n\n  @Input()\n  set direction(val: TheSeamTabsDirection) {\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(): TheSeamTabbedItemComponent | 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.value\n    }\n  }\n  set selectedTab(tab: TheSeamTabbedItemComponent | undefined) { this._selectedTab.next(tab) }\n  private readonly _selectedTab = new BehaviorSubject<TheSeamTabbedItemComponent | undefined>(undefined)\n  public readonly selectedTab$ = this._selectedTab.asObservable().pipe(\n    shareReplay({ bufferSize: 1, refCount: true })\n  )\n\n  @Input()\n  set activeTabName(val: string) {\n    this._activeTabName.next(val)\n  }\n  private readonly _activeTabName = new BehaviorSubject<string | undefined>(undefined)\n  private readonly activeTabName$ = this._activeTabName.asObservable()\n\n  constructor(\n    private readonly _tabbedService: TheSeamTabbedService,\n    private readonly _router: Router,\n    private readonly _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    combineLatest([ this.tabbedItems$, this.activeTabName$ ]).pipe(\n      tap(([ _, activeTabName ]) => this.selectTab(activeTabName))\n    ).subscribe()\n  }\n\n  /**\n   *\n   */\n  public onClickTab(event: any, tab: TheSeamTabbedItemComponent) {\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    if (isNullOrUndefined(name) || name === this.selectedTab?.name) {\n      return\n    }\n\n    const tab = this.tabbedItems?.find(t => t.name === name)\n    if (tab) {\n      this.selectedTab = tab\n    } else {\n      console.warn(`Tab with name '${name}' not found`)\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$ | async\">\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$ | async)\">\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>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"selectedTab$ | async as selectedTab\">\n        <seam-tabbed-content fxFlexFill [tabbedItem]=\"selectedTab\"></seam-tabbed-content>\n      </ng-container>\n    </ng-template>\n  </div>\n\n</div>\n","import { NgModule } from '@angular/core'\n\nimport { TheSeamTabbedTabContentDirective } from './directives/tabbed-tab-content.directive'\nimport { TheSeamTabbedTabDirective } from './directives/tabbed-tab.directive'\nimport { TheSeamTabbedContentComponent } from './tabbed-content/tabbed-content.component'\nimport { TheSeamTabbedItemComponent } from './tabbed-item/tabbed-item.component'\nimport { TheSeamTabbedComponent } from './tabbed.component'\n\n@NgModule({\n  imports: [\n    TheSeamTabbedComponent,\n    TheSeamTabbedTabContentDirective,\n    TheSeamTabbedTabDirective,\n    TheSeamTabbedItemComponent,\n    TheSeamTabbedContentComponent,\n  ],\n  exports: [\n    TheSeamTabbedComponent,\n    TheSeamTabbedTabContentDirective,\n    TheSeamTabbedTabDirective,\n    TheSeamTabbedItemComponent,\n    TheSeamTabbedContentComponent,\n  ],\n})\nexport class TheSeamTabbedModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.TheSeamTabbedService","i1","i2"],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-tabbed.mjs","sources":["../../../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-content/tabbed-content.component.ts","../../../projects/ui-common/tabbed/tabbed-content/tabbed-content.component.html","../../../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 { Directive } from '@angular/core'\n\nimport { TheSeamTabbedTabContentAccessor } from '../tabbed-models'\n\n@Directive({\n  selector: '[seamTabbedTabContent]',\n  exportAs: 'seamTabbedTabContent',\n})\nexport class TheSeamTabbedTabContentDirective\n  implements TheSeamTabbedTabContentAccessor\n{\n  public isActive = false\n}\n","import { Injectable } from '@angular/core'\n\nimport { TheSeamTabbedComponent } from './tabbed.component'\n\nexport declare type TheSeamTabsDirection = 'horizontal' | 'vertical'\n\n@Injectable()\nexport class TheSeamTabbedService {\n  private _tabGroups: { [groupName: string]: TheSeamTabbedComponent[] } = {}\n\n  public registerTab(tab: TheSeamTabbedComponent, 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: TheSeamTabbedComponent, 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][\n          this._tabGroups[groupName].length - 1\n        ].hideTabs = false\n      }\n    }\n  }\n}\n","import { Directive, ElementRef, HostBinding, OnInit } from '@angular/core'\n\nimport { TheSeamTabbedTabAccessor } from '../tabbed-models'\nimport { TheSeamTabbedComponent } from '../tabbed.component'\nimport { TheSeamTabbedService } from '../tabbed.service'\n\n@Directive({\n  selector: '[seamTabbedTab]',\n  exportAs: 'seamTabbedTab',\n})\nexport class TheSeamTabbedTabDirective\n  implements OnInit, TheSeamTabbedTabAccessor\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: TheSeamTabbedComponent,\n    public tabbedService: TheSeamTabbedService,\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","import { Component, Input } from '@angular/core'\nimport { NgIf, NgTemplateOutlet } from '@angular/common'\nimport { RouterModule } from '@angular/router'\nimport { FlexLayoutModule } from '@angular/flex-layout'\n\nimport { TheSeamTabbedItemAccessor } from '../tabbed-models'\n\n@Component({\n  selector: 'seam-tabbed-content',\n  templateUrl: './tabbed-content.component.html',\n  styleUrls: ['./tabbed-content.component.scss'],\n  imports: [NgIf, NgTemplateOutlet, RouterModule, FlexLayoutModule],\n})\nexport class TheSeamTabbedContentComponent {\n  @Input() tabbedItem?: TheSeamTabbedItemAccessor\n}\n","<div fxFlexFill>\n  <ng-container *ngIf=\"tabbedItem\">\n    <ng-template\n      *ngIf=\"tabbedItem.tabbedContentTpl\"\n      [ngTemplateOutlet]=\"tabbedItem.tabbedContentTpl\"\n    ></ng-template>\n    <ng-container *ngIf=\"tabbedItem.contentFromRoute\"\n      ><router-outlet></router-outlet\n    ></ng-container>\n  </ng-container>\n</div>\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, ContentChild, Input, TemplateRef } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TheSeamTabbedTabContentDirective } from '../directives/tabbed-tab-content.directive'\nimport { TheSeamTabbedTabDirective } from '../directives/tabbed-tab.directive'\nimport { TheSeamTabbedItemAccessor } 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 TheSeamTabbedItemComponent implements TheSeamTabbedItemAccessor {\n  static ngAcceptInputType_contentFromRoute: BooleanInput\n\n  @ContentChild(TheSeamTabbedTabDirective, { read: TemplateRef, static: true })\n  public tabbedTabTpl?: TemplateRef<TheSeamTabbedTabDirective>\n\n  @ContentChild(TheSeamTabbedTabContentDirective, {\n    read: TemplateRef,\n    static: true,\n  })\n  public tabbedContentTpl?: TemplateRef<TheSeamTabbedTabContentDirective>\n\n  @Input() name: string | undefined | null\n  @Input() label: string | undefined | null\n  @Input() @InputBoolean() contentFromRoute = false\n}\n","","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n} from '@angular/core'\nimport { AsyncPipe, NgFor, NgIf } from '@angular/common'\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router'\nimport { FlexLayoutModule } from '@angular/flex-layout'\nimport { BehaviorSubject, combineLatest, shareReplay, tap } from 'rxjs'\n\nimport { isNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { TheSeamTabbedItemComponent } from './tabbed-item/tabbed-item.component'\nimport { TheSeamTabbedContentComponent } from './tabbed-content/tabbed-content.component'\nimport { TheSeamTabbedService, TheSeamTabsDirection } from './tabbed.service'\n\n@Component({\n  selector: 'seam-tabbed',\n  templateUrl: './tabbed.component.html',\n  styleUrls: ['./tabbed.component.scss'],\n  providers: [TheSeamTabbedService],\n  imports: [\n    NgIf,\n    NgFor,\n    AsyncPipe,\n    RouterModule,\n    FlexLayoutModule,\n    TheSeamTabbedContentComponent,\n  ],\n})\nexport class TheSeamTabbedComponent\n  implements OnInit, AfterContentInit, OnDestroy\n{\n  private _direction: TheSeamTabsDirection = 'vertical'\n  private _hideTabs = false\n\n  @ContentChildren(TheSeamTabbedItemComponent)\n  set tabbedItems(val: QueryList<TheSeamTabbedItemComponent> | undefined) {\n    this._tabbedItems.next(val)\n  }\n  get tabbedItems(): QueryList<TheSeamTabbedItemComponent> | undefined {\n    return this._tabbedItems.value\n  }\n  private readonly _tabbedItems = new BehaviorSubject<\n    QueryList<TheSeamTabbedItemComponent> | undefined\n  >(undefined)\n  public readonly tabbedItems$ = this._tabbedItems.asObservable()\n\n  @Output() tabChanged = new EventEmitter<TheSeamTabbedItemComponent>()\n\n  @Input()\n  set direction(val: TheSeamTabsDirection) {\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(): TheSeamTabbedItemComponent | 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.value\n    }\n  }\n  set selectedTab(tab: TheSeamTabbedItemComponent | undefined) {\n    this._selectedTab.next(tab)\n  }\n  private readonly _selectedTab = new BehaviorSubject<\n    TheSeamTabbedItemComponent | undefined\n  >(undefined)\n  public readonly selectedTab$ = this._selectedTab\n    .asObservable()\n    .pipe(shareReplay({ bufferSize: 1, refCount: true }))\n\n  @Input()\n  set activeTabName(val: string) {\n    this._activeTabName.next(val)\n  }\n  private readonly _activeTabName = new BehaviorSubject<string | undefined>(\n    undefined,\n  )\n  private readonly activeTabName$ = this._activeTabName.asObservable()\n\n  constructor(\n    private readonly _tabbedService: TheSeamTabbedService,\n    private readonly _router: Router,\n    private readonly _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    combineLatest([this.tabbedItems$, this.activeTabName$])\n      .pipe(tap(([_, activeTabName]) => this.selectTab(activeTabName)))\n      .subscribe()\n  }\n\n  /**\n   *\n   */\n  public onClickTab(event: any, tab: TheSeamTabbedItemComponent) {\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    if (isNullOrUndefined(name) || name === this.selectedTab?.name) {\n      return\n    }\n\n    const tab = this.tabbedItems?.find((t) => t.name === name)\n    if (tab) {\n      this.selectedTab = tab\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(`Tab with name '${name}' not found`)\n    }\n  }\n}\n","<div [fxLayout]=\"direction === 'horizontal' ? 'column' : 'row'\" fxFlexFill>\n  <!-- Tabs -->\n  <div\n    *ngIf=\"!hideTabs\"\n    [fxLayout]=\"direction === 'horizontal' ? 'row' : 'column'\"\n    style=\"position: relative\"\n  >\n    <ng-container *ngFor=\"let tabbedItem of tabbedItems$ | async\">\n      <div\n        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$ | async)\"\n      >\n        <ng-template\n          *ngIf=\"tabbedItem.tabbedTabTpl; else tabLabelTpl\"\n          [ngTemplateOutlet]=\"tabbedItem.tabbedTabTpl\"\n        ></ng-template>\n        <ng-template #tabLabelTpl>{{ tabbedItem?.label }}</ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"selectedTab$ | async as selectedTab\">\n        <seam-tabbed-content\n          fxFlexFill\n          [tabbedItem]=\"selectedTab\"\n        ></seam-tabbed-content>\n      </ng-container>\n    </ng-template>\n  </div>\n</div>\n","import { NgModule } from '@angular/core'\n\nimport { TheSeamTabbedTabContentDirective } from './directives/tabbed-tab-content.directive'\nimport { TheSeamTabbedTabDirective } from './directives/tabbed-tab.directive'\nimport { TheSeamTabbedContentComponent } from './tabbed-content/tabbed-content.component'\nimport { TheSeamTabbedItemComponent } from './tabbed-item/tabbed-item.component'\nimport { TheSeamTabbedComponent } from './tabbed.component'\n\n@NgModule({\n  imports: [\n    TheSeamTabbedComponent,\n    TheSeamTabbedTabContentDirective,\n    TheSeamTabbedTabDirective,\n    TheSeamTabbedItemComponent,\n    TheSeamTabbedContentComponent,\n  ],\n  exports: [\n    TheSeamTabbedComponent,\n    TheSeamTabbedTabContentDirective,\n    TheSeamTabbedTabDirective,\n    TheSeamTabbedItemComponent,\n    TheSeamTabbedContentComponent,\n  ],\n})\nexport class TheSeamTabbedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.TheSeamTabbedService","i1","i2"],"mappings":"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"}

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

@@ -8,6 +8,34 @@ import { CommonModule } from '@angular/common';
 import { takeUntil } from 'rxjs/operators';
 import * as i1$1 from '@theseam/ui-common/dynamic';
 
+function setColumnAlignDefaults(column) {
+    if (!Object.prototype.hasOwnProperty.call(column, 'align')) {
+        column.align = 'left';
+    }
+    if (!Object.prototype.hasOwnProperty.call(column, 'alignHeader')) {
+        column.alignHeader = column.align;
+    }
+    if (!Object.prototype.hasOwnProperty.call(column, 'alignCell')) {
+        column.alignCell = column.align;
+    }
+    if (!Object.prototype.hasOwnProperty.call(column, 'headerClass')) {
+        column.headerClass = `text-${column.alignHeader}`;
+    }
+    else if (typeof column.headerClass === 'string' &&
+        column.headerClass.length > 0 &&
+        !column.headerClass.includes('text-')) {
+        column.headerClass = `text-${column.alignHeader} ${column.headerClass}`;
+    }
+    if (!Object.prototype.hasOwnProperty.call(column, 'cellClass')) {
+        column.cellClass = `text-${column.alignCell}`;
+    }
+    else if (typeof column.cellClass === 'string' &&
+        column.cellClass.length > 0 &&
+        !column.cellClass.includes('text-')) {
+        column.cellClass = `text-${column.alignCell} ${column.cellClass}`;
+    }
+}
+
 const TABLE_CELL_TYPE_MANIFEST = new InjectionToken('TABLE_CELL_TYPE_MANIFEST');
 const TABLE_CELL_DATA = new InjectionToken('TABLE_CELL_DATA');
 
@@ -40,7 +68,7 @@ class TableCellTypeSelectorComponent {
                 rowIndex: this.rowIndex ?? -1,
                 colData: this.colData ?? {},
                 value: this.value,
-                changed: this._dataChangeSubject.asObservable()
+                changed: this._dataChangeSubject.asObservable(),
             };
             this.componentPortal = new ComponentPortal(comp, null, this._createInjector(this._data));
             this._ref.detectChanges();
@@ -55,13 +83,14 @@ class TableCellTypeSelectorComponent {
         }
     }
     _getComponent(name) {
-        const manifest = this._manifests.find(m => m.name === name);
+        const manifest = this._manifests.find((m) => m.name === name);
         return manifest ? manifest.component : undefined;
     }
     _createInjector(cellData) {
-        return Injector.create({ parent: this._injector, providers: [
-                { provide: TABLE_CELL_DATA, useValue: cellData },
-            ] });
+        return Injector.create({
+            parent: this._injector,
+            providers: [{ provide: TABLE_CELL_DATA, useValue: cellData }],
+        });
     }
     ngOnChanges(changes) {
         if (this._data) {
@@ -69,12 +98,12 @@ class TableCellTypeSelectorComponent {
                 this._tryUpdateDataProp(changes, 'row'),
                 this._tryUpdateDataProp(changes, 'rowIndex'),
                 this._tryUpdateDataProp(changes, 'colData'),
-                this._tryUpdateDataProp(changes, 'value')
-            ].findIndex(b => b === true) !== -1;
+                this._tryUpdateDataProp(changes, 'value'),
+            ].findIndex((b) => b === true) !== -1;
             if (dataChanged && this._dataChangeSubject) {
                 this._dataChangeSubject.next({
                     data: this._data,
-                    changes
+                    changes,
                 });
             }
         }
@@ -86,16 +115,22 @@ class TableCellTypeSelectorComponent {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TableCellTypeSelectorComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: TABLE_CELL_TYPE_MANIFEST, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TableCellTypeSelectorComponent, isStandalone: false, 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>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypeSelectorComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: TABLE_CELL_TYPE_MANIFEST, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TableCellTypeSelectorComponent, isStandalone: false, 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: "20.3.0", ngImport: i0, type: TableCellTypeSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", 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
+      *ngIf="componentPortal; else noPortal"
+      [cdkPortalOutlet]="componentPortal"
+    ></ng-template>
     <ng-template #noPortal>{{ value }}</ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
@@ -131,7 +166,7 @@ class TableCellTypesHelpersService {
             row: data && data.row,
             rowIndex: data && data.rowIndex,
             colData: data && data.colData,
-            value
+            value,
         };
     }
     _resolveValueContext(contextOrContextFn) {
@@ -151,13 +186,11 @@ class TableCellTypesHelpersService {
             // 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());
+            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());
+                .subscribe(() => { }, (err) => subscriber.error(err), () => subscriber.complete());
             // Clean up on unsubscribe.
             return () => {
                 stopSubject.next(undefined);
@@ -169,37 +202,28 @@ class TableCellTypesHelpersService {
         const context = this._resolveValueContext(contextOrContextFn);
         return from(this._dynamicActionHelper.exec(action, context));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TableCellTypesHelpersService, deps: [{ token: i1$1.DynamicActionHelperService }, { token: i1$1.DynamicValueHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TableCellTypesHelpersService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypesHelpersService, deps: [{ token: i1$1.DynamicActionHelperService }, { token: i1$1.DynamicValueHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypesHelpersService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TableCellTypesHelpersService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TableCellTypesHelpersService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1$1.DynamicActionHelperService }, { type: i1$1.DynamicValueHelperService }] });
 
 class TheSeamTableCellTypeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTableCellTypeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTableCellTypeModule, declarations: [TableCellTypeSelectorComponent], imports: [CommonModule,
-            PortalModule], exports: [TableCellTypeSelectorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTableCellTypeModule, imports: [CommonModule,
-            PortalModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypeModule, declarations: [TableCellTypeSelectorComponent], imports: [CommonModule, PortalModule], exports: [TableCellTypeSelectorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypeModule, imports: [CommonModule, PortalModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTableCellTypeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTableCellTypeModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        TableCellTypeSelectorComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PortalModule
-                    ],
+                    declarations: [TableCellTypeSelectorComponent],
+                    imports: [CommonModule, PortalModule],
                     providers: [],
-                    exports: [
-                        TableCellTypeSelectorComponent
-                    ]
+                    exports: [TableCellTypeSelectorComponent],
                 }]
         }] });
 
@@ -207,5 +231,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST, TableCellTypeSelectorComponent, TableCellTypesHelpersService, TheSeamTableCellTypeModule };
+export { TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST, TableCellTypeSelectorComponent, TableCellTypesHelpersService, TheSeamTableCellTypeModule, setColumnAlignDefaults };
 //# sourceMappingURL=theseam-ui-common-table-cell-type.mjs.map