@sekiui/elements 0.0.61 → 0.0.64

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

@@ -0,0 +1,254 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot - The collapsible content (trigger and content)
+ *
+ * @part collapsible - The main container
+ */
+export class SekiCollapsible {
+    constructor() {
+        /**
+         * Whether the collapsible is open (controlled)
+         */
+        this.open = false;
+        /**
+         * Initial open state (uncontrolled)
+         */
+        this.defaultOpen = false;
+        /**
+         * Whether the collapsible is disabled
+         */
+        this.disabled = false;
+        /**
+         * Internal open state
+         */
+        this._isOpen = false;
+        this.instanceId = ++SekiCollapsible.instanceCount;
+    }
+    componentWillLoad() {
+        // Initialize with defaultOpen or open prop
+        this._isOpen = this.open || this.defaultOpen;
+    }
+    openChanged(newValue) {
+        this._isOpen = newValue;
+    }
+    /**
+     * Toggle the collapsible open state
+     */
+    async toggle() {
+        if (this.disabled)
+            return;
+        this._isOpen = !this._isOpen;
+        this.open = this._isOpen;
+        this.sekiOpenChange.emit(this._isOpen);
+    }
+    /**
+     * Open the collapsible
+     */
+    async setOpen() {
+        if (this.disabled || this._isOpen)
+            return;
+        this._isOpen = true;
+        this.open = true;
+        this.sekiOpenChange.emit(true);
+    }
+    /**
+     * Close the collapsible
+     */
+    async setClose() {
+        if (this._isOpen === false)
+            return;
+        this._isOpen = false;
+        this.open = false;
+        this.sekiOpenChange.emit(false);
+    }
+    get contentId() {
+        return `seki-collapsible-content-${this.instanceId}`;
+    }
+    get triggerId() {
+        return `seki-collapsible-trigger-${this.instanceId}`;
+    }
+    componentDidLoad() {
+        // Expose context on the element for child components
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._collapsibleContext = this.getContext();
+    }
+    componentDidUpdate() {
+        // Update context when state changes
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.el._collapsibleContext = this.getContext();
+    }
+    getContext() {
+        return {
+            isOpen: this._isOpen,
+            contentId: this.contentId,
+            triggerId: this.triggerId,
+            disabled: this.disabled,
+            toggle: () => this.toggle(),
+        };
+    }
+    render() {
+        return (h(Host, { key: 'c65f0a79cc6f865f4e74e7c72b17c6ad01d496d2', "data-state": this._isOpen ? 'open' : 'closed', "data-disabled": this.disabled ? '' : undefined }, h("div", { key: 'fea15873c67cf46620d0f56578d8b1ca1f1a02e1', part: "collapsible", class: "collapsible" }, h("slot", { key: 'f27e929ea49fdd6b2fedb39cee2b67762795b022' }))));
+    }
+    static get is() { return "seki-collapsible"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-collapsible.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-collapsible.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the collapsible is open (controlled)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "open",
+                "defaultValue": "false"
+            },
+            "defaultOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Initial open state (uncontrolled)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-open",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the collapsible is disabled"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_isOpen": {}
+        };
+    }
+    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": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "toggle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Toggle the collapsible open state",
+                    "tags": []
+                }
+            },
+            "setOpen": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Open the collapsible",
+                    "tags": []
+                }
+            },
+            "setClose": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Close the collapsible",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "openChanged"
+            }];
+    }
+}
+SekiCollapsible.instanceCount = 0;

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

@@ -0,0 +1 @@
+export {};