import { fromEvent } from 'rxjs';
import { webComponentsReady, stylesheetReady } from './common.js';

(async () => {
  await Promise.all([
    ...('customElements' in window
      ? []
      : [
          import(/* webpackChunkName: "webcomponents" */ './polyfills/webcomponents.js').then(() =>
            import(/* webpackChunkName: "shadydom" */ './polyfills/shadydom.js'),
          ),
        ]),
  ]);

  await webComponentsReady;
  await stylesheetReady;

  await import(/* webpackMode: "eager" */ 'fslightbox');

  const pushStateEl = document.querySelector('hy-push-state');
  const after$ = fromEvent(pushStateEl, 'hy-push-state-after');

  after$.subscribe(() => {
    refreshFsLightbox();
  });
})();