'use client'
import {
  MenuBaseElement
} from "./chunk-UM6FAKR4.mjs";
import {
  getDomains
} from "./chunk-B7STDXYN.mjs";
import {
  __decorateClass
} from "./chunk-JUBOAWNR.mjs";

// src/m2m-apps-menu.ts
import { customElement } from "lit/decorators.js";
import { html } from "lit";
import { ref } from "lit/directives/ref.js";
var M2MAppsMenu = class extends MenuBaseElement {
  render() {
    var _a;
    const domains = getDomains();
    const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
      return html`
        <li>
          <a href="${item.href}">${item.label}</a>
        </li>
      `;
    });
    return html`<nav>
      <button
        type="button"
        class="navigation-drawer-controll-button navigation-drawer-controll-button--icon"
        aria-controls="m2m-apps-menu__navigation-drawer"
        aria-expanded=${this.expanded}
        @click=${this.handleToggleDrawer}
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="38px"
          height="38px"
          viewBox="0 0 24 24"
        >
          <path
            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"
          />
        </svg>
      </button>
      <ul
        ${ref(this.listRef)}
        id="m2m-apps-menu__navigation-drawer"
        aria-hidden=${!this.expanded}
        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.inspection}">Inspection 内見チェック</a></li>
            <li><a href="${domains.users}">Users アカウント管理</a></li>
          </ul>
        </li>
        <li>
          <a href="${domains.sumyca}">Sumyca マンスリープラットフォーム</a>
        </li>
        ${additionalItems}
      </ul>
    </nav>`;
  }
};
M2MAppsMenu = __decorateClass([
  customElement("m2m-apps-menu")
], M2MAppsMenu);

export {
  M2MAppsMenu
};
//# sourceMappingURL=chunk-LYVJL4T5.mjs.map