foldkit 0.71.0 → 0.72.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.
- package/dist/task/index.d.ts +1 -1
- package/dist/task/index.d.ts.map +1 -1
- package/dist/task/index.js +1 -1
- package/dist/task/public.d.ts +1 -1
- package/dist/task/public.d.ts.map +1 -1
- package/dist/task/public.js +1 -1
- package/dist/task/timing.d.ts +9 -5
- package/dist/task/timing.d.ts.map +1 -1
- package/dist/task/timing.js +11 -11
- package/dist/test/apps/disabledButton.d.ts +5 -5
- package/dist/ui/{transition → animation}/index.d.ts +9 -8
- package/dist/ui/animation/index.d.ts.map +1 -0
- package/dist/ui/{transition → animation}/index.js +8 -7
- package/dist/ui/animation/public.d.ts +3 -0
- package/dist/ui/animation/public.d.ts.map +1 -0
- package/dist/ui/animation/public.js +1 -0
- package/dist/ui/{transition → animation}/schema.d.ts +14 -14
- package/dist/ui/animation/schema.d.ts.map +1 -0
- package/dist/ui/animation/schema.js +35 -0
- package/dist/ui/{transition → animation}/update.d.ts +7 -7
- package/dist/ui/animation/update.d.ts.map +1 -0
- package/dist/ui/{transition → animation}/update.js +12 -12
- package/dist/ui/combobox/multi.d.ts +7 -7
- package/dist/ui/combobox/public.d.ts +1 -1
- package/dist/ui/combobox/public.d.ts.map +1 -1
- package/dist/ui/combobox/public.js +1 -1
- package/dist/ui/combobox/shared.d.ts +13 -13
- package/dist/ui/combobox/shared.d.ts.map +1 -1
- package/dist/ui/combobox/shared.js +31 -31
- package/dist/ui/combobox/single.d.ts +7 -7
- package/dist/ui/datePicker/index.d.ts +3 -3
- package/dist/ui/dialog/index.d.ts +7 -7
- package/dist/ui/dialog/index.d.ts.map +1 -1
- package/dist/ui/dialog/index.js +28 -28
- package/dist/ui/dialog/public.d.ts +1 -1
- package/dist/ui/dialog/public.d.ts.map +1 -1
- package/dist/ui/dialog/public.js +1 -1
- package/dist/ui/index.d.ts +1 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +1 -1
- package/dist/ui/listbox/multi.d.ts +7 -7
- package/dist/ui/listbox/public.d.ts +1 -1
- package/dist/ui/listbox/public.d.ts.map +1 -1
- package/dist/ui/listbox/public.js +1 -1
- package/dist/ui/listbox/shared.d.ts +13 -13
- package/dist/ui/listbox/shared.d.ts.map +1 -1
- package/dist/ui/listbox/shared.js +29 -29
- package/dist/ui/listbox/single.d.ts +7 -7
- package/dist/ui/menu/index.d.ts +11 -11
- package/dist/ui/menu/index.d.ts.map +1 -1
- package/dist/ui/menu/index.js +29 -29
- package/dist/ui/menu/public.d.ts +1 -1
- package/dist/ui/menu/public.d.ts.map +1 -1
- package/dist/ui/menu/public.js +1 -1
- package/dist/ui/popover/index.d.ts +12 -12
- package/dist/ui/popover/index.d.ts.map +1 -1
- package/dist/ui/popover/index.js +30 -30
- package/dist/ui/popover/public.d.ts +1 -1
- package/dist/ui/popover/public.d.ts.map +1 -1
- package/dist/ui/popover/public.js +1 -1
- package/dist/ui/toast/index.d.ts +44 -44
- package/dist/ui/toast/index.d.ts.map +1 -1
- package/dist/ui/toast/index.js +7 -7
- package/dist/ui/toast/public.d.ts +1 -1
- package/dist/ui/toast/public.d.ts.map +1 -1
- package/dist/ui/toast/public.js +1 -1
- package/dist/ui/toast/schema.d.ts +11 -11
- package/dist/ui/toast/schema.d.ts.map +1 -1
- package/dist/ui/toast/schema.js +7 -7
- package/dist/ui/toast/update.d.ts +35 -35
- package/dist/ui/toast/update.d.ts.map +1 -1
- package/dist/ui/toast/update.js +16 -16
- package/package.json +5 -5
- package/dist/ui/transition/index.d.ts.map +0 -1
- package/dist/ui/transition/public.d.ts +0 -3
- package/dist/ui/transition/public.d.ts.map +0 -1
- package/dist/ui/transition/public.js +0 -1
- package/dist/ui/transition/schema.d.ts.map +0 -1
- package/dist/ui/transition/schema.js +0 -35
- package/dist/ui/transition/update.d.ts.map +0 -1
|
@@ -2,14 +2,14 @@ import { Schema as S } from 'effect';
|
|
|
2
2
|
import * as Command from '../../command';
|
|
3
3
|
import { type Attribute, type Html } from '../../html';
|
|
4
4
|
import type { AnchorConfig } from '../anchor';
|
|
5
|
-
/** Schema for the popover component's state, tracking open/closed status and
|
|
5
|
+
/** Schema for the popover component's state, tracking open/closed status and animation lifecycle. */
|
|
6
6
|
export declare const Model: S.Struct<{
|
|
7
7
|
id: typeof S.String;
|
|
8
8
|
isOpen: typeof S.Boolean;
|
|
9
9
|
isAnimated: typeof S.Boolean;
|
|
10
10
|
isModal: typeof S.Boolean;
|
|
11
11
|
contentFocus: typeof S.Boolean;
|
|
12
|
-
|
|
12
|
+
animation: S.Struct<{
|
|
13
13
|
id: typeof S.String;
|
|
14
14
|
isShowing: typeof S.Boolean;
|
|
15
15
|
transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
|
|
@@ -44,9 +44,9 @@ export declare const CompletedTeardownInert: import("../../schema").CallableTagg
|
|
|
44
44
|
export declare const IgnoredMouseClick: import("../../schema").CallableTaggedStruct<"IgnoredMouseClick", {}>;
|
|
45
45
|
/** Sent when a Space key-up is captured to prevent page scrolling. */
|
|
46
46
|
export declare const SuppressedSpaceScroll: import("../../schema").CallableTaggedStruct<"SuppressedSpaceScroll", {}>;
|
|
47
|
-
/** Wraps
|
|
48
|
-
export declare const
|
|
49
|
-
message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"
|
|
47
|
+
/** Wraps an Animation submodel message for delegation. */
|
|
48
|
+
export declare const GotAnimationMessage: import("../../schema").CallableTaggedStruct<"GotAnimationMessage", {
|
|
49
|
+
message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
|
|
50
50
|
}>;
|
|
51
51
|
/** Union of all messages the popover component can produce. */
|
|
52
52
|
export declare const Message: S.Union<[
|
|
@@ -62,7 +62,7 @@ export declare const Message: S.Union<[
|
|
|
62
62
|
typeof CompletedTeardownInert,
|
|
63
63
|
typeof IgnoredMouseClick,
|
|
64
64
|
typeof SuppressedSpaceScroll,
|
|
65
|
-
typeof
|
|
65
|
+
typeof GotAnimationMessage
|
|
66
66
|
]>;
|
|
67
67
|
export type Opened = typeof Opened.Type;
|
|
68
68
|
export type Closed = typeof Closed.Type;
|
|
@@ -71,7 +71,7 @@ export type PressedPointerOnButton = typeof PressedPointerOnButton.Type;
|
|
|
71
71
|
export type IgnoredMouseClick = typeof IgnoredMouseClick.Type;
|
|
72
72
|
export type SuppressedSpaceScroll = typeof SuppressedSpaceScroll.Type;
|
|
73
73
|
export type Message = typeof Message.Type;
|
|
74
|
-
/** Configuration for creating a popover model with `init`. `isAnimated` enables
|
|
74
|
+
/** Configuration for creating a popover model with `init`. `isAnimated` enables animation coordination (default `false`). `isModal` locks page scroll and inerts other elements when open (default `false`). `contentFocus` hands focus ownership to the consumer — the panel is not focusable and does not close on blur, so the consumer must focus a descendant on open and close the popover on its own blur rules (default `false`). */
|
|
75
75
|
export type InitConfig = Readonly<{
|
|
76
76
|
id: string;
|
|
77
77
|
isAnimated?: boolean;
|
|
@@ -105,17 +105,17 @@ export declare const FocusPanel: Command.CommandDefinition<"FocusPanel", {
|
|
|
105
105
|
export declare const FocusButton: Command.CommandDefinition<"FocusButton", {
|
|
106
106
|
readonly _tag: "CompletedFocusButton";
|
|
107
107
|
}>;
|
|
108
|
-
/** Detects whether the popover button moved or the leave
|
|
109
|
-
export declare const
|
|
110
|
-
readonly _tag: "
|
|
108
|
+
/** Detects whether the popover button moved or the leave animation ended — whichever comes first. Both outcomes signal the Animation submodel that leave is complete. */
|
|
109
|
+
export declare const DetectMovementOrAnimationEnd: Command.CommandDefinition<"DetectMovementOrAnimationEnd", {
|
|
110
|
+
readonly _tag: "GotAnimationMessage";
|
|
111
111
|
readonly message: {
|
|
112
112
|
readonly _tag: "Showed";
|
|
113
113
|
} | {
|
|
114
114
|
readonly _tag: "Hid";
|
|
115
115
|
} | {
|
|
116
|
-
readonly _tag: "
|
|
116
|
+
readonly _tag: "AdvancedAnimationFrame";
|
|
117
117
|
} | {
|
|
118
|
-
readonly _tag: "
|
|
118
|
+
readonly _tag: "EndedAnimation";
|
|
119
119
|
};
|
|
120
120
|
}>;
|
|
121
121
|
/** Processes a popover message and returns the next model and commands. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAE9E,OAAO,KAAK,OAAO,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAoB,MAAM,YAAY,CAAA;AAKxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAiB7C,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/index.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/popover/index.js
CHANGED
|
@@ -6,20 +6,20 @@ import { m } from '../../message';
|
|
|
6
6
|
import { evo } from '../../struct';
|
|
7
7
|
import * as Task from '../../task';
|
|
8
8
|
import { anchorHooks } from '../anchor';
|
|
9
|
-
// NOTE:
|
|
10
|
-
// dependency:
|
|
11
|
-
// The barrel (../
|
|
12
|
-
import {
|
|
13
|
-
import { update as
|
|
9
|
+
// NOTE: Animation imports are split across schema + update to avoid a circular
|
|
10
|
+
// dependency: animation → html → runtime → devtools → popover → animation.
|
|
11
|
+
// The barrel (../animation) imports from html, which starts the cycle.
|
|
12
|
+
import { EndedAnimation as AnimationEndedAnimation, Hid as AnimationHid, Message as AnimationMessage, Model as AnimationModel, Showed as AnimationShowed, init as animationInit, } from '../animation/schema';
|
|
13
|
+
import { update as animationUpdate } from '../animation/update';
|
|
14
14
|
// MODEL
|
|
15
|
-
/** Schema for the popover component's state, tracking open/closed status and
|
|
15
|
+
/** Schema for the popover component's state, tracking open/closed status and animation lifecycle. */
|
|
16
16
|
export const Model = S.Struct({
|
|
17
17
|
id: S.String,
|
|
18
18
|
isOpen: S.Boolean,
|
|
19
19
|
isAnimated: S.Boolean,
|
|
20
20
|
isModal: S.Boolean,
|
|
21
21
|
contentFocus: S.Boolean,
|
|
22
|
-
|
|
22
|
+
animation: AnimationModel,
|
|
23
23
|
maybeLastButtonPointerType: S.OptionFromSelf(S.String),
|
|
24
24
|
});
|
|
25
25
|
// MESSAGE
|
|
@@ -50,12 +50,12 @@ export const CompletedTeardownInert = m('CompletedTeardownInert');
|
|
|
50
50
|
export const IgnoredMouseClick = m('IgnoredMouseClick');
|
|
51
51
|
/** Sent when a Space key-up is captured to prevent page scrolling. */
|
|
52
52
|
export const SuppressedSpaceScroll = m('SuppressedSpaceScroll');
|
|
53
|
-
/** Wraps
|
|
54
|
-
export const
|
|
55
|
-
message:
|
|
53
|
+
/** Wraps an Animation submodel message for delegation. */
|
|
54
|
+
export const GotAnimationMessage = m('GotAnimationMessage', {
|
|
55
|
+
message: AnimationMessage,
|
|
56
56
|
});
|
|
57
57
|
/** Union of all messages the popover component can produce. */
|
|
58
|
-
export const Message = S.Union(Opened, Closed, ClosedByTab, PressedPointerOnButton, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, IgnoredMouseClick, SuppressedSpaceScroll,
|
|
58
|
+
export const Message = S.Union(Opened, Closed, ClosedByTab, PressedPointerOnButton, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, IgnoredMouseClick, SuppressedSpaceScroll, GotAnimationMessage);
|
|
59
59
|
// INIT
|
|
60
60
|
const LEFT_MOUSE_BUTTON = 0;
|
|
61
61
|
/** Creates an initial popover model from a config. Defaults to closed. */
|
|
@@ -65,7 +65,7 @@ export const init = (config) => ({
|
|
|
65
65
|
isAnimated: config.isAnimated ?? false,
|
|
66
66
|
isModal: config.isModal ?? false,
|
|
67
67
|
contentFocus: config.contentFocus ?? false,
|
|
68
|
-
|
|
68
|
+
animation: animationInit({ id: `${config.id}-panel` }),
|
|
69
69
|
maybeLastButtonPointerType: Option.none(),
|
|
70
70
|
});
|
|
71
71
|
// UPDATE
|
|
@@ -88,26 +88,26 @@ export const RestoreInert = Command.define('RestoreInert', CompletedTeardownIner
|
|
|
88
88
|
export const FocusPanel = Command.define('FocusPanel', CompletedFocusPanel);
|
|
89
89
|
/** Moves focus back to the popover button after closing. */
|
|
90
90
|
export const FocusButton = Command.define('FocusButton', CompletedFocusButton);
|
|
91
|
-
/** Detects whether the popover button moved or the leave
|
|
92
|
-
export const
|
|
93
|
-
const
|
|
94
|
-
const [
|
|
95
|
-
const mappedCommands =
|
|
91
|
+
/** Detects whether the popover button moved or the leave animation ended — whichever comes first. Both outcomes signal the Animation submodel that leave is complete. */
|
|
92
|
+
export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnimationEnd', GotAnimationMessage);
|
|
93
|
+
const delegateToAnimation = (model, animationMessage) => {
|
|
94
|
+
const [nextAnimation, animationCommands, maybeOutMessage] = animationUpdate(model.animation, animationMessage);
|
|
95
|
+
const mappedCommands = animationCommands.map(Command.mapEffect(Effect.map(message => GotAnimationMessage({ message }))));
|
|
96
96
|
const additionalCommands = Option.match(maybeOutMessage, {
|
|
97
97
|
onNone: () => [],
|
|
98
98
|
onSome: M.type().pipe(M.tagsExhaustive({
|
|
99
99
|
StartedLeaveAnimating: () => [
|
|
100
|
-
|
|
101
|
-
message:
|
|
102
|
-
}))), Task.
|
|
103
|
-
message:
|
|
100
|
+
DetectMovementOrAnimationEnd(Effect.raceFirst(Task.detectElementMovement(buttonSelector(model.id)).pipe(Effect.as(GotAnimationMessage({
|
|
101
|
+
message: AnimationEndedAnimation(),
|
|
102
|
+
}))), Task.waitForAnimationSettled(panelSelector(model.id)).pipe(Effect.as(GotAnimationMessage({
|
|
103
|
+
message: AnimationEndedAnimation(),
|
|
104
104
|
}))))),
|
|
105
105
|
],
|
|
106
106
|
TransitionedOut: () => [],
|
|
107
107
|
})),
|
|
108
108
|
});
|
|
109
109
|
return [
|
|
110
|
-
evo(model, {
|
|
110
|
+
evo(model, { animation: () => nextAnimation }),
|
|
111
111
|
[...mappedCommands, ...additionalCommands],
|
|
112
112
|
];
|
|
113
113
|
};
|
|
@@ -132,10 +132,10 @@ export const update = (model, message) => {
|
|
|
132
132
|
]);
|
|
133
133
|
const openPopover = (baseModel) => {
|
|
134
134
|
if (model.isAnimated) {
|
|
135
|
-
const [nextModel,
|
|
135
|
+
const [nextModel, animationCommands] = delegateToAnimation(baseModel, AnimationShowed());
|
|
136
136
|
return [
|
|
137
137
|
evo(nextModel, { isOpen: () => true }),
|
|
138
|
-
[...openCommands, ...
|
|
138
|
+
[...openCommands, ...animationCommands],
|
|
139
139
|
];
|
|
140
140
|
}
|
|
141
141
|
return [evo(baseModel, { isOpen: () => true }), openCommands];
|
|
@@ -143,8 +143,8 @@ export const update = (model, message) => {
|
|
|
143
143
|
const closePopover = (baseModel, commands) => {
|
|
144
144
|
const closed = closedModel(baseModel);
|
|
145
145
|
if (model.isAnimated) {
|
|
146
|
-
const [nextModel,
|
|
147
|
-
return [nextModel, [...commands, ...
|
|
146
|
+
const [nextModel, animationCommands] = delegateToAnimation(closed, AnimationHid());
|
|
147
|
+
return [nextModel, [...commands, ...animationCommands]];
|
|
148
148
|
}
|
|
149
149
|
return [closed, commands];
|
|
150
150
|
};
|
|
@@ -175,7 +175,7 @@ export const update = (model, message) => {
|
|
|
175
175
|
}
|
|
176
176
|
return openPopover(withPointerType);
|
|
177
177
|
},
|
|
178
|
-
|
|
178
|
+
GotAnimationMessage: ({ message: animationMessage }) => delegateToAnimation(model, animationMessage),
|
|
179
179
|
CompletedFocusPanel: () => [model, []],
|
|
180
180
|
CompletedFocusButton: () => [model, []],
|
|
181
181
|
CompletedLockScroll: () => [model, []],
|
|
@@ -198,12 +198,12 @@ export const close = (model) => update(model, Closed());
|
|
|
198
198
|
/** Renders a headless popover with a trigger button and a floating panel. Uses the disclosure ARIA pattern (aria-expanded + aria-controls) with no role on the panel. */
|
|
199
199
|
export const view = (config) => {
|
|
200
200
|
const { div, AriaControls, AriaDisabled, AriaExpanded, Class, DataAttribute, Id, OnBlur, OnClick, OnDestroy, OnInsert, OnKeyDownPreventDefault, OnKeyUpPreventDefault, OnPointerDown, Style, Tabindex, Type, keyed, } = html();
|
|
201
|
-
const { model: { id, isOpen, contentFocus,
|
|
201
|
+
const { model: { id, isOpen, contentFocus, animation: { transitionState }, maybeLastButtonPointerType, }, toParentMessage, onOpened, onClosed, anchor, buttonContent, buttonClassName, buttonAttributes = [], panelContent, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], isDisabled, focusSelector, className, attributes = [], } = config;
|
|
202
202
|
const dispatchOpened = () => onOpened ? onOpened() : toParentMessage(Opened());
|
|
203
203
|
const dispatchClosed = () => onClosed ? onClosed() : toParentMessage(Closed());
|
|
204
204
|
const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
|
|
205
205
|
const isVisible = isOpen || isLeaving;
|
|
206
|
-
const
|
|
206
|
+
const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
|
|
207
207
|
DataAttribute('closed', ''),
|
|
208
208
|
DataAttribute('enter', ''),
|
|
209
209
|
DataAttribute('transition', ''),
|
|
@@ -275,7 +275,7 @@ export const view = (config) => {
|
|
|
275
275
|
Id(`${id}-panel`),
|
|
276
276
|
...(contentFocus ? [] : [Tabindex(0)]),
|
|
277
277
|
...anchorAttributes,
|
|
278
|
-
...
|
|
278
|
+
...animationAttributes,
|
|
279
279
|
...(isLeaving
|
|
280
280
|
? []
|
|
281
281
|
: [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { init, update, open, close, view, lazy, Model, Message, Opened, Closed, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert,
|
|
1
|
+
export { init, update, open, close, view, lazy, Model, Message, Opened, Closed, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusPanel, FocusButton, DetectMovementOrAnimationEnd, } from './index';
|
|
2
2
|
export type { ClosedByTab, PressedPointerOnButton, IgnoredMouseClick, SuppressedSpaceScroll, InitConfig, ViewConfig, } from './index';
|
|
3
3
|
export type { AnchorConfig } from '../anchor';
|
|
4
4
|
//# sourceMappingURL=public.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,
|
|
1
|
+
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,4BAA4B,GAC7B,MAAM,SAAS,CAAA;AAEhB,YAAY,EACV,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { init, update, open, close, view, lazy, Model, Message, Opened, Closed, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert,
|
|
1
|
+
export { init, update, open, close, view, lazy, Model, Message, Opened, Closed, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusPanel, FocusButton, DetectMovementOrAnimationEnd, } from './index';
|
package/dist/ui/toast/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Schema as S } from 'effect';
|
|
2
2
|
import { type Attribute, type Html } from '../../html';
|
|
3
|
-
import { Dismissed, DismissedAll, ElapsedDuration,
|
|
3
|
+
import { Dismissed, DismissedAll, ElapsedDuration, GotAnimationMessage, HoveredEntry, LeftEntry, Position, Variant } from './schema';
|
|
4
4
|
import { DismissAfter } from './update';
|
|
5
5
|
export type { InitConfig } from './schema';
|
|
6
6
|
export type { ShowInput } from './update';
|
|
7
|
-
export { Variant, Position, Dismissed, DismissedAll, ElapsedDuration, HoveredEntry, LeftEntry,
|
|
7
|
+
export { Variant, Position, Dismissed, DismissedAll, ElapsedDuration, HoveredEntry, LeftEntry, GotAnimationMessage, DismissAfter, };
|
|
8
8
|
/** Handlers passed to `renderEntry`. Attach `dismiss` to a close button's
|
|
9
9
|
* `OnClick` to let users dismiss the entry manually. */
|
|
10
10
|
export type EntryHandlers<ParentMessage> = Readonly<{
|
|
@@ -18,7 +18,7 @@ export type EntryHandlers<ParentMessage> = Readonly<{
|
|
|
18
18
|
* The payload is whatever content shape the consumer supplies via Schema.
|
|
19
19
|
* The component never reads it — it flows through to `renderEntry`. The
|
|
20
20
|
* component itself owns only lifecycle and a11y fields (id, variant,
|
|
21
|
-
*
|
|
21
|
+
* animation, dismiss timer, hover state).
|
|
22
22
|
*
|
|
23
23
|
* Consume the bound module's exports everywhere — `Toast.Model` in your app
|
|
24
24
|
* Model, `Toast.Message` in your parent Message union, `Toast.show` /
|
|
@@ -44,7 +44,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
44
44
|
model: {
|
|
45
45
|
readonly entries: readonly {
|
|
46
46
|
readonly id: string;
|
|
47
|
-
readonly
|
|
47
|
+
readonly animation: {
|
|
48
48
|
readonly id: string;
|
|
49
49
|
readonly isShowing: boolean;
|
|
50
50
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -63,7 +63,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
63
63
|
toParentMessage: (message: Dismissed | HoveredEntry | LeftEntry) => ParentMessage;
|
|
64
64
|
renderEntry: (entry: {
|
|
65
65
|
readonly id: string;
|
|
66
|
-
readonly
|
|
66
|
+
readonly animation: {
|
|
67
67
|
readonly id: string;
|
|
68
68
|
readonly isShowing: boolean;
|
|
69
69
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -86,7 +86,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
86
86
|
model: {
|
|
87
87
|
readonly entries: readonly {
|
|
88
88
|
readonly id: string;
|
|
89
|
-
readonly
|
|
89
|
+
readonly animation: {
|
|
90
90
|
readonly id: string;
|
|
91
91
|
readonly isShowing: boolean;
|
|
92
92
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -105,7 +105,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
105
105
|
toParentMessage: (message: Dismissed | HoveredEntry | LeftEntry) => ParentMessage;
|
|
106
106
|
renderEntry: (entry: {
|
|
107
107
|
readonly id: string;
|
|
108
|
-
readonly
|
|
108
|
+
readonly animation: {
|
|
109
109
|
readonly id: string;
|
|
110
110
|
readonly isShowing: boolean;
|
|
111
111
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -126,7 +126,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
126
126
|
}>, "model" | "toParentMessage" | "renderEntry">) => ((model: {
|
|
127
127
|
readonly entries: readonly {
|
|
128
128
|
readonly id: string;
|
|
129
|
-
readonly
|
|
129
|
+
readonly animation: {
|
|
130
130
|
readonly id: string;
|
|
131
131
|
readonly isShowing: boolean;
|
|
132
132
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -142,7 +142,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
142
142
|
readonly nextEntryKey: number;
|
|
143
143
|
}, toParentMessage: (message: Dismissed | HoveredEntry | LeftEntry) => ParentMessage, renderEntry: (entry: {
|
|
144
144
|
readonly id: string;
|
|
145
|
-
readonly
|
|
145
|
+
readonly animation: {
|
|
146
146
|
readonly id: string;
|
|
147
147
|
readonly isShowing: boolean;
|
|
148
148
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -158,7 +158,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
158
158
|
readonly Entry: S.Struct<{
|
|
159
159
|
id: typeof S.String;
|
|
160
160
|
variant: S.Literal<["Info", "Success", "Warning", "Error"]>;
|
|
161
|
-
|
|
161
|
+
animation: S.Struct<{
|
|
162
162
|
id: typeof S.String;
|
|
163
163
|
isShowing: typeof S.Boolean;
|
|
164
164
|
transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
|
|
@@ -174,7 +174,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
174
174
|
entries: S.Array$<S.Struct<{
|
|
175
175
|
id: typeof S.String;
|
|
176
176
|
variant: S.Literal<["Info", "Success", "Warning", "Error"]>;
|
|
177
|
-
|
|
177
|
+
animation: S.Struct<{
|
|
178
178
|
id: typeof S.String;
|
|
179
179
|
isShowing: typeof S.Boolean;
|
|
180
180
|
transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
|
|
@@ -190,7 +190,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
190
190
|
entry: S.Struct<{
|
|
191
191
|
id: typeof S.String;
|
|
192
192
|
variant: S.Literal<["Info", "Success", "Warning", "Error"]>;
|
|
193
|
-
|
|
193
|
+
animation: S.Struct<{
|
|
194
194
|
id: typeof S.String;
|
|
195
195
|
isShowing: typeof S.Boolean;
|
|
196
196
|
transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
|
|
@@ -209,15 +209,15 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
209
209
|
entryId: typeof S.String;
|
|
210
210
|
}>, import("../../schema").CallableTaggedStruct<"LeftEntry", {
|
|
211
211
|
entryId: typeof S.String;
|
|
212
|
-
}>, import("../../schema").CallableTaggedStruct<"
|
|
212
|
+
}>, import("../../schema").CallableTaggedStruct<"GotAnimationMessage", {
|
|
213
213
|
entryId: typeof S.String;
|
|
214
|
-
message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"
|
|
214
|
+
message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
|
|
215
215
|
}>]>;
|
|
216
216
|
readonly Added: import("../../schema").CallableTaggedStruct<"Added", {
|
|
217
217
|
entry: S.Struct<{
|
|
218
218
|
id: typeof S.String;
|
|
219
219
|
variant: S.Literal<["Info", "Success", "Warning", "Error"]>;
|
|
220
|
-
|
|
220
|
+
animation: S.Struct<{
|
|
221
221
|
id: typeof S.String;
|
|
222
222
|
isShowing: typeof S.Boolean;
|
|
223
223
|
transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
|
|
@@ -234,7 +234,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
234
234
|
}>) => {
|
|
235
235
|
readonly entries: readonly {
|
|
236
236
|
readonly id: string;
|
|
237
|
-
readonly
|
|
237
|
+
readonly animation: {
|
|
238
238
|
readonly id: string;
|
|
239
239
|
readonly isShowing: boolean;
|
|
240
240
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -252,7 +252,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
252
252
|
readonly update: (model: {
|
|
253
253
|
readonly entries: readonly {
|
|
254
254
|
readonly id: string;
|
|
255
|
-
readonly
|
|
255
|
+
readonly animation: {
|
|
256
256
|
readonly id: string;
|
|
257
257
|
readonly isShowing: boolean;
|
|
258
258
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -282,22 +282,22 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
282
282
|
readonly _tag: "LeftEntry";
|
|
283
283
|
readonly entryId: string;
|
|
284
284
|
} | {
|
|
285
|
-
readonly _tag: "
|
|
285
|
+
readonly _tag: "GotAnimationMessage";
|
|
286
286
|
readonly message: {
|
|
287
287
|
readonly _tag: "Showed";
|
|
288
288
|
} | {
|
|
289
289
|
readonly _tag: "Hid";
|
|
290
290
|
} | {
|
|
291
|
-
readonly _tag: "
|
|
291
|
+
readonly _tag: "AdvancedAnimationFrame";
|
|
292
292
|
} | {
|
|
293
|
-
readonly _tag: "
|
|
293
|
+
readonly _tag: "EndedAnimation";
|
|
294
294
|
};
|
|
295
295
|
readonly entryId: string;
|
|
296
296
|
} | {
|
|
297
297
|
readonly _tag: "Added";
|
|
298
298
|
readonly entry: {
|
|
299
299
|
readonly id: string;
|
|
300
|
-
readonly
|
|
300
|
+
readonly animation: {
|
|
301
301
|
readonly id: string;
|
|
302
302
|
readonly isShowing: boolean;
|
|
303
303
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -311,7 +311,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
311
311
|
}) => readonly [{
|
|
312
312
|
readonly entries: readonly {
|
|
313
313
|
readonly id: string;
|
|
314
|
-
readonly
|
|
314
|
+
readonly animation: {
|
|
315
315
|
readonly id: string;
|
|
316
316
|
readonly isShowing: boolean;
|
|
317
317
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -343,22 +343,22 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
343
343
|
readonly _tag: "LeftEntry";
|
|
344
344
|
readonly entryId: string;
|
|
345
345
|
} | {
|
|
346
|
-
readonly _tag: "
|
|
346
|
+
readonly _tag: "GotAnimationMessage";
|
|
347
347
|
readonly message: {
|
|
348
348
|
readonly _tag: "Showed";
|
|
349
349
|
} | {
|
|
350
350
|
readonly _tag: "Hid";
|
|
351
351
|
} | {
|
|
352
|
-
readonly _tag: "
|
|
352
|
+
readonly _tag: "AdvancedAnimationFrame";
|
|
353
353
|
} | {
|
|
354
|
-
readonly _tag: "
|
|
354
|
+
readonly _tag: "EndedAnimation";
|
|
355
355
|
};
|
|
356
356
|
readonly entryId: string;
|
|
357
357
|
} | {
|
|
358
358
|
readonly _tag: "Added";
|
|
359
359
|
readonly entry: {
|
|
360
360
|
readonly id: string;
|
|
361
|
-
readonly
|
|
361
|
+
readonly animation: {
|
|
362
362
|
readonly id: string;
|
|
363
363
|
readonly isShowing: boolean;
|
|
364
364
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -374,7 +374,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
374
374
|
readonly show: (model: {
|
|
375
375
|
readonly entries: readonly {
|
|
376
376
|
readonly id: string;
|
|
377
|
-
readonly
|
|
377
|
+
readonly animation: {
|
|
378
378
|
readonly id: string;
|
|
379
379
|
readonly isShowing: boolean;
|
|
380
380
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -396,7 +396,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
396
396
|
}>) => readonly [{
|
|
397
397
|
readonly entries: readonly {
|
|
398
398
|
readonly id: string;
|
|
399
|
-
readonly
|
|
399
|
+
readonly animation: {
|
|
400
400
|
readonly id: string;
|
|
401
401
|
readonly isShowing: boolean;
|
|
402
402
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -428,22 +428,22 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
428
428
|
readonly _tag: "LeftEntry";
|
|
429
429
|
readonly entryId: string;
|
|
430
430
|
} | {
|
|
431
|
-
readonly _tag: "
|
|
431
|
+
readonly _tag: "GotAnimationMessage";
|
|
432
432
|
readonly message: {
|
|
433
433
|
readonly _tag: "Showed";
|
|
434
434
|
} | {
|
|
435
435
|
readonly _tag: "Hid";
|
|
436
436
|
} | {
|
|
437
|
-
readonly _tag: "
|
|
437
|
+
readonly _tag: "AdvancedAnimationFrame";
|
|
438
438
|
} | {
|
|
439
|
-
readonly _tag: "
|
|
439
|
+
readonly _tag: "EndedAnimation";
|
|
440
440
|
};
|
|
441
441
|
readonly entryId: string;
|
|
442
442
|
} | {
|
|
443
443
|
readonly _tag: "Added";
|
|
444
444
|
readonly entry: {
|
|
445
445
|
readonly id: string;
|
|
446
|
-
readonly
|
|
446
|
+
readonly animation: {
|
|
447
447
|
readonly id: string;
|
|
448
448
|
readonly isShowing: boolean;
|
|
449
449
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -459,7 +459,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
459
459
|
readonly dismiss: (model: {
|
|
460
460
|
readonly entries: readonly {
|
|
461
461
|
readonly id: string;
|
|
462
|
-
readonly
|
|
462
|
+
readonly animation: {
|
|
463
463
|
readonly id: string;
|
|
464
464
|
readonly isShowing: boolean;
|
|
465
465
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -476,7 +476,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
476
476
|
}, entryId: string) => readonly [{
|
|
477
477
|
readonly entries: readonly {
|
|
478
478
|
readonly id: string;
|
|
479
|
-
readonly
|
|
479
|
+
readonly animation: {
|
|
480
480
|
readonly id: string;
|
|
481
481
|
readonly isShowing: boolean;
|
|
482
482
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -508,22 +508,22 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
508
508
|
readonly _tag: "LeftEntry";
|
|
509
509
|
readonly entryId: string;
|
|
510
510
|
} | {
|
|
511
|
-
readonly _tag: "
|
|
511
|
+
readonly _tag: "GotAnimationMessage";
|
|
512
512
|
readonly message: {
|
|
513
513
|
readonly _tag: "Showed";
|
|
514
514
|
} | {
|
|
515
515
|
readonly _tag: "Hid";
|
|
516
516
|
} | {
|
|
517
|
-
readonly _tag: "
|
|
517
|
+
readonly _tag: "AdvancedAnimationFrame";
|
|
518
518
|
} | {
|
|
519
|
-
readonly _tag: "
|
|
519
|
+
readonly _tag: "EndedAnimation";
|
|
520
520
|
};
|
|
521
521
|
readonly entryId: string;
|
|
522
522
|
} | {
|
|
523
523
|
readonly _tag: "Added";
|
|
524
524
|
readonly entry: {
|
|
525
525
|
readonly id: string;
|
|
526
|
-
readonly
|
|
526
|
+
readonly animation: {
|
|
527
527
|
readonly id: string;
|
|
528
528
|
readonly isShowing: boolean;
|
|
529
529
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -539,7 +539,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
539
539
|
readonly dismissAll: (model: {
|
|
540
540
|
readonly entries: readonly {
|
|
541
541
|
readonly id: string;
|
|
542
|
-
readonly
|
|
542
|
+
readonly animation: {
|
|
543
543
|
readonly id: string;
|
|
544
544
|
readonly isShowing: boolean;
|
|
545
545
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -556,7 +556,7 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
556
556
|
}) => readonly [{
|
|
557
557
|
readonly entries: readonly {
|
|
558
558
|
readonly id: string;
|
|
559
|
-
readonly
|
|
559
|
+
readonly animation: {
|
|
560
560
|
readonly id: string;
|
|
561
561
|
readonly isShowing: boolean;
|
|
562
562
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -588,22 +588,22 @@ export declare const make: <A, I>(payloadSchema: S.Schema<A, I>) => {
|
|
|
588
588
|
readonly _tag: "LeftEntry";
|
|
589
589
|
readonly entryId: string;
|
|
590
590
|
} | {
|
|
591
|
-
readonly _tag: "
|
|
591
|
+
readonly _tag: "GotAnimationMessage";
|
|
592
592
|
readonly message: {
|
|
593
593
|
readonly _tag: "Showed";
|
|
594
594
|
} | {
|
|
595
595
|
readonly _tag: "Hid";
|
|
596
596
|
} | {
|
|
597
|
-
readonly _tag: "
|
|
597
|
+
readonly _tag: "AdvancedAnimationFrame";
|
|
598
598
|
} | {
|
|
599
|
-
readonly _tag: "
|
|
599
|
+
readonly _tag: "EndedAnimation";
|
|
600
600
|
};
|
|
601
601
|
readonly entryId: string;
|
|
602
602
|
} | {
|
|
603
603
|
readonly _tag: "Added";
|
|
604
604
|
readonly entry: {
|
|
605
605
|
readonly id: string;
|
|
606
|
-
readonly
|
|
606
|
+
readonly animation: {
|
|
607
607
|
readonly id: string;
|
|
608
608
|
readonly isShowing: boolean;
|
|
609
609
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAoB,MAAM,YAAY,CAAA;AACxE,OAAO,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAoB,MAAM,YAAY,CAAA;AACxE,OAAO,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,OAAO,EACR,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,YAAY,EAAe,MAAM,UAAU,CAAA;AAEpD,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,YAAY,GACb,CAAA;AA0ED;yDACyD;AACzD,MAAM,MAAM,aAAa,CAAC,aAAa,IAAI,QAAQ,CAAC;IAClD,OAAO,EAAE,aAAa,CAAA;CACvB,CAAC,CAAA;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;oBAyBxC,aAAa;;;;;;;;;;;;;;;;;;;kBAlBf,QAAQ;mCAEP,SAAS,GAAG,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;eAEwB,IAAI;oBAC/D,MAAM;oBACN,MAAM;;yBAED,MAAM;;WAUwC,IAAI;oBA6FvD,aAAa,gBACX,IAAI;;;;;;;;;;;;;;;;;;;kBAhHR,QAAQ;mCAEP,SAAS,GAAG,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;eAEwB,IAAI;oBAC/D,MAAM;oBACN,MAAM;;yBAED,MAAM;;QA0GrB,OAAO,GAAG,iBAAiB,GAAG,aAAa,CAC5C,KACA,CAAC,CACF,KAAK;;;;;;;;;;;;;;;;;KAA2B,EAChC,eAAe,YApHJ,SAAS,GAAG,YAAY,GAAG,SAAS,kBAoHc,EAC7D,WAAW;;;;;;;;;;;;;;WAnH4D,IAmHlB,KAClD,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBX,CAAA"}
|