@moldable-ai/ui 0.2.21 → 0.2.24

package/dist/lib/frame-lifecycle.js

@@ -1,4 +1,117 @@
+export const MOLDABLE_NAVIGATION_CHORD_ALLOWLIST = [
+    {
+        chord: 'back',
+        code: 'BracketLeft',
+        metaKey: true,
+        altKey: false,
+        ctrlKey: false,
+        shiftKey: false,
+    },
+];
 let frameLifecycleInstalled = false;
+let advertisedHostServices;
+let sidebarMaterialPreviousBodyBackgroundColor = null;
+export const MOLDABLE_MATERIAL_REGION_CHANGE_EVENT = 'moldable:material-region-change';
+export const MOLDABLE_MATERIAL_REGION_MESSAGE_TYPE = 'moldable:material-region';
+export const MOLDABLE_MATERIAL_REGION_ACK_TYPE = 'moldable:material-region-ack';
+export const MOLDABLE_SIDEBAR_REGION_WIDTH_PROPERTY = '--moldable-material-region-sidebar-width';
+function normalizeHostServices(value) {
+    if (typeof value !== 'object' ||
+        value === null ||
+        !('version' in value) ||
+        value.version !== 1 ||
+        !('services' in value) ||
+        typeof value.services !== 'object' ||
+        value.services === null ||
+        Array.isArray(value.services)) {
+        return undefined;
+    }
+    const services = {};
+    for (const [name, details] of Object.entries(value.services)) {
+        if (typeof details === 'object' &&
+            details !== null &&
+            !Array.isArray(details)) {
+            services[name] = { ...details };
+        }
+    }
+    return { version: 1, services };
+}
+export function getMoldableHostServices() {
+    return advertisedHostServices;
+}
+function clearSidebarMaterialRegion() {
+    const root = document.documentElement;
+    const hadActiveRegion = root.dataset.moldableMaterialRegionSidebar === 'active';
+    delete root.dataset.moldableMaterialRegionSidebar;
+    delete root.dataset.moldableMaterialRegionSidebarId;
+    root.style.removeProperty(MOLDABLE_SIDEBAR_REGION_WIDTH_PROPERTY);
+    if (sidebarMaterialPreviousBodyBackgroundColor !== null) {
+        if (sidebarMaterialPreviousBodyBackgroundColor) {
+            document.body.style.backgroundColor =
+                sidebarMaterialPreviousBodyBackgroundColor;
+        }
+        else {
+            document.body.style.removeProperty('background-color');
+        }
+        sidebarMaterialPreviousBodyBackgroundColor = null;
+    }
+    if (hadActiveRegion) {
+        window.dispatchEvent(new CustomEvent(MOLDABLE_MATERIAL_REGION_CHANGE_EVENT, {
+            detail: { role: 'sidebar', active: false },
+        }));
+    }
+}
+export function applyMoldableMaterialRegionAck(value) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value)) {
+        return false;
+    }
+    const ack = value;
+    if (ack.type !== MOLDABLE_MATERIAL_REGION_ACK_TYPE ||
+        typeof ack.regionId !== 'string' ||
+        ack.regionId.length === 0 ||
+        ack.regionId.length > 128 ||
+        ack.role !== 'sidebar' ||
+        ack.side !== 'leading' ||
+        typeof ack.active !== 'boolean') {
+        return false;
+    }
+    if (!ack.active) {
+        const activeRegionId = document.documentElement.dataset.moldableMaterialRegionSidebarId;
+        if (activeRegionId && activeRegionId !== ack.regionId)
+            return false;
+        clearSidebarMaterialRegion();
+        return true;
+    }
+    if (document.documentElement.dataset.moldableNativeMaterialSidebar !==
+        'available' ||
+        typeof ack.width !== 'number' ||
+        !Number.isFinite(ack.width) ||
+        ack.width < 120 ||
+        ack.width > 600) {
+        return false;
+    }
+    const normalizedAck = {
+        type: MOLDABLE_MATERIAL_REGION_ACK_TYPE,
+        regionId: ack.regionId,
+        role: 'sidebar',
+        side: 'leading',
+        active: true,
+        width: ack.width,
+    };
+    const root = document.documentElement;
+    root.dataset.moldableMaterialRegionSidebar = 'active';
+    root.dataset.moldableMaterialRegionSidebarId = normalizedAck.regionId;
+    root.style.setProperty(MOLDABLE_SIDEBAR_REGION_WIDTH_PROPERTY, `${normalizedAck.width}px`);
+    if (sidebarMaterialPreviousBodyBackgroundColor === null) {
+        sidebarMaterialPreviousBodyBackgroundColor =
+            document.body.style.backgroundColor;
+    }
+    document.body.style.backgroundColor = 'transparent';
+    window.dispatchEvent(new CustomEvent(MOLDABLE_MATERIAL_REGION_CHANGE_EVENT, {
+        detail: normalizedAck,
+    }));
+    return true;
+}
 export function applyMoldableChatSafePadding(safePadding) {
     if (typeof document === 'undefined')
         return false;
@@ -25,14 +138,24 @@ function applyMoldableChatState(message) {
             : 'docked';
     document.documentElement.dataset.moldableChat = presentation;
 }
-function applyMoldableHostContext(message) {
+export function applyMoldableHostContext(message) {
     const root = document.documentElement;
+    advertisedHostServices = normalizeHostServices(message.hostServices);
     root.dataset.moldableDisplayMode = message.displayMode;
     root.dataset.moldableWindowTitlebar = message.titlebar ?? 'host';
     if (message.platform)
         root.dataset.moldablePlatform = message.platform;
     if (message.windowId)
         root.dataset.moldableWindowId = message.windowId;
+    const sidebarMaterialAvailable = message.displayMode === 'window' &&
+        message.nativeMaterial?.regions?.sidebar === true;
+    if (sidebarMaterialAvailable) {
+        root.dataset.moldableNativeMaterialSidebar = 'available';
+    }
+    else {
+        delete root.dataset.moldableNativeMaterialSidebar;
+        clearSidebarMaterialRegion();
+    }
     const insets = message.safeInsets;
     if (insets) {
         applyBoundedLength('--window-safe-area-top', insets.top);
@@ -81,6 +204,9 @@ function installHostStateLifecycle() {
                 applyMoldableHostContext(message);
             }
         }
+        else if (event.data.type === MOLDABLE_MATERIAL_REGION_ACK_TYPE) {
+            applyMoldableMaterialRegionAck(event.data);
+        }
     });
 }
 function postMoldableFrameMessage(message) {
@@ -88,6 +214,41 @@ function postMoldableFrameMessage(message) {
         return;
     window.parent.postMessage(message, '*');
 }
+function isEditableKeyTarget(target) {
+    if (!(target instanceof Element))
+        return false;
+    if (target.closest('input, textarea, select'))
+        return true;
+    if (target instanceof HTMLElement && target.isContentEditable)
+        return true;
+    const contentEditable = target.closest('[contenteditable]');
+    const contentEditableValue = contentEditable
+        ?.getAttribute('contenteditable')
+        ?.toLowerCase();
+    return (contentEditableValue === '' ||
+        contentEditableValue === 'true' ||
+        contentEditableValue === 'plaintext-only');
+}
+export function installMoldableNavigationChordLifecycle() {
+    const handleKeyDown = (event) => {
+        if (event.defaultPrevented || isEditableKeyTarget(event.target))
+            return;
+        const match = MOLDABLE_NAVIGATION_CHORD_ALLOWLIST.find((candidate) => event.code === candidate.code &&
+            event.metaKey === candidate.metaKey &&
+            event.altKey === candidate.altKey &&
+            event.ctrlKey === candidate.ctrlKey &&
+            event.shiftKey === candidate.shiftKey);
+        if (!match)
+            return;
+        event.preventDefault();
+        postMoldableFrameMessage({
+            type: 'moldable:navigation-chord',
+            chord: match.chord,
+        });
+    };
+    document.addEventListener('keydown', handleKeyDown, true);
+    return () => document.removeEventListener('keydown', handleKeyDown, true);
+}
 function reportAppReady(reason) {
     postMoldableFrameMessage({ type: 'moldable:app-ready', reason });
 }
@@ -122,6 +283,7 @@ export function installMoldableFrameLifecycle() {
         return;
     frameLifecycleInstalled = true;
     installHostStateLifecycle();
+    installMoldableNavigationChordLifecycle();
     installViteHmrLifecycle();
     scheduleRenderReady();
     if (document.readyState === 'complete') {

package/dist/lib/host-date-time-picker.d.ts

@@ -0,0 +1,36 @@
+import { type HostServiceRequestOptions } from './host-services.js';
+export type HostDateTimePickerMode = 'date' | 'time' | 'datetime';
+export interface HostDateTimePickerAnchorRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface HostDateTimePickerOptions extends HostServiceRequestOptions {
+    value?: string;
+    min?: string;
+    max?: string;
+    anchor?: Element | HostDateTimePickerAnchorRect;
+}
+export type HostDateTimePickerResult = {
+    status: 'completed';
+    method: 'native';
+    value: string;
+} | {
+    status: 'cancelled';
+    method: 'native';
+} | {
+    status: 'fallback';
+    method: 'portable';
+    mode: HostDateTimePickerMode;
+    value?: string;
+    min?: string;
+    max?: string;
+};
+export interface HostDateTimePicker {
+    available: boolean;
+    pick: (mode: HostDateTimePickerMode, options?: HostDateTimePickerOptions) => Promise<HostDateTimePickerResult>;
+}
+export declare function pickDateTimeWithHost(mode: HostDateTimePickerMode, options?: HostDateTimePickerOptions): Promise<HostDateTimePickerResult>;
+export declare function useHostDateTimePicker(): HostDateTimePicker;
+//# sourceMappingURL=host-date-time-picker.d.ts.map

package/dist/lib/host-date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-date-time-picker.d.ts","sourceRoot":"","sources":["../../src/lib/host-date-time-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,yBAAyB,EAG/B,MAAM,iBAAiB,CAAA;AAMxB,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEjE,MAAM,WAAW,4BAA4B;IAC3C,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,4BAA4B,CAAA;CAChD;AAED,MAAM,MAAM,wBAAwB,GAChC;IACE,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,QAAQ,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,GACD;IACE,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,QAAQ,CAAA;CACjB,GACD;IACE,MAAM,EAAE,UAAU,CAAA;IAClB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,sBAAsB,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAEL,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,CACJ,IAAI,EAAE,sBAAsB,EAC5B,OAAO,CAAC,EAAE,yBAAyB,KAChC,OAAO,CAAC,wBAAwB,CAAC,CAAA;CACvC;AAgJD,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,sBAAsB,EAC5B,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,wBAAwB,CAAC,CAgDnC;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,CAoB1D"}

package/dist/lib/host-date-time-picker.js

@@ -0,0 +1,162 @@
+import { useCallback, useEffect, useState } from 'react';
+import { HostServiceRequestError, isHostServiceAvailable, requestHostService, } from './host-services.js';
+const HOST_CONTEXT_CHANGE_EVENT = 'moldable:host-context-change';
+const DATE_TIME_PICKER_SERVICE_NAME = 'dateTimePicker';
+const MAX_ISO_VALUE_LENGTH = 128;
+function validateMode(mode) {
+    if (mode !== 'date' && mode !== 'time' && mode !== 'datetime') {
+        throw new TypeError('Date/time picker mode must be date, time, or datetime.');
+    }
+}
+function isoValueNumber(mode, value) {
+    if (typeof value !== 'string' ||
+        value.length === 0 ||
+        value.length > MAX_ISO_VALUE_LENGTH) {
+        return null;
+    }
+    const [datePart, timePart, extraPart] = mode === 'time' ? [undefined, value, undefined] : value.split('T');
+    if (extraPart !== undefined)
+        return null;
+    let date;
+    if (mode !== 'time') {
+        const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(datePart ?? '');
+        if (!match)
+            return null;
+        const year = Number(match[1]);
+        const month = Number(match[2]);
+        const day = Number(match[3]);
+        date = new Date(0);
+        date.setHours(0, 0, 0, 0);
+        date.setFullYear(year, month - 1, day);
+        if (date.getFullYear() !== year ||
+            date.getMonth() !== month - 1 ||
+            date.getDate() !== day) {
+            return null;
+        }
+        if (mode === 'date')
+            return date.getTime();
+    }
+    const match = /^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,9}))?)?$/.exec(timePart ?? '');
+    if (!match)
+        return null;
+    const hour = Number(match[1]);
+    const minute = Number(match[2]);
+    const second = Number(match[3] ?? 0);
+    const millisecond = Math.floor(Number(`0.${match[4] ?? 0}`) * 1000);
+    if (hour > 23 || minute > 59 || second > 59)
+        return null;
+    if (mode === 'time') {
+        return ((hour * 60 + minute) * 60 + second) * 1000 + millisecond;
+    }
+    if (!date)
+        return null;
+    date.setHours(hour, minute, second, millisecond);
+    return date.getHours() === hour &&
+        date.getMinutes() === minute &&
+        date.getSeconds() === second
+        ? date.getTime()
+        : null;
+}
+function validateIsoValue(mode, name, value) {
+    if (value !== undefined && isoValueNumber(mode, value) === null) {
+        throw new TypeError(`${name} must be a valid ISO ${mode} value.`);
+    }
+}
+function validateRange(mode, options) {
+    validateIsoValue(mode, 'value', options.value);
+    validateIsoValue(mode, 'min', options.min);
+    validateIsoValue(mode, 'max', options.max);
+    if (options.min !== undefined &&
+        options.max !== undefined &&
+        isoValueNumber(mode, options.min) >
+            isoValueNumber(mode, options.max)) {
+        throw new TypeError('Date/time picker min must not be after max.');
+    }
+    if (options.value !== undefined) {
+        const value = isoValueNumber(mode, options.value);
+        if ((options.min !== undefined &&
+            value < isoValueNumber(mode, options.min)) ||
+            (options.max !== undefined &&
+                value > isoValueNumber(mode, options.max))) {
+            throw new TypeError('Date/time picker value must be inside the min/max range.');
+        }
+    }
+}
+function anchorRect(anchor) {
+    if (!anchor)
+        return undefined;
+    const rect = typeof Element !== 'undefined' && anchor instanceof Element
+        ? anchor.getBoundingClientRect()
+        : anchor;
+    if (!Number.isFinite(rect.x) ||
+        !Number.isFinite(rect.y) ||
+        !Number.isFinite(rect.width) ||
+        !Number.isFinite(rect.height) ||
+        rect.width < 0 ||
+        rect.height < 0) {
+        throw new TypeError('Date/time picker anchors require a finite, non-negative rect.');
+    }
+    return {
+        x: rect.x,
+        y: rect.y,
+        width: rect.width,
+        height: rect.height,
+    };
+}
+function abortError() {
+    return new DOMException('The date/time picker request was aborted.', 'AbortError');
+}
+export async function pickDateTimeWithHost(mode, options = {}) {
+    validateMode(mode);
+    validateRange(mode, options);
+    if (options.signal?.aborted)
+        throw abortError();
+    if (!isHostServiceAvailable(DATE_TIME_PICKER_SERVICE_NAME)) {
+        return {
+            status: 'fallback',
+            method: 'portable',
+            mode,
+            ...(options.value === undefined ? {} : { value: options.value }),
+            ...(options.min === undefined ? {} : { min: options.min }),
+            ...(options.max === undefined ? {} : { max: options.max }),
+        };
+    }
+    try {
+        const result = await requestHostService(DATE_TIME_PICKER_SERVICE_NAME, {
+            mode,
+            ...(options.value === undefined ? {} : { value: options.value }),
+            ...(options.min === undefined ? {} : { min: options.min }),
+            ...(options.max === undefined ? {} : { max: options.max }),
+            ...(options.anchor ? { anchor: anchorRect(options.anchor) } : {}),
+        }, {
+            signal: options.signal,
+            timeoutMs: options.timeoutMs,
+        });
+        if (typeof result !== 'string' || isoValueNumber(mode, result) === null) {
+            throw new Error('The native date/time picker returned an invalid result.');
+        }
+        return {
+            status: 'completed',
+            method: 'native',
+            value: result,
+        };
+    }
+    catch (error) {
+        if (error instanceof HostServiceRequestError &&
+            error.status === 'cancelled') {
+            return { status: 'cancelled', method: 'native' };
+        }
+        throw error;
+    }
+}
+export function useHostDateTimePicker() {
+    const [available, setAvailable] = useState(() => isHostServiceAvailable(DATE_TIME_PICKER_SERVICE_NAME));
+    useEffect(() => {
+        const update = () => setAvailable(isHostServiceAvailable(DATE_TIME_PICKER_SERVICE_NAME));
+        update();
+        window.addEventListener(HOST_CONTEXT_CHANGE_EVENT, update);
+        return () => window.removeEventListener(HOST_CONTEXT_CHANGE_EVENT, update);
+    }, []);
+    const pick = useCallback((mode, options) => pickDateTimeWithHost(mode, options), []);
+    return { available, pick };
+}

package/dist/lib/host-file-dialog.d.ts

@@ -0,0 +1,66 @@
+import { type HostServiceRequestOptions } from './host-services.js';
+export type HostFileDialogDefaultLocation = 'documents' | 'downloads' | 'desktop' | 'home' | 'appData';
+export interface HostFileDialogFilter {
+    name: string;
+    extensions: string[];
+}
+export interface HostOpenFileDialogProperties {
+    /**
+     * Allow more than one selection. Defaults to false.
+     */
+    multiple?: boolean;
+    /**
+     * Choose directories instead of files. Defaults to false.
+     */
+    directories?: boolean;
+    /**
+     * Show the New Folder control. Defaults to false.
+     */
+    createDirectories?: boolean;
+    /**
+     * Initially reveal hidden entries. Defaults to false.
+     */
+    showHidden?: boolean;
+}
+interface HostFileDialogCommonOptions extends HostServiceRequestOptions {
+    title?: string;
+    buttonLabel?: string;
+    filters?: HostFileDialogFilter[];
+    defaultLocation?: HostFileDialogDefaultLocation;
+}
+export interface HostOpenFileDialogOptions extends HostFileDialogCommonOptions {
+    properties?: HostOpenFileDialogProperties;
+}
+export interface HostSaveFileDialogOptions extends HostFileDialogCommonOptions {
+    defaultName?: string;
+    /**
+     * Show the New Folder control. Defaults to false.
+     */
+    createDirectories?: boolean;
+}
+export type HostOpenFileDialogResult = {
+    status: 'completed';
+    paths: string[];
+} | {
+    status: 'cancelled';
+} | {
+    status: 'fallback';
+};
+export type HostSaveFileDialogResult = {
+    status: 'completed';
+    path: string;
+} | {
+    status: 'cancelled';
+} | {
+    status: 'fallback';
+};
+export interface HostFileDialog {
+    available: boolean;
+    open: (options?: HostOpenFileDialogOptions) => Promise<HostOpenFileDialogResult>;
+    save: (options?: HostSaveFileDialogOptions) => Promise<HostSaveFileDialogResult>;
+}
+export declare function openFileDialogWithHost(options?: HostOpenFileDialogOptions): Promise<HostOpenFileDialogResult>;
+export declare function saveFileDialogWithHost(options?: HostSaveFileDialogOptions): Promise<HostSaveFileDialogResult>;
+export declare function useHostFileDialog(): HostFileDialog;
+export {};
+//# sourceMappingURL=host-file-dialog.d.ts.map

package/dist/lib/host-file-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-file-dialog.d.ts","sourceRoot":"","sources":["../../src/lib/host-file-dialog.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,yBAAyB,EAG/B,MAAM,iBAAiB,CAAA;AAWxB,MAAM,MAAM,6BAA6B,GACrC,WAAW,GACX,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,CAAA;AAEb,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,2BAA4B,SAAQ,yBAAyB;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAChC,eAAe,CAAC,EAAE,6BAA6B,CAAA;CAChD;AAED,MAAM,WAAW,yBAA0B,SAAQ,2BAA2B;IAC5E,UAAU,CAAC,EAAE,4BAA4B,CAAA;CAC1C;AAED,MAAM,WAAW,yBAA0B,SAAQ,2BAA2B;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,MAAM,wBAAwB,GAChC;IAAE,MAAM,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,GACxC;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,GACvB;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAAA;AAE1B,MAAM,MAAM,wBAAwB,GAChC;IAAE,MAAM,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,GACvB;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAAA;AAE1B,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,CACJ,OAAO,CAAC,EAAE,yBAAyB,KAChC,OAAO,CAAC,wBAAwB,CAAC,CAAA;IACtC,IAAI,EAAE,CACJ,OAAO,CAAC,EAAE,yBAAyB,KAChC,OAAO,CAAC,wBAAwB,CAAC,CAAA;CACvC;AAmLD,wBAAsB,sBAAsB,CAC1C,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,wBAAwB,CAAC,CA4CnC;AAED,wBAAsB,sBAAsB,CAC1C,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,wBAAwB,CAAC,CA0CnC;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAuBlD"}