import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { d as defineCustomElement$7 } from './telia-column.js';
import { d as defineCustomElement$6 } from './telia-grid2.js';
import { d as defineCustomElement$5 } from './telia-logo2.js';
import { d as defineCustomElement$4 } from './telia-row2.js';
import { d as defineCustomElement$3 } from './telia-style-link2.js';
import { d as defineCustomElement$2 } from './telia-vst2.js';

const teliaFooterCss = ".telia-footer{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;background-color:#29003e;padding-top:calc(2rem * var(--voca-rem-multiplier));padding-bottom:calc(2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-footer{font-size:calc(1.4rem * var(--voca-rem-multiplier));padding-top:calc(4.8rem * var(--voca-rem-multiplier));padding-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-footer__top{display:flex;min-height:calc(4.8rem * var(--voca-rem-multiplier));flex-wrap:wrap;align-items:center;justify-content:space-between}.telia-footer__top .telia-footer__social-slot-wrapper ::slotted([slot=social]){color:#ffffff;display:flex}.telia-footer__middle{margin-top:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-footer__middle{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-footer__middle{margin-top:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-footer__navigation{align-items:center;display:flex;margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-footer__navigation{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-footer__navigation{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-footer__navigation.telia-row{justify-content:space-between}::slotted([slot=partners]){margin-bottom:calc(0.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){::slotted([slot=partners]){margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}}::slotted([slot=legal]){color:#ffffff}";

const TeliaFooter$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-footer';
    this.componentClass = 'telia-footer';
  }
  render() {
    return (h("footer", { role: "contentinfo", class: this.componentClass, "data-testid": this.dataTestid }, h("telia-grid", null, h("telia-row", null, h("telia-col", { width: 12 }, h("section", { class: "telia-footer__top" }, h("div", { class: "telia-footer__logo-slot-wrapper" }, h("slot", { name: "logo" }, h("telia-style-link", { variant: "navigation", "dark-background": true, "disable-visited": true, "ensure-click-area": true }, h("a", { href: "#", "aria-label": "Back to Top" }, h("telia-logo", { "dark-background": true, "img-alt": "Telia logo" }))))), h("div", { class: "telia-footer__social-slot-wrapper" }, h("slot", { name: "social" })))))), h("section", { class: "telia-footer__middle" }, h("telia-grid", null, h("telia-row", { class: "telia-footer__navigation" }, h("telia-col", { width: 12 }, h("slot", { name: "navigation" }))), h("telia-row", { class: "telia-footer__partners" }, h("telia-col", { width: 12 }, h("slot", { name: "partners" }))))), h("section", { class: "telia-footer__bottom" }, h("telia-grid", null, h("telia-row", null, h("telia-col", { width: 12 }, h("slot", { name: "legal" }))))), h("telia-vst", { dataTrackingId: this.dataTrackingId })));
  }
  static get style() { return teliaFooterCss; }
}, [1, "telia-footer", {
    "dataTestid": [1, "data-testid"]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-footer", "telia-col", "telia-grid", "telia-logo", "telia-row", "telia-style-link", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-footer":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaFooter$1);
      }
      break;
    case "telia-col":
      if (!customElements.get(tagName)) {
        defineCustomElement$7();
      }
      break;
    case "telia-grid":
      if (!customElements.get(tagName)) {
        defineCustomElement$6();
      }
      break;
    case "telia-logo":
      if (!customElements.get(tagName)) {
        defineCustomElement$5();
      }
      break;
    case "telia-row":
      if (!customElements.get(tagName)) {
        defineCustomElement$4();
      }
      break;
    case "telia-style-link":
      if (!customElements.get(tagName)) {
        defineCustomElement$3();
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$2();
      }
      break;
  } });
}
defineCustomElement$1();

const TeliaFooter = TeliaFooter$1;
const defineCustomElement = defineCustomElement$1;

export { TeliaFooter, defineCustomElement };
