@db-ux/wc-core-components 4.4.1 → 4.4.2

package/dist/db-ux/p-2c0bd1d8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t}from"./p-05XnVETo.js";import{q as a}from"./p-BdL-nI5y.js";import{g as i,c as o}from"./p-C4x0SOcx.js";const d=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=null==s?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const o=t.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))&&(s.setAttribute(o.name,o.value),a.removeAttribute(o.name)),o&&"class"===o.name){const t=o.value.includes("hydrated"),i=o.value.replace("hydrated","").trim(),d=s.getAttribute("class");s.setAttribute(o.name,`${d?`${d} `:""}${i}`),t?a.setAttribute("class","hydrated"):a.removeAttribute(o.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"9014cc8dfb318b456ae6115abe7217a1d1cca73b",class:o("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":null!==(s=this.icon)&&void 0!==s?s:a,"data-show-icon":i(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{d as db_brand}

package/dist/db-ux/p-47b821f7.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i}from"./p-05XnVETo.js";import{D as s}from"./p-BdL-nI5y.js";import{u as h,c as a}from"./p-C4x0SOcx.js";const n=class{constructor(i){t(this,i),this._id=s,this._name="",this.initialized=!1,this._initOpenIndexDone=!1}convertItems(){try{return"string"==typeof this.items?JSON.parse(this.items):this.items}catch(t){console.error(t)}return[]}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(t.setAttribute(a.name,a.value),s.removeAttribute(a.name)),a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n?`${n} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){this.initialized&&("single"===this.behavior?this.name?this._name!==this.name&&(this._name=this.name):this._name!==this._id&&this._id&&(this._name=this._id):this._name="")}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._ref){const i=this._ref.getElementsByTagName("details");if(i)for(const s of Array.from(i))""===this._name?s.removeAttribute("name"):s.name=null!==(t=this._name)&&void 0!==t?t:""}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&this.initOpenIndex.length>0){const t=this._ref.getElementsByTagName("details");if(t){const i="single"===this.behavior&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{(null==i?void 0:i.includes(s))&&(t.open=!0)}))}}this._initOpenIndexDone=!1}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion"),this._id=this.id||"accordion-"+h(),this.initialized=!0,this._initOpenIndexDone=!0,this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}render(){var t;return i("ul",{key:"91f6c44d0b30b23d247af72e0eefd7629db29a36",class:a("db-accordion",this.className),ref:t=>{this._ref=t},id:this._id,"data-variant":this.variant},this.items?null:i("slot",null),this.items?null===(t=this.convertItems())||void 0===t?void 0:t.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}static get watchers(){return{initialized:[{watch0:0}],name:[{watch0:0}],behavior:[{watch0:0}],_id:[{watch0:0}],_ref:[{watch1:0},{watch2:0}],_name:[{watch1:0}],_initOpenIndexDone:[{watch2:0}],initOpenIndex:[{watch2:0}]}}};export{n as db_accordion}

package/dist/db-ux/p-53aed67f.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,F as a}from"./p-05XnVETo.js";import{n as h}from"./p-BdL-nI5y.js";import{u as n,d as o,e as d,g as l,c as e}from"./p-C4x0SOcx.js";import{N as r}from"./p-sP2NlPcu.js";import"./p-G-TursYV.js";const c=class{constructor(s){i(this,s),this.click=t(this,"click"),this.initialized=!1,this.hasAreaPopup=!1,this.hasSubNavigation=!0,this.isSubNavigationExpanded=!1,this.autoClose=!1,this.subNavigationId="sub-navigation-"+n(),this.navigationItemSafeTriangle=void 0}handleNavigationItemClick(i){var t;"A"===(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.nodeName)&&(this.autoClose=!0,o((()=>{this.autoClose=!1}),1e3))}handleClick(i){this.click&&(i.stopPropagation(),this.click.emit(i)),this.hasAreaPopup&&(this.isSubNavigationExpanded=!0)}handleBackClick(i){i.stopPropagation(),this.isSubNavigationExpanded=!1}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const h=t.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(i.setAttribute(h.name,h.value),s.removeAttribute(h.name)),h&&"class"===h.name){const t=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),n=i.getAttribute("class");i.setAttribute(h.name,`${n?`${n} `:""}${a}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){void 0!==this.subNavigationExpanded&&(this.isSubNavigationExpanded=!!d(this.subNavigationExpanded,"subNavigationExpanded"))}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");t&&((null===(i=t.children)||void 0===i?void 0:i.length)>0?(this.hasAreaPopup=!0,this.navigationItemSafeTriangle||(this.navigationItemSafeTriangle=new r(this._ref,t))):this.hasSubNavigation=!1)}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var i;return s("li",{key:"d00b7b4852a729301d545abaf1a65cd3e0cdcee7",class:e("db-navigation-item",this.className),ref:i=>{this._ref=i},id:this.id,onMouseOver:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.disableFollow()},onMouseMove:i=>{var t;return null===(t=this.navigationItemSafeTriangle)||void 0===t?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-show-icon":l(this.showIcon),"data-active":this.active,"data-wrap":l(this.wrap),"aria-disabled":l(this.disabled)},this.hasSubNavigation?null:this.text?this.text:s("slot",null),this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:d(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-force-close":this.autoClose,id:this.subNavigationId,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},null!==(i=this.backButtonText)&&void 0!==i?i:h)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0}]}}};export{c as db_navigation_item}

package/dist/db-ux/p-5e8d052f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i}from"./p-05XnVETo.js";import{g as a,e,c as h,u as d}from"./p-C4x0SOcx.js";import{D as c}from"./p-BdL-nI5y.js";const n=class{constructor(i){t(this,i),this.change=s(this,"change"),this._selected=!1,this._name=void 0,this.initialized=!1,this._listenerAdded=!1,this.boundSetSelectedOnChange=void 0}setSelectedOnChange(t){t.stopPropagation(),this._selected=a(t.target===this._ref)}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,i)=>{t.call(this._ref,s,i),"name"===s&&(this._name=i)}}}handleChange(t){this.change&&this.change.emit(t)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))&&(t.setAttribute(e.name,e.value),i.removeAttribute(e.name)),e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}watch0Fn(){var t;this._ref&&this.initialized&&this.boundSetSelectedOnChange&&(this.initialized=!1,this._listenerAdded||(null===(t=this._ref.closest("[role=tablist]"))||void 0===t||t.addEventListener("change",this.boundSetSelectedOnChange),this._listenerAdded=!0),(this.active||this._ref.checked)&&(this._selected=a(!0),this._ref.click()))}watch0(){this.watch0Fn()}watch1Fn(){this.name&&(this._name=this.name)}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item"),this.boundSetSelectedOnChange=this.setSelectedOnChange.bind(this),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;this._listenerAdded&&this._ref&&this.boundSetSelectedOnChange&&(null===(t=this._ref.closest("[role=tablist]"))||void 0===t||t.removeEventListener("change",this.boundSetSelectedOnChange),this._listenerAdded=!1)}render(){var t,s;return i("li",{key:"9bbc9bdc6c450f62ce790a2662b165f9fad484ea",class:h("db-tab-item",this.className),role:"none"},i("label",{key:"e3a4e3afdd250587b5d0cef54eb7d8302980199f",htmlFor:this.id,"data-icon":null!==(t=this.iconLeading)&&void 0!==t?t:this.icon,"data-icon-trailing":this.iconTrailing,"data-show-icon":a(null!==(s=this.showIconLeading)&&void 0!==s?s:this.showIcon),"data-show-icon-trailing":a(this.showIconTrailing),"data-no-text":a(this.noText)},i("input",{key:"372cd912646fd40dc31f49d344d60526442a0f7a",type:"radio",role:"tab",disabled:e(this.disabled,"disabled"),"aria-selected":this._selected,checked:e(this.checked,"checked"),ref:t=>{this._ref=t},name:this._name,id:this.id,onInput:t=>this.handleChange(t)}),this.label?this.label:null,i("slot",{key:"843e696cad853b5ce9d582f210efe86f3d270cb8"})))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}],boundSetSelectedOnChange:[{watch0:0}],name:[{watch1:0}]}}},l=class{constructor(s){t(this,s),this._id=c}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))&&(t.setAttribute(e.name,e.value),i.removeAttribute(e.name)),e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list"),this._id=this.id||"tab-list-"+d()}render(){return i("div",{key:"4ef0a69cacaafb2205ebfea7826c3c1f64a84411",class:h("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},i("ul",{key:"cfdccc43bd366eb9c71137918a8ca92fd6a81b69",role:"tablist"},i("slot",{key:"c09711c4b398a3d6b26d62c87aaf0f050af32bdb"})))}},o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))&&(t.setAttribute(e.name,e.value),i.removeAttribute(e.name)),e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return i("section",{key:"312ef04379d3b4a094999f02ac919e3b0ac31877",class:h("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id},this.content?this.content:null,i("slot",{key:"7848155bb7734db6835c0fe7fcf85eb37635110d"}))}};export{n as db_tab_item,l as db_tab_list,o as db_tab_panel}

package/dist/db-ux/p-8a0ca84b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,F as a}from"./p-05XnVETo.js";import{u as h,c as n}from"./p-C4x0SOcx.js";const o=class{constructor(s){t(this,s),this.indexChange=i(this,"indexChange"),this.tabSelect=i(this,"tabSelect"),this._id="tabs-"+h(),this._name="",this.initialized=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scrollContainer=null,this._resizeObserver=void 0}convertTabs(){try{return"string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1,this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;t&&(s*=-1),null===(i=this.scrollContainer)||void 0===i||i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i&&(i.setAttribute("aria-orientation",this.orientation||"horizontal"),"arrows"===this.behavior&&(this.scrollContainer=i,this.evaluateScrollButtons(i),i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)})),!this._resizeObserver))){const t=new ResizeObserver((()=>{this.evaluateScrollButtons(i)}));t.observe(i),this._resizeObserver=t}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item")),s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const h=i.indexOf(a),n=a.querySelector("label"),o=a.querySelector("input");if(o&&n){if(!o.id){const t=`${this._name}-tab-${h}`;n.setAttribute("for",t),o.id=t,o.setAttribute("name",this._name),s.length>h&&o.setAttribute("aria-controls",`${this._name}-tab-panel-${h}`)}if(t){const t=!this.initialSelectedMode||"auto"===this.initialSelectedMode,i=null==this.initialSelectedIndex&&0===h||Number(this.initialSelectedIndex)===h;t&&i&&o.click()}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`,t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i;if(t.stopPropagation(),t.target){const s=t.target.parentElement;if(s&&s.parentElement&&"LI"===(null===(i=s.parentElement)||void 0===i?void 0:i.nodeName)){const i=s.parentElement.parentElement;if(i){const s=i.parentElement;if(s){const a=Array.from(s.children).indexOf(i);this.indexChange&&this.indexChange.emit(a),this.tabSelect&&this.tabSelect.emit(t)}}}}}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const h=i.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),s.removeAttribute(h.name)),h&&"class"===h.name){const i=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(h.name,`${n?`${n} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList(),this.initTabs(!0);const t=this._ref.querySelector(".db-tab-list");t&&new MutationObserver((t=>{t.forEach((t=>{(t.removedNodes.length||t.addedNodes.length)&&(this.initTabList(),this.initTabs())}))})).observe(t,{childList:!0,subtree:!0}),this.initialized=!1}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs"),this._id=this.id||this._id,this._name=`tabs-${this.name||h()}`,this.initialized=!0,this.watch0Fn()}disconnectedCallback(){var t;null===(t=this._resizeObserver)||void 0===t||t.disconnect(),this._resizeObserver=void 0}render(){var t,i,h,o;return s("div",{key:"a53c2737f8238bbe266baa7d6e3f90649c52512a",class:n("db-tabs",this.className),ref:t=>{this._ref=t},id:this._id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":null!==(t=this.alignment)&&void 0!==t?t:"start","data-width":null!==(i=this.width)&&void 0!==i?i:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,null===(h=this.convertTabs())||void 0===h?void 0:h.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),null===(o=this.convertTabs())||void 0===o?void 0:o.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"e8cf7f0c576b73cdd459ab4cf1f07f14c5ed1657"}))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}};export{o as db_tabs}

package/dist/db-ux/p-8d37aa19.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t}from"./p-05XnVETo.js";import{c as a}from"./p-C4x0SOcx.js";const c=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=null==s?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let c=0;c<t.length;c++){const i=t.item(c);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))&&(s.setAttribute(i.name,i.value),a.removeAttribute(i.name)),i&&"class"===i.name){const t=i.value.includes("hydrated"),c=i.value.replace("hydrated","").trim(),o=s.getAttribute("class");s.setAttribute(i.name,`${o?`${o} `:""}${c}`),t?a.setAttribute("class","hydrated"):a.removeAttribute(i.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section")}render(){return t("section",{key:"2d9f2702a0f18b257a3517ff002ff45984e07016",class:a("db-section",this.className),ref:s=>{this._ref=s},id:this.id,"data-spacing":this.spacing||"medium","data-width":this.width},t("slot",{key:"c432a712362af876cadc2c40946280272886e74c"}))}};export{c as db_section}

package/dist/db-ux/p-981d05c0.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-05XnVETo.js";import{D as t}from"./p-BdL-nI5y.js";import{u as i,c}from"./p-C4x0SOcx.js";const e=class{constructor(a){s(this,a),this._id=t}enableAttributePassing(s,a){const t=null==s?void 0:s.closest(a);if(s&&t){const a=t.attributes;for(let i=0;i<a.length;i++){const c=a.item(i);if(c&&(c.name.startsWith("data-")||c.name.startsWith("aria-"))&&(s.setAttribute(c.name,c.value),t.removeAttribute(c.name)),c&&"class"===c.name){const a=c.value.includes("hydrated"),i=c.value.replace("hydrated","").trim(),e=s.getAttribute("class");s.setAttribute(c.name,`${e?`${e} `:""}${i}`),a?t.setAttribute("class","hydrated"):t.removeAttribute(c.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation"),this._id=this.id||"navigation-"+i()}render(){return a("nav",{key:"ed27159179b89985cbf0711be7dc494ca820cf75",class:c("db-navigation",this.className),ref:s=>{this._ref=s},id:this._id},a("menu",{key:"6aa518535f6c802abec874a174d6e8d028572269"},a("slot",{key:"2307ee2093cf4bcec3c8f4b8d5e8e88a8d78cf08"})))}};export{e as db_navigation}

package/dist/db-ux/p-d65ecc59.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s}from"./p-05XnVETo.js";import{d as i,g as e,c as a}from"./p-C4x0SOcx.js";import{D as o}from"./p-RHqkTr-_.js";import{b as h}from"./p-G-TursYV.js";const n=class{constructor(s){t(this,s),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&i((()=>{var s;h(t,this._ref,null!==(s=this.placement)&&void 0!==s?s:"bottom")}),1)}handleDocumentScroll(t){var s,i;(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains)&&(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new o).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const s=this.getTrigger();s&&(null===(t=this._observer)||void 0===t||t.observe(s))}handleLeave(t){var s;const i=null==t?void 0:t.target;if(!(null==i?void 0:i.parentNode)||i.parentNode.querySelector(":focus")!==i&&i.parentNode.querySelector(":focus-within")!==i&&i.parentNode.querySelector(":hover")!==i){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new o).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(s=this._observer)||void 0===s||s.unobserve(t))}}getTrigger(){var t;if(this._ref){const s=Array.from(this._ref.children);if(s.length>=2){const i=s[0];return i.tagName.includes("-")?(null===(t=i.children)||void 0===t?void 0:t.length)>0?i.children[0]:null:i}}return null}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(t.setAttribute(a.name,a.value),i.removeAttribute(a.name)),a&&"class"===a.name){const s=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const s=t.find((({target:t})=>t===this.getTrigger()));s&&!s.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=Boolean(this.isExpanded).toString())}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t;return s("div",{key:"4d902919abc8bf5b55a617a31424f35582e029c1",class:a("db-popover",this.className),ref:t=>{this._ref=t},id:this.id},s("slot",{key:"166a0b766f6f0c003e6d7a250fd466267117f59a",name:"trigger"}),s("article",{key:"4fa535dc081c76eb21671e0abfb7d090b38e6e5c",class:"db-popover-content","data-spacing":this.spacing,"data-gap":e(this.gap),"data-animation":e(null===(t=this.animation)||void 0===t||t),"data-open":e(this.open),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},s("slot",{key:"ef47687b496cfe4d6cce11ef5d282a2ec3a88004"})))}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}};export{n as db_popover}