@jsekulowicz/ds-components 0.1.0

package/dist/molecules/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/molecules/dialog/index.js

@@ -0,0 +1,2 @@
+export { DsDialog } from './dialog.js';
+//# sourceMappingURL=index.js.map

package/dist/molecules/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC"}

package/dist/molecules/menu-button/define.d.ts

@@ -0,0 +1,9 @@
+import { DsMenuButton } from './menu-button.js';
+import '../../atoms/button/define.js';
+import '../../atoms/menu/define.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-menu-button': DsMenuButton;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/molecules/menu-button/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AAMpC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/molecules/menu-button/define.js

@@ -0,0 +1,7 @@
+import { DsMenuButton } from './menu-button.js';
+import '../../atoms/button/define.js';
+import '../../atoms/menu/define.js';
+if (!customElements.get('ds-menu-button')) {
+    customElements.define('ds-menu-button', DsMenuButton);
+}
+//# sourceMappingURL=define.js.map

package/dist/molecules/menu-button/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/molecules/menu-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AAEpC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACxD,CAAC"}

package/dist/molecules/menu-button/index.d.ts

@@ -0,0 +1,2 @@
+export { DsMenuButton, type MenuButtonPlacement } from './menu-button.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/menu-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/molecules/menu-button/index.js

@@ -0,0 +1,2 @@
+export { DsMenuButton } from './menu-button.js';
+//# sourceMappingURL=index.js.map

package/dist/molecules/menu-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA4B,MAAM,kBAAkB,CAAC"}

package/dist/molecules/menu-button/menu-button-popover.d.ts

@@ -0,0 +1,26 @@
+interface MenuButtonPopoverHost extends HTMLElement {
+    disabled: boolean;
+    requestUpdate(): void;
+    updateComplete: Promise<unknown>;
+}
+interface MenuButtonPopoverDelegate {
+    focusTrigger: () => void;
+    focusFirstItem: () => void;
+    onOpen: () => void;
+    onClose: () => void;
+}
+export declare class MenuButtonPopover {
+    #private;
+    private readonly host;
+    private readonly delegate;
+    open: boolean;
+    constructor(host: MenuButtonPopoverHost, delegate: MenuButtonPopoverDelegate);
+    disconnect(): void;
+    openMenu(focusFirstItem?: boolean): void;
+    close(focusTrigger?: boolean): void;
+    toggle: () => void;
+    onTriggerKeydown: (event: KeyboardEvent) => void;
+    onPanelKeydown: (event: KeyboardEvent) => void;
+}
+export {};
+//# sourceMappingURL=menu-button-popover.d.ts.map

package/dist/molecules/menu-button/menu-button-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button-popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu-button/menu-button-popover.ts"],"names":[],"mappings":"AAAA,UAAU,qBAAsB,SAAQ,WAAW;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,IAAI,IAAI,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CAClC;AAED,UAAU,yBAAyB;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qBAAa,iBAAiB;;IAI1B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAJ3B,IAAI,UAAS;gBAGM,IAAI,EAAE,qBAAqB,EAC3B,QAAQ,EAAE,yBAAyB;IAGtD,UAAU,IAAI,IAAI;IAOlB,QAAQ,CAAC,cAAc,UAAQ,GAAG,IAAI;IAatC,KAAK,CAAC,YAAY,UAAQ,GAAG,IAAI;IAajC,MAAM,QAAO,IAAI,CAMf;IAEF,gBAAgB,GAAI,OAAO,aAAa,KAAG,IAAI,CAe7C;IAEF,cAAc,GAAI,OAAO,aAAa,KAAG,IAAI,CAK3C;CAOH"}

package/dist/molecules/menu-button/menu-button-popover.js

@@ -0,0 +1,73 @@
+export class MenuButtonPopover {
+    constructor(host, delegate) {
+        this.host = host;
+        this.delegate = delegate;
+        this.open = false;
+        this.toggle = () => {
+            if (this.open) {
+                this.close();
+                return;
+            }
+            this.openMenu();
+        };
+        this.onTriggerKeydown = (event) => {
+            if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                this.openMenu(true);
+                return;
+            }
+            if (event.key === 'ArrowUp') {
+                event.preventDefault();
+                this.openMenu(true);
+                return;
+            }
+            if (event.key === 'Escape' && this.open) {
+                event.preventDefault();
+                this.close(true);
+            }
+        };
+        this.onPanelKeydown = (event) => {
+            if (event.key === 'Escape' && this.open) {
+                event.preventDefault();
+                this.close(true);
+            }
+        };
+        this.#onDocumentClick = (event) => {
+            if (!event.composedPath().includes(this.host)) {
+                this.close();
+            }
+        };
+    }
+    disconnect() {
+        if (this.open) {
+            document.removeEventListener('click', this.#onDocumentClick);
+            this.open = false;
+        }
+    }
+    openMenu(focusFirstItem = false) {
+        if (this.host.disabled || this.open) {
+            return;
+        }
+        this.open = true;
+        this.delegate.onOpen();
+        document.addEventListener('click', this.#onDocumentClick);
+        this.host.requestUpdate();
+        if (focusFirstItem) {
+            void this.host.updateComplete.then(() => this.delegate.focusFirstItem());
+        }
+    }
+    close(focusTrigger = false) {
+        if (!this.open) {
+            return;
+        }
+        this.open = false;
+        document.removeEventListener('click', this.#onDocumentClick);
+        this.delegate.onClose();
+        this.host.requestUpdate();
+        if (focusTrigger) {
+            void this.host.updateComplete.then(() => this.delegate.focusTrigger());
+        }
+    }
+    #onDocumentClick;
+}
+//# sourceMappingURL=menu-button-popover.js.map

package/dist/molecules/menu-button/menu-button-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button-popover.js","sourceRoot":"","sources":["../../../src/molecules/menu-button/menu-button-popover.ts"],"names":[],"mappings":"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"}

package/dist/molecules/menu-button/menu-button.d.ts

@@ -0,0 +1,38 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+import '../../atoms/button/define.js';
+import '../../atoms/menu/define.js';
+import type { ButtonSize, ButtonVariant } from '../../atoms/button/button.js';
+export type MenuButtonPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+/**
+ * @tag ds-menu-button
+ * @summary WAI-ARIA menu button: pairs a trigger with `ds-menu` and owns open/close, focus return, and click-outside.
+ * @slot trigger - Optional. Override the default `<ds-button>` trigger (e.g. icon-only button or avatar).
+ * @slot default - `ds-menu-item` children, forwarded into the inner `<ds-menu>`.
+ * @slot header - Forwarded to the inner `<ds-menu>` header slot.
+ * @slot footer - Forwarded to the inner `<ds-menu>` footer slot.
+ * @csspart trigger - The default trigger button (only rendered when `trigger` slot is empty).
+ * @csspart panel - The popover panel.
+ * @csspart menu - The inner `<ds-menu>` element.
+ * @event ds-select - Bubbles from the inner `<ds-menu>` when an item is activated. Detail: `{ value, originalEvent }`. The menu is closed automatically.
+ * @event ds-open - Fires when the menu opens.
+ * @event ds-close - Fires when the menu closes.
+ */
+export declare class DsMenuButton extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    label: string;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    placement: MenuButtonPlacement;
+    open: boolean;
+    menuLabel: string;
+    private _hasTriggerSlot;
+    private triggerEl?;
+    disconnectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    updated(): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=menu-button.d.ts.map

package/dist/molecules/menu-button/menu-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu-button/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG9E,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;AAI1F;;;;;;;;;;;;;GAaG;AACH,qBAAa,YAAa,SAAQ,SAAS;;IACzC,OAAgB,MAAM,4BAA2C;IAErD,KAAK,SAAM;IACX,OAAO,EAAE,aAAa,CAAe;IACrC,IAAI,EAAE,UAAU,CAAQ;IACQ,QAAQ,UAAS;IAChC,SAAS,EAAE,mBAAmB,CAAkB;IACjC,IAAI,UAAS;IAClB,SAAS,SAAM;IAE7C,OAAO,CAAC,eAAe,CAAS;IAEtB,OAAO,CAAC,SAAS,CAAC,CAAc;IAyB1C,oBAAoB,IAAI,IAAI;IAM5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUzC,OAAO,IAAI,IAAI;IA2Bf,MAAM,IAAI,cAAc;CA2ClC"}

package/dist/molecules/menu-button/menu-button.js

@@ -0,0 +1,174 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import '../../atoms/button/define.js';
+import '../../atoms/menu/define.js';
+import { MenuButtonPopover } from './menu-button-popover.js';
+import { SlottedTriggerController } from './slotted-trigger.js';
+import { menuButtonStyles } from './menu-button.styles.js';
+const PANEL_ID = 'panel';
+/**
+ * @tag ds-menu-button
+ * @summary WAI-ARIA menu button: pairs a trigger with `ds-menu` and owns open/close, focus return, and click-outside.
+ * @slot trigger - Optional. Override the default `<ds-button>` trigger (e.g. icon-only button or avatar).
+ * @slot default - `ds-menu-item` children, forwarded into the inner `<ds-menu>`.
+ * @slot header - Forwarded to the inner `<ds-menu>` header slot.
+ * @slot footer - Forwarded to the inner `<ds-menu>` footer slot.
+ * @csspart trigger - The default trigger button (only rendered when `trigger` slot is empty).
+ * @csspart panel - The popover panel.
+ * @csspart menu - The inner `<ds-menu>` element.
+ * @event ds-select - Bubbles from the inner `<ds-menu>` when an item is activated. Detail: `{ value, originalEvent }`. The menu is closed automatically.
+ * @event ds-open - Fires when the menu opens.
+ * @event ds-close - Fires when the menu closes.
+ */
+export class DsMenuButton extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.variant = 'secondary';
+        this.size = 'md';
+        this.disabled = false;
+        this.placement = 'bottom-start';
+        this.open = false;
+        this.menuLabel = '';
+        this._hasTriggerSlot = false;
+        this.#popover = new MenuButtonPopover(this, {
+            focusTrigger: () => this.#focusTrigger(),
+            focusFirstItem: () => this.#focusFirstItem(),
+            onOpen: () => {
+                this.open = true;
+                this.emit('ds-open', { detail: {} });
+            },
+            onClose: () => {
+                this.open = false;
+                this.emit('ds-close', { detail: {} });
+            },
+        });
+        this.#slottedTrigger = new SlottedTriggerController({
+            isOpen: () => this.#popover.open,
+            isDisabled: () => this.disabled,
+            toggle: () => this.#popover.toggle(),
+            onTriggerKeydown: (event) => this.#popover.onTriggerKeydown(event),
+            onSlotChange: (hasTrigger) => {
+                this._hasTriggerSlot = hasTrigger;
+            },
+        });
+        this.#onDsClick = () => {
+            if (this.disabled)
+                return;
+            this.#popover.toggle();
+        };
+        this.#onSelect = () => {
+            this.#popover.close(true);
+        };
+    }
+    static { this.styles = [...DsElement.styles, menuButtonStyles]; }
+    #popover;
+    #slottedTrigger;
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#popover.disconnect();
+        this.#slottedTrigger.detach();
+    }
+    willUpdate(changed) {
+        if (changed.has('open') && this.open !== this.#popover.open) {
+            if (this.open) {
+                this.#popover.openMenu();
+            }
+            else {
+                this.#popover.close();
+            }
+        }
+    }
+    updated() {
+        this.#slottedTrigger.syncAria(PANEL_ID);
+    }
+    #focusTrigger() {
+        if (this._hasTriggerSlot) {
+            this.#slottedTrigger.focus();
+            return;
+        }
+        const inner = this.triggerEl?.shadowRoot?.querySelector('button');
+        (inner ?? this.triggerEl)?.focus();
+    }
+    #focusFirstItem() {
+        const item = this.querySelector('ds-menu-item:not([disabled])');
+        item?.focus();
+    }
+    #onDsClick;
+    #onSelect;
+    render() {
+        return html `<div class="control-wrap" @keydown=${this.#popover.onPanelKeydown}>
+      ${this.#renderTrigger()} ${this.#popover.open ? this.#renderPanel() : nothing}
+    </div>`;
+    }
+    #renderTrigger() {
+        return html `<div class="trigger-wrap">
+      <slot name="trigger" @slotchange=${this.#slottedTrigger.onSlotChange}></slot>
+      ${this._hasTriggerSlot ? nothing : this.#renderDefaultTrigger()}
+    </div>`;
+    }
+    #renderDefaultTrigger() {
+        return html `<ds-button
+      id="trigger"
+      part="trigger"
+      variant=${this.variant}
+      size=${this.size}
+      ?disabled=${this.disabled}
+      aria-haspopup="menu"
+      aria-expanded=${this.#popover.open ? 'true' : 'false'}
+      aria-controls=${this.#popover.open ? PANEL_ID : nothing}
+      @ds-click=${this.#onDsClick}
+      @keydown=${this.#popover.onTriggerKeydown}
+    >
+      ${this.label}
+    </ds-button>`;
+    }
+    #renderPanel() {
+        return html `<div id=${PANEL_ID} class="panel" part="panel">
+      <ds-menu
+        part="menu"
+        label=${this.menuLabel || this.label || nothing}
+        @ds-select=${this.#onSelect}
+      >
+        <slot name="header" slot="header"></slot>
+        <slot></slot>
+        <slot name="footer" slot="footer"></slot>
+      </ds-menu>
+    </div>`;
+    }
+}
+__decorate([
+    property()
+], DsMenuButton.prototype, "label", void 0);
+__decorate([
+    property()
+], DsMenuButton.prototype, "variant", void 0);
+__decorate([
+    property()
+], DsMenuButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsMenuButton.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true })
+], DsMenuButton.prototype, "placement", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsMenuButton.prototype, "open", void 0);
+__decorate([
+    property({ attribute: 'menu-label' })
+], DsMenuButton.prototype, "menuLabel", void 0);
+__decorate([
+    state()
+], DsMenuButton.prototype, "_hasTriggerSlot", void 0);
+__decorate([
+    query('#trigger')
+], DsMenuButton.prototype, "triggerEl", void 0);
+//# sourceMappingURL=menu-button.js.map

package/dist/molecules/menu-button/menu-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../../../src/molecules/menu-button/menu-button.ts"],"names":[],"mappings":"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"}

package/dist/molecules/menu-button/menu-button.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const menuButtonStyles: import("lit").CSSResult;
+//# sourceMappingURL=menu-button.styles.d.ts.map

package/dist/molecules/menu-button/menu-button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.styles.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu-button/menu-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAqC5B,CAAC"}

package/dist/molecules/menu-button/menu-button.styles.js

@@ -0,0 +1,40 @@
+import { css } from 'lit';
+export const menuButtonStyles = css `
+  :host {
+    display: inline-block;
+    position: relative;
+  }
+  .control-wrap {
+    position: relative;
+    display: inline-block;
+  }
+  .trigger-wrap {
+    display: inline-flex;
+  }
+  .panel {
+    position: absolute;
+    z-index: 100;
+    min-width: max-content;
+  }
+  :host([placement='bottom-start']) .panel {
+    inset-inline-start: 0;
+    inset-block-start: 100%;
+    margin-block-start: var(--ds-space-1);
+  }
+  :host([placement='bottom-end']) .panel {
+    inset-inline-end: 0;
+    inset-block-start: 100%;
+    margin-block-start: var(--ds-space-1);
+  }
+  :host([placement='top-start']) .panel {
+    inset-inline-start: 0;
+    inset-block-end: 100%;
+    margin-block-end: var(--ds-space-1);
+  }
+  :host([placement='top-end']) .panel {
+    inset-inline-end: 0;
+    inset-block-end: 100%;
+    margin-block-end: var(--ds-space-1);
+  }
+`;
+//# sourceMappingURL=menu-button.styles.js.map

package/dist/molecules/menu-button/menu-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.styles.js","sourceRoot":"","sources":["../../../src/molecules/menu-button/menu-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqClC,CAAC"}

package/dist/molecules/menu-button/slotted-trigger.d.ts

@@ -0,0 +1,19 @@
+interface SlottedTriggerDelegate {
+    isOpen: () => boolean;
+    isDisabled: () => boolean;
+    toggle: () => void;
+    onTriggerKeydown: (event: KeyboardEvent) => void;
+    onSlotChange: (hasTrigger: boolean) => void;
+}
+export declare class SlottedTriggerController {
+    #private;
+    private readonly delegate;
+    constructor(delegate: SlottedTriggerDelegate);
+    get element(): HTMLElement | null;
+    detach(): void;
+    onSlotChange: (event: Event) => void;
+    syncAria(panelId: string): void;
+    focus(): void;
+}
+export {};
+//# sourceMappingURL=slotted-trigger.d.ts.map

package/dist/molecules/menu-button/slotted-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-trigger.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu-button/slotted-trigger.ts"],"names":[],"mappings":"AAAA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,qBAAa,wBAAwB;;IAGvB,OAAO,CAAC,QAAQ,CAAC,QAAQ;gBAAR,QAAQ,EAAE,sBAAsB;IAE7D,IAAI,OAAO,IAAI,WAAW,GAAG,IAAI,CAEhC;IAED,MAAM,IAAI,IAAI;IAOd,YAAY,GAAI,OAAO,KAAK,KAAG,IAAI,CAejC;IAEF,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAW/B,KAAK,IAAI,IAAI;CAQd"}

package/dist/molecules/menu-button/slotted-trigger.js

@@ -0,0 +1,54 @@
+export class SlottedTriggerController {
+    #element;
+    constructor(delegate) {
+        this.delegate = delegate;
+        this.#element = null;
+        this.onSlotChange = (event) => {
+            const slot = event.target;
+            const next = slot
+                .assignedElements({ flatten: true })
+                .find((el) => el instanceof HTMLElement) ?? null;
+            if (this.#element && this.#element !== next) {
+                this.detach();
+            }
+            if (next && next !== this.#element) {
+                next.addEventListener('click', this.#onClick);
+                next.addEventListener('keydown', this.delegate.onTriggerKeydown);
+                this.#element = next;
+            }
+            this.delegate.onSlotChange(!!next);
+        };
+        this.#onClick = () => {
+            if (this.delegate.isDisabled())
+                return;
+            this.delegate.toggle();
+        };
+    }
+    get element() {
+        return this.#element;
+    }
+    detach() {
+        if (!this.#element)
+            return;
+        this.#element.removeEventListener('click', this.#onClick);
+        this.#element.removeEventListener('keydown', this.delegate.onTriggerKeydown);
+        this.#element = null;
+    }
+    syncAria(panelId) {
+        if (!this.#element)
+            return;
+        this.#element.setAttribute('aria-haspopup', 'menu');
+        this.#element.setAttribute('aria-expanded', this.delegate.isOpen() ? 'true' : 'false');
+        if (this.delegate.isOpen()) {
+            this.#element.setAttribute('aria-controls', panelId);
+        }
+        else {
+            this.#element.removeAttribute('aria-controls');
+        }
+    }
+    focus() {
+        this.#element?.focus();
+    }
+    #onClick;
+}
+//# sourceMappingURL=slotted-trigger.js.map

package/dist/molecules/menu-button/slotted-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-trigger.js","sourceRoot":"","sources":["../../../src/molecules/menu-button/slotted-trigger.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,wBAAwB;IACnC,QAAQ,CAA4B;IAEpC,YAA6B,QAAgC;QAAhC,aAAQ,GAAR,QAAQ,CAAwB;QAF7D,aAAQ,GAAuB,IAAI,CAAC;QAepC,iBAAY,GAAG,CAAC,KAAY,EAAQ,EAAE;YACpC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC7C,MAAM,IAAI,GACR,IAAI;iBACD,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iBACnC,IAAI,CAAC,CAAC,EAAE,EAAqB,EAAE,CAAC,EAAE,YAAY,WAAW,CAAC,IAAI,IAAI,CAAC;YACxE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;gBAC5C,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,CAAC;YACD,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC9C,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;gBACjE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC,CAAC;QAiBF,aAAQ,GAAG,GAAS,EAAE;YACpB,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;gBAAE,OAAO;YACvC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QACzB,CAAC,CAAC;IAhD8D,CAAC;IAEjE,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1D,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC7E,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAmBD,QAAQ,CAAC,OAAe;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACvF,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,QAAQ,CAGN;CACH"}

package/dist/molecules/toast/define.d.ts

@@ -0,0 +1,9 @@
+import { DsToast } from './toast.js';
+import { DsToastStack } from './toast-stack.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-toast': DsToast;
+        'ds-toast-stack': DsToastStack;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/molecules/toast/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAShD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;QACpB,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/molecules/toast/define.js

@@ -0,0 +1,9 @@
+import { DsToast } from './toast.js';
+import { DsToastStack } from './toast-stack.js';
+if (!customElements.get('ds-toast')) {
+    customElements.define('ds-toast', DsToast);
+}
+if (!customElements.get('ds-toast-stack')) {
+    customElements.define('ds-toast-stack', DsToastStack);
+}
+//# sourceMappingURL=define.js.map

package/dist/molecules/toast/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/molecules/toast/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACpC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7C,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACxD,CAAC"}

package/dist/molecules/toast/index.d.ts

@@ -0,0 +1,4 @@
+export { DsToast, type ToastTone, type ToastDismissReason } from './toast.js';
+export { DsToastStack, type ToastPlacement } from './toast-stack.js';
+export { toast, type ToastOptions, type ToastController } from './toast.imperative.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/molecules/toast/index.js

@@ -0,0 +1,4 @@
+export { DsToast } from './toast.js';
+export { DsToastStack } from './toast-stack.js';
+export { toast } from './toast.imperative.js';
+//# sourceMappingURL=index.js.map

package/dist/molecules/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA2C,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAuB,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,KAAK,EAA2C,MAAM,uBAAuB,CAAC"}

package/dist/molecules/toast/toast-stack.d.ts

@@ -0,0 +1,22 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+import type { DsToast } from './toast.js';
+export type ToastPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * @tag ds-toast-stack
+ * @summary A fixed-position queue of `ds-toast` elements. One stack per placement.
+ * @slot default - `ds-toast` children. New toasts can also be added via `push()`.
+ */
+export declare class DsToastStack extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    placement: ToastPlacement;
+    max: number;
+    label: string;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    /** Append a toast and enforce the `max` cap. */
+    push(toast: DsToast): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=toast-stack.d.ts.map

package/dist/molecules/toast/toast-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-stack.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/toast-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEvF;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,SAAS;;IACzC,OAAgB,MAAM,4BAA2C;IAEpC,SAAS,EAAE,cAAc,CAAkB;IAC5C,GAAG,SAAK;IACxB,KAAK,SAAmB;IAE3B,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,gDAAgD;IAChD,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAkBjB,MAAM,IAAI,cAAc;CAGlC"}