import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { d as defineCustomElement$2 } from './telia-vst2.js';

const teliaOverlayCss = ".telia-overlay{z-index:300;background-color:rgba(0, 0, 0, 0.3);height:100vh;left:0;position:absolute;top:0;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;width:100vw}";

const TeliaOverlay$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-overlay';
  }
  render() {
    return (h("div", { class: "telia-overlay" }, h("telia-vst", { dataTrackingId: this.dataTrackingId })));
  }
  static get style() { return teliaOverlayCss; }
}, [1, "telia-overlay", {
    "dataTestid": [1, "data-testid"]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-overlay", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-overlay":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaOverlay$1);
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$2();
      }
      break;
  } });
}
defineCustomElement$1();

const TeliaOverlay = TeliaOverlay$1;
const defineCustomElement = defineCustomElement$1;

export { TeliaOverlay, defineCustomElement };
