import { r as registerInstance, h, H as Host } from './index-c269755a.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) {
    registerInstance(this, hostRef);
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-visually-hidden';
  }
  render() {
    return (h(Host, null, h("div", { class: "telia-visually-hidden" }, h("slot", null), h("telia-vst", { dataTrackingId: this.dataTrackingId }))));
  }
};
TeliaVisuallyHidden.style = teliaVisuallyHiddenCss;

export { TeliaVisuallyHidden as telia_visually_hidden };
