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

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

@@ -0,0 +1,512 @@
+import { ThemeNames, OutlineThemeNames } from '@theseam/ui-common/models';
+import { useStoryContext } from 'storybook/preview-api';
+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';
+import { Router, NavigationEnd, RouterModule } from '@angular/router';
+import { filter, take, startWith, auditTime, map, takeUntil } from 'rxjs/operators';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@theseam/ui-common/scrollbar';
+import { TheSeamOverlayScrollbarDirective } from '@theseam/ui-common/scrollbar';
+import { of, Subject, ReplaySubject, combineLatest } from 'rxjs';
+import { ModalRef, MODAL_DATA } from '@theseam/ui-common/modal';
+
+// import { ArgType } from '@storybook/addons'
+const themeArgType = {
+    options: ThemeNames,
+    control: {
+        type: 'select',
+    },
+    description: `Theme style.`
+};
+const themeWithOutlineArgType = {
+    options: [...ThemeNames, ...OutlineThemeNames],
+    control: {
+        type: 'select',
+    },
+    description: `Theme style.`
+};
+const sizeArgType = {
+    options: [undefined, 'sm', 'lg'],
+    control: {
+        type: 'select',
+    },
+    description: `Size.`
+};
+const buttonTypeArgType = {
+    options: ['button', 'submit'],
+    control: {
+        type: 'select',
+    },
+    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
+ */
+// export function argsToTplParts(args: any, argTypes: ArgTypes): ArgsTplParts {
+//   // console.log({ args, argTypes })
+//   const parts: ArgsTplParts = {
+//     actions: {},
+//     tplfragment: ''
+//   }
+//   Object.keys(argTypes).forEach(k => {
+//     // Inputs
+//     if (
+//       // Is in the inputs category
+//       argTypes[k].table.category === 'inputs' &&
+//       // Needs a control to be able to change from auto-generated args.
+//       argTypes[k]?.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
+//       argTypes[k]?.table?.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
+// }
+function removeDuplicates(arr) {
+    const seen = {};
+    return arr.filter(item => {
+        if (!seen[item]) {
+            seen[item] = true;
+            return true;
+        }
+        return false;
+    });
+}
+/**
+ * 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(options) {
+    const context = useStoryContext();
+    const exclude = [
+        ...(context?.parameters?.argsToTplOptions?.exclude || []),
+        ...(options?.exclude || []),
+    ];
+    const alwaysBind = context?.parameters?.argsToTplOptions?.alwaysBind || [];
+    const props = removeDuplicates([
+        ...alwaysBind,
+        ...Object.keys(context.args),
+    ]);
+    const parts = props
+        .filter(k => exclude.indexOf(k) === -1)
+        .map(k => {
+        // Outputs
+        if (context.argTypes[k]?.hasOwnProperty('action') &&
+            (context.args.hasOwnProperty(k) || alwaysBind.indexOf(k) !== -1)) {
+            return `(${k})="${k}($event)"`;
+        }
+        // Inputs
+        if ((context.args.hasOwnProperty(k) || alwaysBind.indexOf(k) !== -1)) {
+            return `[${k}]="${k}"`;
+        }
+    });
+    return parts.length > 0 ? parts.join(' ') : '';
+}
+
+class StoryEmptyComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: StoryEmptyComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryEmptyComponent, decorators: [{
+            type: Component,
+            args: [{ template: ``, standalone: true }]
+        }] });
+
+function storyInitialRouteFactory(_storyInitialRouteService) {
+    return () => _storyInitialRouteService.setInitialRoute();
+}
+
+const STORY_INITIAL_ROUTE_URL = new InjectionToken('STORY_INITIAL_ROUTE_URL');
+class StoryInitialRouteService {
+    _injector;
+    constructor(_injector) {
+        this._injector = _injector;
+    }
+    setInitialRoute() {
+        const _router = this._injector.get(Router);
+        const url = this._injector.get(STORY_INITIAL_ROUTE_URL);
+        if (_router.navigated) {
+            _router.navigateByUrl(url);
+        }
+        else {
+            _router.events.pipe(filter(e => e instanceof NavigationEnd), take(1))
+                .subscribe(() => { _router.navigateByUrl(url); });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class StoryInitialRouteModule {
+    static forRoot(url) {
+        return {
+            ngModule: StoryInitialRouteModule,
+            providers: [
+                StoryInitialRouteService,
+                {
+                    provide: APP_INITIALIZER,
+                    useFactory: storyInitialRouteFactory,
+                    deps: [StoryInitialRouteService],
+                    multi: true
+                },
+                { provide: STORY_INITIAL_ROUTE_URL, useValue: url }
+            ]
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryInitialRouteModule, decorators: [{
+            type: NgModule
+        }] });
+
+// import { button } from '@storybook/addon-knobs'
+/**
+ * Until I find a way to avoid '@storybook/addon-knobs' from interfering with
+ * NgZone I can't import it in the knob when built by ng-packagr.
+ */
+function routeButton(buttonKnob, url) {
+    return buttonKnob(url, () => {
+        location.hash = `#${url}`;
+        return false;
+    });
+}
+
+// import { ArgType } from '@storybook/addons'
+function goToHashUrl(url) { location.hash = `#${url}`; }
+// __STORYBOOK_ADDONS.getChannel().on('custom/go-to-hash', (data: { hash: string }) => {
+//   goToHashUrl(data.hash)
+// })
+// __STORYBOOK_ADDONS.getChannel().on('storyArgsUpdated', (data: { hash: string }) => {
+//   console.log('storyArgsUpdated')
+// })
+function routesArgType(routes) {
+    return {
+        options: routes,
+        control: {
+            type: 'select',
+            // Runs in the 'manager', so I am emitting to a channel in the 'preview'.
+            onChange: (e, a) => { __STORYBOOK_ADDONS.getChannel().emit('custom/go-to-hash', { hash: e }); return e; }
+        }
+    };
+}
+
+class StoryEmptyWithRouteComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryEmptyWithRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: StoryEmptyWithRouteComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `<router-outlet></router-outlet>`, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryEmptyWithRouteComponent, decorators: [{
+            type: Component,
+            args: [{ template: `<router-outlet></router-outlet>`, standalone: false }]
+        }] });
+
+class FakeModalRef {
+    afterOpened() { return of(undefined); }
+    close(dialogResult) { }
+}
+class StoryModalContainerComponent {
+    _injector;
+    _ngUnsubscribe = new Subject();
+    set component(c) { this._component.next(c); }
+    set data(d) { this._data.next(d); }
+    modalConfig;
+    _component = new ReplaySubject(1);
+    _data = new ReplaySubject(1);
+    _outletData$;
+    constructor(_injector) {
+        this._injector = _injector;
+        this._outletData$ = combineLatest([
+            this._component.asObservable(),
+            this._data.asObservable().pipe(startWith(undefined))
+        ]).pipe(auditTime(0), map(([component, data]) => ({
+            component,
+            injector: this._createInjector(data)
+        })), takeUntil(this._ngUnsubscribe));
+    }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next(undefined);
+        this._ngUnsubscribe.complete();
+    }
+    _createInjector(data) {
+        return Injector.create({
+            providers: [
+                { provide: ModalRef, useClass: FakeModalRef, deps: [] },
+                { provide: MODAL_DATA, useValue: data }
+            ],
+            parent: this._injector
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryModalContainerComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: StoryModalContainerComponent, isStandalone: false, 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"
+        dir="ltr"
+        style="justify-content: flex-start; align-items: center; pointer-events: auto"
+        seamOverlayScrollbar>
+        <div class="seam-modal-container modal-dialog modal-dialog-centered {{ modalConfig?.modalSize ? 'modal-' + modalConfig?.modalSize : 'modal-lg' }}"
+          tabindex="-1"
+          [class.modal-lg]="!modalConfig">
+          <div class="modal-content">
+            <ng-container *ngIf="_outletData$ | async as outletData">
+              <ng-container *ngComponentOutlet="outletData.component; injector: outletData.injector;"></ng-container>
+            </ng-container>
+          </div>
+        </div>
+      </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", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TheSeamOverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryModalContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'story-modal-container-component', 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"
+        dir="ltr"
+        style="justify-content: flex-start; align-items: center; pointer-events: auto"
+        seamOverlayScrollbar>
+        <div class="seam-modal-container modal-dialog modal-dialog-centered {{ modalConfig?.modalSize ? 'modal-' + modalConfig?.modalSize : 'modal-lg' }}"
+          tabindex="-1"
+          [class.modal-lg]="!modalConfig">
+          <div class="modal-content">
+            <ng-container *ngIf="_outletData$ | async as outletData">
+              <ng-container *ngComponentOutlet="outletData.component; injector: outletData.injector;"></ng-container>
+            </ng-container>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, standalone: false, styles: [".seam-modal-container[tabindex=\"-1\"]:focus{outline:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { component: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], modalConfig: [{
+                type: Input
+            }] } });
+
+class StoryHelperComponentsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryHelperComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: StoryHelperComponentsModule, declarations: [StoryEmptyWithRouteComponent,
+            StoryModalContainerComponent], imports: [CommonModule,
+            RouterModule,
+            TheSeamOverlayScrollbarDirective], exports: [StoryEmptyWithRouteComponent,
+            StoryModalContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryHelperComponentsModule, imports: [CommonModule,
+            RouterModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryHelperComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        StoryEmptyWithRouteComponent,
+                        StoryModalContainerComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        TheSeamOverlayScrollbarDirective
+                    ],
+                    exports: [
+                        StoryEmptyWithRouteComponent,
+                        StoryModalContainerComponent
+                    ]
+                }]
+        }] });
+
+class StoryToastrService {
+    toastrConfig;
+    currentlyActive = 0;
+    toasts = [];
+    overlayContainer;
+    previousToastMessage;
+    /** show toast */
+    show(message, title, override = {}, type = '') { }
+    /** show successful toast */
+    success(message, title, override = {}) { }
+    /** show error toast */
+    error(message, title, override = {}) { }
+    /** show info toast */
+    info(message, title, override = {}) { }
+    /** show warning toast */
+    warning(message, title, override = {}) { }
+    /**
+     * Remove all or a single toast by id
+     */
+    clear(toastId) { }
+    /**
+     * Remove and destroy a single toast by id
+     */
+    remove(toastId) { }
+    /**
+     * Determines if toast message is already shown
+     */
+    findDuplicate(message, resetOnDuplicate, countDuplicates) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryToastrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryToastrService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryToastrService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Can be used to access a stories component after the story has been bootstrapped.
+ *
+ * Example:
+ * ```ts
+ * @Component({
+ *   selector: 'story-example',
+ *   template: `Touched: {{ exControl.touched }}`
+ * })
+ * class StoryExampleComponent {
+ *   exControl = new FormControl('')
+ * }
+ *
+ * export const TouchExample2 = () => ({
+ *   moduleMetadata: {
+ *     declarations: [ StoryExampleComponent ],
+ *     providers: [ onStoryBootstrappedExec((c: StoryExampleComponent) => c.exControl.markAsTouched()) ]
+ *   },
+ *   props: { },
+ *   component: StoryExampleComponent
+ * })
+ * ```
+ */
+// export function onStoryBootstrappedExec<T = any>(callback: (component: T) => void) {
+//   function bootstrapped(componentRef: ComponentRef<any>) {
+//     const data = componentRef.instance.target.injector.get(STORY, null) as Observable<StoryFnAngularReturnType> | null
+//     if (!data) {
+//       console.warn(`STORY provider not found.`)
+//       return
+//     }
+//     data?.pipe(first()).subscribe(story => {
+//       if (!story.component) {
+//         console.warn(`'onStoryBootstrappedExec' only supported on stories that provide 'component' property.`)
+//         return
+//       }
+//       let c = null
+//       for (let i = 0; i < componentRef.instance.target.length; i++) {
+//         const tmp = componentRef.instance.target._embeddedViews[i].nodes?.find((f: any) => f?.instance instanceof story.component)
+//         const comp = tmp?.instance
+//         if (comp) {
+//           c = comp
+//           break
+//         }
+//       }
+//       if (!c) {
+//         console.warn(`Story component instance not found.`)
+//         return
+//       }
+//       if (c) {
+//         callback(c)
+//       }
+//     })
+//   }
+//   return {
+//     provide: APP_BOOTSTRAP_LISTENER,
+//     useValue: bootstrapped,
+//     multi: true
+//   }
+// }
+
+// TODO: Consider supporting a target selection function, so that complex
+// selections that can't be expressed by a simple selector can be used.
+/**
+ * Can be used to trigger an event on a target element when the story component has been bootstrapped.
+ *
+ * Example:
+ * ```
+ * export const TouchExample1 = () => ({
+ *   moduleMetadata: {
+ *     providers: [ onStoryBootstrappedTrigger('input', 'blur') ]
+ *   },
+ *   props: { control: new FormControl('') },
+ *   template: `
+ *     <input type="text" [formControl]="control">
+ *     Touched: {{ control.touched }}
+ *   `
+ * })
+ * ```
+ */
+function onStoryBootstrappedTrigger(targetSelector, eventName) {
+    function bootstrapped(componentRef) {
+        const elementRef = componentRef.injector.get(ElementRef, null);
+        const target = 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');
+        e.initEvent('blur', false, true);
+        target.dispatchEvent(e);
+    }
+    return {
+        provide: APP_BOOTSTRAP_LISTENER,
+        useValue: bootstrapped,
+        multi: true
+    };
+}
+
+const ACCESSOR_PREFIX = 'story-pref';
+class StoryPreferencesAccessorService {
+    /**
+     * Gets a preference.
+     */
+    get(name) {
+        console.log('get', name);
+        return of(localStorage.getItem(`${ACCESSOR_PREFIX}-${name}`) || '{}');
+    }
+    /**
+     * Update a preference.
+     */
+    update(name, value) {
+        // console.log('update', name)
+        localStorage.setItem(`${ACCESSOR_PREFIX}-${name}`, value);
+        return this.get(name);
+    }
+    /**
+     * Delete a preference.
+     */
+    delete(name) {
+        localStorage.removeItem(`${ACCESSOR_PREFIX}-${name}`);
+        return of(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryPreferencesAccessorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryPreferencesAccessorService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: StoryPreferencesAccessorService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryPreferencesAccessorService, StoryToastrService, argsToTpl, buttonTypeArgType, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
+//# sourceMappingURL=theseam-ui-common-story-helpers.mjs.map

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

@@ -0,0 +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/story-preferences-accessor.service.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  options: ThemeNames,\n  control: {\n    type: 'select',\n  },\n  description: `Theme style.`\n}\n\nexport const themeWithOutlineArgType: ArgType = {\n  options: [ ...ThemeNames, ...OutlineThemeNames ],\n  control: {\n    type: 'select',\n  },\n  description: `Theme style.`\n}\n\nexport const sizeArgType: ArgType = {\n  options: [ undefined, 'sm', 'lg' ],\n  control: {\n    type: 'select',\n  },\n  description: `Size.`\n}\n\nexport const buttonTypeArgType: ArgType = {\n  options: [ 'button', 'submit' ],\n  control: {\n    type: 'select',\n  },\n  description: `Button type.`\n}\n","/* eslint-disable no-prototype-builtins */\nimport { action, HandlerFunction } from 'storybook/actions'\nimport { AngularRenderer, ArgTypes } from '@storybook/angular'\nimport { useStoryContext } from 'storybook/preview-api'\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 */\n// export 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\nfunction removeDuplicates(arr: string[]) {\n  const seen: { [k: string]: boolean } = {}\n  return arr.filter(item => {\n    if (!seen[item]) {\n      seen[item] = true\n      return true\n    }\n    return false\n  })\n}\n\nexport interface ArgsTplOptions {\n  /**\n   * Properties to always bind to the template.\n   */\n  alwaysBind?: string[]\n  /**\n   * Properties to exclude from bidning to the template.\n   */\n  exclude?: 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 argsToTpl(options?: ArgsTplOptions) {\n  const context = useStoryContext<AngularRenderer>()\n\n  const exclude = [\n    ...(context?.parameters?.argsToTplOptions?.exclude || []),\n    ...(options?.exclude || []),\n  ]\n\n  const alwaysBind = context?.parameters?.argsToTplOptions?.alwaysBind || []\n\n  const props = removeDuplicates([\n    ...alwaysBind,\n    ...Object.keys(context.args),\n  ])\n\n  const parts = props\n    .filter(k => exclude.indexOf(k) === -1)\n    .map(k => {\n      // Outputs\n      if (\n        context.argTypes[k]?.hasOwnProperty('action') &&\n        (context.args.hasOwnProperty(k) || alwaysBind.indexOf(k) !== -1)\n      ) {\n        return `(${k})=\"${k}($event)\"`\n      }\n\n      // Inputs\n      if (\n        (context.args.hasOwnProperty(k) || alwaysBind.indexOf(k) !== -1)\n      ) {\n        return `[${k}]=\"${k}\"`\n      }\n    })\n\n  return parts.length > 0 ? parts.join(' ') : ''\n}\n","import { Component } from '@angular/core'\n\n@Component({ template: ``, standalone: true })\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>`, standalone: false })\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?.modalSize ? 'modal-' + 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  standalone: false,\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 { TheSeamOverlayScrollbarDirective } from '@theseam/ui-common/scrollbar'\n\nimport { StoryEmptyWithRouteComponent } from './story-empty-with-route.component'\nimport { StoryModalContainerComponent } from './story-modal-container.component'\n\n@NgModule({\n  declarations: [\n    StoryEmptyWithRouteComponent,\n    StoryModalContainerComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    TheSeamOverlayScrollbarDirective\n  ],\n  exports: [\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","import { Injectable } from '@angular/core'\nimport { Observable, of } from 'rxjs'\n\nimport { TheSeamPreferencesAccessor } from '@theseam/ui-common/services'\n\nconst ACCESSOR_PREFIX = 'story-pref'\n\n@Injectable()\nexport class StoryPreferencesAccessorService implements TheSeamPreferencesAccessor {\n\n  /**\n   * Gets a preference.\n   */\n  public get(name: string): Observable<string> {\n    console.log('get', name)\n    return of(localStorage.getItem(`${ACCESSOR_PREFIX}-${name}`) || '{}')\n  }\n\n  /**\n   * Update a preference.\n   */\n  public update(name: string, value: string): Observable<string> {\n    // console.log('update', name)\n    localStorage.setItem(`${ACCESSOR_PREFIX}-${name}`, value)\n    return this.get(name)\n  }\n\n  /**\n   * Delete a preference.\n   */\n  public delete(name: string): Observable<boolean> {\n    localStorage.removeItem(`${ACCESSOR_PREFIX}-${name}`)\n    return of(true)\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}