m2m-components 2.0.6-alpha-4affe2a.0 → 2.0.10-alpha-b3108a7.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 +2 -8
- 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 +23 -6
- package/cjs/m2m-apps-menu.js.map +1 -1
- package/cjs/m2m-user-menu.js +12 -5
- package/cjs/m2m-user-menu.js.map +1 -1
- package/m2m-apps-menu.d.ts +1 -0
- package/m2m-apps-menu.js +26 -4
- package/m2m-apps-menu.js.map +1 -1
- package/m2m-user-menu.d.ts +1 -0
- package/m2m-user-menu.js +15 -4
- package/m2m-user-menu.js.map +1 -1
- package/package.json +1 -1
package/LitMenuBaseElement.d.ts
CHANGED
|
@@ -1,21 +1,15 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
export interface LitMenuBaseElementProps {
|
|
3
3
|
expanded: boolean;
|
|
4
|
-
items:
|
|
4
|
+
items: {
|
|
5
5
|
href: string;
|
|
6
6
|
label: string;
|
|
7
|
-
|
|
8
|
-
} | {
|
|
9
|
-
href?: never;
|
|
10
|
-
label?: never;
|
|
11
|
-
element: any;
|
|
12
|
-
})[];
|
|
7
|
+
}[];
|
|
13
8
|
}
|
|
14
9
|
export declare class LitMenuBaseElement extends LitElement {
|
|
15
10
|
static styles: import("lit").CSSResult;
|
|
16
11
|
handleClickOutside: (event: MouseEvent | TouchEvent) => void;
|
|
17
12
|
expanded?: LitMenuBaseElementProps["expanded"];
|
|
18
|
-
items: LitMenuBaseElementProps["items"];
|
|
19
13
|
handleToggleDrawer: (event: Event) => void;
|
|
20
14
|
protected updated(): void;
|
|
21
15
|
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 href: string;\n label: string;\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;AAUA,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 href: string;\n label: string;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUaA,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,21 +60,38 @@ 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
|
+
converter: {
|
|
67
|
+
fromAttribute(value) {
|
|
68
|
+
console.log("from", value);
|
|
69
|
+
},
|
|
70
|
+
|
|
71
|
+
toAttribute(value) {
|
|
72
|
+
console.log("to", value);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
}
|
|
76
|
+
})],
|
|
77
|
+
key: "items",
|
|
78
|
+
|
|
79
|
+
value() {
|
|
80
|
+
return [];
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
}, {
|
|
63
84
|
kind: "method",
|
|
64
85
|
key: "render",
|
|
65
86
|
value: function render() {
|
|
66
87
|
var _this$items;
|
|
67
88
|
|
|
68
|
-
console.log(this
|
|
89
|
+
console.log(this);
|
|
69
90
|
const additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
|
|
70
|
-
return
|
|
91
|
+
return (0, _lit.html)`
|
|
71
92
|
<li>
|
|
72
93
|
<a href="${item.href}">${item.label}</a>
|
|
73
94
|
</li>
|
|
74
|
-
` : (0, _lit.html)`
|
|
75
|
-
<li>
|
|
76
|
-
${item.element}
|
|
77
|
-
</li>
|
|
78
95
|
`;
|
|
79
96
|
});
|
|
80
97
|
return (0, _lit.html)`<nav>
|
package/cjs/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","console","log","
|
|
1
|
+
{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","property","type","Object","converter","fromAttribute","value","console","log","toAttribute","additionalMenuItems","items","map","item","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({\n type: Object,\n converter: {\n fromAttribute(value) {\n console.log(\"from\", value);\n },\n toAttribute(value) {\n console.log(\"to\", value);\n },\n },\n })\n items: LitMenuBaseElementProps[\"items\"] = [];\n\n render() {\n console.log(this);\n const additionalMenuItems = this.items?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n <li>\n <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n </li>\n <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n <li>\n <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n </li>\n ${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;QACRC,IAAI,EAAEC,MADE;QAERC,SAAS,EAAE;UACTC,aAAa,CAACC,KAAD,EAAQ;YACnBC,OAAO,CAACC,GAAR,CAAY,MAAZ,EAAoBF,KAApB;UACD,CAHQ;;UAITG,WAAW,CAACH,KAAD,EAAQ;YACjBC,OAAO,CAACC,GAAR,CAAY,IAAZ,EAAkBF,KAAlB;UACD;;QANQ;MAFH,CAAT,C;;;;eAWyC,E;;;;;;aAE1C,kBAAS;QAAA;;QACPC,OAAO,CAACC,GAAR,CAAY,IAAZ;QACA,MAAME,mBAAmB,kBAAG,KAAKC,KAAR,gDAAG,YAAYC,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAO,IAAAC,SAAA,CAAK;AAClB;AACA,qBAAqBD,IAAI,CAACE,IAAK,KAAIF,IAAI,CAACG,KAAM;AAC9C;AACA,OAJM;QAKD,CAN2B,CAA5B;QAOA,OAAO,IAAAF,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKG,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,IAAK;AACpC,uBAAuBD,gBAAA,CAAQE,OAAQ;AACvC,uBAAuBF,gBAAA,CAAQG,OAAQ;AACvC,uBAAuBH,gBAAA,CAAQI,QAAS;AACxC;AACA,qBAAqBJ,gBAAA,CAAQK,UAAW;AACxC;AACA,uBAAuBL,gBAAA,CAAQM,KAAM;AACrC;AACA,qBAAqBN,gBAAA,CAAQO,MAAO;AACpC;AACA,UAAUlB,mBAAoB;AAC9B;AACA,WAtCI;MAuCD;;;GA9D8BmB,uC"}
|
package/cjs/m2m-user-menu.js
CHANGED
|
@@ -62,6 +62,17 @@ 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
|
+
})],
|
|
69
|
+
key: "items",
|
|
70
|
+
|
|
71
|
+
value() {
|
|
72
|
+
return [];
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
}, {
|
|
65
76
|
kind: "field",
|
|
66
77
|
key: "handleLogout",
|
|
67
78
|
|
|
@@ -80,14 +91,10 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
|
|
|
80
91
|
var _this$items;
|
|
81
92
|
|
|
82
93
|
const additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
|
|
83
|
-
return
|
|
94
|
+
return (0, _lit.html)`
|
|
84
95
|
<li>
|
|
85
96
|
<a href="${item.href}">${item.label}</a>
|
|
86
97
|
</li>
|
|
87
|
-
` : (0, _lit.html)`
|
|
88
|
-
<li>
|
|
89
|
-
${item.element}
|
|
90
|
-
</li>
|
|
91
98
|
`;
|
|
92
99
|
});
|
|
93
100
|
return (0, _lit.html)`<nav>
|
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","
|
|
1
|
+
{"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","property","type","Object","m2mAuthTokenApi","clear","window","location","reload","additionalMenuItems","items","map","item","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 })\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 html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.users}\">アカウント情報</a></li>\n <li @click=${this.handleLogout}>\n <button type=\"button\">ログアウト</button>\n </li>\n ${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,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,OAAO,IAAAC,SAAA,CAAK;AAClB;AACA,qBAAqBD,IAAI,CAACE,IAAK,KAAIF,IAAI,CAACG,KAAM;AAC9C;AACA,OAJM;QAKD,CAN2B,CAA5B;QAOA,OAAO,IAAAF,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKG,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA,UAAUb,mBAAoB;AAC9B;AACA,WA3BI;MA4BD;;;GA7C8Bc,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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2
|
|
1
|
+
var _templateObject, _templateObject2;
|
|
2
2
|
|
|
3
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
@@ -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,16 +53,37 @@ 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
|
+
converter: {
|
|
60
|
+
fromAttribute(value) {
|
|
61
|
+
console.log("from", value);
|
|
62
|
+
},
|
|
63
|
+
|
|
64
|
+
toAttribute(value) {
|
|
65
|
+
console.log("to", value);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
}
|
|
69
|
+
})],
|
|
70
|
+
key: "items",
|
|
71
|
+
|
|
72
|
+
value() {
|
|
73
|
+
return [];
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
}, {
|
|
55
77
|
kind: "method",
|
|
56
78
|
key: "render",
|
|
57
79
|
value: function render() {
|
|
58
80
|
var _this$items;
|
|
59
81
|
|
|
60
|
-
console.log(this
|
|
82
|
+
console.log(this);
|
|
61
83
|
var additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
|
|
62
|
-
return
|
|
84
|
+
return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <li>\n <a href=\"", "\">", "</a>\n </li>\n "])), item.href, item.label);
|
|
63
85
|
});
|
|
64
|
-
return html(
|
|
86
|
+
return html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=", "\n @click=", "\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n />\n </svg>\n </button>\n <ul\n ", "\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">m2m-core \u65BD\u8A2D\u7BA1\u7406</a></li>\n <li><a href=\"", "\">m2m-checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3</a></li>\n <li><a href=\"", "\">m2m-systems Airbnb\u9023\u643A</a></li>\n <li><a href=\"", "\">m2m-cleaning \u6E05\u6383\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">m2m-inspection \u5185\u898B\u30C1\u30A7\u30C3\u30AF</a>\n </li>\n <li><a href=\"", "\">m2m-users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0</a>\n </li>\n ", "\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.core, domains.checkin, domains.systems, domains.cleaning, domains.inspection, domains.users, domains.sumyca, additionalMenuItems);
|
|
65
87
|
}
|
|
66
88
|
}]
|
|
67
89
|
};
|
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","
|
|
1
|
+
{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","property","LitMenuBaseElement","M2MAppsMenu","type","Object","converter","fromAttribute","value","console","log","toAttribute","additionalMenuItems","items","map","item","href","label","expanded","handleToggleDrawer","listRef","core","checkin","systems","cleaning","inspection","users","sumyca"],"sources":["src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { 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({\n type: Object,\n converter: {\n fromAttribute(value) {\n console.log(\"from\", value);\n },\n toAttribute(value) {\n console.log(\"to\", value);\n },\n },\n })\n items: LitMenuBaseElementProps[\"items\"] = [];\n\n render() {\n console.log(this);\n const additionalMenuItems = this.items?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n <li>\n <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n </li>\n <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n <li>\n <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n </li>\n ${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;QACRG,IAAI,EAAEC,MADE;QAERC,SAAS,EAAE;UACTC,aAAa,CAACC,KAAD,EAAQ;YACnBC,OAAO,CAACC,GAAR,CAAY,MAAZ,EAAoBF,KAApB;UACD,CAHQ;;UAITG,WAAW,CAACH,KAAD,EAAQ;YACjBC,OAAO,CAACC,GAAR,CAAY,IAAZ,EAAkBF,KAAlB;UACD;;QANQ;MAFH,CAAD,CADX;MAAA;;MAAA;QAAA,OAY4C,EAZ5C;MAAA;;IAAA;MAAA;MAAA;MAAA,OAcE,kBAAS;QAAA;;QACPC,OAAO,CAACC,GAAR,CAAY,IAAZ;QACA,IAAME,mBAAmB,kBAAG,KAAKC,KAAR,gDAAG,YAAYC,GAAZ,CAAiBC,IAAD,IAAU;UACpD,OAAOjB,IAAP,gJAEeiB,IAAI,CAACC,IAFpB,EAE6BD,IAAI,CAACE,KAFlC;QAKD,CAN2B,CAA5B;QAOA,OAAOnB,IAAP,2hDAKoB,KAAKoB,QALzB,EAMa,KAAKC,kBANlB,EAoBMnB,GAAG,CAAC,KAAKoB,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBrB,OAAO,CAACwB,IAzB3B,EA0BmBxB,OAAO,CAACyB,OA1B3B,EA2BmBzB,OAAO,CAAC0B,OA3B3B,EA4BmB1B,OAAO,CAAC2B,QA5B3B,EA8BiB3B,OAAO,CAAC4B,UA9BzB,EAgCmB5B,OAAO,CAAC6B,KAhC3B,EAkCiB7B,OAAO,CAAC8B,MAlCzB,EAoCMf,mBApCN;MAuCD;IA9DH;EAAA;AAAA,GAAiCV,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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2
|
|
1
|
+
var _templateObject, _templateObject2;
|
|
2
2
|
|
|
3
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
@@ -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,17 @@ 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
|
+
})],
|
|
60
|
+
key: "items",
|
|
61
|
+
|
|
62
|
+
value() {
|
|
63
|
+
return [];
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
}, {
|
|
56
67
|
kind: "field",
|
|
57
68
|
key: "handleLogout",
|
|
58
69
|
|
|
@@ -70,9 +81,9 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
|
|
|
70
81
|
var _this$items;
|
|
71
82
|
|
|
72
83
|
var additionalMenuItems = (_this$items = this.items) === null || _this$items === void 0 ? void 0 : _this$items.map(item => {
|
|
73
|
-
return
|
|
84
|
+
return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <li>\n <a href=\"", "\">", "</a>\n </li>\n "])), item.href, item.label);
|
|
74
85
|
});
|
|
75
|
-
return html(
|
|
86
|
+
return html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=", "\n @click=", "\n >\n <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ", "\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">\u30A2\u30AB\u30A6\u30F3\u30C8\u60C5\u5831</a></li>\n <li @click=", ">\n <button type=\"button\">\u30ED\u30B0\u30A2\u30A6\u30C8</button>\n </li>\n ", "\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout, additionalMenuItems);
|
|
76
87
|
}
|
|
77
88
|
}]
|
|
78
89
|
};
|
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","
|
|
1
|
+
{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","property","ref","LitMenuBaseElement","M2MUserMenu","type","Object","clear","window","location","reload","additionalMenuItems","items","map","item","href","label","expanded","handleToggleDrawer","listRef","users","handleLogout"],"sources":["src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement, 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 })\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 html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.users}\">アカウント情報</a></li>\n <li @click=${this.handleLogout}>\n <button type=\"button\">ログアウト</button>\n </li>\n ${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,CAAD,CADX;MAAA;;MAAA;QAAA,OAE4C,EAF5C;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAIiB,MAAM;UACnBT,eAAe,CAACU,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,OAAOf,IAAP,gJAEee,IAAI,CAACC,IAFpB,EAE6BD,IAAI,CAACE,KAFlC;QAKD,CAN2B,CAA5B;QAOA,OAAOjB,IAAP,yoCAKoB,KAAKkB,QALzB,EAMa,KAAKC,kBANlB,EAgBMhB,GAAG,CAAC,KAAKiB,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBnB,OAAO,CAACsB,KArB3B,EAsBiB,KAAKC,YAtBtB,EAyBMV,mBAzBN;MA4BD;IA7CH;EAAA;AAAA,GAAiCR,kBAAjC"}
|