@foldkit/ui 0.153.0 → 0.154.0-canary.2f2a07458578

package/dist/dialog/index.d.ts

@@ -19,12 +19,13 @@ export type Model = typeof Model.Type;
 export declare const Message: import("foldkit/message").MessageUnion<{
     readonly RequestedOpen: {};
     readonly RequestedClose: {};
-    readonly CompletedShowDialog: {};
+    readonly SucceededShowDialog: {};
+    readonly FailedShowDialog: {};
     readonly CompletedCloseDialog: {};
     readonly Unmounted: {};
     readonly CompletedReleaseDialogResources: {};
     readonly GotAnimationMessage: {
-        readonly message: import("foldkit/message").MessageUnion<{
+        message: import("foldkit/message").MessageUnion<{
             readonly Showed: {};
             readonly Hid: {};
             readonly CompletedWaitForPaint: {};
@@ -34,7 +35,8 @@ export declare const Message: import("foldkit/message").MessageUnion<{
 }>;
 export type RequestedOpen = typeof Message.RequestedOpen.Type;
 export type RequestedClose = typeof Message.RequestedClose.Type;
-export type CompletedShowDialog = typeof Message.CompletedShowDialog.Type;
+export type SucceededShowDialog = typeof Message.SucceededShowDialog.Type;
+export type FailedShowDialog = typeof Message.FailedShowDialog.Type;
 export type CompletedCloseDialog = typeof Message.CompletedCloseDialog.Type;
 export type Unmounted = typeof Message.Unmounted.Type;
 export type CompletedReleaseDialogResources = typeof Message.CompletedReleaseDialogResources.Type;
@@ -80,14 +82,28 @@ type UpdateReturn = Update.ReturnWithOutMessage<Model, Message, OutMessage>;
  *  `Dom.showDialog`, which calls `show()` (not native `showModal()`) so other
  *  high-z-index overlays stay interactive. It layers the dialog with a high
  *  z-index, traps focus, and dispatches a `cancel` event on Esc. The Dialog
- *  component supplies its own backdrop. */
+ *  component supplies its own backdrop. If the dialog element is gone by the
+ *  time the show runs, the lock is released and the Command reports
+ *  `FailedShowDialog`. A closed dialog has no `OnUnmount`, so nothing else
+ *  would release the lock. The update function then closes the Model. Without
+ *  this close, the dialog would render open with no lock and no focus trap.
+ *  The lock is also released if the Command is interrupted while it waits. */
 export declare const ShowDialog: Command.CommandDefinitionWithArgs<"ShowDialog", {
     id: S.String;
     focusSelector: S.String;
 }, Effect.Effect<{
-    readonly _tag: "CompletedShowDialog";
+    readonly _tag: "SucceededShowDialog";
+} | {
+    readonly _tag: "FailedShowDialog";
 }, never, never>>;
-/** Calls `close()` on the native dialog element and unlocks page scroll. */
+/** Calls `close()` on the native dialog element and unlocks page scroll when
+ *  the close released the resources `ShowDialog` installed. A close that runs
+ *  before the show has installed them leaves the lock alone. When the show
+ *  then fails, it releases the lock itself. When the show succeeds, update
+ *  closes the dialog again. If the dialog element is gone by the time the
+ *  close runs, the Command calls `Dom.releaseDialogResources` instead. That
+ *  releases the scroll lock, focus trap, return focus, and stack entry if the
+ *  dialog still holds them. */
 export declare const CloseDialog: Command.CommandDefinitionWithArgs<"CloseDialog", {
     id: S.String;
 }, Effect.Effect<{
@@ -111,7 +127,7 @@ export declare const update: (model: Model, message: Message) => Readonly<{
         readonly animation: {
             readonly id: string;
             readonly isShowing: boolean;
-            readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+            readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
         };
         readonly maybeFocusSelector: Option.Option<string>;
     };
@@ -120,7 +136,9 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     } | {
         readonly _tag: "RequestedClose";
     } | {
-        readonly _tag: "CompletedShowDialog";
+        readonly _tag: "SucceededShowDialog";
+    } | {
+        readonly _tag: "FailedShowDialog";
     } | {
         readonly _tag: "CompletedCloseDialog";
     } | {
@@ -130,13 +148,13 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     } | {
         readonly _tag: "GotAnimationMessage";
         readonly message: {
-            readonly _tag: "Showed";
-        } | {
-            readonly _tag: "Hid";
-        } | {
             readonly _tag: "CompletedWaitForPaint";
         } | {
             readonly _tag: "EndedAnimation";
+        } | {
+            readonly _tag: "Hid";
+        } | {
+            readonly _tag: "Showed";
         };
     }, never>;
     outMessage?: {
@@ -229,7 +247,7 @@ export declare const view: import("foldkit/submodel").View<{
     readonly animation: {
         readonly id: string;
         readonly isShowing: boolean;
-        readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+        readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
     };
     readonly maybeFocusSelector: Option.Option<string>;
 }, {
@@ -237,7 +255,9 @@ export declare const view: import("foldkit/submodel").View<{
 } | {
     readonly _tag: "RequestedClose";
 } | {
-    readonly _tag: "CompletedShowDialog";
+    readonly _tag: "SucceededShowDialog";
+} | {
+    readonly _tag: "FailedShowDialog";
 } | {
     readonly _tag: "CompletedCloseDialog";
 } | {
@@ -247,13 +267,13 @@ export declare const view: import("foldkit/submodel").View<{
 } | {
     readonly _tag: "GotAnimationMessage";
     readonly message: {
-        readonly _tag: "Showed";
-    } | {
-        readonly _tag: "Hid";
-    } | {
         readonly _tag: "CompletedWaitForPaint";
     } | {
         readonly _tag: "EndedAnimation";
+    } | {
+        readonly _tag: "Hid";
+    } | {
+        readonly _tag: "Showed";
     };
 }, Readonly<{
     toView: (render: RenderInfo) => Html;

package/dist/dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AACtE,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,EAAmB,MAAM,cAAc,CAAA;AAI9E,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAmBxC,6IAA6I;AAC7I,eAAO,MAAM,KAAK;;;;;;;;;;EAMhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8DAA8D;AAC9D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;EAQlB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA;AAC7D,MAAM,MAAM,cAAc,GAAG,OAAO,OAAO,CAAC,cAAc,CAAC,IAAI,CAAA;AAC/D,MAAM,MAAM,mBAAmB,GAAG,OAAO,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAA;AACzE,MAAM,MAAM,oBAAoB,GAAG,OAAO,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAA;AAC3E,MAAM,MAAM,SAAS,GAAG,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,CAAA;AACrD,MAAM,MAAM,+BAA+B,GACzC,OAAO,OAAO,CAAC,+BAA+B,CAAC,IAAI,CAAA;AAErD,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,8DAA8D;AAC9D,eAAO,MAAM,UAAU;;;EAGrB,CAAA;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAA;AAClD,MAAM,MAAM,MAAM,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAA;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C;;;;;;;;4DAQ4D;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;mEAI+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC,CAAA;AAEF,0FAA0F;AAC1F,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KASxC,CAAA;AAMF;uBACuB;AACvB,eAAO,MAAM,2BAA2B,iCAAiC,CAAA;AAEzE;oDACoD;AACpD,eAAO,MAAM,0BAA0B,wCAA0C,CAAA;AAEjF,KAAK,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;AAE3E;;;;2CAI2C;AAC3C,eAAO,MAAM,UAAU;;;;;iBAWrB,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,WAAW;;;;iBAStB,CAAA;AAEF;;;uCAGuC;AACvC,eAAO,MAAM,sBAAsB;;;;iBAQjC,CAAA;AA6BF,mFAAmF;AACnF,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FjD,CAAA;AAEJ,yCAAyC;AACzC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,YACI,CAAA;AAExC,0CAA0C;AAC1C,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,KAAG,YACI,CAAA;AAIzC;;;;;;;+BAO+B;AAC/B,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,KAAG,MAAoC,CAAA;AAE3E;;;;;;;qEAOqE;AACrE,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,KAAG,MACX,CAAA;AAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoC4B;AAC5B,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACrC,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACvC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACpC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACpC,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC3C,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,qFAAqF;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAC,CAAA;AAEF;;;2EAG2E;AAC3E,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAPP,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI;GA+FrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"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"}

package/dist/dialog/index.js

@@ -27,7 +27,8 @@ export const Model = S.Struct({
 export const Message = defineMessageUnion({
     RequestedOpen: {},
     RequestedClose: {},
-    CompletedShowDialog: {},
+    SucceededShowDialog: {},
+    FailedShowDialog: {},
     CompletedCloseDialog: {},
     Unmounted: {},
     CompletedReleaseDialogResources: {},
@@ -62,17 +63,29 @@ export const initialFocusMarkerSelector = `[data-${initialFocusMarkerAttribute}]
  *  `Dom.showDialog`, which calls `show()` (not native `showModal()`) so other
  *  high-z-index overlays stay interactive. It layers the dialog with a high
  *  z-index, traps focus, and dispatches a `cancel` event on Esc. The Dialog
- *  component supplies its own backdrop. */
+ *  component supplies its own backdrop. If the dialog element is gone by the
+ *  time the show runs, the lock is released and the Command reports
+ *  `FailedShowDialog`. A closed dialog has no `OnUnmount`, so nothing else
+ *  would release the lock. The update function then closes the Model. Without
+ *  this close, the dialog would render open with no lock and no focus trap.
+ *  The lock is also released if the Command is interrupted while it waits. */
 export const ShowDialog = Command.define('ShowDialog', {
     args: { id: S.String, focusSelector: S.String },
-    messages: [Message.CompletedShowDialog],
-    execute: ({ id, focusSelector }) => __foldkitBrandViewResult((Dom.lockScroll.pipe(Effect.andThen(() => __foldkitBrandViewResult((Dom.showDialog(dialogSelector(id), { focusSelector })), "@foldkit/ui/dialog/index.js#anonymous")), Effect.ignore, Effect.as(Message.CompletedShowDialog()))), "@foldkit/ui/dialog/index.js#execute"),
+    messages: [Message.SucceededShowDialog, Message.FailedShowDialog],
+    execute: ({ id, focusSelector }) => __foldkitBrandViewResult((Dom.lockScroll.pipe(Effect.andThen(() => __foldkitBrandViewResult((Dom.showDialog(dialogSelector(id), { focusSelector }).pipe(Effect.onError(() => __foldkitBrandViewResult((Dom.unlockScroll), "@foldkit/ui/dialog/index.js#anonymous~2")), Effect.as(Message.SucceededShowDialog()), Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(Message.FailedShowDialog())), "@foldkit/ui/dialog/index.js#anonymous~3")))), "@foldkit/ui/dialog/index.js#anonymous")))), "@foldkit/ui/dialog/index.js#execute"),
 });
-/** Calls `close()` on the native dialog element and unlocks page scroll. */
+/** Calls `close()` on the native dialog element and unlocks page scroll when
+ *  the close released the resources `ShowDialog` installed. A close that runs
+ *  before the show has installed them leaves the lock alone. When the show
+ *  then fails, it releases the lock itself. When the show succeeds, update
+ *  closes the dialog again. If the dialog element is gone by the time the
+ *  close runs, the Command calls `Dom.releaseDialogResources` instead. That
+ *  releases the scroll lock, focus trap, return focus, and stack entry if the
+ *  dialog still holds them. */
 export const CloseDialog = Command.define('CloseDialog', {
     args: { id: S.String },
     messages: [Message.CompletedCloseDialog],
-    execute: ({ id }) => __foldkitBrandViewResult((Dom.closeDialog(dialogSelector(id)).pipe(Effect.andThen(() => __foldkitBrandViewResult((Dom.unlockScroll), "@foldkit/ui/dialog/index.js#anonymous~2")), Effect.ignore, Effect.as(Message.CompletedCloseDialog()))), "@foldkit/ui/dialog/index.js#execute~2"),
+    execute: ({ id }) => __foldkitBrandViewResult((Dom.closeDialog(dialogSelector(id)).pipe(Effect.andThen(isReleased => __foldkitBrandViewResult((isReleased ? Dom.unlockScroll : Effect.void), "@foldkit/ui/dialog/index.js#anonymous~4")), Effect.catch(() => __foldkitBrandViewResult((Dom.releaseDialogResources(id)), "@foldkit/ui/dialog/index.js#anonymous~5")), Effect.as(Message.CompletedCloseDialog()))), "@foldkit/ui/dialog/index.js#execute~2"),
 });
 /** Releases the framework hygiene the dialog holds while open (scroll lock,
  *  focus trap, return focus, stack entry) when the element unmounts without a
@@ -83,21 +96,28 @@ export const ReleaseDialogResources = Command.define('ReleaseDialogResources', {
     messages: [Message.CompletedReleaseDialogResources],
     execute: ({ id }) => __foldkitBrandViewResult((Dom.releaseDialogResources(id).pipe(Effect.ignore, Effect.as(Message.CompletedReleaseDialogResources()))), "@foldkit/ui/dialog/index.js#execute~3"),
 });
+const isLeaving = (model) => __foldkitBrandViewResult((model.animation.transitionState === 'LeaveStart' ||
+    model.animation.transitionState === 'LeaveAnimating'), "@foldkit/ui/dialog/index.js#isLeaving");
+const isOpenOrAnimating = (model) => __foldkitBrandViewResult((model.isOpen || model.animation.transitionState !== 'Idle'), "@foldkit/ui/dialog/index.js#isOpenOrAnimating");
+const resetToClosed = (model) => __foldkitBrandViewResult((evo(model, {
+    isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen"),
+    animation: () => __foldkitBrandViewResult((animationInit({ id: `${model.id}-panel` })), "@foldkit/ui/dialog/index.js#animation"),
+})), "@foldkit/ui/dialog/index.js#resetToClosed");
 const wrapAnimationMessage = (message) => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/dialog/index.js#wrapAnimationMessage");
 const foldAnimationOutMessage = (outMessage, { liftCommand }) => __foldkitBrandViewResult((AnimationOutMessage.match(outMessage, {
     StartedLeaveAnimating: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({
         model,
         commands: [liftCommand(animationDefaultLeaveCommand(model.animation))],
-    }), "@foldkit/ui/dialog/index.js#anonymous~3"))), "@foldkit/ui/dialog/index.js#StartedLeaveAnimating"),
+    }), "@foldkit/ui/dialog/index.js#anonymous~6"))), "@foldkit/ui/dialog/index.js#StartedLeaveAnimating"),
     TransitionedOut: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({
         model,
         commands: [CloseDialog({ id: model.id })],
-    }), "@foldkit/ui/dialog/index.js#anonymous~4"))), "@foldkit/ui/dialog/index.js#TransitionedOut"),
+    }), "@foldkit/ui/dialog/index.js#anonymous~7"))), "@foldkit/ui/dialog/index.js#TransitionedOut"),
 })), "@foldkit/ui/dialog/index.js#foldAnimationOutMessage");
 const foldAnimation = Update.foldChild({
     update: animationUpdate,
     read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/dialog/index.js#read"),
-    write: (model, nextAnimation) => __foldkitBrandViewResult((evo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/dialog/index.js#animation") })), "@foldkit/ui/dialog/index.js#write"),
+    write: (model, nextAnimation) => __foldkitBrandViewResult((evo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/dialog/index.js#animation~2") })), "@foldkit/ui/dialog/index.js#write"),
     toParentMessage: wrapAnimationMessage,
     foldOutMessage: foldAnimationOutMessage,
 });
@@ -107,44 +127,42 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
         const wasClosed = !model.isOpen;
         const maybeShow = Option.liftPredicate(ShowDialog({
             id: model.id,
-            focusSelector: Option.getOrElse(model.maybeFocusSelector, () => __foldkitBrandViewResult((initialFocusMarkerSelector), "@foldkit/ui/dialog/index.js#anonymous~5")),
-        }), () => __foldkitBrandViewResult((wasClosed), "@foldkit/ui/dialog/index.js#anonymous~6"));
+            focusSelector: Option.getOrElse(model.maybeFocusSelector, () => __foldkitBrandViewResult((initialFocusMarkerSelector), "@foldkit/ui/dialog/index.js#anonymous~8")),
+        }), () => __foldkitBrandViewResult((wasClosed), "@foldkit/ui/dialog/index.js#anonymous~9"));
         const commands = Option.toArray(maybeShow);
         const dialogOpen = model.isAnimated
             ? Update.combine(model, [
-                stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/dialog/index.js#anonymous~7")),
+                stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/dialog/index.js#anonymous~10")),
                 foldAnimation(AnimationMessage.Showed()),
                 stepModel => (__foldkitBrandViewResult(({
-                    model: evo(stepModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen") }),
-                }), "@foldkit/ui/dialog/index.js#anonymous~8")),
+                    model: evo(stepModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen~2") }),
+                }), "@foldkit/ui/dialog/index.js#anonymous~11")),
             ])
-            : { model: evo(model, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen~2") }), commands };
+            : { model: evo(model, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen~3") }), commands };
         return __foldkitBrandViewResult((wasClosed
             ? pipe(dialogOpen, Update.withOutMessage(OutMessage.Opened()))
             : dialogOpen), "@foldkit/ui/dialog/index.js#RequestedOpen");
     },
     RequestedClose: () => {
-        const { transitionState } = model.animation;
-        const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
-        if (isLeaving) {
+        if (isLeaving(model)) {
             return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#RequestedClose");
         }
         const wasOpen = model.isOpen;
         if (model.isAnimated) {
             const dialogClose = Update.combine(model, [
                 stepModel => (__foldkitBrandViewResult(({
-                    model: evo(stepModel, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~3") }),
-                }), "@foldkit/ui/dialog/index.js#anonymous~9")),
+                    model: evo(stepModel, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~4") }),
+                }), "@foldkit/ui/dialog/index.js#anonymous~12")),
                 foldAnimation(AnimationMessage.Hid()),
             ]);
             return __foldkitBrandViewResult((wasOpen
                 ? pipe(dialogClose, Update.withOutMessage(OutMessage.Closed()))
                 : dialogClose), "@foldkit/ui/dialog/index.js#RequestedClose");
         }
-        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => __foldkitBrandViewResult((wasOpen), "@foldkit/ui/dialog/index.js#anonymous~10"));
+        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => __foldkitBrandViewResult((wasOpen), "@foldkit/ui/dialog/index.js#anonymous~13"));
         const commands = Option.toArray(maybeClose);
         const dialogClose = {
-            model: evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~4") }),
+            model: evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~5") }),
             commands,
         };
         return __foldkitBrandViewResult((wasOpen
@@ -153,14 +171,9 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
     },
     GotAnimationMessage: ({ message: animationMessage }) => __foldkitBrandViewResult((foldAnimation(model, animationMessage)), "@foldkit/ui/dialog/index.js#GotAnimationMessage"),
     Unmounted: () => {
-        const isHoldingResources = model.isOpen || model.animation.transitionState !== 'Idle';
-        if (isHoldingResources) {
-            const nextModel = evo(model, {
-                isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~5"),
-                animation: () => __foldkitBrandViewResult((animationInit({ id: `${model.id}-panel` })), "@foldkit/ui/dialog/index.js#animation~2"),
-            });
+        if (isOpenOrAnimating(model)) {
             return __foldkitBrandViewResult(({
-                model: nextModel,
+                model: resetToClosed(model),
                 commands: [ReleaseDialogResources({ id: model.id })],
             }), "@foldkit/ui/dialog/index.js#Unmounted");
         }
@@ -168,7 +181,22 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
             return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#Unmounted");
         }
     },
-    CompletedShowDialog: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#CompletedShowDialog")),
+    SucceededShowDialog: () => {
+        if (model.isOpen || isLeaving(model)) {
+            return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#SucceededShowDialog");
+        }
+        else {
+            return __foldkitBrandViewResult(({ model, commands: [CloseDialog({ id: model.id })] }), "@foldkit/ui/dialog/index.js#SucceededShowDialog");
+        }
+    },
+    FailedShowDialog: () => {
+        if (isOpenOrAnimating(model)) {
+            return __foldkitBrandViewResult(({ model: resetToClosed(model) }), "@foldkit/ui/dialog/index.js#FailedShowDialog");
+        }
+        else {
+            return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#FailedShowDialog");
+        }
+    },
     CompletedCloseDialog: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#CompletedCloseDialog")),
     CompletedReleaseDialogResources: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#CompletedReleaseDialogResources")),
 })), "@foldkit/ui/dialog/index.js#update");
@@ -202,23 +230,22 @@ export const descriptionId = (model) => __foldkitBrandViewResult((`${model.id}-d
 export const view = defineView((model, viewInputs, h) => {
     const { id, isOpen, animation: { transitionState }, } = model;
     const { toView } = viewInputs;
-    const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
-    const isVisible = isOpen || isLeaving;
+    const isVisible = isOpen || isLeaving(model);
     const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~12")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/dialog/index.js#anonymous~15")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~13")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/dialog/index.js#anonymous~16")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~14")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/dialog/index.js#anonymous~17")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~15")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/dialog/index.js#anonymous~16")));
+    ]), "@foldkit/ui/dialog/index.js#anonymous~18")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/dialog/index.js#anonymous~19")));
     const dialogAttributes = [
         h.Id(id),
         h.AriaLabelledBy(titleId(model)),
@@ -244,7 +271,7 @@ export const view = defineView((model, viewInputs, h) => {
     const backdropAttributes = [
         h.Style({ minHeight: '100vh' }),
         ...animationAttributes,
-        ...(isLeaving ? [] : [h.OnClick(Message.RequestedClose())]),
+        ...(isLeaving(model) ? [] : [h.OnClick(Message.RequestedClose())]),
     ];
     const panelAttributes = [h.Id(`${id}-panel`), ...animationAttributes];
     const titleAttributes = [h.Id(titleId(model))];
@@ -254,7 +281,7 @@ export const view = defineView((model, viewInputs, h) => {
     ];
     const closeButtonAttributes = [
         h.Type('button'),
-        ...(isLeaving ? [] : [h.OnClick(Message.RequestedClose())]),
+        ...(isLeaving(model) ? [] : [h.OnClick(Message.RequestedClose())]),
     ];
     return __foldkitBrandViewResult((toView({
         dialog: childAttributes(dialogAttributes),
@@ -265,5 +292,5 @@ export const view = defineView((model, viewInputs, h) => {
         initialFocus: childAttributes(initialFocusAttributes),
         closeButton: childAttributes(closeButtonAttributes),
         isVisible,
-    })), "@foldkit/ui/dialog/index.js#anonymous~11");
+    })), "@foldkit/ui/dialog/index.js#anonymous~14");
 });

package/dist/dialog/public.d.ts

@@ -1,3 +1,3 @@
-export { init, update, open, close, view, titleId, descriptionId, Model, Message, OutMessage, type Opened, type Closed, type RequestedOpen, type RequestedClose, type CompletedShowDialog, type CompletedCloseDialog, type Unmounted, type CompletedReleaseDialogResources, ShowDialog, CloseDialog, ReleaseDialogResources, } from './index.js';
+export { init, update, open, close, view, titleId, descriptionId, Model, Message, OutMessage, type Opened, type Closed, type RequestedOpen, type RequestedClose, type SucceededShowDialog, type FailedShowDialog, type CompletedCloseDialog, type Unmounted, type CompletedReleaseDialogResources, ShowDialog, CloseDialog, ReleaseDialogResources, } from './index.js';
 export type { InitConfig, ViewInputs, RenderInfo } from './index.js';
 //# sourceMappingURL=public.d.ts.map

package/dist/dialog/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/dialog/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,+BAA+B,EACpC,UAAU,EACV,WAAW,EACX,sBAAsB,GACvB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/dialog/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,+BAA+B,EACpC,UAAU,EACV,WAAW,EACX,sBAAsB,GACvB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist/disclosure/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;mCAGmC;AACnC,eAAO,MAAM,QAAQ,GAAI,IAAI,MAAM,KAAG,MAAwB,CAAA;AAM9D;;;;;;;;;sEASsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACnD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC;;;;;kFAK8E;IAC9E,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF;;;;;;;;;;oBAUoB;AACpB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;UAsBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAiFF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;mCAGmC;AACnC,eAAO,MAAM,QAAQ,OAAQ,MAAM,KAAG,MAAwB,CAAA;AAM9D;;;;;;;;;sEASsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACnD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC;;;;;kFAK8E;IAC9E,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF;;;;;;;;;;oBAUoB;AACpB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;UAsBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,CAAC,OAAO,CAAC,KACxB,WAAW,CAAC,OAAO,CAAC,KACtB,IAiFF,CAAA"}