npm - @rcarls/rc-dialog - Versions diffs - 0.4.2 → 0.6.0 - Mend

@rcarls/rc-dialog 0.4.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md +20 -0
package/README.md +49 -46
package/dist/custom-elements.json +1 -1
package/dist/{rc-dialog-D9jUBKJn.js → rc-dialog-CPmkVy7u.js} +4 -1
package/dist/rc-dialog-CPmkVy7u.js.map +1 -0
package/dist/rc-dialog-define.js +1 -1
package/dist/rc-dialog.js +1 -1
package/dist/types/packages/rc-dialog/src/rc-dialog.d.ts +2 -0
package/package.json +2 -2
package/dist/rc-dialog-D9jUBKJn.js.map +0 -1
package/dist/types/packages/rc-dialog/src/rc-dialog.test.d.ts +0 -0

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,25 @@
 # @rcarls/rc-dialog
+## 0.6.0
+### Patch Changes
+- 57370e4: Align component metadata, aggregate framework typings, development-time native-child
+  validation, controlled menu state, package declarations, and public documentation before the
+  next release.
+- Updated dependencies [6683eb9]
+- Updated dependencies [ee7ba6c]
+- Updated dependencies [30eb232]
+  - @rcarls/rc-common@0.6.0
+## 0.5.0
+### Patch Changes
+- Updated dependencies [4ae2ef0]
+- Updated dependencies [689340c]
+  - @rcarls/rc-common@0.5.0
 ## 0.4.2
 ### Patch Changes

package/README.md CHANGED Viewed

@@ -15,7 +15,7 @@ npm install @rcarls/rc-dialog
 ## Import
 ```js
-import '@rcarls/rc-dialog';          // side-effect: registers <rc-dialog>
+import '@rcarls/rc-dialog'; // side-effect: registers <rc-dialog>
 import { RCDialog } from '@rcarls/rc-dialog'; // named class export
 ```
@@ -45,22 +45,22 @@ Place a `<dialog>` element directly inside `<rc-dialog>`. The inner `<dialog>` m
 ### Properties / attributes
-| Property | Attribute | Type | Default | Description |
-|---|---|---|---|---|
-| `open` | `open` | `boolean` | None | Controlled open state. Setting to `true`/`false` opens/closes the dialog silently (no `rc-dialog-toggle` event). Reads the inner `<dialog>.open` value. |
-| `defaultOpen` | `default-open` | `boolean` | `false` | Uncontrolled initial open state. The component takes ownership after initialization. |
-| `modal` | None | `boolean` | `true` | Whether controlled `open` / `defaultOpen` opens as modal (`showModal`) or non-modal (`show`). No effect on direct `showModal()` / `show()` calls. JS property only; no attribute. |
-| `movable` | `movable` | `boolean` | `false` | Enable drag-to-move. Named `movable` (not `draggable`) to avoid colliding with the HTML `draggable` attribute. |
-| `moveHandle` | `move-handle` | `string` | `''` | CSS selector for the drag handle within the inner `<dialog>` (for example, `'.titlebar'`). Defaults to the whole dialog. |
-| `moveBounds` | `move-bounds` | `'viewport' \| 'parent'` | `'viewport'` | Constrains drag within the viewport or the nearest positioned ancestor. |
-| `moveStep` | `move-step` | `number` | `4` | Keyboard arrow-key step in px when moving. Shift multiplies by 10×. |
-| `resize` | `resize` | `'none' \| 'both' \| 'horizontal' \| 'vertical'` | `'none'` | Enables edge/corner resizing, mirroring CSS `resize` semantics. |
-| `resizeOrigin` | `resize-origin` | `'' \| 'top' \| 'right' \| 'bottom' \| 'left' \| 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'` | `''` | Constrains fallback edge detection or supplies the default origin for explicit handles. Empty keeps free edge detection. |
-| `resizeHandle` | `resize-handle` | `string` | `''` | CSS selector for explicit resize handles within the inner `<dialog>`. Matching handles receive pointer and keyboard resize behavior. |
-| `resizeThreshold` | `resize-threshold` | `number` | `8` | Edge hit-test band in px (straddles the border, half inside and half outside). |
-| `resizeStep` | `resize-step` | `number` | `4` | Keyboard arrow-key step in px when resizing. Shift multiplies by 10×. |
-| `closedBy` | `closed-by` | `'any' \| 'closerequest' \| 'none' \| ''` | `''` | Proxied to the inner `<dialog closedby="...">` attribute (Chrome 134+, Safari 18.4+, Firefox 139+). `'any'` = Escape or backdrop click; `'closerequest'` = Escape only; `'none'` = programmatic only. |
-| `lightDismiss` | `light-dismiss` | `boolean` | `false` | JS fallback for backdrop-click dismissal. Detects clicks whose target is the `<dialog>` element itself and calls `requestClose()`. Works in all browsers alongside or instead of `closed-by`. |
+| Property          | Attribute          | Type                                                                                                           | Default      | Description                                                                                                                                                                                           |
+| ----------------- | ------------------ | -------------------------------------------------------------------------------------------------------------- | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `open`            | `open`             | `boolean`                                                                                                      | None         | Controlled open state. Setting to `true`/`false` opens/closes the dialog silently (no `rc-dialog-toggle` event). Reads the inner `<dialog>.open` value.                                               |
+| `defaultOpen`     | `default-open`     | `boolean`                                                                                                      | `false`      | Uncontrolled initial open state. The component takes ownership after initialization.                                                                                                                  |
+| `modal`           | None               | `boolean`                                                                                                      | `true`       | Whether controlled `open` / `defaultOpen` opens as modal (`showModal`) or non-modal (`show`). No effect on direct `showModal()` / `show()` calls. JS property only; no attribute.                     |
+| `movable`         | `movable`          | `boolean`                                                                                                      | `false`      | Enable drag-to-move. Named `movable` (not `draggable`) to avoid colliding with the HTML `draggable` attribute.                                                                                        |
+| `moveHandle`      | `move-handle`      | `string`                                                                                                       | `''`         | CSS selector for the drag handle within the inner `<dialog>` (for example, `'.titlebar'`). Defaults to the whole dialog.                                                                              |
+| `moveBounds`      | `move-bounds`      | `'viewport' \| 'parent'`                                                                                       | `'viewport'` | Constrains drag within the viewport or the nearest positioned ancestor.                                                                                                                               |
+| `moveStep`        | `move-step`        | `number`                                                                                                       | `4`          | Keyboard arrow-key step in px when moving. Shift multiplies by 10×.                                                                                                                                   |
+| `resize`          | `resize`           | `'none' \| 'both' \| 'horizontal' \| 'vertical'`                                                               | `'none'`     | Enables edge/corner resizing, mirroring CSS `resize` semantics.                                                                                                                                       |
+| `resizeOrigin`    | `resize-origin`    | `'' \| 'top' \| 'right' \| 'bottom' \| 'left' \| 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'` | `''`         | Constrains fallback edge detection or supplies the default origin for explicit handles. Empty keeps free edge detection.                                                                              |
+| `resizeHandle`    | `resize-handle`    | `string`                                                                                                       | `''`         | CSS selector for explicit resize handles within the inner `<dialog>`. Matching handles receive pointer and keyboard resize behavior.                                                                  |
+| `resizeThreshold` | `resize-threshold` | `number`                                                                                                       | `8`          | Edge hit-test band in px (straddles the border, half inside and half outside).                                                                                                                        |
+| `resizeStep`      | `resize-step`      | `number`                                                                                                       | `4`          | Keyboard arrow-key step in px when resizing. Shift multiplies by 10×.                                                                                                                                 |
+| `closedBy`        | `closed-by`        | `'any' \| 'closerequest' \| 'none' \| ''`                                                                      | `''`         | Proxied to the inner `<dialog closedby="...">` attribute (Chrome 134+, Safari 18.4+, Firefox 139+). `'any'` = Escape or backdrop click; `'closerequest'` = Escape only; `'none'` = programmatic only. |
+| `lightDismiss`    | `light-dismiss`    | `boolean`                                                                                                      | `false`      | JS fallback for backdrop-click dismissal. Detects clicks whose target is the `<dialog>` element itself and calls `requestClose()`. Works in all browsers alongside or instead of `closed-by`.         |
 ### Methods
@@ -77,19 +77,19 @@ requestClose(returnValue?): void
 ### Read-only getters
 ```ts
-open: boolean        // Whether the inner <dialog> is currently open.
-returnValue: string  // The return value set when the dialog last closed.
+open: boolean; // Whether the inner <dialog> is currently open.
+returnValue: string; // The return value set when the dialog last closed.
 ```
 ### Events
-| Event | Cancelable | Detail | Description |
-|---|---|---|---|
-| `rc-dialog-open` | No | None | Fired when the dialog opens via `showModal()` or `show()`. |
-| `rc-dialog-toggle` | No | `{ open: boolean, returnValue: string }` | Fired when user or native interaction changes the open state. Not fired on silent host writes (`open` property). |
-| `rc-dialog-request-close` | **Yes** | `{ returnValue: string }` | Fired before close (Escape, backdrop click, or `requestClose()`). Call `preventDefault()` to block. |
-| `rc-dialog-cancel` | No | None | Fired after `rc-dialog-request-close` when the close was not prevented. Backward-compatible alias. |
-| `rc-dialog-close` | No | `{ returnValue: string }` | Fired after the dialog has closed. |
+| Event                     | Cancelable | Detail                                   | Description                                                                                                      |
+| ------------------------- | ---------- | ---------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `rc-dialog-open`          | No         | None                                     | Fired when the dialog opens via `showModal()` or `show()`.                                                       |
+| `rc-dialog-toggle`        | No         | `{ open: boolean, returnValue: string }` | Fired when user or native interaction changes the open state. Not fired on silent host writes (`open` property). |
+| `rc-dialog-request-close` | **Yes**    | `{ returnValue: string }`                | Fired before close (Escape, backdrop click, or `requestClose()`). Call `preventDefault()` to block.              |
+| `rc-dialog-cancel`        | No         | None                                     | Fired after `rc-dialog-request-close` when the close was not prevented. Backward-compatible alias.               |
+| `rc-dialog-close`         | No         | `{ returnValue: string }`                | Fired after the dialog has closed.                                                                               |
 ---
@@ -123,9 +123,7 @@ Drag the `.titlebar` to reposition. Focus the titlebar and use **Arrow keys** to
 ```html
 <rc-dialog id="dlg" movable move-handle=".titlebar" resize="both">
-  <dialog aria-labelledby="dlg-title" style="min-width: 20rem; min-height: 10rem;">
-    …
-  </dialog>
+  <dialog aria-labelledby="dlg-title" style="min-width: 20rem; min-height: 10rem;">…</dialog>
 </rc-dialog>
 ```
@@ -160,11 +158,18 @@ No titlebar or footer structure is required. Any layout is valid.
 ```html
 <rc-dialog id="dlg">
-  <dialog aria-labelledby="dlg-title" aria-describedby="dlg-desc"
-          style="border-radius: 12px; padding: 2rem; position: relative;">
-    <button style="position:absolute;top:.5rem;right:.5rem;"
-            onclick="document.querySelector('#dlg').close()"
-            aria-label="Close">✕</button>
+  <dialog
+    aria-labelledby="dlg-title"
+    aria-describedby="dlg-desc"
+    style="border-radius: 12px; padding: 2rem; position: relative;"
+  >
+    <button
+      style="position:absolute;top:.5rem;right:.5rem;"
+      onclick="document.querySelector('#dlg').close()"
+      aria-label="Close"
+    >
+      ✕
+    </button>
     <h3 id="dlg-title">Quick note</h3>
     <p id="dlg-desc">Content here.</p>
   </dialog>
@@ -178,9 +183,7 @@ technology treats this with higher urgency.
 ```html
 <rc-dialog id="confirm">
-  <dialog role="alertdialog"
-          aria-labelledby="confirm-title"
-          aria-describedby="confirm-msg">
+  <dialog role="alertdialog" aria-labelledby="confirm-title" aria-describedby="confirm-msg">
     <div class="titlebar"><span id="confirm-title">Delete item?</span></div>
     <p id="confirm-msg">This action cannot be undone.</p>
     <div class="footer">
@@ -291,7 +294,7 @@ the body grows and the header/footer stay fixed:
 dialog[open] {
   display: flex;
   flex-direction: column;
-  overflow: hidden;   /* dialog box doesn't scroll; body does */
+  overflow: hidden; /* dialog box doesn't scroll; body does */
 }
 .dlg-header,
@@ -302,7 +305,7 @@ dialog[open] {
 .dlg-body {
   flex: 1;
   overflow: auto;
-  min-height: 0;      /* lets flex child shrink below content height */
+  min-height: 0; /* lets flex child shrink below content height */
 }
 ```
@@ -314,10 +317,10 @@ dialog[open] {
 ## Browser support
-| Feature | Requirement |
-|---|---|
-| Core (`<dialog>` delegation, events) | Chrome 37+, Firefox 98+, Safari 15.4+ |
-| Drag / resize | Any browser supporting Pointer Events |
-| `closed-by` attribute proxy | Chrome 134+, Safari 18.4+, Firefox 139+ |
-| `requestClose()` native method | Chrome 134+, Safari 18.4+, Firefox 139+ (fallback active on older browsers) |
-| `light-dismiss` JS fallback | All browsers |
+| Feature                              | Requirement                                                                 |
+| ------------------------------------ | --------------------------------------------------------------------------- |
+| Core (`<dialog>` delegation, events) | Chrome 37+, Firefox 98+, Safari 15.4+                                       |
+| Drag / resize                        | Any browser supporting Pointer Events                                       |
+| `closed-by` attribute proxy          | Chrome 134+, Safari 18.4+, Firefox 139+                                     |
+| `requestClose()` native method       | Chrome 134+, Safari 18.4+, Firefox 139+ (fallback active on older browsers) |
+| `light-dismiss` JS fallback          | All browsers                                                                |

package/dist/custom-elements.json CHANGED Viewed

@@ -182,7 +182,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Whether to open as modal with controlled open. Default: `true`."
+              "description": "Whether controlled open state uses `showModal()` instead of `show()`. JavaScript property only; no attribute is observed."
             },
             {
               "kind": "field",

package/dist/{rc-dialog-D9jUBKJn.js → rc-dialog-CPmkVy7u.js} RENAMED Viewed

@@ -241,6 +241,9 @@ o([
 o([
   r({ type: Boolean, attribute: "light-dismiss" })
 ], n.prototype, "lightDismiss", 2);
+o([
+  r({ attribute: !1 })
+], n.prototype, "modal", 2);
 o([
   r({ type: Boolean, attribute: "open", reflect: !0 })
 ], n.prototype, "open", 1);
@@ -250,4 +253,4 @@ o([
 export {
   n as R
 };
-//# sourceMappingURL=rc-dialog-D9jUBKJn.js.map
+//# sourceMappingURL=rc-dialog-CPmkVy7u.js.map

package/dist/rc-dialog-CPmkVy7u.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rc-dialog-CPmkVy7u.js","sources":["../src/rc-dialog.ts"],"sourcesContent":["import { LitElement, nothing, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport {\n DragController,\n NativeChildController,\n ResizeController,\n type ResizeDirection,\n type ResizeLifecycleDetail,\n type ResizeOrigin,\n warnMissingDirectChild,\n} from '@rcarls/rc-common';\n\n/** Detail shape for `rc-dialog-close` and `rc-dialog-request-close`. */\nexport interface RCDialogCloseEvent {\n returnValue: string;\n}\n\n/** Detail shape for `rc-dialog-toggle`. */\nexport interface RCDialogToggleEvent {\n open: boolean;\n returnValue: string;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rc-dialog': RCDialog;\n }\n\n interface HTMLElementEventMap {\n 'rc-dialog-open': CustomEvent<Record<string, never>>;\n 'rc-dialog-close': CustomEvent<RCDialogCloseEvent>;\n 'rc-dialog-request-close': CustomEvent<RCDialogCloseEvent>;\n 'rc-dialog-cancel': CustomEvent<Record<string, never>>;\n 'rc-dialog-toggle': CustomEvent<RCDialogToggleEvent>;\n }\n}\n\n/**\n * Draggable, resizable wrapper for a native <dialog>, following the WAI-ARIA Dialog Modal\n * pattern.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-dialog rc-dialog docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ WAI-ARIA Dialog Modal pattern}\n *\n * @slot - Place a `<dialog>` element with your content here.\n *\n * @fires rc-dialog-open - Fired when the dialog opens via `showModal()` or `show()`.\n * @fires rc-dialog-toggle - Fired when user/native interaction changes open state.\n * @fires rc-dialog-request-close - Fired before the dialog closes (cancellable).\n * @fires rc-dialog-cancel - Mirrors the inner `<dialog>` cancel event when the\n * close was not prevented. Backward-compatible alias for `rc-dialog-request-close`.\n * @fires rc-dialog-close - Mirrors the inner `<dialog>` close event.\n * `detail: { returnValue: string }`\n *\n * @attr open - Controlled open state. Reads the inner `<dialog>.open` value.\n * @attr default-open - Initial uncontrolled open state.\n * @attr movable - Allow the dialog to be moved by dragging.\n * @attr move-handle - CSS selector (within the inner `<dialog>`) for the drag handle element.\n * @attr move-bounds - Bounds constraint for movement: `viewport` or `parent`.\n * @attr move-step - Keyboard arrow-key step in px for moving.\n * @attr resize - Enable resizing, mirroring the CSS `resize` property values.\n * @attr resize-origin - Origin for resize edge hit-testing or explicit handles.\n * @attr resize-handle - CSS selector, scoped to the inner `<dialog>`, for one or more explicit\n * resize handles.\n * @attr resize-threshold - Edge hit-test thickness in px for resize detection.\n * @attr resize-step - Keyboard arrow-key step in px for resizing.\n * @attr closed-by - Proxied to the inner `<dialog closedby=\"...\">` attribute.\n * @attr light-dismiss - When present and the dialog is modal, a click on the backdrop area calls\n * `requestClose()`.\n * @prop modal - Whether controlled open state uses `showModal()` instead of `show()`.\n * JavaScript property only; no attribute is observed.\n *\n * @cssprop [--rc-dialog-scrim=color-mix(in srgb, CanvasText 32%, transparent)] - Modal backdrop color.\n *\n */\nexport class RCDialog extends LitElement {\n override createRenderRoot() {\n return this;\n }\n\n /**\n * Allow the dialog to be moved by dragging.\n *\n * Use `move-handle` to restrict dragging to a specific child\n * element (e.g. a titlebar).\n */\n @property({ type: Boolean, reflect: true })\n movable = false;\n\n /** CSS selector (within the inner `<dialog>`) for the drag handle element. */\n @property({ type: String, attribute: 'move-handle' })\n moveHandle = '';\n\n /** Bounds constraint for movement. */\n @property({ type: String, attribute: 'move-bounds' })\n moveBounds: 'viewport' | 'parent' = 'viewport';\n\n /** Keyboard arrow-key step in px for moving. */\n @property({ type: Number, attribute: 'move-step' })\n moveStep = 4;\n\n /** Enable resizing, mirroring the CSS `resize` property values. */\n @property({ type: String, reflect: true })\n resize: 'none' | 'both' | 'horizontal' | 'vertical' = 'none';\n\n /**\n * Origin for resize edge hit-testing or explicit handles.\n *\n * Empty preserves the historical free edge-detection behavior.\n */\n @property({ type: String, attribute: 'resize-origin' })\n resizeOrigin: ResizeOrigin = '';\n\n /**\n * CSS selector, scoped to the inner `<dialog>`, for one or more explicit\n * resize handles.\n *\n * Handles may override host behavior with:\n * - `data-rc-dialog-resize-axis=\"x|y|both\"`\n * - `data-rc-dialog-resize-origin=\"top|right|bottom|left|top-left|...\"`\n */\n @property({ type: String, attribute: 'resize-handle' })\n resizeHandle = '';\n\n /** Edge hit-test thickness in px for resize detection. */\n @property({ type: Number, attribute: 'resize-threshold' })\n resizeThreshold = 8;\n\n /** Keyboard arrow-key step in px for resizing. */\n @property({ type: Number, attribute: 'resize-step' })\n resizeStep = 4;\n\n /**\n * Proxied to the inner `<dialog closedby=\"...\">` attribute.\n *\n * Progressive enhancement, no-op in older browsers.\n *\n * - `'any'` — Escape OR backdrop click closes the dialog.\n * - `'closerequest'` — Escape only (browser default for modal dialogs).\n * - `'none'` — Only programmatic `close()` / `requestClose()`.\n * - `''` — Attribute absent; use `light-dismiss` for JS fallback.\n */\n @property({ type: String, attribute: 'closed-by', reflect: true })\n closedBy: 'any' | 'closerequest' | 'none' | '' = '';\n\n /**\n * When true and the dialog is modal, a click on the backdrop area calls\n * `requestClose()`.\n */\n @property({ type: Boolean, attribute: 'light-dismiss' })\n lightDismiss = false;\n\n /**\n * Whether to open as modal with controlled open. Default: `true`.\n */\n @property({ attribute: false })\n modal = true;\n\n /** The inner `<dialog>` element, resolved from the direct light-DOM child. */\n protected get _$dialog(): HTMLDialogElement | null {\n return this._dialogController.child;\n }\n\n private _controlledOpen: boolean | undefined = undefined;\n private _defaultOpen = false;\n protected readonly _dialogController = new NativeChildController<HTMLDialogElement>(this, {\n selector: ':scope > dialog',\n observe: true,\n onChange: ($dialog) => this._setupDialog($dialog),\n onMissing: () => {\n if (import.meta.env.DEV) {\n warnMissingDirectChild(this, {\n selector: ':scope > dialog',\n message:\n '[rc-dialog] No direct child <dialog> found. Place a native <dialog> inside <rc-dialog>.',\n });\n }\n },\n });\n\n // Tracks which <dialog> has its listeners wired; used by _teardownDialog to\n // remove listeners even after the element is removed from the DOM.\n protected _$wired: WeakRef<HTMLDialogElement> | null = null;\n protected _suppressNextCloseToggle = false;\n\n /** The element that had focus when the dialog was opened; restored on close. */\n protected _$opener: Element | null = null;\n\n /** Whether the inner `<dialog>` is currently open. Host writes update silently. */\n @property({ type: Boolean, attribute: 'open', reflect: true })\n get open(): boolean {\n return this._$dialog?.open ?? false;\n }\n\n set open(value: boolean | undefined) {\n const oldValue = this._controlledOpen;\n\n this._controlledOpen = value;\n\n if (value !== undefined) {\n this._applyOpen(value, true, this.modal);\n }\n\n this.requestUpdate('open', oldValue);\n }\n\n /** Initial uncontrolled open state. */\n @property({ type: Boolean, attribute: 'default-open' })\n get defaultOpen(): boolean {\n return this._defaultOpen;\n }\n\n set defaultOpen(value: boolean) {\n const oldValue = this._defaultOpen;\n\n this._defaultOpen = value;\n\n if (this._controlledOpen === undefined && value && this.isConnected) {\n this._applyOpen(true, true, this.modal);\n }\n\n this.requestUpdate('defaultOpen', oldValue);\n }\n\n /** The return value set when the dialog was closed. */\n get returnValue(): string {\n return this._$dialog?.returnValue ?? '';\n }\n\n /** Opens the inner `<dialog>` as a modal and fires `rc-dialog-open`. */\n showModal(): void {\n if (this._applyOpen(true, false, true)) {\n this.dispatchEvent(new CustomEvent('rc-dialog-open', { bubbles: true, composed: true }));\n this._dispatchToggle(true);\n }\n }\n\n /**\n * Opens the inner `<dialog>` (non-modal) and fires `rc-dialog-open`.\n */\n show(): void {\n if (this._applyOpen(true, false, false)) {\n this.dispatchEvent(new CustomEvent('rc-dialog-open', { bubbles: true, composed: true }));\n this._dispatchToggle(true);\n }\n }\n\n /** Closes the inner `<dialog>`, optionally setting a return value. */\n close(returnValue?: string): void {\n this._$dialog?.close(returnValue);\n }\n\n /**\n * Requests the inner `<dialog>` to close, firing a cancelable `cancel` event\n * first.\n */\n requestClose(returnValue?: string): void {\n const $dialog = this._$dialog;\n\n if (!$dialog) {\n return;\n }\n\n if ('requestClose' in $dialog && typeof $dialog.requestClose === 'function') {\n $dialog.requestClose(returnValue);\n } else {\n // Synthesize a cancelable cancel event; _onCancel fires rc-dialog-request-close.\n // If not prevented, _onCancel does not call $dlg.close() — we do it here.\n const ev = new Event('cancel', { cancelable: true, bubbles: false });\n const prevented = !$dialog.dispatchEvent(ev);\n\n if (!prevented) {\n $dialog.close(returnValue);\n }\n }\n }\n\n override render() {\n return nothing;\n }\n\n override firstUpdated() {\n this._dialogController.sync();\n }\n\n /** Wires event listeners, drag/resize controllers, and initial open state for the inner `<dialog>`. */\n protected _setupDialog($dialog: HTMLDialogElement | null = this._$dialog) {\n if (!$dialog) {\n this._teardownDialog();\n\n return;\n }\n\n if (this._$wired?.deref() === $dialog) {\n return;\n }\n\n this._teardownDialog();\n this._$wired = new WeakRef($dialog);\n\n if (import.meta.env.DEV) {\n const hasLabel =\n $dialog.hasAttribute('aria-labelledby') || $dialog.hasAttribute('aria-label');\n\n if (!hasLabel) {\n console.warn(\n '[rc-dialog] The inner <dialog> is missing aria-labelledby or ' +\n 'aria-label. Add one to satisfy the ARIA dialog pattern.',\n $dialog,\n );\n }\n\n if (\n $dialog.getAttribute('role') === 'alertdialog' &&\n !$dialog.hasAttribute('aria-describedby')\n ) {\n console.warn(\n '[rc-dialog] <dialog role=\"alertdialog\"> should have aria-describedby ' +\n 'pointing to the alert message text.',\n $dialog,\n );\n }\n\n if (!$dialog.querySelector('button:not([disabled])')) {\n console.warn(\n '[rc-dialog] No enabled <button> found inside <dialog>. APG recommends ' +\n 'including a visible close button in the tab sequence.',\n $dialog,\n );\n }\n }\n\n $dialog.addEventListener('close', this._onClose);\n $dialog.addEventListener('cancel', this._onCancel);\n\n if (this.lightDismiss && 'closedBy' in HTMLDialogElement.prototype) {\n $dialog.setAttribute('closedby', 'any');\n } else if (this.lightDismiss) {\n $dialog.addEventListener('click', this._onBackdropClick);\n } else {\n if (this.closedBy) {\n $dialog.setAttribute('closedby', this.closedBy);\n }\n }\n\n if (this.movable || this.moveHandle) {\n const $handle = this.moveHandle\n ? ($dialog.querySelector<Element>(this.moveHandle) ?? $dialog)\n : $dialog;\n\n new DragController(this, {\n target: $dialog,\n handle: $handle,\n bounds: this.moveBounds,\n step: this.moveStep,\n });\n }\n\n if (this.resize !== 'none') {\n const $handles = this._resizeHandles($dialog);\n\n if ($handles.length > 0) {\n for (const $handle of $handles) {\n // TODO: add a separate resize-bounds attribute; moveBounds is a proxy for now.\n new ResizeController(this, {\n target: $dialog,\n direction: this._resizeDirectionForHandle($handle),\n handle: $handle,\n origin: this._resizeOriginForHandle($handle),\n threshold: this.resizeThreshold,\n step: this.resizeStep,\n bounds: this.moveBounds,\n onResizeStart: (detail) => this._onResizeStart(detail),\n onResize: (detail) => this._onResize(detail),\n onResizeEnd: (detail) => this._onResizeEnd(detail),\n });\n }\n } else {\n // TODO: add a separate resize-bounds attribute; moveBounds is a proxy for now.\n new ResizeController(this, {\n target: $dialog,\n direction: this.resize,\n origin: this.resizeOrigin,\n threshold: this.resizeThreshold,\n step: this.resizeStep,\n bounds: this.moveBounds,\n onResizeStart: (detail) => this._onResizeStart(detail),\n onResize: (detail) => this._onResize(detail),\n onResizeEnd: (detail) => this._onResizeEnd(detail),\n });\n }\n }\n\n if (this._controlledOpen !== undefined) {\n this._applyOpen(this._controlledOpen, true, this.modal);\n } else if (this.defaultOpen) {\n this._applyOpen(true, true, this.modal);\n }\n }\n\n override updated(changed: PropertyValues) {\n const $dialog = this._$dialog;\n\n if (!$dialog) {\n return;\n }\n\n if (changed.has('closedBy')) {\n if (this.closedBy) {\n $dialog.setAttribute('closedby', this.closedBy);\n } else {\n $dialog.removeAttribute('closedby');\n }\n }\n\n if (changed.has('lightDismiss')) {\n if (this.lightDismiss && 'closedBy' in HTMLDialogElement.prototype) {\n // Native support available — delegate to closedby=\"any\" instead of JS handler.\n $dialog.setAttribute('closedby', 'any');\n $dialog.removeEventListener('click', this._onBackdropClick);\n } else if (this.lightDismiss) {\n $dialog.addEventListener('click', this._onBackdropClick);\n } else {\n $dialog.removeEventListener('click', this._onBackdropClick);\n\n if (this.closedBy) {\n $dialog.setAttribute('closedby', this.closedBy);\n } else {\n $dialog.removeAttribute('closedby');\n }\n }\n }\n }\n\n override disconnectedCallback() {\n this._teardownDialog();\n\n super.disconnectedCallback();\n }\n\n /** Removes all event listeners attached to the inner `<dialog>` and clears cached state. */\n protected _teardownDialog(): void {\n const $dialog = this._$wired?.deref();\n\n if (!$dialog) {\n return;\n }\n\n $dialog.removeEventListener('close', this._onClose);\n $dialog.removeEventListener('cancel', this._onCancel);\n $dialog.removeEventListener('click', this._onBackdropClick);\n\n this._$wired = null;\n this._$opener = null;\n }\n\n protected _onClose = () => {\n // Restore focus to the element that triggered the open, per APG focus management.\n if (this._$opener instanceof HTMLElement) {\n if (this._$opener.isConnected) {\n this._$opener.focus();\n } else {\n // Opener was removed from the DOM while the dialog was open; fall back\n // to body so focus is not left stranded.\n document.body.focus();\n }\n }\n\n this._$opener = null;\n\n this.dispatchEvent(\n new CustomEvent('rc-dialog-close', {\n bubbles: true,\n composed: true,\n detail: { returnValue: this.returnValue },\n }),\n );\n\n if (!this._suppressNextCloseToggle) {\n this._dispatchToggle(false);\n }\n\n this._suppressNextCloseToggle = false;\n this.requestUpdate('open');\n };\n\n /**\n * Intercepts the native `cancel` event.\n */\n protected _onCancel = (e: Event) => {\n const requestCloseEvent = new CustomEvent('rc-dialog-request-close', {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: { returnValue: this.returnValue },\n });\n const prevented = !this.dispatchEvent(requestCloseEvent);\n\n if (prevented) {\n e.preventDefault();\n } else {\n this.dispatchEvent(new CustomEvent('rc-dialog-cancel', { bubbles: true, composed: true }));\n }\n };\n\n /**\n * Detects backdrop clicks.\n */\n protected _onBackdropClick = (e: MouseEvent) => {\n if (e.target === this._$dialog) {\n this.requestClose();\n }\n };\n\n /** Hook for subclasses to respond when a resize gesture begins. */\n protected _onResizeStart(_detail: ResizeLifecycleDetail): void {}\n\n /** Hook for subclasses to respond to each resize update during an active gesture. */\n protected _onResize(_detail: ResizeLifecycleDetail): void {}\n\n /** Hook for subclasses to respond after a resize gesture has settled. */\n protected _onResizeEnd(_detail: ResizeLifecycleDetail): void {}\n\n protected _resizeHandles($dialog: HTMLDialogElement): Element[] {\n if (!this.resizeHandle) {\n return [];\n }\n\n try {\n return [...$dialog.querySelectorAll(this.resizeHandle)];\n } catch {\n if (import.meta.env.DEV) {\n console.warn('[rc-dialog] Invalid resize-handle selector.', this.resizeHandle);\n }\n\n return [];\n }\n }\n\n protected _resizeDirectionForHandle($handle: Element): ResizeDirection {\n const axis = $handle.getAttribute('data-rc-dialog-resize-axis');\n\n switch (axis) {\n case 'x':\n return 'horizontal';\n case 'y':\n return 'vertical';\n case 'both':\n return 'both';\n default:\n return this.resize;\n }\n }\n\n protected _resizeOriginForHandle($handle: Element): ResizeOrigin {\n return (\n ($handle.getAttribute('data-rc-dialog-resize-origin') as ResizeOrigin | null) ??\n this.resizeOrigin\n );\n }\n\n /**\n * Opens or closes the inner `<dialog>` and returns `true` if state actually changed.\n *\n * @param open - whether to open (`true`) or close (`false`)\n * @param silent - when `true`, suppresses the outgoing `rc-dialog-toggle` event\n * @param modal - whether to call `showModal()` (`true`) or `show()` (`false`)\n */\n protected _applyOpen(open: boolean, silent: boolean, modal = true): boolean {\n const $dialog = this._$dialog;\n\n if (!$dialog) {\n return false;\n }\n\n if (open) {\n if ($dialog.open) {\n return false;\n }\n\n // Capture focus owner before the dialog steals it, so we can restore on close.\n this._$opener = document.activeElement;\n modal ? $dialog.showModal() : $dialog.show();\n this.requestUpdate('open');\n\n return true;\n }\n\n if (!$dialog.open) {\n return false;\n }\n\n this._suppressNextCloseToggle = silent;\n $dialog.close();\n this.requestUpdate('open');\n\n return true;\n }\n\n /** Dispatches `rc-dialog-toggle` with the current open state and return value. */\n protected _dispatchToggle(open: boolean): void {\n this.dispatchEvent(\n new CustomEvent('rc-dialog-toggle', {\n bubbles: true,\n composed: true,\n detail: { open, returnValue: this.returnValue },\n }),\n );\n }\n}\n\nexport default RCDialog;\n"],"names":["RCDialog","LitElement","NativeChildController","$dialog","requestCloseEvent","value","oldValue","returnValue","ev","nothing","$handle","DragController","$handles","ResizeController","detail","changed","_detail","open","silent","modal","__decorateClass","property"],"mappings":"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"}

package/dist/rc-dialog-define.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as e } from "./rc-dialog-D9jUBKJn.js";
+import { R as e } from "./rc-dialog-CPmkVy7u.js";
 customElements.get("rc-dialog") || customElements.define("rc-dialog", e);
 export {
   e as RCDialog

package/dist/rc-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as r } from "./rc-dialog-D9jUBKJn.js";
+import { R as r } from "./rc-dialog-CPmkVy7u.js";
 export {
   r as RCDialog
 };

package/dist/types/packages/rc-dialog/src/rc-dialog.d.ts CHANGED Viewed

@@ -53,6 +53,8 @@ declare global {
  * @attr closed-by - Proxied to the inner `<dialog closedby="...">` attribute.
  * @attr light-dismiss - When present and the dialog is modal, a click on the backdrop area calls
  *   `requestClose()`.
+ * @prop modal - Whether controlled open state uses `showModal()` instead of `show()`.
+ *   JavaScript property only; no attribute is observed.
  *
  * @cssprop [--rc-dialog-scrim=color-mix(in srgb, CanvasText 32%, transparent)] - Modal backdrop color.
  *

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.4.2",
+  "version": "0.6.0",
   "description": "Draggable, resizable wrapper for a native <dialog>.",
   "repository": {
     "type": "git",
@@ -45,7 +45,7 @@
     "test:browser:firefox": "vitest --run --project=firefox"
   },
   "dependencies": {
-    "@rcarls/rc-common": "0.4.2"
+    "@rcarls/rc-common": "0.6.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.11.0",

package/dist/rc-dialog-D9jUBKJn.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"rc-dialog-D9jUBKJn.js","sources":["../src/rc-dialog.ts"],"sourcesContent":["import { LitElement, nothing, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport {\n DragController,\n NativeChildController,\n ResizeController,\n type ResizeDirection,\n type ResizeLifecycleDetail,\n type ResizeOrigin,\n warnMissingDirectChild,\n} from '@rcarls/rc-common';\n\n/** Detail shape for `rc-dialog-close` and `rc-dialog-request-close`. */\nexport interface RCDialogCloseEvent {\n returnValue: string;\n}\n\n/** Detail shape for `rc-dialog-toggle`. */\nexport interface RCDialogToggleEvent {\n open: boolean;\n returnValue: string;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rc-dialog': RCDialog;\n }\n\n interface HTMLElementEventMap {\n 'rc-dialog-open': CustomEvent<Record<string, never>>;\n 'rc-dialog-close': CustomEvent<RCDialogCloseEvent>;\n 'rc-dialog-request-close': CustomEvent<RCDialogCloseEvent>;\n 'rc-dialog-cancel': CustomEvent<Record<string, never>>;\n 'rc-dialog-toggle': CustomEvent<RCDialogToggleEvent>;\n }\n}\n\n/**\n * Draggable, resizable wrapper for a native <dialog>, following the WAI-ARIA Dialog Modal\n * pattern.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-dialog rc-dialog docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ WAI-ARIA Dialog Modal pattern}\n *\n * @slot - Place a `<dialog>` element with your content here.\n *\n * @fires rc-dialog-open - Fired when the dialog opens via `showModal()` or `show()`.\n * @fires rc-dialog-toggle - Fired when user/native interaction changes open state.\n * @fires rc-dialog-request-close - Fired before the dialog closes (cancellable).\n * @fires rc-dialog-cancel - Mirrors the inner `<dialog>` cancel event when the\n * close was not prevented. Backward-compatible alias for `rc-dialog-request-close`.\n * @fires rc-dialog-close - Mirrors the inner `<dialog>` close event.\n * `detail: { returnValue: string }`\n *\n * @attr open - Controlled open state. Reads the inner `<dialog>.open` value.\n * @attr default-open - Initial uncontrolled open state.\n * @attr movable - Allow the dialog to be moved by dragging.\n * @attr move-handle - CSS selector (within the inner `<dialog>`) for the drag handle element.\n * @attr move-bounds - Bounds constraint for movement: `viewport` or `parent`.\n * @attr move-step - Keyboard arrow-key step in px for moving.\n * @attr resize - Enable resizing, mirroring the CSS `resize` property values.\n * @attr resize-origin - Origin for resize edge hit-testing or explicit handles.\n * @attr resize-handle - CSS selector, scoped to the inner `<dialog>`, for one or more explicit\n * resize handles.\n * @attr resize-threshold - Edge hit-test thickness in px for resize detection.\n * @attr resize-step - Keyboard arrow-key step in px for resizing.\n * @attr closed-by - Proxied to the inner `<dialog closedby=\"...\">` attribute.\n * @attr light-dismiss - When present and the dialog is modal, a click on the backdrop area calls\n * `requestClose()`.\n *\n * @cssprop [--rc-dialog-scrim=color-mix(in srgb, CanvasText 32%, transparent)] - Modal backdrop color.\n *\n */\nexport class RCDialog extends LitElement {\n override createRenderRoot() {\n return this;\n }\n\n /**\n * Allow the dialog to be moved by dragging.\n *\n * Use `move-handle` to restrict dragging to a specific child\n * element (e.g. a titlebar).\n */\n @property({ type: Boolean, reflect: true })\n movable = false;\n\n /** CSS selector (within the inner `<dialog>`) for the drag handle element. */\n @property({ type: String, attribute: 'move-handle' })\n moveHandle = '';\n\n /** Bounds constraint for movement. */\n @property({ type: String, attribute: 'move-bounds' })\n moveBounds: 'viewport' | 'parent' = 'viewport';\n\n /** Keyboard arrow-key step in px for moving. */\n @property({ type: Number, attribute: 'move-step' })\n moveStep = 4;\n\n /** Enable resizing, mirroring the CSS `resize` property values. */\n @property({ type: String, reflect: true })\n resize: 'none' | 'both' | 'horizontal' | 'vertical' = 'none';\n\n /**\n * Origin for resize edge hit-testing or explicit handles.\n *\n * Empty preserves the historical free edge-detection behavior.\n */\n @property({ type: String, attribute: 'resize-origin' })\n resizeOrigin: ResizeOrigin = '';\n\n /**\n * CSS selector, scoped to the inner `<dialog>`, for one or more explicit\n * resize handles.\n *\n * Handles may override host behavior with:\n * - `data-rc-dialog-resize-axis=\"x|y|both\"`\n * - `data-rc-dialog-resize-origin=\"top|right|bottom|left|top-left|...\"`\n */\n @property({ type: String, attribute: 'resize-handle' })\n resizeHandle = '';\n\n /** Edge hit-test thickness in px for resize detection. */\n @property({ type: Number, attribute: 'resize-threshold' })\n resizeThreshold = 8;\n\n /** Keyboard arrow-key step in px for resizing. */\n @property({ type: Number, attribute: 'resize-step' })\n resizeStep = 4;\n\n /**\n * Proxied to the inner `<dialog closedby=\"...\">` attribute.\n *\n * Progressive enhancement, no-op in older browsers.\n *\n * - `'any'` — Escape OR backdrop click closes the dialog.\n * - `'closerequest'` — Escape only (browser default for modal dialogs).\n * - `'none'` — Only programmatic `close()` / `requestClose()`.\n * - `''` — Attribute absent; use `light-dismiss` for JS fallback.\n */\n @property({ type: String, attribute: 'closed-by', reflect: true })\n closedBy: 'any' | 'closerequest' | 'none' | '' = '';\n\n /**\n * When true and the dialog is modal, a click on the backdrop area calls\n * `requestClose()`.\n */\n @property({ type: Boolean, attribute: 'light-dismiss' })\n lightDismiss = false;\n\n /**\n * Whether to open as modal with controlled open. Default: `true`.\n */\n modal = true;\n\n /** The inner `<dialog>` element, resolved from the direct light-DOM child. */\n protected get _$dialog(): HTMLDialogElement | null {\n return this._dialogController.child;\n }\n\n private _controlledOpen: boolean | undefined = undefined;\n private _defaultOpen = false;\n protected readonly _dialogController = new NativeChildController<HTMLDialogElement>(this, {\n selector: ':scope > dialog',\n observe: true,\n onChange: ($dialog) => this._setupDialog($dialog),\n onMissing: () => {\n if (import.meta.env.DEV) {\n warnMissingDirectChild(this, {\n selector: ':scope > dialog',\n message:\n '[rc-dialog] No direct child <dialog> found. Place a native <dialog> inside <rc-dialog>.',\n });\n }\n },\n });\n\n // Tracks which <dialog> has its listeners wired; used by _teardownDialog to\n // remove listeners even after the element is removed from the DOM.\n protected _$wired: WeakRef<HTMLDialogElement> | null = null;\n protected _suppressNextCloseToggle = false;\n\n /** The element that had focus when the dialog was opened; restored on close. */\n protected _$opener: Element | null = null;\n\n /** Whether the inner `<dialog>` is currently open. Host writes update silently. */\n @property({ type: Boolean, attribute: 'open', reflect: true })\n get open(): boolean {\n return this._$dialog?.open ?? false;\n }\n\n set open(value: boolean | undefined) {\n const oldValue = this._controlledOpen;\n\n this._controlledOpen = value;\n\n if (value !== undefined) {\n this._applyOpen(value, true, this.modal);\n }\n\n this.requestUpdate('open', oldValue);\n }\n\n /** Initial uncontrolled open state. */\n @property({ type: Boolean, attribute: 'default-open' })\n get defaultOpen(): boolean {\n return this._defaultOpen;\n }\n\n set defaultOpen(value: boolean) {\n const oldValue = this._defaultOpen;\n\n this._defaultOpen = value;\n\n if (this._controlledOpen === undefined && value && this.isConnected) {\n this._applyOpen(true, true, this.modal);\n }\n\n this.requestUpdate('defaultOpen', oldValue);\n }\n\n /** The return value set when the dialog was closed. */\n get returnValue(): string {\n return this._$dialog?.returnValue ?? '';\n }\n\n /** Opens the inner `<dialog>` as a modal and fires `rc-dialog-open`. */\n showModal(): void {\n if (this._applyOpen(true, false, true)) {\n this.dispatchEvent(new CustomEvent('rc-dialog-open', { bubbles: true, composed: true }));\n this._dispatchToggle(true);\n }\n }\n\n /**\n * Opens the inner `<dialog>` (non-modal) and fires `rc-dialog-open`.\n */\n show(): void {\n if (this._applyOpen(true, false, false)) {\n this.dispatchEvent(new CustomEvent('rc-dialog-open', { bubbles: true, composed: true }));\n this._dispatchToggle(true);\n }\n }\n\n /** Closes the inner `<dialog>`, optionally setting a return value. */\n close(returnValue?: string): void {\n this._$dialog?.close(returnValue);\n }\n\n /**\n * Requests the inner `<dialog>` to close, firing a cancelable `cancel` event\n * first.\n */\n requestClose(returnValue?: string): void {\n const $dialog = this._$dialog;\n\n if (!$dialog) {\n return;\n }\n\n if ('requestClose' in $dialog && typeof $dialog.requestClose === 'function') {\n $dialog.requestClose(returnValue);\n } else {\n // Synthesize a cancelable cancel event; _onCancel fires rc-dialog-request-close.\n // If not prevented, _onCancel does not call $dlg.close() — we do it here.\n const ev = new Event('cancel', { cancelable: true, bubbles: false });\n const prevented = !$dialog.dispatchEvent(ev);\n\n if (!prevented) {\n $dialog.close(returnValue);\n }\n }\n }\n\n override render() {\n return nothing;\n }\n\n override firstUpdated() {\n this._dialogController.sync();\n }\n\n /** Wires event listeners, drag/resize controllers, and initial open state for the inner `<dialog>`. */\n protected _setupDialog($dialog: HTMLDialogElement | null = this._$dialog) {\n if (!$dialog) {\n this._teardownDialog();\n\n return;\n }\n\n if (this._$wired?.deref() === $dialog) {\n return;\n }\n\n this._teardownDialog();\n this._$wired = new WeakRef($dialog);\n\n if (import.meta.env.DEV) {\n const hasLabel =\n $dialog.hasAttribute('aria-labelledby') || $dialog.hasAttribute('aria-label');\n\n if (!hasLabel) {\n console.warn(\n '[rc-dialog] The inner <dialog> is missing aria-labelledby or ' +\n 'aria-label. Add one to satisfy the ARIA dialog pattern.',\n $dialog,\n );\n }\n\n if (\n $dialog.getAttribute('role') === 'alertdialog' &&\n !$dialog.hasAttribute('aria-describedby')\n ) {\n console.warn(\n '[rc-dialog] <dialog role=\"alertdialog\"> should have aria-describedby ' +\n 'pointing to the alert message text.',\n $dialog,\n );\n }\n\n if (!$dialog.querySelector('button:not([disabled])')) {\n console.warn(\n '[rc-dialog] No enabled <button> found inside <dialog>. APG recommends ' +\n 'including a visible close button in the tab sequence.',\n $dialog,\n );\n }\n }\n\n $dialog.addEventListener('close', this._onClose);\n $dialog.addEventListener('cancel', this._onCancel);\n\n if (this.lightDismiss && 'closedBy' in HTMLDialogElement.prototype) {\n $dialog.setAttribute('closedby', 'any');\n } else if (this.lightDismiss) {\n $dialog.addEventListener('click', this._onBackdropClick);\n } else {\n if (this.closedBy) {\n $dialog.setAttribute('closedby', this.closedBy);\n }\n }\n\n if (this.movable || this.moveHandle) {\n const $handle = this.moveHandle\n ? ($dialog.querySelector<Element>(this.moveHandle) ?? $dialog)\n : $dialog;\n\n new DragController(this, {\n target: $dialog,\n handle: $handle,\n bounds: this.moveBounds,\n step: this.moveStep,\n });\n }\n\n if (this.resize !== 'none') {\n const $handles = this._resizeHandles($dialog);\n\n if ($handles.length > 0) {\n for (const $handle of $handles) {\n // TODO: add a separate resize-bounds attribute; moveBounds is a proxy for now.\n new ResizeController(this, {\n target: $dialog,\n direction: this._resizeDirectionForHandle($handle),\n handle: $handle,\n origin: this._resizeOriginForHandle($handle),\n threshold: this.resizeThreshold,\n step: this.resizeStep,\n bounds: this.moveBounds,\n onResizeStart: (detail) => this._onResizeStart(detail),\n onResize: (detail) => this._onResize(detail),\n onResizeEnd: (detail) => this._onResizeEnd(detail),\n });\n }\n } else {\n // TODO: add a separate resize-bounds attribute; moveBounds is a proxy for now.\n new ResizeController(this, {\n target: $dialog,\n direction: this.resize,\n origin: this.resizeOrigin,\n threshold: this.resizeThreshold,\n step: this.resizeStep,\n bounds: this.moveBounds,\n onResizeStart: (detail) => this._onResizeStart(detail),\n onResize: (detail) => this._onResize(detail),\n onResizeEnd: (detail) => this._onResizeEnd(detail),\n });\n }\n }\n\n if (this._controlledOpen !== undefined) {\n this._applyOpen(this._controlledOpen, true, this.modal);\n } else if (this.defaultOpen) {\n this._applyOpen(true, true, this.modal);\n }\n }\n\n override updated(changed: PropertyValues) {\n const $dialog = this._$dialog;\n\n if (!$dialog) {\n return;\n }\n\n if (changed.has('closedBy')) {\n if (this.closedBy) {\n $dialog.setAttribute('closedby', this.closedBy);\n } else {\n $dialog.removeAttribute('closedby');\n }\n }\n\n if (changed.has('lightDismiss')) {\n if (this.lightDismiss && 'closedBy' in HTMLDialogElement.prototype) {\n // Native support available — delegate to closedby=\"any\" instead of JS handler.\n $dialog.setAttribute('closedby', 'any');\n $dialog.removeEventListener('click', this._onBackdropClick);\n } else if (this.lightDismiss) {\n $dialog.addEventListener('click', this._onBackdropClick);\n } else {\n $dialog.removeEventListener('click', this._onBackdropClick);\n\n if (this.closedBy) {\n $dialog.setAttribute('closedby', this.closedBy);\n } else {\n $dialog.removeAttribute('closedby');\n }\n }\n }\n }\n\n override disconnectedCallback() {\n this._teardownDialog();\n\n super.disconnectedCallback();\n }\n\n /** Removes all event listeners attached to the inner `<dialog>` and clears cached state. */\n protected _teardownDialog(): void {\n const $dialog = this._$wired?.deref();\n\n if (!$dialog) {\n return;\n }\n\n $dialog.removeEventListener('close', this._onClose);\n $dialog.removeEventListener('cancel', this._onCancel);\n $dialog.removeEventListener('click', this._onBackdropClick);\n\n this._$wired = null;\n this._$opener = null;\n }\n\n protected _onClose = () => {\n // Restore focus to the element that triggered the open, per APG focus management.\n if (this._$opener instanceof HTMLElement) {\n if (this._$opener.isConnected) {\n this._$opener.focus();\n } else {\n // Opener was removed from the DOM while the dialog was open; fall back\n // to body so focus is not left stranded.\n document.body.focus();\n }\n }\n\n this._$opener = null;\n\n this.dispatchEvent(\n new CustomEvent('rc-dialog-close', {\n bubbles: true,\n composed: true,\n detail: { returnValue: this.returnValue },\n }),\n );\n\n if (!this._suppressNextCloseToggle) {\n this._dispatchToggle(false);\n }\n\n this._suppressNextCloseToggle = false;\n this.requestUpdate('open');\n };\n\n /**\n * Intercepts the native `cancel` event.\n */\n protected _onCancel = (e: Event) => {\n const requestCloseEvent = new CustomEvent('rc-dialog-request-close', {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: { returnValue: this.returnValue },\n });\n const prevented = !this.dispatchEvent(requestCloseEvent);\n\n if (prevented) {\n e.preventDefault();\n } else {\n this.dispatchEvent(new CustomEvent('rc-dialog-cancel', { bubbles: true, composed: true }));\n }\n };\n\n /**\n * Detects backdrop clicks.\n */\n protected _onBackdropClick = (e: MouseEvent) => {\n if (e.target === this._$dialog) {\n this.requestClose();\n }\n };\n\n /** Hook for subclasses to respond when a resize gesture begins. */\n protected _onResizeStart(_detail: ResizeLifecycleDetail): void {}\n\n /** Hook for subclasses to respond to each resize update during an active gesture. */\n protected _onResize(_detail: ResizeLifecycleDetail): void {}\n\n /** Hook for subclasses to respond after a resize gesture has settled. */\n protected _onResizeEnd(_detail: ResizeLifecycleDetail): void {}\n\n protected _resizeHandles($dialog: HTMLDialogElement): Element[] {\n if (!this.resizeHandle) {\n return [];\n }\n\n try {\n return [...$dialog.querySelectorAll(this.resizeHandle)];\n } catch {\n if (import.meta.env.DEV) {\n console.warn('[rc-dialog] Invalid resize-handle selector.', this.resizeHandle);\n }\n\n return [];\n }\n }\n\n protected _resizeDirectionForHandle($handle: Element): ResizeDirection {\n const axis = $handle.getAttribute('data-rc-dialog-resize-axis');\n\n switch (axis) {\n case 'x':\n return 'horizontal';\n case 'y':\n return 'vertical';\n case 'both':\n return 'both';\n default:\n return this.resize;\n }\n }\n\n protected _resizeOriginForHandle($handle: Element): ResizeOrigin {\n return (\n ($handle.getAttribute('data-rc-dialog-resize-origin') as ResizeOrigin | null) ??\n this.resizeOrigin\n );\n }\n\n /**\n * Opens or closes the inner `<dialog>` and returns `true` if state actually changed.\n *\n * @param open - whether to open (`true`) or close (`false`)\n * @param silent - when `true`, suppresses the outgoing `rc-dialog-toggle` event\n * @param modal - whether to call `showModal()` (`true`) or `show()` (`false`)\n */\n protected _applyOpen(open: boolean, silent: boolean, modal = true): boolean {\n const $dialog = this._$dialog;\n\n if (!$dialog) {\n return false;\n }\n\n if (open) {\n if ($dialog.open) {\n return false;\n }\n\n // Capture focus owner before the dialog steals it, so we can restore on close.\n this._$opener = document.activeElement;\n modal ? $dialog.showModal() : $dialog.show();\n this.requestUpdate('open');\n\n return true;\n }\n\n if (!$dialog.open) {\n return false;\n }\n\n this._suppressNextCloseToggle = silent;\n $dialog.close();\n this.requestUpdate('open');\n\n return true;\n }\n\n /** Dispatches `rc-dialog-toggle` with the current open state and return value. */\n protected _dispatchToggle(open: boolean): void {\n this.dispatchEvent(\n new CustomEvent('rc-dialog-toggle', {\n bubbles: true,\n composed: true,\n detail: { open, returnValue: this.returnValue },\n }),\n );\n }\n}\n\nexport default RCDialog;\n"],"names":["RCDialog","LitElement","NativeChildController","$dialog","requestCloseEvent","value","oldValue","returnValue","ev","nothing","$handle","DragController","$handles","ResizeController","detail","changed","_detail","open","silent","modal","__decorateClass","property"],"mappings":"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"}

package/dist/types/packages/rc-dialog/src/rc-dialog.test.d.ts DELETED Viewed

File without changes