@theseam/ui-common 0.2.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-story-helpers.js","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\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/addons'\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()\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()\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'\nimport { STORY } from '@storybook/angular/dist/ts3.9/client/preview/angular/app.token'\nimport { 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 */\nexport 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":[],"mappings":"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"}

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

@@ -0,0 +1,262 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, Directive, Injectable, ElementRef, ContentChild, TemplateRef, EventEmitter, ContentChildren, Output, NgModule } from '@angular/core';
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { __decorate } from 'tslib';
+import { InputBoolean } from '@theseam/ui-common/core';
+
+class TabbedContentComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+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",
+                styles: [""]
+            },] }
+];
+TabbedContentComponent.ctorParameters = () => [];
+TabbedContentComponent.propDecorators = {
+    tabbedItem: [{ type: Input }]
+};
+
+class TabbedTabContentDirective {
+    constructor() {
+        this.isActive = false;
+    }
+}
+TabbedTabContentDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamTabbedTabContent]',
+                exportAs: 'seamTabbedTabContent'
+            },] }
+];
+TabbedTabContentDirective.ctorParameters = () => [];
+
+class TabbedService {
+    constructor() {
+        this._tabGroups = {};
+    }
+    registerTab(tab, groupName) {
+        if (!this._tabGroups[groupName]) {
+            this._tabGroups[groupName] = [];
+        }
+        for (const t of this._tabGroups[groupName]) {
+            t.hideTabs = true;
+        }
+        this._tabGroups[groupName].push(tab);
+    }
+    unregisterTab(tab, groupName) {
+        if (this._tabGroups[groupName]) {
+            this._tabGroups[groupName] = this._tabGroups[groupName].filter(t => t !== tab);
+            if (this._tabGroups[groupName].length > 0) {
+                this._tabGroups[groupName][this._tabGroups[groupName].length - 1].hideTabs = false;
+            }
+        }
+    }
+}
+TabbedService.decorators = [
+    { type: Injectable }
+];
+TabbedService.ctorParameters = () => [];
+
+class TabbedTabDirective {
+    constructor(elementRef, 
+    // public host: TabbedComponent,
+    tabbedService) {
+        this.elementRef = elementRef;
+        this.tabbedService = tabbedService;
+        // @HostBinding('class.custom-invalid')
+        // get customInvalid() { return this.control.invalid }
+        this.isActive = false;
+    }
+    ngOnInit() {
+        // this.tabbedService.selectedTab.subscribe(tab => {
+        //   console.log('tab: ', tab)
+        //   console.log('tab.tabbedTabTpl.elementRef: ', tab.tabbedTabTpl.elementRef)
+        //   console.log('this.elementRef: ', this.elementRef)
+        //   if (tab.tabbedTabTpl.elementRef.na === this.elementRef) {
+        //     this.isActive = true
+        //   } else {
+        //     this.isActive = false
+        //   }
+        // })
+    }
+}
+TabbedTabDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamTabbedTab]',
+                exportAs: 'seamTabbedTab'
+            },] }
+];
+TabbedTabDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: TabbedService }
+];
+
+class TabbedItemComponent {
+    constructor() {
+        this.contentFromRoute = false;
+    }
+    ngOnInit() { }
+}
+TabbedItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-tabbed-item',
+                template: "<p>\n  tabbed-item works!\n</p>",
+                styles: [""]
+            },] }
+];
+TabbedItemComponent.ctorParameters = () => [];
+TabbedItemComponent.propDecorators = {
+    tabbedTabTpl: [{ type: ContentChild, args: [TabbedTabDirective, { read: TemplateRef, static: true },] }],
+    tabbedContentTpl: [{ type: ContentChild, args: [TabbedTabContentDirective, { read: TemplateRef, static: true },] }],
+    name: [{ type: Input }],
+    label: [{ type: Input }],
+    contentFromRoute: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], TabbedItemComponent.prototype, "contentFromRoute", void 0);
+
+class TabbedComponent {
+    constructor(tabbedService, router, route) {
+        this.tabbedService = tabbedService;
+        this.router = router;
+        this.route = route;
+        this._direction = 'vertical';
+        this._hideTabs = false;
+        this.tabChanged = new EventEmitter();
+        this.onlyRouteContent = false;
+    }
+    set direction(val) {
+        this._direction = val;
+    }
+    get direction() {
+        return this._direction;
+    }
+    set hideTabs(val) {
+        setTimeout(() => {
+            this._hideTabs = val;
+        });
+    }
+    get hideTabs() {
+        return this._hideTabs;
+    }
+    get selectedTab() {
+        var _a;
+        if (this.onlyRouteContent) {
+            if (this.route.snapshot.children.length > 0) {
+                const config = this.route.snapshot.children[0].routeConfig;
+                const childPath = config && config.path;
+                return (_a = this.tabbedItems) === null || _a === void 0 ? void 0 : _a.find(t => t.name === childPath);
+            }
+        }
+        else {
+            return this._selectedTab;
+        }
+    }
+    set selectedTab(tab) { this._selectedTab = tab; }
+    set activeTabName(val) {
+        clearTimeout(this._activeTabNameTimeout);
+        this._activeTabNameTimeout = setTimeout(() => {
+            if (!val) {
+                this.selectedTab = undefined;
+            }
+            else {
+                this.selectTab(val);
+            }
+        });
+    }
+    ngOnInit() {
+        this.tabbedService.registerTab(this, 'main');
+    }
+    ngOnDestroy() {
+        this.tabbedService.unregisterTab(this, 'main');
+    }
+    ngAfterContentInit() {
+        if (this.tabbedItems && this.tabbedItems.length > 0) {
+            this.selectedTab = this.tabbedItems.first;
+        }
+    }
+    /**
+     *
+     */
+    onClickTab(event, tab) {
+        this.selectedTab = tab;
+        if (this.onlyRouteContent) {
+            this.router.navigate([tab.name], { relativeTo: this.route });
+        }
+        this.tabChanged.emit(tab);
+    }
+    /**
+     * TODO: Make more generic, so that the name isn't the only way
+     *  to select a tab
+     */
+    selectTab(name) {
+        var _a;
+        const tab = (_a = this.tabbedItems) === null || _a === void 0 ? void 0 : _a.find(t => t.name === name);
+        if (tab) {
+            this.selectedTab = tab;
+        }
+        else {
+            throw new Error(`Tab with name '${name}' not found`);
+        }
+    }
+}
+TabbedComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-tabbed',
+                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",
+                providers: [TabbedService],
+                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}"]
+            },] }
+];
+TabbedComponent.ctorParameters = () => [
+    { type: TabbedService },
+    { type: Router },
+    { type: ActivatedRoute }
+];
+TabbedComponent.propDecorators = {
+    tabbedItems: [{ type: ContentChildren, args: [TabbedItemComponent,] }],
+    tabChanged: [{ type: Output }],
+    direction: [{ type: Input }],
+    hideTabs: [{ type: Input }],
+    onlyRouteContent: [{ type: Input }],
+    activeTabName: [{ type: Input }]
+};
+
+class TheSeamTabbedModule {
+}
+TheSeamTabbedModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    FlexLayoutModule,
+                ],
+                declarations: [
+                    TabbedComponent,
+                    TabbedTabContentDirective,
+                    TabbedTabDirective,
+                    TabbedItemComponent,
+                    TabbedContentComponent,
+                    TabbedContentComponent,
+                ],
+                exports: [
+                    TabbedComponent,
+                    TabbedTabContentDirective,
+                    TabbedTabDirective,
+                    TabbedItemComponent,
+                    TabbedContentComponent,
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabbedComponent, TabbedContentComponent, TabbedItemComponent, TabbedService, TabbedTabContentDirective, TabbedTabDirective, TheSeamTabbedModule };
+//# sourceMappingURL=theseam-ui-common-tabbed.js.map

package/fesm2015/theseam-ui-common-tabbed.js.map

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

package/fesm2015/theseam-ui-common-table-cell-type.js

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