@sekiui/elements 0.0.65 → 0.0.69

package/dist/collection/components/context-menu/seki-context-menu.js

@@ -0,0 +1,291 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Context Menu component - right-click context menu with items
+ *
+ * @slot - Menu trigger and content
+ *
+ * @part context-menu - The main container
+ */
+export class SekiContextMenu {
+    constructor() {
+        /**
+         * Controlled open state
+         */
+        this.open = false;
+        /**
+         * Internal open state
+         */
+        this._isOpen = false;
+        /**
+         * X coordinate for menu position
+         */
+        this._x = 0;
+        /**
+         * Y coordinate for menu position
+         */
+        this._y = 0;
+    }
+    componentWillLoad() {
+        this._isOpen = this.open;
+    }
+    openChanged(newValue) {
+        this._isOpen = newValue;
+        if (this._isOpen) {
+            this.setupClickOutside();
+        }
+        else {
+            this.removeClickOutside();
+        }
+    }
+    /**
+     * Open the menu at specified coordinates
+     * @param x - X coordinate (typically from mouse event)
+     * @param y - Y coordinate (typically from mouse event)
+     */
+    async openMenu(x, y) {
+        if (this._isOpen)
+            return;
+        this._x = x;
+        this._y = y;
+        this._isOpen = true;
+        this.open = true;
+        this.sekiOpenChange.emit(true);
+        this.setupClickOutside();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._contextMenuContext = this.getContext();
+    }
+    /**
+     * Close the menu
+     */
+    async closeMenu() {
+        if (!this._isOpen)
+            return;
+        this._isOpen = false;
+        this.open = false;
+        this.sekiOpenChange.emit(false);
+        this.removeClickOutside();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._contextMenuContext = this.getContext();
+    }
+    /**
+     * Listen for context menu open events from trigger
+     */
+    handleContextMenuOpen(event) {
+        this.openMenu(event.detail.x, event.detail.y);
+    }
+    /**
+     * Listen for item selection events
+     */
+    handleItemSelect(event) {
+        this.sekiSelect.emit(event.detail);
+        this.closeMenu();
+    }
+    /**
+     * Handle Escape key to close menu
+     */
+    handleKeyDown(event) {
+        if (this._isOpen && event.key === 'Escape') {
+            event.preventDefault();
+            this.closeMenu();
+        }
+    }
+    setupClickOutside() {
+        setTimeout(() => {
+            this.clickOutsideHandler = (e) => {
+                const path = e.composedPath();
+                if (!path.includes(this.el)) {
+                    this.closeMenu();
+                }
+            };
+            document.addEventListener('click', this.clickOutsideHandler, { capture: true });
+        }, 0);
+    }
+    removeClickOutside() {
+        if (this.clickOutsideHandler) {
+            document.removeEventListener('click', this.clickOutsideHandler, { capture: true });
+            this.clickOutsideHandler = undefined;
+        }
+    }
+    getContext() {
+        return {
+            isOpen: this._isOpen,
+            x: this._x,
+            y: this._y,
+            open: (x, y) => this.openMenu(x, y),
+            close: () => this.closeMenu(),
+        };
+    }
+    componentDidLoad() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._contextMenuContext = this.getContext();
+        if (this._isOpen) {
+            this.setupClickOutside();
+        }
+    }
+    componentDidUpdate() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._contextMenuContext = this.getContext();
+    }
+    disconnectedCallback() {
+        this.removeClickOutside();
+    }
+    render() {
+        return (h(Host, { key: '8dcfe0d1362fce84055d18a11c888f21e9fb39e0', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'f9c184441314ccd5aeaa967e4597de242ac8333b', part: "context-menu", class: "context-menu" }, h("slot", { key: '355e3b3cc9e644e70242130b800d259d0b09c154' }))));
+    }
+    static get is() { return "seki-context-menu"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-context-menu.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-context-menu.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controlled open state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "open",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_isOpen": {},
+            "_x": {},
+            "_y": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sekiOpenChange",
+                "name": "sekiOpenChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when open state changes"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "sekiSelect",
+                "name": "sekiSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when an item is selected"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "openMenu": {
+                "complexType": {
+                    "signature": "(x: number, y: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "x",
+                            "type": "number",
+                            "docs": "- X coordinate (typically from mouse event)"
+                        }, {
+                            "name": "y",
+                            "type": "number",
+                            "docs": "- Y coordinate (typically from mouse event)"
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Open the menu at specified coordinates",
+                    "tags": [{
+                            "name": "param",
+                            "text": "x - X coordinate (typically from mouse event)"
+                        }, {
+                            "name": "param",
+                            "text": "y - Y coordinate (typically from mouse event)"
+                        }]
+                }
+            },
+            "closeMenu": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Close the menu",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "openChanged"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "sekiContextMenuOpen",
+                "method": "handleContextMenuOpen",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "sekiContextMenuItemSelect",
+                "method": "handleItemSelect",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/data-table/seki-data-table.js

@@ -417,10 +417,10 @@ export class SekiDataTable {
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (h(Host, { key: 'a69680cac7f699629a80ab0b1da7a81c347b7ed0' }, h("div", { key: '14e355e8fdf5ce6b01dbd5767e454d8da94bc551', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '0c4b576cc77dc3d1c5eca6b6bbb8f318cc36ffa7', class: "data-table__toolbar" }, this.searchable && (h("div", { key: 'f126e3c54c9602522cb43664f013f2f9b086630f', class: "data-table__search" }, h("input", { key: 'ea10b08598bdc3edbe363f3acd454d2698a72d04', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: 'eb87f580071bf96dd46a079676dbb00809bcd9cd', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '89ddc790e51f837bcedc3a51d061867d58356a6e', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '6a2b72a55939f75fac6725fcfb79d960328f5953', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '279928a0bd930a8b22869050034afe6e42e284ef', class: {
+        return (h(Host, { key: 'da2383223fccee266eedb05ef67d99fc14160686' }, h("div", { key: '0dd877d4a74abeb7c93bcf0640fbe7cf9ef639fe', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '78c92ab6672760e7c5ae1ba23f3f4c540c206aca', class: "data-table__toolbar" }, this.searchable && (h("div", { key: 'aac4dd01e774845ddb534a466feb2f939f799eb9', class: "data-table__search" }, h("input", { key: 'd18587ef400f91823269d53b9931a804e0c59462', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: 'ee40cbf38e2ab30a0795444c1ab97be10c590c71', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: 'e354fa3811051e644a5d40bb1aff601871e68b0f', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '5bb0b2591359e8f3745e5318a00e163d9141d8e1', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '75615cb94f8a0cf1db5ee59842a700c56e69fb10', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '08ba0d430fb3da37e81cbb5e4772bb31e78080da', class: "data-table__table", role: "grid" }, h("thead", { key: '2117a01f12a6218649f872bad9135b1b5f387679', class: "data-table__head" }, h("tr", { key: '5f666c21098904c6658cb87b4eac45add757d37d', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: '25ef99004b4c62e50360cb776bab725752a926b8', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: 'dbc92148c5fee598a6236c86ca396e2923f15168', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: 'f9e869cf26a31ae5a213c85b55afd0d6ba0e25b0', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: 'b57056877e9844b99e04f12306931530c09f07c1', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: 'a1a791b706595b12e5941346f74b9128b497b8ae', class: "data-table__table", role: "grid" }, h("thead", { key: 'f735c43473d722bacb49fa3fbfc77cbec3133fcf', class: "data-table__head" }, h("tr", { key: 'c59c859436c214fb39201855bdc85f97e44b4704', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: '541febb38f65c38f02617e0815a5c252da93ffe4', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '6a0d81656facc0e9b68559eb3276295b7885c2cf', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: '50c7fdf98b601cfa9bcbc52ba4bd744b8722d13a', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: 'b56608ee89064f817b74fe2f135a12756bc389fd', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -436,7 +436,7 @@ export class SekiDataTable {
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), h("tbody", { key: '7778cf9f92a090a1a589611563332255740bb679', class: "data-table__body", style: this.virtualScroll
+        }))), h("tbody", { key: '97f50512c99a111749a98c6b2d49aabe93db787e', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -479,12 +479,12 @@ export class SekiDataTable {
                 /* Expanded content row */
                 isExpanded && this.renderExpandedRow && (h("tr", { key: `${rowKey}-expanded`, class: "data-table__row data-table__row--expanded-content" }, h("td", { class: "data-table__td data-table__td--expanded-content", colSpan: visibleColumns.length + (this.selectable ? 1 : 0) + (this.expandable ? 1 : 0) }, h("div", { class: "data-table__expanded-content", innerHTML: this.renderExpandedRow(row) })))),
             ];
-        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '817d6b7af916808bb6c20d94cc04a7bfc360c75a', class: "data-table__loading-overlay" }, h("div", { key: '3463dec1699102af62d670e72b70ea53fe3dccf0', class: "data-table__loading" }, "Loading...")))), h("div", { key: 'd6d7bd9f4fdf31e6c49875860774e2c64114f5eb', class: "data-table__pagination" }, h("div", { key: '7ca4d9c5921ac8406ff94a0d28fdaab8c3827bc8', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: 'c0abab0c31707c667c7043487073288e820bee79', class: "data-table__loading-overlay" }, h("div", { key: '6642deec260db85916618a9ce783e9ff134e69c4', class: "data-table__loading" }, "Loading...")))), h("div", { key: '217b9a73963afa30662e12cda84492e57bb72768', class: "data-table__pagination" }, h("div", { key: '104434d0970fa1928a3cb4b5bff41e5ce4c3b248', class: "data-table__pagination-info" }, this.state.totalRows > 0
             ? `${this.state.page * this.state.pageSize + 1}-${Math.min((this.state.page + 1) * this.state.pageSize, this.state.totalRows)} of ${this.state.totalRows}`
-            : '0 results'), h("div", { key: '5b57ae1848649777f418d205d2636f09f6c9c939', class: "data-table__pagination-controls" }, h("select", { key: 'dd1f916e439c39a53a0d00583803bd0787e3658f', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), h("div", { key: '62129574d1f9392e35deca42922df271b95ef31a', class: "data-table__pagination-controls" }, h("select", { key: '32fd2f1b12e77458b5b3562b9167913f2e83817a', class: "data-table__page-size", onChange: (e) => {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this.handlePageSizeChange(Number(e.target.value));
-            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: 'acea1fdcbc2e9f38e42e3ab2d49c78289341250e', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '458c29eda3718a376ec9d3064d8efb0035282d48', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '48d59e538c0a7e26142500c71dd0bbd36b41c19e', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: '1018c98a98c7d87521d18c6b3336c786054bec43', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: '6940966e1e8bd02c0bafe1f078b91514ccdb1f4a', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
+            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '7a42ff16b691c1ea6ff9e3ded83d68e908f5853d', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '9f58d84f92e5550c3bae1b44c54b809c8af742f0', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '371b3b3830178d61659a4706096dd9ef4c51bb31', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: '27a666fd053eb8890b062f804d5063ac4c526086', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: 'a65708add5277c60ff15dc78d17faf92e1975f34', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
     }
     static get is() { return "seki-data-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/seki-date-picker.js

@@ -216,7 +216,7 @@ export class SekiDatePicker {
                     "references": {
                         "DatePickerMode": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
                             "id": "src/components/date-picker/seki-date-picker.tsx::DatePickerMode"
                         }
                     }
@@ -505,7 +505,7 @@ export class SekiDatePicker {
                         },
                         "DateRange": {
                             "location": "local",
-                            "path": "/home/runner/work/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
+                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
                             "id": "src/components/date-picker/seki-date-picker.tsx::DateRange"
                         }
                     }

package/dist/collection/components/dialog/seki-dialog-close.js

@@ -11,7 +11,7 @@ export class SekiDialogClose {
         this.closeDialog.emit();
     }
     render() {
-        return (h(Host, { key: '0a8d0f54be746980c10078eae42e7dcee87bdf5d' }, h("button", { key: 'b965f0d9652f04f26426743cefbe437b753da88f', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '00b8385ac14d283b1ebdf05e338037b505fdbaf5' }, h("svg", { key: '8e95e3e15d60b086c4f3ae112aee35fbb034863a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '07eb28160f1b7957ab70a787999a4c002f620571', d: "M18 6 6 18" }), h("path", { key: '09bca73ccdd7ec0ebbac6d7a9a12747460c965ad', d: "m6 6 12 12" }))), h("span", { key: '5c62c13e39bf74fb6c9ef8c38243ad0b1edc754c', class: "sr-only" }, "Close"))));
+        return (h(Host, { key: '152353389d7978a42f8cf0e40600aa9b412e6744' }, h("button", { key: '6c5a2205efde82161250aba52dce74a7033ecaa8', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '69cff95be84344e3fe6c7361d548b49c06eda98a' }, h("svg", { key: 'a90cec05eaf2f6cbb0255ec5850d63419c778026', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '08d6531a039824b2413003663208da452c82463e', d: "M18 6 6 18" }), h("path", { key: 'a884ddcba44c9a5ba068f28af695c94b3f980e41', d: "m6 6 12 12" }))), h("span", { key: '0a60670dce35dbb16be58473cf518f36a166a944', class: "sr-only" }, "Close"))));
     }
     static get is() { return "seki-dialog-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-description.js

@@ -14,7 +14,7 @@ export class SekiDialogDescription {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'd59b5bc48a51a5c37ba61aba483bb204d529c93c' }, h("p", { key: '2891cac1cce54fba75bae7b55bc98e30bd477296', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: 'cda0b6f1e77cb23cb1e15ea578fdd0bff4c626c1' }))));
+        return (h(Host, { key: 'eb57874041bd7a21d52a987c05a379da2e423f06' }, h("p", { key: '6050a8c3ca535f20b9b8fb98756c9db3f70c7a79', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: '7d19cc55dc5afb4e20c4e8f9cc2dbcc2e0a7ec67' }))));
     }
     static get is() { return "seki-dialog-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-footer.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDialogFooter {
     render() {
-        return (h(Host, { key: '6280ff02506eb4c56a687e510bcf2a553e0e63cc' }, h("div", { key: 'd5740b2dee6c871a449ebae5dfc4d9ca7f5d3af0', part: "footer", class: "dialog-footer" }, h("slot", { key: 'd33178c4739443021b8392ddc246b4c5df2c891a' }))));
+        return (h(Host, { key: 'c21d5fe0694d71a30a203a9022a4deffbf4a42ca' }, h("div", { key: 'dc17d2e6727e35fc46d796d9588139c1dc21363e', part: "footer", class: "dialog-footer" }, h("slot", { key: '16081671ff7c14e6d6947b4ce4ff1d239fd8cf17' }))));
     }
     static get is() { return "seki-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-header.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDialogHeader {
     render() {
-        return (h(Host, { key: '7e55ab4d5fd648101aff095504f168d85e7ec6c2' }, h("div", { key: 'e447059e33e81f07528b41498f0232f65de8bfd7', part: "header", class: "dialog-header" }, h("slot", { key: '3785623172b172788d27a3370b2d99b2e91ea212' }))));
+        return (h(Host, { key: 'aeaf80973cd007f9e4d97a44d9b30926f67250e4' }, h("div", { key: '1c52c288db697973bc5491f2e961d38e4efdc4d3', part: "header", class: "dialog-header" }, h("slot", { key: 'bc9811183a3a529677e988728d302cf228e7f9d8' }))));
     }
     static get is() { return "seki-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-title.js

@@ -14,7 +14,7 @@ export class SekiDialogTitle {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'a7b1f65485d71a78cd63c751e657644b70e1cdd7' }, h("h2", { key: '7ba78f1bb7a1348fcd5a9dac611281e0db2a1eca', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '256ae76c2bced453dbf9f3931ceb0a4e0976d0d1' }))));
+        return (h(Host, { key: '123f2fb24c33a7a162e270956da32f4bada18a75' }, h("h2", { key: 'c243e58a86aa2b0aea0d429421b1da9593eeec36', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '3530bab92502e4b28c81ff2d851c7c3fb6490cd1' }))));
     }
     static get is() { return "seki-dialog-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-trigger.js

@@ -11,7 +11,7 @@ export class SekiDialogTrigger {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: 'a0aff7faa1b6f24459f0b1915525b40b4ee9a302' }, h("span", { key: 'be400f81aeac64ea49db1fff7589bfc216cae866', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '3f4be265415cf3be02ef33acae625a0d55410092' }))));
+        return (h(Host, { key: 'cac1e12108b757c392598e75ff27a160fc696b6e' }, h("span", { key: '1d9fad07bcabcadfc1f2d881dd560bed4f279bdf', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '57f046bc5c75b2488af57021b8c490c84ac71a02' }))));
     }
     static get is() { return "seki-dialog-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog.js

@@ -99,7 +99,7 @@ export class SekiDialog {
         }
     }
     render() {
-        return (h(Host, { key: 'd7a03017a11fcceb16b69e6ca1682f978f85780d', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'eb7436689b7954eef590ea3e62245e94b081cf20', part: "dialog", class: "dialog" }, h("slot", { key: 'dc7dee6f4adda0821a33b3bc1ff4665494220034' }))));
+        return (h(Host, { key: 'b7b2a3c356893437ddfbc654b3f1045115abf619', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '88879dd11efceacf94a903d5f47d9e7f47aad6e9', part: "dialog", class: "dialog" }, h("slot", { key: 'fd82a1b54ec2606384e40dbf871a46d6c65dfe1f' }))));
     }
     static get is() { return "seki-dialog"; }
     static get encapsulation() { return "shadow"; }