@lit-material/dialog 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 bohdaq
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,85 @@
+# @lit-material/dialog
+
+A Material Design 3 (basic) dialog web component built with [Lit](https://lit.dev/) on top of the
+native `<dialog>` element. Part of [lit-material](https://github.com/bohdaq/lit-material).
+
+![lit-material dialog, open: icon, headline, supporting text, and cancel/delete actions](./screenshot.png)
+
+## Install
+
+```sh
+npm install @lit-material/dialog @lit-material/tokens
+```
+
+## Usage
+
+```html
+<link rel="stylesheet" href="node_modules/@lit-material/tokens/css/index.css" />
+<script type="module">
+  import "@lit-material/dialog";
+</script>
+
+<lit-material-dialog id="confirm-delete">
+  <span slot="headline">Delete file?</span>
+  This can't be undone.
+  <div slot="actions">
+    <!-- A method="dialog" submit closes the dialog natively and sets returnValue — no JS needed. -->
+    <form method="dialog">
+      <button value="cancel">Cancel</button>
+      <button value="delete">Delete</button>
+    </form>
+  </div>
+</lit-material-dialog>
+
+<script type="module">
+  const dialog = document.getElementById("confirm-delete");
+  dialog.addEventListener("close", () => console.log(dialog.returnValue));
+</script>
+```
+
+Or drive it imperatively:
+
+```js
+dialog.show(); // same as dialog.open = true
+dialog.close("cancel"); // same as dialog.open = false, plus sets returnValue
+```
+
+## API
+
+| Property               | Attribute                | Type      | Default |
+| ----------------------- | ------------------------- | --------- | ------- |
+| `open`                  | `open`                     | `boolean` | `false` |
+| `disableBackdropClose`  | `disable-backdrop-close`  | `boolean` | `false` |
+
+| Method                        | Description                                              |
+| ------------------------------ | ---------------------------------------------------------- |
+| `show()`                       | Opens the dialog (`open = true`).                          |
+| `close(returnValue?)`           | Closes the dialog (`open = false`), optionally setting `returnValue`. |
+
+`returnValue` (getter) reflects the underlying `<dialog>`'s `returnValue`, set via `close()` or a
+`method="dialog"` form submission.
+
+Slots: `icon` (optional, centered above the headline), `headline` (title), default (body content),
+`actions` (buttons, right-aligned).
+
+Built on the native `<dialog>` element, so focus trapping, initial focus, top-layer stacking, and
+Escape-to-close all come from the browser. Clicking the backdrop closes the dialog unless
+`disable-backdrop-close` is set. `cancel` (fired on Escape, before `close`) is cancelable — call
+`event.preventDefault()` on it to keep the dialog open.
+
+By default, opening the dialog focuses the dialog itself rather than the first action button —
+without this, the browser's own auto-focus behavior would land on (and show a focus ring around)
+whichever slotted action happens to come first, on every open, regardless of which one you'd
+actually want focused. To focus a specific action instead, call `.focus()` on it after opening the
+dialog.
+
+## Events
+
+| Event    | Cancelable | Fires                                                          |
+| -------- | ---------- | ---------------------------------------------------------------- |
+| `cancel` | Yes        | On Escape, before the dialog closes.                              |
+| `close`  | No         | After the dialog closes (via `close()`, Escape, backdrop click, or a `method="dialog"` form submit). |
+
+## License
+
+MIT

package/dist/dialog-styles.d.ts

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

package/dist/dialog-styles.d.ts.map

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

package/dist/dialog-styles.js

@@ -0,0 +1,99 @@
+import { css } from "lit";
+export const styles = css `
+  :host {
+    display: contents;
+  }
+
+  /* The dialog element itself is transparent and fills the viewport (rather
+     than shrink-wrapping the visible card) so a click landing outside
+     .container still has its event target equal to the dialog element —
+     that's what lets the backdrop-click handler use a simple equality check
+     instead of manual hit-testing against the card's bounding box. */
+  .dialog {
+    margin: 0;
+    padding: 0;
+    border: none;
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    max-height: 100%;
+    background: transparent;
+    color: inherit;
+  }
+
+  .dialog[open] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .dialog::backdrop {
+    background-color: rgba(0, 0, 0, 0.32);
+  }
+
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: 16px;
+    box-sizing: border-box;
+    /* Not part of the tab order (see the component for why it's the default
+       focus target) — no visible focus indicator of its own. */
+    outline: none;
+    width: min(560px, calc(100vw - 48px));
+    max-height: calc(100vh - 48px);
+    padding: 24px;
+    border-radius: var(--md-sys-shape-corner-extra-large, 28px);
+    background-color: var(--md-sys-color-surface-container-high, #ece6f0);
+    color: var(--md-sys-color-on-surface, #1c1b1f);
+    font-family: var(--md-sys-typescale-body-medium-font, Roboto, system-ui, sans-serif);
+    box-shadow: var(
+      --md-sys-elevation-level3,
+      0 1px 3px 0 rgba(0, 0, 0, 0.3),
+      0 4px 8px 3px rgba(0, 0, 0, 0.15)
+    );
+  }
+
+  .icon ::slotted(*) {
+    width: 24px;
+    height: 24px;
+    display: block;
+    color: var(--md-sys-color-secondary, #625b71);
+  }
+
+  .icon:has(::slotted(*)) {
+    align-self: center;
+  }
+
+  .headline {
+    display: block;
+    color: var(--md-sys-color-on-surface, #1c1b1f);
+    font-family: var(--md-sys-typescale-headline-small-font, Roboto, system-ui, sans-serif);
+    font-size: var(--md-sys-typescale-headline-small-size, 1.5rem);
+    line-height: var(--md-sys-typescale-headline-small-line-height, 2rem);
+  }
+
+  .icon:has(::slotted(*)) ~ .headline {
+    text-align: center;
+  }
+
+  .content {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    color: var(--md-sys-color-on-surface-variant, #49454f);
+    font-size: var(--md-sys-typescale-body-medium-size, 0.875rem);
+    line-height: var(--md-sys-typescale-body-medium-line-height, 1.25rem);
+  }
+
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+  }
+
+  .actions:empty {
+    display: none;
+  }
+`;
+//# sourceMappingURL=dialog-styles.js.map

package/dist/dialog-styles.js.map

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

package/dist/dialog.d.ts

@@ -0,0 +1,64 @@
+import { LitElement } from "lit";
+/**
+ * Material Design 3 (basic) dialog, built on the native `<dialog>` element —
+ * so focus trapping, initial focus, top-layer stacking, and Escape-to-close
+ * all come from the browser rather than reimplemented JS.
+ *
+ * Native `close`/`cancel` events on `<dialog>` don't bubble or cross the
+ * shadow boundary (per spec they're `bubbles: false`, and not composed), so
+ * this re-dispatches its own bubbling, composed `close`/`cancel` events.
+ *
+ * `showModal()` auto-focuses the first focusable descendant when nothing has
+ * `autofocus` — which, with no autofocus of your own, would otherwise land on
+ * the first slotted action button and show its focus ring on every open,
+ * looking like a stray highlight the user never asked for. `container` is
+ * given `tabindex="-1" autofocus` (with its own focus ring suppressed) so
+ * that's the default focus target instead. Because `container` is an
+ * ancestor of the slotted content, its `autofocus` always wins over one on a
+ * slotted element (tree order), so it can't be opted out of that way — to
+ * focus a specific action instead, call `.focus()` on it yourself after
+ * opening the dialog.
+ *
+ * @element lit-material-dialog
+ *
+ * @slot icon - An optional small icon shown centered above the headline.
+ * @slot headline - The dialog's title.
+ * @slot - The dialog's body content (supporting text, form fields, etc.).
+ * @slot actions - Action buttons, right-aligned. A `<form method="dialog">`
+ *   submit button inside this slot closes the dialog natively and sets
+ *   `returnValue`, without any extra JS.
+ *
+ * @csspart dialog - The native `<dialog>` element. Transparent and sized to
+ *   the viewport so clicks outside `container` can be detected as backdrop
+ *   clicks; style the visible card via `container` instead.
+ * @csspart container - The visible card (background, padding, shape, elevation).
+ *
+ * @fires cancel - Re-dispatched from the native `cancel` event (fired on Escape,
+ *   before `close`). Cancelable: calling `preventDefault()` stops the dialog from closing.
+ * @fires close - Re-dispatched from the native `close` event, after the dialog has closed.
+ */
+export declare class LitMaterialDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    open: boolean;
+    /** If set, clicking the backdrop (outside the visible card) does not close the dialog. */
+    disableBackdropClose: boolean;
+    private readonly dialogElement?;
+    private reopenOnClose;
+    protected updated(changed: Map<string, unknown>): void;
+    /** Opens the dialog. Equivalent to setting `.open = true`. */
+    show(): void;
+    /** Closes the dialog. Equivalent to setting `.open = false`. */
+    close(returnValue?: string): void;
+    /** The value the dialog was closed with (via `close()` or a `method="dialog"` form submit). */
+    get returnValue(): string;
+    render(): import("lit").TemplateResult<1>;
+    private handleClose;
+    private handleCancel;
+    private handleBackdropClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "lit-material-dialog": LitMaterialDialog;
+    }
+}
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAU;IAEY,IAAI,UAAS;IACzD,0FAA0F;IACxB,oBAAoB,UAAS;IAE9E,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAoB;IACpE,OAAO,CAAC,aAAa,CAAS;cAEX,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS/D,8DAA8D;IAC9D,IAAI,IAAI,IAAI;IAIZ,gEAAgE;IAChE,KAAK,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI;IAOjC,+FAA+F;IAC/F,IAAI,WAAW,IAAI,MAAM,CAExB;IAEQ,MAAM;IAoBf,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,mBAAmB;CAK5B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/dialog.js

@@ -0,0 +1,140 @@
+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, LitElement } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { styles } from "./dialog-styles.js";
+/**
+ * Material Design 3 (basic) dialog, built on the native `<dialog>` element —
+ * so focus trapping, initial focus, top-layer stacking, and Escape-to-close
+ * all come from the browser rather than reimplemented JS.
+ *
+ * Native `close`/`cancel` events on `<dialog>` don't bubble or cross the
+ * shadow boundary (per spec they're `bubbles: false`, and not composed), so
+ * this re-dispatches its own bubbling, composed `close`/`cancel` events.
+ *
+ * `showModal()` auto-focuses the first focusable descendant when nothing has
+ * `autofocus` — which, with no autofocus of your own, would otherwise land on
+ * the first slotted action button and show its focus ring on every open,
+ * looking like a stray highlight the user never asked for. `container` is
+ * given `tabindex="-1" autofocus` (with its own focus ring suppressed) so
+ * that's the default focus target instead. Because `container` is an
+ * ancestor of the slotted content, its `autofocus` always wins over one on a
+ * slotted element (tree order), so it can't be opted out of that way — to
+ * focus a specific action instead, call `.focus()` on it yourself after
+ * opening the dialog.
+ *
+ * @element lit-material-dialog
+ *
+ * @slot icon - An optional small icon shown centered above the headline.
+ * @slot headline - The dialog's title.
+ * @slot - The dialog's body content (supporting text, form fields, etc.).
+ * @slot actions - Action buttons, right-aligned. A `<form method="dialog">`
+ *   submit button inside this slot closes the dialog natively and sets
+ *   `returnValue`, without any extra JS.
+ *
+ * @csspart dialog - The native `<dialog>` element. Transparent and sized to
+ *   the viewport so clicks outside `container` can be detected as backdrop
+ *   clicks; style the visible card via `container` instead.
+ * @csspart container - The visible card (background, padding, shape, elevation).
+ *
+ * @fires cancel - Re-dispatched from the native `cancel` event (fired on Escape,
+ *   before `close`). Cancelable: calling `preventDefault()` stops the dialog from closing.
+ * @fires close - Re-dispatched from the native `close` event, after the dialog has closed.
+ */
+let LitMaterialDialog = class LitMaterialDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        /** If set, clicking the backdrop (outside the visible card) does not close the dialog. */
+        this.disableBackdropClose = false;
+        this.reopenOnClose = false;
+    }
+    static { this.styles = styles; }
+    updated(changed) {
+        if (!changed.has("open") || !this.dialogElement)
+            return;
+        if (this.open && !this.dialogElement.open) {
+            this.dialogElement.showModal();
+        }
+        else if (!this.open && this.dialogElement.open) {
+            this.dialogElement.close();
+        }
+    }
+    /** Opens the dialog. Equivalent to setting `.open = true`. */
+    show() {
+        this.open = true;
+    }
+    /** Closes the dialog. Equivalent to setting `.open = false`. */
+    close(returnValue) {
+        this.open = false;
+        if (returnValue !== undefined && this.dialogElement) {
+            this.dialogElement.returnValue = returnValue;
+        }
+    }
+    /** The value the dialog was closed with (via `close()` or a `method="dialog"` form submit). */
+    get returnValue() {
+        return this.dialogElement?.returnValue ?? "";
+    }
+    render() {
+        return html `
+      <dialog
+        class="dialog"
+        part="dialog"
+        aria-labelledby="headline"
+        @close=${this.handleClose}
+        @cancel=${this.handleCancel}
+        @click=${this.handleBackdropClick}
+      >
+        <div class="container" part="container" tabindex="-1" autofocus>
+          <slot name="icon" class="icon"></slot>
+          <slot name="headline" class="headline" id="headline"></slot>
+          <div class="content"><slot></slot></div>
+          <div class="actions"><slot name="actions"></slot></div>
+        </div>
+      </dialog>
+    `;
+    }
+    handleClose() {
+        if (this.reopenOnClose) {
+            // Some browsers don't actually honor `preventDefault()` on the native
+            // `cancel` event (despite documenting it as cancelable), so the dialog
+            // closes anyway — immediately reopening it makes `cancel` prevention
+            // work regardless of that inconsistency.
+            this.reopenOnClose = false;
+            this.dialogElement?.showModal();
+            return;
+        }
+        this.open = false;
+        this.dispatchEvent(new Event("close", { bubbles: true, composed: true }));
+    }
+    handleCancel(event) {
+        const proceed = this.dispatchEvent(new Event("cancel", { bubbles: true, cancelable: true, composed: true }));
+        if (!proceed) {
+            event.preventDefault();
+            this.reopenOnClose = true;
+        }
+    }
+    handleBackdropClick(event) {
+        if (!this.disableBackdropClose && event.target === this.dialogElement) {
+            this.dialogElement?.close();
+        }
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitMaterialDialog.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "disable-backdrop-close" })
+], LitMaterialDialog.prototype, "disableBackdropClose", void 0);
+__decorate([
+    query("dialog")
+], LitMaterialDialog.prototype, "dialogElement", void 0);
+LitMaterialDialog = __decorate([
+    customElement("lit-material-dialog")
+], LitMaterialDialog);
+export { LitMaterialDialog };
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { LitMaterialDialog } from "./dialog.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@lit-material/dialog",
+  "version": "0.0.1",
+  "description": "Material Design 3 dialog web component, built on the native <dialog> element.",
+  "license": "MIT",
+  "author": {
+    "name": "bohdaq",
+    "email": "bohdaq@gmail.com",
+    "url": "https://github.com/bohdaq"
+  },
+  "homepage": "https://github.com/bohdaq/lit-material#readme",
+  "bugs": "https://github.com/bohdaq/lit-material/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/bohdaq/lit-material.git",
+    "directory": "packages/dialog"
+  },
+  "keywords": ["lit", "web-components", "lit-material", "material-design", "material-design-3", "dialog", "modal"],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "web-test-runner && node --import tsx --test src/dialog.ssr.test.ts"
+  },
+  "dependencies": {
+    "@lit-material/tokens": "workspace:*",
+    "lit": "^3.2.0"
+  },
+  "devDependencies": {
+    "@lit-labs/ssr": "^3.3.1",
+    "@open-wc/testing": "^4.0.0",
+    "@web/dev-server-esbuild": "^1.0.0",
+    "@web/test-runner": "^0.19.0",
+    "@web/test-runner-commands": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.7.0"
+  }
+}