@ds-mo/ui 9.2.0 → 10.0.0

package/dist/types/components/CardSetting/CardSetting.d.ts

@@ -1,6 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { CardWidth } from '../Card/Card';
-export type CardSettingWidth = CardWidth;
+export type CardSettingWidth = 'sm' | 'md' | 'lg';
+export type CardSettingAction = 'edit' | 'save' | 'cancel';
+export interface CardSettingActionDetail {
+    action: CardSettingAction;
+    originalEvent: MouseEvent;
+}
 export declare class CardSetting {
     /** Section heading shown in the card header. */
     heading: string;
@@ -15,10 +19,9 @@ export declare class CardSetting {
     editLabel: string;
     cancelLabel: string;
     saveLabel: string;
-    /** Emits when the user enters or exits edit mode. */
-    dsEditingChange: EventEmitter<boolean>;
-    private enterEdit;
-    private exitEdit;
+    /** Emits a controlled edit, save, or cancel request. */
+    dsAction: EventEmitter<CardSettingActionDetail>;
+    private emitAction;
     render(): any;
 }
 //# sourceMappingURL=CardSetting.d.ts.map

package/dist/types/components/CardSetting/index.d.ts

@@ -1,2 +1,2 @@
-export type { CardSettingWidth } from './CardSetting';
+export type { CardSettingAction, CardSettingActionDetail, CardSettingWidth, } from './CardSetting';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/ConversationListItem/ConversationListItem.d.ts

@@ -12,6 +12,8 @@ export declare class ConversationListItem {
     state: ConversationItemState;
     statusLabel: string;
     unreadCount: number;
+    /** Keep the contextual-actions surface visible while its popup is open or closing. */
+    actionsOpen: boolean;
     dsSelect: EventEmitter<{
         id: string;
     }>;

package/dist/types/components/Menu/Menu.d.ts

@@ -36,6 +36,8 @@ export declare class Menu {
     private positionReady;
     private focusRingVisible;
     dsClose: EventEmitter<void>;
+    /** Emitted after the popup's exit motion is complete and its rendered content is removed. */
+    dsAfterClose: EventEmitter<void>;
     dsSelect: EventEmitter<MenuItemData>;
     /** Emitted when a `gradient-picker` section swatch is chosen. */
     dsGradientSelect: EventEmitter<ShellGradientPreset>;
@@ -47,6 +49,9 @@ export declare class Menu {
     private itemEls;
     private positionRetryRaf;
     private listenersReady;
+    /** Last content actually painted while open; retained unchanged through exit motion. */
+    private lastRenderedSections;
+    private closingSections;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     onOpenChange(isOpen: boolean): void;
@@ -59,6 +64,7 @@ export declare class Menu {
     private get popupFallbackHeightPx();
     private get closeAnimationMs();
     private finishClose;
+    private captureClosingSections;
     private get resolvedAnchor();
     private get anchorFocusTarget();
     private focusAnchor;

package/dist/types/components/MessageBubble/MessageBubble.d.ts

@@ -1,4 +1,4 @@
-export type MessageBubbleVariant = 'primary' | 'secondary' | 'ghost' | 'error';
+export type MessageBubbleVariant = 'primary' | 'secondary' | 'ghost';
 export declare class MessageBubble {
     variant: MessageBubbleVariant;
     render(): any;

package/dist/types/components/MessageScroller/MessageScroller.d.ts

@@ -18,6 +18,8 @@ export declare class MessageScroller {
     private atStart;
     private programmatic;
     private previousScrollHeight;
+    private overlayBlockSize;
+    private overlayContentBlockSize;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     scrollToMessage(id: string): Promise<boolean>;
@@ -27,6 +29,8 @@ export declare class MessageScroller {
     private scrollTo;
     private connectObservers;
     private handleContentGrowth;
+    private syncContentFade;
+    private syncOverlayContentBlockSize;
     private applyDefaultPosition;
     private isAtLiveEdge;
     private handleScroll;

package/dist/types/components/Modal/Modal.d.ts

@@ -1,35 +1,38 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export type ModalWidth = 'sm' | 'md' | 'lg';
+export type ModalCloseReason = 'close-button' | 'escape' | 'backdrop';
+export interface ModalCloseDetail {
+    reason: ModalCloseReason;
+    originalEvent: Event;
+}
 export declare class Modal {
     el: HTMLElement;
     open: boolean;
     heading: string;
-    subtitle: string | undefined;
+    closeAriaLabel: string;
     modalWidth: ModalWidth | string;
-    private shouldRender;
+    /** Optional id reference for explanatory content in the default slot. */
+    ariaDescribedby: string | undefined;
     private closing;
-    dsClose: EventEmitter<void>;
-    private instanceId;
+    private hasFooter;
+    /** Emitted when an internal dismissal control requests that the modal close. */
+    dsClose: EventEmitter<ModalCloseDetail>;
+    /** Emitted after exit motion completes, the top layer closes, and focus is restored. */
+    dsAfterClose: EventEmitter<void>;
     private titleId;
-    private subtitleId;
+    private dialogEl;
     private previousFocus;
-    private escapeHandler;
-    private tabHandler;
     private closeTimer;
-    private inertedElements;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     onOpenChange(isOpen: boolean): void;
-    private focusFirst;
-    private getFocusables;
-    private setupListeners;
-    private teardownListeners;
-    private close;
-    private handleBackdropMouseDown;
-    private get isTopModal();
-    /** Inert every sibling branch outside the modal without assuming it is a body child. */
-    private activateModal;
-    private deactivateModal;
+    private focusClose;
+    private clearCloseTimer;
+    private requestClose;
+    private updateFooterPresence;
+    private handleCancel;
+    private handleBackdropPointerDown;
+    private handleKeyDown;
     private get resolvedWidth();
     private get closeAnimationMs();
     private finishClose;

package/dist/types/components/PanelNav/PanelNav.d.ts

@@ -35,6 +35,8 @@ export declare class PanelNav {
     dashboardLabel: string;
     settingsLabel: string;
     accountLabel: string;
+    /** Keep the account-menu trigger visually active while its popup is open or closing. */
+    accountMenuExpanded: boolean;
     dashboardNavigationLabel: string;
     settingsNavigationLabel: string;
     expandNavigationLabel: string;

package/dist/types/components/Toast/Toast.d.ts

@@ -0,0 +1,106 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ToastActionEventDetail, type ToastCloseEventDetail, type ToastEventDetail, type ToastManager, type ToastSwipeDirection } from '../../toast';
+export declare class Toast {
+    el: HTMLElement;
+    /** Manager that supplies toast records. Assign as a JavaScript property. */
+    manager: ToastManager;
+    /** Maximum visible global-stack records. Limited records remain mounted and inert. */
+    limit: number;
+    /** Default auto-dismiss delay. Use 0 for persistent records. */
+    timeout: number | string;
+    /** Accessible label for the notification region. */
+    label: string;
+    /** Localized accessible label for every toast close action. */
+    closeLabel: string;
+    /** Allowed swipe-to-dismiss directions. Assign as a JavaScript property. */
+    swipeDirections: ToastSwipeDirection[];
+    private records;
+    private expanded;
+    private keyboardActive;
+    private swipe;
+    private layoutVersion;
+    dsToastClose: EventEmitter<ToastCloseEventDetail>;
+    dsToastRemove: EventEmitter<ToastEventDetail>;
+    dsToastAction: EventEmitter<ToastActionEventDetail>;
+    private readonly instanceId;
+    private readonly domIds;
+    private readonly timers;
+    private readonly closeWatchdogs;
+    private readonly closeFrames;
+    private readonly closeEvents;
+    private readonly activationFrames;
+    private readonly pauseReasons;
+    private readonly hoveredIds;
+    private readonly heights;
+    private readonly measuredUpdateKeys;
+    private readonly anchoredPositions;
+    private readonly dismissedSwipeDirections;
+    private readonly observedElements;
+    private readonly pendingRemovals;
+    private unsubscribe;
+    private attachedManager;
+    private previousFocus;
+    private resizeObserver;
+    private mutationObserver;
+    private layoutFrame;
+    private activeSwipe;
+    private nextDomId;
+    private connected;
+    private pendingHoverLeave;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    private connect;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    onManagerChange(next: ToastManager): void;
+    onTimeoutChange(): void;
+    private attachManager;
+    private detachManager;
+    private resetManagerState;
+    private syncObservedElements;
+    private flushPendingRemovals;
+    private syncLifecycle;
+    private syncTimers;
+    private resolveToastTimeout;
+    private startToastTimer;
+    private pauseTimers;
+    private resumeTimers;
+    private get isPaused();
+    private clearToastTimer;
+    private clearAllTimers;
+    private beginRemoval;
+    private completeRemoval;
+    private handleAnimationComplete;
+    private bindAnimationCancel;
+    private handleWindowBlur;
+    private handleWindowFocus;
+    private handleVisibilityChange;
+    private handlePointerEnter;
+    private handlePointerLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    private handleDocumentKeyDown;
+    private handleRegionKeyDown;
+    private get regionElement();
+    private restorePreviousFocus;
+    private moveFocusAfterClose;
+    private handleAction;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private handlePointerCancel;
+    private cancelSwipe;
+    private get touchAction();
+    private handleWindowResize;
+    private scheduleLayout;
+    private measureNaturalHeight;
+    private measureLayout;
+    private resolveAnchor;
+    private positionerElement;
+    private ensureDomId;
+    private get activeRecords();
+    private globalLayout;
+    private renderToast;
+    render(): any;
+}
+//# sourceMappingURL=Toast.d.ts.map

package/dist/types/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export type { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection, } from '../../toast';
+//# sourceMappingURL=index.d.ts.map