m2m-components 2.0.1 → 2.0.2-alpha-119eef9.0

package/MenuBaseElement.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+export declare type MenuAdditionalItem = {
+    label: string;
+    href: string;
+};
+export interface MenuBaseElementProps {
+    expanded: boolean;
+    additinalItems: MenuAdditionalItem[];
+}
+export declare class MenuBaseElement extends LitElement {
+    static styles: import("lit").CSSResult;
+    handleClickOutside: (event: MouseEvent | TouchEvent) => void;
+    additinalItems: MenuBaseElementProps["additinalItems"];
+    expanded?: boolean;
+    handleToggleDrawer: (event: Event) => void;
+    protected updated(): void;
+    disconnectedCallback(): void;
+    listRef: import("lit-html/directives/ref").Ref<Element>;
+}
+//# sourceMappingURL=MenuBaseElement.d.ts.map

package/{LitMenuBaseElement.js → MenuBaseElement.js}

@@ -43,8 +43,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import { css, LitElement } from "lit";
 import { property } from "lit/decorators.js";
 import { createRef } from "lit/directives/ref.js";
-export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
-  class LitMenuBaseElement extends _LitElement {
+export var MenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
+  class MenuBaseElement extends _LitElement {
     constructor() {
       super(...arguments);
 
@@ -54,7 +54,7 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
   }
 
   return {
-    F: LitMenuBaseElement,
+    F: MenuBaseElement,
     d: [{
       kind: "field",
       static: true,
@@ -78,6 +78,18 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
         };
       }
 
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Object,
+        attribute: "additional-items"
+      })],
+      key: "additinalItems",
+
+      value() {
+        return [];
+      }
+
     }, {
       kind: "field",
       decorators: [property()],
@@ -115,7 +127,7 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
       kind: "method",
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
-        _get(_getPrototypeOf(LitMenuBaseElement.prototype), "disconnectedCallback", this).call(this);
+        _get(_getPrototypeOf(MenuBaseElement.prototype), "disconnectedCallback", this).call(this);
 
         window.removeEventListener("click", this.handleClickOutside, false);
       }
@@ -130,4 +142,4 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
     }]
   };
 }, LitElement);
-//# sourceMappingURL=LitMenuBaseElement.js.map
+//# sourceMappingURL=MenuBaseElement.js.map

package/MenuBaseElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBaseElement.js","names":["css","LitElement","property","createRef","MenuBaseElement","event","listRef","value","contains","composedPath","expanded","type","Object","attribute","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener"],"sources":["src/MenuBaseElement.ts"],"sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\nexport type 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      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n\n      height: 42px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      transition: background-color 0.2s;\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      min-width: 200px;\n      white-space: nowrap;\n      box-sizing: border-box;\n      list-style: none;\n      padding: 0px;\n      margin: 0px;\n      z-index: 1;\n      box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);\n      background-color: #fff;\n      color: rgba(0, 0, 0, 0.87);\n      border-radius: 5px;\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      width: 100%;\n      text-align: left;\n      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n      cursor: pointer;\n      font: inherit;\n      display: block;\n      box-sizing: border-box;\n      padding: 0.6em 1em;\n      color: inherit;\n      text-decoration: none;\n      transition: 0.2s;\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\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 = createRef();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAT,EAAcC,UAAd,QAAgC,KAAhC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,SAAT,QAA0B,uBAA1B;AAYA,WAAaC,eAAb;EAAO,MAAMA,eAAN,qBAAyC;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAhD;IAAA,GAAaA,eAAb;IAAA;MAAA;MAAA;MAAA;;MAAA;QAAA,OACkBJ,GADlB;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAqFwBK,KAAD,IAAoC;UACvD,IACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;YACA;UACD;;UACD,KAAKC,QAAL,GAAgB,KAAhB;QACD,CA7FH;MAAA;;IAAA;MAAA;MAAA,aA+FGR,QAAQ,CAAC;QACRS,IAAI,EAAEC,MADE;QAERC,SAAS,EAAE;MAFH,CAAD,CA/FX;MAAA;;MAAA;QAAA,OAmG2D,EAnG3D;MAAA;;IAAA;MAAA;MAAA,aAqGGX,QAAQ,EArGX;MAAA;;MAAA;QAAA,OAsGuB,KAtGvB;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAwGwBG,KAAD,IAAkB;UACrCA,KAAK,CAACS,cAAN;UACAT,KAAK,CAACU,eAAN;UAEA,KAAKL,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;UACA,IAAI,KAAKA,QAAT,EAAmB;YACjBM,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;UACD;QACF,CAhHH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAkHE,mBAAoB;QAClB,IAAI,KAAKR,QAAL,KAAkB,KAAtB,EAA6B;UAC3BM,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;IAtHH;MAAA;MAAA;MAAA,OAwHE,gCAA6B;QAC3B,qBAzHSd,eAyHT;;QACAY,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;IA3HH;MAAA;MAAA;;MAAA;QAAA,OA6HYf,SAAS,EA7HrB;MAAA;;IAAA;EAAA;AAAA,GAAqCF,UAArC"}

package/cjs/{LitMenuBaseElement.js → MenuBaseElement.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LitMenuBaseElement = void 0;
+exports.MenuBaseElement = void 0;
 
 var _lit = require("lit");
 
@@ -49,8 +49,8 @@ function _superPropBase(object, property) { while (!Object.prototype.hasOwnPrope
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
-  class LitMenuBaseElement extends _LitElement {
+let MenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
+  class MenuBaseElement extends _LitElement {
     constructor(...args) {
       super(...args);
 
@@ -60,7 +60,7 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
   }
 
   return {
-    F: LitMenuBaseElement,
+    F: MenuBaseElement,
     d: [{
       kind: "field",
       static: true,
@@ -166,6 +166,18 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
         };
       }
 
+    }, {
+      kind: "field",
+      decorators: [(0, _decorators.property)({
+        type: Object,
+        attribute: "additional-items"
+      })],
+      key: "additinalItems",
+
+      value() {
+        return [];
+      }
+
     }, {
       kind: "field",
       decorators: [(0, _decorators.property)()],
@@ -203,7 +215,7 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
       kind: "method",
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
-        _get(_getPrototypeOf(LitMenuBaseElement.prototype), "disconnectedCallback", this).call(this);
+        _get(_getPrototypeOf(MenuBaseElement.prototype), "disconnectedCallback", this).call(this);
 
         window.removeEventListener("click", this.handleClickOutside, false);
       }
@@ -219,5 +231,5 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
   };
 }, _lit.LitElement);
 
-exports.LitMenuBaseElement = LitMenuBaseElement;
-//# sourceMappingURL=LitMenuBaseElement.js.map
+exports.MenuBaseElement = MenuBaseElement;
+//# sourceMappingURL=MenuBaseElement.js.map

package/cjs/MenuBaseElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBaseElement.js","names":["MenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","type","Object","attribute","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener","createRef","LitElement"],"sources":["../src/MenuBaseElement.ts"],"sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\nexport type 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      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n\n      height: 42px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      transition: background-color 0.2s;\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      min-width: 200px;\n      white-space: nowrap;\n      box-sizing: border-box;\n      list-style: none;\n      padding: 0px;\n      margin: 0px;\n      z-index: 1;\n      box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);\n      background-color: #fff;\n      color: rgba(0, 0, 0, 0.87);\n      border-radius: 5px;\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      width: 100%;\n      text-align: left;\n      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n      cursor: pointer;\n      font: inherit;\n      display: block;\n      box-sizing: border-box;\n      padding: 0.6em 1em;\n      color: inherit;\n      text-decoration: none;\n      transition: 0.2s;\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\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 = createRef();\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYaA,e;EAAN,MAAMA,eAAN,qBAAyC;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAnCA,e;;;;;;;eACK,IAAAC,QAAA,CAAI;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;;;;;;;;eAEwBC,KAAD,IAAoC;UACvD,IACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;YACA;UACD;;UACD,KAAKC,QAAL,GAAgB,KAAhB;QACD,C;;;;;mBAEA,IAAAC,oBAAA,EAAS;QACRC,IAAI,EAAEC,MADE;QAERC,SAAS,EAAE;MAFH,CAAT,C;;;;eAIwD,E;;;;;mBAExD,IAAAH,oBAAA,G;;;;eACoB,K;;;;;;;;eAECN,KAAD,IAAkB;UACrCA,KAAK,CAACU,cAAN;UACAV,KAAK,CAACW,eAAN;UAEA,KAAKN,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;UACA,IAAI,KAAKA,QAAT,EAAmB;YACjBO,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;UACD;QACF,C;;;;;;aAED,mBAAoB;QAClB,IAAI,KAAKT,QAAL,KAAkB,KAAtB,EAA6B;UAC3BO,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;;;;aAED,gCAA6B;QAC3B,qBAzHShB,eAyHT;;QACAc,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;;;;;;eAES,IAAAE,cAAA,G;;;;;GA7HyBC,e"}

package/cjs/m2m-apps-menu.js

@@ -13,7 +13,7 @@ var _decorators = require("lit/decorators.js");
 
 var _ref = require("lit/directives/ref.js");
 
-var _LitMenuBaseElement2 = require("./LitMenuBaseElement");
+var _MenuBaseElement2 = require("./MenuBaseElement");
 
 function _decorate(decorators, factory, superClass, mixins) { var api = _getDecoratorsApi(); if (mixins) { for (var i = 0; i < mixins.length; i++) { api = mixins[i](api); } } var r = factory(function initialize(O) { api.initializeInstanceElements(O, decorated.elements); }, superClass); var decorated = api.decorateClass(_coalesceClassElements(r.d.map(_createElementDescriptor)), decorators); api.initializeClassElements(r.F, decorated.elements); return api.runClassFinishers(r.F, decorated.finishers); }
 
@@ -47,8 +47,8 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], function (_initialize, _LitMenuBaseElement) {
-  class M2MAppsMenu extends _LitMenuBaseElement {
+let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], function (_initialize, _MenuBaseElement) {
+  class M2MAppsMenu extends _MenuBaseElement {
     constructor(...args) {
       super(...args);
 
@@ -63,6 +63,15 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
       kind: "method",
       key: "render",
       value: function render() {
+        var _this$additinalItems;
+
+        const additionalItems = (_this$additinalItems = this.additinalItems) === null || _this$additinalItems === void 0 ? void 0 : _this$additinalItems.map(item => {
+          return (0, _lit.html)`
+        <li>
+          <a href="${item.href}">${item.label}</a>
+        </li>
+      `;
+        });
         return (0, _lit.html)`<nav>
       <button
         type="button"
@@ -99,12 +108,13 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
         <li>
           <a href="${_domains.domains.sumyca}">Sumyca マンスリープラットフォーム</a>
         </li>
+        ${additionalItems}
       </ul>
     </nav>`;
       }
     }]
   };
-}, _LitMenuBaseElement2.LitMenuBaseElement);
+}, _MenuBaseElement2.MenuBaseElement);
 
 exports.M2MAppsMenu = M2MAppsMenu;
 //# sourceMappingURL=m2m-apps-menu.js.map

package/cjs/m2m-apps-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","html","expanded","handleToggleDrawer","ref","listRef","domains","core","checkin","systems","cleaning","inspection","users","sumyca","LitMenuBaseElement"],"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends LitMenuBaseElement {\n  render() {\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=\"24\"\n          height=\"24\"\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=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n        <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n        <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n        <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n        <li>\n          <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n        </li>\n        <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;;aACX,kBAAS;QACP,OAAO,IAAAE,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKC,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,IAAK;AACpC,uBAAuBD,gBAAA,CAAQE,OAAQ;AACvC,uBAAuBF,gBAAA,CAAQG,OAAQ;AACvC,uBAAuBH,gBAAA,CAAQI,QAAS;AACxC;AACA,qBAAqBJ,gBAAA,CAAQK,UAAW;AACxC;AACA,uBAAuBL,gBAAA,CAAQM,KAAM;AACrC;AACA,qBAAqBN,gBAAA,CAAQO,MAAO;AACpC;AACA;AACA,WArCI;MAsCD;;;GAxC8BC,uC"}
+{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","additionalItems","additinalItems","map","item","html","href","label","expanded","handleToggleDrawer","ref","listRef","domains","core","checkin","systems","cleaning","inspection","users","sumyca","MenuBaseElement"],"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  render() {\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    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=\"24\"\n          height=\"24\"\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=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n        <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n        <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n        <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n        <li>\n          <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n        </li>\n        <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAApCA,W;;;;aACX,kBAAS;QAAA;;QACP,MAAME,eAAe,2BAAG,KAAKC,cAAR,yDAAG,qBAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAO,IAAAC,SAAA,CAAK;AAClB;AACA,qBAAqBD,IAAI,CAACE,IAAK,KAAIF,IAAI,CAACG,KAAM;AAC9C;AACA,OAJM;QAKD,CANuB,CAAxB;QAOA,OAAO,IAAAF,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKG,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,IAAK;AACpC,uBAAuBD,gBAAA,CAAQE,OAAQ;AACvC,uBAAuBF,gBAAA,CAAQG,OAAQ;AACvC,uBAAuBH,gBAAA,CAAQI,QAAS;AACxC;AACA,qBAAqBJ,gBAAA,CAAQK,UAAW;AACxC;AACA,uBAAuBL,gBAAA,CAAQM,KAAM;AACrC;AACA,qBAAqBN,gBAAA,CAAQO,MAAO;AACpC;AACA,UAAUlB,eAAgB;AAC1B;AACA,WAtCI;MAuCD;;;GAhD8BmB,iC"}

package/cjs/m2m-user-menu.js

@@ -15,7 +15,7 @@ var _decorators = require("lit/decorators.js");
 
 var _ref = require("lit/directives/ref.js");
 
-var _LitMenuBaseElement2 = require("./LitMenuBaseElement");
+var _MenuBaseElement2 = require("./MenuBaseElement");
 
 function _decorate(decorators, factory, superClass, mixins) { var api = _getDecoratorsApi(); if (mixins) { for (var i = 0; i < mixins.length; i++) { api = mixins[i](api); } } var r = factory(function initialize(O) { api.initializeInstanceElements(O, decorated.elements); }, superClass); var decorated = api.decorateClass(_coalesceClassElements(r.d.map(_createElementDescriptor)), decorators); api.initializeClassElements(r.F, decorated.elements); return api.runClassFinishers(r.F, decorated.finishers); }
 
@@ -49,8 +49,8 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], function (_initialize, _LitMenuBaseElement) {
-  class M2MUserMenu extends _LitMenuBaseElement {
+let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], function (_initialize, _MenuBaseElement) {
+  class M2MUserMenu extends _MenuBaseElement {
     constructor(...args) {
       super(...args);
 
@@ -77,6 +77,15 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
       kind: "method",
       key: "render",
       value: function render() {
+        var _this$additinalItems;
+
+        const additionalItems = (_this$additinalItems = this.additinalItems) === null || _this$additinalItems === void 0 ? void 0 : _this$additinalItems.map(item => {
+          return (0, _lit.html)`
+        <li>
+          <a href="${item.href}">${item.label}</a>
+        </li>
+      `;
+        });
         return (0, _lit.html)`<nav>
       <button
         type="button"
@@ -102,12 +111,13 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
         <li @click=${this.handleLogout}>
           <button type="button">ログアウト</button>
         </li>
+        ${additionalItems}
       </ul>
     </nav>`;
       }
     }]
   };
-}, _LitMenuBaseElement2.LitMenuBaseElement);
+}, _MenuBaseElement2.MenuBaseElement);
 
 exports.M2MUserMenu = M2MUserMenu;
 //# sourceMappingURL=m2m-user-menu.js.map

package/cjs/m2m-user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","m2mAuthTokenApi","clear","window","location","reload","html","expanded","handleToggleDrawer","ref","listRef","domains","users","handleLogout","LitMenuBaseElement"],"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends LitMenuBaseElement {\n  handleLogout = () => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.users}\">アカウント情報</a></li>\n        <li @click=${this.handleLogout}>\n          <button type=\"button\">ログアウト</button>\n        </li>\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-user-menu\": M2MUserMenu;\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;;;;eACI,MAAM;UACnBE,uBAAA,CAAgBC,KAAhB;;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,C;;;;;;aAED,kBAAS;QACP,OAAO,IAAAC,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKC,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA;AACA,WA1BI;MA2BD;;;GAlC8BC,uC"}
+{"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","m2mAuthTokenApi","clear","window","location","reload","additionalItems","additinalItems","map","item","html","href","label","expanded","handleToggleDrawer","ref","listRef","domains","users","handleLogout","MenuBaseElement"],"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n  handleLogout = () => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\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    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.users}\">アカウント情報</a></li>\n        <li @click=${this.handleLogout}>\n          <button type=\"button\">ログアウト</button>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-user-menu\": M2MUserMenu;\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAApCA,W;;;;;;eACI,MAAM;UACnBE,uBAAA,CAAgBC,KAAhB;;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,C;;;;;;aAED,kBAAS;QAAA;;QACP,MAAMC,eAAe,2BAAG,KAAKC,cAAR,yDAAG,qBAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAO,IAAAC,SAAA,CAAK;AAClB;AACA,qBAAqBD,IAAI,CAACE,IAAK,KAAIF,IAAI,CAACG,KAAM;AAC9C;AACA,OAJM;QAKD,CANuB,CAAxB;QAOA,OAAO,IAAAF,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKG,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA,UAAUb,eAAgB;AAC1B;AACA,WA3BI;MA4BD;;;GA1C8Bc,iC"}

package/cjs/notification/NotificationProvider.js

@@ -28,10 +28,10 @@ const NotificationsProvider = ({
     refetch: refetchSubscriptions
   } = (0, _matsuriHooks.useAuthFetch)(token, _m2mNotifications.m2mNotifications_v1.findMySubscriptions(), {});
   const checkPermission = (0, _react.useCallback)(notificationType => {
-    const subscription = subscriptions?.find(item => {
+    const subscription = subscriptions === null || subscriptions === void 0 ? void 0 : subscriptions.find(item => {
       return item.serviceId === serviceId && item.notificationType === notificationType && item.resourceSubscription.resourceSelectType === "any";
     });
-    return subscription?.status;
+    return subscription === null || subscription === void 0 ? void 0 : subscription.status;
   }, [serviceId, subscriptions]);
   const {
     data: notifications,
@@ -58,11 +58,11 @@ const NotificationsProvider = ({
   }, [checkPermission, refetchSubscriptions]);
   const notificationsContextState = (0, _react.useMemo)(() => {
     return {
-      notifications: notifications?.data ?? [],
-      isAllRead: notifications?.data.every(n => n.status === "read") ?? true,
+      notifications: (notifications === null || notifications === void 0 ? void 0 : notifications.data) ?? [],
+      isAllRead: (notifications === null || notifications === void 0 ? void 0 : notifications.data.every(n => n.status === "read")) ?? true,
       refetch: refetchNotifications
     };
-  }, [refetchNotifications, notifications?.data]);
+  }, [refetchNotifications, notifications === null || notifications === void 0 ? void 0 : notifications.data]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationPermissionContext.Provider, {
     value: permissionContextState,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationsContext.Provider, {

package/cjs/notification/NotificationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationProvider.js","names":["NotificationPermissionContext","createContext","undefined","NotificationsContext","NotificationsProvider","token","children","serviceId","useServiceId","data","subscriptions","refetch","refetchSubscriptions","useAuthFetch","m2mNotifications_v1","findMySubscriptions","checkPermission","useCallback","notificationType","subscription","find","item","resourceSubscription","resourceSelectType","status","notifications","error","refetchNotifications","findNotificationsByServiceId","id","swrConfig","refreshInterval","console","permissionContextState","useMemo","notificationsContextState","isAllRead","every","n","useNotifications","ctx","useContext","Error","useNotificationPermission"],"sources":["../../src/notification/NotificationProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  PropsWithChildren,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useServiceId } from \"./ServiceIdProvider\";\nimport { SubscriptionStatus, Subscription, Notification } from \"./domain\";\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":";;;;;;;AAAA;;AAMA;;AAEA;;AACA;;;;AAGA,MAAMA,6BAA6B,gBAAG,IAAAC,oBAAA,EAQpCC,SARoC,CAAtC;AAUA,MAAMC,oBAAoB,gBAAG,IAAAF,oBAAA,EAG3BC,SAH2B,CAA7B,C,CAKA;;AACO,MAAME,qBAAqB,GAAG,CAAC;EACpCC,KADoC;EAEpCC;AAFoC,CAAD,KAGO;EAC1C,MAAMC,SAAS,GAAG,IAAAC,+BAAA,GAAlB;EAEA,MAAM;IAAEC,IAAI,EAAEC,aAAR;IAAuBC,OAAO,EAAEC;EAAhC,IAAyD,IAAAC,0BAAA,EAE7DR,KAF6D,EAEtDS,qCAAA,CAAoBC,mBAApB,EAFsD,EAEX,EAFW,CAA/D;EAGA,MAAMC,eAAe,GAAG,IAAAC,kBAAA,EACrBC,gBAAD,IAA8B;IAC5B,MAAMC,YAAY,GAAGT,aAAa,EAAEU,IAAf,CAAqBC,IAAD,IAAU;MACjD,OACEA,IAAI,CAACd,SAAL,KAAmBA,SAAnB,IACAc,IAAI,CAACH,gBAAL,KAA0BA,gBAD1B,IAEAG,IAAI,CAACC,oBAAL,CAA0BC,kBAA1B,KAAiD,KAHnD;IAKD,CANoB,CAArB;IAQA,OAAOJ,YAAY,EAAEK,MAArB;EACD,CAXqB,EAYtB,CAACjB,SAAD,EAAYG,aAAZ,CAZsB,CAAxB;EAeA,MAAM;IACJD,IAAI,EAAEgB,aADF;IAEJC,KAFI;IAGJf,OAAO,EAAEgB;EAHL,IAIF,IAAAd,0BAAA,EACFR,KADE,EAEFS,qCAAA,CAAoBc,4BAApB,CAAiD;IAAEC,EAAE,EAAEtB;EAAN,CAAjD,CAFE,EAGF;IAAEuB,SAAS,EAAE;MAAEC,eAAe,EAAE,OAAO,EAAP,GAAY;IAA/B;EAAb,CAHE,CAJJ;;EASA,IAAIL,KAAJ,EAAW;IACT;IACAM,OAAO,CAACN,KAAR,CAAcA,KAAd;EACD;;EAED,MAAMO,sBAAsB,GAAG,IAAAC,cAAA,EAAQ,MAAM;IAC3C,OAAO;MACLlB,eADK;MAELL,OAAO,EAAEC;IAFJ,CAAP;EAID,CAL8B,EAK5B,CAACI,eAAD,EAAkBJ,oBAAlB,CAL4B,CAA/B;EAOA,MAAMuB,yBAAyB,GAAG,IAAAD,cAAA,EAAQ,MAAM;IAC9C,OAAO;MACLT,aAAa,EAAEA,aAAa,EAAEhB,IAAf,IAAuB,EADjC;MAEL2B,SAAS,EAAEX,aAAa,EAAEhB,IAAf,CAAoB4B,KAApB,CAA2BC,CAAD,IAAOA,CAAC,CAACd,MAAF,KAAa,MAA9C,KAAyD,IAF/D;MAGLb,OAAO,EAAEgB;IAHJ,CAAP;EAKD,CANiC,EAM/B,CAACA,oBAAD,EAAuBF,aAAa,EAAEhB,IAAtC,CAN+B,CAAlC;EAQA,oBACE,qBAAC,6BAAD,CAA+B,QAA/B;IAAwC,KAAK,EAAEwB,sBAA/C;IAAA,uBACE,qBAAC,oBAAD,CAAsB,QAAtB;MAA+B,KAAK,EAAEE,yBAAtC;MAAA,UACG7B;IADH;EADF,EADF;AAOD,CA5DM;;;;AA8DA,MAAMiC,gBAAgB,GAAG,MAAM;EACpC,MAAMC,GAAG,GAAG,IAAAC,iBAAA,EAAWtC,oBAAX,CAAZ;;EACA,IAAI,CAACqC,GAAL,EAAU;IACR,MAAM,IAAIE,KAAJ,CAAU,mCAAV,CAAN;EACD;;EAED,OAAOF,GAAP;AACD,CAPM;;;;AASA,MAAMG,yBAAyB,GAAG,MAAM;EAC7C,MAAMH,GAAG,GAAG,IAAAC,iBAAA,EAAWzC,6BAAX,CAAZ;;EACA,IAAI,CAACwC,GAAL,EAAU;IACR,MAAM,IAAIE,KAAJ,CAAU,mCAAV,CAAN;EACD;;EAED,OAAOF,GAAP;AACD,CAPM"}
+{"version":3,"file":"NotificationProvider.js","names":["NotificationPermissionContext","createContext","undefined","NotificationsContext","NotificationsProvider","token","children","serviceId","useServiceId","data","subscriptions","refetch","refetchSubscriptions","useAuthFetch","m2mNotifications_v1","findMySubscriptions","checkPermission","useCallback","notificationType","subscription","find","item","resourceSubscription","resourceSelectType","status","notifications","error","refetchNotifications","findNotificationsByServiceId","id","swrConfig","refreshInterval","console","permissionContextState","useMemo","notificationsContextState","isAllRead","every","n","useNotifications","ctx","useContext","Error","useNotificationPermission"],"sources":["../../src/notification/NotificationProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  PropsWithChildren,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useServiceId } from \"./ServiceIdProvider\";\nimport { SubscriptionStatus, Subscription, Notification } from \"./domain\";\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":"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"}

package/cjs/storage/client.js

@@ -50,7 +50,7 @@ const initStorageClient = options => {
     throw new Error("M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.");
   }
 
-  const storage = new M2mStorageClient(options?.env === "production" ? M2M_STORAGE_HUB_URL : M2M_STORAGE_HUB_URL_DEV);
+  const storage = new M2mStorageClient((options === null || options === void 0 ? void 0 : options.env) === "production" ? M2M_STORAGE_HUB_URL : M2M_STORAGE_HUB_URL_DEV);
   context.storage = storage;
 };
 

package/cjs/storage/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":["M2mStorageClient","StorageClient","context","getStorage","timeout","storage","Promise","resolve","reject","rejectTimer","window","setTimeout","Error","clearTimeout","timer","setInterval","clearInterval","onConnect","M2M_STORAGE_HUB_URL","M2M_STORAGE_HUB_URL_DEV","initStorageClient","options","env","m2mStorageClient","init","M2M_AUTH_TOKEN_KEY","getAuthTokenCache","localStorage","getItem","getAuthToken","autuToken","get","error","console","warn","setAuthToken","token","setItem","set","clearAuthToken","removeItem","del","m2mAuthTokenApi","getCache","clear"],"sources":["../../src/storage/client.ts"],"sourcesContent":["import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n  storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n  const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n    const rejectTimer = window.setTimeout(function () {\n      reject(\n        new Error(\n          \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n        )\n      );\n    }, timeout);\n\n    const storage = context.storage;\n    if (storage) {\n      window.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = window.setInterval(() => {\n      const storage = context.storage;\n      if (storage) {\n        window.clearTimeout(rejectTimer);\n        window.clearInterval(timer);\n        resolve(storage);\n      }\n    }, 200);\n  });\n\n  await storage.onConnect();\n\n  return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n  \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n  env?: \"development\" | \"production\";\n}) => {\n  if (context.storage) {\n    throw new Error(\n      \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n    );\n  }\n  const storage = new M2mStorageClient(\n    options?.env === \"production\"\n      ? M2M_STORAGE_HUB_URL\n      : M2M_STORAGE_HUB_URL_DEV\n  );\n  context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n  init: initStorageClient,\n  getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n  return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n  try {\n    const storage = await getStorage();\n    const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n    return autuToken || getAuthTokenCache();\n  } catch (error) {\n    console.warn(error);\n    return getAuthTokenCache();\n  }\n};\n\nconst setAuthToken = async (token: string) => {\n  window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n  try {\n    const storage = await getStorage();\n    await storage.set(M2M_AUTH_TOKEN_KEY, token);\n  } catch (error) {\n    console.warn(error);\n  }\n};\n\nconst clearAuthToken = async () => {\n  window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n  try {\n    const storage = await getStorage();\n    await storage.del(M2M_AUTH_TOKEN_KEY);\n  } catch (error) {\n    console.warn(error);\n  }\n};\n\nexport const m2mAuthTokenApi = {\n  get: getAuthToken,\n  getCache: getAuthTokenCache,\n  set: setAuthToken,\n  clear: clearAuthToken,\n};\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":["M2mStorageClient","StorageClient","context","getStorage","timeout","storage","Promise","resolve","reject","rejectTimer","window","setTimeout","Error","clearTimeout","timer","setInterval","clearInterval","onConnect","M2M_STORAGE_HUB_URL","M2M_STORAGE_HUB_URL_DEV","initStorageClient","options","env","m2mStorageClient","init","M2M_AUTH_TOKEN_KEY","getAuthTokenCache","localStorage","getItem","getAuthToken","autuToken","get","error","console","warn","setAuthToken","token","setItem","set","clearAuthToken","removeItem","del","m2mAuthTokenApi","getCache","clear"],"sources":["../../src/storage/client.ts"],"sourcesContent":["import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n  storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n  const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n    const rejectTimer = window.setTimeout(function () {\n      reject(\n        new Error(\n          \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n        )\n      );\n    }, timeout);\n\n    const storage = context.storage;\n    if (storage) {\n      window.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = window.setInterval(() => {\n      const storage = context.storage;\n      if (storage) {\n        window.clearTimeout(rejectTimer);\n        window.clearInterval(timer);\n        resolve(storage);\n      }\n    }, 200);\n  });\n\n  await storage.onConnect();\n\n  return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n  \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n  env?: \"development\" | \"production\";\n}) => {\n  if (context.storage) {\n    throw new Error(\n      \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n    );\n  }\n  const storage = new M2mStorageClient(\n    options?.env === \"production\"\n      ? M2M_STORAGE_HUB_URL\n      : M2M_STORAGE_HUB_URL_DEV\n  );\n  context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n  init: initStorageClient,\n  getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n  return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n  try {\n    const storage = await getStorage();\n    const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n    return autuToken || getAuthTokenCache();\n  } catch (error) {\n    console.warn(error);\n    return getAuthTokenCache();\n  }\n};\n\nconst setAuthToken = async (token: string) => {\n  window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n  try {\n    const storage = await getStorage();\n    await storage.set(M2M_AUTH_TOKEN_KEY, token);\n  } catch (error) {\n    console.warn(error);\n  }\n};\n\nconst clearAuthToken = async () => {\n  window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n  try {\n    const storage = await getStorage();\n    await storage.del(M2M_AUTH_TOKEN_KEY);\n  } catch (error) {\n    console.warn(error);\n  }\n};\n\nexport const m2mAuthTokenApi = {\n  get: getAuthToken,\n  getCache: getAuthTokenCache,\n  set: setAuthToken,\n  clear: clearAuthToken,\n};\n"],"mappings":"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"}

package/jsx.d.ts

@@ -1,10 +1,12 @@
 declare namespace JSX {
   interface IntrinsicElements {
     "m2m-apps-menu": {
-      [propName: string]: never;
+      expanded?: boolean;
+      "additional-items"?: string;
     };
     "m2m-user-menu": {
-      [propName: string]: never;
+      expanded?: boolean;
+      "additional-items"?: string;
     };
   }
 }

package/m2m-apps-menu.d.ts

@@ -1,5 +1,6 @@
-import { LitMenuBaseElement } from "./LitMenuBaseElement";
-export declare class M2MAppsMenu extends LitMenuBaseElement {
+import { MenuBaseElement, MenuBaseElementProps } from "./MenuBaseElement";
+export declare type M2MAppsMenuProps = MenuBaseElementProps;
+export declare class M2MAppsMenu extends MenuBaseElement {
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/m2m-apps-menu.js

@@ -1,4 +1,4 @@
-var _templateObject;
+var _templateObject, _templateObject2;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -38,9 +38,9 @@ import { domains } from "./domains";
 import { html } from "lit";
 import { customElement } from "lit/decorators.js";
 import { ref } from "lit/directives/ref.js";
-import { LitMenuBaseElement } from "./LitMenuBaseElement";
-export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_initialize, _LitMenuBaseElement) {
-  class M2MAppsMenu extends _LitMenuBaseElement {
+import { MenuBaseElement } from "./MenuBaseElement";
+export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_initialize, _MenuBaseElement) {
+  class M2MAppsMenu extends _MenuBaseElement {
     constructor() {
       super(...arguments);
 
@@ -55,9 +55,14 @@ export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["<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=", "\n        @click=", "\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\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        ", "\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=", "\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"", "\">m2m-core \u65BD\u8A2D\u7BA1\u7406</a></li>\n        <li><a href=\"", "\">m2m-checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3</a></li>\n        <li><a href=\"", "\">m2m-systems Airbnb\u9023\u643A</a></li>\n        <li><a href=\"", "\">m2m-cleaning \u6E05\u6383\u7BA1\u7406</a></li>\n        <li>\n          <a href=\"", "\">m2m-inspection \u5185\u898B\u30C1\u30A7\u30C3\u30AF</a>\n        </li>\n        <li><a href=\"", "\">m2m-users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406</a></li>\n        <li>\n          <a href=\"", "\">Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0</a>\n        </li>\n      </ul>\n    </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.core, domains.checkin, domains.systems, domains.cleaning, domains.inspection, domains.users, domains.sumyca);
+        var _this$additinalItems;
+
+        var additionalItems = (_this$additinalItems = this.additinalItems) === null || _this$additinalItems === void 0 ? void 0 : _this$additinalItems.map(item => {
+          return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        <li>\n          <a href=\"", "\">", "</a>\n        </li>\n      "])), item.href, item.label);
+        });
+        return html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<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=", "\n        @click=", "\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\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        ", "\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=", "\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"", "\">m2m-core \u65BD\u8A2D\u7BA1\u7406</a></li>\n        <li><a href=\"", "\">m2m-checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3</a></li>\n        <li><a href=\"", "\">m2m-systems Airbnb\u9023\u643A</a></li>\n        <li><a href=\"", "\">m2m-cleaning \u6E05\u6383\u7BA1\u7406</a></li>\n        <li>\n          <a href=\"", "\">m2m-inspection \u5185\u898B\u30C1\u30A7\u30C3\u30AF</a>\n        </li>\n        <li><a href=\"", "\">m2m-users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406</a></li>\n        <li>\n          <a href=\"", "\">Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0</a>\n        </li>\n        ", "\n      </ul>\n    </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.core, domains.checkin, domains.systems, domains.cleaning, domains.inspection, domains.users, domains.sumyca, additionalItems);
       }
     }]
   };
-}, LitMenuBaseElement);
+}, MenuBaseElement);
 //# sourceMappingURL=m2m-apps-menu.js.map

package/m2m-apps-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","LitMenuBaseElement","M2MAppsMenu","expanded","handleToggleDrawer","listRef","core","checkin","systems","cleaning","inspection","users","sumyca"],"sources":["src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends LitMenuBaseElement {\n  render() {\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=\"24\"\n          height=\"24\"\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=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n        <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n        <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n        <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n        <li>\n          <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n        </li>\n        <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AAGA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;MAAA,OACE,kBAAS;QACP,OAAOJ,IAAP,2gDAKoB,KAAKK,QALzB,EAMa,KAAKC,kBANlB,EAoBMJ,GAAG,CAAC,KAAKK,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBN,OAAO,CAACS,IAzB3B,EA0BmBT,OAAO,CAACU,OA1B3B,EA2BmBV,OAAO,CAACW,OA3B3B,EA4BmBX,OAAO,CAACY,QA5B3B,EA8BiBZ,OAAO,CAACa,UA9BzB,EAgCmBb,OAAO,CAACc,KAhC3B,EAkCiBd,OAAO,CAACe,MAlCzB;MAsCD;IAxCH;EAAA;AAAA,GAAiCX,kBAAjC"}
+{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","MenuBaseElement","M2MAppsMenu","additionalItems","additinalItems","map","item","href","label","expanded","handleToggleDrawer","listRef","core","checkin","systems","cleaning","inspection","users","sumyca"],"sources":["src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  render() {\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    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=\"24\"\n          height=\"24\"\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=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n        <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n        <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n        <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n        <li>\n          <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n        </li>\n        <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,eAAT,QAAsD,mBAAtD;AAKA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAjD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;MAAA,OACE,kBAAS;QAAA;;QACP,IAAMC,eAAe,2BAAG,KAAKC,cAAR,yDAAG,qBAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAOR,IAAP,gJAEeQ,IAAI,CAACC,IAFpB,EAE6BD,IAAI,CAACE,KAFlC;QAKD,CANuB,CAAxB;QAOA,OAAOV,IAAP,2hDAKoB,KAAKW,QALzB,EAMa,KAAKC,kBANlB,EAoBMV,GAAG,CAAC,KAAKW,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBZ,OAAO,CAACe,IAzB3B,EA0BmBf,OAAO,CAACgB,OA1B3B,EA2BmBhB,OAAO,CAACiB,OA3B3B,EA4BmBjB,OAAO,CAACkB,QA5B3B,EA8BiBlB,OAAO,CAACmB,UA9BzB,EAgCmBnB,OAAO,CAACoB,KAhC3B,EAkCiBpB,OAAO,CAACqB,MAlCzB,EAoCMf,eApCN;MAuCD;IAhDH;EAAA;AAAA,GAAiCF,eAAjC"}

package/m2m-user-menu.d.ts

@@ -1,5 +1,6 @@
-import { LitMenuBaseElement } from "./LitMenuBaseElement";
-export declare class M2MUserMenu extends LitMenuBaseElement {
+import { MenuBaseElement, MenuBaseElementProps } from "./MenuBaseElement";
+export declare type M2MUserMenuProps = MenuBaseElementProps;
+export declare class M2MUserMenu extends MenuBaseElement {
     handleLogout: () => void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/m2m-user-menu.js

@@ -1,4 +1,4 @@
-var _templateObject;
+var _templateObject, _templateObject2;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -39,9 +39,9 @@ import { domains } from "./domains";
 import { html } from "lit";
 import { customElement } from "lit/decorators.js";
 import { ref } from "lit/directives/ref.js";
-import { LitMenuBaseElement } from "./LitMenuBaseElement";
-export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_initialize, _LitMenuBaseElement) {
-  class M2MUserMenu extends _LitMenuBaseElement {
+import { MenuBaseElement } from "./MenuBaseElement";
+export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_initialize, _MenuBaseElement) {
+  class M2MUserMenu extends _MenuBaseElement {
     constructor() {
       super(...arguments);
 
@@ -67,9 +67,14 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=", "\n        @click=", "\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ", "\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=", "\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"", "\">\u30A2\u30AB\u30A6\u30F3\u30C8\u60C5\u5831</a></li>\n        <li @click=", ">\n          <button type=\"button\">\u30ED\u30B0\u30A2\u30A6\u30C8</button>\n        </li>\n      </ul>\n    </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout);
+        var _this$additinalItems;
+
+        var additionalItems = (_this$additinalItems = this.additinalItems) === null || _this$additinalItems === void 0 ? void 0 : _this$additinalItems.map(item => {
+          return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        <li>\n          <a href=\"", "\">", "</a>\n        </li>\n      "])), item.href, item.label);
+        });
+        return html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=", "\n        @click=", "\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ", "\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=", "\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"", "\">\u30A2\u30AB\u30A6\u30F3\u30C8\u60C5\u5831</a></li>\n        <li @click=", ">\n          <button type=\"button\">\u30ED\u30B0\u30A2\u30A6\u30C8</button>\n        </li>\n        ", "\n      </ul>\n    </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout, additionalItems);
       }
     }]
   };
-}, LitMenuBaseElement);
+}, MenuBaseElement);
 //# sourceMappingURL=m2m-user-menu.js.map

package/m2m-user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","clear","window","location","reload","expanded","handleToggleDrawer","listRef","users","handleLogout"],"sources":["src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends LitMenuBaseElement {\n  handleLogout = () => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.users}\">アカウント情報</a></li>\n        <li @click=${this.handleLogout}>\n          <button type=\"button\">ログアウト</button>\n        </li>\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-user-menu\": M2MUserMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,eAAT,QAAgC,kBAAhC;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AAGA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;;MAAA;QAAA,OACiB,MAAM;UACnBN,eAAe,CAACO,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAJH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAME,kBAAS;QACP,OAAOR,IAAP,ynCAKoB,KAAKS,QALzB,EAMa,KAAKC,kBANlB,EAgBMR,GAAG,CAAC,KAAKS,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBV,OAAO,CAACa,KArB3B,EAsBiB,KAAKC,YAtBtB;MA2BD;IAlCH;EAAA;AAAA,GAAiCV,kBAAjC"}
+{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","MenuBaseElement","M2MUserMenu","clear","window","location","reload","additionalItems","additinalItems","map","item","href","label","expanded","handleToggleDrawer","listRef","users","handleLogout"],"sources":["src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n  handleLogout = () => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\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    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.users}\">アカウント情報</a></li>\n        <li @click=${this.handleLogout}>\n          <button type=\"button\">ログアウト</button>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-user-menu\": M2MUserMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,eAAT,QAAgC,kBAAhC;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,eAAT,QAAsD,mBAAtD;AAKA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAjD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;;MAAA;QAAA,OACiB,MAAM;UACnBN,eAAe,CAACO,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAJH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAME,kBAAS;QAAA;;QACP,IAAMC,eAAe,2BAAG,KAAKC,cAAR,yDAAG,qBAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAOZ,IAAP,gJAEeY,IAAI,CAACC,IAFpB,EAE6BD,IAAI,CAACE,KAFlC;QAKD,CANuB,CAAxB;QAOA,OAAOd,IAAP,yoCAKoB,KAAKe,QALzB,EAMa,KAAKC,kBANlB,EAgBMd,GAAG,CAAC,KAAKe,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBhB,OAAO,CAACmB,KArB3B,EAsBiB,KAAKC,YAtBtB,EAyBMV,eAzBN;MA4BD;IA1CH;EAAA;AAAA,GAAiCN,eAAjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m2m-components",
-  "version": "2.0.1",
+  "version": "2.0.2-alpha-119eef9.0",
   "main": "cjs/index.js",
   "module": "index.js",
   "typings": "index.d.ts",
@@ -41,7 +41,7 @@
   "files": [
     "/domains.{d.ts, d.ts.map,js,js.map}",
     "/index.{d.ts, d.ts.map,js,js.map}",
-    "/LitMenuBaseElement.{d.ts, d.ts.map,js,js.map}",
+    "/MenuBaseElement.{d.ts, d.ts.map,js,js.map}",
     "/m2m-apps-menu.{d.ts, d.ts.map,js,js.map}",
     "/m2m-user-menu.{d.ts, d.ts.map,js,js.map}",
     "/notification/",
@@ -60,7 +60,7 @@
     "build-app:clients": "vite build website/clients/ --out-dir ../../build -c vite.config.clients.ts -m development",
     "build-app:hub": "vite build website/hub/ --out-dir ../../build",
     "build-app:hub:dev": "vite build website/hub/ --out-dir ../../build -m development",
-    "clean": "rm -rf {m2m-apps-menu,m2m-user-menu,LitMenuBaseElement,domains,index}.{d.ts.map,d.ts,js.map,js} storage/ notification/ endpoints/ cjs/",
+    "clean": "rm -rf {m2m-apps-menu,m2m-user-menu,MenuBaseElement,domains,index}.{d.ts.map,d.ts,js.map,js} storage/ notification/ endpoints/ cjs/",
     "build": "concurrently yarn:build:*",
     "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --extensions .ts,.tsx -d ./ --source-maps",
     "build:cjs": "NODE_ENV=production BABEL_ENV=cjs babel src --extensions .ts,.tsx -d ./cjs --source-maps",

package/LitMenuBaseElement.d.ts

@@ -1,11 +0,0 @@
-import { LitElement } from "lit";
-export declare class LitMenuBaseElement extends LitElement {
-    static styles: import("lit").CSSResult;
-    handleClickOutside: (event: MouseEvent | TouchEvent) => void;
-    expanded?: boolean;
-    handleToggleDrawer: (event: Event) => void;
-    protected updated(): void;
-    disconnectedCallback(): void;
-    listRef: import("lit-html/directives/ref").Ref<Element>;
-}
-//# sourceMappingURL=LitMenuBaseElement.d.ts.map

package/LitMenuBaseElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LitMenuBaseElement.js","names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener"],"sources":["src/LitMenuBaseElement.ts"],"sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\nexport class LitMenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n\n      height: 42px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      transition: background-color 0.2s;\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      min-width: 200px;\n      white-space: nowrap;\n      box-sizing: border-box;\n      list-style: none;\n      padding: 0px;\n      margin: 0px;\n      z-index: 1;\n      box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);\n      background-color: #fff;\n      color: rgba(0, 0, 0, 0.87);\n      border-radius: 5px;\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      width: 100%;\n      text-align: left;\n      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n      cursor: pointer;\n      font: inherit;\n      display: block;\n      box-sizing: border-box;\n      padding: 0.6em 1em;\n      color: inherit;\n      text-decoration: none;\n      transition: 0.2s;\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\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  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 = createRef();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAT,EAAcC,UAAd,QAAgC,KAAhC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,SAAT,QAA0B,uBAA1B;AAEA,WAAaC,kBAAb;EAAO,MAAMA,kBAAN,qBAA4C;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAnD;IAAA,GAAaA,kBAAb;IAAA;MAAA;MAAA;MAAA;;MAAA;QAAA,OACkBJ,GADlB;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAqFwBK,KAAD,IAAoC;UACvD,IACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;YACA;UACD;;UACD,KAAKC,QAAL,GAAgB,KAAhB;QACD,CA7FH;MAAA;;IAAA;MAAA;MAAA,aA+FGR,QAAQ,EA/FX;MAAA;;MAAA;QAAA,OAgGuB,KAhGvB;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAkGwBG,KAAD,IAAkB;UACrCA,KAAK,CAACM,cAAN;UACAN,KAAK,CAACO,eAAN;UAEA,KAAKF,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;UACA,IAAI,KAAKA,QAAT,EAAmB;YACjBG,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;UACD;QACF,CA1GH;MAAA;;IAAA;MAAA;MAAA;MAAA,OA4GE,mBAAoB;QAClB,IAAI,KAAKL,QAAL,KAAkB,KAAtB,EAA6B;UAC3BG,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;IAhHH;MAAA;MAAA;MAAA,OAkHE,gCAA6B;QAC3B,qBAnHSX,kBAmHT;;QACAS,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;IArHH;MAAA;MAAA;;MAAA;QAAA,OAuHYZ,SAAS,EAvHrB;MAAA;;IAAA;EAAA;AAAA,GAAwCF,UAAxC"}

package/cjs/LitMenuBaseElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LitMenuBaseElement.js","names":["LitMenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener","createRef","LitElement"],"sources":["../src/LitMenuBaseElement.ts"],"sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\nexport class LitMenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n\n      height: 42px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      transition: background-color 0.2s;\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      min-width: 200px;\n      white-space: nowrap;\n      box-sizing: border-box;\n      list-style: none;\n      padding: 0px;\n      margin: 0px;\n      z-index: 1;\n      box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);\n      background-color: #fff;\n      color: rgba(0, 0, 0, 0.87);\n      border-radius: 5px;\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      width: 100%;\n      text-align: left;\n      background-color: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      appearance: none;\n      cursor: pointer;\n      font: inherit;\n      display: block;\n      box-sizing: border-box;\n      padding: 0.6em 1em;\n      color: inherit;\n      text-decoration: none;\n      transition: 0.2s;\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\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  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 = createRef();\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,kB;EAAN,MAAMA,kBAAN,qBAA4C;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAtCA,kB;;;;;;;eACK,IAAAC,QAAA,CAAI;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;;;;;;;;eAEwBC,KAAD,IAAoC;UACvD,IACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;YACA;UACD;;UACD,KAAKC,QAAL,GAAgB,KAAhB;QACD,C;;;;;mBAEA,IAAAC,oBAAA,G;;;;eACoB,K;;;;;;;;eAECN,KAAD,IAAkB;UACrCA,KAAK,CAACO,cAAN;UACAP,KAAK,CAACQ,eAAN;UAEA,KAAKH,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;UACA,IAAI,KAAKA,QAAT,EAAmB;YACjBI,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;UACD;QACF,C;;;;;;aAED,mBAAoB;QAClB,IAAI,KAAKN,QAAL,KAAkB,KAAtB,EAA6B;UAC3BI,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;;;;aAED,gCAA6B;QAC3B,qBAnHSb,kBAmHT;;QACAW,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;;;;;;eAES,IAAAE,cAAA,G;;;;;GAvH4BC,e"}