@codeenvision/ui-webcomponents 1.0.0

package/dist/components/DialogWindow/DialogWindow.js

@@ -0,0 +1,307 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+const DEFAULT_CLOSE_LABEL = "Close dialog";
+export class DialogWindow extends BaseComponent {
+    options;
+    isVisible = false;
+    closeButton;
+    closeButtonHandler;
+    actionHandlers = [];
+    keydownHandler;
+    titleId;
+    bodyId;
+    previouslyFocusedElement;
+    constructor(options) {
+        super(options.selector);
+        this.options = {
+            theme: "light",
+            dismissible: true,
+            closeLabel: DEFAULT_CLOSE_LABEL,
+            footerActions: [],
+            ...options,
+        };
+        this.titleId = this.createUniqueId("dialog-title");
+        this.bodyId = this.createUniqueId("dialog-body");
+    }
+    init() {
+        if (this.options.hydrate && this.tryHydrate()) {
+            return;
+        }
+        this.reset();
+        this.render();
+    }
+    destroy() {
+        this.reset();
+    }
+    open() {
+        if (this.isVisible) {
+            return;
+        }
+        this.previouslyFocusedElement = document.activeElement;
+        this.el.classList.add("ce-dialog-window--visible");
+        this.el.removeAttribute("aria-hidden");
+        this.isVisible = true;
+        if (this.options.dismissible !== false) {
+            this.attachGlobalKeydown();
+        }
+        requestAnimationFrame(() => {
+            this.el.focus();
+        });
+        this.options.onOpen?.();
+    }
+    close() {
+        if (!this.isVisible) {
+            return;
+        }
+        this.el.classList.remove("ce-dialog-window--visible");
+        this.el.setAttribute("aria-hidden", "true");
+        this.isVisible = false;
+        this.detachGlobalKeydown();
+        this.options.onClose?.();
+        if (this.previouslyFocusedElement) {
+            this.previouslyFocusedElement.focus();
+            this.previouslyFocusedElement = null;
+        }
+    }
+    render() {
+        this.el.classList.add("ce-dialog-window");
+        this.el.setAttribute("data-ce-component", "dialog-window");
+        this.el.setAttribute("part", "base");
+        this.el.setAttribute("role", "dialog");
+        this.el.setAttribute("aria-modal", "true");
+        this.el.setAttribute("aria-labelledby", this.titleId);
+        this.el.setAttribute("aria-describedby", this.bodyId);
+        this.el.setAttribute("aria-hidden", "true");
+        this.el.setAttribute("tabindex", "-1");
+        this.applyTheme();
+        this.applyDimensions();
+        const header = this.createHeader();
+        const body = this.createBody();
+        this.el.append(header, body);
+        const footer = this.createFooter();
+        if (footer) {
+            this.el.appendChild(footer);
+        }
+    }
+    tryHydrate() {
+        if (!this.el.classList.contains("ce-dialog-window")) {
+            return false;
+        }
+        this.el.setAttribute("data-ce-component", "dialog-window");
+        this.el.setAttribute("part", "base");
+        const title = this.el.querySelector(".ce-dialog-window__title");
+        const body = this.el.querySelector(".ce-dialog-window__body");
+        if (!title || !body) {
+            return false;
+        }
+        const header = this.el.querySelector(".ce-dialog-window__header");
+        header?.setAttribute("part", "header");
+        title.setAttribute("part", "title");
+        body.setAttribute("part", "body");
+        this.el.querySelectorAll(".ce-dialog-window__close").forEach((node) => node.setAttribute("part", "close"));
+        this.el.querySelectorAll(".ce-dialog-window__footer").forEach((node) => node.setAttribute("part", "footer"));
+        this.el.querySelectorAll(".ce-dialog-window__action").forEach((node) => node.setAttribute("part", "action"));
+        this.titleId = title.id || this.titleId;
+        this.bodyId = body.id || this.bodyId;
+        this.el.classList.add("ce-dialog-window");
+        this.el.setAttribute("role", "dialog");
+        this.el.setAttribute("aria-modal", "true");
+        this.el.setAttribute("aria-labelledby", this.titleId);
+        this.el.setAttribute("aria-describedby", this.bodyId);
+        const isVisible = this.el.classList.contains("ce-dialog-window--visible");
+        this.el.setAttribute("aria-hidden", isVisible ? "false" : "true");
+        if (!this.el.hasAttribute("tabindex")) {
+            this.el.setAttribute("tabindex", "-1");
+        }
+        this.applyTheme();
+        this.applyDimensions();
+        const closeButton = this.el.querySelector(".ce-dialog-window__close");
+        if (this.options.dismissible !== false && closeButton) {
+            this.closeButtonHandler = () => this.close();
+            closeButton.addEventListener("click", this.closeButtonHandler);
+            this.closeButton = closeButton;
+        }
+        else if (this.options.dismissible === false && closeButton) {
+            closeButton.remove();
+        }
+        const footerButtons = Array.from(this.el.querySelectorAll(".ce-dialog-window__action"));
+        if (footerButtons.length) {
+            this.removeActionHandlers();
+            footerButtons.forEach((button, index) => {
+                const action = this.options.footerActions?.[index];
+                const handler = () => {
+                    action?.onClick?.();
+                    const shouldDismiss = action ? action.dismissOnClick ?? true : this.options.dismissible !== false;
+                    if (shouldDismiss) {
+                        this.close();
+                    }
+                };
+                button.addEventListener("click", handler);
+                this.actionHandlers.push({ button, handler });
+            });
+        }
+        else {
+            const footer = this.createFooter();
+            if (footer) {
+                this.el.appendChild(footer);
+            }
+        }
+        this.isVisible = isVisible;
+        return true;
+    }
+    createHeader() {
+        const header = document.createElement("div");
+        header.classList.add("ce-dialog-window__header");
+        header.setAttribute("part", "header");
+        const title = document.createElement("h2");
+        title.classList.add("ce-dialog-window__title");
+        title.setAttribute("part", "title");
+        title.id = this.titleId;
+        title.textContent = this.options.title;
+        header.appendChild(title);
+        if (this.options.dismissible !== false) {
+            const closeButton = document.createElement("button");
+            closeButton.type = "button";
+            closeButton.classList.add("ce-dialog-window__close");
+            closeButton.setAttribute("part", "close");
+            closeButton.setAttribute("aria-label", this.options.closeLabel ?? DEFAULT_CLOSE_LABEL);
+            closeButton.innerHTML = "×";
+            this.closeButtonHandler = () => this.close();
+            closeButton.addEventListener("click", this.closeButtonHandler);
+            this.closeButton = closeButton;
+            header.appendChild(closeButton);
+        }
+        return header;
+    }
+    createBody() {
+        const body = document.createElement("div");
+        body.classList.add("ce-dialog-window__body");
+        body.setAttribute("part", "body");
+        body.id = this.bodyId;
+        const resolved = this.resolveContent();
+        if (typeof resolved === "string") {
+            body.innerHTML = resolved;
+        }
+        else {
+            body.appendChild(resolved);
+        }
+        return body;
+    }
+    createFooter() {
+        const actions = this.resolveFooterActions();
+        if (!actions.length) {
+            return null;
+        }
+        const footer = document.createElement("div");
+        footer.classList.add("ce-dialog-window__footer");
+        footer.setAttribute("part", "footer");
+        actions.forEach((action) => {
+            const button = document.createElement("button");
+            button.type = "button";
+            button.classList.add("ce-dialog-window__action");
+            button.setAttribute("part", "action");
+            const variant = action.variant ?? "secondary";
+            button.classList.add(`ce-dialog-window__action--${variant}`);
+            button.textContent = action.label;
+            const handler = () => {
+                action.onClick?.();
+                if (action.dismissOnClick ?? true) {
+                    this.close();
+                }
+            };
+            button.addEventListener("click", handler);
+            this.actionHandlers.push({ button, handler });
+            footer.appendChild(button);
+        });
+        return footer;
+    }
+    resolveFooterActions() {
+        if (this.options.footerActions && this.options.footerActions.length) {
+            return this.options.footerActions;
+        }
+        if (this.options.dismissible === false) {
+            return [];
+        }
+        return [
+            {
+                label: this.options.closeLabel ?? DEFAULT_CLOSE_LABEL,
+                variant: "secondary",
+                dismissOnClick: true,
+            },
+        ];
+    }
+    applyTheme() {
+        if (this.options.theme === "dark") {
+            this.el.classList.add("ce-dialog-window--dark");
+        }
+        else {
+            this.el.classList.remove("ce-dialog-window--dark");
+        }
+    }
+    applyDimensions() {
+        if (this.options.width) {
+            this.el.style.maxWidth = this.options.width;
+            this.el.style.width = this.options.width;
+        }
+        if (this.options.height) {
+            this.el.style.maxHeight = this.options.height;
+            this.el.style.height = this.options.height;
+        }
+    }
+    resolveContent() {
+        const { content } = this.options;
+        const result = typeof content === "function" ? content() : content;
+        return result;
+    }
+    attachGlobalKeydown() {
+        if (this.keydownHandler) {
+            return;
+        }
+        this.keydownHandler = (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                this.close();
+            }
+        };
+        document.addEventListener("keydown", this.keydownHandler);
+    }
+    detachGlobalKeydown() {
+        if (!this.keydownHandler) {
+            return;
+        }
+        document.removeEventListener("keydown", this.keydownHandler);
+        this.keydownHandler = undefined;
+    }
+    removeActionHandlers() {
+        this.actionHandlers.forEach(({ button, handler }) => {
+            button.removeEventListener("click", handler);
+        });
+        this.actionHandlers = [];
+    }
+    reset() {
+        if (this.closeButton && this.closeButtonHandler) {
+            this.closeButton.removeEventListener("click", this.closeButtonHandler);
+        }
+        this.closeButton = undefined;
+        this.closeButtonHandler = undefined;
+        this.removeActionHandlers();
+        this.detachGlobalKeydown();
+        this.el.innerHTML = "";
+        this.el.classList.remove("ce-dialog-window", "ce-dialog-window--visible", "ce-dialog-window--dark");
+        this.el.removeAttribute("role");
+        this.el.removeAttribute("aria-modal");
+        this.el.removeAttribute("aria-labelledby");
+        this.el.removeAttribute("aria-describedby");
+        this.el.removeAttribute("aria-hidden");
+        this.el.removeAttribute("tabindex");
+        this.el.style.maxWidth = "";
+        this.el.style.maxHeight = "";
+        this.el.style.width = "";
+        this.el.style.height = "";
+        this.isVisible = false;
+        this.previouslyFocusedElement = undefined;
+    }
+    createUniqueId(prefix) {
+        return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;
+    }
+}
+//# sourceMappingURL=DialogWindow.js.map

package/dist/components/DialogWindow/DialogWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogWindow.js","sourceRoot":"","sources":["../../../components/DialogWindow/DialogWindow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAO3C,MAAM,OAAO,YAAa,SAAQ,aAAa;IACrC,OAAO,CAAsB;IAE7B,SAAS,GAAG,KAAK,CAAC;IAElB,WAAW,CAAqB;IAEhC,kBAAkB,CAAc;IAEhC,cAAc,GAAoB,EAAE,CAAC;IAErC,cAAc,CAAkC;IAEhD,OAAO,CAAS;IAEhB,MAAM,CAAS;IAEf,wBAAwB,CAAsB;IAEtD,YAAY,OAA4B;QACtC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG;YACb,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,mBAAmB;YAC/B,aAAa,EAAE,EAAE;YACjB,GAAG,OAAO;SACX,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACnD,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YAC9C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,wBAAwB,GAAG,QAAQ,CAAC,aAAmC,CAAC;QAC7E,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACnD,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAEtB,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;QAED,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;IAC1B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;QACtD,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAEzB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,IAAI,CAAC,wBAAwB,CAAC,KAAK,EAAE,CAAC;YACtC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;QACvC,CAAC;IACH,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;QAC3D,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACrC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtD,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAEvC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAE7B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;QAC3D,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAErC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAc,0BAA0B,CAAC,CAAC;QAC7E,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAc,yBAAyB,CAAC,CAAC;QAC3E,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YACpB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAc,2BAA2B,CAAC,CAAC;QAC/E,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAElC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,0BAA0B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;QACxH,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC1H,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE1H,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC;QACxC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC;QAErC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtD,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QAC1E,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAClE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAoB,0BAA0B,CAAC,CAAC;QACzF,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK,IAAI,WAAW,EAAE,CAAC;YACtD,IAAI,CAAC,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAC7C,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC/D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QACjC,CAAC;aAAM,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK,IAAI,WAAW,EAAE,CAAC;YAC7D,WAAW,CAAC,MAAM,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAoB,2BAA2B,CAAC,CAAC,CAAC;QAC3G,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;gBACnD,MAAM,OAAO,GAAG,GAAG,EAAE;oBACnB,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC;oBACpB,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK,CAAC;oBAClG,IAAI,aAAa,EAAE,CAAC;wBAClB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,CAAC;gBACH,CAAC,CAAC;gBACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC1C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACnC,IAAI,MAAM,EAAE,CAAC;gBACX,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC9B,CAAC;QACH,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;QACjD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEtC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3C,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;QAC/C,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxB,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YACvC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACrD,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC5B,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;YACrD,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAC1C,WAAW,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,mBAAmB,CAAC,CAAC;YACvF,WAAW,CAAC,SAAS,GAAG,SAAS,CAAC;YAClC,IAAI,CAAC,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAC7C,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC/D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;YAC/B,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,UAAU;QAChB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;QAC7C,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAEtB,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACvC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,YAAY;QAClB,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5C,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;QACjD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEtC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;YACvB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;YACjD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACtC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,WAAW,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,OAAO,EAAE,CAAC,CAAC;YAC7D,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;YAElC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;gBACnB,IAAI,MAAM,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC;oBAClC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC;YACH,CAAC,CAAC;YACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC1C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;YACpE,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;QACpC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YACvC,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO;YACL;gBACE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,mBAAmB;gBACrD,OAAO,EAAE,WAAW;gBACpB,cAAc,EAAE,IAAI;aACrB;SACF,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;YAClC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAC5C,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YAC9C,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;QAC7C,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACjC,MAAM,MAAM,GAAG,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;QACnE,OAAO,MAA8B,CAAC;IACxC,CAAC;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5D,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7D,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;IAClC,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;YAClD,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;IAC3B,CAAC;IAEO,KAAK;QACX,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAChD,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACzE,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;QACpC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,EAAE,2BAA2B,EAAE,wBAAwB,CAAC,CAAC;QACpG,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACtC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;QAC3C,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACvC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,wBAAwB,GAAG,SAAS,CAAC;IAC5C,CAAC;IAEO,cAAc,CAAC,MAAc;QACnC,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/D,CAAC;CACF"}

package/dist/components/DialogWindow/DialogWindow.types.d.ts

@@ -0,0 +1,23 @@
+export type DialogWindowTheme = "light" | "dark";
+export interface DialogWindowAction {
+    label: string;
+    variant?: "primary" | "secondary";
+    dismissOnClick?: boolean;
+    onClick?: () => void;
+}
+export type DialogWindowContent = string | HTMLElement | (() => string | HTMLElement);
+export interface DialogWindowOptions {
+    selector: string;
+    title: string;
+    content: DialogWindowContent;
+    width?: string;
+    height?: string;
+    theme?: DialogWindowTheme;
+    closeLabel?: string;
+    dismissible?: boolean;
+    footerActions?: DialogWindowAction[];
+    hydrate?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+//# sourceMappingURL=DialogWindow.types.d.ts.map

package/dist/components/DialogWindow/DialogWindow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogWindow.types.d.ts","sourceRoot":"","sources":["../../../components/DialogWindow/DialogWindow.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,CAAC,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC;AAEtF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/DialogWindow/DialogWindow.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DialogWindow.types.js.map

package/dist/components/DialogWindow/DialogWindow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogWindow.types.js","sourceRoot":"","sources":["../../../components/DialogWindow/DialogWindow.types.ts"],"names":[],"mappings":""}

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,34 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+import { DrawerOptions } from "./Drawer.types.js";
+export declare class Drawer extends BaseComponent {
+    private options;
+    private panel?;
+    private bodyEl?;
+    private footerEl?;
+    private actionsContainer?;
+    private backdropEl?;
+    private closeButton?;
+    private cleanup;
+    private isOpen;
+    private previouslyFocused?;
+    private originalMarkup;
+    private headingId;
+    private descriptionId?;
+    constructor(options: DrawerOptions);
+    init(): void;
+    private tryHydrate;
+    open(): void;
+    close(): void;
+    destroy(): void;
+    private buildPanel;
+    private buildHeader;
+    private buildBody;
+    private buildFooter;
+    private createActionButton;
+    private resolveContent;
+    private createBackdrop;
+    private setVisibility;
+    private focusFirstElement;
+    private attachGlobalHandlers;
+}
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../components/Drawer/Drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAEL,aAAa,EAGd,MAAM,mBAAmB,CAAC;AAqB3B,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,KAAK,CAAC,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAC,CAAc;IAC7B,OAAO,CAAC,QAAQ,CAAC,CAAqB;IACtC,OAAO,CAAC,gBAAgB,CAAC,CAAc;IACvC,OAAO,CAAC,UAAU,CAAC,CAAiB;IACpC,OAAO,CAAC,WAAW,CAAC,CAAoB;IACxC,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,iBAAiB,CAAC,CAAiB;IAC3C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAC,CAAS;gBAEnB,OAAO,EAAE,aAAa;IAkBlC,IAAI,IAAI,IAAI;IAsCZ,OAAO,CAAC,UAAU;IA6JlB,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAiBf,OAAO,CAAC,UAAU;IAiClB,OAAO,CAAC,WAAW;IA6CnB,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,kBAAkB;IAiC1B,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,oBAAoB;CAmC7B"}