m2m-components 0.4.2 → 0.4.3-alpha-24f31bb.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.js +1 -1
- package/LitMenuBaseElement.js.map +1 -1
- package/cjs/LitMenuBaseElement.js +1 -3
- package/cjs/LitMenuBaseElement.js.map +1 -1
- package/cjs/m2m-user-menu.js +1 -1
- package/cjs/m2m-user-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/LitMenuBaseElement.js
CHANGED
|
@@ -61,7 +61,7 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
|
|
|
61
61
|
key: "styles",
|
|
62
62
|
|
|
63
63
|
value() {
|
|
64
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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 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
|
|
64
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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 "])));
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["src/LitMenuBaseElement.ts"],"names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAT,EAAcC,UAAd,QAAgC,KAAhC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,SAAT,QAA0B,uBAA1B;AAEA,WAAaC,kBAAb;AAAO,QAAMA,kBAAN,qBAA4C;AAAA;AAAA;;AAAA;AAAA;;AAAA;;AAAnD;AAAA,OAAaA,kBAAb;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,eACkBJ,GADlB;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["src/LitMenuBaseElement.ts"],"names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAT,EAAcC,UAAd,QAAgC,KAAhC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,SAAT,QAA0B,uBAA1B;AAEA,WAAaC,kBAAb;AAAO,QAAMA,kBAAN,qBAA4C;AAAA;AAAA;;AAAA;AAAA;;AAAA;;AAAnD;AAAA,OAAaA,kBAAb;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,eACkBJ,GADlB;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA,eAqFwBK,KAAD,IAAoC;AACvD,cACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;AACA;AACD;;AACD,eAAKC,QAAL,GAAgB,KAAhB;AACD,SA7FH;AAAA;;AAAA;AAAA;AAAA,mBA+FGR,QAAQ,EA/FX;AAAA;;AAAA;AAAA,eAgGuB,KAhGvB;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA,eAkGwBG,KAAD,IAAkB;AACrCA,UAAAA,KAAK,CAACM,cAAN;AACAN,UAAAA,KAAK,CAACO,eAAN;AAEA,eAAKF,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;AACA,cAAI,KAAKA,QAAT,EAAmB;AACjBG,YAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;AACD;AACF,SA1GH;AAAA;;AAAA;AAAA;AAAA;AAAA,aA4GE,mBAAoB;AAClB,YAAI,KAAKL,QAAL,KAAkB,KAAtB,EAA6B;AAC3BG,UAAAA,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;AACD;AACF;AAhHH;AAAA;AAAA;AAAA,aAkHE,gCAA6B;AAC3B,6BAnHSX,kBAmHT;;AACAS,QAAAA,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;AACD;AArHH;AAAA;AAAA;;AAAA;AAAA,eAuHYZ,SAAS,EAvHrB;AAAA;;AAAA;AAAA;AAAA,GAAwCF,UAAxC","sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\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?: boolean = false;\n\n handleToggleDrawer = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n\n this.expanded = !this.expanded;\n if (this.expanded) {\n window.addEventListener(\"click\", this.handleClickOutside, false);\n }\n };\n\n protected updated() {\n if (this.expanded === false) {\n window.removeEventListener(\"click\", this.handleClickOutside, false);\n }\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n window.removeEventListener(\"click\", this.handleClickOutside, false);\n }\n\n listRef = createRef();\n}\n"],"file":"LitMenuBaseElement.js"}
|
|
@@ -98,6 +98,7 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
|
|
|
98
98
|
.navigation-drawer {
|
|
99
99
|
position: absolute;
|
|
100
100
|
top: 100%;
|
|
101
|
+
right: 0px;
|
|
101
102
|
min-width: 200px;
|
|
102
103
|
white-space: nowrap;
|
|
103
104
|
box-sizing: border-box;
|
|
@@ -111,9 +112,6 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
|
|
|
111
112
|
color: rgba(0, 0, 0, 0.87);
|
|
112
113
|
border-radius: 5px;
|
|
113
114
|
}
|
|
114
|
-
.navigation-drawer.navigation-drawer__bottom-end {
|
|
115
|
-
right: 0px;
|
|
116
|
-
}
|
|
117
115
|
.navigation-drawer-controll-button[aria-expanded="false"]
|
|
118
116
|
~ .navigation-drawer {
|
|
119
117
|
display: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/LitMenuBaseElement.ts"],"names":["LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener","LitElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,kB;AAAN,QAAMA,kBAAN,qBAA4C;AAAA;AAAA;;AAAA;AAAA;;AAAA;;;OAAtCA,kB;;;;;;;eACK,aAAI;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
|
|
1
|
+
{"version":3,"sources":["../src/LitMenuBaseElement.ts"],"names":["LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener","LitElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,kB;AAAN,QAAMA,kBAAN,qBAA4C;AAAA;AAAA;;AAAA;AAAA;;AAAA;;;OAAtCA,kB;;;;;;;eACK,aAAI;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;AACvD,cACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;AACA;AACD;;AACD,eAAKC,QAAL,GAAgB,KAAhB;AACD,S;;;;;mBAEA,2B;;;;eACoB,K;;;;;;;;eAECL,KAAD,IAAkB;AACrCA,UAAAA,KAAK,CAACM,cAAN;AACAN,UAAAA,KAAK,CAACO,eAAN;AAEA,eAAKF,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;AACA,cAAI,KAAKA,QAAT,EAAmB;AACjBG,YAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;AACD;AACF,S;;;;;;aAED,mBAAoB;AAClB,YAAI,KAAKL,QAAL,KAAkB,KAAtB,EAA6B;AAC3BG,UAAAA,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;AACD;AACF;;;;aAED,gCAA6B;AAC3B,6BAnHSX,kBAmHT;;AACAS,QAAAA,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;AACD;;;;;;eAES,qB;;;;;GAvH4BE,e","sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\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?: boolean = false;\n\n handleToggleDrawer = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n\n this.expanded = !this.expanded;\n if (this.expanded) {\n window.addEventListener(\"click\", this.handleClickOutside, false);\n }\n };\n\n protected updated() {\n if (this.expanded === false) {\n window.removeEventListener(\"click\", this.handleClickOutside, false);\n }\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n window.removeEventListener(\"click\", this.handleClickOutside, false);\n }\n\n listRef = createRef();\n}\n"],"file":"LitMenuBaseElement.js"}
|
package/cjs/m2m-user-menu.js
CHANGED
|
@@ -96,7 +96,7 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
|
|
|
96
96
|
${(0, _ref.ref)(this.listRef)}
|
|
97
97
|
id="m2m-user-menu__navigation-drawer"
|
|
98
98
|
aria-hidden=${!this.expanded}
|
|
99
|
-
class="navigation-drawer
|
|
99
|
+
class="navigation-drawer"
|
|
100
100
|
>
|
|
101
101
|
<li><a href="${_domains.domains.users}">アカウント情報</a></li>
|
|
102
102
|
<li @click=${this.handleLogout}>
|
package/cjs/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/m2m-user-menu.ts"],"names":["M2MUserMenu","m2mAuthTokenApi","clear","window","location","reload","expanded","handleToggleDrawer","listRef","domains","users","handleLogout","LitMenuBaseElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,W,cADZ,+BAAc,eAAd,C;AAAD,QACaA,WADb,6BACoD;AAAA;AAAA;;AAAA;AAAA;;AAAA;;;OAAvCA,W;;;;;;eACI,MAAM;AACnBC,kCAAgBC,KAAhB;;AACAC,UAAAA,MAAM,CAACC,QAAP,CAAgBC,MAAhB;AACD,S;;;;;;aAED,kBAAS;AACP,eAAO,cAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKC,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,cAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKF,QAAS;AACrC;AACA;AACA,uBAAuBG,iBAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA;AACA,WA1BI;AA2BD;;;GAlC8BC,uC","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 { LitMenuBaseElement } from \"./LitMenuBaseElement\";\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 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
|
|
1
|
+
{"version":3,"sources":["../src/m2m-user-menu.ts"],"names":["M2MUserMenu","m2mAuthTokenApi","clear","window","location","reload","expanded","handleToggleDrawer","listRef","domains","users","handleLogout","LitMenuBaseElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,W,cADZ,+BAAc,eAAd,C;AAAD,QACaA,WADb,6BACoD;AAAA;AAAA;;AAAA;AAAA;;AAAA;;;OAAvCA,W;;;;;;eACI,MAAM;AACnBC,kCAAgBC,KAAhB;;AACAC,UAAAA,MAAM,CAACC,QAAP,CAAgBC,MAAhB;AACD,S;;;;;;aAED,kBAAS;AACP,eAAO,cAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKC,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,cAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKF,QAAS;AACrC;AACA;AACA,uBAAuBG,iBAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA;AACA,WA1BI;AA2BD;;;GAlC8BC,uC","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 { LitMenuBaseElement } from \"./LitMenuBaseElement\";\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 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 </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-user-menu\": M2MUserMenu;\n }\n}\n"],"file":"m2m-user-menu.js"}
|
package/m2m-user-menu.js
CHANGED
|
@@ -67,7 +67,7 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
|
|
|
67
67
|
kind: "method",
|
|
68
68
|
key: "render",
|
|
69
69
|
value: function render() {
|
|
70
|
-
return html(_templateObject || (_templateObject = _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
|
|
70
|
+
return html(_templateObject || (_templateObject = _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 </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout);
|
|
71
71
|
}
|
|
72
72
|
}]
|
|
73
73
|
};
|
package/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["src/m2m-user-menu.ts"],"names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","clear","window","location","reload","expanded","handleToggleDrawer","listRef","users","handleLogout"],"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,kBAAT,QAAmC,sBAAnC;AAGA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;AADA,QACaG,WADb,6BACoD;AAAA;AAAA;;AAAA;AAAA;;AAAA;;AAApD;AAAA,OAAaA,WAAb;AAAA;AAAA;AAAA;;AAAA;AAAA,eACiB,MAAM;AACnBN,UAAAA,eAAe,CAACO,KAAhB;AACAC,UAAAA,MAAM,CAACC,QAAP,CAAgBC,MAAhB;AACD,SAJH;AAAA;;AAAA;AAAA;AAAA;AAAA,aAME,kBAAS;AACP,eAAOR,IAAP,
|
|
1
|
+
{"version":3,"sources":["src/m2m-user-menu.ts"],"names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","clear","window","location","reload","expanded","handleToggleDrawer","listRef","users","handleLogout"],"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,kBAAT,QAAmC,sBAAnC;AAGA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;AADA,QACaG,WADb,6BACoD;AAAA;AAAA;;AAAA;AAAA;;AAAA;;AAApD;AAAA,OAAaA,WAAb;AAAA;AAAA;AAAA;;AAAA;AAAA,eACiB,MAAM;AACnBN,UAAAA,eAAe,CAACO,KAAhB;AACAC,UAAAA,MAAM,CAACC,QAAP,CAAgBC,MAAhB;AACD,SAJH;AAAA;;AAAA;AAAA;AAAA;AAAA,aAME,kBAAS;AACP,eAAOR,IAAP,ynCAKoB,KAAKS,QALzB,EAMa,KAAKC,kBANlB,EAgBMR,GAAG,CAAC,KAAKS,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBV,OAAO,CAACa,KArB3B,EAsBiB,KAAKC,YAtBtB;AA2BD;AAlCH;AAAA;AAAA,GAAiCV,kBAAjC","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 { LitMenuBaseElement } from \"./LitMenuBaseElement\";\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 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 </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-user-menu\": M2MUserMenu;\n }\n}\n"],"file":"m2m-user-menu.js"}
|