m2m-components 2.0.6-alpha-4affe2a.0 → 2.0.8-alpha-c394681.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.
- package/LitMenuBaseElement.d.ts +0 -1
- package/LitMenuBaseElement.js +0 -12
- package/LitMenuBaseElement.js.map +1 -1
- package/cjs/LitMenuBaseElement.js +0 -12
- package/cjs/LitMenuBaseElement.js.map +1 -1
- package/cjs/m2m-apps-menu.js +12 -0
- package/cjs/m2m-apps-menu.js.map +1 -1
- package/cjs/m2m-user-menu.js +12 -0
- package/cjs/m2m-user-menu.js.map +1 -1
- package/m2m-apps-menu.d.ts +1 -0
- package/m2m-apps-menu.js +13 -0
- package/m2m-apps-menu.js.map +1 -1
- package/m2m-user-menu.d.ts +1 -0
- package/m2m-user-menu.js +13 -1
- package/m2m-user-menu.js.map +1 -1
- package/package.json +1 -1
package/LitMenuBaseElement.d.ts
CHANGED
|
@@ -15,7 +15,6 @@ 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
|
-
items: LitMenuBaseElementProps["items"];
|
|
19
18
|
handleToggleDrawer: (event: Event) => void;
|
|
20
19
|
protected updated(): void;
|
|
21
20
|
disconnectedCallback(): void;
|
package/LitMenuBaseElement.js
CHANGED
|
@@ -87,18 +87,6 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
|
|
|
87
87
|
return false;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
}, {
|
|
91
|
-
kind: "field",
|
|
92
|
-
decorators: [property({
|
|
93
|
-
type: Object,
|
|
94
|
-
attribute: false
|
|
95
|
-
})],
|
|
96
|
-
key: "items",
|
|
97
|
-
|
|
98
|
-
value() {
|
|
99
|
-
return [];
|
|
100
|
-
}
|
|
101
|
-
|
|
102
90
|
}, {
|
|
103
91
|
kind: "field",
|
|
104
92
|
key: "handleToggleDrawer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LitMenuBaseElement.js","names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","
|
|
1
|
+
{"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"}
|
|
@@ -175,18 +175,6 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
|
|
|
175
175
|
return false;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
}, {
|
|
179
|
-
kind: "field",
|
|
180
|
-
decorators: [(0, _decorators.property)({
|
|
181
|
-
type: Object,
|
|
182
|
-
attribute: false
|
|
183
|
-
})],
|
|
184
|
-
key: "items",
|
|
185
|
-
|
|
186
|
-
value() {
|
|
187
|
-
return [];
|
|
188
|
-
}
|
|
189
|
-
|
|
190
178
|
}, {
|
|
191
179
|
kind: "field",
|
|
192
180
|
key: "handleToggleDrawer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LitMenuBaseElement.js","names":["LitMenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","
|
|
1
|
+
{"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"}
|
package/cjs/m2m-apps-menu.js
CHANGED
|
@@ -60,6 +60,18 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
|
|
|
60
60
|
return {
|
|
61
61
|
F: M2MAppsMenu,
|
|
62
62
|
d: [{
|
|
63
|
+
kind: "field",
|
|
64
|
+
decorators: [(0, _decorators.property)({
|
|
65
|
+
type: Object,
|
|
66
|
+
attribute: false
|
|
67
|
+
})],
|
|
68
|
+
key: "items",
|
|
69
|
+
|
|
70
|
+
value() {
|
|
71
|
+
return [];
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
}, {
|
|
63
75
|
kind: "method",
|
|
64
76
|
key: "render",
|
|
65
77
|
value: function render() {
|
package/cjs/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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;;
|
|
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"}
|
package/cjs/m2m-user-menu.js
CHANGED
|
@@ -62,6 +62,18 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
|
|
|
62
62
|
return {
|
|
63
63
|
F: M2MUserMenu,
|
|
64
64
|
d: [{
|
|
65
|
+
kind: "field",
|
|
66
|
+
decorators: [(0, _decorators.property)({
|
|
67
|
+
type: Object,
|
|
68
|
+
attribute: false
|
|
69
|
+
})],
|
|
70
|
+
key: "items",
|
|
71
|
+
|
|
72
|
+
value() {
|
|
73
|
+
return [];
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
}, {
|
|
65
77
|
kind: "field",
|
|
66
78
|
key: "handleLogout",
|
|
67
79
|
|
package/cjs/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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
|
|
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"}
|
package/m2m-apps-menu.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { LitMenuBaseElement, LitMenuBaseElementProps } from "./LitMenuBaseElemen
|
|
|
2
2
|
export interface M2MAppsMenuProps extends LitMenuBaseElementProps {
|
|
3
3
|
}
|
|
4
4
|
export declare class M2MAppsMenu extends LitMenuBaseElement {
|
|
5
|
+
items: LitMenuBaseElementProps["items"];
|
|
5
6
|
render(): import("lit-html").TemplateResult<1>;
|
|
6
7
|
}
|
|
7
8
|
declare global {
|
package/m2m-apps-menu.js
CHANGED
|
@@ -38,6 +38,7 @@ import { domains } from "./domains";
|
|
|
38
38
|
import { html } from "lit";
|
|
39
39
|
import { customElement } from "lit/decorators.js";
|
|
40
40
|
import { ref } from "lit/directives/ref.js";
|
|
41
|
+
import { property } from "lit/decorators.js";
|
|
41
42
|
import { LitMenuBaseElement } from "./LitMenuBaseElement";
|
|
42
43
|
export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_initialize, _LitMenuBaseElement) {
|
|
43
44
|
class M2MAppsMenu extends _LitMenuBaseElement {
|
|
@@ -52,6 +53,18 @@ export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_
|
|
|
52
53
|
return {
|
|
53
54
|
F: M2MAppsMenu,
|
|
54
55
|
d: [{
|
|
56
|
+
kind: "field",
|
|
57
|
+
decorators: [property({
|
|
58
|
+
type: Object,
|
|
59
|
+
attribute: false
|
|
60
|
+
})],
|
|
61
|
+
key: "items",
|
|
62
|
+
|
|
63
|
+
value() {
|
|
64
|
+
return [];
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
}, {
|
|
55
68
|
kind: "method",
|
|
56
69
|
key: "render",
|
|
57
70
|
value: function render() {
|
package/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
package/m2m-user-menu.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { LitMenuBaseElement, LitMenuBaseElementProps } from "./LitMenuBaseElemen
|
|
|
2
2
|
export interface M2MUserMenuProps extends LitMenuBaseElementProps {
|
|
3
3
|
}
|
|
4
4
|
export declare class M2MUserMenu extends LitMenuBaseElement {
|
|
5
|
+
items: LitMenuBaseElementProps["items"];
|
|
5
6
|
handleLogout: () => void;
|
|
6
7
|
render(): import("lit-html").TemplateResult<1>;
|
|
7
8
|
}
|
package/m2m-user-menu.js
CHANGED
|
@@ -37,7 +37,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
37
37
|
import { m2mAuthTokenApi } from "./storage/client";
|
|
38
38
|
import { domains } from "./domains";
|
|
39
39
|
import { html } from "lit";
|
|
40
|
-
import { customElement } from "lit/decorators.js";
|
|
40
|
+
import { customElement, property } from "lit/decorators.js";
|
|
41
41
|
import { ref } from "lit/directives/ref.js";
|
|
42
42
|
import { LitMenuBaseElement } from "./LitMenuBaseElement";
|
|
43
43
|
export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_initialize, _LitMenuBaseElement) {
|
|
@@ -53,6 +53,18 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
|
|
|
53
53
|
return {
|
|
54
54
|
F: M2MUserMenu,
|
|
55
55
|
d: [{
|
|
56
|
+
kind: "field",
|
|
57
|
+
decorators: [property({
|
|
58
|
+
type: Object,
|
|
59
|
+
attribute: false
|
|
60
|
+
})],
|
|
61
|
+
key: "items",
|
|
62
|
+
|
|
63
|
+
value() {
|
|
64
|
+
return [];
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
}, {
|
|
56
68
|
kind: "field",
|
|
57
69
|
key: "handleLogout",
|
|
58
70
|
|
package/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|