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

// Create a const where all members have a readonly value
// and literal type by using const assertion.
const ParagraphVariant = {
  PARAGRAPH100: 'paragraph-100',
  PARAGRAPH200: 'paragraph-200',
  PREAMBLE100: 'preamble-100',
  PREAMBLE200: 'preamble-200',
  ADDITIONAL100: 'additional-100',
  OVERLINE100: 'overline-100',
  OVERLINE200: 'overline-200',
};

const teliaPCss = ":host{--telia-p-hyphenation:\"auto\";display:block}.telia-p{hyphens:var(--telia-p-hyphenation);margin:0}.telia-p--paragraph-100{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}.telia-p--paragraph-200{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.75}.telia-p--preamble-100{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:normal;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.5}.telia-p--preamble-200{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:normal;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.5}@media screen and (min-width: 37.5em){.telia-p--preamble-200{font-size:calc(\n    calc(2rem * var(--voca-rem-multiplier)) + 0.4 *\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\n  )}}@media screen and (min-width: 90em){.telia-p--preamble-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-p--additional-100{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:normal;font-size:calc(1.4rem * var(--voca-rem-multiplier));line-height:1.5}.telia-p--overline-100{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));letter-spacing:0.1rem;line-height:1;text-transform:uppercase}.telia-p--overline-200{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));letter-spacing:0.1rem;line-height:1;text-transform:uppercase}@media screen and (min-width: 37.5em){.telia-p--overline-200{font-size:calc(\n    calc(1.4rem * var(--voca-rem-multiplier)) + 0.2 *\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\n  )}}@media screen and (min-width: 90em){.telia-p--overline-200{font-size:calc(1.6rem * var(--voca-rem-multiplier))}}";

const TeliaP = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    /**
     * Determines the appearance of the text.
     *
     */
    this.variant = ParagraphVariant.PARAGRAPH100;
    /**
     * Disable hyphenation
     *
     */
    this.disableHyphenation = false;
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-p';
  }
  render() {
    return (h(Host, { style: {
        '--telia-p-hyphenation': this.disableHyphenation ? 'none' : 'auto',
      }, class: `telia-p--${this.variant}` }, h("p", { class: {
        'telia-p': true,
        [`telia-p--${this.variant}`]: !!this.variant,
      } }, h("slot", null), h("telia-vst", { dataTrackingId: this.dataTrackingId }))));
  }
  static get style() { return teliaPCss; }
}, [1, "telia-p", {
    "variant": [1],
    "disableHyphenation": [4, "disable-hyphenation"]
  }]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-p", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-p":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaP);
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$1();
      }
      break;
  } });
}
defineCustomElement();

export { TeliaP as T, defineCustomElement as d };
