m2m-components 5.1.4-alpha-1725852045986-c9ff28f.0 → 5.1.4-alpha-0-9ac30bf.0

package/chunk-KE76CQSA.mjs

@@ -0,0 +1,41 @@
+'use client'
+
+// src/storage/jwt.tsx
+var isObject = (value) => {
+  return typeof value === "object" && value !== null;
+};
+var validateJwtPayload = (payload) => {
+  if (isObject(payload) === false) {
+    throw new Error("JWT payload is not an object");
+  }
+  if (typeof (payload == null ? void 0 : payload.exp) !== "number" || typeof (payload == null ? void 0 : payload.userId) !== "string") {
+    throw new Error("JWT payload is missing required fields");
+  }
+  return payload;
+};
+var parseJwtPayload = (jwt) => {
+  try {
+    const splitted = jwt.split(".");
+    if (splitted.length !== 3) {
+      throw new Error("Invalid JWT");
+    }
+    const [, payload] = splitted;
+    return validateJwtPayload(JSON.parse(atob(payload)));
+  } catch (error) {
+    console.error(error);
+    return null;
+  }
+};
+var checkJwtExpiration = (jwt) => {
+  const payload = parseJwtPayload(jwt);
+  if (!payload) {
+    return false;
+  }
+  return /* @__PURE__ */ new Date() < new Date(payload.exp * 1e3);
+};
+
+export {
+  parseJwtPayload,
+  checkJwtExpiration
+};
+//# sourceMappingURL=chunk-KE76CQSA.mjs.map

package/chunk-KE76CQSA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storage/jwt.tsx"],"sourcesContent":["interface JwtPayload {\r\n  aud: string;\r\n  authority: string;\r\n  companyId: string;\r\n  exp: number;\r\n  iss: string;\r\n  loginType: string;\r\n  scope: Record<string, string>;\r\n  userId: string;\r\n}\r\n\r\nconst isObject = (value: unknown): value is Record<string, unknown> => {\r\n  return typeof value === \"object\" && value !== null;\r\n};\r\n/**\r\n * 利用するパラメータが存在するかどうかを確認する\r\n */\r\nconst validateJwtPayload = (payload: unknown): JwtPayload => {\r\n  if (isObject(payload) === false) {\r\n    throw new Error(\"JWT payload is not an object\");\r\n  }\r\n\r\n  if (typeof payload?.exp !== \"number\" || typeof payload?.userId !== \"string\") {\r\n    throw new Error(\"JWT payload is missing required fields\");\r\n  }\r\n\r\n  return payload as unknown as JwtPayload;\r\n};\r\n\r\nexport const parseJwtPayload = (jwt: string): JwtPayload | null => {\r\n  try {\r\n    const splitted = jwt.split(\".\");\r\n    if (splitted.length !== 3) {\r\n      throw new Error(\"Invalid JWT\");\r\n    }\r\n    const [, payload] = splitted;\r\n    return validateJwtPayload(JSON.parse(atob(payload)));\r\n  } catch (error: unknown) {\r\n    console.error(error);\r\n    return null;\r\n  }\r\n};\r\n\r\nexport const checkJwtExpiration = (jwt: string): boolean => {\r\n  const payload = parseJwtPayload(jwt);\r\n  if (!payload) {\r\n    return false;\r\n  }\r\n  return new Date() < new Date(payload.exp * 1000);\r\n};\r\n"],"mappings":";;;AAWA,IAAM,WAAW,CAAC,UAAqD;AACrE,SAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAIA,IAAM,qBAAqB,CAAC,YAAiC;AAC3D,MAAI,SAAS,OAAO,MAAM,OAAO;AAC/B,UAAM,IAAI,MAAM,8BAA8B;AAAA,EAChD;AAEA,MAAI,QAAO,mCAAS,SAAQ,YAAY,QAAO,mCAAS,YAAW,UAAU;AAC3E,UAAM,IAAI,MAAM,wCAAwC;AAAA,EAC1D;AAEA,SAAO;AACT;AAEO,IAAM,kBAAkB,CAAC,QAAmC;AACjE,MAAI;AACF,UAAM,WAAW,IAAI,MAAM,GAAG;AAC9B,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI,MAAM,aAAa;AAAA,IAC/B;AACA,UAAM,CAAC,EAAE,OAAO,IAAI;AACpB,WAAO,mBAAmB,KAAK,MAAM,KAAK,OAAO,CAAC,CAAC;AAAA,EACrD,SAAS,OAAgB;AACvB,YAAQ,MAAM,KAAK;AACnB,WAAO;AAAA,EACT;AACF;AAEO,IAAM,qBAAqB,CAAC,QAAyB;AAC1D,QAAM,UAAU,gBAAgB,GAAG;AACnC,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AACA,SAAO,oBAAI,KAAK,IAAI,IAAI,KAAK,QAAQ,MAAM,GAAI;AACjD;","names":[]}

package/chunk-KEFPOQJ5.mjs

@@ -0,0 +1,83 @@
+'use client'
+import {
+  useServiceId
+} from "./chunk-UXYQOQLC.mjs";
+import {
+  m2mNotifications_v1
+} from "./chunk-34OP4R54.mjs";
+
+// src/notification/NotificationProvider.tsx
+import {
+  createContext,
+  useCallback,
+  useContext
+} from "react";
+import { useAuthFetch } from "matsuri-hooks";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var NotificationPermissionContext = createContext(void 0);
+var NotificationsContext = createContext(void 0);
+var NotificationsProvider = ({
+  token,
+  children
+}) => {
+  const serviceId = useServiceId();
+  const { data: subscriptions, refetch: refetchSubscriptions } = useAuthFetch(token, m2mNotifications_v1.findMySubscriptions(), {});
+  const checkPermission = useCallback(
+    (notificationType) => {
+      const subscription = subscriptions == null ? void 0 : subscriptions.find((item) => {
+        return item.serviceId === serviceId && item.notificationType === notificationType && item.resourceSubscription.resourceSelectType === "any";
+      });
+      return subscription == null ? void 0 : subscription.status;
+    },
+    [serviceId, subscriptions]
+  );
+  const {
+    data: notifications,
+    error,
+    refetch: refetchNotifications
+  } = useAuthFetch(
+    token,
+    m2mNotifications_v1.findNotificationsByServiceId({ id: serviceId }),
+    { swrConfig: { refreshInterval: 1e3 * 60 * 5 } }
+  );
+  if (error) {
+    console.error(error);
+  }
+  const permissionContextState = useMemo(() => {
+    return {
+      checkPermission,
+      refetch: refetchSubscriptions
+    };
+  }, [checkPermission, refetchSubscriptions]);
+  const notificationsContextState = useMemo(() => {
+    var _a, _b;
+    return {
+      notifications: (_a = notifications == null ? void 0 : notifications.data) != null ? _a : [],
+      isAllRead: (_b = notifications == null ? void 0 : notifications.data.every((n) => n.status === "read")) != null ? _b : true,
+      refetch: refetchNotifications
+    };
+  }, [refetchNotifications, notifications == null ? void 0 : notifications.data]);
+  return /* @__PURE__ */ jsx(NotificationPermissionContext.Provider, { value: permissionContextState, children: /* @__PURE__ */ jsx(NotificationsContext.Provider, { value: notificationsContextState, children }) });
+};
+var useNotifications = () => {
+  const ctx = useContext(NotificationsContext);
+  if (!ctx) {
+    throw new Error("NotificatoinProvider is not found");
+  }
+  return ctx;
+};
+var useNotificationPermission = () => {
+  const ctx = useContext(NotificationPermissionContext);
+  if (!ctx) {
+    throw new Error("NotificatoinProvider is not found");
+  }
+  return ctx;
+};
+
+export {
+  NotificationsProvider,
+  useNotifications,
+  useNotificationPermission
+};
+//# sourceMappingURL=chunk-KEFPOQJ5.mjs.map

package/chunk-KEFPOQJ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/notification/NotificationProvider.tsx"],"sourcesContent":["import { Notification, Subscription, SubscriptionStatus } from \"./domain\";\nimport {\n  PropsWithChildren,\n  createContext,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { useServiceId } from \"./ServiceIdProvider\";\n\nconst NotificationPermissionContext = createContext<\n  | {\n      checkPermission: (\n        notificationType: string,\n      ) => SubscriptionStatus | undefined;\n      refetch: () => void;\n    }\n  | undefined\n>(undefined);\n\nconst NotificationsContext = createContext<\n  | { notifications: Notification[]; isAllRead: boolean; refetch: () => void }\n  | undefined\n>(undefined);\n\n// ServiceIdProviderの中で使うこと\nexport const NotificationsProvider = ({\n  token,\n  children,\n}: PropsWithChildren<{ token: string }>) => {\n  const serviceId = useServiceId();\n\n  const { data: subscriptions, refetch: refetchSubscriptions } = useAuthFetch<\n    Subscription[]\n  >(token, m2mNotifications_v1.findMySubscriptions(), {});\n  const checkPermission = useCallback(\n    (notificationType: string) => {\n      const subscription = subscriptions?.find((item) => {\n        return (\n          item.serviceId === serviceId &&\n          item.notificationType === notificationType &&\n          item.resourceSubscription.resourceSelectType === \"any\"\n        );\n      });\n\n      return subscription?.status;\n    },\n    [serviceId, subscriptions],\n  );\n\n  const {\n    data: notifications,\n    error,\n    refetch: refetchNotifications,\n  } = useAuthFetch<{ data: Notification[] }>(\n    token,\n    m2mNotifications_v1.findNotificationsByServiceId({ id: serviceId }),\n    { swrConfig: { refreshInterval: 1000 * 60 * 5 } },\n  );\n  if (error) {\n    // エラーが出てもユーザーは特に困らないので、ユーザーに伝える必要はないが、監視は必要。\n    console.error(error);\n  }\n\n  const permissionContextState = useMemo(() => {\n    return {\n      checkPermission,\n      refetch: refetchSubscriptions,\n    };\n  }, [checkPermission, refetchSubscriptions]);\n\n  const notificationsContextState = useMemo(() => {\n    return {\n      notifications: notifications?.data ?? [],\n      isAllRead: notifications?.data.every((n) => n.status === \"read\") ?? true,\n      refetch: refetchNotifications,\n    };\n  }, [refetchNotifications, notifications?.data]);\n\n  return (\n    <NotificationPermissionContext.Provider value={permissionContextState}>\n      <NotificationsContext.Provider value={notificationsContextState}>\n        {children}\n      </NotificationsContext.Provider>\n    </NotificationPermissionContext.Provider>\n  );\n};\n\nexport const useNotifications = () => {\n  const ctx = useContext(NotificationsContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n\nexport const useNotificationPermission = () => {\n  const ctx = useContext(NotificationPermissionContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;;;;;;;;AACA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AA0ElB;AAvEN,IAAM,gCAAgC,cAQpC,MAAS;AAEX,IAAM,uBAAuB,cAG3B,MAAS;AAGJ,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,YAAY,aAAa;AAE/B,QAAM,EAAE,MAAM,eAAe,SAAS,qBAAqB,IAAI,aAE7D,OAAO,oBAAoB,oBAAoB,GAAG,CAAC,CAAC;AACtD,QAAM,kBAAkB;AAAA,IACtB,CAAC,qBAA6B;AAC5B,YAAM,eAAe,+CAAe,KAAK,CAAC,SAAS;AACjD,eACE,KAAK,cAAc,aACnB,KAAK,qBAAqB,oBAC1B,KAAK,qBAAqB,uBAAuB;AAAA,MAErD;AAEA,aAAO,6CAAc;AAAA,IACvB;AAAA,IACA,CAAC,WAAW,aAAa;AAAA,EAC3B;AAEA,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,EACX,IAAI;AAAA,IACF;AAAA,IACA,oBAAoB,6BAA6B,EAAE,IAAI,UAAU,CAAC;AAAA,IAClE,EAAE,WAAW,EAAE,iBAAiB,MAAO,KAAK,EAAE,EAAE;AAAA,EAClD;AACA,MAAI,OAAO;AAET,YAAQ,MAAM,KAAK;AAAA,EACrB;AAEA,QAAM,yBAAyB,QAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,EACF,GAAG,CAAC,iBAAiB,oBAAoB,CAAC;AAE1C,QAAM,4BAA4B,QAAQ,MAAM;AAzElD;AA0EI,WAAO;AAAA,MACL,gBAAe,oDAAe,SAAf,YAAuB,CAAC;AAAA,MACvC,YAAW,oDAAe,KAAK,MAAM,CAAC,MAAM,EAAE,WAAW,YAA9C,YAAyD;AAAA,MACpE,SAAS;AAAA,IACX;AAAA,EACF,GAAG,CAAC,sBAAsB,+CAAe,IAAI,CAAC;AAE9C,SACE,oBAAC,8BAA8B,UAA9B,EAAuC,OAAO,wBAC7C,8BAAC,qBAAqB,UAArB,EAA8B,OAAO,2BACnC,UACH,GACF;AAEJ;AAEO,IAAM,mBAAmB,MAAM;AACpC,QAAM,MAAM,WAAW,oBAAoB;AAC3C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAEA,SAAO;AACT;AAEO,IAAM,4BAA4B,MAAM;AAC7C,QAAM,MAAM,WAAW,6BAA6B;AACpD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAEA,SAAO;AACT;","names":[]}

package/chunk-LUTUMV2M.mjs

@@ -0,0 +1,166 @@
+'use client'
+
+// src/storage/lib/client.ts
+var generateUUID = () => {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+    const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+};
+var StorageClient = class {
+  constructor(url, opts) {
+    opts = opts || {};
+    this.id = generateUUID();
+    this.frameId = opts.frameId || "CrossStorageClient-" + this.id;
+    this.origin = new URL(url).origin;
+    this.requests = {};
+    this.connected = false;
+    this.closed = false;
+    this.count = 0;
+    this.timeout = opts.timeout || 5e3;
+    window.addEventListener("message", this.listener.bind(this), false);
+    const frame = this.createFrame(url);
+    this.hub = frame.contentWindow;
+  }
+  onConnect() {
+    if (this.connected) {
+      return Promise.resolve();
+    } else if (this.closed) {
+      return Promise.reject(new Error("StorageClient has closed."));
+    }
+    if (!this.requests.connect) {
+      this.requests.connect = [];
+    }
+    return new Promise((resolve, reject) => {
+      const timeout = setTimeout(function() {
+        reject(new Error("StorageClient could not connect."));
+      }, this.timeout);
+      this.requests.connect.push((err) => {
+        clearTimeout(timeout);
+        if (err)
+          return reject(err);
+        resolve(void 0);
+      });
+    });
+  }
+  set(key, value) {
+    return this.request("set", {
+      key,
+      value
+    });
+  }
+  get(...keys) {
+    return this.request("get", { keys });
+  }
+  del(...keys) {
+    return this.request("del", { keys });
+  }
+  clear() {
+    return this.request("clear");
+  }
+  getKeys() {
+    this.request("getKeys");
+  }
+  close() {
+    const frame = document.getElementById(this.frameId);
+    if (frame && frame.parentNode) {
+      frame.parentNode.removeChild(frame);
+    }
+    window.removeEventListener("message", this.listener, false);
+    this.connected = false;
+    this.closed = true;
+  }
+  listener(message) {
+    let i, error, response;
+    if (this.closed || !message.data || typeof message.data !== "string") {
+      return;
+    }
+    const origin = message.origin;
+    if (origin !== this.origin)
+      return;
+    if (message.data === "cross-storage:unavailable") {
+      if (!this.closed)
+        this.close();
+      if (!this.requests.connect)
+        return;
+      error = new Error(
+        "Closing StorageClient. Could not access localStorage in StorageHub."
+      );
+      for (i = 0; i < this.requests.connect.length; i++) {
+        this.requests.connect[i](error);
+      }
+      return;
+    }
+    if (message.data.indexOf("cross-storage:") !== -1 && !this.connected) {
+      this.connected = true;
+      if (!this.requests.connect)
+        return;
+      for (i = 0; i < this.requests.connect.length; i++) {
+        this.requests.connect[i](error);
+      }
+      delete this.requests.connect;
+    }
+    if (message.data === "cross-storage:ready")
+      return;
+    try {
+      response = JSON.parse(message.data);
+    } catch (e) {
+      return;
+    }
+    if (!response.id)
+      return;
+    if (this.requests[response.id]) {
+      this.requests[response.id](response.error, response.result);
+    }
+  }
+  createFrame(url) {
+    const frame = window.document.createElement("iframe");
+    frame.id = this.frameId;
+    frame.style.display = "none";
+    frame.style.position = "absolute";
+    frame.style.top = "-999px";
+    frame.style.left = "-999px";
+    window.document.body.appendChild(frame);
+    frame.src = url;
+    return frame;
+  }
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  request(method, params) {
+    if (this.closed) {
+      return Promise.reject(new Error("StorageClient has closed."));
+    }
+    this.count++;
+    const req = {
+      id: this.id + ":" + this.count,
+      method: "cross-storage:" + method,
+      params
+    };
+    return new Promise((resolve, reject) => {
+      const timeout = window.setTimeout(() => {
+        if (!this.requests[req.id])
+          return;
+        delete this.requests[req.id];
+        reject(
+          new Error("Timeout: StorageClient could not perform " + req.method)
+        );
+      }, this.timeout);
+      this.requests[req.id] = (err, result) => {
+        clearTimeout(timeout);
+        delete this.requests[req.id];
+        if (err)
+          return reject(new Error(err));
+        resolve(result);
+      };
+      if (this.hub) {
+        this.hub.postMessage(JSON.stringify(req), this.origin);
+      } else {
+        reject(new Error("Not found StorageHub."));
+      }
+    });
+  }
+};
+
+export {
+  StorageClient
+};
+//# sourceMappingURL=chunk-LUTUMV2M.mjs.map

package/chunk-LUTUMV2M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storage/lib/client.ts"],"sourcesContent":["/**\n * この実装はcross-storageほぼそのままです。\n */\nconst generateUUID = () => {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == \"x\" ? r : (r & 0x3) | 0x8;\n\n    return v.toString(16);\n  });\n};\nexport class StorageClient {\n  id: string;\n  frameId: string;\n  origin: string;\n  requests: Record<string, any>;\n  connected: boolean;\n  closed: boolean;\n  count: number;\n  timeout: number;\n  hub: null | Window;\n\n  constructor(url: string, opts?: { frameId?: string; timeout?: number }) {\n    opts = opts || {};\n\n    this.id = generateUUID();\n    this.frameId = opts.frameId || \"CrossStorageClient-\" + this.id;\n    this.origin = new URL(url).origin;\n    this.requests = {};\n    this.connected = false;\n    this.closed = false;\n    this.count = 0;\n    this.timeout = opts.timeout || 5000;\n\n    window.addEventListener(\"message\", this.listener.bind(this), false);\n\n    const frame = this.createFrame(url);\n    this.hub = frame.contentWindow;\n  }\n\n  onConnect() {\n    if (this.connected) {\n      return Promise.resolve();\n    } else if (this.closed) {\n      return Promise.reject(new Error(\"StorageClient has closed.\"));\n    }\n\n    if (!this.requests.connect) {\n      this.requests.connect = [];\n    }\n\n    return new Promise((resolve, reject) => {\n      const timeout = setTimeout(function () {\n        reject(new Error(\"StorageClient could not connect.\"));\n      }, this.timeout);\n\n      this.requests.connect.push((err: string) => {\n        clearTimeout(timeout);\n        if (err) return reject(err);\n\n        resolve(undefined);\n      });\n    });\n  }\n\n  set(key: string, value: string) {\n    return this.request(\"set\", {\n      key: key,\n      value: value,\n    });\n  }\n\n  get(...keys: string[]) {\n    return this.request(\"get\", { keys });\n  }\n\n  del(...keys: string[]) {\n    return this.request(\"del\", { keys });\n  }\n\n  clear() {\n    return this.request(\"clear\");\n  }\n\n  getKeys() {\n    this.request(\"getKeys\");\n  }\n\n  close() {\n    const frame = document.getElementById(this.frameId);\n    if (frame && frame.parentNode) {\n      frame.parentNode.removeChild(frame);\n    }\n\n    window.removeEventListener(\"message\", this.listener, false);\n\n    this.connected = false;\n    this.closed = true;\n  }\n\n  private listener(message: MessageEvent) {\n    let i, error, response;\n\n    if (this.closed || !message.data || typeof message.data !== \"string\") {\n      return;\n    }\n\n    const origin = message.origin;\n\n    if (origin !== this.origin) return;\n\n    if (message.data === \"cross-storage:unavailable\") {\n      if (!this.closed) this.close();\n      if (!this.requests.connect) return;\n\n      error = new Error(\n        \"Closing StorageClient. Could not access localStorage in StorageHub.\",\n      );\n      for (i = 0; i < this.requests.connect.length; i++) {\n        this.requests.connect[i](error);\n      }\n\n      return;\n    }\n\n    if (message.data.indexOf(\"cross-storage:\") !== -1 && !this.connected) {\n      this.connected = true;\n      if (!this.requests.connect) return;\n\n      for (i = 0; i < this.requests.connect.length; i++) {\n        this.requests.connect[i](error);\n      }\n      delete this.requests.connect;\n    }\n\n    if (message.data === \"cross-storage:ready\") return;\n\n    try {\n      response = JSON.parse(message.data);\n    } catch (e) {\n      return;\n    }\n\n    if (!response.id) return;\n\n    if (this.requests[response.id]) {\n      this.requests[response.id](response.error, response.result);\n    }\n  }\n\n  private createFrame(url: string) {\n    const frame = window.document.createElement(\"iframe\");\n    frame.id = this.frameId;\n\n    frame.style.display = \"none\";\n    frame.style.position = \"absolute\";\n    frame.style.top = \"-999px\";\n    frame.style.left = \"-999px\";\n\n    window.document.body.appendChild(frame);\n    frame.src = url;\n\n    return frame;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  private request(method: string, params?: {}) {\n    if (this.closed) {\n      return Promise.reject(new Error(\"StorageClient has closed.\"));\n    }\n\n    this.count++;\n\n    const req = {\n      id: this.id + \":\" + this.count,\n      method: \"cross-storage:\" + method,\n      params: params,\n    };\n\n    return new Promise((resolve, reject) => {\n      const timeout = window.setTimeout(() => {\n        if (!this.requests[req.id]) return;\n\n        delete this.requests[req.id];\n        reject(\n          new Error(\"Timeout: StorageClient could not perform \" + req.method),\n        );\n      }, this.timeout);\n\n      this.requests[req.id] = (err: string, result: string) => {\n        clearTimeout(timeout);\n        delete this.requests[req.id];\n        if (err) return reject(new Error(err));\n        resolve(result);\n      };\n\n      if (this.hub) {\n        this.hub.postMessage(JSON.stringify(req), this.origin);\n      } else {\n        reject(new Error(\"Not found StorageHub.\"));\n      }\n    });\n  }\n}\n"],"mappings":"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","names":[]}

package/chunk-MHR3UXOP.mjs

@@ -0,0 +1,154 @@
+'use client'
+import {
+  __decorateClass
+} from "./chunk-BUSDHSUG.mjs";
+
+// src/MenuBaseElement.ts
+import { LitElement, css } from "lit";
+import { createRef } from "lit/directives/ref.js";
+import { property } from "lit/decorators.js";
+var MenuBaseElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.handleClickOutside = (event) => {
+      if (!this.listRef.value || this.listRef.value.contains(event.composedPath()[0])) {
+        return;
+      }
+      this.expanded = false;
+    };
+    this.additinalItems = [];
+    this.expanded = false;
+    this.handleToggleDrawer = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      this.expanded = !this.expanded;
+      if (this.expanded) {
+        window.addEventListener("click", this.handleClickOutside, false);
+      }
+    };
+    this.listRef = createRef();
+  }
+  updated() {
+    if (this.expanded === false) {
+      window.removeEventListener("click", this.handleClickOutside, false);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("click", this.handleClickOutside, false);
+  }
+};
+MenuBaseElement.styles = css`
+    nav {
+      position: relative;
+      display: flex;
+    }
+    .navigation-drawer-controll-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      height: 42px;
+      padding: 0;
+      cursor: pointer;
+      background-color: transparent;
+      border: none;
+      transition: background-color 0.2s;
+      appearance: none;
+    }
+    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {
+      width: 42px;
+    }
+    .navigation-drawer-controll-button:hover {
+      background-color: rgba(0, 0, 0, 0.05);
+    }
+    .navigation-drawer-controll-button:active {
+      background-color: rgba(0, 0, 0, 0.075);
+    }
+
+    .navigation-drawer {
+      position: absolute;
+      top: 100%;
+      right: 0px;
+      z-index: 1100;
+      box-sizing: border-box;
+      min-width: 200px;
+      padding: 0px;
+      margin: 0px;
+      overflow: hidden;
+      color: rgba(0, 0, 0, 0.87);
+      white-space: nowrap;
+      list-style: none;
+      background-color: #fff;
+      border-radius: 5px;
+      box-shadow:
+        0px 1px 3px 0px rgb(0 0 0 / 20%),
+        0px 1px 1px 0px rgb(0 0 0 / 14%),
+        0px 2px 1px -1px rgb(0 0 0 / 12%);
+    }
+    .navigation-drawer-controll-button[aria-expanded="false"]
+      ~ .navigation-drawer {
+      display: none;
+    }
+
+    .navigation-drawer li {
+      border-bottom: 1px solid #eeeeee;
+    }
+    .navigation-drawer li:last-of-type {
+      border-bottom: none;
+    }
+    .navigation-drawer li > a,
+    .navigation-drawer li > button {
+      box-sizing: border-box;
+      display: block;
+      width: 100%;
+      padding: 0;
+      padding: 0.6em 1em;
+      font: inherit;
+      color: inherit;
+      text-align: left;
+      text-decoration: none;
+      cursor: pointer;
+      cursor: pointer;
+      background-color: transparent;
+      border: none;
+      transition: 0.2s;
+      appearance: none;
+    }
+    .navigation-drawer li > a:hover,
+    .navigation-drawer li > button:hover {
+      background-color: #ededed;
+    }
+    .navigation-drawer li > a:active,
+    .navigation-drawer li > button:active {
+      background-color: #dadada;
+    }
+
+    .navigation-drawer li ul {
+      padding: 0;
+      list-style: none;
+    }
+    .navigation-drawer li:has(> ul) li > a {
+      padding-left: 2em;
+    }
+
+    .navigation-drawer li:has(> ul) > span {
+      display: block;
+      padding: 0.6em 1em;
+      border-bottom: 1px solid #eeeeee;
+    }
+  `;
+__decorateClass([
+  property({
+    type: Object,
+    attribute: "additional-items"
+  })
+], MenuBaseElement.prototype, "additinalItems", 2);
+__decorateClass([
+  property()
+], MenuBaseElement.prototype, "expanded", 2);
+
+export {
+  MenuBaseElement
+};
+//# sourceMappingURL=chunk-MHR3UXOP.mjs.map

package/{chunk-HI2D4CLX.mjs.map → chunk-MHR3UXOP.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuBaseElement.ts"],"sourcesContent":["import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n"],"mappings":";;;;;;AAAA,SAAS,YAAY,WAAW;AAChC,SAAc,iBAAiB;AAC/B,SAAS,gBAAgB;AAYlB,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC;AAAA;AAsGL,8BAAqB,CAAC,UAAmC;AACvD,UACE,CAAC,KAAK,QAAQ,SACd,KAAK,QAAQ,MAAM,SAAS,MAAM,aAAa,EAAE,CAAC,CAAS,GAC3D;AACA;AAAA,MACF;AACA,WAAK,WAAW;AAAA,IAClB;AAMA,0BAAyD,CAAC;AAG1D,oBAAqB;AAErB,8BAAqB,CAAC,UAAiB;AACrC,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAGtB,WAAK,WAAW,CAAC,KAAK;AACtB,UAAI,KAAK,UAAU;AACjB,eAAO,iBAAiB,SAAS,KAAK,oBAAoB,KAAK;AAAA,MACjE;AAAA,IACF;AAaA,mBAAe,UAAU;AAAA;AAAA,EAXf,UAAU;AAClB,QAAI,KAAK,aAAa,OAAO;AAC3B,aAAO,oBAAoB,SAAS,KAAK,oBAAoB,KAAK;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAqB;AAC3B,WAAO,oBAAoB,SAAS,KAAK,oBAAoB,KAAK;AAAA,EACpE;AAGF;AAhJa,gBACJ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmHhB;AAAA,EAJC,SAAS;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AAAA,GAnHU,gBAoHX;AAGA;AAAA,EADC,SAAS;AAAA,GAtHC,gBAuHX;","names":[]}
+{"version":3,"sources":["../src/MenuBaseElement.ts"],"sourcesContent":["import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n"],"mappings":";;;;;;AAAA,SAAS,YAAY,WAAW;AAChC,SAAc,iBAAiB;AAC/B,SAAS,gBAAgB;AAYlB,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC;AAAA;AAsGL,8BAAqB,CAAC,UAAmC;AACvD,UACE,CAAC,KAAK,QAAQ,SACd,KAAK,QAAQ,MAAM,SAAS,MAAM,aAAa,EAAE,CAAC,CAAS,GAC3D;AACA;AAAA,MACF;AACA,WAAK,WAAW;AAAA,IAClB;AAMA,0BAAyD,CAAC;AAG1D,oBAAqB;AAErB,8BAAqB,CAAC,UAAiB;AACrC,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAEtB,WAAK,WAAW,CAAC,KAAK;AACtB,UAAI,KAAK,UAAU;AACjB,eAAO,iBAAiB,SAAS,KAAK,oBAAoB,KAAK;AAAA,MACjE;AAAA,IACF;AAaA,mBAAe,UAAU;AAAA;AAAA,EAXf,UAAU;AAClB,QAAI,KAAK,aAAa,OAAO;AAC3B,aAAO,oBAAoB,SAAS,KAAK,oBAAoB,KAAK;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAqB;AAC3B,WAAO,oBAAoB,SAAS,KAAK,oBAAoB,KAAK;AAAA,EACpE;AAGF;AA/Ia,gBACJ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmHhB;AAAA,EAJC,SAAS;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AAAA,GAnHU,gBAoHX;AAGA;AAAA,EADC,SAAS;AAAA,GAtHC,gBAuHX;","names":[]}