m2m-components 2.2.0 → 2.3.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/cjs/m2m-apps-menu.js +2 -2
- package/cjs/m2m-apps-menu.js.map +1 -1
- package/cjs/m2m-user-menu.js +1 -1
- package/cjs/m2m-user-menu.js.map +1 -1
- package/m2m-apps-menu.js +1 -1
- package/m2m-apps-menu.js.map +1 -1
- package/m2m-user-menu.js +1 -1
- package/m2m-user-menu.js.map +1 -1
- package/package.json +1 -1
package/cjs/m2m-apps-menu.js
CHANGED
package/cjs/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","additionalItems","additinalItems","map","item","html","href","label","expanded","handleToggleDrawer","ref","listRef","domains","core","checkin","systems","cleaning","inspection","users","sumyca","MenuBaseElement"],"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"
|
|
1
|
+
{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","additionalItems","additinalItems","map","item","html","href","label","expanded","handleToggleDrawer","ref","listRef","domains","core","checkin","systems","cleaning","inspection","users","sumyca","MenuBaseElement"],"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"38px\"\n height=\"38px\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n <li>\n <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n </li>\n <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n <li>\n <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n </li>\n ${additionalItems}\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-apps-menu\": M2MAppsMenu;\n }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAApCA,W;;;;aACX,kBAAS;QACP,MAAME,eAAe,GAAG,KAAKC,cAAL,EAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAO,IAAAC,SAAA,CAAK;AAClB;AACA,qBAAqBD,IAAI,CAACE,IAAK,KAAIF,IAAI,CAACG,KAAM;AAC9C;AACA,OAJM;QAKD,CANuB,CAAxB;QAOA,OAAO,IAAAF,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKG,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,IAAK;AACpC,uBAAuBD,gBAAA,CAAQE,OAAQ;AACvC,uBAAuBF,gBAAA,CAAQG,OAAQ;AACvC,uBAAuBH,gBAAA,CAAQI,QAAS;AACxC;AACA,qBAAqBJ,gBAAA,CAAQK,UAAW;AACxC;AACA,uBAAuBL,gBAAA,CAAQM,KAAM;AACrC;AACA,qBAAqBN,gBAAA,CAAQO,MAAO;AACpC;AACA,UAAUlB,eAAgB;AAC1B;AACA,WAtCI;MAuCD;;;GAhD8BmB,iC"}
|
package/cjs/m2m-user-menu.js
CHANGED
|
@@ -92,7 +92,7 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
|
|
|
92
92
|
aria-expanded=${this.expanded}
|
|
93
93
|
@click=${this.handleToggleDrawer}
|
|
94
94
|
>
|
|
95
|
-
<svg viewBox="0 0 24 24" width="
|
|
95
|
+
<svg viewBox="0 0 24 24" width="38px" height="38px" fill="#000000">
|
|
96
96
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
97
97
|
<path
|
|
98
98
|
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"
|
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","additionalItems","additinalItems","map","item","html","href","label","expanded","handleToggleDrawer","ref","listRef","domains","users","handleLogout","MenuBaseElement"],"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg viewBox=\"0 0 24 24\" width=\"
|
|
1
|
+
{"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","m2mAuthTokenApi","clear","window","location","reload","additionalItems","additinalItems","map","item","html","href","label","expanded","handleToggleDrawer","ref","listRef","domains","users","handleLogout","MenuBaseElement"],"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg viewBox=\"0 0 24 24\" width=\"38px\" height=\"38px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.users}\">アカウント情報</a></li>\n <li @click=${this.handleLogout}>\n <button type=\"button\">ログアウト</button>\n </li>\n ${additionalItems}\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-user-menu\": M2MUserMenu;\n }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAApCA,W;;;;;;eACI,MAAM;UACnBE,uBAAA,CAAgBC,KAAhB;;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,C;;;;;;aAED,kBAAS;QACP,MAAMC,eAAe,GAAG,KAAKC,cAAL,EAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAO,IAAAC,SAAA,CAAK;AAClB;AACA,qBAAqBD,IAAI,CAACE,IAAK,KAAIF,IAAI,CAACG,KAAM;AAC9C;AACA,OAJM;QAKD,CANuB,CAAxB;QAOA,OAAO,IAAAF,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKG,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA,UAAUb,eAAgB;AAC1B;AACA,WA3BI;MA4BD;;;GA1C8Bc,iC"}
|
package/m2m-apps-menu.js
CHANGED
|
@@ -60,7 +60,7 @@ export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_
|
|
|
60
60
|
var additionalItems = (_this$additinalItems = this.additinalItems) === null || _this$additinalItems === void 0 ? void 0 : _this$additinalItems.map(item => {
|
|
61
61
|
return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <li>\n <a href=\"", "\">", "</a>\n </li>\n "])), item.href, item.label);
|
|
62
62
|
});
|
|
63
|
-
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=\"
|
|
63
|
+
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=\"38px\"\n height=\"38px\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n />\n </svg>\n </button>\n <ul\n ", "\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">m2m-core \u65BD\u8A2D\u7BA1\u7406</a></li>\n <li><a href=\"", "\">m2m-checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3</a></li>\n <li><a href=\"", "\">m2m-systems Airbnb\u9023\u643A</a></li>\n <li><a href=\"", "\">m2m-cleaning \u6E05\u6383\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">m2m-inspection \u5185\u898B\u30C1\u30A7\u30C3\u30AF</a>\n </li>\n <li><a href=\"", "\">m2m-users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0</a>\n </li>\n ", "\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.core, domains.checkin, domains.systems, domains.cleaning, domains.inspection, domains.users, domains.sumyca, additionalItems);
|
|
64
64
|
}
|
|
65
65
|
}]
|
|
66
66
|
};
|
package/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","MenuBaseElement","M2MAppsMenu","additionalItems","additinalItems","map","item","href","label","expanded","handleToggleDrawer","listRef","core","checkin","systems","cleaning","inspection","users","sumyca"],"sources":["src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"
|
|
1
|
+
{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","MenuBaseElement","M2MAppsMenu","additionalItems","additinalItems","map","item","href","label","expanded","handleToggleDrawer","listRef","core","checkin","systems","cleaning","inspection","users","sumyca"],"sources":["src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-apps-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"38px\"\n height=\"38px\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n <li>\n <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n </li>\n <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n <li>\n <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n </li>\n ${additionalItems}\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-apps-menu\": M2MAppsMenu;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,eAAT,QAAsD,mBAAtD;AAKA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAjD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;MAAA,OACE,kBAAS;QAAA;;QACP,IAAMC,eAAe,2BAAG,KAAKC,cAAR,yDAAG,qBAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAOR,IAAP,gJAEeQ,IAAI,CAACC,IAFpB,EAE6BD,IAAI,CAACE,KAFlC;QAKD,CANuB,CAAxB;QAOA,OAAOV,IAAP,+hDAKoB,KAAKW,QALzB,EAMa,KAAKC,kBANlB,EAoBMV,GAAG,CAAC,KAAKW,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBZ,OAAO,CAACe,IAzB3B,EA0BmBf,OAAO,CAACgB,OA1B3B,EA2BmBhB,OAAO,CAACiB,OA3B3B,EA4BmBjB,OAAO,CAACkB,QA5B3B,EA8BiBlB,OAAO,CAACmB,UA9BzB,EAgCmBnB,OAAO,CAACoB,KAhC3B,EAkCiBpB,OAAO,CAACqB,MAlCzB,EAoCMf,eApCN;MAuCD;IAhDH;EAAA;AAAA,GAAiCF,eAAjC"}
|
package/m2m-user-menu.js
CHANGED
|
@@ -72,7 +72,7 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
|
|
|
72
72
|
var additionalItems = (_this$additinalItems = this.additinalItems) === null || _this$additinalItems === void 0 ? void 0 : _this$additinalItems.map(item => {
|
|
73
73
|
return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <li>\n <a href=\"", "\">", "</a>\n </li>\n "])), item.href, item.label);
|
|
74
74
|
});
|
|
75
|
-
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=\"
|
|
75
|
+
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=\"38px\" height=\"38px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ", "\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">\u30A2\u30AB\u30A6\u30F3\u30C8\u60C5\u5831</a></li>\n <li @click=", ">\n <button type=\"button\">\u30ED\u30B0\u30A2\u30A6\u30C8</button>\n </li>\n ", "\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout, additionalItems);
|
|
76
76
|
}
|
|
77
77
|
}]
|
|
78
78
|
};
|
package/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","MenuBaseElement","M2MUserMenu","clear","window","location","reload","additionalItems","additinalItems","map","item","href","label","expanded","handleToggleDrawer","listRef","users","handleLogout"],"sources":["src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg viewBox=\"0 0 24 24\" width=\"
|
|
1
|
+
{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","MenuBaseElement","M2MUserMenu","clear","window","location","reload","additionalItems","additinalItems","map","item","href","label","expanded","handleToggleDrawer","listRef","users","handleLogout"],"sources":["src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\n const additionalItems = this.additinalItems?.map((item) => {\n return html`\n <li>\n <a href=\"${item.href}\">${item.label}</a>\n </li>\n `;\n });\n return html`<nav>\n <button\n type=\"button\"\n class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n aria-controls=\"m2m-user-menu__navigation-drawer\"\n aria-expanded=${this.expanded}\n @click=${this.handleToggleDrawer}\n >\n <svg viewBox=\"0 0 24 24\" width=\"38px\" height=\"38px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.users}\">アカウント情報</a></li>\n <li @click=${this.handleLogout}>\n <button type=\"button\">ログアウト</button>\n </li>\n ${additionalItems}\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-user-menu\": M2MUserMenu;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,eAAT,QAAgC,kBAAhC;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,eAAT,QAAsD,mBAAtD;AAKA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,0BACiD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAjD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;;MAAA;QAAA,OACiB,MAAM;UACnBN,eAAe,CAACO,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAJH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAME,kBAAS;QAAA;;QACP,IAAMC,eAAe,2BAAG,KAAKC,cAAR,yDAAG,qBAAqBC,GAArB,CAA0BC,IAAD,IAAU;UACzD,OAAOZ,IAAP,gJAEeY,IAAI,CAACC,IAFpB,EAE6BD,IAAI,CAACE,KAFlC;QAKD,CANuB,CAAxB;QAOA,OAAOd,IAAP,yoCAKoB,KAAKe,QALzB,EAMa,KAAKC,kBANlB,EAgBMd,GAAG,CAAC,KAAKe,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBhB,OAAO,CAACmB,KArB3B,EAsBiB,KAAKC,YAtBtB,EAyBMV,eAzBN;MA4BD;IA1CH;EAAA;AAAA,GAAiCN,eAAjC"}
|