m2m-components 2.0.5-alpha-b0626fc.0 → 2.0.6-alpha-4affe2a.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { LitElement } from "lit";
2
2
  export interface LitMenuBaseElementProps {
3
3
  expanded: boolean;
4
- "additional-items": ({
4
+ items: ({
5
5
  href: string;
6
6
  label: string;
7
7
  element?: never;
@@ -15,7 +15,7 @@ export declare class LitMenuBaseElement extends LitElement {
15
15
  static styles: import("lit").CSSResult;
16
16
  handleClickOutside: (event: MouseEvent | TouchEvent) => void;
17
17
  expanded?: LitMenuBaseElementProps["expanded"];
18
- "additional-items": LitMenuBaseElementProps["additional-items"];
18
+ items: LitMenuBaseElementProps["items"];
19
19
  handleToggleDrawer: (event: Event) => void;
20
20
  protected updated(): void;
21
21
  disconnectedCallback(): void;
@@ -93,7 +93,7 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
93
93
  type: Object,
94
94
  attribute: false
95
95
  })],
96
- key: "additional-items",
96
+ key: "items",
97
97
 
98
98
  value() {
99
99
  return [];
@@ -1 +1 @@
1
- {"version":3,"file":"LitMenuBaseElement.js","names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","type","Object","attribute","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 \"additional-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 @property({ type: Object, attribute: false })\n \"additional-items\": LitMenuBaseElementProps[\"additional-items\"] = [];\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,aAkGGA,QAAQ,CAAC;QAAES,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAD,CAlGX;MAAA;;MAAA;QAAA,OAmGoE,EAnGpE;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAqGwBR,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,CA7GH;MAAA;;IAAA;MAAA;MAAA;MAAA,OA+GE,mBAAoB;QAClB,IAAI,KAAKR,QAAL,KAAkB,KAAtB,EAA6B;UAC3BM,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;IAnHH;MAAA;MAAA;MAAA,OAqHE,gCAA6B;QAC3B,qBAtHSd,kBAsHT;;QACAY,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;IAxHH;MAAA;MAAA;;MAAA;QAAA,OA0HYf,SAAS,EA1HrB;MAAA;;IAAA;EAAA;AAAA,GAAwCF,UAAxC"}
1
+ {"version":3,"file":"LitMenuBaseElement.js","names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","type","Object","attribute","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 @property({ type: Object, attribute: false })\n items: LitMenuBaseElementProps[\"items\"] = [];\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,aAkGGA,QAAQ,CAAC;QAAES,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAD,CAlGX;MAAA;;MAAA;QAAA,OAmG4C,EAnG5C;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAqGwBR,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,CA7GH;MAAA;;IAAA;MAAA;MAAA;MAAA,OA+GE,mBAAoB;QAClB,IAAI,KAAKR,QAAL,KAAkB,KAAtB,EAA6B;UAC3BM,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;IAnHH;MAAA;MAAA;MAAA,OAqHE,gCAA6B;QAC3B,qBAtHSd,kBAsHT;;QACAY,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;IAxHH;MAAA;MAAA;;MAAA;QAAA,OA0HYf,SAAS,EA1HrB;MAAA;;IAAA;EAAA;AAAA,GAAwCF,UAAxC"}
@@ -181,7 +181,7 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
181
181
  type: Object,
182
182
  attribute: false
183
183
  })],
184
- key: "additional-items",
184
+ key: "items",
185
185
 
186
186
  value() {
187
187
  return [];
@@ -1 +1 @@
1
- {"version":3,"file":"LitMenuBaseElement.js","names":["LitMenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","type","Object","attribute","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 \"additional-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 @property({ type: Object, attribute: false })\n \"additional-items\": LitMenuBaseElementProps[\"additional-items\"] = [];\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;;;;;mBAEhD,IAAAA,oBAAA,EAAS;QAAEC,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAT,C;;;;eACiE,E;;;;;;;;eAE5CT,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,qBAtHShB,kBAsHT;;QACAc,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;;;;;;eAES,IAAAE,cAAA,G;;;;;GA1H4BC,e"}
1
+ {"version":3,"file":"LitMenuBaseElement.js","names":["LitMenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","type","Object","attribute","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 @property({ type: Object, attribute: false })\n items: LitMenuBaseElementProps[\"items\"] = [];\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;;;;;mBAEhD,IAAAA,oBAAA,EAAS;QAAEC,IAAI,EAAEC,MAAR;QAAgBC,SAAS,EAAE;MAA3B,CAAT,C;;;;eACyC,E;;;;;;;;eAEpBT,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,qBAtHShB,kBAsHT;;QACAc,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;;;;;;eAES,IAAAE,cAAA,G;;;;;GA1H4BC,e"}
@@ -63,9 +63,10 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
63
63
  kind: "method",
64
64
  key: "render",
65
65
  value: function render() {
66
- var _this$additionalItem;
66
+ var _this$items;
67
67
 
68
- const additionalMenuItems = (_this$additionalItem = this["additional-items"]) === null || _this$additionalItem === void 0 ? void 0 : _this$additionalItem.map(item => {
68
+ console.log(this.items);
69
+ const additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
69
70
  return item.element === undefined ? (0, _lit.html)`
70
71
  <li>
71
72
  <a href="${item.href}">${item.label}</a>
@@ -1 +1 @@
1
- {"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","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 {\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 render() {\n const additionalMenuItems = this[\"additional-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;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;;aACX,kBAAS;QAAA;;QACP,MAAME,mBAAmB,2BAAG,KAAK,kBAAL,CAAH,yDAAG,qBAA0BC,GAA1B,CAA+BC,IAAD,IAAU;UAClE,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;;;GAtD8BoB,uC"}
1
+ {"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","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 {\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 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;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;;aACX,kBAAS;QAAA;;QACPE,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;;;GAvD8BoB,uC"}
@@ -77,9 +77,9 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
77
77
  kind: "method",
78
78
  key: "render",
79
79
  value: function render() {
80
- var _this$additionalItem;
80
+ var _this$items;
81
81
 
82
- const additionalMenuItems = (_this$additionalItem = this["additional-items"]) === null || _this$additionalItem === void 0 ? void 0 : _this$additionalItem.map(item => {
82
+ const additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
83
83
  return item.element === undefined ? (0, _lit.html)`
84
84
  <li>
85
85
  <a href="${item.href}">${item.label}</a>
@@ -1 +1 @@
1
- {"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","m2mAuthTokenApi","clear","window","location","reload","additionalMenuItems","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 } 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 handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\n const additionalMenuItems = this[\"additional-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;;;;;;eACI,MAAM;UACnBE,uBAAA,CAAgBC,KAAhB;;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,C;;;;;;aAED,kBAAS;QAAA;;QACP,MAAMC,mBAAmB,2BAAG,KAAK,kBAAL,CAAH,yDAAG,qBAA0BC,GAA1B,CAA+BC,IAAD,IAAU;UAClE,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,UAAUd,mBAAoB;AAC9B;AACA,WA3BI;MA4BD;;;GAhD8Be,uC"}
1
+ {"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","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 } 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 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;;;;;;eACI,MAAM;UACnBE,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;;;GAhD8BgB,uC"}
package/m2m-apps-menu.js CHANGED
@@ -55,9 +55,10 @@ export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_
55
55
  kind: "method",
56
56
  key: "render",
57
57
  value: function render() {
58
- var _this$additionalItem;
58
+ var _this$items;
59
59
 
60
- var additionalMenuItems = (_this$additionalItem = this["additional-items"]) === null || _this$additionalItem === void 0 ? void 0 : _this$additionalItem.map(item => {
60
+ console.log(this.items);
61
+ var additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
61
62
  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);
62
63
  });
63
64
  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);
@@ -1 +1 @@
1
- {"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","LitMenuBaseElement","M2MAppsMenu","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 {\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 render() {\n const additionalMenuItems = this[\"additional-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,SACEC,kBADF,QAGO,sBAHP;AAQA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;MAAA,OACE,kBAAS;QAAA;;QACP,IAAMC,mBAAmB,2BAAG,KAAK,kBAAL,CAAH,yDAAG,qBAA0BC,GAA1B,CAA+BC,IAAD,IAAU;UAClE,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACHT,IADG,gJAGQO,IAAI,CAACG,IAHb,EAGsBH,IAAI,CAACI,KAH3B,IAMHX,IANG,6HAQDO,IAAI,CAACC,OARJ,CAAP;QAWD,CAZ2B,CAA5B;QAaA,OAAOR,IAAP,2hDAKoB,KAAKY,QALzB,EAMa,KAAKC,kBANlB,EAoBMX,GAAG,CAAC,KAAKY,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBb,OAAO,CAACgB,IAzB3B,EA0BmBhB,OAAO,CAACiB,OA1B3B,EA2BmBjB,OAAO,CAACkB,OA3B3B,EA4BmBlB,OAAO,CAACmB,QA5B3B,EA8BiBnB,OAAO,CAACoB,UA9BzB,EAgCmBpB,OAAO,CAACqB,KAhC3B,EAkCiBrB,OAAO,CAACsB,MAlCzB,EAoCMhB,mBApCN;MAuCD;IAtDH;EAAA;AAAA,GAAiCF,kBAAjC"}
1
+ {"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","LitMenuBaseElement","M2MAppsMenu","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 {\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 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,SACEC,kBADF,QAGO,sBAHP;AAQA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;MAAA,OACE,kBAAS;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,GACHZ,IADG,gJAGQU,IAAI,CAACG,IAHb,EAGsBH,IAAI,CAACI,KAH3B,IAMHd,IANG,6HAQDU,IAAI,CAACC,OARJ,CAAP;QAWD,CAZ2B,CAA5B;QAaA,OAAOX,IAAP,2hDAKoB,KAAKe,QALzB,EAMa,KAAKC,kBANlB,EAoBMd,GAAG,CAAC,KAAKe,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBhB,OAAO,CAACmB,IAzB3B,EA0BmBnB,OAAO,CAACoB,OA1B3B,EA2BmBpB,OAAO,CAACqB,OA3B3B,EA4BmBrB,OAAO,CAACsB,QA5B3B,EA8BiBtB,OAAO,CAACuB,UA9BzB,EAgCmBvB,OAAO,CAACwB,KAhC3B,EAkCiBxB,OAAO,CAACyB,MAlCzB,EAoCMhB,mBApCN;MAuCD;IAvDH;EAAA;AAAA,GAAiCL,kBAAjC"}
package/m2m-user-menu.js CHANGED
@@ -67,9 +67,9 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
67
67
  kind: "method",
68
68
  key: "render",
69
69
  value: function render() {
70
- var _this$additionalItem;
70
+ var _this$items;
71
71
 
72
- var additionalMenuItems = (_this$additionalItem = this["additional-items"]) === null || _this$additionalItem === void 0 ? void 0 : _this$additionalItem.map(item => {
72
+ var additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
73
73
  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);
74
74
  });
75
75
  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);
@@ -1 +1 @@
1
- {"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","clear","window","location","reload","additionalMenuItems","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 } 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 handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\n const additionalMenuItems = this[\"additional-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,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SACEC,kBADF,QAGO,sBAHP;AAQA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;;MAAA;QAAA,OACiB,MAAM;UACnBN,eAAe,CAACO,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAJH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAME,kBAAS;QAAA;;QACP,IAAMC,mBAAmB,2BAAG,KAAK,kBAAL,CAAH,yDAAG,qBAA0BC,GAA1B,CAA+BC,IAAD,IAAU;UAClE,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACHb,IADG,gJAGQW,IAAI,CAACG,IAHb,EAGsBH,IAAI,CAACI,KAH3B,IAMHf,IANG,6HAQDW,IAAI,CAACC,OARJ,CAAP;QAWD,CAZ2B,CAA5B;QAaA,OAAOZ,IAAP,yoCAKoB,KAAKgB,QALzB,EAMa,KAAKC,kBANlB,EAgBMf,GAAG,CAAC,KAAKgB,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBjB,OAAO,CAACoB,KArB3B,EAsBiB,KAAKC,YAtBtB,EAyBMX,mBAzBN;MA4BD;IAhDH;EAAA;AAAA,GAAiCN,kBAAjC"}
1
+ {"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","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 } 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 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,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SACEC,kBADF,QAGO,sBAHP;AAQA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;;MAAA;QAAA,OACiB,MAAM;UACnBN,eAAe,CAACO,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAJH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAME,kBAAS;QAAA;;QACP,IAAMC,mBAAmB,kBAAG,KAAKC,KAAR,gDAAG,YAAYC,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAOA,IAAI,CAACC,OAAL,KAAiBC,SAAjB,GACHd,IADG,gJAGQY,IAAI,CAACG,IAHb,EAGsBH,IAAI,CAACI,KAH3B,IAMHhB,IANG,6HAQDY,IAAI,CAACC,OARJ,CAAP;QAWD,CAZ2B,CAA5B;QAaA,OAAOb,IAAP,yoCAKoB,KAAKiB,QALzB,EAMa,KAAKC,kBANlB,EAgBMhB,GAAG,CAAC,KAAKiB,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBlB,OAAO,CAACqB,KArB3B,EAsBiB,KAAKC,YAtBtB,EAyBMZ,mBAzBN;MA4BD;IAhDH;EAAA;AAAA,GAAiCN,kBAAjC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "m2m-components",
3
- "version": "2.0.5-alpha-b0626fc.0",
3
+ "version": "2.0.6-alpha-4affe2a.0",
4
4
  "main": "cjs/index.js",
5
5
  "module": "index.js",
6
6
  "typings": "index.d.ts",