@vuu-ui/vuu-data-editing 3.0.0 → 3.1.0-beta.2

package/src/edit-utils.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { formatDate, isInlineEditingSession } from "@vuu-ui/vuu-utils";
+const timeFormatter = formatDate({
+    time: "hh:mm:ss"
+});
+const dataRowEditErrors = Symbol("vuuDataRowEditErrors");
+const isEditRowReadOnly = (dataRow)=>"deleteRow" === dataRow.vuu_action;
+const withDataRowEditErrors = (dataRow, errors)=>{
+    Object.defineProperty(dataRow, dataRowEditErrors, {
+        configurable: true,
+        value: errors
+    });
+    return dataRow;
+};
+const getVuuEditMessage = (dataRow, column, originalValue)=>{
+    const editError = dataRow[dataRowEditErrors]?.[column.name];
+    if (editError) return editError;
+    const vuuMsg = dataRow.vuuMsg;
+    if ("string" == typeof vuuMsg && "" !== vuuMsg) {
+        const columnMessages = vuuMsg.split(",");
+        const msgForCol = columnMessages.find((msg)=>msg.startsWith(`${column.name}:`));
+        if (msgForCol) {
+            const [, value, updatedValue, ts] = msgForCol.split(":");
+            const updateTime = timeFormatter(new Date(parseInt(ts)));
+            return /*#__PURE__*/ jsxs("span", {
+                children: [
+                    "Update rejected. Original value ",
+                    /*#__PURE__*/ jsx("b", {
+                        children: originalValue
+                    }),
+                    " could not be updated to ",
+                    /*#__PURE__*/ jsx("b", {
+                        children: value
+                    }),
+                    ". It was updated to ",
+                    /*#__PURE__*/ jsx("b", {
+                        children: updatedValue
+                    }),
+                    " at ",
+                    updateTime,
+                    "."
+                ]
+            });
+        }
+    }
+};
+export { getVuuEditMessage, isEditRowReadOnly, isInlineEditingSession, withDataRowEditErrors };

package/src/editActionRowClassNameGenerator.js

@@ -0,0 +1,15 @@
+import { registerComponent } from "@vuu-ui/vuu-utils";
+const EDIT_ACTION_ROW_CLASS_NAME_GENERATOR = "vuu-edit-actions";
+const editActionRowClassNameGenerator = (dataRow)=>{
+    switch(dataRow.vuu_action){
+        case "addRow":
+            return "vuuTableRow-inserted";
+        case "deleteRow":
+            return "vuuTableRow-deleted";
+    }
+};
+registerComponent(EDIT_ACTION_ROW_CLASS_NAME_GENERATOR, {
+    fn: editActionRowClassNameGenerator,
+    id: EDIT_ACTION_ROW_CLASS_NAME_GENERATOR
+}, "row-class-generator");
+export { EDIT_ACTION_ROW_CLASS_NAME_GENERATOR, editActionRowClassNameGenerator };

package/src/index.js

@@ -0,0 +1,10 @@
+export { DataEditingProvider, useEditSession } from "./DataEditingProvider.js";
+export { useCellEdited } from "./useCellEdited.js";
+export { getVuuEditMessage, isEditRowReadOnly, isInlineEditingSession, withDataRowEditErrors } from "./edit-utils.js";
+export { EditButtons } from "./EditButtons.js";
+export { EditModeProvider, useEditMode } from "./EditModeProvider.js";
+export { EditError, EditSession, SupersededEditError } from "./EditSession.js";
+export { StaleUpdateError } from "@vuu-ui/vuu-utils";
+export { EDIT_ACTION_ROW_CLASS_NAME_GENERATOR, editActionRowClassNameGenerator } from "./editActionRowClassNameGenerator.js";
+export { UNDO_CELL_RENDERER, UndoCellRenderer, getUndoButtonContent, getUndoTooltipContent } from "./UndoCellRenderer.js";
+export { useEditableTable } from "./useEditableTable.js";

package/src/useCellEdited.js

@@ -0,0 +1,22 @@
+import { useCallback, useSyncExternalStore } from "react";
+const useCellEdited = (editSession, key, columnName)=>{
+    const subscribe = useCallback((onStoreChange)=>{
+        if (!editSession) return ()=>void 0;
+        const handleCellEditChanged = (changedKey, changedColumnName)=>{
+            if (changedKey === key && changedColumnName === columnName) onStoreChange();
+        };
+        editSession.on("cellEditChanged", handleCellEditChanged);
+        return ()=>editSession.removeListener("cellEditChanged", handleCellEditChanged);
+    }, [
+        columnName,
+        editSession,
+        key
+    ]);
+    const getSnapshot = useCallback(()=>editSession?.isCellEdited(key, columnName) ?? false, [
+        columnName,
+        editSession,
+        key
+    ]);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
+export { useCellEdited };

package/src/useEditableTable.js

@@ -0,0 +1,141 @@
+import { useData, useLayoutEffectSkipFirst } from "@vuu-ui/vuu-utils";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { EditSession } from "./EditSession.js";
+import { EDIT_ACTION_ROW_CLASS_NAME_GENERATOR } from "./editActionRowClassNameGenerator.js";
+const EDIT_ACTION_ROW_CLASS_NAME_GENERATORS = [
+    EDIT_ACTION_ROW_CLASS_NAME_GENERATOR
+];
+const useEditableTable = ({ columns, dataSource: dataSourceProp, deleteMode = "soft", editSessionApi = "createSessionDataSource", copyOption = "All", isEditMode, onCancel, onSave, table })=>{
+    const { VuuDataSource } = useData();
+    const [selectionCount, setSelectionCount] = useState(0);
+    useLayoutEffectSkipFirst(()=>{
+        console.warn("[useEditableTable] columns and or table changed");
+    }, [
+        columns,
+        table
+    ]);
+    const sourceDataSource = useMemo(()=>{
+        if (dataSourceProp) return dataSourceProp;
+        if (table) return new VuuDataSource({
+            columns,
+            table
+        });
+        throw Error("useEditableTable unable to provide DataSource, neither dataSource nor table available as props");
+    }, [
+        VuuDataSource,
+        columns,
+        dataSourceProp,
+        table
+    ]);
+    const editSession = useMemo(()=>new EditSession(sourceDataSource, deleteMode, editSessionApi), [
+        deleteMode,
+        editSessionApi,
+        sourceDataSource
+    ]);
+    const [lifecycle, setLifecycle] = useState(editSession.lifecycle);
+    const [editState, setEditState] = useState(editSession.editState);
+    const [subscribedSessionDataSource, setSubscribedSessionDataSource] = useState();
+    const onCancelRef = useRef(onCancel);
+    onCancelRef.current = onCancel;
+    const sessionDataSource = "sessionDataSource" in lifecycle ? lifecycle.sessionDataSource : void 0;
+    const dataSource = sessionDataSource ?? sourceDataSource;
+    const handleCancel = useCallback(async ()=>{
+        try {
+            await editSession.end();
+            setSelectionCount(0);
+            onCancel();
+        } catch (error) {
+            console.error("[useEditableTable] cancel edit session failed", error);
+        }
+    }, [
+        editSession,
+        onCancel
+    ]);
+    const handleSave = useCallback(async (force = false)=>{
+        try {
+            await editSession.end(true, force);
+            setSelectionCount(0);
+            onSave();
+        } catch (error) {
+            console.error("[useEditableTable] save edit session failed", error);
+        }
+    }, [
+        editSession,
+        onSave
+    ]);
+    const handleDelete = useCallback(async ()=>{
+        await editSession.deleteSelectedRows();
+    }, [
+        editSession
+    ]);
+    const handleUndoRowChange = useCallback((key)=>void editSession.undoRowChange(key), [
+        editSession
+    ]);
+    useEffect(()=>{
+        dataSource.on("row-selection", setSelectionCount);
+        return ()=>dataSource.removeListener("row-selection", setSelectionCount);
+    }, [
+        dataSource
+    ]);
+    useEffect(()=>{
+        if (!sessionDataSource) return void setSubscribedSessionDataSource(void 0);
+        const handleSubscribed = ()=>setSubscribedSessionDataSource(sessionDataSource);
+        setSubscribedSessionDataSource(void 0);
+        sessionDataSource.on("subscribed", handleSubscribed);
+        if ("subscribed" === sessionDataSource.status && sessionDataSource.tableSchema) handleSubscribed();
+        return ()=>sessionDataSource.removeListener("subscribed", handleSubscribed);
+    }, [
+        sessionDataSource
+    ]);
+    useEffect(()=>{
+        const handleEditState = (nextEditState)=>{
+            setEditState(nextEditState);
+        };
+        const handleLifecycle = (nextLifecycle)=>{
+            setLifecycle(nextLifecycle);
+        };
+        setEditState(editSession.editState);
+        setLifecycle(editSession.lifecycle);
+        editSession.on("editState", handleEditState);
+        editSession.on("lifecycle", handleLifecycle);
+        return ()=>{
+            editSession.removeListener("editState", handleEditState);
+            editSession.removeListener("lifecycle", handleLifecycle);
+        };
+    }, [
+        editSession
+    ]);
+    useEffect(()=>{
+        const transition = isEditMode ? editSession.begin(copyOption) : editSession.end();
+        transition.catch((error)=>{
+            if (isEditMode) {
+                console.error("[useEditableTable] begin edit session failed", error);
+                onCancelRef.current();
+            } else console.error("[useEditableTable] end edit session failed", error);
+        });
+    }, [
+        copyOption,
+        editSession,
+        isEditMode
+    ]);
+    const canCancel = "active" === lifecycle.status || "error" === lifecycle.status && "end" === lifecycle.operation;
+    const canSave = canCancel && ("dirty" === editState || "stale" === editState) && 0 === editSession.invalidCount;
+    const isEditSessionReady = isEditMode && void 0 !== sessionDataSource && sessionDataSource === editSession.sessionDataSource && subscribedSessionDataSource === sessionDataSource && "subscribed" === sessionDataSource.status && void 0 !== sessionDataSource.tableSchema;
+    return {
+        canCancel,
+        canSave,
+        dataSource,
+        editSession,
+        lifecycle,
+        hasSelection: selectionCount > 0,
+        isEditSessionReady,
+        onCancel: handleCancel,
+        onDelete: handleDelete,
+        onSave: handleSave,
+        onUndoRowChange: handleUndoRowChange,
+        rowClassNameGenerators: isEditMode ? EDIT_ACTION_ROW_CLASS_NAME_GENERATORS : void 0,
+        sessionDataSource,
+        sourceDataSource
+    };
+};
+export { useEditableTable };

package/cjs/DataEditingProvider.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const DataEditingContext = react.createContext(void 0);
-const DataEditingProvider = ({
-  children,
-  editSession
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DataEditingContext.Provider, { value: editSession, children });
-};
-function useEditSession(throwIfUnavailable = false) {
-  const editSession = react.useContext(DataEditingContext);
-  if (editSession === void 0) {
-    if (throwIfUnavailable) {
-      throw Error(
-        "[useEditSession] no DataEditingContext in scope. You need to enclose editable component(s) with DataEditingProvider"
-      );
-    }
-  } else {
-    return editSession;
-  }
-}
-
-exports.DataEditingProvider = DataEditingProvider;
-exports.useEditSession = useEditSession;
-//# sourceMappingURL=DataEditingProvider.js.map

package/cjs/DataEditingProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataEditingProvider.js","sources":["../../../packages/vuu-data-editing/src/DataEditingProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from \"react\";\nimport type { EditSession } from \"./EditSession\";\n\nconst DataEditingContext = createContext<EditSession | undefined>(undefined);\n\nexport const DataEditingProvider = ({\n  children,\n  editSession,\n}: {\n  children: ReactNode;\n  editSession: EditSession;\n}) => {\n  return (\n    <DataEditingContext.Provider value={editSession}>\n      {children}\n    </DataEditingContext.Provider>\n  );\n};\n\nexport function useEditSession(\n  throwIfUnavailable?: false,\n): EditSession | undefined;\nexport function useEditSession(throwIfUnavailable: true): EditSession;\nexport function useEditSession(throwIfUnavailable = false) {\n  const editSession = useContext(DataEditingContext);\n  if (editSession === undefined) {\n    if (throwIfUnavailable) {\n      throw Error(\n        \"[useEditSession] no DataEditingContext in scope. You need to enclose editable component(s) with DataEditingProvider\",\n      );\n    }\n  } else {\n    return editSession;\n  }\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;AAGA,MAAM,kBAAA,GAAqBA,oBAAuC,KAAS,CAAA,CAAA;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,sCACG,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,aACjC,QACH,EAAA,CAAA;AAEJ;AAMgB,SAAA,cAAA,CAAe,qBAAqB,KAAO,EAAA;AACzD,EAAM,MAAA,WAAA,GAAcC,iBAAW,kBAAkB,CAAA;AACjD,EAAA,IAAI,gBAAgB,KAAW,CAAA,EAAA;AAC7B,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAM,MAAA,KAAA;AAAA,QACJ;AAAA,OACF;AAAA;AACF,GACK,MAAA;AACL,IAAO,OAAA,WAAA;AAAA;AAEX;;;;;"}

package/cjs/EditButtons.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var react = require('react');
-
-const EditButtons = ({
-  canCancel,
-  canSave,
-  confirmCancel,
-  confirmSave,
-  editSession,
-  hasSelection = false,
-  onCancel,
-  onDelete,
-  onSave,
-  saveLabel = "Save"
-}) => {
-  const [editState, setEditState] = react.useState(
-    () => editSession?.editState ?? "clean"
-  );
-  const handleSave = react.useCallback(async () => {
-    if (confirmSave) {
-      const confirmed = await confirmSave();
-      if (!confirmed) return;
-    }
-    onSave(editState === "stale");
-  }, [confirmSave, editState, onSave]);
-  const handleCancel = react.useCallback(async () => {
-    if (confirmCancel) {
-      const confirmed = await confirmCancel();
-      if (!confirmed) return;
-    }
-    onCancel?.();
-  }, [confirmCancel, onCancel]);
-  react.useEffect(() => {
-    if (editSession) {
-      setEditState(editSession.editState);
-      editSession.on("editState", setEditState);
-      return () => editSession.removeListener("editState", setEditState);
-    }
-  }, [editSession]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    onDelete && /* @__PURE__ */ jsxRuntime.jsx(
-      core.Button,
-      {
-        disabled: !hasSelection,
-        onClick: onDelete,
-        sentiment: "negative",
-        children: "Delete"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(core.Button, { disabled: !canSave, onClick: handleSave, sentiment: "accented", children: editState === "stale" ? `${saveLabel} (force)` : saveLabel }),
-    onCancel && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { disabled: !canCancel, onClick: handleCancel, children: "Cancel" })
-  ] });
-};
-
-exports.EditButtons = EditButtons;
-//# sourceMappingURL=EditButtons.js.map

package/cjs/EditButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditButtons.js","sources":["../../../packages/vuu-data-editing/src/EditButtons.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport type { EditState, EditSession } from \"./EditSession\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport interface EditButtonProps {\n  canCancel: boolean;\n  canSave: boolean;\n  editSession?: EditSession;\n  hasSelection?: boolean;\n  onCancel?: () => void;\n  onDelete?: () => void;\n  onSave: (force?: boolean) => void;\n  saveLabel?: string;\n  confirmSave?: () => boolean | Promise<boolean>;\n  confirmCancel?: () => boolean | Promise<boolean>;\n}\n\nexport const EditButtons = ({\n  canCancel,\n  canSave,\n  confirmCancel,\n  confirmSave,\n  editSession,\n  hasSelection = false,\n  onCancel,\n  onDelete,\n  onSave,\n  saveLabel = \"Save\",\n}: EditButtonProps) => {\n  const [editState, setEditState] = useState<EditState>(\n    () => editSession?.editState ?? \"clean\",\n  );\n\n  const handleSave = useCallback(async () => {\n    if (confirmSave) {\n      const confirmed = await confirmSave();\n      if (!confirmed) return;\n    }\n    onSave(editState === \"stale\");\n  }, [confirmSave, editState, onSave]);\n\n  const handleCancel = useCallback(async () => {\n    if (confirmCancel) {\n      const confirmed = await confirmCancel();\n      if (!confirmed) return;\n    }\n    onCancel?.();\n  }, [confirmCancel, onCancel]);\n\n  useEffect(() => {\n    if (editSession) {\n      setEditState(editSession.editState);\n      editSession.on(\"editState\", setEditState);\n      return () => editSession.removeListener(\"editState\", setEditState);\n    }\n  }, [editSession]);\n\n  return (\n    <>\n      {onDelete && (\n        <Button\n          disabled={!hasSelection}\n          onClick={onDelete}\n          sentiment=\"negative\"\n        >\n          Delete\n        </Button>\n      )}\n      <Button disabled={!canSave} onClick={handleSave} sentiment=\"accented\">\n        {editState === \"stale\" ? `${saveLabel} (force)` : saveLabel}\n      </Button>\n      {onCancel && (\n        <Button disabled={!canCancel} onClick={handleCancel}>\n          Cancel\n        </Button>\n      )}\n    </>\n  );\n};\n"],"names":["useState","useCallback","useEffect","jsxs","Fragment","jsx","Button"],"mappings":";;;;;;AAiBO,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,QAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA;AACd,CAAuB,KAAA;AACrB,EAAM,MAAA,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAA,cAAA;AAAA,IAChC,MAAM,aAAa,SAAa,IAAA;AAAA,GAClC;AAEA,EAAM,MAAA,UAAA,GAAaC,kBAAY,YAAY;AACzC,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,SAAA,GAAY,MAAM,WAAY,EAAA;AACpC,MAAA,IAAI,CAAC,SAAW,EAAA;AAAA;AAElB,IAAA,MAAA,CAAO,cAAc,OAAO,CAAA;AAAA,GAC3B,EAAA,CAAC,WAAa,EAAA,SAAA,EAAW,MAAM,CAAC,CAAA;AAEnC,EAAM,MAAA,YAAA,GAAeA,kBAAY,YAAY;AAC3C,IAAA,IAAI,aAAe,EAAA;AACjB,MAAM,MAAA,SAAA,GAAY,MAAM,aAAc,EAAA;AACtC,MAAA,IAAI,CAAC,SAAW,EAAA;AAAA;AAElB,IAAW,QAAA,IAAA;AAAA,GACV,EAAA,CAAC,aAAe,EAAA,QAAQ,CAAC,CAAA;AAE5B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,YAAA,CAAa,YAAY,SAAS,CAAA;AAClC,MAAY,WAAA,CAAA,EAAA,CAAG,aAAa,YAAY,CAAA;AACxC,MAAA,OAAO,MAAM,WAAA,CAAY,cAAe,CAAA,WAAA,EAAa,YAAY,CAAA;AAAA;AACnE,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,uBAEKC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,QAAA,oBAAAC,cAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,UAAU,CAAC,YAAA;AAAA,QACX,OAAS,EAAA,QAAA;AAAA,QACT,SAAU,EAAA,UAAA;AAAA,QACX,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEDD,cAAA,CAAAC,WAAA,EAAA,EAAO,QAAU,EAAA,CAAC,SAAS,OAAS,EAAA,UAAA,EAAY,SAAU,EAAA,UAAA,EACxD,QAAc,EAAA,SAAA,KAAA,OAAA,GAAU,CAAG,EAAA,SAAS,aAAa,SACpD,EAAA,CAAA;AAAA,IACC,QAAA,mCACEA,WAAO,EAAA,EAAA,QAAA,EAAU,CAAC,SAAW,EAAA,OAAA,EAAS,cAAc,QAErD,EAAA,QAAA,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/cjs/EditModeProvider.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const EditModeContext = react.createContext({
-  isEditMode: false,
-  setEditMode: () => "EditModeProvider in place"
-});
-const EditModeProvider = ({ children }) => {
-  const [isEditMode, setEditMode] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(EditModeContext.Provider, { value: { isEditMode, setEditMode }, children });
-};
-const useEditMode = () => react.useContext(EditModeContext);
-
-exports.EditModeProvider = EditModeProvider;
-exports.useEditMode = useEditMode;
-//# sourceMappingURL=EditModeProvider.js.map

package/cjs/EditModeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditModeProvider.js","sources":["../../../packages/vuu-data-editing/src/EditModeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useState } from \"react\";\n\nexport interface EditModeContextProps {\n  isEditMode: boolean;\n  setEditMode: (inEditMode: boolean) => void;\n}\n\nconst EditModeContext = createContext<EditModeContextProps>({\n  isEditMode: false,\n  setEditMode: () => \"EditModeProvider in place\",\n});\n\n/**\n * Implemented as a standalone Provider so that EditMode cna be implemented\n * at higher level than individual edit controls.\n */\nexport const EditModeProvider = ({ children }: { children: ReactNode }) => {\n  const [isEditMode, setEditMode] = useState(false);\n  return (\n    <EditModeContext.Provider value={{ isEditMode, setEditMode }}>\n      {children}\n    </EditModeContext.Provider>\n  );\n};\n\nexport const useEditMode = () => useContext(EditModeContext);\n"],"names":["createContext","useState","jsx","useContext"],"mappings":";;;;;AAOA,MAAM,kBAAkBA,mBAAoC,CAAA;AAAA,EAC1D,UAAY,EAAA,KAAA;AAAA,EACZ,aAAa,MAAM;AACrB,CAAC,CAAA;AAMM,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACzE,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAChD,EACE,uBAAAC,cAAA,CAAC,gBAAgB,QAAhB,EAAA,EAAyB,OAAO,EAAE,UAAA,EAAY,WAAY,EAAA,EACxD,QACH,EAAA,CAAA;AAEJ;AAEa,MAAA,WAAA,GAAc,MAAMC,gBAAA,CAAW,eAAe;;;;;"}