m2m-components 7.1.9-alpha-1762751119966-7abe527.0 → 8.0.0

package/m2m-apps-menu.d.mts

@@ -1,10 +1,12 @@
-import * as lit from 'lit';
+import * as lit_html from 'lit-html';
 import { MenuBaseElement, MenuBaseElementProps } from './MenuBaseElement.mjs';
+import 'lit';
 import 'lit/directives/ref.js';
 
 type M2MAppsMenuProps = MenuBaseElementProps;
 declare class M2MAppsMenu extends MenuBaseElement {
-    render(): lit.TemplateResult<1>;
+    private _dataTask;
+    render(): lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/m2m-apps-menu.d.ts

@@ -1,10 +1,12 @@
-import * as lit from 'lit';
+import * as lit_html from 'lit-html';
 import { MenuBaseElement, MenuBaseElementProps } from './MenuBaseElement.js';
+import 'lit';
 import 'lit/directives/ref.js';
 
 type M2MAppsMenuProps = MenuBaseElementProps;
 declare class M2MAppsMenu extends MenuBaseElement {
-    render(): lit.TemplateResult<1>;
+    private _dataTask;
+    render(): lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/m2m-apps-menu.js

@@ -31,25 +31,23 @@ __export(m2m_apps_menu_exports, {
   M2MAppsMenu: () => M2MAppsMenu
 });
 module.exports = __toCommonJS(m2m_apps_menu_exports);
-var import_decorators2 = require("lit/decorators.js");
+var import_decorators = require("lit/decorators.js");
 var import_lit2 = require("lit");
 var import_ref2 = require("lit/directives/ref.js");
+var import_task = require("@lit/task");
 
 // src/MenuBaseElement.ts
 var import_lit = require("lit");
 var import_ref = require("lit/directives/ref.js");
-var import_decorators = require("lit/decorators.js");
 var MenuBaseElement = class extends import_lit.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     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();
@@ -59,6 +57,8 @@ var MenuBaseElement = class extends import_lit.LitElement {
       }
     };
     this.listRef = (0, import_ref.createRef)();
+    this.additinalItems = [];
+    this.expanded = false;
   }
   updated() {
     if (this.expanded === false) {
@@ -170,40 +170,127 @@ MenuBaseElement.styles = import_lit.css`
       border-bottom: 1px solid #eeeeee;
     }
   `;
-__decorateClass([
-  (0, import_decorators.property)({
+MenuBaseElement.properties = {
+  additinalItems: {
     type: Object,
     attribute: "additional-items"
-  })
-], MenuBaseElement.prototype, "additinalItems", 2);
-__decorateClass([
-  (0, import_decorators.property)()
-], MenuBaseElement.prototype, "expanded", 2);
+  },
+  expanded: {
+    type: Boolean,
+    attribute: "expanded"
+  }
+};
+
+// src/storage/getM2MStorageHubDomain.ts
+var getM2MStorageHubDomain = (env) => {
+  if (env === "production" || globalThis.M2M_COMPONENTS_ENV === "production") {
+    return "https://hub.m2msystems.cloud";
+  }
+  return "https://hub.dev.m2msystems.cloud";
+};
 
 // src/domains.ts
-var useDomains = () => {
-  return globalThis.M2M_COMPONENTS_ENV === "production" ? {
-    core: "https://core.m2msystems.cloud",
-    sumyca: "https://manage.sumyca.com",
-    cleaning: "https://manager-cleaning.m2msystems.cloud",
-    users: "https://manage-users.m2msystems.cloud",
-    checkin: "https://manage.checkin.m2msystems.cloud",
-    systems: "https://m2msystems.cloud/"
-  } : {
-    core: "https://matsuri-tech-m2m-core-manager-front-dev.vercel.app",
-    sumyca: "https://matsuri-tech-sumyca-manager-front-dev.vercel.app",
-    cleaning: "https://matsuri-tech-m2m-cleaning-manager-front-dev.vercel.app",
-    users: "https://matsuri-tech-m2m-users-manager-front-dev.vercel.app",
-    checkin: "https://manage.dev.checkin.m2msystems.cloud",
-    systems: "https://dev.m2msystems.cloud"
-  };
+var developmentDomains = {
+  core: "https://core.dev.m2msystems.cloud",
+  sumyca: "https://manage.dev.sumyca.com",
+  cleaning: "https://manager-cleaning.dev.m2msystems.cloud",
+  users: "https://manage-users.dev.m2msystems.cloud",
+  checkin: "https://manage.checkin.dev.m2msystems.cloud",
+  systems: "https://dev.m2msystems.cloud"
+};
+var productionDomains = {
+  core: "https://core.m2msystems.cloud",
+  sumyca: "https://manage.sumyca.com",
+  cleaning: "https://manager-cleaning.m2msystems.cloud",
+  users: "https://manage-users.m2msystems.cloud",
+  checkin: "https://manage.checkin.m2msystems.cloud",
+  systems: "https://m2msystems.cloud/"
+};
+var useDomains = async (signal) => {
+  const env = globalThis.M2M_COMPONENTS_ENV === "production" ? "production" : "development";
+  try {
+    const domain = getM2MStorageHubDomain(env);
+    const response = await fetch(`${domain}/api/domains/${env}`, { signal });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch domains: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+  } catch {
+    return globalThis.M2M_COMPONENTS_ENV === "production" ? productionDomains : developmentDomains;
+  }
+};
+
+// src/apps.ts
+var apps = [
+  {
+    label: "m2m Series",
+    type: "group",
+    children: [
+      {
+        label: "Core \u65BD\u8A2D\u7BA1\u7406",
+        type: "link",
+        key: "core"
+      },
+      {
+        label: "Checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3",
+        type: "link",
+        key: "checkin"
+      },
+      {
+        label: "Systems Airbnb\u9023\u643A",
+        type: "link",
+        key: "systems"
+      },
+      {
+        label: "Cleaning \u6E05\u6383\u7BA1\u7406",
+        type: "link",
+        key: "cleaning"
+      },
+      {
+        label: "Users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406",
+        type: "link",
+        key: "users"
+      }
+    ]
+  },
+  {
+    label: "Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0",
+    key: "sumyca",
+    type: "link"
+  }
+];
+var useApps = async (signal) => {
+  const env = globalThis.M2M_COMPONENTS_ENV === "production" ? "production" : "development";
+  try {
+    const domain = getM2MStorageHubDomain(env);
+    const response = await fetch(`${domain}/api/apps`, { signal });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch apps: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+  } catch {
+    return apps;
+  }
 };
 
 // src/m2m-apps-menu.ts
 var M2MAppsMenu = class extends MenuBaseElement {
+  constructor() {
+    super(...arguments);
+    this._dataTask = new import_task.Task(this, {
+      task: async (_, { signal }) => {
+        const apps2 = await useApps(signal);
+        const domains = await useDomains(signal);
+        return { apps: apps2, domains };
+      },
+      args: () => []
+    });
+  }
   render() {
     var _a;
-    const domains = useDomains();
+    const isHidden = this.expanded === false || this.expanded === void 0;
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit2.html`
         <li>
@@ -211,7 +298,6 @@ var M2MAppsMenu = class extends MenuBaseElement {
         </li>
       `;
     });
-    const isHidden = this.expanded === false || this.expanded === void 0;
     return import_lit2.html`<nav>
       <button
         type="button"
@@ -237,26 +323,42 @@ var M2MAppsMenu = class extends MenuBaseElement {
         aria-hidden=${isHidden}
         class="navigation-drawer"
       >
-        <li>
-          <span>m2m Series</span>
-          <ul>
-            <li><a href="${domains.core}">Core 施設管理</a></li>
-            <li><a href="${domains.checkin}">Checkin ゲストチェックイン</a></li>
-            <li><a href="${domains.systems}">Systems Airbnb連携</a></li>
-            <li><a href="${domains.cleaning}">Cleaning 清掃管理</a></li>
-            <li><a href="${domains.users}">Users アカウント管理</a></li>
-          </ul>
-        </li>
-        <li>
-          <a href="${domains.sumyca}">Sumyca マンスリープラットフォーム</a>
-        </li>
+        ${this._dataTask.render({
+      pending: () => import_lit2.html`<li><a disabled href="#">Loading...</a></li>`,
+      complete: ({ apps: apps2, domains }) => {
+        return apps2.map((app) => {
+          return app.type === "group" ? import_lit2.html`
+                    <li>
+                      <span>${app.label}</span>
+                      <ul>
+                        ${app.children.map((child) => {
+            if (child.type === "link") {
+              return import_lit2.html`
+                              <li>
+                                <a href="${domains[child.key]}"
+                                  >${child.label}</a
+                                >
+                              </li>
+                            `;
+            }
+          })}
+                      </ul>
+                    </li>
+                  ` : import_lit2.html`
+                    <li>
+                      <a href="${domains[app.key]}">${app.label}</a>
+                    </li>
+                  `;
+        });
+      }
+    })}
         ${additionalItems}
       </ul>
     </nav>`;
   }
 };
 M2MAppsMenu = __decorateClass([
-  (0, import_decorators2.customElement)("m2m-apps-menu")
+  (0, import_decorators.customElement)("m2m-apps-menu")
 ], M2MAppsMenu);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/m2m-apps-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/m2m-apps-menu.ts","../src/MenuBaseElement.ts","../src/domains.ts"],"sourcesContent":["import { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { useDomains } from \"./domains\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  render() {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\n    const additionalItems = this.additinalItems?.map((item) => {\n      return html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `;\n    });\n    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n","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","export const useDomains = () => {\n  return globalThis.M2M_COMPONENTS_ENV === \"production\"\n    ? {\n        core: \"https://core.m2msystems.cloud\",\n        sumyca: \"https://manage.sumyca.com\",\n        cleaning: \"https://manager-cleaning.m2msystems.cloud\",\n        users: \"https://manage-users.m2msystems.cloud\",\n        checkin: \"https://manage.checkin.m2msystems.cloud\",\n        systems: \"https://m2msystems.cloud/\",\n      }\n    : {\n        core: \"https://matsuri-tech-m2m-core-manager-front-dev.vercel.app\",\n        sumyca: \"https://matsuri-tech-sumyca-manager-front-dev.vercel.app\",\n        cleaning:\n          \"https://matsuri-tech-m2m-cleaning-manager-front-dev.vercel.app\",\n        users: \"https://matsuri-tech-m2m-users-manager-front-dev.vercel.app\",\n        checkin: \"https://manage.dev.checkin.m2msystems.cloud\",\n        systems: \"https://dev.m2msystems.cloud\",\n      };\n};\n"],"mappings":"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","names":["import_decorators","import_lit","import_ref"]}
+{"version":3,"sources":["../src/m2m-apps-menu.ts","../src/MenuBaseElement.ts","../src/storage/getM2MStorageHubDomain.ts","../src/domains.ts","../src/apps.ts"],"sourcesContent":["import { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { Task } from \"@lit/task\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { useDomains } from \"./domains\";\nimport { useApps } from \"./apps\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  private _dataTask = new Task(this, {\n    task: async (_: unknown, { signal }) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const apps = await useApps(signal);\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const domains = await useDomains(signal);\n      return { apps, domains };\n    },\n    args: () => [],\n  });\n\n  render() {\n    const isHidden = this.expanded === false || this.expanded === undefined;\n\n    const additionalItems = this.additinalItems?.map((item) => {\n      return html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `;\n    });\n\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        ${this._dataTask.render({\n          pending: () => html`<li><a disabled href=\"#\">Loading...</a></li>`,\n          complete: ({ apps, domains }) => {\n            return apps.map((app) => {\n              return app.type === \"group\"\n                ? html`\n                    <li>\n                      <span>${app.label}</span>\n                      <ul>\n                        ${app.children.map((child) => {\n                          // 2段ネストはサポートしない\n                          if (child.type === \"link\") {\n                            return html`\n                              <li>\n                                <a href=\"${domains[child.key]}\"\n                                  >${child.label}</a\n                                >\n                              </li>\n                            `;\n                          }\n                        })}\n                      </ul>\n                    </li>\n                  `\n                : html`\n                    <li>\n                      <a href=\"${domains[app.key]}\">${app.label}</a>\n                    </li>\n                  `;\n            });\n          },\n        })}\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.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  declare additinalItems: MenuBaseElementProps[\"additinalItems\"];\n  declare expanded: boolean;\n  static properties = {\n    additinalItems: {\n      type: Object,\n      attribute: \"additional-items\",\n    },\n    expanded: {\n      type: Boolean,\n      attribute: \"expanded\",\n    },\n  };\n\n  constructor() {\n    super();\n    this.additinalItems = [];\n    this.expanded = false;\n  }\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","export const getM2MStorageHubDomain = (env?: \"production\" | \"development\") => {\n  if (env === \"production\" || globalThis.M2M_COMPONENTS_ENV === \"production\") {\n    return \"https://hub.m2msystems.cloud\";\n  }\n  return \"https://hub.dev.m2msystems.cloud\";\n};\n","import { getM2MStorageHubDomain } from \"./storage/getM2MStorageHubDomain\";\nimport { type AppLinkKey } from \"./apps\";\n\nexport type DomainRecord = Record<AppLinkKey, string>;\n\nexport const developmentDomains: DomainRecord = {\n  core: \"https://core.dev.m2msystems.cloud\",\n  sumyca: \"https://manage.dev.sumyca.com\",\n  cleaning: \"https://manager-cleaning.dev.m2msystems.cloud\",\n  users: \"https://manage-users.dev.m2msystems.cloud\",\n  checkin: \"https://manage.checkin.dev.m2msystems.cloud\",\n  systems: \"https://dev.m2msystems.cloud\",\n};\n\nexport const productionDomains: DomainRecord = {\n  core: \"https://core.m2msystems.cloud\",\n  sumyca: \"https://manage.sumyca.com\",\n  cleaning: \"https://manager-cleaning.m2msystems.cloud\",\n  users: \"https://manage-users.m2msystems.cloud\",\n  checkin: \"https://manage.checkin.m2msystems.cloud\",\n  systems: \"https://m2msystems.cloud/\",\n};\n\n/**\n * 可能なら最新のドメインを取得し、取得出来なければリリース時のドメインを返す。\n * Q. なぜgetDomainsではなくuseDomainsなのか\n * A. M2M_COMPONENTS_ENVが設定される前に、この関数が呼び出されると常にdevelopmentになってしまうため、\n * Reactを利用するケースを考えるとコンポーネントのレンダリング時などに呼んでもらう必要がある。\n * React hookのような命名にしておくことで、Linterによってこれを強制できる。\n */\nexport const useDomains = async (\n  signal?: AbortSignal,\n): Promise<DomainRecord> => {\n  const env =\n    globalThis.M2M_COMPONENTS_ENV === \"production\"\n      ? \"production\"\n      : \"development\";\n  try {\n    const domain = getM2MStorageHubDomain(env);\n    const response = await fetch(`${domain}/api/domains/${env}`, { signal });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch domains: ${response.statusText}`);\n    }\n    const data = (await response.json()) as DomainRecord;\n    return data;\n  } catch {\n    return globalThis.M2M_COMPONENTS_ENV === \"production\"\n      ? productionDomains\n      : developmentDomains;\n  }\n};\n","import { getM2MStorageHubDomain } from \"./storage/getM2MStorageHubDomain\";\n\ninterface AppGroup {\n  label: string;\n  type: \"group\";\n  children: App[];\n}\n\nexport type AppLinkKey =\n  | \"core\"\n  | \"checkin\"\n  | \"systems\"\n  | \"cleaning\"\n  | \"users\"\n  | \"sumyca\";\n\ninterface AppLink {\n  label: string;\n  type: \"link\";\n  key: AppLinkKey;\n}\n\nexport type App = AppGroup | AppLink;\n\nexport const apps: App[] = [\n  {\n    label: \"m2m Series\",\n    type: \"group\",\n    children: [\n      {\n        label: \"Core 施設管理\",\n        type: \"link\",\n        key: \"core\",\n      },\n      {\n        label: \"Checkin ゲストチェックイン\",\n        type: \"link\",\n        key: \"checkin\",\n      },\n      {\n        label: \"Systems Airbnb連携\",\n        type: \"link\",\n        key: \"systems\",\n      },\n      {\n        label: \"Cleaning 清掃管理\",\n        type: \"link\",\n        key: \"cleaning\",\n      },\n      {\n        label: \"Users アカウント管理\",\n        type: \"link\",\n        key: \"users\",\n      },\n    ],\n  },\n  {\n    label: \"Sumyca マンスリープラットフォーム\",\n    key: \"sumyca\",\n    type: \"link\",\n  },\n];\n\nexport const useApps = async (signal?: AbortSignal): Promise<App[]> => {\n  const env =\n    globalThis.M2M_COMPONENTS_ENV === \"production\"\n      ? \"production\"\n      : \"development\";\n  try {\n    const domain = getM2MStorageHubDomain(env);\n    const response = await fetch(`${domain}/api/apps`, { signal });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch apps: ${response.statusText}`);\n    }\n    const data = (await response.json()) as App[];\n    return data;\n  } catch {\n    return apps;\n  }\n};\n"],"mappings":"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","names":["import_lit","import_ref","apps"]}

package/m2m-apps-menu.mjs

@@ -1,8 +1,10 @@
 import {
   M2MAppsMenu
-} from "./chunk-SAILIWRH.mjs";
-import "./chunk-EAE7RJIC.mjs";
-import "./chunk-BRSUJNLC.mjs";
+} from "./chunk-3QIUILX5.mjs";
+import "./chunk-5EK67DDX.mjs";
+import "./chunk-CP2PCNLU.mjs";
+import "./chunk-ZBZMUI2R.mjs";
+import "./chunk-W5DAWJ2F.mjs";
 import "./chunk-ZOXT4E27.mjs";
 export {
   M2MAppsMenu

package/m2m-releases-link.d.mts

@@ -1,10 +1,18 @@
+import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 
 declare class M2mReleaseLink extends LitElement {
     static readonly styles: lit.CSSResult;
     product: string;
-    render(): lit.TemplateResult<1>;
+    static properties: {
+        product: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    constructor();
+    render(): lit_html.TemplateResult<1>;
 }
 
 export { M2mReleaseLink };

package/m2m-releases-link.d.ts

@@ -1,10 +1,18 @@
+import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 
 declare class M2mReleaseLink extends LitElement {
     static readonly styles: lit.CSSResult;
     product: string;
-    render(): lit.TemplateResult<1>;
+    static properties: {
+        product: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    constructor();
+    render(): lit_html.TemplateResult<1>;
 }
 
 export { M2mReleaseLink };

package/m2m-releases-link.js

@@ -41,7 +41,7 @@ var t = "01K8YCK05T32WBF8B3KBQCQSVH";
 var RELEASE_URL = "https://matsuri-releases-api.vercel.app/product";
 var M2mReleaseLink = class extends import_lit.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.product = "";
   }
   render() {
@@ -86,9 +86,12 @@ M2mReleaseLink.styles = import_lit.css`
       }
     }
   `;
-__decorateClass([
-  (0, import_decorators.property)({ type: String, attribute: "product" })
-], M2mReleaseLink.prototype, "product", 2);
+M2mReleaseLink.properties = {
+  product: {
+    type: String,
+    attribute: "product"
+  }
+};
 M2mReleaseLink = __decorateClass([
   (0, import_decorators.customElement)("m2m-releases-link")
 ], M2mReleaseLink);

package/m2m-releases-link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/m2m-releases-link.ts","../src/releases/t.ts"],"sourcesContent":["import { LitElement, css, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { t } from \"./releases/t\";\n\nconst RELEASE_URL = \"https://matsuri-releases-api.vercel.app/product\";\n\n@customElement(\"m2m-releases-link\")\nexport class M2mReleaseLink extends LitElement {\n  static readonly styles = css`\n    :host a {\n      display: block;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 42px;\n      padding: 0px;\n      color: rgba(0, 0, 0, 0.87);\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s ease 0s;\n      appearance: none;\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n    }\n  `;\n\n  @property({ type: String, attribute: \"product\" })\n  product = \"\";\n\n  render() {\n    return html`<a\n      href=\"${RELEASE_URL}/${this.product}?t=${t}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title=\"リリース情報\"\n    >\n      <span></span>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"32px\"\n        height=\"32px\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M7 20h4c0 1.1-.9 2-2 2s-2-.9-2-2zm-2-1h8v-2H5v2zm11.5-9.5c0 3.82-2.66 5.86-3.77 6.5H5.27c-1.11-.64-3.77-2.68-3.77-6.5C1.5 5.36 4.86 2 9 2s7.5 3.36 7.5 7.5zm-2 0C14.5 6.47 12.03 4 9 4S3.5 6.47 3.5 9.5c0 2.47 1.49 3.89 2.35 4.5h6.3c.86-.61 2.35-2.03 2.35-4.5zm6.87-2.13L20 8l1.37.63L22 10l.63-1.37L24 8l-1.37-.63L22 6l-.63 1.37zM19 6l.94-2.06L22 3l-2.06-.94L19 0l-.94 2.06L16 3l2.06.94L19 6z\"\n        />\n      </svg>\n    </a>`;\n  }\n}\n","export const t = \"01K8YCK05T32WBF8B3KBQCQSVH\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAsC;AACtC,wBAAwC;;;ACDjC,IAAM,IAAI;;;ADIjB,IAAM,cAAc;AAGb,IAAM,iBAAN,cAA6B,sBAAW;AAAA,EAAxC;AAAA;AAuBL,mBAAU;AAAA;AAAA,EAEV,SAAS;AACP,WAAO;AAAA,cACG,WAAW,IAAI,KAAK,OAAO,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB9C;AACF;AA9Ca,eACK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBzB;AAAA,MADC,4BAAS,EAAE,MAAM,QAAQ,WAAW,UAAU,CAAC;AAAA,GAtBrC,eAuBX;AAvBW,iBAAN;AAAA,MADN,iCAAc,mBAAmB;AAAA,GACrB;","names":[]}
+{"version":3,"sources":["../src/m2m-releases-link.ts","../src/releases/t.ts"],"sourcesContent":["import { LitElement, css, html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { t } from \"./releases/t\";\n\nconst RELEASE_URL = \"https://matsuri-releases-api.vercel.app/product\";\n\n@customElement(\"m2m-releases-link\")\nexport class M2mReleaseLink extends LitElement {\n  static readonly styles = css`\n    :host a {\n      display: block;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 42px;\n      padding: 0px;\n      color: rgba(0, 0, 0, 0.87);\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s ease 0s;\n      appearance: none;\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n    }\n  `;\n\n  declare product: string;\n  static properties = {\n    product: {\n      type: String,\n      attribute: \"product\",\n    },\n  };\n\n  constructor() {\n    super();\n    this.product = \"\";\n  }\n\n  render() {\n    return html`<a\n      href=\"${RELEASE_URL}/${this.product}?t=${t}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title=\"リリース情報\"\n    >\n      <span></span>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"32px\"\n        height=\"32px\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M7 20h4c0 1.1-.9 2-2 2s-2-.9-2-2zm-2-1h8v-2H5v2zm11.5-9.5c0 3.82-2.66 5.86-3.77 6.5H5.27c-1.11-.64-3.77-2.68-3.77-6.5C1.5 5.36 4.86 2 9 2s7.5 3.36 7.5 7.5zm-2 0C14.5 6.47 12.03 4 9 4S3.5 6.47 3.5 9.5c0 2.47 1.49 3.89 2.35 4.5h6.3c.86-.61 2.35-2.03 2.35-4.5zm6.87-2.13L20 8l1.37.63L22 10l.63-1.37L24 8l-1.37-.63L22 6l-.63 1.37zM19 6l.94-2.06L22 3l-2.06-.94L19 0l-.94 2.06L16 3l2.06.94L19 6z\"\n        />\n      </svg>\n    </a>`;\n  }\n}\n","export const t = \"01K8YCK05T32WBF8B3KBQCQSVH\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAsC;AACtC,wBAA8B;;;ACDvB,IAAM,IAAI;;;ADIjB,IAAM,cAAc;AAGb,IAAM,iBAAN,cAA6B,sBAAW;AAAA,EA8B7C,cAAc;AACZ,UAAM;AACN,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,cACG,WAAW,IAAI,KAAK,OAAO,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB9C;AACF;AAxDa,eACK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADd,eAuBJ,aAAa;AAAA,EAClB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AACF;AA5BW,iBAAN;AAAA,MADN,iCAAc,mBAAmB;AAAA,GACrB;","names":[]}

package/m2m-releases-link.mjs

@@ -7,11 +7,11 @@ import {
 
 // src/m2m-releases-link.ts
 import { LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement } from "lit/decorators.js";
 var RELEASE_URL = "https://matsuri-releases-api.vercel.app/product";
 var M2mReleaseLink = class extends LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.product = "";
   }
   render() {
@@ -56,9 +56,12 @@ M2mReleaseLink.styles = css`
       }
     }
   `;
-__decorateClass([
-  property({ type: String, attribute: "product" })
-], M2mReleaseLink.prototype, "product", 2);
+M2mReleaseLink.properties = {
+  product: {
+    type: String,
+    attribute: "product"
+  }
+};
 M2mReleaseLink = __decorateClass([
   customElement("m2m-releases-link")
 ], M2mReleaseLink);

package/m2m-releases-link.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/m2m-releases-link.ts"],"sourcesContent":["import { LitElement, css, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { t } from \"./releases/t\";\n\nconst RELEASE_URL = \"https://matsuri-releases-api.vercel.app/product\";\n\n@customElement(\"m2m-releases-link\")\nexport class M2mReleaseLink extends LitElement {\n  static readonly styles = css`\n    :host a {\n      display: block;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 42px;\n      padding: 0px;\n      color: rgba(0, 0, 0, 0.87);\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s ease 0s;\n      appearance: none;\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n    }\n  `;\n\n  @property({ type: String, attribute: \"product\" })\n  product = \"\";\n\n  render() {\n    return html`<a\n      href=\"${RELEASE_URL}/${this.product}?t=${t}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title=\"リリース情報\"\n    >\n      <span></span>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"32px\"\n        height=\"32px\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M7 20h4c0 1.1-.9 2-2 2s-2-.9-2-2zm-2-1h8v-2H5v2zm11.5-9.5c0 3.82-2.66 5.86-3.77 6.5H5.27c-1.11-.64-3.77-2.68-3.77-6.5C1.5 5.36 4.86 2 9 2s7.5 3.36 7.5 7.5zm-2 0C14.5 6.47 12.03 4 9 4S3.5 6.47 3.5 9.5c0 2.47 1.49 3.89 2.35 4.5h6.3c.86-.61 2.35-2.03 2.35-4.5zm6.87-2.13L20 8l1.37.63L22 10l.63-1.37L24 8l-1.37-.63L22 6l-.63 1.37zM19 6l.94-2.06L22 3l-2.06-.94L19 0l-.94 2.06L16 3l2.06.94L19 6z\"\n        />\n      </svg>\n    </a>`;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AAGxC,IAAM,cAAc;AAGb,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC;AAAA;AAuBL,mBAAU;AAAA;AAAA,EAEV,SAAS;AACP,WAAO;AAAA,cACG,WAAW,IAAI,KAAK,OAAO,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB9C;AACF;AA9Ca,eACK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBzB;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,UAAU,CAAC;AAAA,GAtBrC,eAuBX;AAvBW,iBAAN;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB;","names":[]}
+{"version":3,"sources":["../src/m2m-releases-link.ts"],"sourcesContent":["import { LitElement, css, html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { t } from \"./releases/t\";\n\nconst RELEASE_URL = \"https://matsuri-releases-api.vercel.app/product\";\n\n@customElement(\"m2m-releases-link\")\nexport class M2mReleaseLink extends LitElement {\n  static readonly styles = css`\n    :host a {\n      display: block;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 42px;\n      padding: 0px;\n      color: rgba(0, 0, 0, 0.87);\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s ease 0s;\n      appearance: none;\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n    }\n  `;\n\n  declare product: string;\n  static properties = {\n    product: {\n      type: String,\n      attribute: \"product\",\n    },\n  };\n\n  constructor() {\n    super();\n    this.product = \"\";\n  }\n\n  render() {\n    return html`<a\n      href=\"${RELEASE_URL}/${this.product}?t=${t}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title=\"リリース情報\"\n    >\n      <span></span>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"32px\"\n        height=\"32px\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M7 20h4c0 1.1-.9 2-2 2s-2-.9-2-2zm-2-1h8v-2H5v2zm11.5-9.5c0 3.82-2.66 5.86-3.77 6.5H5.27c-1.11-.64-3.77-2.68-3.77-6.5C1.5 5.36 4.86 2 9 2s7.5 3.36 7.5 7.5zm-2 0C14.5 6.47 12.03 4 9 4S3.5 6.47 3.5 9.5c0 2.47 1.49 3.89 2.35 4.5h6.3c.86-.61 2.35-2.03 2.35-4.5zm6.87-2.13L20 8l1.37.63L22 10l.63-1.37L24 8l-1.37-.63L22 6l-.63 1.37zM19 6l.94-2.06L22 3l-2.06-.94L19 0l-.94 2.06L16 3l2.06.94L19 6z\"\n        />\n      </svg>\n    </a>`;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,qBAAqB;AAG9B,IAAM,cAAc;AAGb,IAAM,iBAAN,cAA6B,WAAW;AAAA,EA8B7C,cAAc;AACZ,UAAM;AACN,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,cACG,WAAW,IAAI,KAAK,OAAO,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB9C;AACF;AAxDa,eACK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADd,eAuBJ,aAAa;AAAA,EAClB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AACF;AA5BW,iBAAN;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB;","names":[]}

package/m2m-user-menu.d.mts

@@ -1,11 +1,13 @@
-import * as lit from 'lit';
+import * as lit_html from 'lit-html';
 import { MenuBaseElement, MenuBaseElementProps } from './MenuBaseElement.mjs';
+import 'lit';
 import 'lit/directives/ref.js';
 
 type M2MUserMenuProps = MenuBaseElementProps;
 declare class M2MUserMenu extends MenuBaseElement {
     handleLogout: () => Promise<void>;
-    render(): lit.TemplateResult<1>;
+    private _usersUrlTask;
+    render(): lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/m2m-user-menu.d.ts

@@ -1,11 +1,13 @@
-import * as lit from 'lit';
+import * as lit_html from 'lit-html';
 import { MenuBaseElement, MenuBaseElementProps } from './MenuBaseElement.js';
+import 'lit';
 import 'lit/directives/ref.js';
 
 type M2MUserMenuProps = MenuBaseElementProps;
 declare class M2MUserMenu extends MenuBaseElement {
     handleLogout: () => Promise<void>;
-    render(): lit.TemplateResult<1>;
+    private _usersUrlTask;
+    render(): lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {