import{LitElement as t,html as e,css as i}from"../../../lit/index.js";class LrndesignImagemapHotspot extends t{static get styles(){return[i`
        :host {
          display: none;
        }
        @media print {
          :host {
            display: block;
          }
        }
      `]}render(){return e`
      <figure class="hotspot-print">
        <figcaption>
          <relative-heading disable-link id="sub-heading" parent="heading">
            <h2>${this.label}</h2>
          </relative-heading>
          <div id="desc"><slot></slot></div>
        </figcaption>
        <slot id="svg" name="svg"></slot>
      </figure>
    `}constructor(){super(),import("../../relative-heading/relative-heading.js")}static get tag(){return"lrndesign-imagemap-hotspot"}static get properties(){return{label:{type:String},hotspotId:{type:String,attribute:"hotspot-id",reflect:!0},position:{type:String},__hotspots:{type:Array}}}loadSvg(t,e){let i=globalThis.document.createElement("div");i.innerHTML=t;let s=i.children[0];s.slot=t,s.setAttribute("aria-labelledBy","sub-heading"),s.setAttribute("aria-describedBy","sub-heading desc"),(e||[]).forEach((t=>{let e=s.querySelector(`#${t}`);e.classList.add("hotspot"),t===this.hotspotId&&e.classList.add("selected")})),this.appendChild(s),i.remove()}setParentHeading(t){this.shadowRoot.querySelector("#heading").parent=t}}customElements.define(LrndesignImagemapHotspot.tag,LrndesignImagemapHotspot);export{LrndesignImagemapHotspot};