import{p as e,H as o,d as s,j as t,c as d,t as r}from"./index2.js";import{u as p}from"./utils.js";import{d as n}from"./button.js";import{d as a}from"./icon.js";import{d as c}from"./spinner.js";const i=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost()}get host(){return this}loading=!1;popoverId;render(){const{popoverId:e}=this,o=p(),r=e||o;return s(d,{children:[t("dds-button",{popovertarget:r,popovertargetaction:"toggle",children:"Toggle popover"},"16cebe31c04db5c72f71b8c747117a031917dd60"),t("div",{class:"dds-popover",id:r,popover:"auto",children:t("slot",{},"c7972fb3ef8968958945b080ce8a0708968c6879")},"d77ddf49d7fc84fb849d6bc2982c118ba557854c")]},"d6a9e744284a6e5ad750cfb7b16a745eaedf46ba")}static get style(){return"@layer base {      dds-popover {     display: contents;   }       .dds-popover {     margin: 0;     position-area: end span-end;     position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;        } }  @layer states {      .dds-popover:popover-open {     display: block;   } }  @layer reset, base, states;"}},[774,"dds-popover",{loading:[4],popoverId:[1,"popover-id"]}]),l=i,b=function(){"undefined"!=typeof customElements&&["dds-popover","dds-button","dds-icon","dds-spinner"].forEach((e=>{switch(e){case"dds-popover":customElements.get(r(e))||customElements.define(r(e),i);break;case"dds-button":customElements.get(r(e))||n();break;case"dds-icon":customElements.get(r(e))||a();break;case"dds-spinner":customElements.get(r(e))||c()}}))};export{l as DdsPopover,b as defineCustomElement}