@db-ux/wc-core-components 2.0.6 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/db-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/db-accordion.cjs.entry.js +2 -2
- package/dist/cjs/db-badge.cjs.entry.js +2 -2
- package/dist/cjs/db-brand.cjs.entry.js +2 -2
- package/dist/cjs/db-button.cjs.entry.js +2 -2
- package/dist/cjs/db-card.cjs.entry.js +2 -2
- package/dist/cjs/db-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/db-custom-select-dropdown.db-custom-select-list.db-custom-select-list-item.db-input.db-tag.db-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/db-custom-select-dropdown_6.cjs.entry.js +5 -5
- package/dist/cjs/db-custom-select-dropdown_6.cjs.entry.js.map +1 -1
- package/dist/cjs/db-custom-select-form-field.cjs.entry.js +2 -2
- package/dist/cjs/db-custom-select.cjs.entry.js +3 -3
- package/dist/cjs/db-divider.cjs.entry.js +2 -2
- package/dist/cjs/db-drawer.cjs.entry.js +2 -2
- package/dist/cjs/db-header.cjs.entry.js +3 -3
- package/dist/cjs/db-icon.cjs.entry.js +2 -2
- package/dist/cjs/db-infotext.cjs.entry.js +2 -2
- package/dist/cjs/db-link.cjs.entry.js +2 -2
- package/dist/cjs/db-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/db-navigation.cjs.entry.js +2 -2
- package/dist/cjs/db-notification.cjs.entry.js +2 -2
- package/dist/cjs/db-page.cjs.entry.js +2 -2
- package/dist/cjs/db-popover.cjs.entry.js +2 -2
- package/dist/cjs/db-radio.cjs.entry.js +2 -2
- package/dist/cjs/db-section.cjs.entry.js +2 -2
- package/dist/cjs/db-select.cjs.entry.js +2 -2
- package/dist/cjs/db-stack.cjs.entry.js +2 -2
- package/dist/cjs/db-switch.cjs.entry.js +2 -2
- package/dist/cjs/db-tab-item_3.cjs.entry.js +2 -2
- package/dist/cjs/db-tabs.cjs.entry.js +2 -2
- package/dist/cjs/db-textarea.cjs.entry.js +2 -2
- package/dist/cjs/db-ux.cjs.js +2 -2
- package/dist/cjs/db-ux.cjs.js.map +1 -1
- package/dist/cjs/{document-click-listener-CrbHspH2.js → document-click-listener-BbGE8WyV.js} +3 -3
- package/dist/cjs/{document-click-listener-CrbHspH2.js.map → document-click-listener-BbGE8WyV.js.map} +1 -1
- package/dist/cjs/{index-9h8KqOUd.js → index-7lbP4BU6.js} +16 -2
- package/dist/cjs/index-7lbP4BU6.js.map +1 -0
- package/dist/cjs/{index-fEToMoyG.js → index-BzLx0HVU.js} +3 -3
- package/dist/cjs/{index-fEToMoyG.js.map → index-BzLx0HVU.js.map} +1 -1
- package/dist/cjs/index.cjs.js +5 -4
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{navigation-DjZJIxIq.js → navigation-BLjJ1vaO.js} +3 -3
- package/dist/cjs/{navigation-DjZJIxIq.js.map → navigation-BLjJ1vaO.js.map} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/utils/index.js +13 -0
- package/dist/collection/utils/index.js.map +1 -1
- package/dist/db-ux/db-custom-select-dropdown.db-custom-select-list.db-custom-select-list-item.db-input.db-tag.db-tooltip.entry.esm.js.map +1 -1
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/db-ux.esm.js.map +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/{p-ce5e2b8e.entry.js → p-01112955.entry.js} +2 -2
- package/dist/db-ux/{p-5d4c828f.entry.js → p-049844c6.entry.js} +2 -2
- package/dist/db-ux/{p-4c056a9f.entry.js → p-14c44b94.entry.js} +2 -2
- package/dist/db-ux/{p-7a4ca08d.entry.js → p-1d40e8cd.entry.js} +2 -2
- package/dist/db-ux/{p-8f733f5a.entry.js → p-33aaf986.entry.js} +2 -2
- package/dist/db-ux/{p-9ee62815.entry.js → p-39d957bb.entry.js} +2 -2
- package/dist/db-ux/{p-10a706a6.entry.js → p-4400f077.entry.js} +2 -2
- package/dist/db-ux/{p-cf1e90bc.entry.js → p-44f6404b.entry.js} +2 -2
- package/dist/db-ux/{p-41feb579.entry.js → p-49cc4a11.entry.js} +2 -2
- package/dist/db-ux/{p-a986a721.entry.js → p-50c9112b.entry.js} +2 -2
- package/dist/db-ux/{p-b92b20d7.entry.js → p-52e736c3.entry.js} +2 -2
- package/dist/db-ux/{p-45e619a9.entry.js → p-55b02c80.entry.js} +2 -2
- package/dist/db-ux/{p-f64c445b.entry.js → p-5c2e9373.entry.js} +2 -2
- package/dist/db-ux/{p-132f2d2c.entry.js → p-5c4d25b8.entry.js} +2 -2
- package/dist/db-ux/{p-fd45d553.entry.js → p-61410d87.entry.js} +2 -2
- package/dist/db-ux/{p-0db532bd.entry.js → p-623a9409.entry.js} +2 -2
- package/dist/db-ux/{p-5001ae7c.entry.js → p-63f30576.entry.js} +2 -2
- package/dist/db-ux/{p-58ae7ba7.entry.js → p-6b6dbd54.entry.js} +2 -2
- package/dist/db-ux/{p-Duz60W3r.js → p-6wgV8aKO.js} +2 -2
- package/dist/db-ux/{p-Duz60W3r.js.map → p-6wgV8aKO.js.map} +1 -1
- package/dist/db-ux/{p-03f2f291.entry.js → p-8b7d868b.entry.js} +2 -2
- package/dist/db-ux/{p-B_W_wePN.js → p-DszXleuv.js} +2 -2
- package/dist/db-ux/{p-B_W_wePN.js.map → p-DszXleuv.js.map} +1 -1
- package/dist/db-ux/{p-b34639cd.entry.js → p-a1ee66b3.entry.js} +2 -2
- package/dist/db-ux/{p-8c60d161.entry.js → p-b3148401.entry.js} +2 -2
- package/dist/db-ux/{p-3e39f409.entry.js → p-b4bc8f26.entry.js} +2 -2
- package/dist/db-ux/p-b5a8e9c3.entry.js +2 -0
- package/dist/db-ux/{p-6335bd9b.entry.js.map → p-b5a8e9c3.entry.js.map} +1 -1
- package/dist/db-ux/{p-FlgrrUDn.js → p-bH2PZLSq.js} +1 -1
- package/dist/db-ux/{p-FlgrrUDn.js.map → p-bH2PZLSq.js.map} +1 -1
- package/dist/db-ux/{p-8ac177b3.entry.js → p-c151750e.entry.js} +2 -2
- package/dist/db-ux/{p-33a60b07.entry.js → p-c5909b40.entry.js} +2 -2
- package/dist/db-ux/p-c989b5d8.entry.js +2 -0
- package/dist/db-ux/{p-c0709274.entry.js.map → p-c989b5d8.entry.js.map} +1 -1
- package/dist/db-ux/{p-85bc6a71.entry.js → p-d7ccd983.entry.js} +2 -2
- package/dist/db-ux/p-d9ff0c75.entry.js +2 -0
- package/dist/db-ux/{p-da4bbdb6.entry.js.map → p-d9ff0c75.entry.js.map} +1 -1
- package/dist/db-ux/{p-2817cc26.entry.js → p-f2ef5e71.entry.js} +2 -2
- package/dist/db-ux/{p-TU0pfK1i.js → p-pglUTSkG.js} +2 -2
- package/dist/db-ux/p-pglUTSkG.js.map +1 -0
- package/dist/esm/db-accordion-item.entry.js +2 -2
- package/dist/esm/db-accordion.entry.js +2 -2
- package/dist/esm/db-badge.entry.js +2 -2
- package/dist/esm/db-brand.entry.js +2 -2
- package/dist/esm/db-button.entry.js +2 -2
- package/dist/esm/db-card.entry.js +2 -2
- package/dist/esm/db-checkbox.entry.js +2 -2
- package/dist/esm/db-custom-select-dropdown.db-custom-select-list.db-custom-select-list-item.db-input.db-tag.db-tooltip.entry.js.map +1 -1
- package/dist/esm/db-custom-select-dropdown_6.entry.js +5 -5
- package/dist/esm/db-custom-select-dropdown_6.entry.js.map +1 -1
- package/dist/esm/db-custom-select-form-field.entry.js +2 -2
- package/dist/esm/db-custom-select.entry.js +3 -3
- package/dist/esm/db-divider.entry.js +2 -2
- package/dist/esm/db-drawer.entry.js +2 -2
- package/dist/esm/db-header.entry.js +3 -3
- package/dist/esm/db-icon.entry.js +2 -2
- package/dist/esm/db-infotext.entry.js +2 -2
- package/dist/esm/db-link.entry.js +2 -2
- package/dist/esm/db-navigation-item.entry.js +3 -3
- package/dist/esm/db-navigation.entry.js +2 -2
- package/dist/esm/db-notification.entry.js +2 -2
- package/dist/esm/db-page.entry.js +2 -2
- package/dist/esm/db-popover.entry.js +2 -2
- package/dist/esm/db-radio.entry.js +2 -2
- package/dist/esm/db-section.entry.js +2 -2
- package/dist/esm/db-select.entry.js +2 -2
- package/dist/esm/db-stack.entry.js +2 -2
- package/dist/esm/db-switch.entry.js +2 -2
- package/dist/esm/db-tab-item_3.entry.js +2 -2
- package/dist/esm/db-tabs.entry.js +2 -2
- package/dist/esm/db-textarea.entry.js +2 -2
- package/dist/esm/db-ux.js +3 -3
- package/dist/esm/db-ux.js.map +1 -1
- package/dist/esm/{document-click-listener-B2jDrCt8.js → document-click-listener-Bn3nIGhA.js} +3 -3
- package/dist/esm/{document-click-listener-B2jDrCt8.js.map → document-click-listener-Bn3nIGhA.js.map} +1 -1
- package/dist/esm/{index-FlgrrUDn.js → index-bH2PZLSq.js} +3 -3
- package/dist/esm/{index-FlgrrUDn.js.map → index-bH2PZLSq.js.map} +1 -1
- package/dist/esm/{index-TU0pfK1i.js → index-pglUTSkG.js} +16 -3
- package/dist/esm/index-pglUTSkG.js.map +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{navigation-BjeAmWrQ.js → navigation-C1ssnmpm.js} +3 -3
- package/dist/esm/{navigation-BjeAmWrQ.js.map → navigation-C1ssnmpm.js.map} +1 -1
- package/dist/types/utils/index.d.ts +11 -0
- package/package.json +4 -4
- package/dist/cjs/index-9h8KqOUd.js.map +0 -1
- package/dist/db-ux/p-6335bd9b.entry.js +0 -2
- package/dist/db-ux/p-TU0pfK1i.js.map +0 -1
- package/dist/db-ux/p-c0709274.entry.js +0 -2
- package/dist/db-ux/p-da4bbdb6.entry.js +0 -2
- package/dist/esm/index-TU0pfK1i.js.map +0 -1
- /package/dist/db-ux/{p-ce5e2b8e.entry.js.map → p-01112955.entry.js.map} +0 -0
- /package/dist/db-ux/{p-5d4c828f.entry.js.map → p-049844c6.entry.js.map} +0 -0
- /package/dist/db-ux/{p-4c056a9f.entry.js.map → p-14c44b94.entry.js.map} +0 -0
- /package/dist/db-ux/{p-7a4ca08d.entry.js.map → p-1d40e8cd.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8f733f5a.entry.js.map → p-33aaf986.entry.js.map} +0 -0
- /package/dist/db-ux/{p-9ee62815.entry.js.map → p-39d957bb.entry.js.map} +0 -0
- /package/dist/db-ux/{p-10a706a6.entry.js.map → p-4400f077.entry.js.map} +0 -0
- /package/dist/db-ux/{p-cf1e90bc.entry.js.map → p-44f6404b.entry.js.map} +0 -0
- /package/dist/db-ux/{p-41feb579.entry.js.map → p-49cc4a11.entry.js.map} +0 -0
- /package/dist/db-ux/{p-a986a721.entry.js.map → p-50c9112b.entry.js.map} +0 -0
- /package/dist/db-ux/{p-b92b20d7.entry.js.map → p-52e736c3.entry.js.map} +0 -0
- /package/dist/db-ux/{p-45e619a9.entry.js.map → p-55b02c80.entry.js.map} +0 -0
- /package/dist/db-ux/{p-f64c445b.entry.js.map → p-5c2e9373.entry.js.map} +0 -0
- /package/dist/db-ux/{p-132f2d2c.entry.js.map → p-5c4d25b8.entry.js.map} +0 -0
- /package/dist/db-ux/{p-fd45d553.entry.js.map → p-61410d87.entry.js.map} +0 -0
- /package/dist/db-ux/{p-0db532bd.entry.js.map → p-623a9409.entry.js.map} +0 -0
- /package/dist/db-ux/{p-5001ae7c.entry.js.map → p-63f30576.entry.js.map} +0 -0
- /package/dist/db-ux/{p-58ae7ba7.entry.js.map → p-6b6dbd54.entry.js.map} +0 -0
- /package/dist/db-ux/{p-03f2f291.entry.js.map → p-8b7d868b.entry.js.map} +0 -0
- /package/dist/db-ux/{p-b34639cd.entry.js.map → p-a1ee66b3.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8c60d161.entry.js.map → p-b3148401.entry.js.map} +0 -0
- /package/dist/db-ux/{p-3e39f409.entry.js.map → p-b4bc8f26.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8ac177b3.entry.js.map → p-c151750e.entry.js.map} +0 -0
- /package/dist/db-ux/{p-33a60b07.entry.js.map → p-c5909b40.entry.js.map} +0 -0
- /package/dist/db-ux/{p-85bc6a71.entry.js.map → p-d7ccd983.entry.js.map} +0 -0
- /package/dist/db-ux/{p-2817cc26.entry.js.map → p-f2ef5e71.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as t,h as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-bH2PZLSq.js";import{u as a,j as h,m as e,c as d}from"./p-pglUTSkG.js";const r=class{constructor(s){i(this,s);this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this.initialized=false;this._id=undefined}handleChange(i){i.stopPropagation();if(this.change){this.change.emit(i)}}handleBlur(i){i.stopPropagation();if(this.blur){this.blur.emit(i)}}handleFocus(i){i.stopPropagation();if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,t){const s=i===null||i===void 0?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)}if(h&&h.name==="class"){const t=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}watch0Fn(){if(this.checked&&this.initialized&&this._ref){this._ref.checked=true}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-radio");this.initialized=true;this._id=(i=this.id)!==null&&i!==void 0?i:`radio-${a()}`;this.watch0Fn()}render(){return s("label",{key:"54f6104923ffbb7d0443be431634ae8803f2f893",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),htmlFor:this._id},s("input",{key:"4bd48549054a70f69330e91e69111adef353f75a",type:"radio","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),"aria-describedby":this.describedbyid,value:this.value,required:h(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:s("slot",null))}static get watchers(){return{initialized:["watch0"],_ref:["watch0"],checked:["watch0"]}}};export{r as db_radio};
|
|
2
|
+
//# sourceMappingURL=p-50c9112b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,h as t}from"./p-bH2PZLSq.js";import{c as i}from"./p-pglUTSkG.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){s.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const r=s.getAttribute("class");s.setAttribute(d.name,`${r?`${r} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return t("div",{key:"e3355b0ae601f71157a429a346fef6df9438231c",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
|
|
2
|
+
//# sourceMappingURL=p-52e736c3.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as a}from"./p-bH2PZLSq.js";import{g as i,m as e,j as d,c,u as h}from"./p-pglUTSkG.js";import{D as n}from"./p-DC9V_oNU.js";const o=class{constructor(a){t(this,a);this.change=s(this,"change");this._selected=false;this._name=undefined;this.initialized=false}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,a)=>{t.call(this._ref,s,a);if(s==="name"){this._name=a}}}}handleChange(t){var s;t.stopPropagation();if(this.change){this.change.emit(t)}const a=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=i(a)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){if(this.initialized&&this._ref){if(this.active){this._ref.click()}this.initialized=false}}watch0(){this.watch0Fn()}watch1Fn(){if(this.name){this._name=this.name}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){return a("li",{key:"f6736b93c402902cda45e0efe5d84effba2888d9",class:c("db-tab-item",this.className),role:"none"},a("label",{key:"085df5637baad97ee075e5f955701e7162d33e8b",htmlFor:this.id,"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon":e(this.showIcon),"data-hide-icon-after":e(this.showIcon),"data-no-text":i(this.noText)},a("input",{key:"c0991cadeeb0a525e2a450948f935a4cf274c39a",type:"radio",role:"tab",disabled:d(this.disabled,"disabled"),"aria-selected":this._selected,"aria-controls":this.controls,checked:d(this.checked,"checked"),ref:t=>{this._ref=t},name:this._name,id:this.id,onInput:t=>this.handleChange(t)}),this.label?this.label:null,a("slot",{key:"f3eda59ab27578855ab52c916ccba5c0793e9d0b"})))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"],name:["watch1"]}}};const l=class{constructor(s){t(this,s);this._id=n}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+h()}render(){return a("div",{key:"5e6faa8b67366ce60f67cb2238815dd3f28b71e9",class:c("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},a("ul",{key:"61bcb604fca944ebe07a0918ea84503a4589dd85",role:"tablist"},a("slot",{key:"2ddb39c9465ac435ac294eb68f0065b1634508d0"})))}};const r=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return a("section",{key:"787a669772c3ad5989f5a5c8b6438ed64fd85279",class:c("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id,"aria-labelledby":this.labelledBy},this.content?this.content:null,a("slot",{key:"855217da7aebeb9a3df10efffb5afc9ca7049dda"}))}};export{o as db_tab_item,l as db_tab_list,r as db_tab_panel};
|
|
2
|
+
//# sourceMappingURL=p-55b02c80.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as e,h as d}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as e,h as d}from"./p-bH2PZLSq.js";import{a as c,u as t,j as s,c as i}from"./p-pglUTSkG.js";import{D as b,p as n}from"./p-DC9V_oNU.js";import{i as r}from"./p-6wgV8aKO.js";const o=class{constructor(d){a(this,d);this.toggle=e(this,"toggle");this._id=b;this.initialized=false;this.forcedToMobile=false}handleToggle(){const a=!s(this.drawerOpen,"drawerOpen");if(this.toggle){this.toggle.emit(a)}}handleNavigationItemClick(a){if(r(a)){this.handleToggle()}}enableAttributePassing(a,e){const d=a===null||a===void 0?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const t=e.item(c);if(t&&(t.name.startsWith("data-")||t.name.startsWith("aria-"))){a.setAttribute(t.name,t.value);d.removeAttribute(t.name)}if(t&&t.name==="class"){const e=t.value.includes("hydrated");const c=t.value.replace("hydrated","").trim();const s=a.getAttribute("class");a.setAttribute(t.name,`${s?`${s} `:""}${c}`);if(e){d.setAttribute("class","hydrated")}else{d.removeAttribute(t.name)}}}}}watch0Fn(){var a;if(this.initialized&&document&&this._id&&this.forceMobile){const e=document.getElementById((a=this._id)!==null&&a!==void 0?a:"");if(e){c(e,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id||"header-"+t();this.watch0Fn()}render(){var a;return d("header",{key:"706d9888cdf43e88d7a9307cab768f2ef62c3f04",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"bf750a6f9103422707a26ab3ca1f174932d6c412",class:"db-header-drawer",spacing:"small",rounded:true,open:s(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"4bff290d09bee0913172e261c93a0205f64e006f",class:"db-header-drawer-navigation"},d("div",{key:"fa2c6a2437de706faee1f826d9194c642ea779a3",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"4beb82548c84f884e7a736ed4a4e135baebad76c"})),d("div",{key:"5521428ba395319d92ec44ac379ba9e94890808a",class:"db-header-meta-navigation"},d("slot",{key:"cf9b4440ccc0a8864e2871ed2ff925d7d6cc9f0d",name:"metaNavigation"}))),d("div",{key:"3903ff331e7232ec2f504ccc4329bde6780e8b8c",class:"db-header-secondary-action"},d("slot",{key:"286fb0615b448d8cbe33e23d1900c8f38a9b299e",name:"secondaryAction"}))),d("div",{key:"3a8896f4e2e56efe1d67729f6e8d9cfc8314dcf5",class:"db-header-meta-navigation"},d("slot",{key:"c7c521b5c74b217cff0b7d365b06233dcc3532db",name:"metaNavigation"})),d("div",{key:"6ba3a0cb9297ea2208de833f9191e627f8af8ec6",class:"db-header-navigation-bar"},d("div",{key:"3f296a91a7ff3d735a438c878352a0c5b7ab57ce",class:"db-header-brand-container"},d("slot",{key:"d2ca72bc700ed02aad76a0aa07e4ebb1e3dfa4b5",name:"brand"})),d("div",{key:"44265c07ea806285c056f20f2c5de8d8530b3e29",class:"db-header-navigation-container"},d("div",{key:"2cb5b17b87c58aa73404285d279378c3502b9a58",class:"db-header-navigation"},d("slot",{key:"17284c474fffe16ed4f54b2c595361b06146f2b6"})),d("div",{key:"6b0f4a458e74fb9c9173937a916ce1e7c1e558f5",class:"db-header-primary-action"},d("slot",{key:"89608e88b40607e5837d40b4910dc5924479be53",name:"primaryAction"}))),d("div",{key:"01e6768d7506c349eaa5b041c627adcf7bcc1411",class:"db-header-action-container"},d("div",{key:"c27bbdaf9b5478e3f6dd8bf233a59397c76a0547",class:"db-header-burger-menu-container"},d("db-button",{key:"db8cc38d74194ff3e7c031eaf68a735efffa5d5f",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.handleToggle()},(a=this.burgerMenuLabel)!==null&&a!==void 0?a:n)),d("div",{key:"10ac26b995e20c57a13787bb082df08ac7c66d8b",class:"db-header-secondary-action"},d("slot",{key:"4a553f3585a6ce2661d7bc004a9b8d5fd2aec2b0",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"]}}};export{o as db_header};
|
|
2
|
+
//# sourceMappingURL=p-5c2e9373.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,h as t}from"./p-bH2PZLSq.js";import{u as i,c as a}from"./p-pglUTSkG.js";import{D as o}from"./p-DC9V_oNU.js";const d=class{constructor(t){s(this,t);this._id=o}enableAttributePassing(s,t){const i=s===null||s===void 0?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const o=t.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(o.name,`${d?`${d} `:""}${a}`);if(t){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section");this._id=this.id||"section-"+i()}render(){return t("section",{key:"5f4e697ab7d1dde5ad4008ea14327d9cc2ca8702",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:"38bd168804536f8e3589311f3566cb16cf9fd2d9"}))}};export{d as db_section};
|
|
2
|
+
//# sourceMappingURL=p-5c4d25b8.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-bH2PZLSq.js";import{g as a,m as d,j as e,c as h}from"./p-pglUTSkG.js";const o=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){t.stopPropagation();if(this.click){this.click.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const d=s.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const s=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){return i("button",{key:"ab0e28367041812c16ace0c0091359f76f3fd57d",class:h("db-button",this.className),ref:t=>{this._ref=t},id:this.id,type:this.type||"button",disabled:e(this.disabled,"disabled"),"aria-label":this.label,"data-icon":this.icon,"data-hide-icon":d(this.showIcon),"data-size":this.size,"data-state":this.state,"data-width":this.width,"data-variant":this.variant,"data-no-text":a(this.noText),name:this.name,form:this.form,value:this.value,"aria-describedby":this.describedbyid,"aria-expanded":this.ariaexpanded,"aria-pressed":this.ariapressed,onClick:t=>this.handleClick(t)},this.text?this.text:i("slot",null))}};export{o as db_button};
|
|
2
|
+
//# sourceMappingURL=p-61410d87.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as a}from"./p-bH2PZLSq.js";import{c as i}from"./p-pglUTSkG.js";const e=class{constructor(a){t(this,a);this.click=s(this,"click")}handleClick(t){t.stopPropagation();if(this.click){this.click.emit(t)}}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return a("div",{key:"a8b769cea69c58fa2388820ba3a02a4406e6a38c",class:i("db-card",this.className),ref:t=>{this._ref=t},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,role:this.behavior==="interactive"?"button":undefined,tabIndex:this.behavior==="interactive"?0:undefined,onClick:t=>this.handleClick(t)},a("slot",{key:"6d0d9a8c16fceb2ed48855666ae58d59c7d59d1e"}))}};export{e as db_card};
|
|
2
|
+
//# sourceMappingURL=p-623a9409.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t}from"./p-bH2PZLSq.js";import{c as a,g as s}from"./p-pglUTSkG.js";const d=class{constructor(t){e(this,t);this.fontsLoaded=false}enableAttributePassing(e,t){const a=e===null||e===void 0?void 0:e.closest(t);if(e&&a){const t=a.attributes;for(let s=0;s<t.length;s++){const d=t.item(s);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){e.setAttribute(d.name,d.value);a.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const s=d.value.replace("hydrated","").trim();const c=e.getAttribute("class");e.setAttribute(d.name,`${c?`${c} `:""}${s}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-page");this.fontsLoaded=!this.fadeIn;if(document&&this.fadeIn){document.fonts.ready.then((()=>{this.fontsLoaded=true}))}else{this.fontsLoaded=true}}disconnectedCallback(){if(typeof window!=="undefined"&&document.documentElement.classList.contains("db-page-document")){document.documentElement.classList.remove("db-page-document")}}render(){return t("div",{key:"c94b9840013c227ce38cfe21391d287fc0a89f6c",class:a("db-page",this.className),ref:e=>{this._ref=e},id:this.id,"data-variant":this.variant,"data-fade-in":s(this.fadeIn),"data-fonts-loaded":s(this.fontsLoaded)},t("slot",{key:"2f8142be3eb631f6af14ef1ff561699d18facb5e",name:"header"}),t("main",{key:"7cfc82fa914ef92140b93d5ce265a33129f5ed37",class:a("db-main",this.mainClass)},t("slot",{key:"1db431f209c21045733755fdac9c1930bad30eb7"})),t("slot",{key:"da7861f0d5edd4cf76a117b615771b8660d13026",name:"footer"}))}};export{d as db_page};
|
|
2
|
+
//# sourceMappingURL=p-63f30576.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s}from"./p-bH2PZLSq.js";import{c as a}from"./p-pglUTSkG.js";import{a as i}from"./p-DC9V_oNU.js";const e=class{constructor(s){t(this,s);this.initialized=false}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){var t;if(this._ref&&this.initialized){if((t=this.placement)===null||t===void 0?void 0:t.startsWith("corner")){let t=this._ref.parentElement;if(t&&t.localName.includes("badge")){t=t.parentElement}if(t){t.setAttribute("data-has-badge","true")}}}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-badge");this.initialized=true;this.watch0Fn()}render(){var t,e;return s("span",{key:"69bee07a5f6cb747975ce13034848442431f2ef5",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-label":((t=this.placement)===null||t===void 0?void 0:t.startsWith("corner"))&&((e=this.label)!==null&&e!==void 0?e:i)},this.text?this.text:s("slot",null))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{e as db_badge};
|
|
2
|
+
//# sourceMappingURL=p-6b6dbd54.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{h as t}from"./p-pglUTSkG.js";const i=t=>{var i,s;const{target:n}=t;return Boolean(!((i=n===null||n===void 0?void 0:n.classList)===null||i===void 0?void 0:i.contains("db-navigation-item-expand-button"))&&((s=n===null||n===void 0?void 0:n.parentElement)===null||s===void 0?void 0:s.classList.contains("db-navigation-item")))};class s{constructor(t,i){var s;this.parentSubNavigation=null;this.initialized=false;this.mouseX=0;this.mouseY=0;this.element=t;this.subNavigation=i;if(!this.element||!this.subNavigation){return}this.parentSubNavigation=(s=this.element)===null||s===void 0?void 0:s.closest(".db-sub-navigation");if(this.parentSubNavigation&&!this.element.closest(".db-drawer")){this.init()}}init(){var t,i,s;const n=(i=(t=this.parentSubNavigation)===null||t===void 0?void 0:t.getBoundingClientRect().width)!==null&&i!==void 0?i:0;(s=this.element)===null||s===void 0?void 0:s.style.setProperty("--db-navigation-item-inline-size",`${n}px`);this.initialized=true}enableFollow(){var i,s;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation){return}const n=t(this.subNavigation);const h=this.element.getBoundingClientRect();const o=(s=(i=this.parentSubNavigation)===null||i===void 0?void 0:i.getBoundingClientRect().width)!==null&&s!==void 0?s:0;this.triangleData={itemRect:h,parentElementWidth:o,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(o-h.width)/2,outsideVX:n.vx,outsideVY:n.vy}}disableFollow(){this.triangleData=undefined}getTriangleTipX(){if(!this.triangleData)return 0;if(this.triangleData.outsideVX==="right"){return this.triangleData.itemRect.width-this.mouseX}return Math.min(this.mouseX,this.triangleData.itemRect.width*.75)}getTriangleTipY(){if(!this.triangleData)return 0;const t=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;if(this.triangleData.outsideVY==="bottom"){return t+(this.triangleData.subNavigationHeight-this.triangleData.padding*2-this.triangleData.itemRect.height)}return t}hasMouseEnteredSubNavigation(){if(!this.triangleData){return false}const t=this.triangleData.outsideVX==="right";if(t&&this.mouseX<-1*this.triangleData.padding){return true}if(!t&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding){return true}return false}getTriangleCoordinates(t){if(!this.triangleData){return}if(t==="fill-gap"){const t=`${this.triangleData.itemRect.height+2*this.triangleData.padding}px`;const i=`${this.triangleData.parentElementWidth-this.triangleData.padding}px`;return{lb:`${i} ${t}`,lt:`${i} 0`,rt:"100% 0",rb:`100% ${t}`}}const i=this.getTriangleTipX();const s=this.getTriangleTipY();const n=`${i}px ${s}px`;const h=`${i}px ${s}px`;return{lb:n,lt:h,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(t){if(!this.initialized||!this.triangleData||!this.element||!this.subNavigation){return}this.mouseX=t.clientX-this.triangleData.itemRect.left;this.mouseY=t.clientY-this.triangleData.itemRect.top;const i=this.hasMouseEnteredSubNavigation();const s=this.getTriangleCoordinates(i?"fill-gap":"safe-triangle");if(!s){return}this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${s.lb}, ${s.lt}, ${s.rt}, ${s.rb})`);if(i){this.triangleData=undefined}}}export{s as N,i};
|
|
2
|
+
//# sourceMappingURL=p-6wgV8aKO.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-Duz60W3r.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './index';\nexport type TriangleData = {\n itemRect: DOMRect;\n parentElementWidth: number;\n subNavigationHeight: number;\n padding: number;\n outsideVX: 'left' | 'right' | undefined;\n outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n const {\n target\n } = event as {\n target: HTMLElement;\n };\n return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n private readonly element: HTMLElement | null;\n private readonly subNavigation: Element | null;\n private readonly parentSubNavigation: Element | null = null;\n private triangleData?: TriangleData;\n private initialized: boolean = false;\n private mouseX: number = 0;\n private mouseY: number = 0;\n constructor(element: HTMLElement | null, subNavigation: Element | null) {\n this.element = element;\n this.subNavigation = subNavigation;\n if (!this.element || !this.subNavigation) {\n return;\n }\n this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n /*\n * only initiate if:\n * 1. item is not at root navigation level\n * 2. item is not in the mobile navigation / within db-drawer\n */\n if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n this.init();\n }\n }\n private init() {\n const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n // the triangle has the width of the sub-navigation, current nav-item can be wider.\n // so the width of the triangle must be adapted to a possibly wider nav-item.\n this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n this.initialized = true;\n }\n public enableFollow() {\n if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n return;\n }\n const dataOutsidePair = handleDataOutside(this.subNavigation);\n const itemRect = this.element.getBoundingClientRect();\n const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n this.triangleData = {\n itemRect,\n parentElementWidth,\n subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n padding: (parentElementWidth - itemRect.width) / 2,\n outsideVX: dataOutsidePair.vx,\n outsideVY: dataOutsidePair.vy\n };\n }\n public disableFollow() {\n this.triangleData = undefined;\n }\n private getTriangleTipX(): number {\n if (!this.triangleData) return 0;\n if (this.triangleData.outsideVX === 'right') {\n // vertical flipped triangle needs an inverted x pos\n return this.triangleData.itemRect.width - this.mouseX;\n }\n\n // triangle stops shrinking from 75% x pos\n return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n }\n private getTriangleTipY(): number {\n if (!this.triangleData) return 0;\n\n // padding must be added to the y pos of the tip so that the y pos matches the cursor\n const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n if (this.triangleData.outsideVY === 'bottom') {\n // add offset to tip y pos to match corrected sub-navigation y pos\n return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n }\n return mouseYLimited;\n }\n private hasMouseEnteredSubNavigation(): boolean {\n if (!this.triangleData) {\n return false;\n }\n const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n return true;\n }\n if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n return true;\n }\n return false;\n }\n private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n lb: string;\n lt: string;\n rt: string;\n rb: string;\n } {\n if (!this.triangleData) {\n return;\n }\n if (variant === 'fill-gap') {\n const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n return {\n lb: `${xStart} ${itemHeight}`,\n lt: `${xStart} 0`,\n rt: '100% 0',\n rb: `100% ${itemHeight}`\n };\n }\n const tipX = this.getTriangleTipX();\n const tipY = this.getTriangleTipY();\n const lb = `${tipX}px ${tipY}px`;\n const lt = `${tipX}px ${tipY}px`;\n return {\n lb,\n lt,\n rt: '100% 0',\n rb: '100% 100%'\n };\n }\n public followByMouseEvent(event: MouseEvent) {\n if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n return;\n }\n this.mouseX = event.clientX - this.triangleData.itemRect.left;\n this.mouseY = event.clientY - this.triangleData.itemRect.top;\n const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n if (!coordinates) {\n return;\n }\n this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n if (isOverSubNavigation) {\n this.triangleData = undefined;\n }\n }\n}\nexport default {\n isEventTargetNavigationItem,\n NavigationItemSafeTriangle\n}"],"names":[],"mappings":";;AASa,MAAA,2BAA2B,GAAG,CAAC,KAAc,KAAa;;AACrE,IAAA,MAAM,EACJ,MAAM,EACP,GAAG,KAEH;AACD,IAAA,OAAO,OAAO,CAAC,EAAC,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAA,KAAI,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAA,CAAC;AACrJ;MACa,0BAA0B,CAAA;IAQrC,WAAY,CAAA,OAA2B,EAAE,aAA6B,EAAA;;QALrD,IAAmB,CAAA,mBAAA,GAAmB,IAAI;QAEnD,IAAW,CAAA,WAAA,GAAY,KAAK;QAC5B,IAAM,CAAA,MAAA,GAAW,CAAC;QAClB,IAAM,CAAA,MAAA,GAAW,CAAC;AAExB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACxC;;AAEF,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,oBAAoB,CAAC;AAEtE;;;;AAIG;AACH,QAAA,IAAI,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YACnE,IAAI,CAAC,IAAI,EAAE;;;IAGP,IAAI,GAAA;;AACV,QAAA,MAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,qBAAqB,EAAA,CAAG,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;;;AAIvF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,WAAW,CAAC,kCAAkC,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI,CAAC;AAC9F,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;IAElB,YAAY,GAAA;;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAClF;;QAEF,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,aAAa,CAAC;QAC7D,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;AACrD,QAAA,MAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,qBAAqB,EAAA,CAAG,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;QACvF,IAAI,CAAC,YAAY,GAAG;YAClB,QAAQ;YACR,kBAAkB;YAClB,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;YACtE,OAAO,EAAE,CAAC,kBAAkB,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC;YAClD,SAAS,EAAE,eAAe,CAAC,EAAE;YAC7B,SAAS,EAAE,eAAe,CAAC;SAC5B;;IAEI,aAAa,GAAA;AAClB,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;IAEvB,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,CAAC;QAChC,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,OAAO,EAAE;;YAE3C,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM;;;AAIvD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;;IAE/D,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,CAAC;;AAGhC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO;QACvH,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,QAAQ,EAAE;;YAE5C,OAAO,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;;AAEpI,QAAA,OAAO,aAAa;;IAEd,4BAA4B,GAAA;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,OAAO,KAAK;;QAEd,MAAM,yBAAyB,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,OAAO;AACzE,QAAA,IAAI,yBAAyB,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AAC7E,YAAA,OAAO,IAAI;;AAEb,QAAA,IAAI,CAAC,yBAAyB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AAChH,YAAA,OAAO,IAAI;;AAEb,QAAA,OAAO,KAAK;;AAEN,IAAA,sBAAsB,CAAC,OAAqC,EAAA;AAMlE,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB;;AAEF,QAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,YAAA,MAAM,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI;AAC3F,YAAA,MAAM,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI;YACtF,OAAO;AACL,gBAAA,EAAE,EAAE,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,UAAU,CAAE,CAAA;gBAC7B,EAAE,EAAE,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA;AACjB,gBAAA,EAAE,EAAE,QAAQ;gBACZ,EAAE,EAAE,CAAQ,KAAA,EAAA,UAAU,CAAE;aACzB;;AAEH,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,QAAA,MAAM,EAAE,GAAG,CAAA,EAAG,IAAI,CAAM,GAAA,EAAA,IAAI,IAAI;AAChC,QAAA,MAAM,EAAE,GAAG,CAAA,EAAG,IAAI,CAAM,GAAA,EAAA,IAAI,IAAI;QAChC,OAAO;YACL,EAAE;YACF,EAAE;AACF,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE;SACL;;AAEI,IAAA,kBAAkB,CAAC,KAAiB,EAAA;QACzC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACnF;;AAEF,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI;AAC7D,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG;AAC5D,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,4BAA4B,EAAE;AAC/D,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,GAAG,UAAU,GAAG,eAAe,CAAC;QACnG,IAAI,CAAC,WAAW,EAAE;YAChB;;QAEF,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,CAAW,QAAA,EAAA,WAAW,CAAC,EAAE,CAAK,EAAA,EAAA,WAAW,CAAC,EAAE,CAAK,EAAA,EAAA,WAAW,CAAC,EAAE,CAAK,EAAA,EAAA,WAAW,CAAC,EAAE,CAAG,CAAA,CAAA,CAAC;QACvJ,IAAI,mBAAmB,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;;AAGlC;;;;"}
|
|
1
|
+
{"version":3,"file":"p-6wgV8aKO.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './index';\nexport type TriangleData = {\n itemRect: DOMRect;\n parentElementWidth: number;\n subNavigationHeight: number;\n padding: number;\n outsideVX: 'left' | 'right' | undefined;\n outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n const {\n target\n } = event as {\n target: HTMLElement;\n };\n return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n private readonly element: HTMLElement | null;\n private readonly subNavigation: Element | null;\n private readonly parentSubNavigation: Element | null = null;\n private triangleData?: TriangleData;\n private initialized: boolean = false;\n private mouseX: number = 0;\n private mouseY: number = 0;\n constructor(element: HTMLElement | null, subNavigation: Element | null) {\n this.element = element;\n this.subNavigation = subNavigation;\n if (!this.element || !this.subNavigation) {\n return;\n }\n this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n /*\n * only initiate if:\n * 1. item is not at root navigation level\n * 2. item is not in the mobile navigation / within db-drawer\n */\n if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n this.init();\n }\n }\n private init() {\n const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n // the triangle has the width of the sub-navigation, current nav-item can be wider.\n // so the width of the triangle must be adapted to a possibly wider nav-item.\n this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n this.initialized = true;\n }\n public enableFollow() {\n if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n return;\n }\n const dataOutsidePair = handleDataOutside(this.subNavigation);\n const itemRect = this.element.getBoundingClientRect();\n const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n this.triangleData = {\n itemRect,\n parentElementWidth,\n subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n padding: (parentElementWidth - itemRect.width) / 2,\n outsideVX: dataOutsidePair.vx,\n outsideVY: dataOutsidePair.vy\n };\n }\n public disableFollow() {\n this.triangleData = undefined;\n }\n private getTriangleTipX(): number {\n if (!this.triangleData) return 0;\n if (this.triangleData.outsideVX === 'right') {\n // vertical flipped triangle needs an inverted x pos\n return this.triangleData.itemRect.width - this.mouseX;\n }\n\n // triangle stops shrinking from 75% x pos\n return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n }\n private getTriangleTipY(): number {\n if (!this.triangleData) return 0;\n\n // padding must be added to the y pos of the tip so that the y pos matches the cursor\n const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n if (this.triangleData.outsideVY === 'bottom') {\n // add offset to tip y pos to match corrected sub-navigation y pos\n return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n }\n return mouseYLimited;\n }\n private hasMouseEnteredSubNavigation(): boolean {\n if (!this.triangleData) {\n return false;\n }\n const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n return true;\n }\n if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n return true;\n }\n return false;\n }\n private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n lb: string;\n lt: string;\n rt: string;\n rb: string;\n } {\n if (!this.triangleData) {\n return;\n }\n if (variant === 'fill-gap') {\n const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n return {\n lb: `${xStart} ${itemHeight}`,\n lt: `${xStart} 0`,\n rt: '100% 0',\n rb: `100% ${itemHeight}`\n };\n }\n const tipX = this.getTriangleTipX();\n const tipY = this.getTriangleTipY();\n const lb = `${tipX}px ${tipY}px`;\n const lt = `${tipX}px ${tipY}px`;\n return {\n lb,\n lt,\n rt: '100% 0',\n rb: '100% 100%'\n };\n }\n public followByMouseEvent(event: MouseEvent) {\n if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n return;\n }\n this.mouseX = event.clientX - this.triangleData.itemRect.left;\n this.mouseY = event.clientY - this.triangleData.itemRect.top;\n const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n if (!coordinates) {\n return;\n }\n this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n if (isOverSubNavigation) {\n this.triangleData = undefined;\n }\n }\n}\nexport default {\n isEventTargetNavigationItem,\n NavigationItemSafeTriangle\n}"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,h as t}from"./p-bH2PZLSq.js";import{m as a,c as i}from"./p-pglUTSkG.js";import{q as o}from"./p-DC9V_oNU.js";const d=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=s===null||s===void 0?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)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(o.name,`${d?`${d} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"fce3522d92cfce50d3a45e8240fa8fa5b9d71ec2",class:i("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":(s=this.icon)!==null&&s!==void 0?s:o,"data-hide-icon":a(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{d as db_brand};
|
|
2
|
+
//# sourceMappingURL=p-8b7d868b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{u as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{u as t}from"./p-pglUTSkG.js";class c{static runCallbacks(t){Object.values(c.callbacks).forEach((c=>{if(typeof c==="function"){c(t)}}))}constructor(){if(c._instance){return c._instance}c._instance=this;if(document){document.addEventListener("click",(t=>c.runCallbacks(t)))}}addCallback(e){const l=t();c.callbacks[l]=e;return l}removeCallback(t){delete c.callbacks[t]}}c.callbacks={};c._instance=null;export{c as D};
|
|
2
|
+
//# sourceMappingURL=p-DszXleuv.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-
|
|
1
|
+
{"version":3,"file":"p-DszXleuv.js","sources":["src/utils/document-click-listener.ts"],"sourcesContent":["import { uuid } from './index';\nexport class DocumentClickListener {\n private static callbacks: Record<string, (event: any) => void> = {};\n private static _instance: DocumentClickListener | null = null;\n private static runCallbacks(event: any) {\n Object.values(DocumentClickListener.callbacks).forEach(callback => {\n if (typeof callback === 'function') {\n callback(event);\n }\n });\n }\n constructor() {\n if (DocumentClickListener._instance) {\n return DocumentClickListener._instance;\n }\n DocumentClickListener._instance = this;\n if (document) {\n document.addEventListener('click', event => DocumentClickListener.runCallbacks(event));\n }\n }\n public addCallback(callback: (event: any) => void) {\n const callbackID = uuid();\n DocumentClickListener.callbacks[callbackID] = callback;\n return callbackID;\n }\n public removeCallback(id: string) {\n delete DocumentClickListener.callbacks[id];\n }\n}"],"names":[],"mappings":";;MACa,qBAAqB,CAAA;IAGxB,OAAO,YAAY,CAAC,KAAU,EAAA;AACpC,QAAA,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAG;AAChE,YAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,KAAK,CAAC;;AAEnB,SAAC,CAAC;;AAEJ,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,qBAAqB,CAAC,SAAS,EAAE;YACnC,OAAO,qBAAqB,CAAC,SAAS;;AAExC,QAAA,qBAAqB,CAAC,SAAS,GAAG,IAAI;QACtC,IAAI,QAAQ,EAAE;AACZ,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAI,qBAAqB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;;;AAGnF,IAAA,WAAW,CAAC,QAA8B,EAAA;AAC/C,QAAA,MAAM,UAAU,GAAG,IAAI,EAAE;AACzB,QAAA,qBAAqB,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,QAAQ;AACtD,QAAA,OAAO,UAAU;;AAEZ,IAAA,cAAc,CAAC,EAAU,EAAA;AAC9B,QAAA,OAAO,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;;;AAxB7B,qBAAS,CAAA,SAAA,GAAyC,EAAE;AACpD,qBAAS,CAAA,SAAA,GAAiC,IAAI;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as t,h as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-bH2PZLSq.js";import{e as h,f as a,s as e,u as d,k as l,j as n,m as c,c as o}from"./p-pglUTSkG.js";import{l as r,g as u,h as f,f as v,k as b,b as m,r as p,a as y}from"./p-DC9V_oNU.js";const w=class{constructor(s){i(this,s);this.input=t(this,"input");this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,d;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||r;if(h()){this._voiceOverFallback=this._invalidMessage;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)){this._descByIds=this._validMessageId;if(h()){this._voiceOverFallback=(d=this.validMessage)!==null&&d!==void 0?d:b;a((()=>this._voiceOverFallback=""),1e3)}}else if(e(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleInput(i){i.stopPropagation();if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){i.stopPropagation();if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){i.stopPropagation();if(this.blur){this.blur.emit(i)}}handleFocus(i){i.stopPropagation();if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||r}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+v;this._messageId=i;this._validMessageId=this._id+u;this._invalidMessageId=this._id+f;if(e(this.message,this.showMessage)){this._descByIds=i}}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const t=(i=this.id)!==null&&i!==void 0?i:`textarea-${d()}`;this._id=t;this._messageId=t+v;this._validMessageId=t+u;this._invalidMessageId=t+f;this._invalidMessage=this.invalidMessage||r;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,t,h;return s("div",{key:"97cfd2fa48956a54a0717de06543457d9ba35e25",class:o("db-textarea",this.className),"data-variant":this.variant,"data-hide-label":c(this.showLabel)},s("label",{key:"eb395c8dbc6e55c03c2be269243b447eb4e65de8",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:y),s("textarea",{key:"6e85365f128f0cdb37d203d7fc5d7949d6c98132","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,disabled:n(this.disabled,"disabled"),required:n(this.required,"required"),readOnly:n(this.readOnly,"readOnly")||n(this.readonly,"readonly"),form:this.form,maxLength:l(this.maxLength,this.maxlength),minLength:l(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:(t=this.value)!==null&&t!==void 0?t:this._value,"aria-describedby":this._descByIds,placeholder:(h=this.placeholder)!==null&&h!==void 0?h:m,rows:l(this.rows,p),cols:l(this.cols)}),e(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||b):null,s("db-infotext",{key:"d66d7a8a0e8453b04b5861e9d0564c4c88f0a83d",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"fc01207c878e725172ecc72808bf473e9b3c9e24","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};export{w as db_textarea};
|
|
2
|
+
//# sourceMappingURL=p-a1ee66b3.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as t,h as e}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as t,h as e}from"./p-bH2PZLSq.js";import{s as a}from"./p-DC9V_oNU.js";import{f as i,g as d,c}from"./p-pglUTSkG.js";const r=class{constructor(e){s(this,e);this.close=t(this,"close")}handleClose(s){if(s.key==="Escape"){s.preventDefault()}if(s==="close"||s.key==="Escape"||s.target.nodeName==="DIALOG"&&s.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(s)}}}handleDialogOpen(){if(this._ref){const s=Boolean(this.open);if(s&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.backdrop==="none"||this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!s&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}i((()=>{var s;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(s=this._ref)===null||s===void 0?void 0:s.close()}),401)}}}enableAttributePassing(s,t){const e=s===null||s===void 0?void 0:s.closest(t);if(s&&e){const t=e.attributes;for(let a=0;a<t.length;a++){const i=t.item(a);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){s.setAttribute(i.name,i.value);e.removeAttribute(i.name)}if(i&&i.name==="class"){const t=i.value.includes("hydrated");const a=i.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(i.name,`${d?`${d} `:""}${a}`);if(t){e.setAttribute("class","hydrated")}else{e.removeAttribute(i.name)}}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen();this.watch0Fn()}render(){var s;return e("dialog",{key:"afaf6ffca86755edceb026dd6cc966dd34b57f21",class:"db-drawer",id:this.id,ref:s=>{this._ref=s},onClick:s=>this.handleClose(s),onKeyDown:s=>this.handleClose(s),"data-backdrop":this.backdrop,"data-variant":this.variant},e("article",{key:"08b2043dfa9c473b38f91c8eab425d7c977b224d",class:c("db-drawer-container",this.className),ref:s=>{this.dialogContainerRef=s},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":d(this.rounded)},e("header",{key:"46bdb0db8692e0eafad2b15ad39f5fe038950511",class:"db-drawer-header"},e("div",{key:"b7dd281e5d6920fa8c09276ea2ecf2e66216e7c2",class:"db-drawer-header-text"},e("slot",{key:"cf14ee259b4c41f12e0e5e169001c41e90158b1b",name:"drawerHeader"})),e("db-button",{key:"007b22180e6937bce05e96fb36c36d8ca79a942f",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:()=>this.handleClose("close")},(s=this.closeButtonText)!==null&&s!==void 0?s:a)),e("div",{key:"9d02bf24f6175c6ae9dd73307e6600ac77a44138",class:"db-drawer-content"},e("slot",{key:"730e1622e70648847d8852f69c9f22cb8434048c"}))))}static get watchers(){return{open:["watch0"]}}};export{r as db_drawer};
|
|
2
|
+
//# sourceMappingURL=p-b3148401.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s}from"./p-bH2PZLSq.js";import{m as i,c as a}from"./p-pglUTSkG.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?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)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"93d3fd56dc8b5d3e52d3b7339e93ed03f26739e9",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{e as db_infotext};
|
|
2
|
+
//# sourceMappingURL=p-b4bc8f26.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as i,c as t,h as s,F as h}from"./p-bH2PZLSq.js";import{e,f as l,s as a,u as n,h as o,n as d,g as c,j as u,m as r,c as v}from"./p-pglUTSkG.js";import{l as f,a as w,m as b,d as m,e as p,g as y,h as g,i as k,o as A,f as F,k as x,c as D,s as S}from"./p-DC9V_oNU.js";import{D as C}from"./p-DszXleuv.js";const T=class{constructor(s){i(this,s);this.amountChange=t(this,"amountChange");this.dropdownToggle=t(this,"dropdownToggle");this.optionSelected=t(this,"optionSelected");this.showClearSelection=true;this.clearSelectionText="Clear selection";this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._selectId=undefined;this._labelId=undefined;this._summaryId=undefined;this._placeholderId=undefined;this._infoTextId=undefined;this._validity="no-validation";this._descByIds="";this._selectedLabels="";this._selectedLabelsId=undefined;this._voiceOverFallback="";this._selectedOptions=[];this.selectAllEnabled=false;this.searchEnabled=false;this.amountOptions=0;this._values=[];this._options=[];this._hasNoOptions=false;this._documentClickListenerCallbackId=undefined;this._internalChangeTimestamp=0;this.selectAllChecked=false;this.selectAllIndeterminate=false;this.satisfyReact=function i(){}}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,h,n,o,d,c;if(this.selectRef){this.selectRef.value=this.getNativeSelectValue()}if(!((i=this.selectRef)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this.selectRef)===null||t===void 0?void 0:t.validationMessage)||f;if(e()){this._voiceOverFallback=this._invalidMessage;l((()=>this._voiceOverFallback=""),1e3)}this._validity=(s=this.validation)!==null&&s!==void 0?s:"invalid"}else if(this.hasValidState()&&((h=this.selectRef)===null||h===void 0?void 0:h.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(n=this.validMessage)!==null&&n!==void 0?n:x;l((()=>this._voiceOverFallback=""),1e3)}this._validity=(o=this.validation)!==null&&o!==void 0?o:"valid"}else if(a(this.message,this.showMessage)){this._descByIds=this._messageId;this._validity=(d=this.validation)!==null&&d!==void 0?d:"no-validation"}else{this._descByIds=this._placeholderId;this._validity=(c=this.validation)!==null&&c!==void 0?c:"no-validation"}}handleDropdownToggle(i){if(this.dropdownToggle){this.dropdownToggle.emit(i)}if(i.target.open){this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i)))}else{if(this._documentClickListenerCallbackId){(new C).removeCallback(this._documentClickListenerCallbackId)}}}getNativeSelectValue(){var i,t;if((i=this._values)===null||i===void 0?void 0:i.length){return(t=this._values.at(0))!==null&&t!==void 0?t:""}return""}setDescById(i){var t;const s=[];if(i){s.push(i)}if(this._selectedLabelsId&&((t=this._selectedLabels)===null||t===void 0?void 0:t.length)){s.push(this._selectedLabelsId)}this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return(i=this.selectAllLabel)!==null&&i!==void 0?i:w}getOptionLabel(i){var t,s,h;return(h=(t=i.label)!==null&&t!==void 0?t:(s=i.value)===null||s===void 0?void 0:s.toString())!==null&&h!==void 0?h:""}getOptionChecked(i){var t,s;if(i&&((t=this._values)===null||t===void 0?void 0:t.includes)){return(s=this._values)===null||s===void 0?void 0:s.includes(i)}return false}getOptionKey(i){var t,s;return((s=(t=i.id)!==null&&t!==void 0?t:i.value)!==null&&s!==void 0?s:n()).toString()}getTagRemoveLabel(i){return this.removeTagsTexts&&this.removeTagsTexts.length>i?this.removeTagsTexts.at(i):`${b} ${this._selectedOptions?this.getOptionLabel(this._selectedOptions[i]):""}`}handleTagRemove(i,t){t.stopPropagation();this.handleSelect(i.value);this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");if(i){l((()=>{o(i)}),100)}}}handleArrowDownUp(i){var t,s,h,e,a,n,o;if((t=this.detailsRef)===null||t===void 0?void 0:t.open){if(document){const t=document.activeElement;if(t){const c=t.getAttribute("type")==="checkbox"||t.getAttribute("type")==="radio";if(c){const c=t===null||t===void 0?void 0:t.closest("li");if(i.key==="ArrowDown"||i.key==="ArrowRight"){if(c===null||c===void 0?void 0:c.nextElementSibling){(h=(s=c===null||c===void 0?void 0:c.nextElementSibling)===null||s===void 0?void 0:s.querySelector("input"))===null||h===void 0?void 0:h.focus()}else{this.handleFocusFirstDropdownCheckbox(t)}}else{if(c===null||c===void 0?void 0:c.previousElementSibling){(a=(e=c===null||c===void 0?void 0:c.previousElementSibling)===null||e===void 0?void 0:e.querySelector("input"))===null||a===void 0?void 0:a.focus()}else if(this.detailsRef.querySelector(`input[type="checkbox"]`)!==t){this.handleFocusFirstDropdownCheckbox(t)}else{const i=d(this.detailsRef);if(i){l((()=>{i.focus()}),100)}else{const i=Array.from((n=this.detailsRef)===null||n===void 0?void 0:n.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(i.length){(o=i.at(-1))===null||o===void 0?void 0:o.focus()}}}}}else{if(t.getAttribute("type")==="search"&&(i.key==="ArrowUp"||i.key==="ArrowLeft")){this.handleClose("close");this.handleSummaryFocus()}else{this.handleFocusFirstDropdownCheckbox(t)}}}}i.stopPropagation();i.preventDefault()}else if(i.key==="ArrowDown"||i.key==="ArrowRight"){this.handleAutoPlacement();if(this.detailsRef){this.detailsRef.open=true}this.handleOpenByKeyboardFocus();i.stopPropagation();i.preventDefault()}}handleKeyboardPress(i){var t;if(i.key==="Escape"&&this.detailsRef&&((t=this.detailsRef)===null||t===void 0?void 0:t.open)){this.handleClose("close");this.handleSummaryFocus()}else if(i.key==="ArrowDown"||i.key==="ArrowUp"||i.key==="ArrowLeft"||i.key==="ArrowRight"){this.handleArrowDownUp(i)}}handleClose(i){if(this.detailsRef){if(i==="close"){this.detailsRef.open=false;this.handleSummaryFocus()}else if(this.detailsRef.open&&(i===null||i===void 0?void 0:i.relatedTarget)){const t=i.relatedTarget;if(!this.detailsRef.contains(t)){this.detailsRef.open=false}}}}handleDocumentClose(i){var t;const s=typeof i.detail==="number"?i.target:i.detail.target;if(((t=this.detailsRef)===null||t===void 0?void 0:t.open)&&!this.detailsRef.contains(s)){this.detailsRef.open=false}}handleOptionSelected(i){const t=(new Date).getTime()-this._internalChangeTimestamp<200;if(t)return;if(this.optionSelected){this._values=i;this.optionSelected.emit(i!==null&&i!==void 0?i:[])}this._internalChangeTimestamp=(new Date).getTime()}handleSelect(i){var t;if(i){if(this.multiple){if((t=this._values)===null||t===void 0?void 0:t.includes(i)){this.handleOptionSelected(this._values.filter((t=>t!==i)))}else{this.handleOptionSelected([...this._values||[],i])}}else{this.handleOptionSelected([i]);this.handleClose("close")}}}handleSelectAll(){var i;if(((i=this._values)===null||i===void 0?void 0:i.length)===this.amountOptions){this.handleOptionSelected([])}else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:undefined;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||((s=t.value)===null||s===void 0?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return(t=i.value)!==null&&t!==void 0?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(t.length){const s=t.at(0);const h=s===i&&t.length>1?t.at(1):s;if(h){l((()=>{h.focus()}),100)}}}}handleOpenByKeyboardFocus(i){if(this.detailsRef){const t=d(this.detailsRef);if(t){l((()=>{t.focus()}),100)}else if(!i){this.handleFocusFirstDropdownCheckbox()}}}handleSearch(i){i.stopPropagation();const t=i.target.value;this._options=!this.options||!t||t.length===0?this.options:this.options.filter((i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())))}handleClearAll(){this.handleOptionSelected([]);this.handleSummaryFocus()}handleSummaryFocus(){var i,t;(t=(i=this.detailsRef)===null||i===void 0?void 0:i.querySelector("summary"))===null||t===void 0?void 0:t.focus()}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const e=t.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);s.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const l=i.getAttribute("class");i.setAttribute(e.name,`${l?`${l} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){if(this.detailsRef){const i=this.detailsRef.querySelector("summary");if(i){i.addEventListener("click",(()=>{this.handleAutoPlacement();this.handleOpenByKeyboardFocus(true)}));i.addEventListener("keydown",(i=>{var t;if(i.code==="Space"&&!((t=this.detailsRef)===null||t===void 0?void 0:t.open)){this.handleOpenByKeyboardFocus()}}))}this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+F;this._labelId=this._id+m;this._selectId=this._id+p;this._validMessageId=this._id+y;this._invalidMessageId=this._id+g;this._placeholderId=this._id+k;if(a(this.message,this.showMessage)){this.setDescById(i)}else{this.setDescById()}}}watch1(){this.watch1Fn()}watch2Fn(){if(this.detailsRef){const i=this.detailsRef.querySelector("summary");if(i){i.setAttribute("aria-describedby",this._descByIds||"")}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.showNoResults!==undefined){this._hasNoOptions=this.showNoResults}else if(this._options){this._hasNoOptions=this._options.length===0}}watch3(){this.watch3Fn()}watch4Fn(){this.selectAllEnabled=Boolean(this.multiple&&(this.showSelectAll||this.amountOptions>5))}watch4(){this.watch4Fn()}watch5Fn(){this.searchEnabled=this.showSearch||this.amountOptions>9}watch5(){this.watch5Fn()}watch6Fn(){var i;if(this.values&&Array.isArray(this.values)&&this.values!==this._values){this._values=(i=this.values)!==null&&i!==void 0?i:[]}}watch6(){this.watch6Fn()}watch7Fn(){this.handleValidation()}watch7(){this.watch7Fn()}watch8Fn(){this._validity=this.validation}watch8(){this.watch8Fn()}watch9Fn(){var i,t;if(((i=this._values)===null||i===void 0?void 0:i.length)===0){this.selectAllChecked=false;this.selectAllIndeterminate=false}else if(((t=this._values)===null||t===void 0?void 0:t.length)===this.amountOptions){this.selectAllIndeterminate=false;this.selectAllChecked=true}else if(this._values){this.selectAllIndeterminate=true}}watch9(){this.watch9Fn()}watch10Fn(){var i,t;this._options=this.options;this.amountOptions=(t=(i=this.options)===null||i===void 0?void 0:i.filter((i=>!i.isGroupTitle)).length)!==null&&t!==void 0?t:0}watch10(){this.watch10Fn()}watch11Fn(){var i,t;if((i=this._options)===null||i===void 0?void 0:i.length){this._selectedOptions=(t=this._options)===null||t===void 0?void 0:t.filter((i=>{var t,s;if(!i.value||!((t=this._values)===null||t===void 0?void 0:t["includes"])){return false}return!i.isGroupTitle&&((s=this._values)===null||s===void 0?void 0:s.includes(i.value))}))}}watch11(){this.watch11Fn()}watch12Fn(){var i,t,s;if((i=this._selectedOptions)===null||i===void 0?void 0:i.length){if(this.selectedType==="amount"){this._selectedLabels=this.amountText?this.amountText:`${(t=this._selectedOptions)===null||t===void 0?void 0:t.length} ${A}`}else{this._selectedLabels=(s=this._selectedOptions)===null||s===void 0?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}}else{this._selectedLabels=""}}watch12(){this.watch12Fn()}watch13Fn(){var i,t;if(this.amountChange){this.amountChange.emit((t=(i=this._selectedOptions)===null||i===void 0?void 0:i.length)!==null&&t!==void 0?t:0)}}watch13(){this.watch13Fn()}watch14Fn(){if(this.selectAllRef){this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate)}}watch14(){this.watch14Fn()}watch15Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this.selectRef)===null||i===void 0?void 0:i.validationMessage)||f}watch15(){this.watch15Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-custom-select");const t=(i=this.id)!==null&&i!==void 0?i:`custom-select-${n()}`;this._id=t;this._messageId=t+F;this._validMessageId=t+y;this._invalidMessageId=t+g;this._selectId=t+p;this._labelId=t+m;this._summaryId=t+"-summary";this._placeholderId=t+k;this._selectedLabelsId=t+"-selected-labels";this._infoTextId=t+"-info";this._invalidMessage=this.invalidMessage||f;this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn();this.watch4Fn();this.watch5Fn();this.watch6Fn();this.watch7Fn();this.watch8Fn();this.watch9Fn();this.watch10Fn();this.watch11Fn();this.watch12Fn();this.watch13Fn();this.watch14Fn();this.watch15Fn()}render(){var i,t,e,l,n,o,d,f,b,m,p,y,g,k,A;return s("div",{key:"ba168e109d3b2e75b46145033a88119ac46cf3f7",class:v("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":this._validity==="invalid","data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":this.variant==="floating"&&this.selectedType==="tag"&&this.multiple?"above":this.variant,"data-required":c(this.required),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":r(this.showLabel),"data-icon":this.icon,"data-hide-icon":r(this.showIcon)},s("label",{key:"a92ba45f913e2c7a78140da705da166af94484b5",id:this._labelId},(i=this.label)!==null&&i!==void 0?i:w,s("select",{key:"093c76705744d56d0d3c2c33f108a74b088381a5",role:"none",hidden:true,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,multiple:u(this.multiple,"multiple"),disabled:u(this.disabled,"disabled"),required:u(this.required,"required"),onChange:()=>this.satisfyReact()},((t=this._options)===null||t===void 0?void 0:t.length)?(e=this._options)===null||e===void 0?void 0:e.map((i=>s("option",{disabled:i.disabled,value:i.value,key:undefined},this.getOptionLabel(i)))):null)),s("details",{key:"64c5745a0fc32954f792b7fb81c8b26f11304565",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"1b1683fa3e54c249efd67e1ca960d61accd125c3"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":c(this.disabled),"aria-labelledby":this._labelId},((l=this._selectedLabels)===null||l===void 0?void 0:l.length)?s("span",{"data-visually-hidden":c(this.selectedType==="tag"),id:this._selectedLabelsId},this._selectedLabels):null,this.selectedType==="tag"?s("div",null,(n=this._selectedOptions)===null||n===void 0?void 0:n.map(((i,t)=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:t=>this.handleTagRemove(i,t),key:undefined},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:false,label:(o=this.searchLabel)!==null&&o!==void 0?o:w,placeholder:(d=this.searchPlaceholder)!==null&&d!==void 0?d:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:undefined,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this._hasNoOptions?undefined:"circular_arrows",semantic:this._hasNoOptions?"warning":"informational"},(f=this._hasNoOptions?this.noResultsText:this.loadingText)!==null&&f!==void 0?f:D):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:()=>this.handleSelectAll()}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:u(this.multiple,"multiple"),label:(m=(b=this.ariaListLabel)!==null&&b!==void 0?b:this.label)!==null&&m!==void 0?m:w},(p=this._options)===null||p===void 0?void 0:p.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:undefined},!i.isGroupTitle?this.getOptionLabel(i):null))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose("close")},(y=this.mobileCloseButtonText)!==null&&y!==void 0?y:S)))):null),((g=this.showClearSelection)!==null&&g!==void 0?g:true)&&((k=this._values)===null||k===void 0?void 0:k.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:true,name:this._id,form:this._id,onClick:()=>this.handleClearAll()},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"309d5096cdbdfee24bd9a8a1941241586b60b3a4","aria-hidden":c(true),id:this._placeholderId},(A=this.placeholder)!==null&&A!==void 0?A:this.label),a(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||x):null,s("db-infotext",{key:"8f0fe04ea553fbffd86a7e30baa9cab7be708fd6",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"c106041467983c90b5a56ee4a6a56f8653dccaab","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{detailsRef:["watch0","watch2"],_id:["watch1"],_descByIds:["watch2"],showNoResults:["watch3"],_options:["watch3","watch11"],showSelectAll:["watch4"],amountOptions:["watch4","watch5","watch9"],multiple:["watch4"],showSearch:["watch5"],values:["watch6"],_values:["watch7","watch9","watch11"],validation:["watch8"],options:["watch10"],_selectedOptions:["watch12","watch13"],selectedType:["watch12"],amountText:["watch12"],selectAllIndeterminate:["watch14"],selectAllRef:["watch14"],selectRef:["watch15"],invalidMessage:["watch15"]}}};export{T as db_custom_select};
|
|
2
|
+
//# sourceMappingURL=p-b5a8e9c3.entry.js.map
|