@ind-ds/core 0.2.0 → 0.2.1

package/dist/collection/components/atoms/dialog/dialog.js

@@ -1,265 +0,0 @@
-import { h, Host, } from "@stencil/core";
-export class IndDialog {
-    host;
-    /** Open state. Two-way reflectable. */
-    open = false;
-    /** Heading rendered in the header bar. Becomes the accessible name. */
-    heading;
-    /** Size of the dialog content. */
-    size = 'md';
-    /** Close when the operator clicks outside the dialog content. */
-    closeOnBackdrop = true;
-    hasFooter = false;
-    indOpen;
-    /** Fires when the dialog closes — for any reason (ESC, backdrop, close button, .close()). */
-    indClose;
-    componentDidLoad() {
-        this.syncOpen();
-        this.watchFooter();
-    }
-    onOpenChange() {
-        this.syncOpen();
-    }
-    syncOpen() {
-        const dlg = this.host.shadowRoot?.querySelector('dialog');
-        if (!dlg)
-            return;
-        if (this.open && !dlg.open) {
-            dlg.showModal();
-            this.indOpen.emit();
-        }
-        else if (!this.open && dlg.open) {
-            dlg.close();
-        }
-    }
-    watchFooter() {
-        const slot = this.host.shadowRoot?.querySelector('slot[name="footer"]');
-        if (!slot)
-            return;
-        const update = () => {
-            this.hasFooter = slot.assignedNodes({ flatten: true }).some((n) => {
-                if (n.nodeType === Node.ELEMENT_NODE)
-                    return true;
-                return n.nodeType === Node.TEXT_NODE && (n.textContent ?? '').trim().length > 0;
-            });
-        };
-        update();
-        slot.addEventListener('slotchange', update);
-    }
-    /** Programmatically open. */
-    async show() {
-        this.open = true;
-    }
-    /** Programmatically close. */
-    async close() {
-        this.open = false;
-    }
-    onNativeClose = () => {
-        if (this.open) {
-            this.open = false;
-            this.indClose.emit();
-        }
-    };
-    onClick = (e) => {
-        if (!this.closeOnBackdrop)
-            return;
-        // The native <dialog> covers the whole viewport when open via showModal(),
-        // but its bounding box is the content. Clicks outside that box are on the backdrop.
-        const dlg = e.currentTarget;
-        if (e.target !== dlg)
-            return; // ignore clicks bubbling from inside .content
-        const r = dlg.getBoundingClientRect();
-        const inside = e.clientX >= r.left && e.clientX <= r.right &&
-            e.clientY >= r.top && e.clientY <= r.bottom;
-        if (!inside)
-            this.close();
-    };
-    render() {
-        return (h(Host, { key: '87b1b19e34124d336690c96e1eafc5dcdce689aa' }, h("dialog", { key: '98199eb56477658120f7ff9bc421fd388d956207', class: "dialog", part: "dialog", "aria-label": this.heading, onClose: this.onNativeClose, onClick: this.onClick }, h("div", { key: '058705a27904ca8dea5da499afca1ab2d040517a', class: "content", part: "content" }, this.heading && (h("header", { key: '0feedadbfec3051654dd9ce6968917afef5d97fc', class: "header", part: "header" }, h("h2", { key: 'd43f968c6248adafd0383bb2beae39d156c193db', class: "heading", part: "heading" }, this.heading), h("button", { key: '2bbafbf683baeb78cfeeba5f436d3449bc8041c5', type: "button", class: "close", part: "close", "aria-label": "Close", onClick: () => this.close() }, "\u00D7"))), h("div", { key: '71e78c288ebe5a9d5437a8dfb240b08ce4ee7aea', class: "body", part: "body" }, h("slot", { key: '81581e2f10629935fc08c02544144d7c9be00ebd' })), h("footer", { key: '9f3ae5dee0ea4d1c5300a9b0fd35662d1493c159', class: { footer: true, 'is-empty': !this.hasFooter }, part: "footer" }, h("slot", { key: '27c4a6d3e2c914acb40cddf3d57b944643af62a2', name: "footer" }))))));
-    }
-    static get is() { return "ind-dialog"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dialog.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dialog.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "open": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Open state. Two-way reflectable."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "open",
-                "defaultValue": "false"
-            },
-            "heading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Heading rendered in the header bar. Becomes the accessible name."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DialogSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "DialogSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/dialog/dialog.tsx",
-                            "id": "src/components/atoms/dialog/dialog.tsx::DialogSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the dialog content."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "closeOnBackdrop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Close when the operator clicks outside the dialog content."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "close-on-backdrop",
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "hasFooter": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indOpen",
-                "name": "indOpen",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "indClose",
-                "name": "indClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires when the dialog closes \u2014 for any reason (ESC, backdrop, close button, .close())."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "show": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Programmatically open.",
-                    "tags": []
-                }
-            },
-            "close": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Programmatically close.",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "open",
-                "methodName": "onOpenChange"
-            }];
-    }
-}
-//# sourceMappingURL=dialog.js.map

package/dist/collection/components/atoms/divider/divider.css

@@ -1,16 +0,0 @@
-:host {
-  display: block;
-  background: var(--ind-surface-border-default, #2a3340);
-  flex-shrink: 0;
-}
-
-:host([orientation="horizontal"]) {
-  width: 100%;
-  height: 1px;
-}
-
-:host([orientation="vertical"]) {
-  height: 100%;
-  min-height: 1em;
-  width: 1px;
-}

package/dist/collection/components/atoms/divider/divider.js

@@ -1,50 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndDivider {
-    orientation = 'horizontal';
-    render() {
-        return h(Host, { key: '177e60e429d2cf5cfd3faa97d34e3c605c1c898e', role: "separator", "aria-orientation": this.orientation });
-    }
-    static get is() { return "ind-divider"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["divider.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["divider.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "orientation": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DividerOrientation",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {
-                        "DividerOrientation": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/divider/divider.tsx",
-                            "id": "src/components/atoms/divider/divider.tsx::DividerOrientation"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "orientation",
-                "defaultValue": "'horizontal'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=divider.js.map

package/dist/collection/components/atoms/estop/estop.css

@@ -1,69 +0,0 @@
-:host {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  --_size: 56px;
-}
-
-:host([size="sm"]) { --_size: 40px; }
-:host([size="lg"]) { --_size: 80px; }
-
-.btn {
-  appearance: none;
-  border: none;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  line-height: 0;
-}
-
-.btn:disabled { cursor: not-allowed; opacity: 0.5; }
-
-.ring {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--_size);
-  height: var(--_size);
-  border-radius: 50%;
-  background: radial-gradient(circle at 50% 40%, #ffd400, #d9a900);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
-}
-
-.mushroom {
-  display: block;
-  width: 72%;
-  height: 72%;
-  border-radius: 50%;
-  background: radial-gradient(circle at 35% 30%, #ff5a52, #c1121f 70%);
-  box-shadow:
-    inset 0 -3px 6px rgba(0, 0, 0, 0.5),
-    inset 0 2px 4px rgba(255, 255, 255, 0.4);
-  transition: transform var(--ind-motion-duration-fast, 120ms) ease, box-shadow var(--ind-motion-duration-fast, 120ms) ease;
-}
-
-:host([engaged]) .mushroom {
-  transform: scale(0.86);
-  box-shadow:
-    inset 0 -1px 3px rgba(0, 0, 0, 0.6),
-    0 0 0 3px color-mix(in srgb, #c1121f 50%, transparent);
-}
-
-.btn:focus-visible .ring {
-  outline: 3px solid var(--ind-surface-focus-ring, #67e8f9);
-  outline-offset: 3px;
-}
-
-.caption {
-  font-size: var(--ind-font-size-xs, 10px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  letter-spacing: 0.04em;
-  color: var(--ind-state-fault-bg, #dc2626);
-  text-align: center;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .mushroom { transition: none; }
-}

package/dist/collection/components/atoms/estop/estop.js

@@ -1,166 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndEstop {
-    /** Whether the mushroom button is latched (pressed/engaged). */
-    engaged = false;
-    /** Disabled. */
-    disabled = false;
-    /** Size. */
-    size = 'md';
-    /** Visible caption. Defaults to "EMERGENCY STOP". */
-    label;
-    /** Fires when pressed to engage the stop. */
-    indActivate;
-    /** Fires when reset (twist-release) from an engaged state. */
-    indReset;
-    press = () => {
-        if (this.disabled)
-            return;
-        if (this.engaged) {
-            this.engaged = false;
-            this.indReset.emit();
-        }
-        else {
-            this.engaged = true;
-            this.indActivate.emit();
-        }
-    };
-    render() {
-        const caption = this.label ?? 'EMERGENCY STOP';
-        return (h(Host, { key: '1d89daec6d582afdf9a80afab71bd74fa581b9fb' }, h("button", { key: 'e143f5cdcbf6128f14aa2be18d9e14484dc6848f', type: "button", class: "btn", part: "button", "aria-pressed": this.engaged ? 'true' : 'false', "aria-label": `${caption}${this.engaged ? ' — engaged' : ''}`, disabled: this.disabled, onClick: this.press }, h("span", { key: '4080a0c05c0c0519aace4f85c1855d873bd5e98e', class: "ring", part: "ring" }, h("span", { key: '74ee36092a5d05adceded87b76276b245c191010', class: "mushroom", part: "mushroom" }))), h("span", { key: '1e055f18d1b651c7ebb7a86085976f54ffbf2787', class: "caption", part: "caption" }, caption)));
-    }
-    static get is() { return "ind-estop"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["estop.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["estop.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "engaged": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the mushroom button is latched (pressed/engaged)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "engaged",
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Disabled."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "EstopSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "EstopSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/estop/estop.tsx",
-                            "id": "src/components/atoms/estop/estop.tsx::EstopSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Visible caption. Defaults to \"EMERGENCY STOP\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indActivate",
-                "name": "indActivate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires when pressed to engage the stop."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "indReset",
-                "name": "indReset",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires when reset (twist-release) from an engaged state."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=estop.js.map

package/dist/collection/components/atoms/fan/fan.css

@@ -1,11 +0,0 @@
-.hub {
-  fill: var(--_stroke);
-}
-
-:host([state="running"]) .spin {
-  animation: ind-fan-spin 0.9s linear infinite;
-}
-
-@keyframes ind-fan-spin {
-  to { transform: rotate(360deg); }
-}