m2m-components 2.0.8-alpha-c394681.0 → 2.1.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/domains.js

@@ -13,11 +13,11 @@ const domains = process.env.NODE_ENV === "production" ? {
   checkin: "https://manage.checkin.m2msystems.cloud",
   systems: "https://m2msystems.cloud/"
 } : {
-  core: "https://master--m2m-core-manager-front.netlify.app",
+  core: "https://dev--m2m-core-manager-front.netlify.app",
   sumyca: "https://master--sumyca-manager-front.netlify.app",
   cleaning: "https://master--m2m-cleaning-manager-front.netlify.app",
   users: "https://master--manage-users.netlify.app",
-  inspection: "https://master--m2m-inspection-manager-front.netlify.app",
+  inspection: "https://dev--m2m-inspection-manager-front.netlify.app",
   checkin: "https://manage.dev.checkin.m2msystems.cloud",
   systems: "https://dev.m2msystems.cloud"
 };

package/cjs/domains.js.map

@@ -1 +1 @@
-{"version":3,"file":"domains.js","names":["domains","process","env","NODE_ENV","core","sumyca","cleaning","users","inspection","checkin","systems"],"sources":["../src/domains.ts"],"sourcesContent":["export const domains =\n  process.env.NODE_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        inspection: \"https://inspection.m2msystems.cloud\",\n        checkin: \"https://manage.checkin.m2msystems.cloud\",\n        systems: \"https://m2msystems.cloud/\",\n      }\n    : {\n        core: \"https://master--m2m-core-manager-front.netlify.app\",\n        sumyca: \"https://master--sumyca-manager-front.netlify.app\",\n        cleaning: \"https://master--m2m-cleaning-manager-front.netlify.app\",\n        users: \"https://master--manage-users.netlify.app\",\n        inspection: \"https://master--m2m-inspection-manager-front.netlify.app\",\n        checkin: \"https://manage.dev.checkin.m2msystems.cloud\",\n        systems: \"https://dev.m2msystems.cloud\",\n      };\n"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAClBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACI;EACEC,IAAI,EAAE,+BADR;EAEEC,MAAM,EAAE,2BAFV;EAGEC,QAAQ,EAAE,2CAHZ;EAIEC,KAAK,EAAE,uCAJT;EAKEC,UAAU,EAAE,qCALd;EAMEC,OAAO,EAAE,yCANX;EAOEC,OAAO,EAAE;AAPX,CADJ,GAUI;EACEN,IAAI,EAAE,oDADR;EAEEC,MAAM,EAAE,kDAFV;EAGEC,QAAQ,EAAE,wDAHZ;EAIEC,KAAK,EAAE,0CAJT;EAKEC,UAAU,EAAE,0DALd;EAMEC,OAAO,EAAE,6CANX;EAOEC,OAAO,EAAE;AAPX,CAXC"}
+{"version":3,"file":"domains.js","names":["domains","process","env","NODE_ENV","core","sumyca","cleaning","users","inspection","checkin","systems"],"sources":["../src/domains.ts"],"sourcesContent":["export const domains =\n  process.env.NODE_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        inspection: \"https://inspection.m2msystems.cloud\",\n        checkin: \"https://manage.checkin.m2msystems.cloud\",\n        systems: \"https://m2msystems.cloud/\",\n      }\n    : {\n        core: \"https://dev--m2m-core-manager-front.netlify.app\",\n        sumyca: \"https://master--sumyca-manager-front.netlify.app\",\n        cleaning: \"https://master--m2m-cleaning-manager-front.netlify.app\",\n        users: \"https://master--manage-users.netlify.app\",\n        inspection: \"https://dev--m2m-inspection-manager-front.netlify.app\",\n        checkin: \"https://manage.dev.checkin.m2msystems.cloud\",\n        systems: \"https://dev.m2msystems.cloud\",\n      };\n"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAClBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACI;EACEC,IAAI,EAAE,+BADR;EAEEC,MAAM,EAAE,2BAFV;EAGEC,QAAQ,EAAE,2CAHZ;EAIEC,KAAK,EAAE,uCAJT;EAKEC,UAAU,EAAE,qCALd;EAMEC,OAAO,EAAE,yCANX;EAOEC,OAAO,EAAE;AAPX,CADJ,GAUI;EACEN,IAAI,EAAE,iDADR;EAEEC,MAAM,EAAE,kDAFV;EAGEC,QAAQ,EAAE,wDAHZ;EAIEC,KAAK,EAAE,0CAJT;EAKEC,UAAU,EAAE,uDALd;EAMEC,OAAO,EAAE,6CANX;EAOEC,OAAO,EAAE;AAPX,CAXC"}

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);
 
@@ -60,33 +60,14 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
   return {
     F: M2MAppsMenu,
     d: [{
-      kind: "field",
-      decorators: [(0, _decorators.property)({
-        type: Object,
-        attribute: false
-      })],
-      key: "items",
-
-      value() {
-        return [];
-      }
-
-    }, {
       kind: "method",
       key: "render",
       value: function render() {
-        var _this$items;
-
-        console.log(this.items);
-        const additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
-          return item.element === undefined ? (0, _lit.html)`
+        const additionalItems = this.additinalItems?.map(item => {
+          return (0, _lit.html)`
         <li>
           <a href="${item.href}">${item.label}</a>
         </li>
-      ` : (0, _lit.html)`
-        <li>
-          ${item.element}
-        </li>
       `;
         });
         return (0, _lit.html)`<nav>
@@ -125,13 +106,13 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
         <li>
           <a href="${_domains.domains.sumyca}">Sumyca マンスリープラットフォーム</a>
         </li>
-        ${additionalMenuItems}
+        ${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","property","type","Object","attribute","console","log","items","additionalMenuItems","map","item","element","undefined","html","href","label","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 { property } from \"lit/decorators.js\";\nimport {\n  LitMenuBaseElement,\n  LitMenuBaseElementProps,\n} from \"./LitMenuBaseElement\";\n\nexport interface M2MAppsMenuProps extends LitMenuBaseElementProps {}\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends LitMenuBaseElement {\n  @property({ type: Object, attribute: false })\n  items: LitMenuBaseElementProps[\"items\"] = [];\n\n  render() {\n    console.log(this.items);\n    const additionalMenuItems = this.items?.map((item) => {\n      return item.element === undefined\n        ? html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `\n        : html`\n        <li>\n          ${item.element}\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        ${additionalMenuItems}\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;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;mBACV,IAAAE,oBAAA,EAAS;QAAEC,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAT,C;;;;eACyC,E;;;;;;aAE1C,kBAAS;QAAA;;QACPC,OAAO,CAACC,GAAR,CAAY,KAAKC,KAAjB;QACA,MAAMC,mBAAmB,kBAAG,KAAKD,KAAR,gDAAG,YAAYE,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACH,IAAAC,SAAA,CAAK;AACf;AACA,qBAAqBH,IAAI,CAACI,IAAK,KAAIJ,IAAI,CAACK,KAAM;AAC9C;AACA,OALa,GAMH,IAAAF,SAAA,CAAK;AACf;AACA,YAAYH,IAAI,CAACC,OAAQ;AACzB;AACA,OAVM;QAWD,CAZ2B,CAA5B;QAaA,OAAO,IAAAE,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,UAAUnB,mBAAoB;AAC9B;AACA,WAtCI;MAuCD;;;GA1D8BoB,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;QACP,MAAME,eAAe,GAAG,KAAKC,cAAL,EAAqBC,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);
 
@@ -62,18 +62,6 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
   return {
     F: M2MUserMenu,
     d: [{
-      kind: "field",
-      decorators: [(0, _decorators.property)({
-        type: Object,
-        attribute: false
-      })],
-      key: "items",
-
-      value() {
-        return [];
-      }
-
-    }, {
       kind: "field",
       key: "handleLogout",
 
@@ -89,17 +77,11 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
       kind: "method",
       key: "render",
       value: function render() {
-        var _this$items;
-
-        const additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
-          return item.element === undefined ? (0, _lit.html)`
+        const additionalItems = this.additinalItems?.map(item => {
+          return (0, _lit.html)`
         <li>
           <a href="${item.href}">${item.label}</a>
         </li>
-      ` : (0, _lit.html)`
-        <li>
-          ${item.element}
-        </li>
       `;
         });
         return (0, _lit.html)`<nav>
@@ -127,13 +109,13 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
         <li @click=${this.handleLogout}>
           <button type="button">ログアウト</button>
         </li>
-        ${additionalMenuItems}
+        ${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","property","type","Object","attribute","m2mAuthTokenApi","clear","window","location","reload","additionalMenuItems","items","map","item","element","undefined","html","href","label","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, property } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport {\n  LitMenuBaseElement,\n  LitMenuBaseElementProps,\n} from \"./LitMenuBaseElement\";\n\nexport interface M2MUserMenuProps extends LitMenuBaseElementProps {}\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends LitMenuBaseElement {\n  @property({ type: Object, attribute: false })\n  items: LitMenuBaseElementProps[\"items\"] = [];\n\n  handleLogout = () => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\n    const additionalMenuItems = this.items?.map((item) => {\n      return item.element === undefined\n        ? html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `\n        : html`\n        <li>\n          ${item.element}\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        ${additionalMenuItems}\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;mBACV,IAAAE,oBAAA,EAAS;QAAEC,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAT,C;;;;eACyC,E;;;;;;;;eAE3B,MAAM;UACnBC,uBAAA,CAAgBC,KAAhB;;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,C;;;;;;aAED,kBAAS;QAAA;;QACP,MAAMC,mBAAmB,kBAAG,KAAKC,KAAR,gDAAG,YAAYC,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACH,IAAAC,SAAA,CAAK;AACf;AACA,qBAAqBH,IAAI,CAACI,IAAK,KAAIJ,IAAI,CAACK,KAAM;AAC9C;AACA,OALa,GAMH,IAAAF,SAAA,CAAK;AACf;AACA,YAAYH,IAAI,CAACC,OAAQ;AACzB;AACA,OAVM;QAWD,CAZ2B,CAA5B;QAaA,OAAO,IAAAE,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,UAAUf,mBAAoB;AAC9B;AACA,WA3BI;MA4BD;;;GAnD8BgB,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;QACP,MAAMC,eAAe,GAAG,KAAKC,cAAL,EAAqBC,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 === null || subscriptions === void 0 ? void 0 : subscriptions.find(item => {
+    const subscription = subscriptions?.find(item => {
       return item.serviceId === serviceId && item.notificationType === notificationType && item.resourceSubscription.resourceSelectType === "any";
     });
-    return subscription === null || subscription === void 0 ? void 0 : subscription.status;
+    return subscription?.status;
   }, [serviceId, subscriptions]);
   const {
     data: notifications,
@@ -58,11 +58,11 @@ const NotificationsProvider = ({
   }, [checkPermission, refetchSubscriptions]);
   const notificationsContextState = (0, _react.useMemo)(() => {
     return {
-      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,
+      notifications: notifications?.data ?? [],
+      isAllRead: notifications?.data.every(n => n.status === "read") ?? true,
       refetch: refetchNotifications
     };
-  }, [refetchNotifications, notifications === null || notifications === void 0 ? void 0 : notifications.data]);
+  }, [refetchNotifications, 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":"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"}
+{"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"}

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 === null || options === void 0 ? void 0 : options.env) === "production" ? M2M_STORAGE_HUB_URL : M2M_STORAGE_HUB_URL_DEV);
+  const storage = new M2mStorageClient(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/cjs/storage/useM2mAuth.js

@@ -53,7 +53,7 @@ const M2mAuthenticationProvider = ({
   const login = (0, _react.useCallback)(async input => {
     const {
       data,
-      ...fetcherResult
+      error
     } = await (0, _matsuriHooks.fetcher)((0, _m2mUsers.login)(), {
       method: "POST",
       body: JSON.stringify(input)
@@ -67,21 +67,38 @@ const M2mAuthenticationProvider = ({
       setToken(authToken);
     }
 
-    return fetcherResult;
+    return {
+      error,
+      token: data ? data.accessToken : undefined
+    };
   }, []);
   const logout = (0, _react.useCallback)(() => {
     _client.m2mAuthTokenApi.clear();
 
     window.location.reload();
   }, []);
+  const updateToken = (0, _react.useCallback)(async token => {
+    if (checkJwtExpiration(token)) {
+      return {
+        error: new Error("M2MAuthToken is expired")
+      };
+    }
+
+    await _client.m2mAuthTokenApi.set(token);
+    setToken(token);
+    return {
+      error: undefined
+    };
+  }, []);
   const state = (0, _react.useMemo)(() => {
     return {
       login,
       logout,
       token,
-      authenticated
+      authenticated,
+      updateToken
     };
-  }, [authenticated, login, logout, token]);
+  }, [authenticated, login, logout, token, updateToken]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(AuthenticationContext.Provider, {
     value: state,
     children: children

package/cjs/storage/useM2mAuth.js.map

@@ -1 +1 @@
-{"version":3,"file":"useM2mAuth.js","names":["AuthenticationContext","createContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","useState","m2mAuthTokenApi","getCache","authenticated","useMemo","tryCheckAuth","useCallback","authToken","get","clear","set","useEffect","login","input","data","fetcherResult","fetcher","m2mUsers_v1_login","method","body","stringify","accessToken","logout","window","location","reload","state","useAuth","ctx","useContext","Error"],"sources":["../../src/storage/useM2mAuth.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\n\ninterface LoginInput {\n  email: string;\n  password: string;\n}\n\ntype AuthenticationState = {\n  token: string;\n  authenticated: boolean;\n  login: (input: LoginInput) => Promise<{ error?: Error }>;\n  logout: () => void;\n};\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n  const splitted = jwt.split(\".\");\n  if (splitted.length !== 3) return false;\n\n  const [, payload] = splitted;\n  const exp = JSON.parse(atob(payload))[\"exp\"];\n  return new Date() < new Date(exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [token, setToken] = useState(m2mAuthTokenApi.getCache() || \"\");\n\n  const authenticated = useMemo(() => !!token, [token]);\n\n  const tryCheckAuth = useCallback(async () => {\n    const authToken = await m2mAuthTokenApi.get();\n    if (!(authToken && checkJwtExpiration(authToken))) {\n      m2mAuthTokenApi.clear();\n      setToken(\"\");\n    } else {\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n  }, []);\n\n  useEffect(() => {\n    tryCheckAuth();\n  }, [tryCheckAuth]);\n\n  const login = useCallback(async (input: LoginInput) => {\n    const { data, ...fetcherResult } = await fetcher<{\n      accessToken: string;\n    }>(m2mUsers_v1_login(), {\n      method: \"POST\",\n      body: JSON.stringify(input),\n    });\n    if (data) {\n      const authToken = data.accessToken;\n\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n    return fetcherResult;\n  }, []);\n\n  const logout = useCallback(() => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  }, []);\n\n  const state = useMemo(() => {\n    return {\n      login,\n      logout,\n      token,\n      authenticated,\n    };\n  }, [authenticated, login, logout, token]);\n  return (\n    <AuthenticationContext.Provider value={state}>\n      {children}\n    </AuthenticationContext.Provider>\n  );\n};\n\nexport const useAuth = () => {\n  const ctx = useContext(AuthenticationContext);\n  if (!ctx) {\n    throw new Error(\"AuthenticationProvider is not found\");\n  }\n  return ctx;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useM2mAuth.js","names":["AuthenticationContext","createContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","useState","m2mAuthTokenApi","getCache","authenticated","useMemo","tryCheckAuth","useCallback","authToken","get","clear","set","useEffect","login","input","data","error","fetcher","m2mUsers_v1_login","method","body","stringify","accessToken","logout","window","location","reload","updateToken","Error","state","useAuth","ctx","useContext"],"sources":["../../src/storage/useM2mAuth.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\n\ninterface LoginInput {\n  email: string;\n  password: string;\n}\n\ntype AuthenticationState = {\n  token: string;\n  authenticated: boolean;\n  login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n  logout: () => void;\n  updateToken: (token: string) => Promise<{ error?: Error }>;\n};\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n  const splitted = jwt.split(\".\");\n  if (splitted.length !== 3) return false;\n\n  const [, payload] = splitted;\n  const exp = JSON.parse(atob(payload))[\"exp\"];\n  return new Date() < new Date(exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [token, setToken] = useState(m2mAuthTokenApi.getCache() || \"\");\n\n  const authenticated = useMemo(() => !!token, [token]);\n\n  const tryCheckAuth = useCallback(async () => {\n    const authToken = await m2mAuthTokenApi.get();\n    if (!(authToken && checkJwtExpiration(authToken))) {\n      m2mAuthTokenApi.clear();\n      setToken(\"\");\n    } else {\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n  }, []);\n\n  useEffect(() => {\n    tryCheckAuth();\n  }, [tryCheckAuth]);\n\n  const login = useCallback(async (input: LoginInput) => {\n    const { data, error } = await fetcher<{\n      accessToken: string;\n    }>(m2mUsers_v1_login(), {\n      method: \"POST\",\n      body: JSON.stringify(input),\n    });\n    if (data) {\n      const authToken = data.accessToken;\n\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n    return {\n      error,\n      token: data ? data.accessToken : undefined,\n    };\n  }, []);\n\n  const logout = useCallback(() => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  }, []);\n\n  const updateToken = useCallback(async (token: string) => {\n    if (checkJwtExpiration(token)) {\n      return {\n        error: new Error(\"M2MAuthToken is expired\"),\n      };\n    }\n    await m2mAuthTokenApi.set(token);\n    setToken(token);\n    return { error: undefined };\n  }, []);\n\n  const state = useMemo(() => {\n    return {\n      login,\n      logout,\n      token,\n      authenticated,\n      updateToken,\n    };\n  }, [authenticated, login, logout, token, updateToken]);\n  return (\n    <AuthenticationContext.Provider value={state}>\n      {children}\n    </AuthenticationContext.Provider>\n  );\n};\n\nexport const useAuth = () => {\n  const ctx = useContext(AuthenticationContext);\n  if (!ctx) {\n    throw new Error(\"AuthenticationProvider is not found\");\n  }\n  return ctx;\n};\n"],"mappings":"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"}

package/domains.js

@@ -7,11 +7,11 @@ export var domains = process.env.NODE_ENV === "production" ? {
   checkin: "https://manage.checkin.m2msystems.cloud",
   systems: "https://m2msystems.cloud/"
 } : {
-  core: "https://master--m2m-core-manager-front.netlify.app",
+  core: "https://dev--m2m-core-manager-front.netlify.app",
   sumyca: "https://master--sumyca-manager-front.netlify.app",
   cleaning: "https://master--m2m-cleaning-manager-front.netlify.app",
   users: "https://master--manage-users.netlify.app",
-  inspection: "https://master--m2m-inspection-manager-front.netlify.app",
+  inspection: "https://dev--m2m-inspection-manager-front.netlify.app",
   checkin: "https://manage.dev.checkin.m2msystems.cloud",
   systems: "https://dev.m2msystems.cloud"
 };

package/domains.js.map

@@ -1 +1 @@
-{"version":3,"file":"domains.js","names":["domains","process","env","NODE_ENV","core","sumyca","cleaning","users","inspection","checkin","systems"],"sources":["src/domains.ts"],"sourcesContent":["export const domains =\n  process.env.NODE_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        inspection: \"https://inspection.m2msystems.cloud\",\n        checkin: \"https://manage.checkin.m2msystems.cloud\",\n        systems: \"https://m2msystems.cloud/\",\n      }\n    : {\n        core: \"https://master--m2m-core-manager-front.netlify.app\",\n        sumyca: \"https://master--sumyca-manager-front.netlify.app\",\n        cleaning: \"https://master--m2m-cleaning-manager-front.netlify.app\",\n        users: \"https://master--manage-users.netlify.app\",\n        inspection: \"https://master--m2m-inspection-manager-front.netlify.app\",\n        checkin: \"https://manage.dev.checkin.m2msystems.cloud\",\n        systems: \"https://dev.m2msystems.cloud\",\n      };\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAClBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACI;EACEC,IAAI,EAAE,+BADR;EAEEC,MAAM,EAAE,2BAFV;EAGEC,QAAQ,EAAE,2CAHZ;EAIEC,KAAK,EAAE,uCAJT;EAKEC,UAAU,EAAE,qCALd;EAMEC,OAAO,EAAE,yCANX;EAOEC,OAAO,EAAE;AAPX,CADJ,GAUI;EACEN,IAAI,EAAE,oDADR;EAEEC,MAAM,EAAE,kDAFV;EAGEC,QAAQ,EAAE,wDAHZ;EAIEC,KAAK,EAAE,0CAJT;EAKEC,UAAU,EAAE,0DALd;EAMEC,OAAO,EAAE,6CANX;EAOEC,OAAO,EAAE;AAPX,CAXC"}
+{"version":3,"file":"domains.js","names":["domains","process","env","NODE_ENV","core","sumyca","cleaning","users","inspection","checkin","systems"],"sources":["src/domains.ts"],"sourcesContent":["export const domains =\n  process.env.NODE_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        inspection: \"https://inspection.m2msystems.cloud\",\n        checkin: \"https://manage.checkin.m2msystems.cloud\",\n        systems: \"https://m2msystems.cloud/\",\n      }\n    : {\n        core: \"https://dev--m2m-core-manager-front.netlify.app\",\n        sumyca: \"https://master--sumyca-manager-front.netlify.app\",\n        cleaning: \"https://master--m2m-cleaning-manager-front.netlify.app\",\n        users: \"https://master--manage-users.netlify.app\",\n        inspection: \"https://dev--m2m-inspection-manager-front.netlify.app\",\n        checkin: \"https://manage.dev.checkin.m2msystems.cloud\",\n        systems: \"https://dev.m2msystems.cloud\",\n      };\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAClBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACI;EACEC,IAAI,EAAE,+BADR;EAEEC,MAAM,EAAE,2BAFV;EAGEC,QAAQ,EAAE,2CAHZ;EAIEC,KAAK,EAAE,uCAJT;EAKEC,UAAU,EAAE,qCALd;EAMEC,OAAO,EAAE,yCANX;EAOEC,OAAO,EAAE;AAPX,CADJ,GAUI;EACEN,IAAI,EAAE,iDADR;EAEEC,MAAM,EAAE,kDAFV;EAGEC,QAAQ,EAAE,wDAHZ;EAIEC,KAAK,EAAE,0CAJT;EAKEC,UAAU,EAAE,uDALd;EAMEC,OAAO,EAAE,6CANX;EAOEC,OAAO,EAAE;AAPX,CAXC"}

package/jsx.d.ts

@@ -1,25 +1,12 @@
-type AdditionalItems = (
-  | {
-      href: string;
-      label: string;
-      element?: never;
-    }
-  | {
-      href?: never;
-      label?: never;
-      element: any;
-    }
-)[];
-
 declare namespace JSX {
   interface IntrinsicElements {
     "m2m-apps-menu": {
       expanded?: boolean;
-      additionalItems?: AdditionalItems;
+      "additional-items"?: string;
     };
     "m2m-user-menu": {
       expanded?: boolean;
-      additionalItems?: AdditionalItems;
+      "additional-items"?: string;
     };
   }
 }

package/m2m-apps-menu.d.ts

@@ -1,8 +1,6 @@
-import { LitMenuBaseElement, LitMenuBaseElementProps } from "./LitMenuBaseElement";
-export interface M2MAppsMenuProps extends LitMenuBaseElementProps {
-}
-export declare class M2MAppsMenu extends LitMenuBaseElement {
-    items: LitMenuBaseElementProps["items"];
+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, _templateObject2, _templateObject3;
+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,10 +38,9 @@ import { domains } from "./domains";
 import { html } from "lit";
 import { customElement } from "lit/decorators.js";
 import { ref } from "lit/directives/ref.js";
-import { property } from "lit/decorators.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);
 
@@ -53,30 +52,17 @@ export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_
   return {
     F: M2MAppsMenu,
     d: [{
-      kind: "field",
-      decorators: [property({
-        type: Object,
-        attribute: false
-      })],
-      key: "items",
-
-      value() {
-        return [];
-      }
-
-    }, {
       kind: "method",
       key: "render",
       value: function render() {
-        var _this$items;
+        var _this$additinalItems;
 
-        console.log(this.items);
-        var additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
-          return item.element === undefined ? html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        <li>\n          <a href=\"", "\">", "</a>\n        </li>\n      "])), item.href, item.label) : html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        <li>\n          ", "\n        </li>\n      "])), item.element);
+        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(_templateObject3 || (_templateObject3 = _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, additionalMenuItems);
+        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","property","LitMenuBaseElement","M2MAppsMenu","type","Object","attribute","console","log","items","additionalMenuItems","map","item","element","undefined","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 { property } from \"lit/decorators.js\";\nimport {\n  LitMenuBaseElement,\n  LitMenuBaseElementProps,\n} from \"./LitMenuBaseElement\";\n\nexport interface M2MAppsMenuProps extends LitMenuBaseElementProps {}\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends LitMenuBaseElement {\n  @property({ type: Object, attribute: false })\n  items: LitMenuBaseElementProps[\"items\"] = [];\n\n  render() {\n    console.log(this.items);\n    const additionalMenuItems = this.items?.map((item) => {\n      return item.element === undefined\n        ? html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `\n        : html`\n        <li>\n          ${item.element}\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        ${additionalMenuItems}\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,QAAT,QAAyB,mBAAzB;AACA,SACEC,kBADF,QAGO,sBAHP;AAQA,WAAaC,WAAb,cADCJ,aAAa,CAAC,eAAD,CACd;EADA,MACaI,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA,aACGF,QAAQ,CAAC;QAAEG,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAD,CADX;MAAA;;MAAA;QAAA,OAE4C,EAF5C;MAAA;;IAAA;MAAA;MAAA;MAAA,OAIE,kBAAS;QAAA;;QACPC,OAAO,CAACC,GAAR,CAAY,KAAKC,KAAjB;QACA,IAAMC,mBAAmB,kBAAG,KAAKD,KAAR,gDAAG,YAAYE,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACHhB,IADG,gJAGQc,IAAI,CAACG,IAHb,EAGsBH,IAAI,CAACI,KAH3B,IAMHlB,IANG,6HAQDc,IAAI,CAACC,OARJ,CAAP;QAWD,CAZ2B,CAA5B;QAaA,OAAOf,IAAP,2hDAKoB,KAAKmB,QALzB,EAMa,KAAKC,kBANlB,EAoBMlB,GAAG,CAAC,KAAKmB,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBpB,OAAO,CAACuB,IAzB3B,EA0BmBvB,OAAO,CAACwB,OA1B3B,EA2BmBxB,OAAO,CAACyB,OA3B3B,EA4BmBzB,OAAO,CAAC0B,QA5B3B,EA8BiB1B,OAAO,CAAC2B,UA9BzB,EAgCmB3B,OAAO,CAAC4B,KAhC3B,EAkCiB5B,OAAO,CAAC6B,MAlCzB,EAoCMhB,mBApCN;MAuCD;IA1DH;EAAA;AAAA,GAAiCR,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,8 +1,6 @@
-import { LitMenuBaseElement, LitMenuBaseElementProps } from "./LitMenuBaseElement";
-export interface M2MUserMenuProps extends LitMenuBaseElementProps {
-}
-export declare class M2MUserMenu extends LitMenuBaseElement {
-    items: LitMenuBaseElementProps["items"];
+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, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -37,11 +37,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { m2mAuthTokenApi } from "./storage/client";
 import { domains } from "./domains";
 import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
+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);
 
@@ -53,18 +53,6 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
   return {
     F: M2MUserMenu,
     d: [{
-      kind: "field",
-      decorators: [property({
-        type: Object,
-        attribute: false
-      })],
-      key: "items",
-
-      value() {
-        return [];
-      }
-
-    }, {
       kind: "field",
       key: "handleLogout",
 
@@ -79,14 +67,14 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
       kind: "method",
       key: "render",
       value: function render() {
-        var _this$items;
+        var _this$additinalItems;
 
-        var additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
-          return item.element === undefined ? html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        <li>\n          <a href=\"", "\">", "</a>\n        </li>\n      "])), item.href, item.label) : html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        <li>\n          ", "\n        </li>\n      "])), item.element);
+        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(_templateObject3 || (_templateObject3 = _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, additionalMenuItems);
+        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","property","ref","LitMenuBaseElement","M2MUserMenu","type","Object","attribute","clear","window","location","reload","additionalMenuItems","items","map","item","element","undefined","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, property } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport {\n  LitMenuBaseElement,\n  LitMenuBaseElementProps,\n} from \"./LitMenuBaseElement\";\n\nexport interface M2MUserMenuProps extends LitMenuBaseElementProps {}\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends LitMenuBaseElement {\n  @property({ type: Object, attribute: false })\n  items: LitMenuBaseElementProps[\"items\"] = [];\n\n  handleLogout = () => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\n    const additionalMenuItems = this.items?.map((item) => {\n      return item.element === undefined\n        ? html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `\n        : html`\n        <li>\n          ${item.element}\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        ${additionalMenuItems}\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,EAAwBC,QAAxB,QAAwC,mBAAxC;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SACEC,kBADF,QAGO,sBAHP;AAQA,WAAaC,WAAb,cADCJ,aAAa,CAAC,eAAD,CACd;EADA,MACaI,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA,aACGH,QAAQ,CAAC;QAAEI,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAD,CADX;MAAA;;MAAA;QAAA,OAE4C,EAF5C;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAIiB,MAAM;UACnBV,eAAe,CAACW,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAPH;MAAA;;IAAA;MAAA;MAAA;MAAA,OASE,kBAAS;QAAA;;QACP,IAAMC,mBAAmB,kBAAG,KAAKC,KAAR,gDAAG,YAAYC,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACHlB,IADG,gJAGQgB,IAAI,CAACG,IAHb,EAGsBH,IAAI,CAACI,KAH3B,IAMHpB,IANG,6HAQDgB,IAAI,CAACC,OARJ,CAAP;QAWD,CAZ2B,CAA5B;QAaA,OAAOjB,IAAP,yoCAKoB,KAAKqB,QALzB,EAMa,KAAKC,kBANlB,EAgBMnB,GAAG,CAAC,KAAKoB,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBtB,OAAO,CAACyB,KArB3B,EAsBiB,KAAKC,YAtBtB,EAyBMZ,mBAzBN;MA4BD;IAnDH;EAAA;AAAA,GAAiCT,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.8-alpha-c394681.0",
+  "version": "2.1.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/storage/useM2mAuth.d.ts

@@ -7,9 +7,13 @@ declare type AuthenticationState = {
     token: string;
     authenticated: boolean;
     login: (input: LoginInput) => Promise<{
+        token?: string;
         error?: Error;
     }>;
     logout: () => void;
+    updateToken: (token: string) => Promise<{
+        error?: Error;
+    }>;
 };
 export declare const M2mAuthenticationProvider: ({ children, }: {
     children: React.ReactNode;

package/storage/useM2mAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useM2mAuth.d.ts","sourceRoot":"","sources":["../src/storage/useM2mAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAeF,eAAO,MAAM,yBAAyB;cAG1B,MAAM,SAAS;iBAuD1B,CAAC;AAEF,eAAO,MAAM,OAAO,2BAMnB,CAAC"}
+{"version":3,"file":"useM2mAuth.d.ts","sourceRoot":"","sources":["../src/storage/useM2mAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACzE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAeF,eAAO,MAAM,yBAAyB;cAG1B,MAAM,SAAS;iBAsE1B,CAAC;AAEF,eAAO,MAAM,OAAO,2BAMnB,CAAC"}

package/storage/useM2mAuth.js

@@ -1,9 +1,3 @@
-var _excluded = ["data"];
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -45,14 +39,13 @@ export var M2mAuthenticationProvider = _ref => {
   }, [tryCheckAuth]);
   var login = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(function* (input) {
-      var _yield$fetcher = yield fetcher(m2mUsers_v1_login(), {
+      var {
+        data,
+        error
+      } = yield fetcher(m2mUsers_v1_login(), {
         method: "POST",
         body: JSON.stringify(input)
-      }),
-          {
-        data
-      } = _yield$fetcher,
-          fetcherResult = _objectWithoutProperties(_yield$fetcher, _excluded);
+      });
 
       if (data) {
         var authToken = data.accessToken;
@@ -60,7 +53,10 @@ export var M2mAuthenticationProvider = _ref => {
         setToken(authToken);
       }
 
-      return fetcherResult;
+      return {
+        error,
+        token: data ? data.accessToken : undefined
+      };
     });
 
     return function (_x) {
@@ -71,14 +67,34 @@ export var M2mAuthenticationProvider = _ref => {
     m2mAuthTokenApi.clear();
     window.location.reload();
   }, []);
+  var updateToken = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(function* (token) {
+      if (checkJwtExpiration(token)) {
+        return {
+          error: new Error("M2MAuthToken is expired")
+        };
+      }
+
+      yield m2mAuthTokenApi.set(token);
+      setToken(token);
+      return {
+        error: undefined
+      };
+    });
+
+    return function (_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), []);
   var state = useMemo(() => {
     return {
       login,
       logout,
       token,
-      authenticated
+      authenticated,
+      updateToken
     };
-  }, [authenticated, login, logout, token]);
+  }, [authenticated, login, logout, token, updateToken]);
   return /*#__PURE__*/_jsx(AuthenticationContext.Provider, {
     value: state,
     children: children

package/storage/useM2mAuth.js.map

@@ -1 +1 @@
-{"version":3,"file":"useM2mAuth.js","names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","fetcher","m2mAuthTokenApi","login","m2mUsers_v1_login","AuthenticationContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","getCache","authenticated","tryCheckAuth","authToken","get","clear","set","input","method","body","stringify","data","fetcherResult","accessToken","logout","window","location","reload","state","useAuth","ctx","Error"],"sources":["../src/storage/useM2mAuth.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\n\ninterface LoginInput {\n  email: string;\n  password: string;\n}\n\ntype AuthenticationState = {\n  token: string;\n  authenticated: boolean;\n  login: (input: LoginInput) => Promise<{ error?: Error }>;\n  logout: () => void;\n};\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n  const splitted = jwt.split(\".\");\n  if (splitted.length !== 3) return false;\n\n  const [, payload] = splitted;\n  const exp = JSON.parse(atob(payload))[\"exp\"];\n  return new Date() < new Date(exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [token, setToken] = useState(m2mAuthTokenApi.getCache() || \"\");\n\n  const authenticated = useMemo(() => !!token, [token]);\n\n  const tryCheckAuth = useCallback(async () => {\n    const authToken = await m2mAuthTokenApi.get();\n    if (!(authToken && checkJwtExpiration(authToken))) {\n      m2mAuthTokenApi.clear();\n      setToken(\"\");\n    } else {\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n  }, []);\n\n  useEffect(() => {\n    tryCheckAuth();\n  }, [tryCheckAuth]);\n\n  const login = useCallback(async (input: LoginInput) => {\n    const { data, ...fetcherResult } = await fetcher<{\n      accessToken: string;\n    }>(m2mUsers_v1_login(), {\n      method: \"POST\",\n      body: JSON.stringify(input),\n    });\n    if (data) {\n      const authToken = data.accessToken;\n\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n    return fetcherResult;\n  }, []);\n\n  const logout = useCallback(() => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  }, []);\n\n  const state = useMemo(() => {\n    return {\n      login,\n      logout,\n      token,\n      authenticated,\n    };\n  }, [authenticated, login, logout, token]);\n  return (\n    <AuthenticationContext.Provider value={state}>\n      {children}\n    </AuthenticationContext.Provider>\n  );\n};\n\nexport const useAuth = () => {\n  const ctx = useContext(AuthenticationContext);\n  if (!ctx) {\n    throw new Error(\"AuthenticationProvider is not found\");\n  }\n  return ctx;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useM2mAuth.js","names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","fetcher","m2mAuthTokenApi","login","m2mUsers_v1_login","AuthenticationContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","getCache","authenticated","tryCheckAuth","authToken","get","clear","set","input","data","error","method","body","stringify","accessToken","logout","window","location","reload","updateToken","Error","state","useAuth","ctx"],"sources":["../src/storage/useM2mAuth.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\n\ninterface LoginInput {\n  email: string;\n  password: string;\n}\n\ntype AuthenticationState = {\n  token: string;\n  authenticated: boolean;\n  login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n  logout: () => void;\n  updateToken: (token: string) => Promise<{ error?: Error }>;\n};\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n  const splitted = jwt.split(\".\");\n  if (splitted.length !== 3) return false;\n\n  const [, payload] = splitted;\n  const exp = JSON.parse(atob(payload))[\"exp\"];\n  return new Date() < new Date(exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [token, setToken] = useState(m2mAuthTokenApi.getCache() || \"\");\n\n  const authenticated = useMemo(() => !!token, [token]);\n\n  const tryCheckAuth = useCallback(async () => {\n    const authToken = await m2mAuthTokenApi.get();\n    if (!(authToken && checkJwtExpiration(authToken))) {\n      m2mAuthTokenApi.clear();\n      setToken(\"\");\n    } else {\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n  }, []);\n\n  useEffect(() => {\n    tryCheckAuth();\n  }, [tryCheckAuth]);\n\n  const login = useCallback(async (input: LoginInput) => {\n    const { data, error } = await fetcher<{\n      accessToken: string;\n    }>(m2mUsers_v1_login(), {\n      method: \"POST\",\n      body: JSON.stringify(input),\n    });\n    if (data) {\n      const authToken = data.accessToken;\n\n      m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n    return {\n      error,\n      token: data ? data.accessToken : undefined,\n    };\n  }, []);\n\n  const logout = useCallback(() => {\n    m2mAuthTokenApi.clear();\n    window.location.reload();\n  }, []);\n\n  const updateToken = useCallback(async (token: string) => {\n    if (checkJwtExpiration(token)) {\n      return {\n        error: new Error(\"M2MAuthToken is expired\"),\n      };\n    }\n    await m2mAuthTokenApi.set(token);\n    setToken(token);\n    return { error: undefined };\n  }, []);\n\n  const state = useMemo(() => {\n    return {\n      login,\n      logout,\n      token,\n      authenticated,\n      updateToken,\n    };\n  }, [authenticated, login, logout, token, updateToken]);\n  return (\n    <AuthenticationContext.Provider value={state}>\n      {children}\n    </AuthenticationContext.Provider>\n  );\n};\n\nexport const useAuth = () => {\n  const ctx = useContext(AuthenticationContext);\n  if (!ctx) {\n    throw new Error(\"AuthenticationProvider is not found\");\n  }\n  return ctx;\n};\n"],"mappings":"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"}

package/LitMenuBaseElement.d.ts

@@ -1,23 +0,0 @@
-import { LitElement } from "lit";
-export interface LitMenuBaseElementProps {
-    expanded: boolean;
-    items: ({
-        href: string;
-        label: string;
-        element?: never;
-    } | {
-        href?: never;
-        label?: never;
-        element: any;
-    })[];
-}
-export declare class LitMenuBaseElement extends LitElement {
-    static styles: import("lit").CSSResult;
-    handleClickOutside: (event: MouseEvent | TouchEvent) => void;
-    expanded?: LitMenuBaseElementProps["expanded"];
-    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 interface LitMenuBaseElementProps {\n  expanded: boolean;\n  items: (\n    | {\n        href: string;\n        label: string;\n        element?: never;\n      }\n    | {\n        href?: never;\n        label?: never;\n        element: any;\n      }\n  )[];\n}\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?: LitMenuBaseElementProps[\"expanded\"] = 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;AAkBA,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,OAgGmD,KAhGnD;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 interface LitMenuBaseElementProps {\n  expanded: boolean;\n  items: (\n    | {\n        href: string;\n        label: string;\n        element?: never;\n      }\n    | {\n        href?: never;\n        label?: never;\n        element: any;\n      }\n  )[];\n}\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?: LitMenuBaseElementProps[\"expanded\"] = 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBaA,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;;;;eACgD,K;;;;;;;;eAE3BN,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"}