'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-7a477838.js');
const typographyHeadingJumboVariation_enum = require('./typography-heading-jumbo-variation.enum-8677e099.js');

const typographyHeadingJumboCss = ".sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale--0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:\"\";width:11.875rem;height:0.4375rem;background:var(--digi--color--border--accent--primary);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--color--border--accent--secondary)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}";
const DigiTypographyHeadingJumboStyle0 = typographyHeadingJumboCss;

const TypographyHeadingJumbo = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.afText = '';
        this.afVariation = undefined;
        this.afLevel = typographyHeadingJumboVariation_enum.TypographyHeadingJumboLevel.H1;
        this.afLang = 'sv';
    }
    /**
     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
     */
    focusOnHeading() {
        this.headingElement.focus();
    }
    get cssModifiers() {
        return {
            'digi-typography-heading-jumbo--primary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.PRIMARY,
            'digi-typography-heading-jumbo--secondary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.SECONDARY
        };
    }
    render() {
        return (index.h(this.afLevel, { key: '77209e0a97d6bc0be66df81e1be66e8b9abcf4ca', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
    }
};
TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;

exports.digi_typography_heading_jumbo = TypographyHeadingJumbo;
