@theseam/ui-common 1.0.2-beta.58 → 1.0.2-beta.60

package/fesm2022/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/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/add-injector-to-args.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([...alwaysBind, ...Object.keys(context.args)])\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 (context.args.hasOwnProperty(k) || alwaysBind.indexOf(k) !== -1) {\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(\n  _storyInitialRouteService: StoryInitialRouteService,\n) {\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>(\n  'STORY_INITIAL_ROUTE_URL',\n)\n\n@Injectable()\nexport class StoryInitialRouteService {\n  constructor(private _injector: Injector) {}\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\n        .pipe(\n          filter((e) => e instanceof NavigationEnd),\n          take(1),\n        )\n        .subscribe(() => {\n          _router.navigateByUrl(url)\n        })\n    }\n  }\n}\n","import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core'\n\nimport { storyInitialRouteFactory } from './initial-route-factory'\nimport {\n  StoryInitialRouteService,\n  STORY_INITIAL_ROUTE_URL,\n} 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","// 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 {\n  location.hash = `#${url}`\n}\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) => {\n        __STORYBOOK_ADDONS.getChannel().emit('custom/go-to-hash', { hash: e })\n        return e\n      },\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  afterOpened() {\n    return of(undefined)\n  }\n\n  close(dialogResult?: R): void {}\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\n        class=\"cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing\"\n      ></div>\n      <div\n        class=\"cdk-global-overlay-wrapper\"\n        dir=\"ltr\"\n        style=\"justify-content: flex-start; align-items: center; pointer-events: auto\"\n        seamOverlayScrollbar\n      >\n        <div\n          class=\"seam-modal-container modal-dialog modal-dialog-centered {{\n            modalConfig?.modalSize\n              ? 'modal-' + modalConfig?.modalSize\n              : 'modal-lg'\n          }}\"\n          tabindex=\"-1\"\n          [class.modal-lg]=\"!modalConfig\"\n        >\n          <div class=\"modal-content\">\n            <ng-container *ngIf=\"_outletData$ | async as outletData\">\n              <ng-container\n                *ngComponentOutlet=\"\n                  outletData.component;\n                  injector: outletData.injector\n                \"\n              ></ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [\n    `\n      .seam-modal-container[tabindex='-1']:focus {\n        outline: 0 !important;\n      }\n    `,\n  ],\n  standalone: false,\n})\nexport class StoryModalContainerComponent<T, D = any> implements OnDestroy {\n  private readonly _ngUnsubscribe = new Subject<void>()\n\n  @Input() set component(c: ComponentType<T>) {\n    this._component.next(c)\n  }\n  @Input() set data(d: D) {\n    this._data.next(d)\n  }\n\n  @Input() modalConfig?: ModalConfig<D>\n\n  _component = new ReplaySubject<ComponentType<T>>(1)\n  _data = new ReplaySubject<D>(1)\n\n  _outletData$: Observable<{\n    component: ComponentType<T>\n    injector: Injector\n  } | null>\n\n  constructor(private _injector: Injector) {\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","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: [StoryEmptyWithRouteComponent, StoryModalContainerComponent],\n  imports: [CommonModule, RouterModule, TheSeamOverlayScrollbarDirective],\n  exports: [StoryEmptyWithRouteComponent, StoryModalContainerComponent],\n})\nexport class StoryHelperComponentsModule {}\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(\n  targetSelector: string,\n  eventName: string,\n) {\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(\n        `Unable to trigger event '${eventName}'. Target '${targetSelector}' not found.`,\n      )\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\n  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","import { APP_INITIALIZER, Injector } from '@angular/core'\n\nimport { AngularRenderer, applicationConfig } from '@storybook/angular'\nimport { DecoratorFunction } from 'storybook/internal/csf'\n\nexport const INJECTOR_TO_ARGS_PROPERTY_NAME = '__getInjector'\n\n// TODO: Decide a better way to persist the injector reference than poluting\n// args with a value that isn't really meant to be an arg.\n\n/**\n * Storybook decorator that stores the Angular Injector in\n * args, for retrieval in play function.\n */\nexport const addInjectorGetterToArgs =\n  (\n    argName: string = INJECTOR_TO_ARGS_PROPERTY_NAME,\n  ): DecoratorFunction<AngularRenderer> =>\n  (story: any, context: any) => {\n    // TODO: Test this more thoroughly.\n    let injector: Injector | null = null\n    context.args[argName] = () => injector\n    return applicationConfig({\n      providers: [\n        {\n          provide: APP_INITIALIZER,\n          useFactory: (injectorService: Injector) => () => {\n            injector = injectorService\n          },\n          deps: [Injector],\n          multi: true,\n        },\n      ],\n    })(story, context)\n  }\n\nexport const getInjectorFromArgs = (\n  args: any,\n  argName: string = INJECTOR_TO_ARGS_PROPERTY_NAME,\n): Injector => {\n  if (!args || typeof args[argName] !== 'function') {\n    throw Error(`Injector getter function '${argName}' not found.`)\n  }\n  const injector = args[argName]()\n  if (!injector) {\n    throw Error(\n      `Injector not found. Did you add 'addInjectorGetterToArgs' to your story dectorators?`,\n    )\n  }\n\n  return injector\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/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-modal-decorator.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/add-injector-to-args.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([...alwaysBind, ...Object.keys(context.args)])\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 (context.args.hasOwnProperty(k) || alwaysBind.indexOf(k) !== -1) {\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(\n  _storyInitialRouteService: StoryInitialRouteService,\n) {\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>(\n  'STORY_INITIAL_ROUTE_URL',\n)\n\n@Injectable()\nexport class StoryInitialRouteService {\n  constructor(private _injector: Injector) {}\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\n        .pipe(\n          filter((e) => e instanceof NavigationEnd),\n          take(1),\n        )\n        .subscribe(() => {\n          _router.navigateByUrl(url)\n        })\n    }\n  }\n}\n","import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core'\n\nimport { storyInitialRouteFactory } from './initial-route-factory'\nimport {\n  StoryInitialRouteService,\n  STORY_INITIAL_ROUTE_URL,\n} 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","// 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 {\n  location.hash = `#${url}`\n}\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) => {\n        __STORYBOOK_ADDONS.getChannel().emit('custom/go-to-hash', { hash: e })\n        return e\n      },\n    },\n  }\n}\n","import { Component } from '@angular/core'\n\n@Component({ template: `<router-outlet></router-outlet>`, standalone: false })\nexport class StoryEmptyWithRouteComponent {}\n","import { CommonModule } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Injector,\n  Input,\n  signal,\n  TemplateRef,\n} from '@angular/core'\nimport { of } from 'rxjs'\n\nimport { ModalConfig, ModalRef, MODAL_DATA } from '@theseam/ui-common/modal'\nimport type { ComponentType } from '@theseam/ui-common/models'\nimport { TheSeamOverlayScrollbarDirective } from '@theseam/ui-common/scrollbar'\n\nclass FakeModalRef<T, R = any> implements Partial<ModalRef<T, R>> {\n  afterOpened() {\n    return of(undefined)\n  }\n\n  close(_dialogResult?: R): void {\n    /* no-op in stories */\n  }\n}\n\n/**\n * Renders its content (or an imperatively provided component/template) inside\n * a stand-in modal frame so stories can preview components that are normally\n * opened through the modal service.\n *\n * Three ways to provide content, checked in order:\n *  1. `[component]` input — renders via `ngComponentOutlet`. Kept for\n *     compatibility with existing app stories.\n *  2. `[template]` input — renders a `TemplateRef` via `ngTemplateOutlet`.\n *  3. Projected content (`<ng-content>`) — the preferred form for new stories\n *     because Storybook's default template auto-binds inputs/outputs.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'story-modal-container-component',\n  imports: [CommonModule, TheSeamOverlayScrollbarDirective],\n  template: `\n    <div class=\"cdk-overlay-container\">\n      <div\n        class=\"cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing\"\n      ></div>\n      <div\n        class=\"cdk-global-overlay-wrapper\"\n        dir=\"ltr\"\n        style=\"justify-content: flex-start; align-items: center; pointer-events: auto\"\n        seamOverlayScrollbar\n      >\n        <div\n          class=\"seam-modal-container modal-dialog modal-dialog-centered {{\n            _modalSizeClass()\n          }}\"\n          tabindex=\"-1\"\n        >\n          <div class=\"modal-content\">\n            @if (_component(); as c) {\n              <ng-container\n                *ngComponentOutlet=\"c; injector: _componentInjector()\"\n              ></ng-container>\n            } @else if (template) {\n              <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n            } @else {\n              <ng-content></ng-content>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [\n    `\n      .seam-modal-container[tabindex='-1']:focus {\n        outline: 0 !important;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StoryModalContainerComponent<T = unknown, D = any> {\n  constructor(private readonly _injector: Injector) {}\n\n  @Input()\n  set component(c: ComponentType<T> | null | undefined) {\n    this._component.set(c ?? null)\n  }\n\n  @Input()\n  set data(d: D | null | undefined) {\n    this._data.set(d ?? null)\n  }\n\n  @Input()\n  set modalConfig(config: ModalConfig<D> | null | undefined) {\n    this._modalConfig.set(config ?? null)\n  }\n  get modalConfig(): ModalConfig<D> | null {\n    return this._modalConfig()\n  }\n\n  @Input() template?: TemplateRef<unknown> | null\n\n  protected readonly _component = signal<ComponentType<T> | null>(null)\n  private readonly _data = signal<D | null>(null)\n  private readonly _modalConfig = signal<ModalConfig<D> | null>(null)\n\n  protected readonly _componentInjector = computed(() =>\n    this._createInjector(this._data()),\n  )\n\n  // No default size — stories opt into a Bootstrap modal size via\n  // `modalConfig.modalSize`, matching how the real ModalService is used.\n  protected readonly _modalSizeClass = computed(() => {\n    const size = this._modalConfig()?.modalSize\n    return size ? `modal-${size}` : ''\n  })\n\n  private _createInjector(data: D | null): Injector {\n    return Injector.create({\n      providers: [\n        { provide: ModalRef, useClass: FakeModalRef, deps: [] },\n        { provide: MODAL_DATA, useValue: data ?? undefined },\n      ],\n      parent: this._injector,\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: [StoryEmptyWithRouteComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    TheSeamOverlayScrollbarDirective,\n    StoryModalContainerComponent,\n  ],\n  exports: [StoryEmptyWithRouteComponent, StoryModalContainerComponent],\n})\nexport class StoryHelperComponentsModule {}\n","import { componentWrapperDecorator, Decorator } from '@storybook/angular'\n\nimport { ModalConfig } from '@theseam/ui-common/modal'\n\nimport { StoryModalContainerComponent } from './story-modal-container.component'\n\nexport interface StoryModalDecoratorOptions {\n  /**\n   * Passed through to `StoryModalContainerComponent`'s `modalConfig` input.\n   * Commonly used to opt into a Bootstrap modal size, e.g.\n   * `{ modalSize: 'lg' }`.\n   */\n  modalConfig?: ModalConfig\n}\n\n/**\n * Wraps a story's rendered component in `<story-modal-container-component>`\n * so it previews inside a stand-in modal frame. Storybook's default template\n * binds the story's args to the wrapped component, so inputs/outputs (e.g.\n * for the Actions addon) work without extra wiring.\n *\n * Use as an entry in a story's `decorators` array:\n *\n * ```ts\n * const meta: Meta<MyModalComponent> = {\n *   title: 'Modal/My',\n *   component: MyModalComponent,\n *   decorators: [storyModalDecorator({ modalConfig: { modalSize: 'lg' } })],\n * }\n * ```\n */\nexport function storyModalDecorator(\n  options?: StoryModalDecoratorOptions,\n): Decorator {\n  return (storyFn, storyContext) => {\n    const result = componentWrapperDecorator(\n      (story) => `\n        <story-modal-container-component [modalConfig]=\"_storyModalConfig\">\n          ${story}\n        </story-modal-container-component>\n      `,\n    )(storyFn, storyContext)\n\n    return {\n      ...result,\n      props: {\n        ...(result.props ?? {}),\n        // Prefixed to avoid colliding with a story's own args.\n        _storyModalConfig: options?.modalConfig ?? null,\n      },\n      moduleMetadata: {\n        ...(result.moduleMetadata ?? {}),\n        imports: [\n          ...(result.moduleMetadata?.imports ?? []),\n          StoryModalContainerComponent,\n        ],\n      },\n    }\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(\n  targetSelector: string,\n  eventName: string,\n) {\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(\n        `Unable to trigger event '${eventName}'. Target '${targetSelector}' not found.`,\n      )\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\n  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","import { APP_INITIALIZER, Injector } from '@angular/core'\n\nimport { AngularRenderer, applicationConfig } from '@storybook/angular'\nimport { DecoratorFunction } from 'storybook/internal/csf'\n\nexport const INJECTOR_TO_ARGS_PROPERTY_NAME = '__getInjector'\n\n// TODO: Decide a better way to persist the injector reference than poluting\n// args with a value that isn't really meant to be an arg.\n\n/**\n * Storybook decorator that stores the Angular Injector in\n * args, for retrieval in play function.\n */\nexport const addInjectorGetterToArgs =\n  (\n    argName: string = INJECTOR_TO_ARGS_PROPERTY_NAME,\n  ): DecoratorFunction<AngularRenderer> =>\n  (story: any, context: any) => {\n    // TODO: Test this more thoroughly.\n    let injector: Injector | null = null\n    context.args[argName] = () => injector\n    return applicationConfig({\n      providers: [\n        {\n          provide: APP_INITIALIZER,\n          useFactory: (injectorService: Injector) => () => {\n            injector = injectorService\n          },\n          deps: [Injector],\n          multi: true,\n        },\n      ],\n    })(story, context)\n  }\n\nexport const getInjectorFromArgs = (\n  args: any,\n  argName: string = INJECTOR_TO_ARGS_PROPERTY_NAME,\n): Injector => {\n  if (!args || typeof args[argName] !== 'function') {\n    throw Error(`Injector getter function '${argName}' not found.`)\n  }\n  const injector = args[argName]()\n  if (!injector) {\n    throw Error(\n      `Injector not found. Did you add 'addInjectorGetterToArgs' to your story dectorators?`,\n    )\n  }\n\n  return injector\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "1.0.2-beta.58",
+  "version": "1.0.2-beta.60",
   "peerDependencies": {
     "@angular/cdk": "^20.2.3",
     "@angular/common": "^20.3.0",
@@ -267,6 +267,10 @@
       "types": "./shared/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-shared.mjs"
     },
+    "./signature-input": {
+      "types": "./signature-input/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-signature-input.mjs"
+    },
     "./states-counties-map": {
       "types": "./states-counties-map/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-states-counties-map.mjs"

package/signature-input/index.d.ts

@@ -0,0 +1,306 @@
+import * as _almothafar_angular_signature_pad from '@almothafar/angular-signature-pad';
+import { NgSignaturePadOptions } from '@almothafar/angular-signature-pad';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, AfterViewInit, EventEmitter } from '@angular/core';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import { FormGroup, FormControl, ControlValueAccessor } from '@angular/forms';
+import { NgxFileDropEntry } from 'ngx-file-drop';
+import { ModalConfig } from '@theseam/ui-common/modal';
+import * as _angular_cdk_testing from '@angular/cdk/testing';
+import { ComponentHarness, TestElement, BaseHarnessFilters, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * Options for `szimek/signature_pad` exposed by
+ * `@almothafar/angular-signature-pad`. Re-exported here so consumers don't
+ * have to reach into the third-party module directly.
+ */
+type SignaturePadOptions = NgSignaturePadOptions;
+type SignatureInputOptions = NgSignaturePadOptions;
+interface SignatureInputItem {
+    clear(): void;
+}
+interface SignatureInputContainer {
+    registerInputItem(type: string, item: SignatureInputItem): boolean;
+    unregisterInputItem(type: string, item: SignatureInputItem): boolean;
+}
+type SignatureInputType = 'pen' | 'text' | 'img';
+type SignatureInputResetType = 'delete' | 'cancel';
+type SignatureInputPanelResult = {
+    type: 'submit';
+    value: string;
+} | {
+    type: 'cancel';
+};
+
+declare const THESEAM_SIGNATURE_INPUT_CONTAINER: InjectionToken<SignatureInputContainer>;
+
+interface SignatureInputPanelForm {
+    pen: FormControl<string | null>;
+    text: FormControl<string | null>;
+    img: FormControl<string | null>;
+}
+declare class TheSeamSignatureInputPanelComponent implements SignatureInputContainer {
+    private readonly _layout;
+    private readonly _modalRef;
+    /** Emitted when the panel is submitted or canceled. */
+    readonly result: _angular_core.OutputEmitterRef<SignatureInputPanelResult>;
+    protected readonly _faSignature: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected readonly _faUpload: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected readonly _faKeyboard: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected readonly _activeType: _angular_core.WritableSignal<SignatureInputType>;
+    protected readonly _resetType: _angular_core.Signal<SignatureInputResetType>;
+    readonly _form: FormGroup<SignatureInputPanelForm>;
+    private readonly _registeredInputItems;
+    private readonly _activeControl$;
+    private readonly _activeValue$;
+    private readonly _canSubmit$;
+    protected readonly _value: _angular_core.Signal<string | null>;
+    protected readonly _valueEmpty: _angular_core.Signal<boolean>;
+    protected readonly _canSubmit: _angular_core.Signal<boolean>;
+    protected readonly _isSm: _angular_core.Signal<boolean>;
+    showType(type: SignatureInputType): void;
+    registerInputItem(type: string, item: SignatureInputItem): boolean;
+    unregisterInputItem(type: string, item: SignatureInputItem): boolean;
+    reset(): void;
+    protected _onClearBtnClick(event: Event): void;
+    protected _onCancelBtnClick(event: Event): void;
+    protected _onSubmitBtnClick(event: Event): void;
+    private _emit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamSignatureInputPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamSignatureInputPanelComponent, "seam-signature-input-panel", never, {}, { "result": "result"; }, never, never, true, never>;
+}
+
+declare class TheSeamSignatureInputPenComponent implements ControlValueAccessor, SignatureInputItem {
+    private readonly _container;
+    private readonly _destroyRef;
+    readonly options: _angular_core.InputSignalWithTransform<_almothafar_angular_signature_pad.NgSignaturePadOptions, _almothafar_angular_signature_pad.NgSignaturePadOptions>;
+    readonly beginDrawing: _angular_core.OutputEmitterRef<MouseEvent | Touch>;
+    readonly endDrawing: _angular_core.OutputEmitterRef<MouseEvent | Touch>;
+    private readonly _signaturePad;
+    private readonly _value;
+    private readonly _disabled;
+    protected readonly _canvasWidth: _angular_core.Signal<number | undefined>;
+    protected readonly _canvasHeight: _angular_core.Signal<number | undefined>;
+    private _onChange;
+    private _onTouched;
+    constructor();
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    clear(): void;
+    protected _drawStart(event: MouseEvent | Touch): void;
+    protected _drawComplete(event: MouseEvent | Touch): void;
+    private _getDataURL;
+    private _applyValueToPad;
+    private _setValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamSignatureInputPenComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamSignatureInputPenComponent, "seam-signature-input-pen", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "beginDrawing": "beginDrawing"; "endDrawing": "endDrawing"; }, never, never, true, never>;
+}
+
+type SignatureFontState = 'loading' | 'inactive' | 'active';
+declare class TheSeamSignatureInputTextComponent implements ControlValueAccessor, SignatureInputItem, AfterViewInit {
+    private readonly _fontLoader;
+    private readonly _container;
+    private readonly _destroyRef;
+    private readonly _typeCanvas;
+    readonly _nameControl: FormControl<string | null>;
+    private readonly _fontState;
+    protected readonly _fontLoading: _angular_core.Signal<boolean>;
+    protected readonly _fontInactive: _angular_core.Signal<boolean>;
+    protected readonly _fontNotActive: _angular_core.Signal<boolean>;
+    private readonly _disabled;
+    protected readonly _disabledOrFontNotActive: _angular_core.Signal<boolean>;
+    protected readonly _canvasWidth = 500;
+    protected readonly _canvasHeight = 127;
+    /** Current form value (rendered bitmap data URL). */
+    private _value;
+    /**
+     * When the user last typed a name (if any) on this instance. `null` means
+     * there is no user-typed signature on this instance — the canvas should
+     * keep whatever image was restored from `_value`.
+     */
+    private _renderedText;
+    private _onChange;
+    private _onTouched;
+    constructor();
+    ngAfterViewInit(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    clear(): void;
+    protected _onKeyDownEnter(): void;
+    protected _onNameInputBlur(): void;
+    /**
+     * Paint the given data URL onto the canvas as an image. Used when the
+     * component mounts with a pre-existing form value — the user's typed name
+     * isn't recoverable from the rendered bitmap, only the bitmap itself.
+     */
+    private _drawImageToCanvas;
+    /**
+     * Render `_nameControl.value` as text onto the canvas and publish the
+     * result as the form value. A null/empty name clears both.
+     */
+    private _drawTextToCanvas;
+    private _clearCanvas;
+    private _setValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamSignatureInputTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamSignatureInputTextComponent, "seam-signature-input-text", never, {}, {}, never, never, true, never>;
+}
+
+declare class TheSeamSignatureInputImgComponent implements ControlValueAccessor, SignatureInputItem {
+    static readonly MAX_FILE_SIZE: number;
+    private readonly _container;
+    private readonly _destroyRef;
+    /**
+     * The File is only needed for validation at selection time. Once it's been
+     * converted to a data URL and stored in the form value, we don't need the
+     * File again — so there's no point trying to round-trip it through
+     * writeValue / form state. The preview renders off the current form value.
+     */
+    protected readonly _fileControl: FormControl<File | null>;
+    private readonly _fileStatus;
+    protected readonly _sizeError: _angular_core.Signal<string | null>;
+    /**
+     * Single source of truth for both the form value and the preview image.
+     * External writes (writeValue) and successful uploads both funnel through
+     * here, so switching tabs and coming back always shows the last committed
+     * signature.
+     */
+    private readonly _value;
+    protected readonly _previewDataUrl: _angular_core.Signal<string | null>;
+    protected readonly _previewBackgroundImage: _angular_core.Signal<string | null>;
+    private _onChange;
+    private _onTouched;
+    constructor();
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    clear(): void;
+    openFileBrowse(): void;
+    protected _onFileDropped(files: NgxFileDropEntry[]): void;
+    private _setValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamSignatureInputImgComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamSignatureInputImgComponent, "seam-signature-input-img", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Opens the signature input panel in a modal when the host button/anchor is
+ * clicked, and writes the submitted data URL back through its bound form
+ * control. Implements `ControlValueAccessor` so it works with any of the form
+ * binding styles (`formControl`, `formControlName`, `ngModel`).
+ *
+ * Usage:
+ *
+ * ```html
+ * <button seamButton theme="primary" seamSignatureInput formControlName="signature">
+ *   Sign
+ * </button>
+ * ```
+ *
+ * The selector-name input accepts a partial `ModalConfig` for cases that need
+ * to tweak the modal (e.g. `disableClose`):
+ *
+ * ```html
+ * <button
+ *   seamButton
+ *   [seamSignatureInput]="{ disableClose: true }"
+ *   formControlName="signature"
+ * >Sign</button>
+ * ```
+ */
+declare class TheSeamSignatureInputButtonDirective implements ControlValueAccessor {
+    private readonly _modal;
+    private readonly _elementRef;
+    private readonly _seamButton;
+    private readonly _seamAnchor;
+    /**
+     * Partial `ModalConfig` passthrough. Most consumers leave this unset; the
+     * signature panel's styles assume the default modal size.
+     */
+    modalConfig: ModalConfig | null | undefined;
+    /** Emits the submitted data URL when the user applies a signature. */
+    signed: EventEmitter<string>;
+    /** Emits when the user dismisses the panel without submitting. */
+    canceled: EventEmitter<void>;
+    private _value;
+    private _disabled;
+    private _onChange;
+    private _onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** @ignore */
+    _onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamSignatureInputButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheSeamSignatureInputButtonDirective, "button[seamSignatureInput], a[seamSignatureInput]", ["seamSignatureInput"], { "modalConfig": { "alias": "seamSignatureInput"; "required": false; }; }, { "signed": "signed"; "canceled": "canceled"; }, never, never, true, never>;
+}
+
+declare class TheSeamSignatureInputImgHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _fileDrop;
+    private readonly _sizeError;
+    private readonly _preview;
+    getSizeError(): Promise<string | null>;
+    hasPreview(): Promise<boolean>;
+    getPreviewSrc(): Promise<string | null>;
+    getFileDrop(): Promise<_angular_cdk_testing.TestElement>;
+}
+
+declare class TheSeamSignatureInputPenHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _canvas;
+    getCanvas(): Promise<_angular_cdk_testing.TestElement>;
+    getCanvasWidth(): Promise<number | null>;
+    getCanvasHeight(): Promise<number | null>;
+}
+
+declare class TheSeamSignatureInputTextHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _input;
+    private readonly _canvas;
+    getInput(): Promise<_angular_cdk_testing.TestElement>;
+    enterName(text: string): Promise<void>;
+    getInputValue(): Promise<string>;
+    isInputDisabled(): Promise<boolean>;
+    getCanvas(): Promise<_angular_cdk_testing.TestElement>;
+}
+
+declare class TheSeamSignatureInputPanelHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _drawBtn;
+    private readonly _typeBtn;
+    private readonly _uploadBtn;
+    private readonly _footerBtns;
+    private readonly _penHarness;
+    private readonly _textHarness;
+    private readonly _imgHarness;
+    showType(type: SignatureInputType): Promise<void>;
+    getActiveType(): Promise<SignatureInputType | null>;
+    getPen(): Promise<TheSeamSignatureInputPenHarness | null>;
+    getText(): Promise<TheSeamSignatureInputTextHarness | null>;
+    getImg(): Promise<TheSeamSignatureInputImgHarness | null>;
+    getClearOrDeleteButton(): Promise<TestElement>;
+    getCancelButton(): Promise<TestElement>;
+    getSubmitButton(): Promise<TestElement>;
+    isSubmitDisabled(): Promise<boolean>;
+    cancel(): Promise<void>;
+    submit(): Promise<void>;
+}
+
+interface SignatureInputButtonHarnessFilters extends BaseHarnessFilters {
+    text?: string | RegExp;
+}
+declare class TheSeamSignatureInputButtonHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options?: SignatureInputButtonHarnessFilters): HarnessPredicate<TheSeamSignatureInputButtonHarness>;
+    getText(): Promise<string>;
+    isDisabled(): Promise<boolean>;
+    click(): Promise<void>;
+}
+
+export { THESEAM_SIGNATURE_INPUT_CONTAINER, TheSeamSignatureInputButtonDirective, TheSeamSignatureInputButtonHarness, TheSeamSignatureInputImgComponent, TheSeamSignatureInputImgHarness, TheSeamSignatureInputPanelComponent, TheSeamSignatureInputPanelHarness, TheSeamSignatureInputPenComponent, TheSeamSignatureInputPenHarness, TheSeamSignatureInputTextComponent, TheSeamSignatureInputTextHarness };
+export type { SignatureFontState, SignatureInputContainer, SignatureInputItem, SignatureInputOptions, SignatureInputPanelResult, SignatureInputResetType, SignatureInputType, SignaturePadOptions };

package/signature-input/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/theseam-ui-common-signature-input.mjs"
+}

package/story-helpers/index.d.ts

@@ -1,14 +1,14 @@
 import { HandlerFunction } from 'storybook/actions';
 import * as i0 from '@angular/core';
-import { ModuleWithProviders, OnDestroy, Injector, InjectionToken, ComponentRef } from '@angular/core';
-import { ReplaySubject, Observable } from 'rxjs';
+import { ModuleWithProviders, Injector, TemplateRef, InjectionToken, ComponentRef } from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/router';
+import * as i4 from '@theseam/ui-common/scrollbar';
 import { ModalConfig } from '@theseam/ui-common/modal';
 import { ComponentType } from '@theseam/ui-common/models';
-import * as i3 from '@angular/common';
-import * as i4 from '@angular/router';
-import * as i5 from '@theseam/ui-common/scrollbar';
+import { Decorator, AngularRenderer } from '@storybook/angular';
+import { Observable } from 'rxjs';
 import { TheSeamPreferencesAccessor } from '@theseam/ui-common/services';
-import { AngularRenderer } from '@storybook/angular';
 import { DecoratorFunction } from 'storybook/internal/csf';
 
 declare type ArgType = any;
@@ -73,28 +73,39 @@ declare class StoryEmptyWithRouteComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<StoryEmptyWithRouteComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }
 
-declare class StoryModalContainerComponent<T, D = any> implements OnDestroy {
-    private _injector;
-    private readonly _ngUnsubscribe;
-    set component(c: ComponentType<T>);
-    set data(d: D);
-    modalConfig?: ModalConfig<D>;
-    _component: ReplaySubject<ComponentType<T>>;
-    _data: ReplaySubject<D>;
-    _outletData$: Observable<{
-        component: ComponentType<T>;
-        injector: Injector;
-    } | null>;
+/**
+ * Renders its content (or an imperatively provided component/template) inside
+ * a stand-in modal frame so stories can preview components that are normally
+ * opened through the modal service.
+ *
+ * Three ways to provide content, checked in order:
+ *  1. `[component]` input — renders via `ngComponentOutlet`. Kept for
+ *     compatibility with existing app stories.
+ *  2. `[template]` input — renders a `TemplateRef` via `ngTemplateOutlet`.
+ *  3. Projected content (`<ng-content>`) — the preferred form for new stories
+ *     because Storybook's default template auto-binds inputs/outputs.
+ */
+declare class StoryModalContainerComponent<T = unknown, D = any> {
+    private readonly _injector;
     constructor(_injector: Injector);
-    ngOnDestroy(): void;
+    set component(c: ComponentType<T> | null | undefined);
+    set data(d: D | null | undefined);
+    set modalConfig(config: ModalConfig<D> | null | undefined);
+    get modalConfig(): ModalConfig<D> | null;
+    template?: TemplateRef<unknown> | null;
+    protected readonly _component: i0.WritableSignal<ComponentType<T> | null>;
+    private readonly _data;
+    private readonly _modalConfig;
+    protected readonly _componentInjector: i0.Signal<Injector>;
+    protected readonly _modalSizeClass: i0.Signal<string>;
     private _createInjector;
     static ɵfac: i0.ɵɵFactoryDeclaration<StoryModalContainerComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StoryModalContainerComponent<any, any>, "story-modal-container-component", never, { "component": { "alias": "component"; "required": false; }; "data": { "alias": "data"; "required": false; }; "modalConfig": { "alias": "modalConfig"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryModalContainerComponent<any, any>, "story-modal-container-component", never, { "component": { "alias": "component"; "required": false; }; "data": { "alias": "data"; "required": false; }; "modalConfig": { "alias": "modalConfig"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class StoryHelperComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StoryHelperComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StoryHelperComponentsModule, [typeof StoryEmptyWithRouteComponent, typeof StoryModalContainerComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.TheSeamOverlayScrollbarDirective], [typeof StoryEmptyWithRouteComponent, typeof StoryModalContainerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StoryHelperComponentsModule, [typeof StoryEmptyWithRouteComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.TheSeamOverlayScrollbarDirective, typeof StoryModalContainerComponent], [typeof StoryEmptyWithRouteComponent, typeof StoryModalContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StoryHelperComponentsModule>;
 }
 
@@ -109,6 +120,32 @@ declare class StoryInitialRouteService {
 
 declare function storyInitialRouteFactory(_storyInitialRouteService: StoryInitialRouteService): () => void;
 
+interface StoryModalDecoratorOptions {
+    /**
+     * Passed through to `StoryModalContainerComponent`'s `modalConfig` input.
+     * Commonly used to opt into a Bootstrap modal size, e.g.
+     * `{ modalSize: 'lg' }`.
+     */
+    modalConfig?: ModalConfig;
+}
+/**
+ * Wraps a story's rendered component in `<story-modal-container-component>`
+ * so it previews inside a stand-in modal frame. Storybook's default template
+ * binds the story's args to the wrapped component, so inputs/outputs (e.g.
+ * for the Actions addon) work without extra wiring.
+ *
+ * Use as an entry in a story's `decorators` array:
+ *
+ * ```ts
+ * const meta: Meta<MyModalComponent> = {
+ *   title: 'Modal/My',
+ *   component: MyModalComponent,
+ *   decorators: [storyModalDecorator({ modalConfig: { modalSize: 'lg' } })],
+ * }
+ * ```
+ */
+declare function storyModalDecorator(options?: StoryModalDecoratorOptions): Decorator;
+
 /**
  * Can be used to trigger an event on a target element when the story component has been bootstrapped.
  *
@@ -157,5 +194,5 @@ declare const INJECTOR_TO_ARGS_PROPERTY_NAME = "__getInjector";
 declare const addInjectorGetterToArgs: (argName?: string) => DecoratorFunction<AngularRenderer>;
 declare const getInjectorFromArgs: (args: any, argName?: string) => Injector;
 
-export { INJECTOR_TO_ARGS_PROPERTY_NAME, STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryPreferencesAccessorService, addInjectorGetterToArgs, argsToTpl, buttonTypeArgType, getInjectorFromArgs, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
-export type { ArgsTplOptions, ArgsTplParts };
+export { INJECTOR_TO_ARGS_PROPERTY_NAME, STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryPreferencesAccessorService, addInjectorGetterToArgs, argsToTpl, buttonTypeArgType, getInjectorFromArgs, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, storyModalDecorator, themeArgType, themeWithOutlineArgType };
+export type { ArgsTplOptions, ArgsTplParts, StoryModalDecoratorOptions };