@everymatrix/player-account-menu-nd 1.37.5
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/CHANGELOG.md +7 -0
- package/README.md +30 -0
- package/dist/player-account-menu-nd.js +2 -0
- package/dist/player-account-menu-nd.js.map +1 -0
- package/dist/player-account-menu.js +2 -0
- package/dist/player-account-menu.js.map +1 -0
- package/icons/iconService.js +28 -0
- package/index.html +37 -0
- package/index.js +1 -0
- package/package.json +39 -0
- package/public/favicon.png +0 -0
- package/public/reset.css +48 -0
- package/rollup.config.js +67 -0
- package/src/PlayerAccountMenu.svelte +476 -0
- package/src/i18n.js +27 -0
- package/src/index.ts +4 -0
- package/src/translations.js +32 -0
- package/stories/PlayerAccountMenu.stories.js +13 -0
- package/translations/translations.js +82 -0
- package/tsconfig.json +6 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export const generalIcon = `<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 1280.000000 1216.000000"
|
|
2
|
+
preserveAspectRatio="xMidYMid meet">
|
|
3
|
+
<g transform="translate(0.000000,1216.000000) scale(0.100000,-0.100000)" fill="#fff" stroke="none">
|
|
4
|
+
<path d="M6177 12145 c-48 -8 -350 -84 -670 -170 l-582 -155 -610 0 c-679 0-725 -3 -920 -65 -264 -82 -511 -256 -677 -475 l-49 -65 -287 -76 c-1001 -267
|
|
5
|
+
-1397 -375 -1472 -401 -388 -136 -713 -468 -839 -856 -51 -158 -66 -258 -65-437 1 -112 6 -196 17 -245 8 -41 77 -304 152 -585 267 -998 355 -1327 505
|
|
6
|
+
-1885 83 -311 200 -747 260 -970 60 -223 168 -625 240 -895 72 -269 180 -672 240 -895 60 -223 177 -659 260 -970 83 -311 209 -781 280 -1045 71 -264 160
|
|
7
|
+
-597 199 -740 38 -143 81 -291 95 -329 119 -316 375 -594 681 -742 124 -59 230 -95 355 -121 107 -22 373 -24 475 -4 65 12 684 176 2078 549 l557 150 143
|
|
8
|
+
-38 c78 -22 464 -125 857 -230 393 -105 899 -241 1125 -301 526 -142 533 -143 735 -143 241 0 387 33 605 138 254 122 478 338 608 585 86 163 30 -33 607
|
|
9
|
+
2121 60 223 177 659 260 970 83 311 200 747 260 970 318 1187 597 2228 755 2815 303 1132 415 1555 427 1620 7 39 13 142 13 230 0 221 -36 383 -130 581
|
|
10
|
+
-152 324 -439 583 -775 702 -72 25 -568 160 -1546 421 l-211 56 -61 76 c-183 231 -403 383 -679 469 -183 56 -237 60 -909 60 l-610 0 -545 146 c-299 80
|
|
11
|
+
-584 155 -634 165 -122 27 -396 34 -518 14z m-1127 -1167 c0 -10 -70 -274 -314 -1183 -124 -463 -364 -1358 -517 -1930 -233 -869 -374 -1393 -498 -1857
|
|
12
|
+
-71 -266 -173 -645 -226 -843 -53 -198 -98 -364 -100 -370 -2 -5 -3 1122 -2 2505 l2 2515 22 90 c63 265 185 487 368 670 231 232 511 367 835 404 120 13
|
|
13
|
+
430 13 430 -1z m2140 -127 c47 -10 202 -51 345 -90 224 -60 1099 -295 2790 -747 475 -128 514 -140 632 -194 398 -185 684 -558 769 -1005 23 -122 23 -350
|
|
14
|
+
0 -469 -9 -49 -49 -206 -87 -350 -124 -463 -367 -1368 -499 -1861 -71 -264 -197 -734 -280 -1045 -83 -311 -200 -747 -260 -970 -497 -1855 -508 -1897
|
|
15
|
+
-537 -1970 -126 -317 -382 -592 -686 -735 -182 -86 -331 -123 -528 -132 -239 -10 -190 -21 -1424 310 -776 208 -1457 391 -2045 548 -493 132 -625 176 -750
|
|
16
|
+
249 -407 238 -665 661 -686 1125 -11 228 -11 229 250 1200 76 281 205 762 287 1070 83 308 200 745 260 970 61 226 168 626 239 890 71 264 197 734 280 1045
|
|
17
|
+
83 311 191 714 240 895 48 182 99 359 113 395 35 94 102 223 160 310 63 95 259 290 357 355 159 105 354 185 540 219 119 22 402 15 520 -13z m-4750 -3698
|
|
18
|
+
c0 -1697 -3 -3084 -6 -3081 -3 3 -32 106 -65 229 -133 496 -367 1367 -469 1749 -221 825 -375 1398 -507 1890 -200 743 -185 672 -187 900 -1 156 3 212
|
|
19
|
+
18 279 112 511 459 894 946 1044 119 37 249 75 263 76 4 1 7 -1388 7 -3086z"/>
|
|
20
|
+
<path d="M8960 9889 c-40 -111 -149 -350 -236 -518 -430 -831 -1050 -1573 -1649 -1976 -303 -203 -564 -310 -862 -350 -250 -35 -420 -122 -600 -308 -179
|
|
21
|
+
-185 -305 -425 -369 -702 -27 -113 -27 -404 0 -525 117 -536 530 -939 1063 -1036 115 -20 339 -20 458 1 176 31 368 111 522 217 43 29 124 98 179 154
|
|
22
|
+
l101 100 -55 -105 c-300 -573 -638 -1052 -1021 -1443 -63 -65 -113 -120 -110 -122 2 -2 347 -96 767 -208 536 -144 762 -200 762 -191 0 7 -11 55 -25 106
|
|
23
|
+
-76 289 -135 658 -166 1047 -12 164 -13 753 0 845 5 33 9 47 10 30 2 -56 50 -223 90 -314 182 -424 547 -711 1000 -786 123 -21 364 -16 476 8 461 103 835
|
|
24
|
+
434 979 867 115 346 99 745 -42 1025 -72 144 -133 214 -302 351 -216 172 -367 359 -514 636 -201 378 -351 874 -431 1431 -46 319 -59 516 -59 892 -1 355 8
|
|
25
|
+
505 45 784 10 80 17 146 15 148 -2 2 -13 -24 -26 -58z"/>
|
|
26
|
+
</g>
|
|
27
|
+
</svg>`;
|
|
28
|
+
|
package/index.html
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width,initial-scale=1'>
|
|
6
|
+
|
|
7
|
+
<title>
|
|
8
|
+
player-account-menu
|
|
9
|
+
</title>
|
|
10
|
+
<link rel="stylesheet" href="public/reset.css">
|
|
11
|
+
<script src='dist/player-account-menu.js'></script>
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
<style>
|
|
16
|
+
html,body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
|
|
17
|
+
.header { display: flex; justify-content: center; align-items: center; padding: 10px 20px; margin-bottom: 20px; background: #42a3e2; box-shadow: 3px 4px 5px 0px rgba(0,0,0, .2); }
|
|
18
|
+
.header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
|
|
19
|
+
.header__name { color: #fff; }
|
|
20
|
+
.header__name span { margin-right: 10px; font-weight: bold; }
|
|
21
|
+
.webcomponent { padding: 10px 20px; }
|
|
22
|
+
</style>
|
|
23
|
+
<header class="header">
|
|
24
|
+
<div class="header__logo">
|
|
25
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="161" height="132" viewBox="0 0 161 132"><defs><linearGradient x1="0%" y1="50%" y2="50%" id="a"><stop stop-color="#2A3B8F" offset="0%"/><stop stop-color="#29ABE2" offset="100%"/></linearGradient><linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="c"><stop stop-color="#B4D44E" offset="0%"/><stop stop-color="#E7F716" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="#166DA5" d="M160.6 65.9l-17.4 29.3-24.4-29.7 24.4-28.9z"/><path fill="#8FDB69" d="M141.3 100.2l-26.5-31.7-15.9 26.6 24.7 36.1z"/><path fill="#166DA5" d="M141 31.4l-26.2 31.8-15.9-26.6L123.6.9z"/><path fill="url(#a)" opacity=".95" d="M61.1 31.4H141L123.4.7H78.7z M114.8 63.3H159l-15.9-26.8H98.8"/><path fill="url(#c)" opacity=".95" d="M141.3 100.3H61l17.6 30.5h45z M114.8 68.4H159l-15.9 26.8H98.8"/><path fill="#010101" d="M78.6 130.8L41 65.8 79.1.8H37.9L.4 65.8l37.5 65z"/></g></svg>
|
|
26
|
+
</div>
|
|
27
|
+
<h1 class="header__name">
|
|
28
|
+
<span>WEBCOMPONENT:</span> player-account-menu
|
|
29
|
+
</h1>
|
|
30
|
+
</header>
|
|
31
|
+
|
|
32
|
+
<div class="webcomponent">
|
|
33
|
+
<player-account-menu></player-account-menu>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
</body>
|
|
37
|
+
</html>
|
package/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './dist/player-account-menu-nd.js';
|
package/package.json
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@everymatrix/player-account-menu-nd",
|
|
3
|
+
"version": "1.37.5",
|
|
4
|
+
"main": "dist/player-account-menu-nd.js",
|
|
5
|
+
"svelte": "src/index.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"start": "sirv public",
|
|
8
|
+
"build": "cross-env NODE_ENV=production rollup -c",
|
|
9
|
+
"dev": "cross-env NODE_ENV=\"development\" rollup -c -w",
|
|
10
|
+
"validate": "svelte-check",
|
|
11
|
+
"test": "echo"
|
|
12
|
+
},
|
|
13
|
+
"devDependencies": {
|
|
14
|
+
"@rollup/plugin-babel": "^5.3.0",
|
|
15
|
+
"@rollup/plugin-commonjs": "^16.0.0",
|
|
16
|
+
"@rollup/plugin-node-resolve": "^10.0.0",
|
|
17
|
+
"@rollup/plugin-typescript": "^6.0.0",
|
|
18
|
+
"@tsconfig/svelte": "^1.0.0",
|
|
19
|
+
"rollup": "^2.3.4",
|
|
20
|
+
"rollup-plugin-dev-server": "^0.4.3",
|
|
21
|
+
"rollup-plugin-livereload": "^2.0.0",
|
|
22
|
+
"rollup-plugin-svelte": "^7.0.0",
|
|
23
|
+
"rollup-plugin-terser": "^7.0.0",
|
|
24
|
+
"rollup-plugin-uglify": "^6.0.4",
|
|
25
|
+
"svelte-check": "^1.0.0",
|
|
26
|
+
"svelte-preprocess": "^5.0.0",
|
|
27
|
+
"tslib": "^2.0.0",
|
|
28
|
+
"typescript": "^3.9.3"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"cross-env": "^7.0.3",
|
|
32
|
+
"sirv-cli": "^1.0.0",
|
|
33
|
+
"svelte": "^3.0.0"
|
|
34
|
+
},
|
|
35
|
+
"publishConfig": {
|
|
36
|
+
"access": "public"
|
|
37
|
+
},
|
|
38
|
+
"gitHead": "8617c4720af5eb376480fe868deae89a86f14ebd"
|
|
39
|
+
}
|
|
Binary file
|
package/public/reset.css
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
+
v2.0 | 20110126
|
|
3
|
+
License: none (public domain)
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
html, body, div, span, applet, object, iframe,
|
|
7
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
8
|
+
a, abbr, acronym, address, big, cite, code,
|
|
9
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
10
|
+
small, strike, strong, sub, sup, tt, var,
|
|
11
|
+
b, u, i, center,
|
|
12
|
+
dl, dt, dd, ol, ul, li,
|
|
13
|
+
fieldset, form, label, legend,
|
|
14
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
15
|
+
article, aside, canvas, details, embed,
|
|
16
|
+
figure, figcaption, footer, header, hgroup,
|
|
17
|
+
menu, nav, output, ruby, section, summary,
|
|
18
|
+
time, mark, audio, video {
|
|
19
|
+
margin: 0;
|
|
20
|
+
padding: 0;
|
|
21
|
+
border: 0;
|
|
22
|
+
font-size: 100%;
|
|
23
|
+
font: inherit;
|
|
24
|
+
vertical-align: baseline;
|
|
25
|
+
}
|
|
26
|
+
/* HTML5 display-role reset for older browsers */
|
|
27
|
+
article, aside, details, figcaption, figure,
|
|
28
|
+
footer, header, hgroup, menu, nav, section {
|
|
29
|
+
display: block;
|
|
30
|
+
}
|
|
31
|
+
body {
|
|
32
|
+
line-height: 1;
|
|
33
|
+
}
|
|
34
|
+
ol, ul {
|
|
35
|
+
list-style: none;
|
|
36
|
+
}
|
|
37
|
+
blockquote, q {
|
|
38
|
+
quotes: none;
|
|
39
|
+
}
|
|
40
|
+
blockquote:before, blockquote:after,
|
|
41
|
+
q:before, q:after {
|
|
42
|
+
content: '';
|
|
43
|
+
content: none;
|
|
44
|
+
}
|
|
45
|
+
table {
|
|
46
|
+
border-collapse: collapse;
|
|
47
|
+
border-spacing: 0;
|
|
48
|
+
}
|
package/rollup.config.js
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import svelte from 'rollup-plugin-svelte';
|
|
2
|
+
import commonjs from '@rollup/plugin-commonjs';
|
|
3
|
+
import resolve from '@rollup/plugin-node-resolve';
|
|
4
|
+
import serve from 'rollup-plugin-dev-server';
|
|
5
|
+
import livereload from 'rollup-plugin-livereload';
|
|
6
|
+
import { terser } from 'rollup-plugin-terser';
|
|
7
|
+
import sveltePreprocess from 'svelte-preprocess';
|
|
8
|
+
import typescript from '@rollup/plugin-typescript';
|
|
9
|
+
import uglify from 'rollup-plugin-uglify';
|
|
10
|
+
import image from '@rollup/plugin-image';
|
|
11
|
+
|
|
12
|
+
const production = process.env.NODE_ENV == 'production';
|
|
13
|
+
const dev = process.env.NODE_ENV == 'development';
|
|
14
|
+
|
|
15
|
+
export default {
|
|
16
|
+
input: 'src/index.ts',
|
|
17
|
+
output: {
|
|
18
|
+
sourcemap: true,
|
|
19
|
+
format: 'umd',
|
|
20
|
+
name: 'app',
|
|
21
|
+
file: 'dist/player-account-menu-nd.js',
|
|
22
|
+
},
|
|
23
|
+
plugins: [
|
|
24
|
+
svelte({
|
|
25
|
+
preprocess: sveltePreprocess(),
|
|
26
|
+
compilerOptions: {
|
|
27
|
+
// @TODO check generate and hydratable
|
|
28
|
+
// generate: 'ssr',
|
|
29
|
+
// hydratable: true,
|
|
30
|
+
// enable run-time checks when not in production
|
|
31
|
+
customElement: true,
|
|
32
|
+
dev: !production
|
|
33
|
+
}
|
|
34
|
+
}),
|
|
35
|
+
image(),
|
|
36
|
+
commonjs(),
|
|
37
|
+
resolve({
|
|
38
|
+
browser: true,
|
|
39
|
+
dedupe: ['svelte']
|
|
40
|
+
}),
|
|
41
|
+
dev && serve({
|
|
42
|
+
open: true,
|
|
43
|
+
verbose: true,
|
|
44
|
+
allowCrossOrigin: true,
|
|
45
|
+
historyApiFallback: false,
|
|
46
|
+
host: 'localhost',
|
|
47
|
+
port: 5050,
|
|
48
|
+
}),
|
|
49
|
+
dev && livereload({ watch: ['', 'dist'] }),
|
|
50
|
+
typescript({
|
|
51
|
+
sourceMap: !production,
|
|
52
|
+
inlineSources: !production,
|
|
53
|
+
}),
|
|
54
|
+
// If we're building for production (npm run build
|
|
55
|
+
// instead of npm run dev), minify
|
|
56
|
+
production &&
|
|
57
|
+
terser({
|
|
58
|
+
output: {
|
|
59
|
+
comments: "all"
|
|
60
|
+
},
|
|
61
|
+
}),
|
|
62
|
+
production && uglify.uglify()
|
|
63
|
+
],
|
|
64
|
+
watch: {
|
|
65
|
+
clearScreen: false
|
|
66
|
+
}
|
|
67
|
+
};
|