@db-ux/wc-core-components 4.9.1 → 4.10.0-esm-94516f3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @db-ux/wc-core-components
 
+## 4.10.0
+
+### Minor Changes
+
+- feat(`DBAccordionItem`): add `open` prop to control the expanded state of an accordion item programmatically. - [see commit 8e7c85d](https://github.com/db-ux-design-system/core-web/commit/8e7c85dfba9e0b013fce9db2151545b8f336a29a)
+
+- refactor(form components): replace hard 25ch label width limit with customizable CSS variable `--db-label-max-size` (defaults to `100%`). To restore the previous behavior, set `--db-label-max-size: 25ch;` in your project styles. - [see commit 08b1234](https://github.com/db-ux-design-system/core-web/commit/08b1234342e3c0d622116d528a979ff53d7e2356)
+
+- feat: add bundled output (`bundle/`) so the web-components package can be consumed directly via a single script import without a bundler. - [see commit 8e7c85d](https://github.com/db-ux-design-system/core-web/commit/8e7c85dfba9e0b013fce9db2151545b8f336a29a)
+
 ## 4.9.1
 
 ### Patch Changes
@@ -207,7 +217,7 @@ _version bump_
 
 - fix: set DBTabItem internal state `_selected` correctly - [see commit f7625cb](https://github.com/db-ux-design-system/core-web/commit/f7625cbd9d64513527e826c9d2c1ef42b2734a4b):
 
-            - Now also sets aria-selected=true|false correctly which improves screen reader behaviour
+                      - Now also sets aria-selected=true|false correctly which improves screen reader behaviour
 
 ## 4.2.1
 

package/README.md

@@ -6,41 +6,83 @@
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com)
 
 A web-component library containing all components of [DB UX Design System (technical components)](https://github.com/db-ux-design-system/core-web).
+We also provide more information about specific components. This information is in our [Design System documentation](https://design-system.deutschebahn.com/documentation/get-started/).
 
 ## Install
 
 ```shell
-npm i @db-ux/wc-core-components
+pnpm add @db-ux/wc-core-components @db-ux/core-components @db-ux/core-foundations --save-dev
 ```
 
-> **Note:** This will install [`@db-ux/core-foundations`](https://www.npmjs.com/package/@db-ux/core-foundations) and [`@db-ux/core-components`](https://www.npmjs.com/package/@db-ux/core-components) as well which contains the `css`/`scss` files
-
 ## Styling Dependencies
 
-Import the styles in scss or css. Based on your technology the file names could be different.
+### Vite Plugin
+
+If you're using Vite, you can use the [`@db-ux/core-vite-plugin`](https://www.npmjs.com/package/@db-ux/core-vite-plugin) which simplifies the CSS setup to a single import.
+
+```shell
+pnpm add @db-ux/core-vite-plugin --save-dev
+```
+
+Add the plugin to your `vite.config.ts`:
+
+```ts
+import { defineConfig } from "vite";
+import dbUxPlugin from "@db-ux/core-vite-plugin";
 
-- Default (relative): points to `../assets`
-- Rollup (rollup): points to `@db-ux/core-foundations/assets`
-- Webpack (webpack): points to `~@db-ux/core-foundations/assets`
+export default defineConfig({
+	plugins: [dbUxPlugin()]
+});
+```
 
-<details>
-  <summary><strong>SCSS</strong></summary>
+Then import the plugin in your CSS file:
 
-```scss
-// index.scss
-@forward "@db-ux/core-components/build/styles/rollup";
+```css
+/* index.css */
+@import "@db-ux/core-vite-plugin/index.css";
 ```
 
-</details>
-<details>
-  <summary><strong>CSS</strong></summary>
+📖 **[Learn more about `@db-ux/core-vite-plugin` node package](https://www.npmjs.com/package/@db-ux/core-vite-plugin)**
 
-```js
-// main.js
-import "@db-ux/core-components/build/styles/rollup.css";
+### PostCSS Plugin (recommended)
+
+We recommend using the [`@db-ux/core-postcss-plugin`](https://www.npmjs.com/package/@db-ux/core-postcss-plugin) to reduce your bundle size. It flattens CSS custom properties by resolving `var()`, `calc()`, `color-mix()`, and `light-dark()` at build time, removing unused declarations.
+
+```shell
+pnpm add @db-ux/core-postcss-plugin --save-dev
 ```
 
-</details>
+Configure it in `vite.config.ts`:
+
+```ts
+import { defineConfig } from "vite";
+import { dbUxFlatten } from "@db-ux/core-postcss-plugin";
+
+export default defineConfig({
+	css: {
+		transformer: "postcss", // required for Vite 8+ (default: 'lightningcss')
+		postcss: {
+			plugins: [dbUxFlatten()]
+		}
+	}
+});
+```
+
+📖 **[Learn more about `@db-ux/core-postcss-plugin` node package](https://www.npmjs.com/package/@db-ux/core-postcss-plugin)**
+
+### Manual CSS Setup
+
+If you're not using Vite or prefer manual setup, import the styles in your main CSS file:
+
+```css
+/* index.css */
+@layer whitelabel-theme, db-ux;
+/* You may want to include another theme here, this is a whitelabel theme! So instead of including the following line of code, please have a look at the DB Theme section */
+@import "@db-ux/core-foundations/build/styles/theme/rollup.css"
+	layer(whitelabel-theme);
+
+@import "@db-ux/core-components/build/styles/bundle.css" layer(db-ux);
+```
 
 ### Vite 8
 
@@ -78,24 +120,42 @@ export default defineConfig({
 });
 ```
 
-> **Note:** The `@db-ux/core-components/build/styles/relative` file contains optional and all components styles. If you consider performance issues see [@db-ux/core-components](https://www.npmjs.com/package/@db-ux/core-components) for more information.
-
 ### DB Theme
 
 In case that you're building a website or application for Deutsche Bahn, you'll additionally have to install the DB Theme via the [`@db-ux/db-theme`](https://www.npmjs.com/package/@db-ux/db-theme) node package (even also available as an inner source node package, as described within that packages README).
 
 ## Usage
 
+This package provides two output variants:
+
+### Default (requires `@stencil/core` as peer dependency)
+
+The default entry point uses Stencil's lazy-loading loader. `@stencil/core` must be installed separately.
+
+```shell
+npm i @stencil/core
+```
+
 ```js
 // main.js
 import { defineCustomElements } from "@db-ux/wc-core-components";
 defineCustomElements();
 ```
 
+### Bundle (no external dependencies)
+
+The bundle entry point is fully self-contained — `@stencil/core` is bundled in and does not need to be installed separately.
+
+```js
+// main.js
+import { defineCustomElements } from "@db-ux/wc-core-components/bundle";
+defineCustomElements();
+```
+
+Then use them anywhere in your HTML:
+
 ```html
-...
-<db-button icon="x_placeholder">Test</db-button>
-...
+<db-button variant="brand">Add item to cart</db-button>
 ```
 
 ## VSCode autocomplete
@@ -124,7 +184,36 @@ npx @db-ux/agent-cli
 
 This will create or update `.github/copilot-instructions.md` with component documentation based on your installed `@db-ux` packages, helping AI agents provide better suggestions.
 
-📖 **[Learn more about `@db-ux/agent-cli` node package](packages/agent-cli/README.md)**
+📖 **[Learn more about `@db-ux/agent-cli` node package](https://www.npmjs.com/package/@db-ux/agent-cli)**
+
+## Stylelint
+
+To validate correct usage of DB UX Design System tokens in your CSS/SCSS, use the [`@db-ux/core-stylelint`](https://www.npmjs.com/package/@db-ux/core-stylelint) plugin.
+
+### Installation
+
+```shell
+pnpm add stylelint @db-ux/core-stylelint --save-dev
+```
+
+### Setup
+
+Add to your `.stylelintrc.json`:
+
+```json
+{
+	"plugins": ["@db-ux/core-stylelint"],
+	"rules": {
+		"db-ux/use-spacings": [true],
+		"db-ux/use-sizing": [true],
+		"db-ux/use-border-width": [true],
+		"db-ux/use-border-radius": [true],
+		"db-ux/use-border-color": [true]
+	}
+}
+```
+
+📖 **[Learn more about `@db-ux/core-stylelint` node package](https://www.npmjs.com/package/@db-ux/core-stylelint)**
 
 ## Deutsche Bahn brand
 

package/bundle/db-accordion-item.d.ts

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

package/bundle/db-accordion-item.js

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

package/bundle/db-accordion.d.ts

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

package/bundle/db-accordion.js

@@ -0,0 +1 @@
+import{y as t,t as i,H as s,u as e,z as a,d as n}from"./p-CCbaTFJ9.js";import{d as h}from"./p-DS39nEhJ.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this._name="",this.initialized=!1,this._initOpenIndexDone=!1}convertItems(){try{return"string"==typeof this.items?JSON.parse(this.items):this.items}catch(t){console.error(t)}return[]}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n?n+" ":""}${e}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.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.watch0Fn(),this.watch1Fn(),this.watch2Fn()}render(){var t,i,s;return a("ul",{key:"d6927b05c169addaea604a2f5eb225017ee6973c",class:n("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:a("slot",null),this.items?null===(s=this.convertItems())||void 0===s?void 0:s.map(((t,i)=>a("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]},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.d.ts

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

package/bundle/db-badge.js

@@ -0,0 +1 @@
+import{y as t,H as e,z as s,d as a,t as i,j as d}from"./p-CCbaTFJ9.js";import{a as n}from"./p-BdL-nI5y.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let a=0;a<e.length;a++){const i=e.item(a);if(i&&"data-density"!==i.name&&(i.name.startsWith("data-")||i.name.startsWith("aria-")))t.setAttribute(i.name,i.value),s.removeAttribute(i.name);else if(i&&"data-density"!==i.name&&"class"!==i.name&&"style"===i.name)t.setAttribute(i.name,i.value),s.removeAttribute(i.name);else if(i&&"class"===i.name){const e=i.value.includes("hydrated"),a=i.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(i.name,`${d?d+" ":""}${a}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(i.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.watch0Fn()}render(){var t,e,i,c;return s("span",{key:"ff0187a460e59a023d8a6267b0e12ee7ec3d5283",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":d(this.wrap),"data-label":(null===(i=this.placement)||void 0===i?void 0:i.startsWith("corner"))&&(null!==(c=this.label)&&void 0!==c?c:n)},this.text?this.text:null,s("slot",{key:"e74eadd9e63a3c4de30d59936cdf08cd4b127ac1"}))}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]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),l=c,o=function(){"undefined"!=typeof customElements&&["db-badge"].forEach((t=>{"db-badge"===t&&(customElements.get(i(t))||customElements.define(i(t),c))}))};export{l as DbBadge,o as defineCustomElement}

package/bundle/db-brand.d.ts

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

package/bundle/db-brand.js

@@ -0,0 +1 @@
+import{y as s,H as t,z as e,d,t as n,j as i}from"./p-CCbaTFJ9.js";import{q as o}from"./p-BdL-nI5y.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}enableAttributePassing(s,t){const e=null==s?void 0:s.closest(t);if(s&&e){const t=e.attributes;for(let d=0;d<t.length;d++){const n=t.item(d);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))s.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"data-density"!==n.name&&"class"!==n.name&&"style"===n.name)s.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const t=n.value.includes("hydrated"),d=n.value.replace("hydrated","").trim(),i=s.getAttribute("class");s.setAttribute(n.name,`${i?i+" ":""}${d}`),t?e.setAttribute("class","hydrated"):e.removeAttribute(n.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const s=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);s&&s.remove()}this.enableAttributePassing(this._ref,"db-brand")}render(){var s,t,n;return e("div",{key:"7695d23f214566e142e43ffba27403680f9af668",class:d("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":null!==(s=this.icon)&&void 0!==s?s:o,"data-show-icon":i(this.showIcon),id:null!==(t=this.id)&&void 0!==t?t:null===(n=this.propOverrides)||void 0===n?void 0:n.id},e("slot",{key:"8c0e42e72b53a0417274170d7785cc93392e5c1c"}),this.text?this.text:null)}get rootElement(){return this}},[260,"db-brand",{hideLogo:[4,"hide-logo"],icon:[1],showIcon:[8,"show-icon"],id:[1],propOverrides:[16],className:[1,"classname"],text:[1]}]),c=a,r=function(){"undefined"!=typeof customElements&&["db-brand"].forEach((s=>{"db-brand"===s&&(customElements.get(n(s))||customElements.define(n(s),a))}))};export{c as DbBrand,r as defineCustomElement}

package/bundle/db-button.d.ts

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

package/bundle/db-button.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./p-DVYa1bHg.js";const a=o,p=s;export{a as DbButton,p as defineCustomElement}

package/bundle/db-card.d.ts

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

package/bundle/db-card.js

@@ -0,0 +1 @@
+import{y as e,H as t,A as s,z as a,d,t as i}from"./p-CCbaTFJ9.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.click=s(this,"click")}handleClick(e){this.click&&this.click.emit(e)}enableAttributePassing(e,t){const s=null==e?void 0:e.closest(t);if(e&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))e.setAttribute(d.name,d.value),s.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)e.setAttribute(d.name,d.value),s.removeAttribute(d.name);else if(d&&"class"===d.name){const t=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),i=e.getAttribute("class");e.setAttribute(d.name,`${i?i+" ":""}${a}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(d.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-card")}render(){var e,t;return a("div",{key:"60e504447aed35763e41cf692507e28c4da6e893",class:d("db-card",this.className),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-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,onClick:e=>this.handleClick(e)},a("slot",{key:"92301dedc9ece7f5b2bcbd5da726d402af788b31"}))}get rootElement(){return this}},[260,"db-card",{id:[1],propOverrides:[16],className:[1,"classname"],behavior:[1],elevationLevel:[1,"elevation-level"],spacing:[1]}]),c=n,o=function(){"undefined"!=typeof customElements&&["db-card"].forEach((e=>{"db-card"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{c as DbCard,o as defineCustomElement}

package/bundle/db-checkbox.d.ts

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

package/bundle/db-checkbox.js

@@ -0,0 +1 @@
+import{y as i,H as s,A as t,h as e,f as h,p as a,u as d,k as c,z as l,d as n,t as o,o as r}from"./p-CCbaTFJ9.js";import{l as v,f as u,g as b,h as w,k as f}from"./p-BdL-nI5y.js";import{a as m}from"./p-D4Ym01qf.js";import{d as k}from"./p-_2t1bnPD.js";const p=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(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}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,s,t,d;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(t=this._ref)||void 0===t?void 0:t.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===(s=this._ref)||void 0===s?void 0:s.validationMessage)||v,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleChange(i,s){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,s,t;const e=null!==(t=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==t?t:"checkbox-"+d();this._id=e,this._messageId=e+u,this._validMessageId=e+b,this._invalidMessageId=e+w}enableAttributePassing(i,s){const t=null==i?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let e=0;e<s.length;e++){const h=s.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))i.setAttribute(h.name,h.value),t.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)i.setAttribute(h.name,h.value),t.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a?a+" ":""}${e}`),s?t.setAttribute("class","hydrated"):t.removeAttribute(h.name)}}}}watch0Fn(){var i,s;(null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.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 s=this.abortController;s||(s=new AbortController,this.abortController=s),m(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),s.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.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i;return l("div",{key:"b4aa2acb183c25424a4c670c699410d7f8e67ad1",class:n("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":r(this.showRequiredAsterisk),"data-hide-label":r(this.showLabel)},l("label",{key:"549e995c2d8c8105d086ad957d0141d802aa3e55",htmlFor:this._id},l("input",{key:"e2454be60370d672b523d9fd2efb422a7072d763",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:"ce083db15ea772a5dd3fdf5e6a7c815029922b13"})),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:"bde204976a10d8d7f54300c7b465a23e9492bcf3",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"7a8fe737edfae78c380f572b2cf5cec88fbd8edf","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]},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}]}]),y=p,g=function(){"undefined"!=typeof customElements&&["db-checkbox","db-infotext"].forEach((i=>{switch(i){case"db-checkbox":customElements.get(o(i))||customElements.define(o(i),p);break;case"db-infotext":customElements.get(o(i))||k()}}))};export{y as DbCheckbox,g as defineCustomElement}

package/bundle/db-custom-button.d.ts

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

package/bundle/db-custom-button.js

@@ -0,0 +1 @@
+import{y as t,H as s,z as i,d as n,t as o,j as a}from"./p-CCbaTFJ9.js";const e=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let n=0;n<s.length;n++){const o=s.item(n);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))t.setAttribute(o.name,o.value),i.removeAttribute(o.name);else if(o&&"data-density"!==o.name&&"class"!==o.name&&"style"===o.name)t.setAttribute(o.name,o.value),i.removeAttribute(o.name);else if(o&&"class"===o.name){const s=o.value.includes("hydrated"),n=o.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(o.name,`${a?a+" ":""}${n}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(o.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-custom-button")}render(){var t,s,o,e;return i("div",{key:"ea6221c001dbf13b6e1d49cbf6b87b195c24a5d0",class:n("db-custom-button",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-icon":null!==(o=this.iconLeading)&&void 0!==o?o:this.icon,"data-show-icon":a(null!==(e=this.showIconLeading)&&void 0!==e?e:this.showIcon),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":a(this.showIconTrailing),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-no-text":a(this.noText)},i("slot",{key:"19220453bcb2323b8c540d60a1d12b85e0c07f4d"}))}get rootElement(){return this}},[260,"db-custom-button",{id:[1],propOverrides:[16],className:[1,"classname"],iconLeading:[1,"icon-leading"],icon:[1],showIconLeading:[8,"show-icon-leading"],showIcon:[8,"show-icon"],iconTrailing:[1,"icon-trailing"],showIconTrailing:[8,"show-icon-trailing"],size:[1],width:[1],variant:[1],noText:[8,"no-text"]}]),d=e,c=function(){"undefined"!=typeof customElements&&["db-custom-button"].forEach((t=>{"db-custom-button"===t&&(customElements.get(o(t))||customElements.define(o(t),e))}))};export{d as DbCustomButton,c as defineCustomElement}

package/bundle/db-custom-select-dropdown.d.ts

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

package/bundle/db-custom-select-dropdown.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./p-bzxfqhtq.js";const t=o,p=s;export{t as DbCustomSelectDropdown,p as defineCustomElement}

package/bundle/db-custom-select-form-field.d.ts

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

package/bundle/db-custom-select-form-field.js

@@ -0,0 +1 @@
+import{y as e,H as s,z as t,d,t as c}from"./p-CCbaTFJ9.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}enableAttributePassing(e,s){const t=null==e?void 0:e.closest(s);if(e&&t){const s=t.attributes;for(let d=0;d<s.length;d++){const c=s.item(d);if(c&&"data-density"!==c.name&&(c.name.startsWith("data-")||c.name.startsWith("aria-")))e.setAttribute(c.name,c.value),t.removeAttribute(c.name);else if(c&&"data-density"!==c.name&&"class"!==c.name&&"style"===c.name)e.setAttribute(c.name,c.value),t.removeAttribute(c.name);else if(c&&"class"===c.name){const s=c.value.includes("hydrated"),d=c.value.replace("hydrated","").trim(),o=e.getAttribute("class");e.setAttribute(c.name,`${o?o+" ":""}${d}`),s?t.setAttribute("class","hydrated"):t.removeAttribute(c.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-custom-select-form-field")}render(){var e,s;return t("summary",{key:"e438005a75d6d93c62b6e04bce4f99cee7f73619",class:d("db-custom-select-form-field",this.className),ref:e=>{this._ref=e},id:null!==(e=this.id)&&void 0!==e?e:null===(s=this.propOverrides)||void 0===s?void 0:s.id},t("slot",{key:"1dc82e35d01ac41cde18cb033d657ec7f53886b8"}))}get rootElement(){return this}},[260,"db-custom-select-form-field",{id:[1],propOverrides:[16],className:[1,"classname"]}]),i=o,a=function(){"undefined"!=typeof customElements&&["db-custom-select-form-field"].forEach((e=>{"db-custom-select-form-field"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))};export{i as DbCustomSelectFormField,a as defineCustomElement}

package/bundle/db-custom-select-list-item.d.ts

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

package/bundle/db-custom-select-list-item.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./p-DE_eDJiD.js";const D=o,p=s;export{D as DbCustomSelectListItem,p as defineCustomElement}

package/bundle/db-custom-select-list.d.ts

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

package/bundle/db-custom-select-list.js

@@ -0,0 +1 @@
+import{D as s,d as o}from"./p-e18AQLns.js";const p=s,r=o;export{p as DbCustomSelectList,r as defineCustomElement}

package/bundle/db-custom-select.d.ts

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

package/bundle/db-custom-select.js

@@ -0,0 +1 @@
+import{u as t,y as i,H as s,A as e,h,f as l,p as a,q as o,z as d,j as n,F as c,k as r,d as u,t as v,o as w}from"./p-CCbaTFJ9.js";import{l as m,a as b,m as f,f as p,g as y,h as g,e as k,d as x,i as _,o as A,k as C,c as F,s as I}from"./p-BdL-nI5y.js";import{D as L}from"./p-4nwUOzw7.js";import{a as D}from"./p-DOPXnIzL.js";import{b as T}from"./p-D4Ym01qf.js";import{d as S}from"./p-DVYa1bHg.js";import{d as O}from"./p-bzxfqhtq.js";import{d as E}from"./p-e18AQLns.js";import{d as R}from"./p-DE_eDJiD.js";import{d as j}from"./p-_2t1bnPD.js";import{d as B}from"./p-4TaCoruo.js";import{d as q}from"./p-DwwxAylo.js";import{d as z}from"./p-BJJFATCC.js";class M{static runCallbacks(t){for(const i of Object.values(M.callbacks))"function"==typeof i&&i(t)}constructor(){if(M._instance)return M._instance;M._instance=this,self.document&&self.document.addEventListener("click",(t=>M.runCallbacks(t)))}addCallback(i){const s=t();return M.callbacks[s]=i,s}removeCallback(t){delete M.callbacks[t]}}M.callbacks={},M._instance=null;const V=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.amountChange=e(this,"amountChange"),this.dropdownToggle=e(this,"dropdownToggle"),this.optionSelected=e(this,"optionSelected"),this.search=e(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.satisfyReact=function(t){t.stopPropagation()}}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,e,o,d,n,c;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(t=this.selectRef)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(e=this.selectRef)||void 0===e?void 0:e.validity.valid)&&this.required?(this.setDescById(this._validMessageId),h()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:C,l((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(d=this.validation)&&void 0!==d?d:"valid"):a(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(n=this.validation)&&void 0!==n?n:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(c=this.validation)&&void 0!==c?c:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||m,h()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(t){var i,s;this.dropdownToggle&&(t.stopPropagation(),this.dropdownToggle.emit(t)),t.target instanceof HTMLDetailsElement&&t.target.open?(this._documentClickListenerCallbackId=(new M).addCallback((t=>this.handleDocumentClose(t))),this._documentScrollListenerCallbackId=(new L).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),null===(i=this._observer)||void 0===i||i.observe(this.detailsRef),t.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new M).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var t,i;return(null===(t=this._values)||void 0===t?void 0:t.length)&&null!==(i=this._values.at(0))&&void 0!==i?i:""}setDescById(t){var i;const s=[];t&&s.push(t),this._selectedLabelsId&&(null===(i=this._selectedLabels)||void 0===i?void 0:i.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var t;return null!==(t=this.selectAllLabel)&&void 0!==t?t:b}getOptionLabel(t){var i,s,e;return null!==(e=null!==(i=t.label)&&void 0!==i?i:null===(s=t.value)||void 0===s?void 0:""+s)&&void 0!==e?e:""}getOptionChecked(t){var i,s;return!(!t||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(t))}getTagRemoveLabel(t){const i=this.removeTagsTexts,s=this.options;if(i&&s){const e=s.findIndex((i=>i.value===t.value));if(e>=0&&e<i.length)return i[e]}return`${f} ${this.getOptionLabel(t)}`}handleTagRemove(t,i){i&&i.stopPropagation(),this.handleSelect(t.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const t=this.detailsRef.querySelector("article");t&&l((()=>{var i;D(t,this.detailsRef,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}}handleArrowDownUp(t){var i,s,e;if(null===(i=this.detailsRef)||void 0===i?void 0:i.open){if(self.document){const i=self.document.activeElement;if(i)if("checkbox"===i.getAttribute("type")||"radio"===i.getAttribute("type")){const h=null==i?void 0:i.closest("li");if("ArrowDown"===t.key||"ArrowRight"===t.key){let t=null==h?void 0:h.nextElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.nextElementSibling}t||this.handleFocusFirstDropdownCheckbox(i)}else{let t=null==h?void 0:h.previousElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.previousElementSibling}if(!t){const t=this.detailsRef.querySelector('input[type="checkbox"]');if(t&&t!==i)this.handleFocusFirstDropdownCheckbox(i);else{const t=o(this.detailsRef);if(t)l((()=>{t.focus()}),100);else{const t=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));t.length&&(null===(e=t.at(-1))||void 0===e||e.focus())}}}}}else"search"!==i.getAttribute("type")||"ArrowUp"!==t.key&&"ArrowLeft"!==t.key?this.handleFocusFirstDropdownCheckbox(i):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==t.key&&"ArrowRight"!==t.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());t.stopPropagation(),t.preventDefault()}handleKeyboardPress(t){var i,s,e;if(t.stopPropagation(),"Escape"===t.key&&(null===(i=this.detailsRef)||void 0===i?void 0:i.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===t.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const i=self.document.activeElement;if(["checkbox","radio"].includes(i.getAttribute("type")||""))i.click(),t.preventDefault();else if("search"===i.getAttribute("type")){const i=null===(e=this._options)||void 0===e?void 0:e.find((t=>!t.isGroupTitle&&!t.disabled));(null==i?void 0:i.value)&&(this.handleSelect(i.value),t.preventDefault())}}}else"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||this.handleArrowDownUp(t)}handleClose(t,i){if(this.detailsRef)if(i)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&t&&t.relatedTarget){const i=t.relatedTarget;this.detailsRef.contains(i)||"dialog"===i.localName||l((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(t){var i,s;if(t){const e="number"==typeof t.detail?t.target:null===(i=t.detail)||void 0===i?void 0:i.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(e)&&(this.detailsRef.open=!1)}}handleOptionSelected(t){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=t,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=t?t:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(t){var i;t&&(this.multiple?(null===(i=this._values)||void 0===i?void 0:i.includes(t))?this.handleOptionSelected(this._values.filter((i=>i!==t))):this.handleOptionSelected([...this._values||[],t]):(this.handleOptionSelected([t]),this.handleClose(void 0,!0)))}handleSelectAll(t){var i;if(t.stopPropagation(),(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions)this.handleOptionSelected([]);else{const t=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((i=>{var s;return!i.isGroupTitle&&(!t||(null===(s=i.value)||void 0===s?void 0:s.toLowerCase().includes(t.toLowerCase())))})).map((t=>{var i;return null!==(i=t.value)&&void 0!==i?i:""})):[])}}handleFocusFirstDropdownCheckbox(t){if(this.detailsRef){const i=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(i.length){const s=i.at(0),e=s===t&&i.length>1?i.at(1):s;e&&l((()=>{e.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const t=o(this.detailsRef);t?l((()=>{t.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(t){if(void 0===t)return;let i;if("string"==typeof t)i=t;else{const s=t;s.stopPropagation(),this.search&&this.search.emit(s),i=s.target.value,this._searchValue=i}this._options=this.options&&i&&0!==i.length?this.options.filter(this.searchFilter?t=>this.searchFilter(t,i):t=>!t.isGroupTitle&&this.getOptionLabel(t).toLowerCase().includes(i.toLowerCase())):this.options}handleClearAll(t){t.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var t;this.detailsRef&&(null===(t=this.detailsRef.querySelector("summary"))||void 0===t||t.focus())}resetIds(){var i,s,e;const h=null!==(e=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==e?e:"custom-select-"+t();this._id=h,this._messageId=h+p,this._validMessageId=h+y,this._invalidMessageId=h+g,this._selectId=h+k,this._labelId=h+x,this._summaryId=h+"-summary",this._placeholderId=h+_,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),l=t.getAttribute("class");t.setAttribute(h.name,`${l?l+" ":""}${e}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(t=>this.handleClose(t)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+p;this._labelId=this._id+x,this._selectId=this._id+k,this._validMessageId=this._id+y,this._invalidMessageId=this._id+g,this._placeholderId=this._id+_,a(this.message,this.showMessage)?this.setDescById(t):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var t;if(this.detailsRef){const i=this.detailsRef.querySelector("summary");i&&i.setAttribute("aria-describedby",null!==(t=this.ariaDescribedBy)&&void 0!==t?t:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var t;this.selectAllEnabled=!(!this.multiple||!(null!==(t=this.showSelectAll)&&void 0!==t?t:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var t;this.searchEnabled=null!==(t=this.showSearch)&&void 0!==t?t:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var t;const i=this.values;Array.isArray(i)?this._values!==i&&(this._values=i):null==i&&0!==(null===(t=this._values)||void 0===t?void 0:t.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let t=this.abortController;t||(t=new AbortController,this.abortController=t);const i=this.values;T(this.selectRef,(()=>{this.handleOptionSelected(i||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),t.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var t,i;0===(null===(t=this._values)||void 0===t?void 0:t.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var t,i;this._options=this.options,this.amountOptions=null!==(i=null===(t=this.options)||void 0===t?void 0:t.filter((t=>!t.isGroupTitle)).length)&&void 0!==i?i:0}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var t,i;(null===(t=this.options)||void 0===t?void 0:t.length)&&(this._selectedOptions=null===(i=this.options)||void 0===i?void 0:i.filter((t=>{var i,s;return!(!t.value||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&!t.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(t.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var t,i,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(t=this._selectedOptions)||void 0===t?void 0:t.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(i=this._selectedOptions)||void 0===i?void 0:i.length} ${A}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((t=>this.getOptionLabel(t))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var t,i;this.amountChange&&this.amountChange.emit(null!==(i=null===(t=this._selectedOptions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=!!this.selectAllIndeterminate)}watch17(){this.watch17Fn()}watch18Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||m}watch18(){this.watch18Fn()}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-custom-select"),this.resetIds(),this._invalidMessage=this.invalidMessage||m,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{if(this.detailsRef){const i=t.find((({target:t})=>t===this.detailsRef));i&&!i.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}}))),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(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,s,e,h,l,o,v,m,f,p,y,g,k,x;return d("div",{key:"09c22c7eef838650142ba6cf5a9f7a5c04e45d53",class:u("db-custom-select",this.className),id:this._id,ref:t=>{this._ref=t},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":n(this.required),"data-hide-asterisk":w(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":w(this.showLabel),"data-icon":this.icon,"data-show-icon":n(this.showIcon)},d("label",{key:"377317d94a5689926923ee92eb0399a6e0085177",id:this._labelId},null!==(t=this.label)&&void 0!==t?t:b,d("select",{key:"016dc1cebfeb8e92a08286e445d2da2989e630d7",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:t=>{this.selectRef=t},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:r(this.multiple,"multiple"),disabled:r(this.disabled,"disabled"),required:r(this.required,"required"),onChange:t=>this.satisfyReact(t)},(null===(i=this.options)||void 0===i?void 0:i.length)?null===(s=this.options)||void 0===s?void 0:s.map((t=>d("option",{disabled:t.disabled,value:t.value,key:void 0},this.getOptionLabel(t)))):null)),d("details",{key:"eb36c96b7c443289a1464a4d25a7f189c852b7ab",ref:t=>{this.detailsRef=t},open:this.open,onToggle:t=>this.handleDropdownToggle(t),onKeyDown:t=>this.handleKeyboardPress(t)},d("slot",{key:"2ce1371b5683aa1162167a7e9dd9950e075920cf"}),this.options?d(c,null,d("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":n(this.disabled),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(e=this._selectedLabels)||void 0===e?void 0:e.length)?d("span",{"data-visually-hidden":n("tag"===this.selectedType),id:this._selectedLabelsId},this.selectedPrefix?d("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?d("div",null,null===(h=this._selectedOptions)||void 0===h?void 0:h.map((t=>d("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:i=>this.handleTagRemove(t,i),key:void 0},this.getOptionLabel(t))))):null),d("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?d("div",null,d("db-input",{type:"search",ref:t=>{this.searchInputRef=t},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(l=this.searchLabel)&&void 0!==l?l:b,placeholder:null!==(o=this.searchPlaceholder)&&void 0!==o?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:t=>this.handleSearch(t)})):null,this._hasNoOptions||this.showLoading?d("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(v=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==v?v:F):d(c,null,this.selectAllEnabled?d("div",null,d("div",{class:"db-checkbox db-custom-select-list-item"},d("label",null,d("input",{type:"checkbox",value:"select-all",ref:t=>{this.selectAllRef=t},form:this._id,checked:this.selectAllChecked,onChange:t=>this.handleSelectAll(t)}),this.getSelectAllLabel()))):null,d("db-custom-select-list",{multiple:r(this.multiple,"multiple"),label:null!==(f=null!==(m=this.listLabel)&&void 0!==m?m:this.label)&&void 0!==f?f:b},null===(p=this._options)||void 0===p?void 0:p.map((t=>d("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:t.showDivider,icon:t.icon,isGroupTitle:t.isGroupTitle,groupTitle:this.getOptionLabel(t),name:this._id,checked:this.getOptionChecked(t.value),disabled:t.disabled,value:t.value,onChange:()=>this.handleSelect(t.value),key:void 0},t.isGroupTitle?null:this.getOptionLabel(t)))))),d("div",null,d("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(y=this.mobileCloseButtonText)&&void 0!==y?y:I)))):null),(null===(g=this.showClearSelection)||void 0===g||g)&&(null===(k=this._values)||void 0===k?void 0:k.length)?d("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:r(this.disabled,"disabled"),onClick:t=>this.handleClearAll(t)},this.clearSelectionText,d("db-tooltip",{placement:"top"},this.clearSelectionText)):null,d("span",{key:"ab092f47ad6734f696000a852fc8e3a825a6d054",class:"db-custom-select-placeholder","aria-hidden":n(!0),id:this._placeholderId},null!==(x=this.placeholder)&&void 0!==x?x:this.label),a(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||C):null,d("db-infotext",{key:"c134d746d6e06109551880446ff27e791fc482b1",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"b5b1291d952eaea52a176a3b8c9d9ea7a0b57e34","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}},[260,"db-custom-select",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],ariaDescribedBy:[1,"aria-described-by"],showNoResults:[4,"show-no-results"],showLoading:[4,"show-loading"],multiple:[8],showSelectAll:[4,"show-select-all"],showSearch:[4,"show-search"],values:[16],validation:[1],options:[16],searchValue:[1,"search-value"],selectedLabels:[1,"selected-labels"],transformSelectedLabels:[16],selectedType:[1,"selected-type"],amountText:[1,"amount-text"],validMessage:[1,"valid-message"],required:[8],selectAllLabel:[1,"select-all-label"],removeTagsTexts:[16],placement:[1],searchFilter:[16],className:[1,"classname"],formFieldWidth:[1,"form-field-width"],variant:[1],showRequiredAsterisk:[8,"show-required-asterisk"],showLabel:[8,"show-label"],icon:[1],showIcon:[8,"show-icon"],label:[1],form:[1],name:[1],disabled:[8],open:[4],selectedPrefix:[1,"selected-prefix"],dropdownWidth:[1,"dropdown-width"],searchLabel:[1,"search-label"],searchPlaceholder:[1,"search-placeholder"],listLabel:[1,"list-label"],loadingText:[1,"loading-text"],noResultsText:[1,"no-results-text"],mobileCloseButtonText:[1,"mobile-close-button-text"],showClearSelection:[4,"show-clear-selection"],clearSelectionText:[1,"clear-selection-text"],placeholder:[1],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_selectId:[32],_labelId:[32],_summaryId:[32],_placeholderId:[32],_infoTextId:[32],_validity:[32],_userInteraction:[32],abortController:[32],_descByIds:[32],_selectedLabels:[32],_selectedLabelsId:[32],_voiceOverFallback:[32],_selectedOptions:[32],selectAllEnabled:[32],searchEnabled:[32],amountOptions:[32],_values:[32],_options:[32],_hasNoOptions:[32],_documentClickListenerCallbackId:[32],_internalChangeTimestamp:[32],_documentScrollListenerCallbackId:[32],_observer:[32],_searchValue:[32],selectAllChecked:[32],selectAllIndeterminate:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}]),P=V,$=function(){"undefined"!=typeof customElements&&["db-custom-select","db-button","db-custom-select-dropdown","db-custom-select-list","db-custom-select-list-item","db-infotext","db-input","db-tag","db-tooltip"].forEach((t=>{switch(t){case"db-custom-select":customElements.get(v(t))||customElements.define(v(t),V);break;case"db-button":customElements.get(v(t))||S();break;case"db-custom-select-dropdown":customElements.get(v(t))||O();break;case"db-custom-select-list":customElements.get(v(t))||E();break;case"db-custom-select-list-item":customElements.get(v(t))||R();break;case"db-infotext":customElements.get(v(t))||j();break;case"db-input":customElements.get(v(t))||B();break;case"db-tag":customElements.get(v(t))||q();break;case"db-tooltip":customElements.get(v(t))||z()}}))};export{M as D,P as DbCustomSelect,$ as defineCustomElement}

package/bundle/db-divider.d.ts

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

package/bundle/db-divider.js

@@ -0,0 +1 @@
+import{y as t,H as s,z as e,d as i,t as d}from"./p-CCbaTFJ9.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}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 d=s.item(i);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),e.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),e.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),i=d.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(d.name,`${a?a+" ":""}${i}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(d.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-divider")}render(){var t,s;return e("div",{key:"fff7e6137a97f6cc76eed42c2a5225348d0f78a0",class:i("db-divider",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-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}get rootElement(){return this}},[0,"db-divider",{id:[1],propOverrides:[16],margin:[1],variant:[1],emphasis:[1],width:[1],className:[1,"classname"]}]),n=a,r=function(){"undefined"!=typeof customElements&&["db-divider"].forEach((t=>{"db-divider"===t&&(customElements.get(d(t))||customElements.define(d(t),a))}))};export{n as DbDivider,r as defineCustomElement}

package/bundle/db-drawer.d.ts

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

package/bundle/db-drawer.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./p-CmqAwQNR.js";const m=o,p=s;export{m as DbDrawer,p as defineCustomElement}

package/bundle/db-header.d.ts

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

package/bundle/db-header.js

@@ -0,0 +1 @@
+import{y as e,H as a,A as d,c as t,z as c,k as s,d as i,t as n}from"./p-CCbaTFJ9.js";import{p as o}from"./p-BdL-nI5y.js";import{i as b}from"./p-BuBrj57D.js";import{d as r}from"./p-DVYa1bHg.js";import{d as f}from"./p-CmqAwQNR.js";const l=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggle=d(this,"toggle"),this.initialized=!1,this.forcedToMobile=!1}handleToggle(e){e&&e.stopPropagation&&e.stopPropagation();const a=!s(this.drawerOpen,"drawerOpen");this.toggle&&this.toggle.emit(a)}handleNavigationItemClick(e){b(e)&&this.handleToggle()}enableAttributePassing(e,a){const d=null==e?void 0:e.closest(a);if(e&&d){const a=d.attributes;for(let t=0;t<a.length;t++){const c=a.item(t);if(c&&"data-density"!==c.name&&(c.name.startsWith("data-")||c.name.startsWith("aria-")))e.setAttribute(c.name,c.value),d.removeAttribute(c.name);else if(c&&"data-density"!==c.name&&"class"!==c.name&&"style"===c.name)e.setAttribute(c.name,c.value),d.removeAttribute(c.name);else if(c&&"class"===c.name){const a=c.value.includes("hydrated"),t=c.value.replace("hydrated","").trim(),s=e.getAttribute("class");e.setAttribute(c.name,`${s?s+" ":""}${t}`),a?d.setAttribute("class","hydrated"):d.removeAttribute(c.name)}}}}watch0Fn(){this.initialized&&this._ref&&this.forceMobile&&(t(this._ref,{key:"data-force-mobile",value:"true"}),this.forcedToMobile=!0)}watch0(){this.watch0Fn()}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-header"),this.initialized=!0,this.watch0Fn()}render(){var e,a,d;return c("header",{key:"e7aec08f10ae9d575b3f845be29ee19505df9216",class:i("db-header",this.className),ref:e=>{this._ref=e},id:null!==(e=this.id)&&void 0!==e?e:null===(a=this.propOverrides)||void 0===a?void 0:a.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},c("div",{key:"bdd8c85393260628938c33bfa1e8573d55a6d730",class:"db-header-meta-navigation"},c("slot",{key:"42854d3f106c63bbc300458bdcd1cee48a7209be",name:"metaNavigation"})),c("div",{key:"7ef93a1cb414b44657aaed9d7e4779690ca09cf5",class:"db-header-navigation-bar"},c("div",{key:"1e59f2987b83fe87cd22ae6bc95ac855c061869d",class:"db-header-brand-container"},c("slot",{key:"a610bb49cd670896fa1b980ffcdcbd40c2918b4e",name:"brand"})),c("div",{key:"1b94bf4ad2ae622875b7192812f9940e2a87c1e3",class:"db-header-navigation-container"},c("div",{key:"f57aac0c4268bf285de0c07bab40a736f0ca42a4",class:"db-header-navigation"},c("slot",{key:"45d426690fb2dcb6da32f6f646f6b1a932670cd2"})),c("div",{key:"e60bbd749efc91d9a00a54e3cbc6680e60f6e598",class:"db-header-primary-action"},c("slot",{key:"a41128047bc8063c45c14ff3ec58d83b7edd8361",name:"primaryAction"}))),c("div",{key:"82e9141ac1ad7f3a33c9bf0c15ccf969ccd5983f",class:"db-header-action-container"},c("div",{key:"3f3a5c503ecd11a0aff43623921bb185c59c1802",class:"db-header-burger-menu-container"},c("db-button",{key:"6547cf5982c0739960b9aa4363ddb71f1423a55b",icon:"menu",variant:"ghost",noText:!0,onClick:()=>this.handleToggle()},null!==(d=this.burgerMenuLabel)&&void 0!==d?d:o)),c("div",{key:"d2c691eb6980e0eeffa512ade5074400bd7973b8",class:"db-header-secondary-action"},c("slot",{key:"6cc84b46d137ac21aa90c3f84a873febc6fa0dba",name:"secondaryAction"})))),c("db-drawer",{key:"0dc5a353f9365bd76df967cdb3fee20be89c9525",class:"db-header-drawer",spacing:"small",rounded:!0,closeButtonId:this.closeButtonId,closeButtonText:this.closeButtonText,open:s(this.drawerOpen),onClose:()=>this.handleToggle()},c("div",{key:"3a28d35593fe006aa6269077466bd91f33d5f2e4",class:"db-header-drawer-navigation"},c("div",{key:"c42fff25d31fe234d841542b108805b0aa85e05c",class:"db-header-navigation",onClick:e=>this.handleNavigationItemClick(e)},c("slot",{key:"0de07dfbb68d8b6fcec8cf11e6398566fcd45ae2"})),c("div",{key:"062baf6f3e503751017a3715142e1622c27423bf",class:"db-header-meta-navigation"},c("slot",{key:"2e703195477c67270e9bfee04335321c52b9de4f",name:"metaNavigation"}))),c("div",{key:"028079c3fae38bc282d8b064e4515ab1c27aa45e",class:"db-header-secondary-action"},c("slot",{key:"879378953f36c55b5489a157a81e62f188ab5fca",name:"secondaryAction"}))))}get rootElement(){return this}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0}]}}},[260,"db-header",{forceMobile:[8,"force-mobile"],drawerOpen:[8,"drawer-open"],className:[1,"classname"],id:[1],propOverrides:[16],width:[1],burgerMenuLabel:[1,"burger-menu-label"],closeButtonId:[1,"close-button-id"],closeButtonText:[1,"close-button-text"],initialized:[32],forcedToMobile:[32]},void 0,{initialized:[{watch0:0}],_ref:[{watch0:0}]}]),h=l,m=function(){"undefined"!=typeof customElements&&["db-header","db-button","db-drawer"].forEach((e=>{switch(e){case"db-header":customElements.get(n(e))||customElements.define(n(e),l);break;case"db-button":customElements.get(n(e))||r();break;case"db-drawer":customElements.get(n(e))||f()}}))};export{h as DbHeader,m as defineCustomElement}

package/bundle/db-icon.d.ts

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

package/bundle/db-icon.js

@@ -0,0 +1 @@
+import{y as t,H as s,z as e,d as i,t as a}from"./p-CCbaTFJ9.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}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-")))t.setAttribute(a.name,a.value),e.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===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?n+" ":""}${i}`),s?e.setAttribute("class","hydrated"):e.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-icon")}render(){var t,s;return e("span",{key:"004fb7b91cd27bc452f4777dfd68183bd4bfeaab",class:i("db-icon",this.className),"aria-hidden":"true",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-icon":this.icon,"data-icon-weight":this.weight,"data-icon-variant":this.variant},this.text?this.text:null,e("slot",{key:"e9b5fbdefc6cf80abff634c60966ad719985e2be"}))}get rootElement(){return this}},[260,"db-icon",{id:[1],propOverrides:[16],className:[1,"classname"],icon:[1],weight:[1],variant:[1],text:[1]}]),d=n,o=function(){"undefined"!=typeof customElements&&["db-icon"].forEach((t=>{"db-icon"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))};export{d as DbIcon,o as defineCustomElement}