Loader

@use '~/styles/app.scss' as app;

$loader: app.get-theme(app.$theme, 'components.loader');

@include app.generate-component(
  $loader,
  'loader',
  app.$config,
  app.$theme
);

customElements.define("icon-loader", class extends HTMLElement {
      connectedCallback() {
        this.innerHTML = `<svg class="loader" width="40" height="40" class="" role="progressbar" aria-valuetext="Loading" viewBox="0 0 100 100" aria-label="Contents"><circle class="circle" cx="50" cy="50" r="45" fill="none"></circle></svg>`;
  }
});