'use strict';

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

const index = require('./index-b499856a.js');

const teliaVisuallyHiddenCss = ".telia-visually-hidden:not(:focus):not(:focus-within):not(:active){border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:calc(0.1rem * var(--voca-rem-multiplier))}";

const TeliaVisuallyHidden = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-visually-hidden';
  }
  render() {
    return (index.h(index.Host, null, index.h("div", { class: "telia-visually-hidden" }, index.h("slot", null), index.h("telia-vst", { dataTrackingId: this.dataTrackingId }))));
  }
};
TeliaVisuallyHidden.style = teliaVisuallyHiddenCss;

exports.telia_visually_hidden = TeliaVisuallyHidden;
