@theseam/ui-common 0.4.0-beta.6 → 0.4.2

package/fesm2015/theseam-ui-common-story-helpers.mjs

@@ -1,5 +1,4 @@
 import { ThemeNames, OutlineThemeNames } from '@theseam/ui-common/models';
-import { action } from '@storybook/addon-actions';
 import * as i0 from '@angular/core';
 import { Component, InjectionToken, Injectable, APP_INITIALIZER, NgModule, Injector, Input, ElementRef, APP_BOOTSTRAP_LISTENER } from '@angular/core';
 import * as i1 from '@angular/router';
@@ -46,86 +45,11 @@ const buttonTypeArgType = {
     description: `Button type.`
 };
 
-/**
- * This is an attempt at simplifying the use of auto-generated args in stories
- * defined with `template`, since Angular doesn't have a way to simply use a
- * spread operator syntax.
- *
- * @experimental
- */
-function argsToTplParts(args, argTypes) {
-    // console.log({ args, argTypes })
-    const parts = {
-        actions: {},
-        tplfragment: ''
-    };
-    Object.keys(argTypes).forEach(k => {
-        var _a, _b, _c;
-        // Inputs
-        if (
-        // Is in the inputs category
-        argTypes[k].table.category === 'inputs' &&
-            (
-            // Needs a control to be able to change from auto-generated args.
-            (_a = argTypes[k]) === null || _a === void 0 ? void 0 : _a.hasOwnProperty('control')) &&
-            // Assuming the arg might not be in props if there isn't an arg value.
-            args.hasOwnProperty(k)) {
-            parts.tplfragment += `[${k}]="${k}" `;
-        }
-        // Outputs
-        if (
-        // Is in the outputs category
-        ((_c = (_b = argTypes[k]) === null || _b === void 0 ? void 0 : _b.table) === null || _c === void 0 ? void 0 : _c.category) === 'outputs') {
-            // Without access to props, I don't know if I can get an action into the
-            // template context like this.
-            parts.tplfragment += `(${k})="${k}($event)" `;
-            parts.actions[k] = action(k);
-        }
-    });
-    return parts;
-}
-/**
- * This is an attempt at simplifying the use of auto-generated args in stories
- * defined with `template`, since Angular doesn't have a way to simply use a
- * spread operator syntax.
- *
- * @experimental
- */
-function argsToTpl(args, argTypes) {
-    // console.log({ args, argTypes })
-    let s = '';
-    Object.keys(argTypes).forEach(k => {
-        var _a, _b, _c;
-        // Inputs
-        if (
-        // Is in the inputs category
-        argTypes[k].table.category === 'inputs' &&
-            (
-            // Needs a control to be able to change from auto-generated args.
-            (_a = argTypes[k]) === null || _a === void 0 ? void 0 : _a.hasOwnProperty('control')) &&
-            // Assuming the arg might not be in props if there isn't an arg value.
-            args.hasOwnProperty(k)) {
-            s += `[${k}]="${k}" `;
-        }
-        // Outputs
-        if (
-        // Is in the outputs category
-        ((_c = (_b = argTypes[k]) === null || _b === void 0 ? void 0 : _b.table) === null || _c === void 0 ? void 0 : _c.category) === 'outputs') {
-            // Without access to props, I don't know if I can get an action into the
-            // template context like this.
-            // if (argTypes[k].table.category === 'inputs') {
-            //   s += `(${k})="${k}" `
-            // }
-        }
-    });
-    return s;
-}
-
 class StoryEmptyComponent {
 }
-StoryEmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StoryEmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: StoryEmptyComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryEmptyComponent, decorators: [{
+StoryEmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StoryEmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StoryEmptyComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryEmptyComponent, decorators: [{
             type: Component,
             args: [{ template: `` }]
         }] });
@@ -151,9 +75,9 @@ class StoryInitialRouteService {
         }
     }
 }
-StoryInitialRouteService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-StoryInitialRouteService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteService, decorators: [{
+StoryInitialRouteService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+StoryInitialRouteService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -174,10 +98,10 @@ class StoryInitialRouteModule {
         };
     }
 }
-StoryInitialRouteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StoryInitialRouteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteModule });
-StoryInitialRouteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryInitialRouteModule, decorators: [{
+StoryInitialRouteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StoryInitialRouteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteModule });
+StoryInitialRouteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryInitialRouteModule, decorators: [{
             type: NgModule
         }] });
 
@@ -214,9 +138,9 @@ function routesArgType(routes) {
 
 class StoryEmptyWithRouteComponent {
 }
-StoryEmptyWithRouteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryEmptyWithRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StoryEmptyWithRouteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: StoryEmptyWithRouteComponent, selector: "ng-component", ngImport: i0, template: `<router-outlet></router-outlet>`, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryEmptyWithRouteComponent, decorators: [{
+StoryEmptyWithRouteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryEmptyWithRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StoryEmptyWithRouteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StoryEmptyWithRouteComponent, selector: "ng-component", ngImport: i0, template: `<router-outlet></router-outlet>`, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryEmptyWithRouteComponent, decorators: [{
             type: Component,
             args: [{ template: `<router-outlet></router-outlet>` }]
         }] });
@@ -255,8 +179,8 @@ class StoryModalContainerComponent {
         });
     }
 }
-StoryModalContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryModalContainerComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-StoryModalContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: StoryModalContainerComponent, selector: "story-modal-container-component", inputs: { component: "component", data: "data", modalConfig: "modalConfig" }, ngImport: i0, template: `
+StoryModalContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryModalContainerComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+StoryModalContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StoryModalContainerComponent, selector: "story-modal-container-component", inputs: { component: "component", data: "data", modalConfig: "modalConfig" }, ngImport: i0, template: `
     <div class="cdk-overlay-container">
       <div class="cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing"></div>
       <div class="cdk-global-overlay-wrapper"
@@ -275,7 +199,7 @@ StoryModalContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
       </div>
     </div>
   `, isInline: true, styles: [".seam-modal-container[tabindex=\"-1\"]:focus{outline:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.OverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryModalContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryModalContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'story-modal-container-component', template: `
     <div class="cdk-overlay-container">
@@ -306,18 +230,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
 
 class StoryHelperComponentsModule {
 }
-StoryHelperComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryHelperComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StoryHelperComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: StoryHelperComponentsModule, declarations: [StoryEmptyComponent,
+StoryHelperComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryHelperComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StoryHelperComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StoryHelperComponentsModule, declarations: [StoryEmptyComponent,
         StoryEmptyWithRouteComponent,
         StoryModalContainerComponent], imports: [CommonModule,
         RouterModule,
         TheSeamScrollbarModule], exports: [StoryEmptyComponent,
         StoryEmptyWithRouteComponent,
         StoryModalContainerComponent] });
-StoryHelperComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryHelperComponentsModule, imports: [CommonModule,
+StoryHelperComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryHelperComponentsModule, imports: [CommonModule,
         RouterModule,
         TheSeamScrollbarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryHelperComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryHelperComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -366,9 +290,9 @@ class StoryToastrService {
      */
     findDuplicate(message, resetOnDuplicate, countDuplicates) { }
 }
-StoryToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryToastrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-StoryToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryToastrService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: StoryToastrService, decorators: [{
+StoryToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryToastrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+StoryToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryToastrService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StoryToastrService, decorators: [{
             type: Injectable
         }] });
 
@@ -456,6 +380,7 @@ function onStoryBootstrappedTrigger(targetSelector, eventName) {
         const elementRef = componentRef.injector.get(ElementRef, null);
         const target = elementRef === null || elementRef === void 0 ? void 0 : elementRef.nativeElement.querySelector(targetSelector);
         if (!target) {
+            // eslint-disable-next-line no-console
             console.warn(`Unable to trigger event '${eventName}'. Target '${targetSelector}' not found.`);
         }
         const e = document.createEvent('HTMLEvents');
@@ -473,5 +398,5 @@ function onStoryBootstrappedTrigger(targetSelector, eventName) {
  * Generated bundle index. Do not edit.
  */
 
-export { STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryToastrService, argsToTpl, argsToTplParts, buttonTypeArgType, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
+export { STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryToastrService, buttonTypeArgType, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
 //# sourceMappingURL=theseam-ui-common-story-helpers.mjs.map

package/fesm2015/theseam-ui-common-story-helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-story-helpers.mjs","sources":["../../../projects/ui-common/story-helpers/arg-type-helpers.ts","../../../projects/ui-common/story-helpers/args-to-tpl.ts","../../../projects/ui-common/story-helpers/story-empty.component.ts","../../../projects/ui-common/story-helpers/initial-route-factory.ts","../../../projects/ui-common/story-helpers/initial-route.service.ts","../../../projects/ui-common/story-helpers/story-initial-route.ts","../../../projects/ui-common/story-helpers/route-button.ts","../../../projects/ui-common/story-helpers/routes-arg-type.ts","../../../projects/ui-common/story-helpers/story-empty-with-route.component.ts","../../../projects/ui-common/story-helpers/story-modal-container.component.ts","../../../projects/ui-common/story-helpers/story-helper-components.module.ts","../../../projects/ui-common/story-helpers/story-toastr.service.ts","../../../projects/ui-common/story-helpers/on-story-bootstrapped-exec.ts","../../../projects/ui-common/story-helpers/on-story-bootstrapped-trigger.ts","../../../projects/ui-common/story-helpers/theseam-ui-common-story-helpers.ts"],"sourcesContent":["// import { ArgType } from '@storybook/addons'\n\ndeclare type ArgType = any\n\nimport { OutlineThemeNames, ThemeNames } from '@theseam/ui-common/models'\n\nexport const themeArgType: ArgType = {\n  defaultValue: 'primary',\n  control: {\n    type: 'select',\n    options: ThemeNames\n  },\n  description: `Theme style.`\n}\n\nexport const themeWithOutlineArgType: ArgType = {\n  defaultValue: 'primary',\n  control: {\n    type: 'select',\n    options: [ ...ThemeNames, ...OutlineThemeNames ]\n  },\n  description: `Theme style.`\n}\n\nexport const sizeArgType: ArgType = {\n  defaultValue: undefined,\n  control: {\n    type: 'select',\n    options: [ undefined, 'sm', 'lg' ]\n  },\n  description: `Size.`\n}\n\nexport const buttonTypeArgType: ArgType = {\n  defaultValue: 'button',\n  control: {\n    type: 'select',\n    options: [ 'button', 'submit' ]\n  },\n  description: `Button type.`\n}\n","import { action, HandlerFunction } from '@storybook/addon-actions'\nimport { ArgTypes } from '@storybook/angular'\n\nexport interface ArgsTplParts {\n  actions: { [prop: string]: HandlerFunction }\n  tplfragment: string\n}\n\n/**\n * This is an attempt at simplifying the use of auto-generated args in stories\n * defined with `template`, since Angular doesn't have a way to simply use a\n * spread operator syntax.\n *\n * @experimental\n */\nexport function argsToTplParts(args: any, argTypes: ArgTypes): ArgsTplParts {\n  // console.log({ args, argTypes })\n  const parts: ArgsTplParts = {\n    actions: {},\n    tplfragment: ''\n  }\n\n  Object.keys(argTypes).forEach(k => {\n    // Inputs\n    if (\n      // Is in the inputs category\n      argTypes[k].table.category === 'inputs' &&\n      // Needs a control to be able to change from auto-generated args.\n      argTypes[k]?.hasOwnProperty('control') &&\n      // Assuming the arg might not be in props if there isn't an arg value.\n      args.hasOwnProperty(k)\n    ) {\n      parts.tplfragment += `[${k}]=\"${k}\" `\n    }\n\n    // Outputs\n    if (\n      // Is in the outputs category\n      argTypes[k]?.table?.category === 'outputs'\n    ) {\n      // Without access to props, I don't know if I can get an action into the\n      // template context like this.\n      parts.tplfragment += `(${k})=\"${k}($event)\" `\n      parts.actions[k] = action(k)\n    }\n  })\n\n  return parts\n}\n\n/**\n * This is an attempt at simplifying the use of auto-generated args in stories\n * defined with `template`, since Angular doesn't have a way to simply use a\n * spread operator syntax.\n *\n * @experimental\n */\nexport function argsToTpl(args: any, argTypes: ArgTypes) {\n  // console.log({ args, argTypes })\n  let s = ''\n\n  Object.keys(argTypes).forEach(k => {\n    // Inputs\n    if (\n      // Is in the inputs category\n      argTypes[k].table.category === 'inputs' &&\n      // Needs a control to be able to change from auto-generated args.\n      argTypes[k]?.hasOwnProperty('control') &&\n      // Assuming the arg might not be in props if there isn't an arg value.\n      args.hasOwnProperty(k)\n    ) {\n      s += `[${k}]=\"${k}\" `\n    }\n\n    // Outputs\n    if (\n      // Is in the outputs category\n      argTypes[k]?.table?.category === 'outputs'\n    ) {\n      // Without access to props, I don't know if I can get an action into the\n      // template context like this.\n      // if (argTypes[k].table.category === 'inputs') {\n      //   s += `(${k})=\"${k}\" `\n      // }\n    }\n  })\n\n  return s\n}\n","import { Component } from '@angular/core'\n\n@Component({ template: `` })\nexport class StoryEmptyComponent { }\n","import { StoryInitialRouteService } from './initial-route.service'\n\nexport function storyInitialRouteFactory(_storyInitialRouteService: StoryInitialRouteService) {\n  return () => _storyInitialRouteService.setInitialRoute()\n}\n","import { Injectable, InjectionToken, Injector } from '@angular/core'\nimport { NavigationEnd, Router } from '@angular/router'\nimport { filter, take } from 'rxjs/operators'\n\nexport const STORY_INITIAL_ROUTE_URL = new InjectionToken<any>('STORY_INITIAL_ROUTE_URL')\n\n@Injectable()\nexport class StoryInitialRouteService {\n\n  constructor(\n    private _injector: Injector\n  ) { }\n\n  public setInitialRoute() {\n    const _router = this._injector.get(Router)\n    const url = this._injector.get(STORY_INITIAL_ROUTE_URL)\n    if (_router.navigated) {\n      _router.navigateByUrl(url)\n    } else {\n      _router.events.pipe(\n          filter(e => e instanceof NavigationEnd),\n          take(1)\n        )\n        .subscribe(() => { _router.navigateByUrl(url) })\n    }\n  }\n\n}\n","import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core'\n\nimport { storyInitialRouteFactory } from './initial-route-factory'\nimport { StoryInitialRouteService, STORY_INITIAL_ROUTE_URL } from './initial-route.service'\n\n@NgModule()\nexport class StoryInitialRouteModule {\n  static forRoot(url: string): ModuleWithProviders<StoryInitialRouteModule> {\n    return {\n      ngModule: StoryInitialRouteModule,\n      providers: [\n        StoryInitialRouteService,\n        {\n          provide: APP_INITIALIZER,\n          useFactory: storyInitialRouteFactory,\n          deps: [ StoryInitialRouteService ],\n          multi: true\n        },\n        { provide: STORY_INITIAL_ROUTE_URL, useValue: url }\n      ]\n    }\n  }\n\n}\n","// import { button } from '@storybook/addon-knobs'\n\n/**\n * Until I find a way to avoid '@storybook/addon-knobs' from interfering with\n * NgZone I can't import it in the knob when built by ng-packagr.\n */\nexport function routeButton(buttonKnob: any, url: string) {\n  return buttonKnob(url, () => {\n    location.hash = `#${url}`\n    return false\n  })\n}\n","// import { ArgType } from '@storybook/addons'\n\ndeclare const __STORYBOOK_ADDONS: any\n\nfunction goToHashUrl(url: string): void { location.hash = `#${url}` }\n\n// __STORYBOOK_ADDONS.getChannel().on('custom/go-to-hash', (data: { hash: string }) => {\n\n//   goToHashUrl(data.hash)\n// })\n\n// __STORYBOOK_ADDONS.getChannel().on('storyArgsUpdated', (data: { hash: string }) => {\n//   console.log('storyArgsUpdated')\n// })\n\nexport function routesArgType(routes: string[])/*: ArgType*/ {\n  return {\n    options: routes,\n    control: {\n      type: 'select',\n      // Runs in the 'manager', so I am emitting to a channel in the 'preview'.\n      onChange: (e: any, a: any) => { __STORYBOOK_ADDONS.getChannel().emit('custom/go-to-hash', { hash: e }); return e }\n    }\n  }\n}\n","import { Component } from '@angular/core'\n\n@Component({ template: `<router-outlet></router-outlet>` })\nexport class StoryEmptyWithRouteComponent { }\n","import { Component, Injector, Input, OnDestroy } from '@angular/core'\nimport { combineLatest, Observable, of, ReplaySubject, Subject } from 'rxjs'\nimport { auditTime, map, startWith, takeUntil } from 'rxjs/operators'\n\nimport { ModalConfig, ModalRef, MODAL_DATA } from '@theseam/ui-common/modal'\nimport type { ComponentType } from '@theseam/ui-common/models'\n\nclass FakeModalRef<T, R = any> implements Partial<ModalRef<T, R>> {\n\n  afterOpened() { return of(undefined) }\n\n  close(dialogResult?: R): void { }\n\n}\n\n@Component({\n  // tslint:disable-next-line: component-selector\n  selector: 'story-modal-container-component',\n  template: `\n    <div class=\"cdk-overlay-container\">\n      <div class=\"cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing\"></div>\n      <div class=\"cdk-global-overlay-wrapper\"\n        dir=\"ltr\"\n        style=\"justify-content: flex-start; align-items: center; pointer-events: auto\"\n        seamOverlayScrollbar>\n        <div class=\"seam-modal-container modal-dialog modal-dialog-centered {{ modalConfig ? modalConfig.modalSize : 'modal-lg' }}\"\n          tabindex=\"-1\"\n          [class.modal-lg]=\"!modalConfig\">\n          <div class=\"modal-content\">\n            <ng-container *ngIf=\"_outletData$ | async as outletData\">\n              <ng-container *ngComponentOutlet=\"outletData.component; injector: outletData.injector;\"></ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    .seam-modal-container[tabindex=\"-1\"]:focus {\n      outline: 0 !important;\n    }\n  `]\n})\nexport class StoryModalContainerComponent<T, D = any> implements OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject<void>()\n\n  @Input() set component(c: ComponentType<T>) { this._component.next(c) }\n  @Input() set data(d: D) { this._data.next(d) }\n\n  @Input() modalConfig?: ModalConfig<D>\n\n  _component = new ReplaySubject<ComponentType<T>>(1)\n  _data = new ReplaySubject<D>(1)\n\n  _outletData$: Observable<{ component: ComponentType<T>, injector: Injector } | null>\n\n  constructor(\n    private _injector: Injector\n  ) {\n    this._outletData$ = combineLatest([\n      this._component.asObservable(),\n      this._data.asObservable().pipe(startWith(undefined))\n    ]).pipe(\n      auditTime(0),\n      map(([ component, data ]) => ({\n        component,\n        injector: this._createInjector(data)\n      })),\n      takeUntil(this._ngUnsubscribe)\n    )\n  }\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next(undefined)\n    this._ngUnsubscribe.complete()\n  }\n\n  private _createInjector(data?: D): Injector {\n    return Injector.create({\n      providers: [\n        { provide: ModalRef, useClass: FakeModalRef, deps: [] },\n        { provide: MODAL_DATA, useValue: data }\n      ],\n      parent: this._injector\n    })\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\n\nimport { TheSeamScrollbarModule } from '@theseam/ui-common/scrollbar'\n\nimport { StoryEmptyWithRouteComponent } from './story-empty-with-route.component'\nimport { StoryEmptyComponent } from './story-empty.component'\nimport { StoryModalContainerComponent } from './story-modal-container.component'\n\n@NgModule({\n  declarations: [\n    StoryEmptyComponent,\n    StoryEmptyWithRouteComponent,\n    StoryModalContainerComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    TheSeamScrollbarModule\n  ],\n  exports: [\n    StoryEmptyComponent,\n    StoryEmptyWithRouteComponent,\n    StoryModalContainerComponent\n  ]\n})\nexport class StoryHelperComponentsModule { }\n","import { Injectable } from '@angular/core'\n\nimport { ActiveToast, GlobalConfig, IndividualConfig, ToastContainerDirective } from 'ngx-toastr'\n\n@Injectable()\nexport class StoryToastrService {\n  toastrConfig?: GlobalConfig\n  currentlyActive = 0\n  toasts: ActiveToast<any>[] = []\n  overlayContainer?: ToastContainerDirective\n  previousToastMessage: string | undefined\n\n  /** show toast */\n  show(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {},\n    type = ''\n  ) { }\n\n  /** show successful toast */\n  success(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /** show error toast */\n  error(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /** show info toast */\n  info(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /** show warning toast */\n  warning(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /**\n   * Remove all or a single toast by id\n   */\n  clear(toastId?: number) { }\n\n  /**\n   * Remove and destroy a single toast by id\n   */\n  remove(toastId: number) { }\n\n  /**\n   * Determines if toast message is already shown\n   */\n  findDuplicate(message: string, resetOnDuplicate: boolean, countDuplicates: boolean) { }\n\n}\n","import { APP_BOOTSTRAP_LISTENER, ComponentRef } from '@angular/core'\n// import { STORY } from '@storybook/angular/dist/ts3.9/client/preview/angular/app.token'\n// import { StoryFnAngularReturnType } from '@storybook/angular/dist/ts3.9/client/preview/types'\nimport { Observable } from 'rxjs'\nimport { first } from 'rxjs/operators'\n\n/**\n * Can be used to access a stories component after the story has been bootstrapped.\n *\n * Example:\n * ```ts\n * @Component({\n *   selector: 'story-example',\n *   template: `Touched: {{ exControl.touched }}`\n * })\n * class StoryExampleComponent {\n *   exControl = new FormControl('')\n * }\n *\n * export const TouchExample2 = () => ({\n *   moduleMetadata: {\n *     declarations: [ StoryExampleComponent ],\n *     providers: [ onStoryBootstrappedExec((c: StoryExampleComponent) => c.exControl.markAsTouched()) ]\n *   },\n *   props: { },\n *   component: StoryExampleComponent\n * })\n * ```\n */\n// export function onStoryBootstrappedExec<T = any>(callback: (component: T) => void) {\n//   function bootstrapped(componentRef: ComponentRef<any>) {\n//     const data = componentRef.instance.target.injector.get(STORY, null) as Observable<StoryFnAngularReturnType> | null\n//     if (!data) {\n//       console.warn(`STORY provider not found.`)\n//       return\n//     }\n//     data?.pipe(first()).subscribe(story => {\n//       if (!story.component) {\n//         console.warn(`'onStoryBootstrappedExec' only supported on stories that provide 'component' property.`)\n//         return\n//       }\n\n//       let c = null\n//       for (let i = 0; i < componentRef.instance.target.length; i++) {\n//         const tmp = componentRef.instance.target._embeddedViews[i].nodes?.find((f: any) => f?.instance instanceof story.component)\n//         const comp = tmp?.instance\n//         if (comp) {\n//           c = comp\n//           break\n//         }\n//       }\n\n//       if (!c) {\n//         console.warn(`Story component instance not found.`)\n//         return\n//       }\n\n//       if (c) {\n//         callback(c)\n//       }\n//     })\n//   }\n\n//   return {\n//     provide: APP_BOOTSTRAP_LISTENER,\n//     useValue: bootstrapped,\n//     multi: true\n//   }\n// }\n","import { APP_BOOTSTRAP_LISTENER, ComponentRef, ElementRef } from '@angular/core'\n\n// TODO: Consider supporting a target selection function, so that complex\n// selections that can't be expressed by a simple selector can be used.\n\n/**\n * Can be used to trigger an event on a target element when the story component has been bootstrapped.\n *\n * Example:\n * ```\n * export const TouchExample1 = () => ({\n *   moduleMetadata: {\n *     providers: [ onStoryBootstrappedTrigger('input', 'blur') ]\n *   },\n *   props: { control: new FormControl('') },\n *   template: `\n *     <input type=\"text\" [formControl]=\"control\">\n *     Touched: {{ control.touched }}\n *   `\n * })\n * ```\n */\nexport function onStoryBootstrappedTrigger(targetSelector: string, eventName: string) {\n  function bootstrapped(componentRef: ComponentRef<any>) {\n    const elementRef = componentRef.injector.get(ElementRef, null)\n    const target = elementRef?.nativeElement.querySelector(targetSelector)\n    if (!target) {\n      console.warn(`Unable to trigger event '${eventName}'. Target '${targetSelector}' not found.`)\n    }\n\n    const e = document.createEvent('HTMLEvents')\n    e.initEvent('blur', false, true)\n    target.dispatchEvent(e)\n  }\n\n  return {\n    provide: APP_BOOTSTRAP_LISTENER,\n    useValue: bootstrapped,\n    multi: true\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-story-helpers.mjs","sources":["../../../projects/ui-common/story-helpers/arg-type-helpers.ts","../../../projects/ui-common/story-helpers/story-empty.component.ts","../../../projects/ui-common/story-helpers/initial-route-factory.ts","../../../projects/ui-common/story-helpers/initial-route.service.ts","../../../projects/ui-common/story-helpers/story-initial-route.ts","../../../projects/ui-common/story-helpers/route-button.ts","../../../projects/ui-common/story-helpers/routes-arg-type.ts","../../../projects/ui-common/story-helpers/story-empty-with-route.component.ts","../../../projects/ui-common/story-helpers/story-modal-container.component.ts","../../../projects/ui-common/story-helpers/story-helper-components.module.ts","../../../projects/ui-common/story-helpers/story-toastr.service.ts","../../../projects/ui-common/story-helpers/on-story-bootstrapped-exec.ts","../../../projects/ui-common/story-helpers/on-story-bootstrapped-trigger.ts","../../../projects/ui-common/story-helpers/theseam-ui-common-story-helpers.ts"],"sourcesContent":["// import { ArgType } from '@storybook/addons'\n\nimport { OutlineThemeNames, ThemeNames } from '@theseam/ui-common/models'\n\ndeclare type ArgType = any\n\nexport const themeArgType: ArgType = {\n  defaultValue: 'primary',\n  control: {\n    type: 'select',\n    options: ThemeNames\n  },\n  description: `Theme style.`\n}\n\nexport const themeWithOutlineArgType: ArgType = {\n  defaultValue: 'primary',\n  control: {\n    type: 'select',\n    options: [ ...ThemeNames, ...OutlineThemeNames ]\n  },\n  description: `Theme style.`\n}\n\nexport const sizeArgType: ArgType = {\n  defaultValue: undefined,\n  control: {\n    type: 'select',\n    options: [ undefined, 'sm', 'lg' ]\n  },\n  description: `Size.`\n}\n\nexport const buttonTypeArgType: ArgType = {\n  defaultValue: 'button',\n  control: {\n    type: 'select',\n    options: [ 'button', 'submit' ]\n  },\n  description: `Button type.`\n}\n","import { Component } from '@angular/core'\n\n@Component({ template: `` })\nexport class StoryEmptyComponent { }\n","import { StoryInitialRouteService } from './initial-route.service'\n\nexport function storyInitialRouteFactory(_storyInitialRouteService: StoryInitialRouteService) {\n  return () => _storyInitialRouteService.setInitialRoute()\n}\n","import { Injectable, InjectionToken, Injector } from '@angular/core'\nimport { NavigationEnd, Router } from '@angular/router'\nimport { filter, take } from 'rxjs/operators'\n\nexport const STORY_INITIAL_ROUTE_URL = new InjectionToken<any>('STORY_INITIAL_ROUTE_URL')\n\n@Injectable()\nexport class StoryInitialRouteService {\n\n  constructor(\n    private _injector: Injector\n  ) { }\n\n  public setInitialRoute() {\n    const _router = this._injector.get(Router)\n    const url = this._injector.get(STORY_INITIAL_ROUTE_URL)\n    if (_router.navigated) {\n      _router.navigateByUrl(url)\n    } else {\n      _router.events.pipe(\n          filter(e => e instanceof NavigationEnd),\n          take(1)\n        )\n        .subscribe(() => { _router.navigateByUrl(url) })\n    }\n  }\n\n}\n","import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core'\n\nimport { storyInitialRouteFactory } from './initial-route-factory'\nimport { StoryInitialRouteService, STORY_INITIAL_ROUTE_URL } from './initial-route.service'\n\n@NgModule()\nexport class StoryInitialRouteModule {\n  static forRoot(url: string): ModuleWithProviders<StoryInitialRouteModule> {\n    return {\n      ngModule: StoryInitialRouteModule,\n      providers: [\n        StoryInitialRouteService,\n        {\n          provide: APP_INITIALIZER,\n          useFactory: storyInitialRouteFactory,\n          deps: [ StoryInitialRouteService ],\n          multi: true\n        },\n        { provide: STORY_INITIAL_ROUTE_URL, useValue: url }\n      ]\n    }\n  }\n\n}\n","// import { button } from '@storybook/addon-knobs'\n\n/**\n * Until I find a way to avoid '@storybook/addon-knobs' from interfering with\n * NgZone I can't import it in the knob when built by ng-packagr.\n */\nexport function routeButton(buttonKnob: any, url: string) {\n  return buttonKnob(url, () => {\n    location.hash = `#${url}`\n    return false\n  })\n}\n","// import { ArgType } from '@storybook/addons'\n\ndeclare const __STORYBOOK_ADDONS: any\n\nfunction goToHashUrl(url: string): void { location.hash = `#${url}` }\n\n// __STORYBOOK_ADDONS.getChannel().on('custom/go-to-hash', (data: { hash: string }) => {\n\n//   goToHashUrl(data.hash)\n// })\n\n// __STORYBOOK_ADDONS.getChannel().on('storyArgsUpdated', (data: { hash: string }) => {\n//   console.log('storyArgsUpdated')\n// })\n\nexport function routesArgType(routes: string[])/*: ArgType*/ {\n  return {\n    options: routes,\n    control: {\n      type: 'select',\n      // Runs in the 'manager', so I am emitting to a channel in the 'preview'.\n      onChange: (e: any, a: any) => { __STORYBOOK_ADDONS.getChannel().emit('custom/go-to-hash', { hash: e }); return e }\n    }\n  }\n}\n","import { Component } from '@angular/core'\n\n@Component({ template: `<router-outlet></router-outlet>` })\nexport class StoryEmptyWithRouteComponent { }\n","import { Component, Injector, Input, OnDestroy } from '@angular/core'\nimport { combineLatest, Observable, of, ReplaySubject, Subject } from 'rxjs'\nimport { auditTime, map, startWith, takeUntil } from 'rxjs/operators'\n\nimport { ModalConfig, ModalRef, MODAL_DATA } from '@theseam/ui-common/modal'\nimport type { ComponentType } from '@theseam/ui-common/models'\n\nclass FakeModalRef<T, R = any> implements Partial<ModalRef<T, R>> {\n\n  afterOpened() { return of(undefined) }\n\n  close(dialogResult?: R): void { }\n\n}\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'story-modal-container-component',\n  template: `\n    <div class=\"cdk-overlay-container\">\n      <div class=\"cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing\"></div>\n      <div class=\"cdk-global-overlay-wrapper\"\n        dir=\"ltr\"\n        style=\"justify-content: flex-start; align-items: center; pointer-events: auto\"\n        seamOverlayScrollbar>\n        <div class=\"seam-modal-container modal-dialog modal-dialog-centered {{ modalConfig ? modalConfig.modalSize : 'modal-lg' }}\"\n          tabindex=\"-1\"\n          [class.modal-lg]=\"!modalConfig\">\n          <div class=\"modal-content\">\n            <ng-container *ngIf=\"_outletData$ | async as outletData\">\n              <ng-container *ngComponentOutlet=\"outletData.component; injector: outletData.injector;\"></ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    .seam-modal-container[tabindex=\"-1\"]:focus {\n      outline: 0 !important;\n    }\n  `]\n})\nexport class StoryModalContainerComponent<T, D = any> implements OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject<void>()\n\n  @Input() set component(c: ComponentType<T>) { this._component.next(c) }\n  @Input() set data(d: D) { this._data.next(d) }\n\n  @Input() modalConfig?: ModalConfig<D>\n\n  _component = new ReplaySubject<ComponentType<T>>(1)\n  _data = new ReplaySubject<D>(1)\n\n  _outletData$: Observable<{ component: ComponentType<T>, injector: Injector } | null>\n\n  constructor(\n    private _injector: Injector\n  ) {\n    this._outletData$ = combineLatest([\n      this._component.asObservable(),\n      this._data.asObservable().pipe(startWith(undefined))\n    ]).pipe(\n      auditTime(0),\n      map(([ component, data ]) => ({\n        component,\n        injector: this._createInjector(data)\n      })),\n      takeUntil(this._ngUnsubscribe)\n    )\n  }\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next(undefined)\n    this._ngUnsubscribe.complete()\n  }\n\n  private _createInjector(data?: D): Injector {\n    return Injector.create({\n      providers: [\n        { provide: ModalRef, useClass: FakeModalRef, deps: [] },\n        { provide: MODAL_DATA, useValue: data }\n      ],\n      parent: this._injector\n    })\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\n\nimport { TheSeamScrollbarModule } from '@theseam/ui-common/scrollbar'\n\nimport { StoryEmptyWithRouteComponent } from './story-empty-with-route.component'\nimport { StoryEmptyComponent } from './story-empty.component'\nimport { StoryModalContainerComponent } from './story-modal-container.component'\n\n@NgModule({\n  declarations: [\n    StoryEmptyComponent,\n    StoryEmptyWithRouteComponent,\n    StoryModalContainerComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    TheSeamScrollbarModule\n  ],\n  exports: [\n    StoryEmptyComponent,\n    StoryEmptyWithRouteComponent,\n    StoryModalContainerComponent\n  ]\n})\nexport class StoryHelperComponentsModule { }\n","import { Injectable } from '@angular/core'\n\nimport { ActiveToast, GlobalConfig, IndividualConfig, ToastContainerDirective } from 'ngx-toastr'\n\n@Injectable()\nexport class StoryToastrService {\n  toastrConfig?: GlobalConfig\n  currentlyActive = 0\n  toasts: ActiveToast<any>[] = []\n  overlayContainer?: ToastContainerDirective\n  previousToastMessage: string | undefined\n\n  /** show toast */\n  show(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {},\n    type = ''\n  ) { }\n\n  /** show successful toast */\n  success(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /** show error toast */\n  error(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /** show info toast */\n  info(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /** show warning toast */\n  warning(\n    message?: string,\n    title?: string,\n    override: Partial<IndividualConfig> = {}\n  ) { }\n\n  /**\n   * Remove all or a single toast by id\n   */\n  clear(toastId?: number) { }\n\n  /**\n   * Remove and destroy a single toast by id\n   */\n  remove(toastId: number) { }\n\n  /**\n   * Determines if toast message is already shown\n   */\n  findDuplicate(message: string, resetOnDuplicate: boolean, countDuplicates: boolean) { }\n\n}\n","import { APP_BOOTSTRAP_LISTENER, ComponentRef } from '@angular/core'\n// import { STORY } from '@storybook/angular/dist/ts3.9/client/preview/angular/app.token'\n// import { StoryFnAngularReturnType } from '@storybook/angular/dist/ts3.9/client/preview/types'\nimport { Observable } from 'rxjs'\nimport { first } from 'rxjs/operators'\n\n/**\n * Can be used to access a stories component after the story has been bootstrapped.\n *\n * Example:\n * ```ts\n * @Component({\n *   selector: 'story-example',\n *   template: `Touched: {{ exControl.touched }}`\n * })\n * class StoryExampleComponent {\n *   exControl = new FormControl('')\n * }\n *\n * export const TouchExample2 = () => ({\n *   moduleMetadata: {\n *     declarations: [ StoryExampleComponent ],\n *     providers: [ onStoryBootstrappedExec((c: StoryExampleComponent) => c.exControl.markAsTouched()) ]\n *   },\n *   props: { },\n *   component: StoryExampleComponent\n * })\n * ```\n */\n// export function onStoryBootstrappedExec<T = any>(callback: (component: T) => void) {\n//   function bootstrapped(componentRef: ComponentRef<any>) {\n//     const data = componentRef.instance.target.injector.get(STORY, null) as Observable<StoryFnAngularReturnType> | null\n//     if (!data) {\n//       console.warn(`STORY provider not found.`)\n//       return\n//     }\n//     data?.pipe(first()).subscribe(story => {\n//       if (!story.component) {\n//         console.warn(`'onStoryBootstrappedExec' only supported on stories that provide 'component' property.`)\n//         return\n//       }\n\n//       let c = null\n//       for (let i = 0; i < componentRef.instance.target.length; i++) {\n//         const tmp = componentRef.instance.target._embeddedViews[i].nodes?.find((f: any) => f?.instance instanceof story.component)\n//         const comp = tmp?.instance\n//         if (comp) {\n//           c = comp\n//           break\n//         }\n//       }\n\n//       if (!c) {\n//         console.warn(`Story component instance not found.`)\n//         return\n//       }\n\n//       if (c) {\n//         callback(c)\n//       }\n//     })\n//   }\n\n//   return {\n//     provide: APP_BOOTSTRAP_LISTENER,\n//     useValue: bootstrapped,\n//     multi: true\n//   }\n// }\n","import { APP_BOOTSTRAP_LISTENER, ComponentRef, ElementRef } from '@angular/core'\n\n// TODO: Consider supporting a target selection function, so that complex\n// selections that can't be expressed by a simple selector can be used.\n\n/**\n * Can be used to trigger an event on a target element when the story component has been bootstrapped.\n *\n * Example:\n * ```\n * export const TouchExample1 = () => ({\n *   moduleMetadata: {\n *     providers: [ onStoryBootstrappedTrigger('input', 'blur') ]\n *   },\n *   props: { control: new FormControl('') },\n *   template: `\n *     <input type=\"text\" [formControl]=\"control\">\n *     Touched: {{ control.touched }}\n *   `\n * })\n * ```\n */\nexport function onStoryBootstrappedTrigger(targetSelector: string, eventName: string) {\n  function bootstrapped(componentRef: ComponentRef<any>) {\n    const elementRef = componentRef.injector.get(ElementRef, null)\n    const target = elementRef?.nativeElement.querySelector(targetSelector)\n    if (!target) {\n      // eslint-disable-next-line no-console\n      console.warn(`Unable to trigger event '${eventName}'. Target '${targetSelector}' not found.`)\n    }\n\n    const e = document.createEvent('HTMLEvents')\n    e.initEvent('blur', false, true)\n    target.dispatchEvent(e)\n  }\n\n  return {\n    provide: APP_BOOTSTRAP_LISTENER,\n    useValue: bootstrapped,\n    multi: true\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

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

@@ -10,15 +10,13 @@ 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.6", ngImport: i0, type: TabbedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabbedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", 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.6", ngImport: i0, type: TabbedContentComponent, decorators: [{
+TabbedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabbedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.9", 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: [{
+        }], propDecorators: { tabbedItem: [{
                 type: Input
             }] } });
 
@@ -27,15 +25,15 @@ class TabbedTabContentDirective {
         this.isActive = false;
     }
 }
-TabbedTabContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-TabbedTabContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.6", type: TabbedTabContentDirective, selector: "[seamTabbedTabContent]", exportAs: ["seamTabbedTabContent"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedTabContentDirective, decorators: [{
+TabbedTabContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TabbedTabContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TabbedTabContentDirective, selector: "[seamTabbedTabContent]", exportAs: ["seamTabbedTabContent"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedTabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTabbedTabContent]',
                     exportAs: 'seamTabbedTabContent'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }] });
 
 class TabbedService {
     constructor() {
@@ -59,11 +57,11 @@ class TabbedService {
         }
     }
 }
-TabbedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TabbedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedService, decorators: [{
+TabbedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TabbedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return []; } });
+        }] });
 
 class TabbedTabDirective {
     constructor(elementRef, 
@@ -75,6 +73,7 @@ class TabbedTabDirective {
         // get customInvalid() { return this.control.invalid }
         this.isActive = false;
     }
+    // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
     ngOnInit() {
         // this.tabbedService.selectedTab.subscribe(tab => {
         //   console.log('tab: ', tab)
@@ -88,9 +87,9 @@ class TabbedTabDirective {
         // })
     }
 }
-TabbedTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", type: TabbedTabDirective, selector: "[seamTabbedTab]", exportAs: ["seamTabbedTab"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedTabDirective, decorators: [{
+TabbedTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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.9", type: TabbedTabDirective, selector: "[seamTabbedTab]", exportAs: ["seamTabbedTab"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedTabDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTabbedTab]',
@@ -102,17 +101,16 @@ class TabbedItemComponent {
     constructor() {
         this.contentFromRoute = false;
     }
-    ngOnInit() { }
 }
-TabbedItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TabbedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabbedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", 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: [""] });
+TabbedItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabbedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabbedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.6", ngImport: i0, type: TabbedItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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: [{
+        }], propDecorators: { tabbedTabTpl: [{
                 type: ContentChild,
                 args: [TabbedTabDirective, { read: TemplateRef, static: true }]
             }], tabbedContentTpl: [{
@@ -211,9 +209,9 @@ class TabbedComponent {
         }
     }
 }
-TabbedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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.6", ngImport: i0, type: TabbedComponent, decorators: [{
+TabbedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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.9", 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.9", 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: [{
@@ -233,8 +231,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
 
 class TheSeamTabbedModule {
 }
-TheSeamTabbedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTabbedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTabbedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTabbedModule, declarations: [TabbedComponent,
+TheSeamTabbedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTabbedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTabbedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTabbedModule, declarations: [TabbedComponent,
         TabbedTabContentDirective,
         TabbedTabDirective,
         TabbedItemComponent,
@@ -246,10 +244,10 @@ TheSeamTabbedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         TabbedTabDirective,
         TabbedItemComponent,
         TabbedContentComponent] });
-TheSeamTabbedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTabbedModule, imports: [CommonModule,
+TheSeamTabbedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTabbedModule, imports: [CommonModule,
         RouterModule,
         FlexLayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTabbedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTabbedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [