import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { d as defineCustomElement$4 } from './telia-card-frame2.js';
import { d as defineCustomElement$3 } from './telia-link2.js';
import { d as defineCustomElement$2 } from './telia-style-link2.js';
import { d as defineCustomElement$1 } from './telia-vst2.js';

const teliaCardFrameLinkCss = ".telia-card-frame-link__link{background-clip:padding-box;box-sizing:border-box;cursor:pointer;height:100%;white-space:normal}.telia-card-frame-link__content{border-radius:calc(0.8rem * var(--voca-rem-multiplier));display:flex;flex-direction:column;height:100%}.telia-card-frame-link__content:hover{color:#222222}@media screen and (min-width: 37.5em){.telia-card-frame-link__content:hover{box-shadow:0 calc(0.1rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)}}.telia-card-frame-link__frame{height:100%;width:100%}";

const TeliaCardFrameLink = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-card-frame-link';
    this.componentClass = 'telia-card-frame-link';
  }
  render() {
    return (h(Host, { class: this.componentClass, "data-testid": this.dataTestid }, h("telia-link", { silent: true, variant: 'text', href: this.href, "link-title": this.linkTitle, class: this.componentClass + '__link' }, h("div", { class: `${this.componentClass}__content` }, h("telia-card-frame", { class: `${this.componentClass}__frame`, disablePadding: this.disablePadding }, h("slot", null)))), h("telia-vst", { dataTrackingId: this.dataTrackingId })));
  }
  static get style() { return teliaCardFrameLinkCss; }
}, [1, "telia-card-frame-link", {
    "dataTestid": [1, "data-testid"],
    "href": [1],
    "linkTitle": [1, "link-title"],
    "disablePadding": [4, "disable-padding"]
  }]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-card-frame-link", "telia-card-frame", "telia-link", "telia-style-link", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-card-frame-link":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaCardFrameLink);
      }
      break;
    case "telia-card-frame":
      if (!customElements.get(tagName)) {
        defineCustomElement$4();
      }
      break;
    case "telia-link":
      if (!customElements.get(tagName)) {
        defineCustomElement$3();
      }
      break;
    case "telia-style-link":
      if (!customElements.get(tagName)) {
        defineCustomElement$2();
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$1();
      }
      break;
  } });
}
defineCustomElement();

export { TeliaCardFrameLink as T, defineCustomElement as d };
