@vuu-ui/vuu-shell 2.1.19-beta.1 → 2.1.19-beta.3

package/esm/persistence-manager/LocalPersistenceManager.js

@@ -0,0 +1,191 @@
+import { clearLocalEntity, getUniqueId, formatDate, getLocalEntity, saveLocalEntity } from '@vuu-ui/vuu-utils';
+
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _applicationJSON, _metadataSaveLocation, _layoutsSaveLocation, _urlKey;
+const baseMetadataSaveLocation = "layouts/metadata";
+const baseLayoutsSaveLocation = "layouts/layouts";
+class LocalPersistenceManager {
+  constructor(userName, urlKey) {
+    __privateAdd(this, _applicationJSON);
+    __privateAdd(this, _metadataSaveLocation);
+    __privateAdd(this, _layoutsSaveLocation);
+    __privateAdd(this, _urlKey);
+    __publicField(this, "loadLayouts", () => {
+      return new Promise((resolve) => {
+        const layouts = getLocalEntity(__privateGet(this, _layoutsSaveLocation));
+        resolve(layouts || []);
+      });
+    });
+    __publicField(this, "saveLayoutsWithMetadata", (layouts, metadata) => {
+      saveLocalEntity(__privateGet(this, _layoutsSaveLocation), layouts);
+      saveLocalEntity(__privateGet(this, _metadataSaveLocation), metadata);
+    });
+    // Ensures that there is exactly one Layout entry and exactly one Metadata
+    // entry in local storage corresponding to the provided ID.
+    __publicField(this, "validateIds", async (id) => {
+      return Promise.all([
+        this.validateId(id, "metadata").catch((error) => error.message),
+        this.validateId(id, "layout").catch((error) => error.message)
+      ]).then((errorMessages) => {
+        const combinedMessage = errorMessages.filter((msg) => msg !== void 0).join("; ");
+        if (combinedMessage) {
+          throw new Error(combinedMessage);
+        }
+      });
+    });
+    // Ensures that there is exactly one element (Layout or Metadata) in local
+    // storage corresponding to the provided ID.
+    __publicField(this, "validateId", (id, dataType) => {
+      return new Promise((resolve, reject) => {
+        const loadFunc = dataType === "metadata" ? () => this.loadMetadata() : () => this.loadLayouts();
+        loadFunc().then((array) => {
+          const count = array.filter((element) => element.id === id).length;
+          switch (count) {
+            case 1: {
+              resolve();
+              break;
+            }
+            case 0: {
+              reject(new Error(`No ${dataType} with ID ${id}`));
+              break;
+            }
+            default:
+              reject(new Error(`Non-unique ${dataType} with ID ${id}`));
+          }
+        });
+      });
+    });
+    __privateSet(this, _metadataSaveLocation, `${baseMetadataSaveLocation}/${userName}`);
+    __privateSet(this, _layoutsSaveLocation, `${baseLayoutsSaveLocation}/${userName}`);
+    __privateSet(this, _urlKey, urlKey ?? `api/vui/${userName}`);
+  }
+  clearUserSettings() {
+    clearLocalEntity(__privateGet(this, _urlKey));
+    __privateSet(this, _applicationJSON, void 0);
+  }
+  createLayout(metadata, layout) {
+    return new Promise((resolve) => {
+      Promise.all([this.loadLayouts(), this.loadMetadata()]).then(
+        ([existingLayouts, existingMetadata]) => {
+          const id = getUniqueId();
+          const newMetadata = {
+            ...metadata,
+            id,
+            created: formatDate({ date: "dd.mm.yyyy" })(/* @__PURE__ */ new Date())
+          };
+          this.saveLayoutsWithMetadata(
+            [...existingLayouts, { id, json: layout }],
+            [...existingMetadata, newMetadata]
+          );
+          resolve(newMetadata);
+        }
+      );
+    });
+  }
+  updateLayout(id, newMetadata, newLayout) {
+    return new Promise((resolve, reject) => {
+      this.validateIds(id).then(() => Promise.all([this.loadLayouts(), this.loadMetadata()])).then(([existingLayouts, existingMetadata]) => {
+        const updatedLayouts = existingLayouts.map(
+          (layout) => layout.id === id ? { ...layout, json: newLayout } : layout
+        );
+        const updatedMetadata = existingMetadata.map(
+          (metadata) => metadata.id === id ? { ...metadata, ...newMetadata } : metadata
+        );
+        this.saveLayoutsWithMetadata(updatedLayouts, updatedMetadata);
+        resolve();
+      }).catch((e) => reject(e));
+    });
+  }
+  deleteLayout(id) {
+    return new Promise((resolve, reject) => {
+      this.validateIds(id).then(() => Promise.all([this.loadLayouts(), this.loadMetadata()])).then(([existingLayouts, existingMetadata]) => {
+        const layouts = existingLayouts.filter((layout) => layout.id !== id);
+        const metadata = existingMetadata.filter(
+          (metadata2) => metadata2.id !== id
+        );
+        this.saveLayoutsWithMetadata(layouts, metadata);
+        resolve();
+      }).catch((e) => reject(e));
+    });
+  }
+  loadLayout(id) {
+    return new Promise((resolve, reject) => {
+      this.validateId(id, "layout").then(() => this.loadLayouts()).then((existingLayouts) => {
+        const foundLayout = existingLayouts.find(
+          (layout) => layout.id === id
+        );
+        if (foundLayout) {
+          resolve(foundLayout.json);
+        } else {
+          reject(new Error(`no layout found matching id ${id}`));
+        }
+      }).catch((e) => reject(e));
+    });
+  }
+  loadMetadata() {
+    return new Promise((resolve) => {
+      const metadata = getLocalEntity(
+        __privateGet(this, _metadataSaveLocation)
+      );
+      resolve(metadata || []);
+    });
+  }
+  async loadApplicationJSON() {
+    return __privateGet(this, _applicationJSON) || new Promise((resolve) => {
+      const applicationJSON = getLocalEntity(__privateGet(this, _urlKey));
+      if (applicationJSON) {
+        __privateSet(this, _applicationJSON, applicationJSON);
+      }
+      resolve(applicationJSON);
+    });
+  }
+  saveApplicationJSON(applicationJSON) {
+    return new Promise((resolve, reject) => {
+      const savedLayout = saveLocalEntity(
+        __privateGet(this, _urlKey),
+        applicationJSON
+      );
+      if (savedLayout) {
+        __privateSet(this, _applicationJSON, applicationJSON);
+        resolve();
+      } else {
+        reject(new Error("Application Json failed to save"));
+      }
+    });
+  }
+  async getUserSettings() {
+    if (__privateGet(this, _applicationJSON)) {
+      return __privateGet(this, _applicationJSON).userSettings ?? {};
+    }
+    try {
+      const applicationJSON = await this.loadApplicationJSON();
+      return applicationJSON?.userSettings ?? {};
+    } catch (e) {
+      return {};
+    }
+  }
+  saveUserSettings(userSettings) {
+    if (__privateGet(this, _applicationJSON)) {
+      this.saveApplicationJSON({
+        ...__privateGet(this, _applicationJSON),
+        userSettings
+      });
+    }
+  }
+}
+_applicationJSON = new WeakMap();
+_metadataSaveLocation = new WeakMap();
+_layoutsSaveLocation = new WeakMap();
+_urlKey = new WeakMap();
+
+export { LocalPersistenceManager };
+//# sourceMappingURL=LocalPersistenceManager.js.map

package/esm/persistence-manager/LocalPersistenceManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPersistenceManager.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/LocalPersistenceManager.ts"],"sourcesContent":["import {\n  ApplicationJSON,\n  LayoutJSON,\n  Settings,\n  formatDate,\n  getLocalEntity,\n  getUniqueId,\n  saveLocalEntity,\n  Layout,\n  LayoutMetadata,\n  LayoutMetadataDto,\n  WithId,\n  clearLocalEntity,\n} from \"@vuu-ui/vuu-utils\";\nimport { IPersistenceManager } from \"./PersistenceManager\";\nconst baseMetadataSaveLocation = \"layouts/metadata\";\nconst baseLayoutsSaveLocation = \"layouts/layouts\";\n\nexport class LocalPersistenceManager implements IPersistenceManager {\n  #applicationJSON: ApplicationJSON | undefined;\n  #metadataSaveLocation: string;\n  #layoutsSaveLocation: string;\n  #urlKey: string;\n\n  constructor(userName: string, urlKey?: string) {\n    this.#metadataSaveLocation = `${baseMetadataSaveLocation}/${userName}`;\n    this.#layoutsSaveLocation = `${baseLayoutsSaveLocation}/${userName}`;\n    this.#urlKey = urlKey ?? `api/vui/${userName}`;\n  }\n\n  clearUserSettings() {\n    clearLocalEntity(this.#urlKey);\n    this.#applicationJSON = undefined;\n  }\n\n  createLayout(\n    metadata: LayoutMetadataDto,\n    layout: LayoutJSON,\n  ): Promise<LayoutMetadata> {\n    return new Promise((resolve) => {\n      Promise.all([this.loadLayouts(), this.loadMetadata()]).then(\n        ([existingLayouts, existingMetadata]) => {\n          const id = getUniqueId();\n          const newMetadata: LayoutMetadata = {\n            ...metadata,\n            id,\n            created: formatDate({ date: \"dd.mm.yyyy\" })(new Date()),\n          };\n\n          this.saveLayoutsWithMetadata(\n            [...existingLayouts, { id, json: layout }],\n            [...existingMetadata, newMetadata],\n          );\n          resolve(newMetadata);\n        },\n      );\n    });\n  }\n\n  updateLayout(\n    id: string,\n    newMetadata: LayoutMetadataDto,\n    newLayout: LayoutJSON,\n  ): Promise<void> {\n    return new Promise((resolve, reject) => {\n      this.validateIds(id)\n        .then(() => Promise.all([this.loadLayouts(), this.loadMetadata()]))\n        .then(([existingLayouts, existingMetadata]) => {\n          const updatedLayouts = existingLayouts.map((layout) =>\n            layout.id === id ? { ...layout, json: newLayout } : layout,\n          );\n          const updatedMetadata = existingMetadata.map((metadata) =>\n            metadata.id === id ? { ...metadata, ...newMetadata } : metadata,\n          );\n          this.saveLayoutsWithMetadata(updatedLayouts, updatedMetadata);\n          resolve();\n        })\n        .catch((e) => reject(e));\n    });\n  }\n\n  deleteLayout(id: string): Promise<void> {\n    return new Promise((resolve, reject) => {\n      this.validateIds(id)\n        .then(() => Promise.all([this.loadLayouts(), this.loadMetadata()]))\n        .then(([existingLayouts, existingMetadata]) => {\n          const layouts = existingLayouts.filter((layout) => layout.id !== id);\n          const metadata = existingMetadata.filter(\n            (metadata) => metadata.id !== id,\n          );\n          this.saveLayoutsWithMetadata(layouts, metadata);\n          resolve();\n        })\n        .catch((e) => reject(e));\n    });\n  }\n\n  loadLayout(id: string): Promise<LayoutJSON> {\n    return new Promise((resolve, reject) => {\n      this.validateId(id, \"layout\")\n        .then(() => this.loadLayouts())\n        .then((existingLayouts) => {\n          const foundLayout = existingLayouts.find(\n            (layout) => layout.id === id,\n          );\n          if (foundLayout) {\n            resolve(foundLayout.json);\n          } else {\n            reject(new Error(`no layout found matching id ${id}`));\n          }\n        })\n        .catch((e) => reject(e));\n    });\n  }\n\n  loadMetadata(): Promise<LayoutMetadata[]> {\n    return new Promise((resolve) => {\n      const metadata = getLocalEntity<LayoutMetadata[]>(\n        this.#metadataSaveLocation,\n      );\n      resolve(metadata || []);\n    });\n  }\n\n  async loadApplicationJSON(): Promise<ApplicationJSON | undefined> {\n    return (\n      this.#applicationJSON ||\n      new Promise((resolve) => {\n        const applicationJSON = getLocalEntity<ApplicationJSON>(this.#urlKey);\n        if (applicationJSON) {\n          this.#applicationJSON = applicationJSON;\n        }\n        resolve(applicationJSON);\n      })\n    );\n  }\n\n  saveApplicationJSON(applicationJSON: ApplicationJSON): Promise<void> {\n    return new Promise((resolve, reject) => {\n      const savedLayout = saveLocalEntity<ApplicationJSON>(\n        this.#urlKey,\n        applicationJSON,\n      );\n      if (savedLayout) {\n        this.#applicationJSON = applicationJSON;\n        resolve();\n      } else {\n        reject(new Error(\"Application Json failed to save\"));\n      }\n    });\n  }\n\n  loadLayouts = (): Promise<Layout[]> => {\n    return new Promise((resolve) => {\n      const layouts = getLocalEntity<Layout[]>(this.#layoutsSaveLocation);\n      resolve(layouts || []);\n    });\n  };\n\n  saveLayoutsWithMetadata = (\n    layouts: Layout[],\n    metadata: LayoutMetadata[],\n  ): void => {\n    saveLocalEntity<Layout[]>(this.#layoutsSaveLocation, layouts);\n    saveLocalEntity<LayoutMetadata[]>(this.#metadataSaveLocation, metadata);\n  };\n\n  // Ensures that there is exactly one Layout entry and exactly one Metadata\n  // entry in local storage corresponding to the provided ID.\n  validateIds = async (id: string): Promise<void> => {\n    return Promise.all([\n      this.validateId(id, \"metadata\").catch((error) => error.message),\n      this.validateId(id, \"layout\").catch((error) => error.message),\n    ]).then((errorMessages: string[]) => {\n      // filter() is used to remove any blank messages before joining.\n      // Avoids orphaned delimiters in combined messages, e.g. \"; \" or \"; error 2\"\n      const combinedMessage = errorMessages\n        .filter((msg) => msg !== undefined)\n        .join(\"; \");\n      if (combinedMessage) {\n        throw new Error(combinedMessage);\n      }\n    });\n  };\n\n  // Ensures that there is exactly one element (Layout or Metadata) in local\n  // storage corresponding to the provided ID.\n  validateId = (id: string, dataType: \"metadata\" | \"layout\"): Promise<void> => {\n    return new Promise((resolve, reject) => {\n      const loadFunc =\n        dataType === \"metadata\"\n          ? () => this.loadMetadata()\n          : () => this.loadLayouts();\n\n      loadFunc().then((array: WithId[]) => {\n        const count = array.filter((element) => element.id === id).length;\n        switch (count) {\n          case 1: {\n            resolve();\n            break;\n          }\n          case 0: {\n            reject(new Error(`No ${dataType} with ID ${id}`));\n            break;\n          }\n          default:\n            reject(new Error(`Non-unique ${dataType} with ID ${id}`));\n        }\n      });\n    });\n  };\n\n  async getUserSettings() {\n    if (this.#applicationJSON) {\n      return this.#applicationJSON.userSettings ?? {};\n    }\n\n    try {\n      const applicationJSON = await this.loadApplicationJSON();\n      return applicationJSON?.userSettings ?? {};\n    } catch (e) {\n      return {};\n    }\n  }\n\n  saveUserSettings(userSettings: Settings) {\n    if (this.#applicationJSON) {\n      this.saveApplicationJSON({\n        ...this.#applicationJSON,\n        userSettings,\n      });\n    }\n  }\n}\n"],"names":["metadata"],"mappings":"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"}

package/esm/persistence-manager/PersistenceProvider.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+const PersistenceContext = createContext({});
+const PersistenceProvider = ({
+  children,
+  persistenceManager
+}) => {
+  return /* @__PURE__ */ jsx(PersistenceContext.Provider, { value: { persistenceManager }, children });
+};
+const usePersistenceManager = () => {
+  const { persistenceManager } = useContext(PersistenceContext);
+  return persistenceManager;
+};
+
+export { PersistenceContext, PersistenceProvider, usePersistenceManager };
+//# sourceMappingURL=PersistenceProvider.js.map

package/esm/persistence-manager/PersistenceProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersistenceProvider.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/PersistenceProvider.tsx"],"sourcesContent":["import { ReactElement, ReactNode, createContext, useContext } from \"react\";\nimport { IPersistenceManager } from \".\";\n\nexport interface PersistenceContextProps {\n  persistenceManager?: IPersistenceManager;\n}\n\nexport const PersistenceContext = createContext<PersistenceContextProps>({});\n\nexport interface PersistenceProviderProps extends PersistenceContextProps {\n  children: ReactNode;\n}\n\nexport const PersistenceProvider = ({\n  children,\n  persistenceManager,\n}: PersistenceProviderProps): ReactElement => {\n  return (\n    <PersistenceContext.Provider value={{ persistenceManager }}>\n      {children}\n    </PersistenceContext.Provider>\n  );\n};\n\nexport const usePersistenceManager = () => {\n  const { persistenceManager } = useContext(PersistenceContext);\n  return persistenceManager;\n};\n"],"names":[],"mappings":";;;AAOa,MAAA,kBAAA,GAAqB,aAAuC,CAAA,EAAE;AAMpE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAA8C,KAAA;AAC5C,EACE,uBAAA,GAAA,CAAC,mBAAmB,QAAnB,EAAA,EAA4B,OAAO,EAAE,kBAAA,IACnC,QACH,EAAA,CAAA;AAEJ;AAEO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,EAAE,kBAAA,EAAuB,GAAA,UAAA,CAAW,kBAAkB,CAAA;AAC5D,EAAO,OAAA,kBAAA;AACT;;;;"}

package/esm/persistence-manager/RemotePersistenceManager.js

@@ -0,0 +1,163 @@
+const baseURL = "/api";
+const metadataSaveLocation = "layouts/metadata";
+const layoutsSaveLocation = "layouts";
+const applicationLayoutsSaveLocation = "application-layouts";
+class RemotePersistenceManager {
+  constructor(userName) {
+    this.userName = userName;
+  }
+  createLayout(metadata, layout) {
+    return new Promise(
+      (resolve, reject) => fetch(`${baseURL}/${layoutsSaveLocation}`, {
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "POST",
+        body: JSON.stringify({
+          metadata,
+          definition: layout
+        })
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        response.json().then(({ metadata: metadata2 }) => {
+          if (!metadata2) {
+            reject(new Error("Response did not contain valid metadata"));
+          }
+          resolve(metadata2);
+        });
+      }).catch((error) => {
+        reject(error);
+      })
+    );
+  }
+  clearUserSettings() {
+  }
+  updateLayout(id, metadata, newLayoutJson) {
+    return new Promise(
+      (resolve, reject) => fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {
+        method: "PUT",
+        body: JSON.stringify({
+          metadata,
+          layout: newLayoutJson
+        })
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        resolve();
+      }).catch((error) => {
+        reject(error);
+      })
+    );
+  }
+  deleteLayout(id) {
+    return new Promise(
+      (resolve, reject) => fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {
+        method: "DELETE"
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        resolve();
+      }).catch((error) => {
+        reject(error);
+      })
+    );
+  }
+  loadLayout(id) {
+    return new Promise((resolve, reject) => {
+      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {
+        method: "GET"
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        response.json().then(({ definition }) => {
+          if (!definition) {
+            reject(new Error("Response did not contain a valid layout"));
+          }
+          resolve(definition);
+        });
+      }).catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  loadMetadata() {
+    return new Promise(
+      (resolve, reject) => fetch(`${baseURL}/${metadataSaveLocation}`, {
+        method: "GET"
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        response.json().then((metadata) => {
+          if (!metadata) {
+            reject(new Error("Response did not contain valid metadata"));
+          }
+          resolve(metadata);
+        });
+      }).catch((error) => {
+        reject(error);
+      })
+    );
+  }
+  saveApplicationJSON(applicationJSON) {
+    return new Promise(
+      (resolve, reject) => fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {
+        method: "PUT",
+        headers: {
+          "Content-Type": "application/json",
+          username: this.userName
+        },
+        body: JSON.stringify(applicationJSON)
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        resolve();
+      }).catch((error) => {
+        reject(error);
+      })
+    );
+  }
+  loadApplicationJSON() {
+    return new Promise(
+      (resolve, reject) => fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {
+        method: "GET",
+        headers: {
+          username: this.userName
+        }
+      }).then((response) => {
+        if (!response.ok) {
+          reject(new Error(response.statusText));
+        }
+        response.json().then((applicationJSON) => {
+          if (!applicationJSON) {
+            reject(
+              new Error(
+                "Response did not contain valid application layout information"
+              )
+            );
+          }
+          resolve(applicationJSON.definition);
+        });
+      }).catch((error) => {
+        reject(error);
+      })
+    );
+  }
+  async getUserSettings() {
+    return {};
+  }
+  saveUserSettings(userSettings) {
+    console.log("saveUserSettings not implemented", {
+      userSettings
+    });
+  }
+}
+
+export { RemotePersistenceManager };
+//# sourceMappingURL=RemotePersistenceManager.js.map

package/esm/persistence-manager/RemotePersistenceManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemotePersistenceManager.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/RemotePersistenceManager.ts"],"sourcesContent":["import {\n  ApplicationJSON,\n  LayoutJSON,\n  LayoutMetadata,\n  LayoutMetadataDto,\n  Settings,\n} from \"@vuu-ui/vuu-utils\";\nimport { IPersistenceManager } from \"./PersistenceManager\";\n\nconst baseURL = \"/api\";\nconst metadataSaveLocation = \"layouts/metadata\";\nconst layoutsSaveLocation = \"layouts\";\nconst applicationLayoutsSaveLocation = \"application-layouts\";\n\nexport type CreateLayoutResponseDto = { metadata: LayoutMetadata };\nexport type GetLayoutResponseDto = { definition: LayoutJSON };\nexport type GetApplicationResponseDto = { definition: ApplicationJSON };\n\nexport class RemotePersistenceManager implements IPersistenceManager {\n  constructor(private userName: string) {}\n\n  createLayout(\n    metadata: LayoutMetadataDto,\n    layout: LayoutJSON,\n  ): Promise<LayoutMetadata> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${layoutsSaveLocation}`, {\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        method: \"POST\",\n        body: JSON.stringify({\n          metadata,\n          definition: layout,\n        }),\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then(({ metadata }: CreateLayoutResponseDto) => {\n            if (!metadata) {\n              reject(new Error(\"Response did not contain valid metadata\"));\n            }\n            resolve(metadata);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  clearUserSettings() {\n    // todo\n  }\n\n  updateLayout(\n    id: string,\n    metadata: LayoutMetadataDto,\n    newLayoutJson: LayoutJSON,\n  ): Promise<void> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {\n        method: \"PUT\",\n        body: JSON.stringify({\n          metadata,\n          layout: newLayoutJson,\n        }),\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          resolve();\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  deleteLayout(id: string): Promise<void> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {\n        method: \"DELETE\",\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          resolve();\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  loadLayout(id: string): Promise<LayoutJSON> {\n    return new Promise((resolve, reject) => {\n      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {\n        method: \"GET\",\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then(({ definition }: GetLayoutResponseDto) => {\n            if (!definition) {\n              reject(new Error(\"Response did not contain a valid layout\"));\n            }\n            resolve(definition);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        });\n    });\n  }\n\n  loadMetadata(): Promise<LayoutMetadata[]> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${metadataSaveLocation}`, {\n        method: \"GET\",\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then((metadata: LayoutMetadata[]) => {\n            if (!metadata) {\n              reject(new Error(\"Response did not contain valid metadata\"));\n            }\n            resolve(metadata);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  saveApplicationJSON(applicationJSON: ApplicationJSON): Promise<void> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {\n        method: \"PUT\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          username: this.userName,\n        },\n        body: JSON.stringify(applicationJSON),\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          resolve();\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  loadApplicationJSON(): Promise<ApplicationJSON> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {\n        method: \"GET\",\n        headers: {\n          username: this.userName,\n        },\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then((applicationJSON: GetApplicationResponseDto) => {\n            if (!applicationJSON) {\n              reject(\n                new Error(\n                  \"Response did not contain valid application layout information\",\n                ),\n              );\n            }\n            resolve(applicationJSON.definition);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  async getUserSettings() {\n    return {};\n  }\n\n  saveUserSettings(userSettings: Settings) {\n    console.log(\"saveUserSettings not implemented\", {\n      userSettings,\n    });\n  }\n}\n"],"names":["metadata"],"mappings":"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"}

package/esm/persistence-manager/StaticPersistenceManager.js

@@ -0,0 +1,71 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _applicationLoadDelay, _applicationJSON, _layoutMetaData;
+function unsupported() {
+  return new Promise((_, reject) => {
+    reject("not supported");
+  });
+}
+class StaticPersistenceManager {
+  constructor({
+    applicationJSON,
+    applicationLoadDelay = 0,
+    layoutMetadata = []
+  }) {
+    __privateAdd(this, _applicationLoadDelay);
+    __privateAdd(this, _applicationJSON);
+    __privateAdd(this, _layoutMetaData);
+    __privateSet(this, _applicationJSON, applicationJSON);
+    __privateSet(this, _applicationLoadDelay, applicationLoadDelay);
+    __privateSet(this, _layoutMetaData, layoutMetadata);
+  }
+  createLayout() {
+    return unsupported();
+  }
+  clearUserSettings() {
+  }
+  updateLayout() {
+    return unsupported();
+  }
+  deleteLayout() {
+    return unsupported();
+  }
+  loadLayout(id) {
+    console.log(`load layout #${id}`);
+    return unsupported();
+  }
+  loadMetadata() {
+    return Promise.resolve(__privateGet(this, _layoutMetaData));
+  }
+  loadApplicationJSON() {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(__privateGet(this, _applicationJSON));
+      }, __privateGet(this, _applicationLoadDelay));
+    });
+  }
+  async saveApplicationJSON(applicationJson) {
+    console.log(`save application json `, {
+      applicationJson
+    });
+  }
+  async getUserSettings() {
+    return __privateGet(this, _applicationJSON)?.userSettings ?? {};
+  }
+  saveUserSettings(userSettings) {
+    console.log("saveUserSettings not implemented", {
+      userSettings
+    });
+  }
+}
+_applicationLoadDelay = new WeakMap();
+_applicationJSON = new WeakMap();
+_layoutMetaData = new WeakMap();
+
+export { StaticPersistenceManager };
+//# sourceMappingURL=StaticPersistenceManager.js.map

package/esm/persistence-manager/StaticPersistenceManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticPersistenceManager.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/StaticPersistenceManager.ts"],"sourcesContent":["import {\n  ApplicationJSON,\n  LayoutJSON,\n  LayoutMetadata,\n  Settings,\n} from \"@vuu-ui/vuu-utils\";\nimport { IPersistenceManager } from \"./PersistenceManager\";\n\nfunction unsupported<T = void>() {\n  return new Promise<T>((_, reject) => {\n    reject(\"not supported\");\n  });\n}\n\n/**\n * Use in Showcase examples only\n */\nexport class StaticPersistenceManager implements IPersistenceManager {\n  #applicationLoadDelay: number;\n  #applicationJSON?: ApplicationJSON;\n  #layoutMetaData: LayoutMetadata[];\n  constructor({\n    applicationJSON,\n    applicationLoadDelay = 0,\n    layoutMetadata = [],\n  }: {\n    applicationJSON?: ApplicationJSON;\n    applicationLoadDelay?: number;\n    layoutMetadata?: LayoutMetadata[];\n  }) {\n    this.#applicationJSON = applicationJSON;\n    this.#applicationLoadDelay = applicationLoadDelay;\n    this.#layoutMetaData = layoutMetadata;\n  }\n  createLayout() {\n    return unsupported<LayoutMetadata>();\n  }\n\n  clearUserSettings() {\n    // TODO\n  }\n  updateLayout() {\n    return unsupported();\n  }\n  deleteLayout() {\n    return unsupported();\n  }\n  loadLayout(id: string) {\n    console.log(`load layout #${id}`);\n    return unsupported<LayoutJSON>();\n  }\n  loadMetadata() {\n    return Promise.resolve(this.#layoutMetaData);\n  }\n  loadApplicationJSON() {\n    return new Promise<ApplicationJSON | undefined>((resolve) => {\n      setTimeout(() => {\n        resolve(this.#applicationJSON);\n      }, this.#applicationLoadDelay);\n    });\n  }\n  async saveApplicationJSON(applicationJson: ApplicationJSON) {\n    console.log(`save application json `, {\n      applicationJson,\n    });\n  }\n\n  async getUserSettings() {\n    return this.#applicationJSON?.userSettings ?? {};\n  }\n\n  saveUserSettings(userSettings: Settings) {\n    console.log(\"saveUserSettings not implemented\", {\n      userSettings,\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,IAAA,qBAAA,EAAA,gBAAA,EAAA,eAAA;AAQA,SAAS,WAAwB,GAAA;AAC/B,EAAA,OAAO,IAAI,OAAA,CAAW,CAAC,CAAA,EAAG,MAAW,KAAA;AACnC,IAAA,MAAA,CAAO,eAAe,CAAA;AAAA,GACvB,CAAA;AACH;AAKO,MAAM,wBAAwD,CAAA;AAAA,EAInE,WAAY,CAAA;AAAA,IACV,eAAA;AAAA,IACA,oBAAuB,GAAA,CAAA;AAAA,IACvB,iBAAiB;AAAC,GAKjB,EAAA;AAXH,IAAA,YAAA,CAAA,IAAA,EAAA,qBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,gBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,eAAA,CAAA;AAUE,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,eAAA,CAAA;AACxB,IAAA,YAAA,CAAA,IAAA,EAAK,qBAAwB,EAAA,oBAAA,CAAA;AAC7B,IAAA,YAAA,CAAA,IAAA,EAAK,eAAkB,EAAA,cAAA,CAAA;AAAA;AACzB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAA4B,EAAA;AAAA;AACrC,EAEA,iBAAoB,GAAA;AAAA;AAEpB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAAY,EAAA;AAAA;AACrB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAAY,EAAA;AAAA;AACrB,EACA,WAAW,EAAY,EAAA;AACrB,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAgB,aAAA,EAAA,EAAE,CAAE,CAAA,CAAA;AAChC,IAAA,OAAO,WAAwB,EAAA;AAAA;AACjC,EACA,YAAe,GAAA;AACb,IAAO,OAAA,OAAA,CAAQ,OAAQ,CAAA,YAAA,CAAA,IAAA,EAAK,eAAe,CAAA,CAAA;AAAA;AAC7C,EACA,mBAAsB,GAAA;AACpB,IAAO,OAAA,IAAI,OAAqC,CAAA,CAAC,OAAY,KAAA;AAC3D,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,OAAA,CAAQ,mBAAK,gBAAgB,CAAA,CAAA;AAAA,OAC/B,EAAG,mBAAK,qBAAqB,CAAA,CAAA;AAAA,KAC9B,CAAA;AAAA;AACH,EACA,MAAM,oBAAoB,eAAkC,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAI,CAA0B,sBAAA,CAAA,EAAA;AAAA,MACpC;AAAA,KACD,CAAA;AAAA;AACH,EAEA,MAAM,eAAkB,GAAA;AACtB,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,gBAAkB,CAAA,EAAA,YAAA,IAAgB,EAAC;AAAA;AACjD,EAEA,iBAAiB,YAAwB,EAAA;AACvC,IAAA,OAAA,CAAQ,IAAI,kCAAoC,EAAA;AAAA,MAC9C;AAAA,KACD,CAAA;AAAA;AAEL;AA1DE,qBAAA,GAAA,IAAA,OAAA,EAAA;AACA,gBAAA,GAAA,IAAA,OAAA,EAAA;AACA,eAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/esm/shell-layout-templates/context-panel/ContextPanel.css.js

@@ -0,0 +1,4 @@
+var contextPanelCss = ".vuuContextPanel {\n  --header-height: var(--vuuContextPanel-header-height, 48px);\n  background: var(--vuuContextPanel-background, var(--salt-container-primary-background));\n  position: relative;\n  transition: width 0.3s ease-in-out;\n  width: var(--vuu-side-panel-width, 0px) !important;\n  z-index: 1;\n}\n\n.vuuContextPanel-expanded {\n  --vuu-side-panel-width: var(--vuuContextPanel-width, 300px) !important;\n  --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);\n  --vuu-side-panel-padding: var(--vuuContextPanel-padding, 24px);\n\n  .vuuView.vuuContextPanel-inner {\n    padding: 24px 8px 24px 18px;\n  }\n}\n\n.vuuContextPanel-overlay {\n  width: 0px !important;\n}\n\n.vuuView.vuuContextPanel-inner {\n  background-color: inherit;\n  box-shadow: var(--vuu-side-panel-shadow, none);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0 !important;\n  overflow: auto;\n  position: absolute !important;\n  right: 0;\n  top: 0;\n  transition-property: padding-left, padding-right, width;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  width: var(--vuu-side-panel-width, 0px);\n}\n\n.vuuContextPanel-header {\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 0 0 var(--header-height) !important;\n  justify-content: space-between;\n}\n\n.vuuContextPanel-title {\n  font-size: 20px;\n  font-weight: 700;\n  white-space: nowrap;\n}\n\n.vuuContextPanel-content {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding-right: 16px;\n  position: relative;\n  width: 100%;\n}\n";
+
+export { contextPanelCss as default };
+//# sourceMappingURL=ContextPanel.css.js.map

package/esm/shell-layout-templates/context-panel/ContextPanel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/shell-layout-templates/context-panel/ContextPanel.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useLayoutProviderDispatch, layoutFromJson, View } from '@vuu-ui/vuu-layout';
+import { useHideContextPanel, IconButton } from '@vuu-ui/vuu-ui-controls';
+import { VuuShellLocation } from '@vuu-ui/vuu-utils';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import cx from 'clsx';
+import React, { useRef, useCallback, useMemo, useLayoutEffect } from 'react';
+import contextPanelCss from './ContextPanel.css.js';
+
+const classBase = "vuuContextPanel";
+const ContextPanel = ({
+  className: classNameProp,
+  expanded = false,
+  content: contentProp,
+  id,
+  onClose,
+  overlay = false,
+  title
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-context-panel",
+    css: contextPanelCss,
+    window: targetWindow
+  });
+  const hideContextPanel = useHideContextPanel();
+  const closeButtonRef = useRef(null);
+  const dispatchLayoutAction = useLayoutProviderDispatch();
+  const handleClose = useCallback(() => {
+    if (hideContextPanel) {
+      hideContextPanel();
+    } else {
+      dispatchLayoutAction({
+        path: `#${VuuShellLocation.ContextPanel}`,
+        propName: "expanded",
+        propValue: false,
+        type: "set-prop"
+      });
+    }
+  }, [dispatchLayoutAction, hideContextPanel]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Escape") {
+        handleClose();
+      }
+    },
+    [handleClose]
+  );
+  const className = cx(classBase, classNameProp, {
+    [`${classBase}-expanded`]: expanded,
+    [`${classBase}-inline`]: overlay !== true,
+    [`${classBase}-overlay`]: overlay
+  });
+  const content = useMemo(
+    () => contentProp && expanded ? React.isValidElement(contentProp) ? contentProp : layoutFromJson(contentProp, "context-0") : null,
+    [contentProp, expanded]
+  );
+  useLayoutEffect(() => {
+    if (expanded) {
+      closeButtonRef.current?.focus();
+    } else {
+      onClose?.();
+    }
+  }, [expanded, onClose]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(classBase, className, "vuuScrollable", {
+        [`${classBase}-expanded`]: expanded
+      }),
+      id,
+      children: /* @__PURE__ */ jsxs(View, { className: `${classBase}-inner`, header: false, id, children: [
+        /* @__PURE__ */ jsxs("div", { className: `${classBase}-header`, children: [
+          /* @__PURE__ */ jsx("h2", { className: `${classBase}-title`, children: title }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              appearance: "transparent",
+              className: `${classBase}-close`,
+              "data-embedded": true,
+              icon: "close",
+              onClick: handleClose,
+              onKeyDown: handleKeyDown,
+              ref: closeButtonRef,
+              sentiment: "neutral",
+              size: 16
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: `${classBase}-content`, children: content })
+      ] })
+    }
+  );
+};
+
+export { ContextPanel };
+//# sourceMappingURL=ContextPanel.js.map

package/esm/shell-layout-templates/context-panel/ContextPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/context-panel/ContextPanel.tsx"],"sourcesContent":["import {\n  View,\n  layoutFromJson,\n  useLayoutProviderDispatch,\n} from \"@vuu-ui/vuu-layout\";\nimport { IconButton, useHideContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { LayoutJSON, VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  KeyboardEventHandler,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport contextPanelCss from \"./ContextPanel.css\";\n\nconst classBase = \"vuuContextPanel\";\n\nexport interface ContextPanelProps {\n  [key: string]: unknown;\n  className?: string;\n  content?: ReactElement | LayoutJSON;\n  expanded?: boolean;\n  id?: string;\n  onClose?: () => void;\n  overlay?: boolean;\n  title?: ReactNode;\n}\n\nexport const ContextPanel = ({\n  className: classNameProp,\n  expanded = false,\n  content: contentProp,\n  id,\n  onClose,\n  overlay = false,\n  title,\n}: ContextPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-panel\",\n    css: contextPanelCss,\n    window: targetWindow,\n  });\n\n  const hideContextPanel = useHideContextPanel();\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n  const handleClose = useCallback(() => {\n    if (hideContextPanel) {\n      hideContextPanel();\n    } else {\n      dispatchLayoutAction({\n        path: `#${VuuShellLocation.ContextPanel}`,\n        propName: \"expanded\",\n        propValue: false,\n        type: \"set-prop\",\n      });\n    }\n  }, [dispatchLayoutAction, hideContextPanel]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (e) => {\n      if (e.key === \"Escape\") {\n        handleClose();\n      }\n    },\n    [handleClose],\n  );\n\n  const className = cx(classBase, classNameProp, {\n    [`${classBase}-expanded`]: expanded,\n    [`${classBase}-inline`]: overlay !== true,\n    [`${classBase}-overlay`]: overlay,\n  });\n\n  const content = useMemo(\n    () =>\n      contentProp && expanded\n        ? React.isValidElement(contentProp)\n          ? contentProp\n          : layoutFromJson(contentProp, \"context-0\")\n        : null,\n    [contentProp, expanded],\n  );\n\n  useLayoutEffect(() => {\n    if (expanded) {\n      // Components loaded into the ContextPanel will often assume focus themselves,\n      //but if not, default to close button\n      closeButtonRef.current?.focus();\n    } else {\n      onClose?.();\n    }\n  }, [expanded, onClose]);\n\n  return (\n    <div\n      className={cx(classBase, className, \"vuuScrollable\", {\n        [`${classBase}-expanded`]: expanded,\n      })}\n      id={id}\n    >\n      <View className={`${classBase}-inner`} header={false} id={id}>\n        <div className={`${classBase}-header`}>\n          <h2 className={`${classBase}-title`}>{title}</h2>\n          <IconButton\n            appearance=\"transparent\"\n            className={`${classBase}-close`}\n            data-embedded\n            icon=\"close\"\n            onClick={handleClose}\n            onKeyDown={handleKeyDown}\n            ref={closeButtonRef}\n            sentiment=\"neutral\"\n            size={16}\n          />\n        </div>\n        <div className={`${classBase}-content`}>{content}</div>\n      </View>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAsBA,MAAM,SAAY,GAAA,iBAAA;AAaX,MAAM,eAAe,CAAC;AAAA,EAC3B,SAAW,EAAA,aAAA;AAAA,EACX,QAAW,GAAA,KAAA;AAAA,EACX,OAAS,EAAA,WAAA;AAAA,EACT,EAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,mBAAmB,mBAAoB,EAAA;AAC7C,EAAM,MAAA,cAAA,GAAiB,OAA0B,IAAI,CAAA;AACrD,EAAA,MAAM,uBAAuB,yBAA0B,EAAA;AACvD,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,IAAI,gBAAkB,EAAA;AACpB,MAAiB,gBAAA,EAAA;AAAA,KACZ,MAAA;AACL,MAAqB,oBAAA,CAAA;AAAA,QACnB,IAAA,EAAM,CAAI,CAAA,EAAA,gBAAA,CAAiB,YAAY,CAAA,CAAA;AAAA,QACvC,QAAU,EAAA,UAAA;AAAA,QACV,SAAW,EAAA,KAAA;AAAA,QACX,IAAM,EAAA;AAAA,OACP,CAAA;AAAA;AACH,GACC,EAAA,CAAC,oBAAsB,EAAA,gBAAgB,CAAC,CAAA;AAE3C,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,CAAM,KAAA;AACL,MAAI,IAAA,CAAA,CAAE,QAAQ,QAAU,EAAA;AACtB,QAAY,WAAA,EAAA;AAAA;AACd,KACF;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAM,MAAA,SAAA,GAAY,EAAG,CAAA,SAAA,EAAW,aAAe,EAAA;AAAA,IAC7C,CAAC,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW,GAAG,QAAA;AAAA,IAC3B,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG,OAAY,KAAA,IAAA;AAAA,IACrC,CAAC,CAAA,EAAG,SAAS,CAAA,QAAA,CAAU,GAAG;AAAA,GAC3B,CAAA;AAED,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,MACE,WAAe,IAAA,QAAA,GACX,KAAM,CAAA,cAAA,CAAe,WAAW,CAAA,GAC9B,WACA,GAAA,cAAA,CAAe,WAAa,EAAA,WAAW,CACzC,GAAA,IAAA;AAAA,IACN,CAAC,aAAa,QAAQ;AAAA,GACxB;AAEA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,QAAU,EAAA;AAGZ,MAAA,cAAA,CAAe,SAAS,KAAM,EAAA;AAAA,KACzB,MAAA;AACL,MAAU,OAAA,IAAA;AAAA;AACZ,GACC,EAAA,CAAC,QAAU,EAAA,OAAO,CAAC,CAAA;AAEtB,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAA,EAAW,eAAiB,EAAA;AAAA,QACnD,CAAC,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW,GAAG;AAAA,OAC5B,CAAA;AAAA,MACD,EAAA;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,QAAK,SAAW,EAAA,CAAA,EAAG,SAAS,CAAU,MAAA,CAAA,EAAA,MAAA,EAAQ,OAAO,EACpD,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAC1B,OAAA,CAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,0BAC5C,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,UAAW,EAAA,aAAA;AAAA,cACX,SAAA,EAAW,GAAG,SAAS,CAAA,MAAA,CAAA;AAAA,cACvB,eAAa,EAAA,IAAA;AAAA,cACb,IAAK,EAAA,OAAA;AAAA,cACL,OAAS,EAAA,WAAA;AAAA,cACT,SAAW,EAAA,aAAA;AAAA,cACX,GAAK,EAAA,cAAA;AAAA,cACL,SAAU,EAAA,SAAA;AAAA,cACV,IAAM,EAAA;AAAA;AAAA;AACR,SACF,EAAA,CAAA;AAAA,4BACC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,YAAa,QAAQ,EAAA,OAAA,EAAA;AAAA,OACnD,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}