@flyingrobots/bijou-tui 7.2.0 → 8.0.0-rc.1

package/dist/app-frame-theme-mode.d.ts

@@ -0,0 +1,28 @@
+import { type BijouContext } from '@flyingrobots/bijou';
+import type { Cmd } from './types.js';
+import type { FrameSettingRow } from './app-frame-settings-contract.js';
+import type { FramedAppMsg, InternalFrameModel } from './app-frame-types.js';
+import type { CreateFramedAppOptions } from './app-frame-options.js';
+import type { ResolvedFrameShellTheme } from './app-frame-overlays.js';
+import type { ResolvedFrameNotificationOptions } from './app-frame-notification-runtime.js';
+import type { FrameNotificationStateServices } from './app-frame-notification-state.js';
+type Update<PageModel, Msg> = [
+    InternalFrameModel<PageModel, Msg>,
+    Cmd<FramedAppMsg<Msg>>[]
+];
+export interface FrameThemeModeServices<PageModel, Msg> {
+    cycleSetting(model: InternalFrameModel<PageModel, Msg>, row: FrameSettingRow<Msg>): Update<PageModel, Msg>;
+    toggle(model: InternalFrameModel<PageModel, Msg>): Update<PageModel, Msg>;
+}
+export interface FrameThemeModeDependencies<PageModel, Msg> {
+    readonly options: CreateFramedAppOptions<PageModel, Msg>;
+    readonly notificationOptions: ResolvedFrameNotificationOptions;
+    readonly notifications: FrameNotificationStateServices<PageModel, Msg>;
+    readonly resolveContext: () => BijouContext | undefined;
+    readonly resolveThemes: () => readonly ResolvedFrameShellTheme[];
+    readonly ensureThemes: (context?: BijouContext) => void;
+    readonly publishTheme: (theme: ResolvedFrameShellTheme) => BijouContext | undefined;
+}
+export declare function createFrameThemeModeServices<PageModel, Msg>(dependencies: FrameThemeModeDependencies<PageModel, Msg>): FrameThemeModeServices<PageModel, Msg>;
+export {};
+//# sourceMappingURL=app-frame-theme-mode.d.ts.map

package/dist/app-frame-theme-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-theme-mode.d.ts","sourceRoot":"","sources":["../src/app-frame-theme-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAQvE,OAAO,KAAK,EACV,gCAAgC,EACjC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EACV,8BAA8B,EAC/B,MAAM,mCAAmC,CAAC;AAG3C,KAAK,MAAM,CAAC,SAAS,EAAE,GAAG,IAAI;IAC5B,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC;IAClC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE;CACzB,CAAC;AAEF,MAAM,WAAW,sBAAsB,CAAC,SAAS,EAAE,GAAG;IACpD,YAAY,CACV,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,EACzC,GAAG,EAAE,eAAe,CAAC,GAAG,CAAC,GACxB,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC1B,MAAM,CAAC,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;CAC3E;AAED,MAAM,WAAW,0BAA0B,CAAC,SAAS,EAAE,GAAG;IACxD,QAAQ,CAAC,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IACzD,QAAQ,CAAC,mBAAmB,EAAE,gCAAgC,CAAC;IAC/D,QAAQ,CAAC,aAAa,EAAE,8BAA8B,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IACvE,QAAQ,CAAC,cAAc,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IACxD,QAAQ,CAAC,aAAa,EAAE,MAAM,SAAS,uBAAuB,EAAE,CAAC;IACjE,QAAQ,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,YAAY,EAAE,CACrB,KAAK,EAAE,uBAAuB,KAC3B,YAAY,GAAG,SAAS,CAAC;CAC/B;AAED,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,GAAG,EACzD,YAAY,EAAE,0BAA0B,CAAC,SAAS,EAAE,GAAG,CAAC,GACvD,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,CA2ExC"}

package/dist/app-frame-theme-mode.js

@@ -0,0 +1,50 @@
+import { resolveClock } from '@flyingrobots/bijou';
+import { resolveCurrentShellTheme, resolveNextShellTheme, resolveShellThemeModeToggle, } from './app-frame-overlays.js';
+import { frameMessage } from './app-frame-i18n.js';
+import { pushNotification } from './notification.js';
+const SETTINGS_FEEDBACK_TOAST_WIDTH = 40;
+export function createFrameThemeModeServices(dependencies) {
+    const pushModeFeedback = (model, theme, unsupported) => {
+        const { notificationOptions, options } = dependencies;
+        if (!notificationOptions.enabled)
+            return [model, []];
+        const nowMs = resolveClock(dependencies.resolveContext()).now();
+        const message = unsupported
+            ? frameMessage(options.i18n, 'settings.shellTheme.modeUnsupported', 'Shell theme {theme} has no alternate mode.', { theme: theme.label })
+            : frameMessage(options.i18n, 'settings.shellTheme.feedback', 'Shell theme set to {theme}.', { theme: theme.label });
+        const notifications = pushNotification(model.runtimeNotifications, {
+            title: frameMessage(options.i18n, 'settings.title', 'Settings'),
+            message,
+            variant: 'TOAST',
+            tone: 'INFO',
+            width: SETTINGS_FEEDBACK_TOAST_WIDTH,
+            placement: notificationOptions.placement,
+            durationMs: 2_500,
+            overflow: notificationOptions.overflow,
+        }, nowMs);
+        return dependencies.notifications.apply(model, notifications, nowMs);
+    };
+    return {
+        cycleSetting(model, row) {
+            const nextTheme = resolveNextShellTheme(dependencies.resolveThemes(), model.activeShellThemeId);
+            if (nextTheme == null)
+                return [model, []];
+            dependencies.publishTheme(nextTheme);
+            return dependencies.notifications.pushSettingsFeedback({ ...model, activeShellThemeId: nextTheme.id }, row);
+        },
+        toggle(model) {
+            dependencies.ensureThemes(dependencies.resolveContext());
+            const themes = dependencies.resolveThemes();
+            const current = resolveCurrentShellTheme(themes, model.activeShellThemeId);
+            const next = resolveShellThemeModeToggle(themes, model.activeShellThemeId);
+            if (next == null) {
+                return current == null
+                    ? [model, []]
+                    : pushModeFeedback(model, current, true);
+            }
+            dependencies.publishTheme(next);
+            return pushModeFeedback({ ...model, activeShellThemeId: next.id }, next, false);
+        },
+    };
+}
+//# sourceMappingURL=app-frame-theme-mode.js.map

package/dist/app-frame-theme-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-theme-mode.js","sourceRoot":"","sources":["../src/app-frame-theme-mode.ts"],"names":[],"mappings":"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"}

package/dist/app-frame-theme-run-contract.d.ts

@@ -0,0 +1,9 @@
+import type { BijouContext } from '@flyingrobots/bijou';
+import type { ResolvedFrameShellTheme } from './app-frame-overlays.js';
+export interface FrameThemeRunSnapshot {
+    readonly frameContext: BijouContext | undefined;
+    readonly frameContextThemeId: string | undefined;
+    readonly defaultContext: BijouContext | undefined;
+    readonly resolvedThemes: readonly ResolvedFrameShellTheme[];
+}
+//# sourceMappingURL=app-frame-theme-run-contract.d.ts.map

package/dist/app-frame-theme-run-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-theme-run-contract.d.ts","sourceRoot":"","sources":["../src/app-frame-theme-run-contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,cAAc,EAAE,YAAY,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,cAAc,EAAE,SAAS,uBAAuB,EAAE,CAAC;CAC7D"}

package/dist/app-frame-theme-run-contract.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=app-frame-theme-run-contract.js.map

package/dist/app-frame-theme-run-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-theme-run-contract.js","sourceRoot":"","sources":["../src/app-frame-theme-run-contract.ts"],"names":[],"mappings":""}

package/dist/app-frame-theme-runtime.d.ts

@@ -0,0 +1,24 @@
+import { type BijouContext } from '@flyingrobots/bijou';
+import type { CreateFramedAppOptions } from './app-frame-options.js';
+import type { FrameThemeRunSnapshot } from './app-frame-theme-run-contract.js';
+import type { ResolvedFrameShellTheme } from './app-frame-overlays.js';
+export declare class FrameThemeRuntime<PageModel, Msg> {
+    private readonly options;
+    readonly specs: readonly import("./app-frame-theme-contract.js").FrameShellThemeSpec[];
+    readonly enableSettings: boolean;
+    private defaultContext;
+    private themes;
+    private frameContext;
+    private frameContextThemeId;
+    private runScoped;
+    private readonly usesAmbientDefault;
+    constructor(options: CreateFramedAppOptions<PageModel, Msg>);
+    get resolvedThemes(): readonly ResolvedFrameShellTheme[];
+    ensure(explicitContext?: BijouContext): void;
+    resolveContext(): BijouContext | undefined;
+    resolveThemeContext(activeThemeId: string | undefined): BijouContext | undefined;
+    publish(theme: ResolvedFrameShellTheme): BijouContext | undefined;
+    beginRun(context: BijouContext | undefined): FrameThemeRunSnapshot;
+    endRun(snapshot: FrameThemeRunSnapshot): void;
+}
+//# sourceMappingURL=app-frame-theme-runtime.d.ts.map

package/dist/app-frame-theme-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-theme-runtime.d.ts","sourceRoot":"","sources":["../src/app-frame-theme-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAMvE,qBAAa,iBAAiB,CAAC,SAAS,EAAE,GAAG;IAU/B,OAAO,CAAC,QAAQ,CAAC,OAAO;IATpC,QAAQ,CAAC,KAAK,yEAAC;IACf,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,MAAM,CAA0C;IACxD,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,mBAAmB,CAAqB;IAChD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAU;gBAEhB,OAAO,EAAE,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC;IAiB5E,IAAI,cAAc,IAAI,SAAS,uBAAuB,EAAE,CAEvD;IAED,MAAM,CAAC,eAAe,CAAC,EAAE,YAAY,GAAG,IAAI;IAmB5C,cAAc,IAAI,YAAY,GAAG,SAAS;IAI1C,mBAAmB,CACjB,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,YAAY,GAAG,SAAS;IA2B3B,OAAO,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,SAAS;IAuBjE,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,GAAG,qBAAqB;IAqBlE,MAAM,CAAC,QAAQ,EAAE,qBAAqB,GAAG,IAAI;CAO9C"}

package/dist/app-frame-theme-runtime.js

@@ -0,0 +1,109 @@
+import { cloneContextWithResolvedTheme, resolveSafeCtx, setDefaultContext, } from '@flyingrobots/bijou';
+import { resolveCurrentShellTheme, resolveFrameShellThemeChoices, resolveShellThemeForContext, } from './app-frame-overlays.js';
+export class FrameThemeRuntime {
+    options;
+    specs;
+    enableSettings;
+    defaultContext;
+    themes = [];
+    frameContext;
+    frameContextThemeId;
+    runScoped = false;
+    usesAmbientDefault;
+    constructor(options) {
+        this.options = options;
+        this.specs = options.shellThemes ?? [];
+        this.enableSettings =
+            this.specs.length > 1 ||
+                this.specs.some((theme) => (theme.modes?.length ?? 0) > 1);
+        this.defaultContext = options.ctx ?? resolveSafeCtx();
+        this.frameContext = options.ctx;
+        this.usesAmbientDefault = options.ctx == null && this.defaultContext != null;
+        if (this.frameContext != null) {
+            this.ensure(this.frameContext);
+            this.frameContextThemeId = resolveShellThemeForContext(this.themes, this.frameContext)?.id;
+        }
+    }
+    get resolvedThemes() {
+        return this.themes;
+    }
+    ensure(explicitContext) {
+        if (this.specs.length === 0 || this.themes.length > 0)
+            return;
+        const baseContext = explicitContext ??
+            this.frameContext ??
+            this.options.ctx ??
+            resolveSafeCtx();
+        if (baseContext == null) {
+            throw new Error('createFramedApp: shellThemes requires options.ctx, app.run({ ctx }), or a default Bijou context');
+        }
+        this.defaultContext ??= baseContext;
+        this.themes = resolveFrameShellThemeChoices(this.specs, this.defaultContext);
+    }
+    resolveContext() {
+        return this.frameContext ?? this.options.ctx ?? resolveSafeCtx();
+    }
+    resolveThemeContext(activeThemeId) {
+        const baseContext = this.resolveContext();
+        this.ensure(baseContext);
+        if (this.defaultContext == null)
+            return baseContext;
+        const activeTheme = resolveCurrentShellTheme(this.themes, activeThemeId);
+        if (activeTheme == null)
+            return baseContext;
+        if (this.frameContext != null &&
+            this.frameContextThemeId === activeTheme.id) {
+            return this.frameContext;
+        }
+        if (resolveShellThemeForContext(this.themes, baseContext)?.id ===
+            activeTheme.id) {
+            return baseContext;
+        }
+        return cloneContextWithResolvedTheme(this.defaultContext, activeTheme.resolvedTheme);
+    }
+    publish(theme) {
+        this.ensure(this.resolveContext());
+        if (this.defaultContext == null)
+            return this.resolveContext();
+        this.frameContext = cloneContextWithResolvedTheme(this.defaultContext, theme.resolvedTheme);
+        this.frameContextThemeId = theme.id;
+        if (this.usesAmbientDefault && !this.runScoped) {
+            setDefaultContext(this.frameContext);
+        }
+        this.options.onShellThemeChange?.({
+            shellTheme: theme.shellTheme,
+            shellThemeSpec: theme.shellThemeSpec,
+            shellThemeId: theme.shellThemeId,
+            shellThemeLabel: theme.shellThemeLabel,
+            modeId: theme.modeId,
+            modeLabel: theme.modeLabel,
+            ctx: this.frameContext,
+        });
+        return this.frameContext;
+    }
+    beginRun(context) {
+        const snapshot = {
+            frameContext: this.frameContext,
+            frameContextThemeId: this.frameContextThemeId,
+            defaultContext: this.defaultContext,
+            resolvedThemes: this.themes,
+        };
+        if (context != null && this.options.ctx == null) {
+            this.runScoped = true;
+            this.frameContext = context;
+            this.defaultContext = context;
+            this.themes = [];
+            this.ensure(context);
+            this.frameContextThemeId = resolveShellThemeForContext(this.themes, context)?.id;
+        }
+        return snapshot;
+    }
+    endRun(snapshot) {
+        this.runScoped = false;
+        this.frameContext = snapshot.frameContext;
+        this.frameContextThemeId = snapshot.frameContextThemeId;
+        this.defaultContext = snapshot.defaultContext;
+        this.themes = snapshot.resolvedThemes;
+    }
+}
+//# sourceMappingURL=app-frame-theme-runtime.js.map

package/dist/app-frame-theme-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-theme-runtime.js","sourceRoot":"","sources":["../src/app-frame-theme-runtime.ts"],"names":[],"mappings":"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"}

package/dist/app-frame-transition-contract.d.ts

@@ -0,0 +1,5 @@
+import type { TransitionShaderFn } from './transition-shaders.js';
+import type { BuiltinTransition } from './transition-shaders.js';
+/** Page transition styles: a built-in name or a custom shader function. */
+export type PageTransition = BuiltinTransition | TransitionShaderFn;
+//# sourceMappingURL=app-frame-transition-contract.d.ts.map

package/dist/app-frame-transition-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-transition-contract.d.ts","sourceRoot":"","sources":["../src/app-frame-transition-contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG,kBAAkB,CAAC"}

package/dist/app-frame-transition-contract.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=app-frame-transition-contract.js.map

package/dist/app-frame-transition-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-transition-contract.js","sourceRoot":"","sources":["../src/app-frame-transition-contract.ts"],"names":[],"mappings":""}

package/dist/app-frame-transition-update.d.ts

@@ -0,0 +1,12 @@
+import type { Cmd } from './types.js';
+import type { FrameAction, FramedAppMsg, InternalFrameModel } from './app-frame-types.js';
+type TransitionAction = Extract<FrameAction, {
+    readonly type: 'transition' | 'transition-complete';
+}>;
+type FrameUpdate<PageModel, Msg> = [
+    InternalFrameModel<PageModel, Msg>,
+    Cmd<FramedAppMsg<Msg>>[]
+];
+export declare function updateFrameTransition<PageModel, Msg>(action: TransitionAction, model: InternalFrameModel<PageModel, Msg>): FrameUpdate<PageModel, Msg>;
+export {};
+//# sourceMappingURL=app-frame-transition-update.d.ts.map

package/dist/app-frame-transition-update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-transition-update.d.ts","sourceRoot":"","sources":["../src/app-frame-transition-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,gBAAgB,GAAG,OAAO,CAC7B,WAAW,EACX;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,CAAA;CAAE,CACxD,CAAC;AACF,KAAK,WAAW,CAAC,SAAS,EAAE,GAAG,IAAI;IACjC,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC;IAClC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE;CACzB,CAAC;AAkBF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,GAAG,EAClD,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,GACxC,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,CAoC7B"}

package/dist/app-frame-transition-update.js

@@ -0,0 +1,46 @@
+const complete = (model) => [
+    {
+        ...model,
+        transitionProgress: 1,
+        transitionFrame: 0,
+        previousPageId: undefined,
+        activeTransition: undefined,
+        transitionStartMs: undefined,
+        transitionTimeline: undefined,
+        transitionTimelineState: undefined,
+    },
+    [],
+];
+export function updateFrameTransition(action, model) {
+    if (action.generation !== model.transitionGeneration) {
+        return [model, []];
+    }
+    if (action.type === 'transition-complete')
+        return complete(model);
+    if (model.transitionTimeline && model.transitionTimelineState) {
+        const state = model.transitionTimeline.step(model.transitionTimelineState, Math.max(0, action.dt));
+        const values = model.transitionTimeline.values(state);
+        const progress = Math.min(1, Math.max(0, values['progress'] ?? action.progress));
+        if (model.transitionTimeline.done(state) || progress >= 1) {
+            return complete(model);
+        }
+        return [
+            {
+                ...model,
+                transitionProgress: progress,
+                transitionFrame: model.transitionFrame + 1,
+                transitionTimelineState: state,
+            },
+            [],
+        ];
+    }
+    return [
+        {
+            ...model,
+            transitionProgress: action.progress,
+            transitionFrame: model.transitionFrame + 1,
+        },
+        [],
+    ];
+}
+//# sourceMappingURL=app-frame-transition-update.js.map

package/dist/app-frame-transition-update.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-transition-update.js","sourceRoot":"","sources":["../src/app-frame-transition-update.ts"],"names":[],"mappings":"AAgBA,MAAM,QAAQ,GAAG,CACf,KAAyC,EACZ,EAAE,CAAC;IAChC;QACE,GAAG,KAAK;QACR,kBAAkB,EAAE,CAAC;QACrB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,SAAS;QACzB,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,uBAAuB,EAAE,SAAS;KACnC;IACD,EAAE;CACH,CAAC;AAEF,MAAM,UAAU,qBAAqB,CACnC,MAAwB,EACxB,KAAyC;IAEzC,IAAI,MAAM,CAAC,UAAU,KAAK,KAAK,CAAC,oBAAoB,EAAE,CAAC;QACrD,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACrB,CAAC;IACD,IAAI,MAAM,CAAC,IAAI,KAAK,qBAAqB;QAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,IAAI,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,uBAAuB,EAAE,CAAC;QAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,kBAAkB,CAAC,IAAI,CACzC,KAAK,CAAC,uBAAuB,EAC7B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CACvB,CAAC;QACF,MAAM,MAAM,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CACnD,CAAC;QACF,IAAI,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;YAC1D,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,OAAO;YACL;gBACE,GAAG,KAAK;gBACR,kBAAkB,EAAE,QAAQ;gBAC5B,eAAe,EAAE,KAAK,CAAC,eAAe,GAAG,CAAC;gBAC1C,uBAAuB,EAAE,KAAK;aAC/B;YACD,EAAE;SACH,CAAC;IACJ,CAAC;IACD,OAAO;QACL;YACE,GAAG,KAAK;YACR,kBAAkB,EAAE,MAAM,CAAC,QAAQ;YACnC,eAAe,EAAE,KAAK,CAAC,eAAe,GAAG,CAAC;SAC3C;QACD,EAAE;KACH,CAAC;AACJ,CAAC"}