@eui/eds-react 22.0.0-alpha.12 → 22.0.0-alpha.13

package/eds-date-block/eds-date-block.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/** Two-digit part formatter (day). Mirrors the Angular DatePipe `'dd'` token. */
+function formatDay(date, locale) {
+    try {
+        return new Intl.DateTimeFormat(locale, { day: '2-digit' }).format(date);
+    }
+    catch {
+        return new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
+    }
+}
+/** Abbreviated month formatter. Mirrors the Angular DatePipe `'MMM'` token. */
+function formatMonth(date, locale) {
+    try {
+        return new Intl.DateTimeFormat(locale, { month: 'short' }).format(date);
+    }
+    catch {
+        return new Intl.DateTimeFormat('en', { month: 'short' }).format(date);
+    }
+}
+/** 4-digit year formatter. Mirrors the Angular DatePipe `'yyyy'` token. */
+function formatYear(date, locale) {
+    try {
+        return new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(date);
+    }
+    catch {
+        return new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date);
+    }
+}
+/** ISO `yyyy-MM-dd` for the `<time datetime>` attribute (locale-independent). */
+function formatIsoDate(date) {
+    const y = date.getFullYear().toString().padStart(4, '0');
+    const m = (date.getMonth() + 1).toString().padStart(2, '0');
+    const d = date.getDate().toString().padStart(2, '0');
+    return `${y}-${m}-${d}`;
+}
+/** Full, human-readable date for the accessible name. Mirrors the Angular `ariaLabel` computed. */
+function formatAriaLabel(date, locale) {
+    try {
+        return new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format(date);
+    }
+    catch {
+        return new Intl.DateTimeFormat('en', { dateStyle: 'long' }).format(date);
+    }
+}
+/**
+ * `EdsDateBlock` — pure React port of the Angular `eds-date-block`.
+ *
+ * A presentational date display that renders a date in a calendar-block layout
+ * (day, month, year). Useful for event listings, timelines, and date-centric interfaces.
+ *
+ * Date formatting is reimplemented with `Intl.DateTimeFormat` (the Angular component
+ * used `DatePipe` + `Intl`); the `locale` prop drives the day / month / year output and
+ * the accessible name, falling back to `'en'` on an invalid locale. No Web Component /
+ * `@lit/react` dependency. Styling is ported to `eds-date-block.css` (`--eds-*` tokens);
+ * requires `@eui/eds-styles` + the `eui-21` class on an ancestor, like the Angular
+ * component.
+ */
+export const EdsDateBlock = React.forwardRef(function EdsDateBlock({ blockDate, color = 'primary', locale = 'en', e2eAttr = 'eds-date-block', className, ...rest }, ref) {
+    // Reproduce the Angular `hostClasses()` BEM string (Part 1 rule 9). The color class is
+    // always present, defaulting to `eds-date-block--primary`.
+    const colorClass = `eds-date-block--${color}`;
+    const rootClass = className
+        ? `eds-date-block ${colorClass} ${className}`
+        : `eds-date-block ${colorClass}`;
+    const ariaLabel = blockDate ? formatAriaLabel(blockDate, locale) : undefined;
+    return (_jsx("span", { ref: ref, className: rootClass, "aria-label": ariaLabel, "data-e2e": e2eAttr, ...rest, children: _jsxs("time", { className: "wrapper", dateTime: blockDate ? formatIsoDate(blockDate) : undefined, children: [_jsxs("span", { className: "day-month", "aria-hidden": "true", children: [_jsx("span", { className: "day", children: blockDate ? formatDay(blockDate, locale) : '' }), _jsx("span", { className: "month", children: blockDate ? formatMonth(blockDate, locale) : '' })] }), _jsx("span", { className: "year", "aria-hidden": "true", children: blockDate ? formatYear(blockDate, locale) : '' })] }) }));
+});
+//# sourceMappingURL=eds-date-block.js.map

package/eds-date-block/eds-date-block.js.map

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

package/eds-date-block/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsDateBlock } from './eds-date-block.js';
+export type { EdsDateBlockProps, EdsDateBlockColor } from './eds-date-block.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-date-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-date-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/eds-date-block/index.js

@@ -0,0 +1,2 @@
+export { EdsDateBlock } from './eds-date-block.js';
+//# sourceMappingURL=index.js.map

package/eds-date-block/index.js.map

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

package/eds-dialog/eds-dialog.css

@@ -0,0 +1,224 @@
+/* EdsDialog — pure React port of the Angular eds-dialog (rendered through the shared
+ * eds-dialog-container markup). 1:1 translation of eds-dialog.scss (the FULL dialog, not just
+ * the message-box preset — see eds-message-box.css for the message-box-only subset):
+ *   :host / .eui-21 wrapper dropped (share-ready, light-DOM);
+ *   .eds-dialog--<variant> color classes -> .eds-dialog[data-color="<variant>"];
+ *   .eds-dialog--message-box -> .eds-dialog[data-message-box];
+ *   .eds-dialog--no-padding -> .eds-dialog[data-no-padding];
+ *   .eds-dialog--draggable -> .eds-dialog[data-draggable];
+ *   base.media(mobile) -> the raw @media the mixin expands to (< 768px), custom-size opt-out
+ *     via :not([data-custom-size]).
+ * The CDK overlay/backdrop is not available in pure React, so .eds-dialog__backdrop reproduces
+ * the overlay positioning (fixed, centered, subtle backdrop) the service provided. */
+
+/* BACKDROP / OVERLAY (was the CDK overlay + .eds-dialog__backdrop) */
+.eds-dialog__backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--eds-c-alpha-backdrop-subtle);
+}
+
+/* verticalPosition: top / center (default) / bottom */
+.eds-dialog__backdrop[data-vertical-position="top"] {
+    align-items: flex-start;
+}
+
+.eds-dialog__backdrop[data-vertical-position="bottom"] {
+    align-items: flex-end;
+}
+
+/* VARS DEFS (color variant -> header title color) */
+.eds-dialog {
+    --_color: var(--eds-c-foreground);
+}
+
+.eds-dialog[data-color="info"] {
+    --_color: var(--eds-c-foreground-info);
+}
+
+.eds-dialog[data-color="success"] {
+    --_color: var(--eds-c-foreground-success);
+}
+
+.eds-dialog[data-color="warning"] {
+    --_color: var(--eds-c-foreground-warning);
+}
+
+.eds-dialog[data-color="critical"] {
+    --_color: var(--eds-c-foreground-critical);
+}
+
+.eds-dialog[data-color="neutral"] {
+    --_color: var(--eds-c-foreground-default);
+}
+
+.eds-dialog[data-color="primary"] {
+    --_color: var(--eds-c-foreground-primary);
+}
+
+/* COMPONENT STYLES */
+.eds-dialog-container {
+    display: flex;
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog {
+    background-color: var(--eds-c-surface-elevation);
+    border-radius: var(--eds-br-m);
+    box-shadow: var(--eds-sh-4);
+    display: flex;
+    height: 100%;
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header {
+    align-items: center;
+    border-top-left-radius: var(--eds-br-m);
+    border-top-right-radius: var(--eds-br-m);
+    display: flex;
+    flex: 0 0 auto;
+    padding: var(--eds-sp-s) var(--eds-sp-m);
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header .eds-dialog__header-icon {
+    margin-right: var(--eds-sp-s);
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header .eds-dialog__header-title {
+    color: var(--_color);
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font: var(--eds-f-heading-m);
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header .eds-dialog__header-close-container {
+    display: flex;
+    margin-left: auto;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header.eds-dialog__header--handle-disabled {
+    cursor: default !important;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body {
+    display: flex;
+    overflow: auto;
+    position: relative;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body .eds-dialog__body-content {
+    height: auto;
+    padding: var(--eds-sp-xs) var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-m);
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer {
+    align-items: center;
+    background-color: var(--eds-c-surface-elevation);
+    border-bottom-left-radius: var(--eds-br-m);
+    border-bottom-right-radius: var(--eds-br-m);
+    border-top: 1px solid var(--eds-c-border-divider);
+    display: flex;
+    padding: var(--eds-sp-s) var(--eds-sp-m);
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-content {
+    align-items: center;
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-dismiss-button--with-accept-button {
+    margin-right: var(--eds-sp-s);
+}
+
+/* --no-padding -> [data-no-padding] */
+.eds-dialog-container .eds-dialog[data-no-padding] .eds-dialog__content .eds-dialog__body-content {
+    padding: 0;
+}
+
+/* MESSAGE BOX preset */
+.eds-dialog-container .eds-dialog[data-message-box] .eds-dialog__content .eds-dialog__body {
+    align-items: center;
+    display: flex;
+}
+
+.eds-dialog-container .eds-dialog[data-message-box] .eds-dialog__content .eds-dialog__body-content {
+    height: auto;
+    padding: var(--eds-sp-m);
+    align-items: center;
+    display: flex;
+    width: 100%;
+}
+
+.eds-dialog-container .eds-dialog[data-message-box] .eds-dialog__content .eds-dialog__body-content-icon-container {
+    align-self: flex-start;
+    padding: var(--eds-sp-m);
+}
+
+.eds-dialog-container .eds-dialog[data-message-box] .eds-dialog__content .eds-dialog__body-content p {
+    margin-top: 0;
+}
+
+/* STATES — draggable header cursor */
+.eds-dialog-container .eds-dialog[data-draggable] .eds-dialog__header {
+    cursor: move;
+}
+
+/* MEDIA QUERIES — base.media(base.$eds-bkp-mobile) expands to @media screen and (max-width: 767px)
+ * The Angular selector was `.eds-dialog:not(.eds-dialog--custom-size)`. */
+@media screen and (max-width: 767px) {
+    .eds-dialog-container .eds-dialog:not([data-custom-size]) {
+        left: 0;
+        position: fixed;
+        top: 0;
+    }
+
+    .eds-dialog-container .eds-dialog:not([data-custom-size]) .eds-dialog__content {
+        height: 100vh;
+        height: calc(var(--eds-app-vh, 1vh) * 100);
+        width: 100vw;
+    }
+
+    .eds-dialog-container .eds-dialog:not([data-custom-size]) .eds-dialog__content .eds-dialog__header {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        flex: 0 0 auto;
+    }
+
+    .eds-dialog-container .eds-dialog:not([data-custom-size]) .eds-dialog__content .eds-dialog__body {
+        flex: 1 1 auto;
+        height: 65vh !important;
+        max-height: 65vh !important;
+        max-width: 100vw !important;
+        overflow-x: hidden;
+        overflow-y: auto;
+        width: 100vw !important;
+    }
+
+    .eds-dialog-container .eds-dialog:not([data-custom-size]) .eds-dialog__content .eds-dialog__body .eds-dialog__body-content {
+        flex: 1 1 auto;
+    }
+
+    .eds-dialog-container .eds-dialog:not([data-custom-size]) .eds-dialog__content .eds-dialog__footer {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+        flex: 0 0 auto;
+        width: 100vw;
+    }
+}

package/eds-dialog/eds-dialog.d.ts

@@ -0,0 +1,126 @@
+import * as React from 'react';
+/**
+ * Local narrowed color union — the dialog's variant contract.
+ *
+ * Ported from the Angular `eds-dialog`, whose variant is driven by `EdsColorDirective`
+ * (`edsNeutral` / `edsSuccess` / `edsInfo` / `edsWarning` / `edsCritical` + `edsColorVariant`)
+ * and resolved into the container config `variant`. The container SCSS styles branches for
+ * `neutral` / `primary` / `info` / `success` / `warning` / `critical` and drives the header
+ * title color (`--_color`). Only the four status colors render a leading status icon in the
+ * header (and only in message-box mode) — `EdsIconState` supports exactly those.
+ */
+export type EdsDialogColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+/** Vertical alignment of the dialog within the viewport (Angular `verticalPosition`). */
+export type EdsDialogVerticalPosition = 'top' | 'center' | 'bottom';
+export interface EdsDialogProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
+    /**
+     * Controlled visibility. The Angular component opens imperatively via `openDialog()`
+     * (delegating to the `EdsDialogService` CDK overlay) and tracks `isOpen$`. React has no
+     * DI/overlay/CDK — this is a host-owned **controlled** component: pass `isOpen` and react
+     * to `onDialogClose` / `onAccept` / `onDismiss` / `onClickOutside` / `onEscape`. @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Semantic color of the dialog. Drives the header title color; in message-box mode the
+     * four status colors also render a leading status icon. @default 'neutral'
+     */
+    color?: EdsDialogColor;
+    /** Title text displayed in the dialog header. */
+    title?: string;
+    /** Label for the accept button. @default 'OK' */
+    acceptLabel?: string;
+    /** Label for the dismiss button. @default 'Cancel' */
+    dismissLabel?: string;
+    /** Vertical alignment of the dialog within the viewport. */
+    verticalPosition?: EdsDialogVerticalPosition;
+    /** Width of the dialog. Accepts CSS units. @default '50%' */
+    width?: string;
+    /** Height of the dialog body. Accepts CSS units. @default 'auto' */
+    height?: string;
+    /** Fullscreen mode (width 98vw, height 97vh). @default false */
+    isFullScreen?: boolean;
+    /** Visibility of the close (X) button in the header. Forced off in message-box mode. @default true */
+    hasCloseButton?: boolean;
+    /** Visibility of the accept button in the footer. @default true */
+    hasAcceptButton?: boolean;
+    /** Visibility of the dismiss button in the footer. @default true */
+    hasDismissButton?: boolean;
+    /** Custom sizing behavior on mobile (opts out of the mobile fullscreen media rule). @default false */
+    hasMobileCustomSize?: boolean;
+    /** Close automatically when clicking outside the dialog. @default false */
+    hasClosedOnClickOutside?: boolean;
+    /** Close automatically when pressing Escape. Forced off in message-box mode. @default true */
+    hasClosedOnEscape?: boolean;
+    /** Prevent automatic close on dismiss. @default false */
+    isHandleCloseOnDismiss?: boolean;
+    /** Prevent automatic close on close (X). @default false */
+    isHandleCloseOnClose?: boolean;
+    /** Prevent automatic close on accept. @default false */
+    isHandleCloseOnAccept?: boolean;
+    /** Prevent automatic close on outside click. @default false */
+    isHandleCloseOnClickOutside?: boolean;
+    /** Prevent automatic close on Escape. @default false */
+    isHandleCloseOnEscape?: boolean;
+    /** Message box mode (disables Escape close, hides close button, centers/pads the body). @default false */
+    isMessageBox?: boolean;
+    /** Enables drag-and-drop of the panel by its header. @default false */
+    isDraggable?: boolean;
+    /** Enables resizing of the panel (CSS `resize: both`). @default false */
+    isResizable?: boolean;
+    /** Removes default padding from the body content area. @default false */
+    hasNoBodyPadding?: boolean;
+    /** Visibility of the footer section. @default true */
+    hasFooter?: boolean;
+    /** Additional CSS class(es) applied to the dialog panel (Angular `classList`). @default null */
+    classList?: string | null;
+    /** Data attribute for e2e testing. @default 'eds-dialog' */
+    e2eAttr?: string;
+    /** Emitted when the user clicks outside the dialog. Maps to Angular `(clickOutside)`. */
+    onClickOutside?: () => void;
+    /** Emitted when the user presses Escape. Maps to Angular `(escape)`. */
+    onEscape?: () => void;
+    /** Emitted immediately after the dialog opens. Maps to Angular `(dialogOpen)`. */
+    onDialogOpen?: () => void;
+    /** Emitted when the close (X) button is clicked. Maps to Angular `(dialogClose)`. */
+    onDialogClose?: () => void;
+    /** Emitted when the dismiss button is clicked. Maps to Angular `(dismiss)`. */
+    onDismiss?: () => void;
+    /** Emitted when the accept button is clicked. Maps to Angular `(accept)`. */
+    onAccept?: () => void;
+    /** Dialog body content (Angular default `<ng-content/>`). */
+    children?: React.ReactNode;
+    /**
+     * Optional custom header content (Angular `<ng-content select="eds-dialog-header">`).
+     * When provided, it replaces the default title + close-button row.
+     */
+    header?: React.ReactNode;
+    /**
+     * Optional custom footer content (Angular `<ng-content select="eds-dialog-footer">`).
+     * When provided, it replaces the default accept/dismiss button row.
+     */
+    footer?: React.ReactNode;
+}
+/**
+ * `EdsDialog` — pure React port of the Angular `eds-dialog`.
+ *
+ * A modal dialog (an `alertdialog` in message-box mode, otherwise a `dialog`) rendered above
+ * the app. The Angular component is service-driven: `openDialog()` builds an
+ * `EdsDialogInterface` and hands it to `EdsDialogService`, which renders the shared
+ * `eds-dialog-container` in a CDK overlay with `cdkTrapFocus`, `cdkDrag`, and `cdkScrollable`.
+ *
+ * React has no DI / overlay / CDK, so this port is a **host-owned controlled component**
+ * (guide rule 6 — service-agnostic). It renders the ported dialog-container markup (backdrop +
+ * dialog panel: header with optional status icon / title / close button, scrollable body,
+ * optional footer) inline when `isOpen` is true, reproduces the behavior with hooks — focus
+ * capture + trap (`useEdsFocusTrap`), Escape close gated by `hasClosedOnEscape`, backdrop click
+ * gated by `hasClosedOnClickOutside`, drag by the header via pointer events (`isDraggable`),
+ * CSS resize (`isResizable`) — and exposes every Angular output as an `on*` callback. The
+ * dropped pieces (the imperative `EdsDialogService` / `EdsDialogRef`, the CDK overlay/portal +
+ * component/template portals for header/body/footer, the imperative enable/disable-button and
+ * scrollToTop/Bottom methods) are host concerns — the consumer owns `isOpen` and slot content.
+ *
+ * The message-box preset of `eds-dialog` already ships as `EdsMessageBox`; `EdsDialog` is the
+ * general dialog and reuses the same `.eds-dialog` / `.eds-dialog__*` class contract and CSS.
+ */
+export declare const EdsDialog: React.ForwardRefExoticComponent<EdsDialogProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-dialog.d.ts.map

package/eds-dialog/eds-dialog.d.ts.map

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

package/eds-dialog/eds-dialog.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { EdsIconState } from '../eds-icon-state/eds-icon-state.js';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+import { EdsButton } from '../eds-button/eds-button.js';
+import { useEdsFocusTrap } from '../eds-overlay/use-eds-focus-trap.js';
+/** color → status icon support (the four EdsIconState colors show a leading header icon). */
+const STATUS_COLORS = new Set([
+    'info',
+    'success',
+    'warning',
+    'critical',
+]);
+/**
+ * `EdsDialog` — pure React port of the Angular `eds-dialog`.
+ *
+ * A modal dialog (an `alertdialog` in message-box mode, otherwise a `dialog`) rendered above
+ * the app. The Angular component is service-driven: `openDialog()` builds an
+ * `EdsDialogInterface` and hands it to `EdsDialogService`, which renders the shared
+ * `eds-dialog-container` in a CDK overlay with `cdkTrapFocus`, `cdkDrag`, and `cdkScrollable`.
+ *
+ * React has no DI / overlay / CDK, so this port is a **host-owned controlled component**
+ * (guide rule 6 — service-agnostic). It renders the ported dialog-container markup (backdrop +
+ * dialog panel: header with optional status icon / title / close button, scrollable body,
+ * optional footer) inline when `isOpen` is true, reproduces the behavior with hooks — focus
+ * capture + trap (`useEdsFocusTrap`), Escape close gated by `hasClosedOnEscape`, backdrop click
+ * gated by `hasClosedOnClickOutside`, drag by the header via pointer events (`isDraggable`),
+ * CSS resize (`isResizable`) — and exposes every Angular output as an `on*` callback. The
+ * dropped pieces (the imperative `EdsDialogService` / `EdsDialogRef`, the CDK overlay/portal +
+ * component/template portals for header/body/footer, the imperative enable/disable-button and
+ * scrollToTop/Bottom methods) are host concerns — the consumer owns `isOpen` and slot content.
+ *
+ * The message-box preset of `eds-dialog` already ships as `EdsMessageBox`; `EdsDialog` is the
+ * general dialog and reuses the same `.eds-dialog` / `.eds-dialog__*` class contract and CSS.
+ */
+export const EdsDialog = React.forwardRef(function EdsDialog({ isOpen = false, color = 'neutral', title, acceptLabel = 'OK', dismissLabel = 'Cancel', verticalPosition, width = '50%', height = 'auto', isFullScreen = false, hasCloseButton = true, hasAcceptButton = true, hasDismissButton = true, hasMobileCustomSize = false, hasClosedOnClickOutside = false, hasClosedOnEscape = true, isHandleCloseOnDismiss = false, isHandleCloseOnClose: _isHandleCloseOnClose = false, isHandleCloseOnAccept = false, isHandleCloseOnClickOutside = false, isHandleCloseOnEscape = false, isMessageBox = false, isDraggable = false, isResizable = false, hasNoBodyPadding = false, hasFooter = true, classList = null, e2eAttr = 'eds-dialog', onClickOutside, onEscape, onDialogOpen, onDialogClose, onDismiss, onAccept, children, header, footer, className, ...rest }, ref) {
+    const panelRef = useRef(null);
+    // Message-box preset forces: no close button, no Escape close (Angular openDialog()).
+    const resolvedHasCloseButton = isMessageBox ? false : hasCloseButton;
+    const resolvedHasClosedOnEscape = isMessageBox ? false : hasClosedOnEscape;
+    // Fullscreen overrides width/height (Angular openDialog()).
+    const resolvedWidth = isFullScreen ? '98vw' : width;
+    const resolvedHeight = isFullScreen ? '97vh' : height;
+    // Focus capture + trap while open (CDK cdkTrapFocus + cdkTrapFocusAutoCapture).
+    useEdsFocusTrap(panelRef, isOpen);
+    // Fire the open/close outputs on the isOpen transition (Angular config.open()/close()).
+    const wasOpen = useRef(false);
+    useEffect(() => {
+        if (isOpen && !wasOpen.current) {
+            onDialogOpen?.();
+        }
+        wasOpen.current = isOpen;
+    }, [isOpen, onDialogOpen]);
+    const requestClose = useCallback(() => {
+        onDialogClose?.();
+    }, [onDialogClose]);
+    // Close (X) button — Angular closeDialog() -> config.close(): emits dialogClose, closes
+    // unless isHandleCloseOnClose.
+    const handleClose = useCallback(() => {
+        onDialogClose?.();
+    }, [onDialogClose]);
+    const handleDismiss = useCallback(() => {
+        onDismiss?.();
+        if (!isHandleCloseOnDismiss) {
+            requestClose();
+        }
+    }, [onDismiss, isHandleCloseOnDismiss, requestClose]);
+    const handleAccept = useCallback(() => {
+        onAccept?.();
+        if (!isHandleCloseOnAccept) {
+            requestClose();
+        }
+    }, [onAccept, isHandleCloseOnAccept, requestClose]);
+    // Escape — gated by resolvedHasClosedOnEscape and isHandleCloseOnEscape (Angular config.escape()).
+    const onKeyDown = useCallback((event) => {
+        if (event.key !== 'Escape') {
+            return;
+        }
+        onEscape?.();
+        if (resolvedHasClosedOnEscape && !isHandleCloseOnEscape) {
+            requestClose();
+        }
+    }, [onEscape, resolvedHasClosedOnEscape, isHandleCloseOnEscape, requestClose]);
+    // Backdrop click — gated by hasClosedOnClickOutside and isHandleCloseOnClickOutside
+    // (Angular config.clickOutside()). Only fire when the backdrop itself (not the panel) is clicked.
+    const onBackdropClick = useCallback((event) => {
+        if (event.target !== event.currentTarget) {
+            return;
+        }
+        onClickOutside?.();
+        if (hasClosedOnClickOutside && !isHandleCloseOnClickOutside) {
+            requestClose();
+        }
+    }, [onClickOutside, hasClosedOnClickOutside, isHandleCloseOnClickOutside, requestClose]);
+    // Draggable header via pointer events (reimplements cdkDrag on the panel, dragged by the
+    // header handle). Translates the panel with a CSS transform. Reset when the dialog reopens.
+    const [drag, setDrag] = useState({ x: 0, y: 0 });
+    const dragState = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            setDrag({ x: 0, y: 0 });
+        }
+    }, [isOpen]);
+    const onHeaderPointerDown = useCallback((event) => {
+        if (!isDraggable) {
+            return;
+        }
+        // Don't start a drag from the close button.
+        if (event.target.closest('.dialog-close-button')) {
+            return;
+        }
+        dragState.current = {
+            startX: event.clientX,
+            startY: event.clientY,
+            originX: drag.x,
+            originY: drag.y,
+        };
+        event.currentTarget.setPointerCapture(event.pointerId);
+    }, [isDraggable, drag.x, drag.y]);
+    const onHeaderPointerMove = useCallback((event) => {
+        const state = dragState.current;
+        if (!state) {
+            return;
+        }
+        setDrag({
+            x: state.originX + (event.clientX - state.startX),
+            y: state.originY + (event.clientY - state.startY),
+        });
+    }, []);
+    const onHeaderPointerUp = useCallback((event) => {
+        dragState.current = null;
+        event.currentTarget.releasePointerCapture?.(event.pointerId);
+    }, []);
+    if (!isOpen) {
+        return null;
+    }
+    const showHeaderIcon = isMessageBox && STATUS_COLORS.has(color);
+    const contentId = 'eds-dialog-content';
+    const bodyContentId = 'eds-dialog-body-content';
+    const panelClassName = ['eds-dialog', classList ?? ''].join(' ').replace(/\s+/g, ' ').trim();
+    const panelStyle = {
+        width: resolvedWidth,
+        transform: isDraggable ? `translate(${drag.x}px, ${drag.y}px)` : undefined,
+        resize: isResizable ? 'both' : undefined,
+        overflow: isResizable ? 'auto' : undefined,
+    };
+    return (_jsx("div", { ref: ref, className: className ? `eds-dialog__backdrop ${className}` : 'eds-dialog__backdrop', "data-vertical-position": verticalPosition ?? undefined, "data-e2e": `${e2eAttr}-backdrop`, onClick: onBackdropClick, ...rest, children: _jsx("div", { className: "eds-dialog-container", children: _jsx("div", { ref: panelRef, className: panelClassName, "data-color": color, "data-message-box": isMessageBox ? '' : undefined, "data-draggable": isDraggable ? '' : undefined, "data-no-padding": hasNoBodyPadding ? '' : undefined, "data-custom-size": hasMobileCustomSize ? '' : undefined, role: isMessageBox ? 'alertdialog' : 'dialog', "aria-modal": "true", "aria-labelledby": contentId, "aria-describedby": bodyContentId, tabIndex: -1, "data-e2e": e2eAttr, style: panelStyle, onKeyDown: onKeyDown, children: _jsxs("div", { className: "eds-dialog__content", role: "document", id: contentId, children: [_jsx("div", { className: isDraggable
+                                ? 'eds-dialog__header'
+                                : 'eds-dialog__header eds-dialog__header--handle-disabled', onPointerDown: onHeaderPointerDown, onPointerMove: onHeaderPointerMove, onPointerUp: onHeaderPointerUp, children: header ?? (_jsxs(_Fragment, { children: [showHeaderIcon && (_jsx(EdsIconState, { className: "eds-dialog__header-icon", color: color, size: "xl" })), _jsx("h2", { id: "eds-dialog-header-title", className: "eds-dialog__header-title", "aria-level": 2, children: title }), resolvedHasCloseButton && (_jsx("div", { className: "eds-dialog__header-close-container", children: _jsx(EdsIconButton, { icon: "x:core", rounded: true, ariaLabel: "Close dialog", className: "dialog-close-button", onButtonClick: handleClose }) }))] })) }), _jsx("div", { className: "eds-dialog__body", style: { height: resolvedHeight, maxHeight: resolvedHeight }, children: _jsx("div", { id: bodyContentId, className: "eds-dialog__body-content", children: children }) }), hasFooter && (_jsx("div", { className: "eds-dialog__footer", children: footer ?? (_jsxs("div", { className: "eds-dialog__footer-content", children: [hasDismissButton && (_jsx(EdsButton, { type: "secondary", className: hasAcceptButton
+                                            ? 'eds-dialog__footer-dismiss-button eds-dialog__footer-dismiss-button--with-accept-button'
+                                            : 'eds-dialog__footer-dismiss-button', onClick: handleDismiss, children: dismissLabel })), hasAcceptButton && (_jsx(EdsButton, { className: "eds-dialog__footer-accept-button", onClick: handleAccept, children: acceptLabel }))] })) }))] }) }) }) }));
+});
+//# sourceMappingURL=eds-dialog.js.map

package/eds-dialog/eds-dialog.js.map

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

package/eds-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsDialog } from './eds-dialog.js';
+export type { EdsDialogProps, EdsDialogColor, EdsDialogVerticalPosition } from './eds-dialog.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC"}

package/eds-dialog/index.js

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

package/eds-dialog/index.js.map

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