@db-ux/wc-core-components 4.12.1 → 4.13.0-shell-f221975

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @db-ux/wc-core-components
 
+## 4.13.0
+
+### Minor Changes
+
+- feat: enable Invoker Commands (`command`- and `commandfor`-HTML-attributes) for DBButton - [see commit 00f50c3](https://github.com/db-ux-design-system/core-web/commit/00f50c3fc4508e62f2e30589c00148c54e2fc852)
+
 ## 4.12.1
 
 ### Patch Changes

package/agent/ControlPanelBrand.md

@@ -0,0 +1,9 @@
+
+
+# ControlPanelBrand Examples (stencil)
+
+```html
+<h1>DBControlPanelBrand Documentation Examples</h1>
+        <h2>1. Default Control Panel Brand</h2>
+        <db-control-panel-brand></db-control-panel-brand>
+```

package/agent/ControlPanelDesktop.md

@@ -0,0 +1,46 @@
+
+
+# ControlPanelDesktop Examples (stencil)
+
+```html
+<h1>DBControlPanelDesktop Documentation Examples</h1>
+        <h2>1. Default Control Panel Desktop</h2>
+        <db-control-panel-desktop
+          brand={<DBControlPanelBrand>Application Name</DBControlPanelBrand>}
+        >
+          <db-control-panel-navigation>
+            <db-control-panel-navigation-item icon="x_placeholder">
+              <a href="#">Navi-Item 1</a>
+            </db-control-panel-navigation-item>
+            <db-control-panel-navigation-item
+              icon="x_placeholder"
+              disabled={true}
+            >
+              <a href="#">Navi-Item 2</a>
+            </db-control-panel-navigation-item>
+          </db-control-panel-navigation>
+        </db-control-panel-desktop>
+        <h2>2. Vertical Orientation</h2>
+        <db-control-panel-desktop
+          orientation="vertical"
+          brand={<DBControlPanelBrand>Application Name</DBControlPanelBrand>}
+        >
+          <db-control-panel-navigation>
+            <db-control-panel-navigation-item icon="x_placeholder">
+              <a href="#">Navi-Item 1</a>
+            </db-control-panel-navigation-item>
+          </db-control-panel-navigation>
+        </db-control-panel-desktop>
+        <h2>3. Collapsed (expanded=false)</h2>
+        <db-control-panel-desktop
+          orientation="vertical"
+          expanded={false}
+          brand={<DBControlPanelBrand>Application Name</DBControlPanelBrand>}
+        >
+          <db-control-panel-navigation>
+            <db-control-panel-navigation-item icon="x_placeholder">
+              <a href="#">Navi-Item 1</a>
+            </db-control-panel-navigation-item>
+          </db-control-panel-navigation>
+        </db-control-panel-desktop>
+```

package/agent/ControlPanelMeta.md

@@ -0,0 +1,13 @@
+
+
+# ControlPanelMeta Examples (stencil)
+
+```html
+<h1>DBControlPanelMeta Documentation Examples</h1>
+        <h2>1. Default Meta</h2>
+        <db-control-panel-meta>
+          <db-link href="#">Imprint</db-link>
+          <db-link href="#">Help</db-link>
+          <db-link href="#">Privacy</db-link>
+        </db-control-panel-meta>
+```

package/agent/ControlPanelMobile.md

@@ -0,0 +1,37 @@
+
+
+# ControlPanelMobile Examples (stencil)
+
+```html
+<h1>DBControlPanelMobile Documentation Examples</h1>
+        <h2>1. Default Control Panel Mobile (Drawer)</h2>
+        <db-control-panel-mobile
+          drawerHeaderText="Application Name"
+          brand={<DBControlPanelBrand>Application Name</DBControlPanelBrand>}
+        >
+          <db-control-panel-navigation>
+            <db-control-panel-navigation-item icon="x_placeholder">
+              <a href="#">Navi-Item 1</a>
+            </db-control-panel-navigation-item>
+            <db-control-panel-navigation-item
+              icon="x_placeholder"
+              disabled={true}
+            >
+              <a href="#">Navi-Item 2</a>
+            </db-control-panel-navigation-item>
+          </db-control-panel-navigation>
+        </db-control-panel-mobile>
+        <h2>2. Bottom Position + Flat Icon Variant</h2>
+        <db-control-panel-mobile
+          position="bottom"
+          variant="flat-icon"
+          drawerHeaderText="Application Name"
+          brand={<DBControlPanelBrand>Application Name</DBControlPanelBrand>}
+        >
+          <db-control-panel-navigation>
+            <db-control-panel-navigation-item icon="x_placeholder">
+              <a href="#">Navi-Item 1</a>
+            </db-control-panel-navigation-item>
+          </db-control-panel-navigation>
+        </db-control-panel-mobile>
+```

package/agent/ControlPanelNavigation.md

@@ -0,0 +1,19 @@
+
+
+# ControlPanelNavigation Examples (stencil)
+
+```html
+<h1>DBControlPanelNavigation Documentation Examples</h1>
+        <h2>1. Default Navigation</h2>
+        <db-control-panel-navigation>
+          <db-control-panel-navigation-item>
+            <a href="#">Navi-Item 1</a>
+          </db-control-panel-navigation-item>
+          <db-control-panel-navigation-item icon="x_placeholder">
+            <a href="#">Navi-Item 2</a>
+          </db-control-panel-navigation-item>
+          <db-control-panel-navigation-item disabled={true}>
+            <a href="#">Navi-Item 3</a>
+          </db-control-panel-navigation-item>
+        </db-control-panel-navigation>
+```

package/agent/ControlPanelNavigationItem.md

@@ -0,0 +1,33 @@
+
+
+# ControlPanelNavigationItem Examples (stencil)
+
+```html
+<h1>DBControlPanelNavigationItem Documentation Examples</h1>
+        <h2>1. Default Navigation Item</h2>
+        <db-control-panel-navigation-item>
+          Default Navigation Item
+        </db-control-panel-navigation-item>
+        <h2>2. Active State</h2>
+        <db-control-panel-navigation-item active={true}>
+          Active Navigation Item
+        </db-control-panel-navigation-item>
+        <h2>3. Disabled State</h2>
+        <db-control-panel-navigation-item disabled={true}>
+          Disabled Navigation Item
+        </db-control-panel-navigation-item>
+        <h2>4. Sub-Navigation</h2>
+        <db-control-panel-navigation-item
+          subNavigation={<div>Sub Navigation Content</div>}
+        >
+          Navigation Item with Sub-Navigation
+        </db-control-panel-navigation-item>
+        <h2>5. Icon Support</h2>
+        <db-control-panel-navigation-item icon="user">
+          Navigation Item with Icon
+        </db-control-panel-navigation-item>
+        <h2>6. Custom Class</h2>
+        <db-control-panel-navigation-item class="custom-class">
+          Navigation Item with Custom Class
+        </db-control-panel-navigation-item>
+```

package/agent/ControlPanelPrimaryActions.md

@@ -0,0 +1,13 @@
+
+
+# ControlPanelPrimaryActions Examples (stencil)
+
+```html
+<h1>DBControlPanelPrimaryActions Documentation Examples</h1>
+        <h2>1. Default Primary Actions</h2>
+        <db-control-panel-primary-actions>
+          <db-button icon="magnifying_glass" variant="ghost" noText={true}>
+            Search
+          </db-button>
+        </db-control-panel-primary-actions>
+```

package/agent/ControlPanelSecondaryActions.md

@@ -0,0 +1,19 @@
+
+
+# ControlPanelSecondaryActions Examples (stencil)
+
+```html
+<h1>DBControlPanelSecondaryActions Documentation Examples</h1>
+        <h2>1. Default Secondary Actions</h2>
+        <db-control-panel-secondary-actions>
+          <db-button icon="x_placeholder" variant="ghost" noText={true}>
+            Profile
+          </db-button>
+          <db-button icon="x_placeholder" variant="ghost" noText={true}>
+            Notification
+          </db-button>
+          <db-button icon="x_placeholder" variant="ghost" noText={true}>
+            Help
+          </db-button>
+        </db-control-panel-secondary-actions>
+```

package/agent/Drawer.md

@@ -1,11 +1,3 @@
-## CSS Properties
-
-| CSS Variable | Default | CSS Property | Description | Example |
-| --- | --- | --- | --- | --- |
-| `--db-drawer-max-height` | `calc(100% - #{variables.$db-spacing-fixed-xl})` | max-block-size | Sets the maximum height of the drawer | — |
-| `--db-drawer-header-padding-block-end` | `#{map.get($spacing, "block")}` | padding-block-end | Controls the bottom padding inside the drawer header | — |
-| `--db-drawer-content-padding-inline` | `#{map.get($spacing, "inline")}` | padding-inline | Controls left/right padding inside the drawer content area | — |
-| `--db-drawer-max-width` | `calc(100% - #{variables.$db-spacing-fixed-xl})` | max-inline-size | Sets the maximum width of the drawer and some default values for the drawer | <pre>css - Wide drawer<br>.db-drawer-wide {<br>--db-drawer-max-width: 800px;<br>}<br>&lt;div class="db-drawer db-drawer-wide"&gt;<br>&lt;!-- wide drawer --&gt;<br>&lt;/div&gt;<br></pre> |
 
 
 # Drawer Examples (stencil)

package/agent/Shell.md

@@ -0,0 +1,24 @@
+
+
+# Shell Examples (stencil)
+
+```html
+<h1>DBShell Documentation Examples</h1>
+        <h2>1. Full Shell (Desktop + Mobile Control Panel)</h2>
+        <db-shell>
+          <db-control-panel-desktop slot="controlPanelDesktop"><db-control-panel-brand slot="brand" data-logo="db-systel"></db-control-panel-brand><db-control-panel-meta slot="metaNavigation"><db-link href="#">Imprint</db-link><db-link href="#">Help</db-link></db-control-panel-meta><db-control-panel-primary-actions slot="primaryActions"><db-button icon="magnifying_glass" variant="ghost" noText>Search</db-button></db-control-panel-primary-actions><db-control-panel-secondary-actions slot="secondaryActions"><db-button icon="x_placeholder" variant="ghost" noText>Profile</db-button><db-button icon="x_placeholder" variant="ghost" noText>Notification</db-button><db-button icon="x_placeholder" variant="ghost" noText>Help</db-button></db-control-panel-secondary-actions><db-control-panel-navigation><db-control-panel-navigation-item icon="x_placeholder"><a href="#">Navi-Item 1</a></db-control-panel-navigation-item><db-control-panel-navigation-item icon="x_placeholder" disabled><a href="#">Navi-Item 2</a></db-control-panel-navigation-item></db-control-panel-navigation></db-control-panel-desktop>
+<db-control-panel-mobile slot="controlPanelMobile" drawerHeaderText="Application Name"><db-control-panel-brand slot="brand" data-logo="db-systel"></db-control-panel-brand><db-control-panel-meta slot="metaNavigation"><db-link href="#">Imprint</db-link><db-link href="#">Help</db-link></db-control-panel-meta><db-control-panel-primary-actions slot="primaryActions"><db-button icon="magnifying_glass" variant="ghost" noText>Search</db-button></db-control-panel-primary-actions><db-control-panel-secondary-actions slot="secondaryActions"><db-button icon="x_placeholder" variant="ghost" noText>Profile</db-button><db-button icon="x_placeholder" variant="ghost" noText>Notification</db-button><db-button icon="x_placeholder" variant="ghost" noText>Help</db-button></db-control-panel-secondary-actions><db-control-panel-navigation><db-control-panel-navigation-item icon="x_placeholder"><a href="#">Navi-Item 1</a></db-control-panel-navigation-item><db-control-panel-navigation-item icon="x_placeholder" disabled><a href="#">Navi-Item 2</a></db-control-panel-navigation-item></db-control-panel-navigation></db-control-panel-mobile>
+
+          <db-control-panel-navigation>
+            <db-control-panel-navigation-item icon="x_placeholder">
+              <a href="#">Navi-Item 1</a>
+            </db-control-panel-navigation-item>
+            <db-control-panel-navigation-item
+              icon="x_placeholder"
+              disabled={true}
+            >
+              <a href="#">Navi-Item 2</a>
+            </db-control-panel-navigation-item>
+          </db-control-panel-navigation>
+        </db-shell>
+```

package/agent/ShellSubNavigation.md

@@ -0,0 +1,6 @@
+## CSS Properties
+
+| CSS Variable | Default | CSS Property | Description | Example |
+| --- | --- | --- | --- | --- |
+
+

package/agent/_instructions.md

@@ -1,5 +1,5 @@
 - Use "@db-ux/wc-core-components" as import for components:
-  - use for `DBDrawer` or `Drawer` the file __agent-path__/agent/Drawer.md
+  - use for `DBShellSubNavigation` or `ShellSubNavigation` the file __agent-path__/agent/ShellSubNavigation.md
   - use for `DBTooltip` or `Tooltip` the file __agent-path__/agent/Tooltip.md
   - use for `DBTextarea` or `Textarea` the file __agent-path__/agent/Textarea.md
   - use for `DBTag` or `Tag` the file __agent-path__/agent/Tag.md
@@ -7,25 +7,30 @@
   - use for `DBTabItem` or `TabItem` the file __agent-path__/agent/TabItem.md
   - use for `DBSwitch` or `Switch` the file __agent-path__/agent/Switch.md
   - use for `DBStack` or `Stack` the file __agent-path__/agent/Stack.md
+  - use for `DBShell` or `Shell` the file __agent-path__/agent/Shell.md
   - use for `DBSelect` or `Select` the file __agent-path__/agent/Select.md
   - use for `DBSection` or `Section` the file __agent-path__/agent/Section.md
   - use for `DBRadio` or `Radio` the file __agent-path__/agent/Radio.md
   - use for `DBPopover` or `Popover` the file __agent-path__/agent/Popover.md
-  - use for `DBPage` or `Page` the file __agent-path__/agent/Page.md
   - use for `DBNotification` or `Notification` the file __agent-path__/agent/Notification.md
-  - use for `DBNavigationItem` or `NavigationItem` the file __agent-path__/agent/NavigationItem.md
-  - use for `DBNavigation` or `Navigation` the file __agent-path__/agent/Navigation.md
   - use for `DBLink` or `Link` the file __agent-path__/agent/Link.md
   - use for `DBInput` or `Input` the file __agent-path__/agent/Input.md
   - use for `DBInfotext` or `Infotext` the file __agent-path__/agent/Infotext.md
   - use for `DBIcon` or `Icon` the file __agent-path__/agent/Icon.md
-  - use for `DBHeader` or `Header` the file __agent-path__/agent/Header.md
+  - use for `DBDrawer` or `Drawer` the file __agent-path__/agent/Drawer.md
   - use for `DBDivider` or `Divider` the file __agent-path__/agent/Divider.md
   - use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/agent/CustomSelect.md
+  - use for `DBControlPanelSecondaryActions` or `ControlPanelSecondaryActions` the file __agent-path__/agent/ControlPanelSecondaryActions.md
+  - use for `DBControlPanelPrimaryActions` or `ControlPanelPrimaryActions` the file __agent-path__/agent/ControlPanelPrimaryActions.md
+  - use for `DBControlPanelNavigationItem` or `ControlPanelNavigationItem` the file __agent-path__/agent/ControlPanelNavigationItem.md
+  - use for `DBControlPanelNavigation` or `ControlPanelNavigation` the file __agent-path__/agent/ControlPanelNavigation.md
+  - use for `DBControlPanelMobile` or `ControlPanelMobile` the file __agent-path__/agent/ControlPanelMobile.md
+  - use for `DBControlPanelMeta` or `ControlPanelMeta` the file __agent-path__/agent/ControlPanelMeta.md
+  - use for `DBControlPanelDesktop` or `ControlPanelDesktop` the file __agent-path__/agent/ControlPanelDesktop.md
+  - use for `DBControlPanelBrand` or `ControlPanelBrand` the file __agent-path__/agent/ControlPanelBrand.md
   - use for `DBCheckbox` or `Checkbox` the file __agent-path__/agent/Checkbox.md
   - use for `DBCard` or `Card` the file __agent-path__/agent/Card.md
   - use for `DBButton` or `Button` the file __agent-path__/agent/Button.md
-  - use for `DBBrand` or `Brand` the file __agent-path__/agent/Brand.md
   - use for `DBBadge` or `Badge` the file __agent-path__/agent/Badge.md
   - use for `DBAccordionItem` or `AccordionItem` the file __agent-path__/agent/AccordionItem.md
   - use for `DBAccordion` or `Accordion` the file __agent-path__/agent/Accordion.md

package/bundle/db-accordion-item.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-fu0VCCbW.js";const p=o,r=s;export{p as DbAccordionItem,r as defineCustomElement}
+import{D as o,d as s}from"./p-mf371GRo.js";const m=o,p=s;export{m as DbAccordionItem,p as defineCustomElement}

package/bundle/db-accordion.js

@@ -1 +1 @@
-import{y as t,t as i,H as s,u as e,z as n,d as a}from"./p-CYYSsu3p.js";import{d as h}from"./p-fu0VCCbW.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this._name="",this.initialized=!1,this._initOpenIndexDone=!1,this.observer=void 0}convertItems(){try{return"string"==typeof this.items?JSON.parse(this.items):this.items}catch(t){console.error(t)}return[]}setupObserver(t){if(!t)return;const i=t.closest("db-accordion");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-accordion")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const n=i.item(e);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),s.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"class"===n.name){const i=n.value.includes("hydrated"),e=n.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(n.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(n.name)}}}}watch0Fn(){this.initialized&&this._ref&&("single"===this.behavior?this.name?this._name!==this.name&&(this._name=this.name):this._name="accordion-"+e():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(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-accordion"),(()=>{this.initialized=!0,this._initOpenIndexDone=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return n("ul",{key:"f98dfda4df392afc979727a1bbc859f9bd7aab97",class:a("db-accordion",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-variant":this.variant},this.items?null:n("slot",null),this.items?null===(s=this.convertItems())||void 0===s?void 0:s.map(((t,i)=>n("db-accordion-item",{key:"accordion-item-"+i,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}get rootElement(){return this}static get watchers(){return{initialized:[{watch0:0}],name:[{watch0:0}],behavior:[{watch0:0}],_ref:[{watch1:0},{watch2:0}],_name:[{watch1:0}],_initOpenIndexDone:[{watch2:0}],initOpenIndex:[{watch2:0}]}}},[260,"db-accordion",{name:[1],behavior:[1],initOpenIndex:[16],items:[1],id:[1],propOverrides:[16],className:[1,"classname"],variant:[1],_name:[32],initialized:[32],_initOpenIndexDone:[32],observer:[32]},void 0,{initialized:[{watch0:0}],name:[{watch0:0}],behavior:[{watch0:0}],_ref:[{watch1:0},{watch2:0}],_name:[{watch1:0}],_initOpenIndexDone:[{watch2:0}],initOpenIndex:[{watch2:0}]}]),o=c,d=function(){"undefined"!=typeof customElements&&["db-accordion","db-accordion-item"].forEach((t=>{switch(t){case"db-accordion":customElements.get(i(t))||customElements.define(i(t),c);break;case"db-accordion-item":customElements.get(i(t))||h()}}))};export{o as DbAccordion,d as defineCustomElement}
+import{z as t,t as i,H as s,u as e,A as n,d as a}from"./p-DEicAzan.js";import{d as h}from"./p-mf371GRo.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this._name="",this.initialized=!1,this._initOpenIndexDone=!1,this.observer=void 0}convertItems(){try{return"string"==typeof this.items?JSON.parse(this.items):this.items}catch(t){console.error(t)}return[]}setupObserver(t){if(!t)return;const i=t.closest("db-accordion");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-accordion")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const n=i.item(e);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),s.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"class"===n.name){const i=n.value.includes("hydrated"),e=n.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(n.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(n.name)}}}}watch0Fn(){this.initialized&&this._ref&&("single"===this.behavior?this.name?this._name!==this.name&&(this._name=this.name):this._name="accordion-"+e():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(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-accordion"),(()=>{this.initialized=!0,this._initOpenIndexDone=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return n("ul",{key:"d996789030a6c8929616381063586d57f4d08a01",class:a("db-accordion",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-variant":this.variant},this.items?null:n("slot",null),this.items?null===(s=this.convertItems())||void 0===s?void 0:s.map(((t,i)=>n("db-accordion-item",{key:"accordion-item-"+i,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}get rootElement(){return this}static get watchers(){return{initialized:[{watch0:0}],name:[{watch0:0}],behavior:[{watch0:0}],_ref:[{watch1:0},{watch2:0}],_name:[{watch1:0}],_initOpenIndexDone:[{watch2:0}],initOpenIndex:[{watch2:0}]}}},[260,"db-accordion",{name:[1],behavior:[1],initOpenIndex:[16],items:[1],id:[1],propOverrides:[16],className:[1,"classname"],variant:[1],_name:[32],initialized:[32],_initOpenIndexDone:[32],observer:[32]},void 0,{initialized:[{watch0:0}],name:[{watch0:0}],behavior:[{watch0:0}],_ref:[{watch1:0},{watch2:0}],_name:[{watch1:0}],_initOpenIndexDone:[{watch2:0}],initOpenIndex:[{watch2:0}]}]),o=c,d=function(){"undefined"!=typeof customElements&&["db-accordion","db-accordion-item"].forEach((t=>{switch(t){case"db-accordion":customElements.get(i(t))||customElements.define(i(t),c);break;case"db-accordion-item":customElements.get(i(t))||h()}}))};export{o as DbAccordion,d as defineCustomElement}

package/bundle/db-badge.js

@@ -1 +1 @@
-import{y as t,H as e,z as s,j as i,d as a,t as d}from"./p-CYYSsu3p.js";import{a as n}from"./p-BdL-nI5y.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-badge");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-badge")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const a=e.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t;if(this._ref&&this.initialized&&(null===(t=this.placement)||void 0===t?void 0:t.startsWith("corner"))){let t=this._ref.parentElement;t&&t.localName.includes("badge")&&(t=t.parentElement),t&&(t.dataset.hasBadge="true")}}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-badge"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e,d,r;return s("span",{key:"35ba74d807e8b24b8b657e2ab744ffdacc543ddb",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-wrap":i(this.wrap,"wrap"),"data-label":(null===(d=this.placement)||void 0===d?void 0:d.startsWith("corner"))&&(null!==(r=this.label)&&void 0!==r?r:n)},this.text?this.text:null,s("slot",{key:"e6941e0d7594f49fc7ab5e8e23ad85ed3dc15510"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}},[260,"db-badge",{placement:[1],id:[1],propOverrides:[16],className:[1,"classname"],semantic:[1],size:[1],emphasis:[1],wrap:[8],label:[1],text:[1],initialized:[32],observer:[32]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),l=r,o=function(){"undefined"!=typeof customElements&&["db-badge"].forEach((t=>{"db-badge"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))};export{l as DbBadge,o as defineCustomElement}
+import{z as t,H as s,A as e,k as i,d as a,t as d}from"./p-DEicAzan.js";import{a as n}from"./p-COv1iCFP.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-badge");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-badge")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const a=s.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),e.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),e.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(a.name)}}}}watch0Fn(){var t;if(this._ref&&this.initialized&&(null===(t=this.placement)||void 0===t?void 0:t.startsWith("corner"))){let t=this._ref.parentElement;t&&t.localName.includes("badge")&&(t=t.parentElement),t&&(t.dataset.hasBadge="true")}}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-badge"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,d,r;return e("span",{key:"d2f49451ff0969570ebf5bfdf0d38bd24fdb74f5",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-wrap":i(this.wrap,"wrap"),"data-label":(null===(d=this.placement)||void 0===d?void 0:d.startsWith("corner"))&&(null!==(r=this.label)&&void 0!==r?r:n)},this.text?this.text:null,e("slot",{key:"f8fd8178b7655c825885c010d884c00056068572"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}},[260,"db-badge",{placement:[1],id:[1],propOverrides:[16],className:[1,"classname"],semantic:[1],size:[1],emphasis:[1],wrap:[8],label:[1],text:[1],initialized:[32],observer:[32]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),l=r,o=function(){"undefined"!=typeof customElements&&["db-badge"].forEach((t=>{"db-badge"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))};export{l as DbBadge,o as defineCustomElement}

package/bundle/db-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DVuZmW_J.js";const m=o,p=s;export{m as DbButton,p as defineCustomElement}
+import{D as o,d as s}from"./p-C3NPZvho.js";const p=o,r=s;export{p as DbButton,r as defineCustomElement}

package/bundle/db-card.js

@@ -1 +1 @@
-import{y as t,H as e,A as s,z as i,d as a,t as d}from"./p-CYYSsu3p.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=s(this,"click"),this.observer=void 0}handleClick(t){this.click&&this.click.emit(t)}setupObserver(t){if(!t)return;const e=t.closest("db-card");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-card")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const a=e.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-card"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e;return i("div",{key:"239a6339e8f5764403ced3424b1b8c1b0da0bf41",class:a("db-card",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,onClick:t=>this.handleClick(t)},i("slot",{key:"8b9970f8e6300a4feddc2de934ddd3ba4cab11ad"}))}get rootElement(){return this}},[260,"db-card",{id:[1],propOverrides:[16],className:[1,"classname"],behavior:[1],elevationLevel:[1,"elevation-level"],spacing:[1],observer:[32]}]),o=n,r=function(){"undefined"!=typeof customElements&&["db-card"].forEach((t=>{"db-card"===t&&(customElements.get(d(t))||customElements.define(d(t),n))}))};export{o as DbCard,r as defineCustomElement}
+import{z as t,H as e,B as s,A as i,d as a,t as d}from"./p-DEicAzan.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=s(this,"click"),this.observer=void 0}handleClick(t){this.click&&this.click.emit(t)}setupObserver(t){if(!t)return;const e=t.closest("db-card");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-card")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const a=e.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-card"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e;return i("div",{key:"c8b59aa078aea8911304df37d49ce773e037e580",class:a("db-card",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,onClick:t=>this.handleClick(t)},i("slot",{key:"fb9a79f1372c9fde1eb98d049a768db70be370b3"}))}get rootElement(){return this}},[260,"db-card",{id:[1],propOverrides:[16],className:[1,"classname"],behavior:[1],elevationLevel:[1,"elevation-level"],spacing:[1],observer:[32]}]),o=n,r=function(){"undefined"!=typeof customElements&&["db-card"].forEach((t=>{"db-card"===t&&(customElements.get(d(t))||customElements.define(d(t),n))}))};export{o as DbCard,r as defineCustomElement}

package/bundle/db-checkbox.js

@@ -1 +1 @@
-import{y as i,H as t,A as s,h as e,f as h,p as a,u as d,k as c,z as l,o as n,d as o,t as r}from"./p-CYYSsu3p.js";import{l as v,f as u,g as b,h as f,k as w}from"./p-BdL-nI5y.js";import{a as m}from"./p-D6L0n3gO.js";import{d as k}from"./p-BpO8Ok-r.js";const p=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this.initialized=!1,this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,d;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:w,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||v,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"checkbox-"+d();this._id=e,this._messageId=e+u,this._validMessageId=e+b,this._invalidMessageId=e+f}setupObserver(i){if(!i)return;const t=i.closest("db-checkbox");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-checkbox")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||v}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+u;this._messageId=i,this._validMessageId=this._id+b,this._invalidMessageId=this._id+f,a(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._ref&&void 0!==this.indeterminate&&(this._ref.indeterminate=!!c(this.indeterminate))}watch3(){this.watch3Fn()}watch4Fn(){this.initialized&&this._ref&&(null!=this.checked&&(this._ref.checked=!!c(this.checked)),this.initialized=!1)}watch4(){this.watch4Fn()}watch5Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),m(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),t.signal)}}watch5(){this.watch5Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-checkbox"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||v})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i;return l("div",{key:"b386e9507944ca665310bd874fdee124af12f071",class:o("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":n(this.showRequiredAsterisk),"data-hide-label":n(this.showLabel)},l("label",{key:"d6963dfdb59a00f027231babd6d985681c331b99",htmlFor:this._id},l("input",{key:"81848aef05a7288c4ae200f48be6f8614e68607f",type:"checkbox","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,required:c(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds}),this.label?this.label:null,l("slot",{key:"433ec6a708da3f342f8fc745ddefbdc9c15d8b9a"})),a(this.message,this.showMessage)?l("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||w):null,l("db-infotext",{key:"4295a01b6f8f0a9d78f337dac875f53c45ddefa6",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"85e87a85df4ca25e535cf0c890ba943f5cfa978b","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch3:0},{watch4:0},{watch5:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch3:0},{watch4:0}],indeterminate:[{watch3:0}],checked:[{watch4:0}]}}},[260,"db-checkbox",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],indeterminate:[8],checked:[8],validMessage:[1,"valid-message"],validation:[1],required:[8],className:[1,"classname"],size:[1],showRequiredAsterisk:[8,"show-required-asterisk"],showLabel:[8,"show-label"],name:[1],disabled:[8],value:[8],ariaDescribedBy:[1,"aria-described-by"],label:[1],messageIcon:[1,"message-icon"],initialized:[32],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_descByIds:[32],_voiceOverFallback:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch3:0},{watch4:0},{watch5:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch3:0},{watch4:0}],indeterminate:[{watch3:0}],checked:[{watch4:0}]}]),g=p,y=function(){"undefined"!=typeof customElements&&["db-checkbox","db-infotext"].forEach((i=>{switch(i){case"db-checkbox":customElements.get(r(i))||customElements.define(r(i),p);break;case"db-infotext":customElements.get(r(i))||k()}}))};export{g as DbCheckbox,y as defineCustomElement}
+import{z as i,H as t,B as s,h as e,f as h,q as a,u as d,l as c,A as l,p as n,d as o,t as r}from"./p-DEicAzan.js";import{l as v,f as u,g as b,h as w,k as f}from"./p-COv1iCFP.js";import{a as m}from"./p-DAr8BCe0.js";import{d as k}from"./p-DTmum76Y.js";const p=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this.initialized=!1,this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,d;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:f,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||v,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"checkbox-"+d();this._id=e,this._messageId=e+u,this._validMessageId=e+b,this._invalidMessageId=e+w}setupObserver(i){if(!i)return;const t=i.closest("db-checkbox");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-checkbox")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||v}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+u;this._messageId=i,this._validMessageId=this._id+b,this._invalidMessageId=this._id+w,a(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._ref&&void 0!==this.indeterminate&&(this._ref.indeterminate=!!c(this.indeterminate))}watch3(){this.watch3Fn()}watch4Fn(){this.initialized&&this._ref&&(null!=this.checked&&(this._ref.checked=!!c(this.checked)),this.initialized=!1)}watch4(){this.watch4Fn()}watch5Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),m(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),t.signal)}}watch5(){this.watch5Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-checkbox"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||v})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i;return l("div",{key:"130503bffd4d94f77a085f02d655dbbcb2fc7772",class:o("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":n(this.showRequiredAsterisk),"data-hide-label":n(this.showLabel)},l("label",{key:"f38874a7e11630dd21abe1c8c1f4fa8b65116550",htmlFor:this._id},l("input",{key:"49fa26610cfadcb064cb11e2b7fe97cae7cd93ae",type:"checkbox","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,required:c(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds}),this.label?this.label:null,l("slot",{key:"2119a959da0c591beb6ab2ed1909482943699e6e"})),a(this.message,this.showMessage)?l("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||f):null,l("db-infotext",{key:"aa579c03ce1cb3049c46bd454b671c74ec12f17a",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"076ea23eb8d662c3ba254cea5c229831dab390bd","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch3:0},{watch4:0},{watch5:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch3:0},{watch4:0}],indeterminate:[{watch3:0}],checked:[{watch4:0}]}}},[260,"db-checkbox",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],indeterminate:[8],checked:[8],validMessage:[1,"valid-message"],validation:[1],required:[8],className:[1,"classname"],size:[1],showRequiredAsterisk:[8,"show-required-asterisk"],showLabel:[8,"show-label"],name:[1],disabled:[8],value:[8],ariaDescribedBy:[1,"aria-described-by"],label:[1],messageIcon:[1,"message-icon"],initialized:[32],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_descByIds:[32],_voiceOverFallback:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch3:0},{watch4:0},{watch5:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch3:0},{watch4:0}],indeterminate:[{watch3:0}],checked:[{watch4:0}]}]),g=p,y=function(){"undefined"!=typeof customElements&&["db-checkbox","db-infotext"].forEach((i=>{switch(i){case"db-checkbox":customElements.get(r(i))||customElements.define(r(i),p);break;case"db-infotext":customElements.get(r(i))||k()}}))};export{g as DbCheckbox,y as defineCustomElement}

package/bundle/db-control-panel-brand.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DbControlPanelBrand extends Components.DbControlPanelBrand, HTMLElement {}
+export const DbControlPanelBrand: {
+    prototype: DbControlPanelBrand;
+    new (): DbControlPanelBrand;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/bundle/db-control-panel-brand.js

@@ -0,0 +1 @@
+import{z as t,H as e,A as s,d as n,t as a}from"./p-DEicAzan.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-control-panel-brand");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-brand")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let n=0;n<e.length;n++){const a=e.item(n);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),n=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${n?" "+n:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-brand"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e;return s("div",{key:"bcc1befdd6504c1067a3a34b91b3ffcccf4a45b7",class:n("db-control-panel-brand",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id},s("slot",{key:"f02755f7e5008542816a537235aeb3c83d5e2da6"}))}get rootElement(){return this}},[260,"db-control-panel-brand",{id:[1],propOverrides:[16],className:[1,"classname"],observer:[32]}]),o=d,i=function(){"undefined"!=typeof customElements&&["db-control-panel-brand"].forEach((t=>{"db-control-panel-brand"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))};export{o as DbControlPanelBrand,i as defineCustomElement}

package/bundle/db-control-panel-desktop.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DbControlPanelDesktop extends Components.DbControlPanelDesktop, HTMLElement {}
+export const DbControlPanelDesktop: {
+    prototype: DbControlPanelDesktop;
+    new (): DbControlPanelDesktop;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/bundle/db-control-panel-desktop.js

@@ -0,0 +1 @@
+import{z as t,H as e,u as a,l as s,A as o,k as d,d as i,t as n}from"./p-DEicAzan.js";import{q as c,p as l}from"./p-COv1iCFP.js";import{d as r}from"./p-B5p2TBcA.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this._id=void 0,this._open=!0,this.observer=void 0}handleToggle(t){"object"!=typeof t.detail&&(t.stopPropagation(),this._open=!this._open)}getToggleButtonText(){return this.expandButtonTooltip?this.expandButtonTooltip:this._open?c:l}resetIds(){var t,e,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id)&&void 0!==s?s:"db-control-panel-desktop-"+a()}setupObserver(t){if(!t)return;const e=t.closest("db-control-panel-desktop");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const a=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==a?void 0:a.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-desktop")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const a=null==t?void 0:t.closest(e);if(t&&a){const e=a.attributes;for(let s=0;s<e.length;s++){const o=e.item(s);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),a.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),a.removeAttribute(o.name);else if(o&&"class"===o.name){const e=o.value.includes("hydrated"),s=o.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(o.name,`${d||""}${s?" "+s:""}`),e?a.setAttribute("class","hydrated"):a.removeAttribute(o.name)}}}}watch0Fn(){this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var t;void 0!==this.expanded&&(this._open=null===(t=s(this.expanded,"expanded"))||void 0===t||t)}watch1(){this.watch1Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-desktop"),this.setupObserver(this._ref),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){return o("header",{key:"1e69bc19a8df84edc32a6ccd90fcc4910ca5215b",class:i("db-control-panel-desktop",this.className),ref:t=>{this._ref=t},id:this._id,"data-width":this.width,"data-orientation":this.orientation,"data-open":d(this._open)},o("slot",{key:"1e3a183c4e3746eaacae1dc69d74a5c61b825e47",name:"skipNavigation"}),o("div",{key:"f3bd252e6dea284952c692456d45541ae03f439a",class:"db-control-panel-desktop-brand-container"},o("slot",{key:"6cd6d8aabea48f6c60d99e892dc1669eb13f04af",name:"brand"})),o("div",{key:"17427a9e8159e9dc56bae68c713995b7cef67ea6",class:"db-control-panel-desktop-scroll-container",ref:t=>{this._scrollContainerRef=t}},o("slot",{key:"f1d0d4d75002f9668957f2bc566a8380b0709cbe"}),o("slot",{key:"85acca3e6977e39527c83b3bbc47cf7801525b2c",name:"metaNavigation"})),o("slot",{key:"e3e1cf00d281bead1888757e39b600e0caa455b2",name:"primaryActions"}),o("slot",{key:"793f8cb101822660216e84df98999d6523113003",name:"secondaryActions"}),o("div",{key:"0ee3e4d58514e2bd989b398a4e0bbd054a3e34a9",class:"db-control-panel-desktop-button"},o("button",{key:"2222f3382646d813accad996e371f7adf0d36ddc",class:"db-button","data-variant":"ghost","data-no-text":"true",type:"button","data-icon":"double_chevron_left",onClick:t=>this.handleToggle(t),"aria-controls":this._id,"aria-expanded":d(this._open)},o("db-tooltip",{key:"81b66866bc0bbaec059a67a1d1479c4af7309805",variant:"label",placement:"right"},this.getToggleButtonText()))))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],propOverrides:[{watch0:0}],expanded:[{watch1:0}]}}},[260,"db-control-panel-desktop",{id:[1],propOverrides:[16],expanded:[8],expandButtonTooltip:[1,"expand-button-tooltip"],className:[1,"classname"],width:[1],orientation:[1],_id:[32],_open:[32],observer:[32]},void 0,{id:[{watch0:0}],propOverrides:[{watch0:0}],expanded:[{watch1:0}]}]),b=h,p=function(){"undefined"!=typeof customElements&&["db-control-panel-desktop","db-tooltip"].forEach((t=>{switch(t){case"db-control-panel-desktop":customElements.get(n(t))||customElements.define(n(t),h);break;case"db-tooltip":customElements.get(n(t))||r()}}))};export{b as DbControlPanelDesktop,p as defineCustomElement}

package/bundle/db-control-panel-flat-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DbControlPanelFlatIcon extends Components.DbControlPanelFlatIcon, HTMLElement {}
+export const DbControlPanelFlatIcon: {
+    prototype: DbControlPanelFlatIcon;
+    new (): DbControlPanelFlatIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/bundle/db-control-panel-flat-icon.js

@@ -0,0 +1 @@
+import{z as t,H as s,j as e,A as i,k as a,d as n,t as o}from"./p-DEicAzan.js";import{R as d}from"./p-B2-mqMAV.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this._resizeObserverCallbackId=void 0,this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-control-panel-flat-icon");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-flat-icon")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const a=s.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),e.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),e.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&!this._resizeObserverCallbackId){const t=this._ref.getAttribute("data-density");t&&this._ref.setAttribute("data-initial-density",t),this._resizeObserverCallbackId=(new d).observe(this._ref,(()=>{if(!this._ref)return;const t=e(this._ref,"--db-control-panel-flat-icon-mobile"),s=this._ref.getAttribute("data-initial-density");t?this._ref.setAttribute("data-density","regular"):s?this._ref.setAttribute("data-density",s):this._ref.removeAttribute("data-density")}))}}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-flat-icon"),this.setupObserver(this._ref),this.watch0Fn()}disconnectedCallback(){var t;this._resizeObserverCallbackId&&((new d).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("header",{key:"6402a0d80b368fcead6440a8412489a934619619",class:n("db-control-panel-flat-icon",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-no-text":a(this.noText,"noText")},i("slot",{key:"24ac665b0b511685e2ff88f45d99b9dc15630800",name:"skipNavigation"}),i("slot",{key:"354b01d6d250d6d9cc25a6236189bee042c1ce64"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}]}}},[260,"db-control-panel-flat-icon",{id:[1],propOverrides:[16],noText:[8,"no-text"],className:[1,"classname"],_resizeObserverCallbackId:[32],observer:[32]},void 0,{_ref:[{watch0:0}]}]),c=l,r=function(){"undefined"!=typeof customElements&&["db-control-panel-flat-icon"].forEach((t=>{"db-control-panel-flat-icon"===t&&(customElements.get(o(t))||customElements.define(o(t),l))}))};export{c as DbControlPanelFlatIcon,r as defineCustomElement}

package/bundle/{db-navigation-item.d.ts → db-control-panel-meta.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../dist/types/components";
 
-interface DbNavigationItem extends Components.DbNavigationItem, HTMLElement {}
-export const DbNavigationItem: {
-    prototype: DbNavigationItem;
-    new (): DbNavigationItem;
+interface DbControlPanelMeta extends Components.DbControlPanelMeta, HTMLElement {}
+export const DbControlPanelMeta: {
+    prototype: DbControlPanelMeta;
+    new (): DbControlPanelMeta;
 };
 /**
  * Used to define this component and all nested components recursively.

package/bundle/db-control-panel-meta.js

@@ -0,0 +1 @@
+import{z as t,H as e,A as s,d as n,t as a}from"./p-DEicAzan.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-control-panel-meta");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-meta")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let n=0;n<e.length;n++){const a=e.item(n);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),n=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o||""}${n?" "+n:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-meta"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e;return s("div",{key:"a4131ee9def6e33560b304d2f957ab6895dd0bd6",class:n("db-control-panel-meta",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id},s("slot",{key:"2c32541f883cdb301a3aee5811fedfde0d760a01"}))}get rootElement(){return this}},[260,"db-control-panel-meta",{id:[1],propOverrides:[16],className:[1,"classname"],observer:[32]}]),d=o,i=function(){"undefined"!=typeof customElements&&["db-control-panel-meta"].forEach((t=>{"db-control-panel-meta"===t&&(customElements.get(a(t))||customElements.define(a(t),o))}))};export{d as DbControlPanelMeta,i as defineCustomElement}

package/bundle/db-control-panel-mobile.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DbControlPanelMobile extends Components.DbControlPanelMobile, HTMLElement {}
+export const DbControlPanelMobile: {
+    prototype: DbControlPanelMobile;
+    new (): DbControlPanelMobile;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/bundle/db-control-panel-mobile.js

@@ -0,0 +1 @@
+import{z as e,H as t,B as o,A as s,d as a,t as d}from"./p-DEicAzan.js";import{t as r}from"./p-COv1iCFP.js";import{i}from"./p-_kvIQ0Iy.js";import{d as n}from"./p-C3NPZvho.js";import{d as l}from"./p-CtoC6vGL.js";import{d as c}from"./p-CjeAJfEo.js";import{d as b}from"./p-WOdZHiUh.js";import{d as f}from"./p-B5p2TBcA.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggle=o(this,"toggle"),this.open=!1,this.observer=void 0}handleToggle(e){e.stopPropagation&&e.stopPropagation();const t=!this.open;this.open=t,this.toggle&&this.toggle.emit(t)}handleClose(e){e.stopPropagation&&e.stopPropagation(),this.open=!1,this.toggle&&this.toggle.emit(!1)}handleNavigationItemClick(e){i(e)&&this.handleClose(e)}setupObserver(e){if(!e)return;const t=e.closest("db-control-panel-mobile");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((e=>{var t;const o=e.target.attributes.getNamedItem(null!==(t=e.attributeName)&&void 0!==t?t:"");return(null==o?void 0:o.value)!==e.oldValue}))&&this.enableAttributePassing(e,"db-control-panel-mobile")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(e,t){const o=null==e?void 0:e.closest(t);if(e&&o){const t=o.attributes;for(let s=0;s<t.length;s++){const a=t.item(s);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?e.setAttribute(a.name,a.value):e.removeAttribute(a.name),o.removeAttribute(a.name);else if(a&&["style"].includes(a.name))e.setAttribute(a.name,a.value),o.removeAttribute(a.name);else if(a&&"class"===a.name){const t=a.value.includes("hydrated"),s=a.value.replace("hydrated","").trim(),d=e.getAttribute("class");e.setAttribute(a.name,`${d||""}${s?" "+s:""}`),t?o.setAttribute("class","hydrated"):o.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const e=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);e&&e.remove()}this.enableAttributePassing(this._ref,"db-control-panel-mobile"),this.setupObserver(this._ref)}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}render(){var e,t,o;return s("header",{key:"25bf24bdb71c1c4f6f3c20f450969476b9de518b",class:a("db-control-panel-mobile",this.className),"data-density":"regular",ref:e=>{this._ref=e},id:null!==(e=this.id)&&void 0!==e?e:null===(t=this.propOverrides)||void 0===t?void 0:t.id,"data-position":this.position},s("slot",{key:"225c01e9eab804a5fbb66614aed6fc55ec24955d",name:"skipNavigation"}),s("db-drawer",{key:"e9e344091b10454d0e4b40cd709e9e5925008226",class:"db-control-panel-mobile-drawer",rounded:!0,open:this.open,onClose:e=>this.handleClose(e)},s("div",{key:"4915275fceba63688f2d95ceb2016d928014dc17",class:"db-control-panel-mobile-drawer-scroll-container",onClick:e=>this.handleNavigationItemClick(e)},s("slot",{key:"d0631fc92c2623c4fa894d2766911c1653c780c9"}),s("slot",{key:"5d989e8ece5fe37a3477c46cf2a8f15c76670c6b",name:"metaNavigation"})),s("db-drawer-header",{key:"882ad83031b3730a240e638bd286f5cc91199df1",slot:"header",text:this.drawerHeaderText}),s("db-drawer-footer",{key:"be124b3f769f5fa7722d48d85ebd925c5e789bac",slot:"footer"},s("slot",{key:"503e666e22a9a3e7046fb44a352800e7a301f5b3",name:"secondaryActions"}))),s("slot",{key:"d401592fabf808f81f764546bdcd3b72e60b5018",name:"brand"}),s("slot",{key:"ff5b83e96a1a42aa4f9bf19bb00c4f650c3b90db",name:"primaryActions"}),s("db-button",{key:"6ec807aa071e8f917ecab14ee8086a2eb07fa4fc",class:"db-control-panel-mobile-button",icon:"menu",type:"button",variant:"ghost",noText:!0,onClick:e=>this.handleToggle(e)},null!==(o=this.burgerMenuLabel)&&void 0!==o?o:r))}get rootElement(){return this}},[260,"db-control-panel-mobile",{id:[1],propOverrides:[16],position:[1],className:[1,"classname"],drawerHeaderText:[1,"drawer-header-text"],burgerMenuLabel:[1,"burger-menu-label"],open:[32],observer:[32]}]),h=m,p=function(){"undefined"!=typeof customElements&&["db-control-panel-mobile","db-button","db-drawer","db-drawer-footer","db-drawer-header","db-tooltip"].forEach((e=>{switch(e){case"db-control-panel-mobile":customElements.get(d(e))||customElements.define(d(e),m);break;case"db-button":customElements.get(d(e))||n();break;case"db-drawer":customElements.get(d(e))||l();break;case"db-drawer-footer":customElements.get(d(e))||c();break;case"db-drawer-header":customElements.get(d(e))||b();break;case"db-tooltip":customElements.get(d(e))||f()}}))};export{h as DbControlPanelMobile,p as defineCustomElement}

package/bundle/db-control-panel-navigation-item-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DbControlPanelNavigationItemGroup extends Components.DbControlPanelNavigationItemGroup, HTMLElement {}
+export const DbControlPanelNavigationItemGroup: {
+    prototype: DbControlPanelNavigationItemGroup;
+    new (): DbControlPanelNavigationItemGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/bundle/db-control-panel-navigation-item-group.js

@@ -0,0 +1 @@
+import{z as t,H as i,B as s,u as e,f as o,l as a,j as n,A as h,k as c,d as r,t as d}from"./p-DEicAzan.js";import{n as l}from"./p-COv1iCFP.js";import{b as u}from"./p-BT3wZY6f.js";import{I as v}from"./p-Nyi3Ccqz.js";import{h as b,N as p}from"./p-_kvIQ0Iy.js";import{R as f}from"./p-B2-mqMAV.js";import{d as m}from"./p-C3NPZvho.js";const w=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=s(this,"click"),this.hasSubNavigation=!0,this.isSubNavigationExpanded=!1,this.autoClose=!1,this.hasPopup=!1,this.initialized=!1,this._isMobile=!1,this._role=void 0,this._attributeObserver=void 0,this._itemGroupMenuId="db-control-panel-navigation-item-group-menu-"+e(),this._intersectionObserverCallbackId=void 0,this._resizeObserverCallbackId=void 0,this._popoverListenersAttached=!1,this.navigationItemSafeTriangle=void 0,this.observer=void 0}_handleFocusIn(){this.hasPopup&&(this.isSubNavigationExpanded=!0)}_handleFocusOut(t){if(!this.hasPopup)return;const i=t.relatedTarget;i&&this._ref.contains(i)||(this.isSubNavigationExpanded=!1)}_handleMouseEnter(){this.hasPopup&&(this._menuRef&&(b(this._menuRef),u(this._menuRef)),this.isSubNavigationExpanded=!0)}_handleMouseLeave(){this.hasPopup&&(this.isSubNavigationExpanded=!1)}_setSiblingsInert(t){if(!this._ref||!this._menuRef)return;const i=this._ref.parentElement;if(i){const s=i.children;for(let i=0;i<s.length;i++){const e=s[i];e!==this._ref&&(t?e.setAttribute("inert",""):e.removeAttribute("inert"))}}this._buttonRef&&(t?this._buttonRef.setAttribute("inert",""):this._buttonRef.removeAttribute("inert"));const s=this._ref.closest(".db-control-panel-mobile-drawer-scroll-container");if(s){const i=this._ref.closest(".db-control-panel-navigation"),e=s.children;for(let s=0;s<e.length;s++){const o=e[s];o!==i&&(t?o.setAttribute("inert",""):o.removeAttribute("inert"))}}}_attachPopoverListeners(){!this._popoverListenersAttached&&this._ref&&(this._ref.addEventListener("mouseenter",this._handleMouseEnter),this._ref.addEventListener("mouseleave",this._handleMouseLeave),this._ref.addEventListener("focusin",this._handleFocusIn),this._ref.addEventListener("focusout",this._handleFocusOut),this._popoverListenersAttached=!0)}_detachPopoverListeners(){this._popoverListenersAttached&&this._ref&&(this._ref.removeEventListener("mouseenter",this._handleMouseEnter),this._ref.removeEventListener("mouseleave",this._handleMouseLeave),this._ref.removeEventListener("focusin",this._handleFocusIn),this._ref.removeEventListener("focusout",this._handleFocusOut),this.isSubNavigationExpanded=!1,this._popoverListenersAttached=!1)}_teardownPopover(){this._detachPopoverListeners(),this.navigationItemSafeTriangle=void 0,this._intersectionObserverCallbackId&&((new v).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0),this._resizeObserverCallbackId&&((new f).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0)}onScroll(){this.hasPopup&&this._menuRef&&b(this._menuRef)}handleNavigationItemClick(t){var i;"A"===(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.nodeName)&&this.forceClose()}forceClose(){this.autoClose=!0,o((()=>{this.autoClose=!1}),300)}handleClick(t){this.hasPopup||(this.isSubNavigationExpanded=!this.isSubNavigationExpanded),this.click&&(t.stopPropagation(),this.click.emit(t))}handleBackClick(t){t.stopPropagation(),this.isSubNavigationExpanded=!1,o((()=>{this._buttonRef&&this._buttonRef.focus()}),1)}handleEscape(t){t&&"Escape"!==t.key||(this.forceClose(),this._buttonRef.blur())}setupObserver(t){if(!t)return;const i=t.closest("db-control-panel-navigation-item-group");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-navigation-item-group")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const o=i.item(e);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),s.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),s.removeAttribute(o.name);else if(o&&"class"===o.name){const i=o.value.includes("hydrated"),e=o.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(o.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(o.name)}}}}watch0Fn(){var t;if(!this.initialized||!this._ref||this._attributeObserver)return;const i=null!==(t=this._ref.getAttribute("role"))&&void 0!==t?t:void 0;i!==this._role&&(this._role=i);const s=new MutationObserver((t=>{var i;for(const s of t)if("role"===s.attributeName){const t=null!==(i=this._ref.getAttribute("role"))&&void 0!==i?i:void 0;t!==this._role&&(this._role=t)}}));s.observe(this._ref,{attributes:!0,attributeFilter:["role"]}),this._attributeObserver=s}watch0(){this.watch0Fn()}watch1Fn(){void 0!==this.expanded&&(this.isSubNavigationExpanded=!!a(this.expanded,"expanded"))}watch1(){this.watch1Fn()}watch2Fn(){this._ref&&this.initialized&&(this.initialized=!1,this.hasPopup=n(this._ref,"--db-control-panel-navigation-item-group-menu-popover"),this._menuRef&&(this._isMobile=n(this._menuRef,"--db-control-panel-navigation-item-group-menu-mobile")))}watch2(){this.watch2Fn()}watch3Fn(){if(this._isMobile&&this.isSubNavigationExpanded){if(this._setSiblingsInert(!0),this._menuRef){const t=this._menuRef.querySelector(".db-control-panel-navigation-item a");t&&t.focus()}}else this._setSiblingsInert(!1)}watch3(){this.watch3Fn()}watch4Fn(){this._ref&&this._buttonRef&&this._menuRef&&this.hasPopup&&(this.navigationItemSafeTriangle||(this.navigationItemSafeTriangle=new p(this._ref,this._menuRef)),this._attachPopoverListeners(),this._intersectionObserverCallbackId||(this._intersectionObserverCallbackId=(new v).observe(this._buttonRef,(t=>{t.isIntersecting||this.forceClose()}))),this._resizeObserverCallbackId||(this._resizeObserverCallbackId=(new f).observe(document.documentElement,(()=>{this._menuRef&&b(this._menuRef)})))),this.hasPopup||this._teardownPopover()}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-navigation-item-group"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var t,i;this._teardownPopover(),this._setSiblingsInert(!1),null===(t=this._attributeObserver)||void 0===t||t.disconnect(),this._attributeObserver=void 0,null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,s,e,o;return h("li",{key:"e842f5d91531596bc1b4077b50a2aa4b7349b557",class:r("db-control-panel-navigation-item-group",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,role:this._role,onMouseOver:()=>{var t;return null===(t=this.navigationItemSafeTriangle)||void 0===t?void 0:t.enableFollow()},onMouseLeave:()=>{var t;return null===(t=this.navigationItemSafeTriangle)||void 0===t?void 0:t.disableFollow()},onMouseMove:t=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.followByMouseEvent(t)},onKeyDown:t=>this.handleEscape(t),"data-icon":this.icon,"data-show-icon":c(this.showIcon,"showIcon"),"data-active":c(this.active,"active"),"aria-disabled":c(this.disabled,"disabled")},h("button",{key:"58ba0cb92b2a10a880d8c9f59c11850085b2f9ec",class:"db-control-panel-navigation-item-group-expand-button",type:"button",ref:t=>{this._buttonRef=t},"aria-haspopup":c(!!this.hasPopup||void 0),"aria-controls":null!==(s=this.menuId)&&void 0!==s?s:this._itemGroupMenuId,"aria-expanded":c(this.isSubNavigationExpanded),disabled:a(this.disabled,"disabled"),onClick:t=>this.handleClick(t)},this.text,h("div",{key:"70f9d5553fc644f957fefc31a31350041aad2b83",class:"db-control-panel-navigation-item-group-expand-button-end-slot-container"},h("slot",{key:"34ca08f31c839144194960294c35f9d4ef057e2a",name:"endSlot"}))),h("menu",{key:"877d344a558361d4bc6c4a7cbaa65325cf0d1d35",class:"db-control-panel-navigation-item-group-menu",ref:t=>{this._menuRef=t},"data-force-close":c(this.autoClose),id:null!==(e=this.menuId)&&void 0!==e?e:this._itemGroupMenuId,onScroll:()=>this.onScroll(),onClick:t=>this.handleNavigationItemClick(t)},h("li",{key:"9a7c9be7cb8bbe5aac6dd2a4c8530ba1dbdb3f35",class:"db-control-panel-navigation-item-group-back-button"},h("db-button",{key:"65808897bb081139d1c5a229f4c6e6fcf37f980d",icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:t=>this.handleBackClick(t)},null!==(o=this.backButtonText)&&void 0!==o?o:l)),h("slot",{key:"fa8a9703ae21bb54349081935d42c5128f3cc8f9"})))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0},{watch2:0},{watch4:0}],initialized:[{watch0:0},{watch2:0}],expanded:[{watch1:0}],_isMobile:[{watch3:0}],isSubNavigationExpanded:[{watch3:0}],_menuRef:[{watch4:0}],_buttonRef:[{watch4:0}],hasPopup:[{watch4:0}]}}},[260,"db-control-panel-navigation-item-group",{expanded:[8],id:[1],propOverrides:[16],className:[1,"classname"],icon:[1],showIcon:[8,"show-icon"],active:[4],disabled:[8],menuId:[1,"menu-id"],text:[1],backButtonId:[1,"back-button-id"],backButtonText:[1,"back-button-text"],hasSubNavigation:[32],isSubNavigationExpanded:[32],autoClose:[32],hasPopup:[32],initialized:[32],_isMobile:[32],_role:[32],_attributeObserver:[32],_itemGroupMenuId:[32],_intersectionObserverCallbackId:[32],_resizeObserverCallbackId:[32],_popoverListenersAttached:[32],navigationItemSafeTriangle:[32],observer:[32]},void 0,{_ref:[{watch0:0},{watch2:0},{watch4:0}],initialized:[{watch0:0},{watch2:0}],expanded:[{watch1:0}],_isMobile:[{watch3:0}],isSubNavigationExpanded:[{watch3:0}],_menuRef:[{watch4:0}],_buttonRef:[{watch4:0}],hasPopup:[{watch4:0}]}]),g=w,k=function(){"undefined"!=typeof customElements&&["db-control-panel-navigation-item-group","db-button"].forEach((t=>{switch(t){case"db-control-panel-navigation-item-group":customElements.get(d(t))||customElements.define(d(t),w);break;case"db-button":customElements.get(d(t))||m()}}))};export{g as DbControlPanelNavigationItemGroup,k as defineCustomElement}

package/bundle/db-control-panel-navigation-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DbControlPanelNavigationItem extends Components.DbControlPanelNavigationItem, HTMLElement {}
+export const DbControlPanelNavigationItem: {
+    prototype: DbControlPanelNavigationItem;
+    new (): DbControlPanelNavigationItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;