@theseam/ui-common 0.4.13 → 0.4.14

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

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

package/fesm2020/theseam-ui-common-tel-input.mjs

@@ -2,19 +2,20 @@ import { __decorate } from 'tslib';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { Directive, Optional, Inject, Self, HostBinding, Input, EventEmitter, InjectFlags, forwardRef, Component, ChangeDetectionStrategy, Output, ViewChild, HostListener, Pipe, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { UntypedFormControl, NgControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import { Subject, merge, fromEvent, of, defer } from 'rxjs';
 import { tap, last, switchMap, takeUntil, auditTime, map } from 'rxjs/operators';
 import { InputBoolean } from '@theseam/ui-common/core';
-import * as i3 from '@theseam/ui-common/form-field';
+import * as i4 from '@theseam/ui-common/form-field';
 import { InputDirective, TheSeamFormFieldModule } from '@theseam/ui-common/form-field';
-import * as i5 from '@angular/common';
+import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { waitOnConditionAsync, notNullOrUndefined, toggleAttribute, getAttribute, hasAttribute } from '@theseam/ui-common/utils';
 import intlTelInput from 'intl-tel-input';
 import * as i1 from '@theseam/ui-common/services';
 import * as i1$1 from '@angular/cdk/a11y';
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 
 //
 // NOTE: These types are mainly for providing types to 'intl-tel-input', because
@@ -270,7 +271,6 @@ function processCountryCodes(countries) {
 
 class TheSeamTelInputDirective {
     set value(v) {
-        // console.log('set value', v, this._instance)
         this._value = v;
         if (this._instance) {
             this._instance.setNumber(notNullOrUndefined(v) ? v : '');
@@ -305,11 +305,9 @@ class TheSeamTelInputDirective {
         };
     }
     ngOnInit() {
-        merge(this._assetLoader.loadStyleSheet(TEL_INPUT_STYLESHEET_PATH), this._assetLoader.loadStyle(TEL_INPUT_STYLES)).pipe(
-        // tap(v => console.log('loaded', v)),
-        tap(v => this._loadedAssetRefs.push(v)), last(), 
-        // tap(v => console.log('StyleLoadingDone', v)),
-        switchMap(() => {
+        this._elementRef.nativeElement.value = this._ngControl ? this._ngControl.value : this.value ?? '';
+        this._elementRef.nativeElement.setAttribute('instance-loading', '');
+        merge(this._assetLoader.loadStyleSheet(TEL_INPUT_STYLESHEET_PATH), this._assetLoader.loadStyle(TEL_INPUT_STYLES)).pipe(tap(v => this._loadedAssetRefs.push(v)), last(), switchMap(() => {
             this._instance = IntlTelInputFn(this._elementRef.nativeElement, {
                 utilsScript: TEL_INPUT_UTILS_PATH,
                 preferredCountries: ['US'],
@@ -322,10 +320,11 @@ class TheSeamTelInputDirective {
                 // initialCountry: 'auto'
             });
             this._tryUpdateDropdownAttributes();
-            return this._instance.promise;
-        }), 
-        // tap(() => console.log('%c_instance ready', 'color:green', this._instance, this._elementRef.nativeElement.value)),
-        tap(() => this._initDropdownListener()), tap(() => this.value = this._value), tap(this._formatIntlTelInput), switchMap(() => merge(fromEvent(this._elementRef.nativeElement, 'keyup'), fromEvent(this._elementRef.nativeElement, 'change'))), tap(this._formatIntlTelInput), takeUntil(this._ngUnsubscribe)).subscribe();
+            return this._instance.promise.then(v => {
+                this._elementRef.nativeElement.removeAttribute('instance-loading');
+                return v;
+            });
+        }), tap(() => this._initDropdownListener()), tap(() => this.value = this._value), tap(this._formatIntlTelInput), switchMap(() => merge(fromEvent(this._elementRef.nativeElement, 'keyup'), fromEvent(this._elementRef.nativeElement, 'change'))), tap(this._formatIntlTelInput), takeUntil(this._ngUnsubscribe)).subscribe();
     }
     ngOnDestroy() {
         this._instance?.destroy();
@@ -443,20 +442,21 @@ class TheSeamTelInputDirective {
         return this._elementRef.nativeElement;
     }
 }
-TheSeamTelInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.AssetLoaderService }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-TheSeamTelInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTelInputDirective, selector: "input[seamTelInput]", inputs: { value: "value" }, host: { properties: { "attr.type": "this._attrType" } }, exportAs: ["seamTelInput"], ngImport: i0 });
+TheSeamTelInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.AssetLoaderService }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamTelInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTelInputDirective, isStandalone: true, selector: "input[seamTelInput]", inputs: { value: "value" }, host: { properties: { "attr.type": "this._attrType" } }, exportAs: ["seamTelInput"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[seamTelInput]',
-                    exportAs: 'seamTelInput'
+                    exportAs: 'seamTelInput',
+                    standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.AssetLoaderService }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: i2.NgControl, decorators: [{
+                }] }, { type: i3.NgControl, decorators: [{
                     type: Optional
                 }, {
                     type: Self
@@ -542,11 +542,14 @@ class TheSeamTelInputComponent {
         this._focusMonitor.monitor(this._elementRef, true).pipe(takeUntil(this._ngUnsubscribe)).subscribe(origin => this._focusOrigin = origin);
         this._control.valueChanges.pipe(takeUntil(this._ngUnsubscribe)).subscribe(v => {
             const value = this._telInputDirective?.getFullNumber();
+            // console.log('valueChanges', v, value)
             this.value = value;
             if (this._controlValueAccessorChangeFn) {
                 this._controlValueAccessorChangeFn(value);
+                this.change.emit(value);
             }
         });
+        this._control.setValue(this.value ?? '');
     }
     /** @ignore */
     ngOnDestroy() {
@@ -557,7 +560,11 @@ class TheSeamTelInputComponent {
     // Implemented as part of ControlValueAccessor.
     /** @ignore */
     writeValue(value) {
+        // console.log('writeValue', value, this._telInputDirective?.getFullNumber(), this._control.value)
         this.value = value;
+        if (this._control.value !== value) {
+            this._control.setValue(value);
+        }
         if (this._telInputDirective) {
             this._telInputDirective.value = value;
             this._telInputDirective.updateValue();
@@ -591,11 +598,11 @@ class TheSeamTelInputComponent {
     }
 }
 TheSeamTelInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamTelInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTelInputComponent, selector: "seam-tel-input", inputs: { required: "required", disabled: "disabled", tabIndex: "tabIndex", name: "name", value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "_onFocus($event)" }, properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [{
+TheSeamTelInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTelInputComponent, isStandalone: true, selector: "seam-tel-input", inputs: { required: "required", disabled: "disabled", tabIndex: "tabIndex", name: "name", value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "_onFocus($event)" }, properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => TheSeamTelInputComponent),
             multi: true
-        }], viewQueries: [{ propertyName: "_telInputDirective", first: true, predicate: TheSeamTelInputDirective, descendants: true, static: true }, { propertyName: "_inputDirective", first: true, predicate: InputDirective, descendants: true, static: true }, { propertyName: "_inputElementRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n", styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamTelInputDirective, selector: "input[seamTelInput]", inputs: ["value"], exportAs: ["seamTelInput"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        }], viewQueries: [{ propertyName: "_telInputDirective", first: true, predicate: TheSeamTelInputDirective, descendants: true, static: true }, { propertyName: "_inputDirective", first: true, predicate: InputDirective, descendants: true, static: true }, { propertyName: "_inputElementRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\"\n  [required]=\"required\"/>\n", styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TheSeamFormFieldModule }, { kind: "directive", type: i4.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamTelInputDirective, selector: "input[seamTelInput]", inputs: ["value"], exportAs: ["seamTelInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     InputBoolean()
 ], TheSeamTelInputComponent.prototype, "required", void 0);
@@ -605,7 +612,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => TheSeamTelInputComponent),
                             multi: true
-                        }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n", styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"] }]
+                        }], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TheSeamFormFieldModule,
+                        TheSeamTelInputDirective,
+                    ], template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\"\n  [required]=\"required\"/>\n", styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i1$1.FocusMonitor }]; }, propDecorators: { required: [{
                 type: Input
             }], disabled: [{
@@ -711,28 +723,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
 class TheSeamTelInputModule {
 }
 TheSeamTelInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTelInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, declarations: [TheSeamTelInputDirective,
-        TheSeamTelInputComponent,
-        TheSeamPhoneNumberPipe], imports: [CommonModule,
+TheSeamTelInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, declarations: [TheSeamPhoneNumberPipe], imports: [CommonModule,
         ReactiveFormsModule,
-        TheSeamFormFieldModule], exports: [TheSeamTelInputDirective,
+        TheSeamFormFieldModule,
+        TheSeamTelInputDirective,
+        TheSeamTelInputComponent], exports: [TheSeamTelInputDirective,
         TheSeamTelInputComponent,
         TheSeamPhoneNumberPipe] });
 TheSeamTelInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, imports: [CommonModule,
         ReactiveFormsModule,
-        TheSeamFormFieldModule] });
+        TheSeamFormFieldModule,
+        TheSeamTelInputComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        TheSeamTelInputDirective,
-                        TheSeamTelInputComponent,
                         TheSeamPhoneNumberPipe
                     ],
                     imports: [
                         CommonModule,
                         ReactiveFormsModule,
-                        TheSeamFormFieldModule
+                        TheSeamFormFieldModule,
+                        TheSeamTelInputDirective,
+                        TheSeamTelInputComponent,
                     ],
                     exports: [
                         TheSeamTelInputDirective,
@@ -742,9 +755,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
+class TheSeamTelInputHarness extends ComponentHarness {
+    constructor() {
+        super(...arguments);
+        this._input = this.locatorFor('input');
+    }
+    /** Creates a `HarnessPredicate` used to locate a particular `TheSeamTelInputHarness`. */
+    static with(options) {
+        return new HarnessPredicate(TheSeamTelInputHarness, options)
+            .addOption('field name', options.name, (harness, name) => HarnessPredicate.stringMatches(harness.getName(), name));
+    }
+    async getName() {
+        return (await this._input()).getAttribute('name');
+    }
+    async getValue() {
+        return (await this._input()).getProperty('value');
+    }
+    async isDisabled() {
+        return (await this._input()).getProperty('disabled');
+    }
+    async isRequired() {
+        return (await this._input()).getProperty('required');
+    }
+    async click() {
+        return (await this._input()).click();
+    }
+    async setValue(value) {
+        await this._waitOnInstance();
+        // TODO: Find out why setInputValue() doesn't update the FormControl.
+        // return (await this._input()).setInputValue(value)
+        await (await this._input()).click();
+        await this._input().then(x => x.setInputValue(''));
+        return (await this._input()).sendKeys(value);
+    }
+    async _waitOnInstance() {
+        const input = document.querySelector('input');
+        const isInstanceReady = () => {
+            const instLoading = input?.getAttribute('instance-loading');
+            return instLoading === null;
+        };
+        if (isInstanceReady()) {
+            return true;
+        }
+        await waitOnConditionAsync(isInstanceReady, 10000);
+    }
+}
+TheSeamTelInputHarness.hostSelector = 'seam-tel-input';
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IntlTelInputFn, TEL_INPUT_ASSETS_PATH, TEL_INPUT_STYLES, TEL_INPUT_STYLESHEET_PATH, TEL_INPUT_UTILS_PATH, THESEAM_DEFAULT_PHONE_NUMBER_FORMAT, TelInputNumberFormatName, TheSeamPhoneNumberPipe, TheSeamTelInputComponent, TheSeamTelInputDirective, TheSeamTelInputModule, VALIDATOR_CODE_MESSAGES, addCountryCode, coercePhoneNumberFormat, getCountryCode, getDialCode, getIntlTelInputUtils, getValidationErrorMessage, globalIntlTelInputGlobals, globalIntlTelInputUtils, intlTelInputUtils, processCountryCodes, telInputValidator };
+export { IntlTelInputFn, TEL_INPUT_ASSETS_PATH, TEL_INPUT_STYLES, TEL_INPUT_STYLESHEET_PATH, TEL_INPUT_UTILS_PATH, THESEAM_DEFAULT_PHONE_NUMBER_FORMAT, TelInputNumberFormatName, TheSeamPhoneNumberPipe, TheSeamTelInputComponent, TheSeamTelInputDirective, TheSeamTelInputHarness, TheSeamTelInputModule, VALIDATOR_CODE_MESSAGES, addCountryCode, coercePhoneNumberFormat, getCountryCode, getDialCode, getIntlTelInputUtils, getValidationErrorMessage, globalIntlTelInputGlobals, globalIntlTelInputUtils, intlTelInputUtils, processCountryCodes, telInputValidator };
 //# sourceMappingURL=theseam-ui-common-tel-input.mjs.map