import { NgModule } from '@angular/core';
import { defineCustomElements } from '@globalpayments/vega/loader';
import VegaComponents from './stencil-generated/components';
import { TextValueAccessor } from './stencil-generated/text-value-accessor';
import { ValueAccessor } from './stencil-generated/value-accessor';
import { ResizeObserver as VegaResizeObserver } from '@juggle/resize-observer';
import { FeatureFlag, VegaEnvManager, FrameworkEnum } from '@globalpayments/vega';
@NgModule({
  declarations: [...VegaComponents, TextValueAccessor, ValueAccessor],
  imports: [],
  exports: [...VegaComponents, TextValueAccessor, ValueAccessor],
})
export class VegaComponentModule {
  constructor() {
    this.useJuggleResizeObserver();
    VegaEnvManager.setVegaFramework(FrameworkEnum.Angular);
    defineCustomElements(window).then();
  }

  useJuggleResizeObserver(){
    if(FeatureFlag.isEnabled('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER')){
      Object.assign(window, {
        'VegaResizeObserver': VegaResizeObserver
      });
    }
  }
}