@loftyshaky/shared 2.3.0 → 2.5.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.
Files changed (37) hide show
  1. package/_locales/en/messages.json +8 -2
  2. package/_locales/ru/messages.json +8 -2
  3. package/announcement.js +1 -1
  4. package/app.js +1 -1
  5. package/chunk-error.js +1 -1
  6. package/chunk-index.js +1 -1
  7. package/chunk-merge.js +1 -1
  8. package/chunk-pickr.min.js +1 -1
  9. package/chunk-title.js +2 -2
  10. package/chunk-viewport.js +1 -1
  11. package/dependencies.js +1 -1
  12. package/ext.js +1 -1
  13. package/inputs.js +1 -1
  14. package/js/ext/manifest.js +18 -18
  15. package/js/webpack.config.js +6 -9
  16. package/package.json +1 -1
  17. package/scss/settings/ext_version.scss +7 -7
  18. package/scss/settings/main.scss +18 -18
  19. package/scss/settings/sections.scss +45 -45
  20. package/scss/shared/help.scss +69 -69
  21. package/scss/shared/themes/colors/aqua.scss +32 -34
  22. package/scss/shared/themes/colors/clover.scss +46 -0
  23. package/scss/shared/themes/colors/dark.scss +2 -1
  24. package/scss/shared/themes/colors/lavender.scss +19 -23
  25. package/scss/shared/themes/colors/light.scss +5 -4
  26. package/scss/shared/themes/colors/ruby.scss +46 -0
  27. package/scss/shared/themes/colors/very_dark.scss +2 -1
  28. package/scss/shared/themes/general/clover_theme.scss +9 -0
  29. package/scss/shared/themes/general/dark_theme.scss +9 -9
  30. package/scss/shared/themes/general/light_theme.scss +9 -9
  31. package/scss/shared/themes/general/ruby_theme.scss +9 -0
  32. package/scss/shared/themes/general/template.scss +1 -1
  33. package/scss/shared/themes/general/very_dark_theme.scss +9 -9
  34. package/scss/shared/vars.scss +32 -32
  35. package/settings.js +1 -1
  36. package/shared.js +1 -1
  37. package/shared_clean.js +1 -1
@@ -1,69 +1,69 @@
1
- .help,
2
- .color_help {
3
- @include folding_text;
4
- }
5
-
6
- .help_btn {
7
- @include btn;
8
-
9
- margin-left: var(--help_btn_margin);
10
- display: flex;
11
- order: 1;
12
-
13
- svg {
14
- display: block;
15
- width: var(--help_btn_size);
16
- height: var(--help_btn_size);
17
- }
18
- }
19
-
20
- .section_help {
21
- display: flex;
22
- margin-bottom: $gap;
23
-
24
- &:empty {
25
- display: none;
26
- }
27
-
28
- + .subsection {
29
- margin-top: $gap;
30
- }
31
-
32
- .help {
33
- max-width: unset;
34
- margin-top: 0;
35
- margin-right: 15px;
36
- }
37
-
38
- .help_btn {
39
- margin-left: auto;
40
- align-self: flex-start;
41
- }
42
- }
43
-
44
- .input_item {
45
- .color_help_w {
46
- margin-bottom: $gap;
47
- }
48
-
49
- .color_help {
50
- margin: 0;
51
- line-height: initial;
52
- }
53
-
54
- &:not(.textarea) .help_btn {
55
- align-self: center;
56
- }
57
-
58
- &.textarea {
59
- .input_w_and_help_btn {
60
- align-items: normal;
61
- }
62
-
63
- .help_btn {
64
- margin-top: 5px;
65
- display: inline-block;
66
- height: max-content;
67
- }
68
- }
69
- }
1
+ .help,
2
+ .color_help {
3
+ @include folding_text;
4
+ }
5
+
6
+ .help_btn {
7
+ @include btn;
8
+
9
+ margin-left: var(--help_btn_margin);
10
+ display: flex;
11
+ order: 1;
12
+
13
+ svg {
14
+ display: block;
15
+ width: var(--help_btn_size);
16
+ height: var(--help_btn_size);
17
+ }
18
+ }
19
+
20
+ .section_help {
21
+ display: flex;
22
+ margin-bottom: $gap;
23
+
24
+ &:empty {
25
+ display: none;
26
+ }
27
+
28
+ + .subsection {
29
+ margin-top: $gap;
30
+ }
31
+
32
+ .help {
33
+ max-width: unset;
34
+ margin-top: 0;
35
+ margin-right: 15px;
36
+ }
37
+
38
+ .help_btn {
39
+ margin-left: auto;
40
+ align-self: flex-start;
41
+ }
42
+ }
43
+
44
+ .input_item {
45
+ .color_help_w {
46
+ margin-bottom: $gap;
47
+ }
48
+
49
+ .color_help {
50
+ margin: 0;
51
+ line-height: initial;
52
+ }
53
+
54
+ &:not(.textarea) .help_btn {
55
+ align-self: center;
56
+ }
57
+
58
+ &.textarea {
59
+ .input_w_and_help_btn {
60
+ align-items: normal;
61
+ }
62
+
63
+ .help_btn {
64
+ margin-top: 5px;
65
+ display: inline-block;
66
+ height: max-content;
67
+ }
68
+ }
69
+ }
@@ -1,14 +1,11 @@
1
+ $theme_color_ynq: white;
1
2
  $theme_color_jqv: rgb(255 255 255 / 0.1%);
2
- $htc: white;
3
+ $theme_color_tdh: #67ff5f;
4
+ $theme_color_udj: #ff7eee;
5
+ $htc: $theme_color_ynq;
3
6
  $tbn: $glass_color;
4
7
  $gaq: #efefef;
5
- /* stylelint-disable-next-line max-line-length */
6
- $gqb:
7
- linear-gradient(45deg, rgb(39 61 213) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%,
8
- linear-gradient(135deg, rgb(12 255 7) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%,
9
- linear-gradient(190deg, rgb(135 23 255) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%,
10
- rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(51 205 196) 100%, rgb(9 245 5 / 0%) 70%) repeat
11
- scroll 0% 0%;
8
+ $gqb: linear-gradient(128deg, #1072d1 0%, #17909b 100%);
12
9
  $hfb: transparent;
13
10
  $gvb: rgb(255 255 255 / 36%);
14
11
  $npw: rgb(255 255 255 / 20%);
@@ -19,30 +16,31 @@ $fxm: rgb(255 255 255 / 37.5%);
19
16
  $nur: rgb(255 255 255 / 20.8%);
20
17
  $yuv: rgb(255 255 255 / 60%);
21
18
  $vqo: $theme_color_jqv;
22
- $lpe: white;
19
+ $lpe: $theme_color_ynq;
23
20
  $rbp: $black;
24
- $mdc: #d9d9d9;
25
- $yos: #16d3f5;
26
- $nep: #90efff;
27
- $htm: #ffa96c;
28
- $qgp: #28dd57;
29
- $hyv: #66ff8e;
30
- $ycp: #000da1;
31
- $iub: #2e8cff;
32
- $cop: #303f00;
33
- $yun: #14bf0a;
34
- $ptn: #62008f;
35
- $dwk: #d046e9;
36
- $uzf: #572b00;
37
- $hap: #f17442;
38
- $rqb: #e7121c;
39
- $thm: #6f0005;
40
- $suc: #d0111a;
41
- $pxd: #0014ff;
42
- $ksu: #be1;
43
- $upd: #ae00ff;
44
- $fpw: #ff8f1f;
45
- $dfp: #0cbea4;
46
- $nqp: rgb(57 124 249 / 99%);
47
- $hgb: rgb(255 77 85 / 99%);
48
- $beu: rgb(255 255 255 / 75%);
21
+ $tgp: $theme_color_ynq;
22
+ $mdc: #d9d9d9; // Input placeholder
23
+ $yos: #9e61ef; // Pagination button
24
+ $nep: #90efff; // Button active (color picker)
25
+ $htm: #ff974d; // Task (scheduler)
26
+ $qgp: #49b344; // Button hover
27
+ $hyv: #89ff84; // Button hover (color picker; scheduler; custom HTML/CSS/JS)
28
+ $ycp: #fbff12; // Link normal
29
+ $iub: #2e8cff; // Link normal (color picker) / Drop zone (scheduler)
30
+ $cop: $theme_color_tdh; // Link hover
31
+ $yun: #14bf0a; // Link hover (color picker) / text input data is valid (color picker)
32
+ $ptn: #ff98f1; // Link visited
33
+ $dwk: #d046e9; // Input focus (color picker)
34
+ $uzf: #ffae9e; // Link click
35
+ $hap: #f15f41; // Link click (color picker; scheduler; custom HTML/CSS/JS)
36
+ $rqb: #ff5f66; // Text input data is in a warn state (outline)
37
+ $thm: #ff9ea3; // Text input data is in warn state (error message)
38
+ $suc: #d0111a; // [Clear New Tab] Text input data is in a warn state (outline; scheduler)
39
+ $pxd: #fff900; // Section button selected indicator selected / [Clear New Tab] Background outline
40
+ $ksu: $theme_color_tdh; // Section button selected indicator hover / Text input data is valid
41
+ $upd: $theme_color_udj; // Tab key input outline
42
+ $fpw: $theme_color_udj; // [Clear New Tab] Background focus outline
43
+ $dfp: #0079ef; // Loading screen
44
+ $nqp: rgb(255 84 169 / 99%); // Text selection
45
+ $hgb: rgb(255 77 85 / 99%); // [Clear New Tab] Screen help text selection (custom HTML/CSS/JS)
46
+ $beu: rgb(255 255 255 / 75%); // upload screen background
@@ -0,0 +1,46 @@
1
+ $theme_color_ynq: white;
2
+ $theme_color_jqv: rgb(255 255 255 / 0.1%);
3
+ $theme_color_udl: #19f4ff;
4
+ $theme_color_udj: #ff7eee;
5
+ $htc: $theme_color_ynq;
6
+ $tbn: $glass_color;
7
+ $gaq: #efefef;
8
+ $gqb: linear-gradient(128deg, #257d2c 0%, #457521 100%);
9
+ $hfb: transparent;
10
+ $gvb: rgb(255 255 255 / 36%);
11
+ $npw: rgb(255 255 255 / 20%);
12
+ $hcx: $theme_color_jqv;
13
+ $hev: #bbb;
14
+ $hyn: rgb(255 255 255 / 50%);
15
+ $fxm: rgb(255 255 255 / 37.5%);
16
+ $nur: rgb(255 255 255 / 20.8%);
17
+ $yuv: rgb(255 255 255 / 60%);
18
+ $vqo: $theme_color_jqv;
19
+ $lpe: $theme_color_ynq;
20
+ $rbp: $black;
21
+ $tgp: $theme_color_ynq;
22
+ $mdc: #d9d9d9;
23
+ $yos: #9e61ef;
24
+ $nep: #90efff;
25
+ $htm: #ff974d;
26
+ $qgp: #1f90ff;
27
+ $hyv: #89ff84;
28
+ $ycp: #fbff12;
29
+ $iub: #2e8cff;
30
+ $cop: #4bfcff;
31
+ $yun: #14bf0a;
32
+ $ptn: #ff98f1;
33
+ $dwk: #d046e9;
34
+ $uzf: #ffae9e;
35
+ $hap: #f15f41;
36
+ $rqb: #ff5f66;
37
+ $thm: #ff9ea3;
38
+ $suc: #d0111a;
39
+ $pxd: #fff900;
40
+ $ksu: #67ff5f;
41
+ $upd: $theme_color_udl;
42
+ $fpw: $theme_color_udl;
43
+ $dfp: #29ab34;
44
+ $nqp: rgb(244 96 62 / 99%);
45
+ $hgb: rgb(255 77 85 / 99%);
46
+ $beu: rgb(255 255 255 / 75%);
@@ -26,6 +26,7 @@ $yuv: $theme_color_hbt;
26
26
  $vqo: $theme_color_hbt;
27
27
  $lpe: $theme_color_kdc;
28
28
  $rbp: $theme_color_kdc;
29
+ $tgp: $theme_color_kdc;
29
30
  $mdc: #b1b1b1;
30
31
  $yos: $theme_color_uvr;
31
32
  $nep: $theme_color_uvr;
@@ -46,7 +47,7 @@ $suc: $theme_color_yhn;
46
47
  $pxd: $theme_color_kxn;
47
48
  $ksu: $theme_color_tjn;
48
49
  $upd: $theme_color_bvc;
49
- $fpw: $theme_color_wnc;
50
+ $fpw: $theme_color_bvc;
50
51
  $dfp: #29394d;
51
52
  $nqp: $theme_color_gsl;
52
53
  $hgb: $theme_color_gsl;
@@ -1,18 +1,13 @@
1
+ $theme_color_ynq: white;
1
2
  $theme_color_jqv: rgb(255 255 255 / 0.1%);
2
3
  $theme_color_udj: #19f4ff;
3
4
  $theme_color_kvo: #4bff1f;
4
5
  $theme_color_ftp: #fbff12;
5
6
  $theme_color_oyq: #ff8400;
6
- $htc: white;
7
+ $htc: $theme_color_ynq;
7
8
  $tbn: $glass_color;
8
9
  $gaq: #efefef;
9
- /* stylelint-disable-next-line max-line-length */
10
- $gqb:
11
- linear-gradient(45deg, rgb(52 15 189) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%,
12
- linear-gradient(135deg, rgb(241 22 168) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%,
13
- linear-gradient(190deg, rgb(26 211 208) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%,
14
- rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(163 34 203) 100%, rgb(9 245 5 / 0%) 70%) repeat
15
- scroll 0% 0%;
10
+ $gqb: linear-gradient(128deg, #3d29d1 0%, #6b3b9b 100%);
16
11
  $hfb: transparent;
17
12
  $gvb: rgb(255 255 255 / 36%);
18
13
  $npw: rgb(255 255 255 / 20%);
@@ -23,30 +18,31 @@ $fxm: rgb(255 255 255 / 37.5%);
23
18
  $nur: rgb(255 255 255 / 20.8%);
24
19
  $yuv: rgb(255 255 255 / 60%);
25
20
  $vqo: $theme_color_jqv;
26
- $lpe: white;
21
+ $lpe: $theme_color_ynq;
27
22
  $rbp: $black;
23
+ $tgp: $theme_color_ynq;
28
24
  $mdc: #d9d9d9;
29
- $yos: #39c2db;
25
+ $yos: #42b326;
30
26
  $nep: #90efff;
31
- $htm: #ffa96c;
32
- $qgp: #3ea559;
33
- $hyv: #66ff8e;
34
- $ycp: $theme_color_udj;
27
+ $htm: #ff974d;
28
+ $qgp: #1f90ff;
29
+ $hyv: #89ff84;
30
+ $ycp: $theme_color_ftp;
35
31
  $iub: #2e8cff;
36
32
  $cop: $theme_color_kvo;
37
33
  $yun: #14bf0a;
38
- $ptn: $theme_color_ftp;
34
+ $ptn: $theme_color_udj;
39
35
  $dwk: #d046e9;
40
36
  $uzf: $theme_color_oyq;
41
- $hap: #f17442;
42
- $rqb: #ff471a;
43
- $thm: #ffa993;
37
+ $hap: #f15f41;
38
+ $rqb: #ff5f66;
39
+ $thm: #ff9ea3;
44
40
  $suc: #d0111a;
45
- $pxd: $theme_color_udj;
46
- $ksu: $theme_color_kvo;
47
- $upd: $theme_color_ftp;
48
- $fpw: $theme_color_oyq;
49
- $dfp: #842fa9;
41
+ $pxd: #fff900;
42
+ $ksu: #67ff5f;
43
+ $upd: $theme_color_udj;
44
+ $fpw: $theme_color_udj;
45
+ $dfp: #4831df;
50
46
  $nqp: rgb(244 96 62 / 99%);
51
47
  $hgb: rgb(255 77 85 / 99%);
52
48
  $beu: rgb(255 255 255 / 75%);
@@ -2,8 +2,8 @@ $theme_color_ynq: white;
2
2
  $theme_color_ytb: #efefef;
3
3
  $theme_color_hbt: #bbb;
4
4
  $theme_color_kdc: $black;
5
- $theme_color_ecm: #66ff8e;
6
- $theme_color_uvr: #90efff;
5
+ $theme_color_ecm: #41ff73;
6
+ $theme_color_uvr: #72ebff;
7
7
  $theme_color_kxn: #2e8cff;
8
8
  $theme_color_tjn: #14bf0a;
9
9
  $theme_color_bvc: #d046e9;
@@ -26,6 +26,7 @@ $yuv: $theme_color_hbt;
26
26
  $vqo: $theme_color_hbt;
27
27
  $lpe: $theme_color_kdc;
28
28
  $rbp: $theme_color_kdc;
29
+ $tgp: $theme_color_ynq;
29
30
  $mdc: #878787;
30
31
  $yos: $theme_color_uvr;
31
32
  $nep: $theme_color_uvr;
@@ -46,8 +47,8 @@ $suc: $theme_color_yhn;
46
47
  $pxd: $theme_color_kxn;
47
48
  $ksu: $theme_color_tjn;
48
49
  $upd: $theme_color_bvc;
49
- $fpw: $theme_color_wnc;
50
- $dfp: #a2d4ff;
50
+ $fpw: $theme_color_bvc;
51
+ $dfp: #38a3ff;
51
52
  $nqp: $theme_color_gsl;
52
53
  $hgb: $theme_color_gsl;
53
54
  $beu: rgb(255 255 255 / 75%);
@@ -0,0 +1,46 @@
1
+ $theme_color_ynq: white;
2
+ $theme_color_jqv: rgb(255 255 255 / 0.1%);
3
+ $theme_color_tdh: #67ff5f;
4
+ $theme_color_udj: #19f4ff;
5
+ $htc: $theme_color_ynq;
6
+ $tbn: $glass_color;
7
+ $gaq: #efefef;
8
+ $gqb: linear-gradient(128deg, #ad1734 0%, #97286a 100%);
9
+ $hfb: transparent;
10
+ $gvb: rgb(255 255 255 / 36%);
11
+ $npw: rgb(255 255 255 / 20%);
12
+ $hcx: $theme_color_jqv;
13
+ $hev: #bbb;
14
+ $hyn: rgb(255 255 255 / 50%);
15
+ $fxm: rgb(255 255 255 / 37.5%);
16
+ $nur: rgb(255 255 255 / 20.8%);
17
+ $yuv: rgb(255 255 255 / 60%);
18
+ $vqo: $theme_color_jqv;
19
+ $lpe: $theme_color_ynq;
20
+ $rbp: $black;
21
+ $tgp: $theme_color_ynq;
22
+ $mdc: #d9d9d9;
23
+ $yos: #42b326;
24
+ $nep: #90efff;
25
+ $htm: #ff974d;
26
+ $qgp: #1f90ff;
27
+ $hyv: #89ff84;
28
+ $ycp: #fbff12;
29
+ $iub: #2e8cff;
30
+ $cop: $theme_color_tdh;
31
+ $yun: #14bf0a;
32
+ $ptn: #1a44ff;
33
+ $dwk: #d046e9;
34
+ $uzf: #4bfcff;
35
+ $hap: #f15f41;
36
+ $rqb: #ff8513;
37
+ $thm: #ffa78f;
38
+ $suc: #d0111a;
39
+ $pxd: #fff900;
40
+ $ksu: $theme_color_tdh;
41
+ $upd: $theme_color_udj;
42
+ $fpw: $theme_color_udj;
43
+ $dfp: #c71538;
44
+ $nqp: rgb(255 84 169 / 99%);
45
+ $hgb: rgb(255 77 85 / 99%);
46
+ $beu: rgb(255 255 255 / 75%);
@@ -26,6 +26,7 @@ $yuv: $theme_color_hbt;
26
26
  $vqo: $theme_color_hbt;
27
27
  $lpe: $theme_color_kdc;
28
28
  $rbp: $theme_color_kdc;
29
+ $tgp: $theme_color_kdc;
29
30
  $mdc: #8d8d8d;
30
31
  $yos: $theme_color_uvr;
31
32
  $nep: $theme_color_uvr;
@@ -46,7 +47,7 @@ $suc: $theme_color_yhn;
46
47
  $pxd: $theme_color_kxn;
47
48
  $ksu: $theme_color_tjn;
48
49
  $upd: $theme_color_bvc;
49
- $fpw: $theme_color_wnc;
50
+ $fpw: $theme_color_bvc;
50
51
  $dfp: #0f1721;
51
52
  $nqp: $theme_color_gsl;
52
53
  $hgb: $theme_color_gsl;
@@ -0,0 +1,9 @@
1
+ @import '../../vars';
2
+ @import '../../mixins';
3
+ @import '../../functions';
4
+ @import '../colors/clover';
5
+ @import 'template';
6
+
7
+ body .main_2.settings {
8
+ @include glass;
9
+ }
@@ -1,9 +1,9 @@
1
- @import '../../vars';
2
- @import '../../mixins';
3
- @import '../../functions';
4
- @import '../colors/dark';
5
- @import 'template';
6
-
7
- .main_2 {
8
- box-shadow: $blue_neon_dark;
9
- }
1
+ @import '../../vars';
2
+ @import '../../mixins';
3
+ @import '../../functions';
4
+ @import '../colors/dark';
5
+ @import 'template';
6
+
7
+ .main_2 {
8
+ box-shadow: $blue_neon_dark;
9
+ }
@@ -1,9 +1,9 @@
1
- @import '../../vars';
2
- @import '../../mixins';
3
- @import '../../functions';
4
- @import '../colors/light';
5
- @import 'template';
6
-
7
- .main_2 {
8
- box-shadow: $black_shadow;
9
- }
1
+ @import '../../vars';
2
+ @import '../../mixins';
3
+ @import '../../functions';
4
+ @import '../colors/light';
5
+ @import 'template';
6
+
7
+ .main_2 {
8
+ box-shadow: $black_shadow;
9
+ }
@@ -0,0 +1,9 @@
1
+ @import '../../vars';
2
+ @import '../../mixins';
3
+ @import '../../functions';
4
+ @import '../colors/ruby';
5
+ @import 'template';
6
+
7
+ body .main_2.settings {
8
+ @include glass;
9
+ }
@@ -62,7 +62,7 @@ textarea {
62
62
  }
63
63
 
64
64
  svg {
65
- stroke: $lpe;
65
+ stroke: $tgp;
66
66
  }
67
67
  }
68
68
 
@@ -1,9 +1,9 @@
1
- @import '../../vars';
2
- @import '../../mixins';
3
- @import '../../functions';
4
- @import '../colors/very_dark';
5
- @import 'template';
6
-
7
- .main_2 {
8
- box-shadow: $blue_neon_very_dark;
9
- }
1
+ @import '../../vars';
2
+ @import '../../mixins';
3
+ @import '../../functions';
4
+ @import '../colors/very_dark';
5
+ @import 'template';
6
+
7
+ .main_2 {
8
+ box-shadow: $blue_neon_very_dark;
9
+ }
@@ -1,32 +1,32 @@
1
- $scrollbar_width: 17px;
2
- $font_main: 17px;
3
- $font_big: 24px;
4
- $font_small: 13px;
5
- $gap: 10px;
6
- $gap_small: 4px;
7
- $border_width: 1px;
8
- $input_height: 28px;
9
- $color_input_height: $input_height + ($border_width * 4) - 2;
10
- $input_content_gap: 8px;
11
- $input_inner_padding: 7px;
12
- $input_content_gap_2: $input_content_gap - ($border_width * 2);
13
- $main_margin: 16px;
14
- $ext_name_offset: 7px;
15
- $main_margin_2: $main_margin * 2;
16
- $main_margin_4: $main_margin * 4;
17
- $black: #212121;
18
- $yellow: #fbff75;
19
- $light_orange: #fff7c7;
20
- $blue: #3892ff;
21
- $black_shadow:
22
- rgb(0 0 0 / 30%) 0 0 30px,
23
- rgb(0 0 0 / 30%) 0 4px 8px;
24
- $black_shadow_2: 0 20px 30px rgb(0 0 0 / 20%);
25
- $blue_neon_dark:
26
- rgb(0 115 255 / 100%) 0 0 33px,
27
- rgb(255 255 255 / 40%) 0 0 10px;
28
- $blue_neon_very_dark:
29
- rgb(0 102 255 / 85%) 0 0 36px,
30
- rgb(255 255 255 / 40%) 0 0 10px;
31
- $glass_color: rgb(255 255 255 / 20%);
32
- $glass_blur: blur(8px);
1
+ $scrollbar_width: 17px;
2
+ $font_main: 17px;
3
+ $font_big: 24px;
4
+ $font_small: 13px;
5
+ $gap: 10px;
6
+ $gap_small: 4px;
7
+ $border_width: 1px;
8
+ $input_height: 28px;
9
+ $color_input_height: $input_height + ($border_width * 4) - 2;
10
+ $input_content_gap: 8px;
11
+ $input_inner_padding: 7px;
12
+ $input_content_gap_2: $input_content_gap - ($border_width * 2);
13
+ $main_margin: 16px;
14
+ $ext_name_offset: 7px;
15
+ $main_margin_2: $main_margin * 2;
16
+ $main_margin_4: $main_margin * 4;
17
+ $black: #212121;
18
+ $yellow: #fbff75;
19
+ $light_orange: #fff7c7;
20
+ $blue: #3892ff;
21
+ $black_shadow:
22
+ rgb(0 0 0 / 30%) 0 0 30px,
23
+ rgb(0 0 0 / 30%) 0 4px 8px;
24
+ $black_shadow_2: 0 20px 30px rgb(0 0 0 / 20%);
25
+ $blue_neon_dark:
26
+ rgb(0 115 255 / 100%) 0 0 33px,
27
+ rgb(255 255 255 / 40%) 0 0 10px;
28
+ $blue_neon_very_dark:
29
+ rgb(0 102 255 / 85%) 0 0 36px,
30
+ rgb(255 255 255 / 40%) 0 0 10px;
31
+ $glass_color: rgb(255 255 255 / 20%);
32
+ $glass_blur: blur(8px);
package/settings.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright 2024
2
+ * Copyright 2025
3
3
  */
4
4
 
5
5
  "use strict";var title=require("./chunk-title.js");require("react"),require("./chunk-viewport.js"),require("react-dom"),require("./chunk-merge.js");var index$5=Object.freeze({__proto__:null,Body:title.Body$2}),index$4=Object.freeze({__proto__:null,DeveloperMode:title.DeveloperMode}),index$3=Object.freeze({__proto__:null,Permission:title.Permission}),index$2=Object.freeze({__proto__:null,BackUp:title.BackUp,Sections:title.Sections}),index$1=Object.freeze({__proto__:null,Theme:title.Theme}),index=Object.freeze({__proto__:null});exports.c_settings=index$5,exports.d_developer_mode=index$4,exports.d_optional_permissions=index$3,exports.d_sections=index$2,exports.i_optional_permissions=index,exports.s_sections=index$1;
package/shared.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright 2024
2
+ * Copyright 2025
3
3
  */
4
4
 
5
5
  "use strict";var viewport=require("./chunk-viewport.js"),error=require("./chunk-error.js"),title=require("./chunk-title.js"),React=require("react"),index$e=require("./chunk-index.js");require("react-dom"),require("./chunk-merge.js");const Flash=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.get_flash_server_text=()=>err((()=>{const flash_server_els=sa(".flash_server");if(n(flash_server_els)){const defined_flash_server_el=[...flash_server_els].find((flash_server_el=>{if(n(flash_server_el)&&n(flash_server_el.textContent)){if("undefined"!==flash_server_el.textContent)return!0}return!1}));return n(defined_flash_server_el)&&n(defined_flash_server_el.textContent)?defined_flash_server_el.textContent:void 0}}),"shr_1246"),this.turn_flash_server_text_into_arr=()=>err((()=>{const flash_server_el_text=this.get_flash_server_text();if(flash_server_el_text)return flash_server_el_text.split(":")}),"shr_1250"),this.get_flash_msg_key=()=>err((()=>{const flash_server_arr=this.turn_flash_server_text_into_arr();if(n(flash_server_arr))return flash_server_arr[0]}),"shr_1249"),this.get_flash_type=()=>err((()=>{const flash_server_arr=this.turn_flash_server_text_into_arr();return n(flash_server_arr)&&n(flash_server_arr[1])&&"-"!==flash_server_arr[1]?flash_server_arr[1]:"neutral"}),"shr_1249"),this.get_flash_hide_delay=()=>err((()=>{const flash_server_arr=this.turn_flash_server_text_into_arr();return n(flash_server_arr)&&n(flash_server_arr[2])&&"-"!==flash_server_arr[2]?+flash_server_arr[2]:5e3}),"shr_1249"),this.show=()=>err((()=>{const flash_msg_key=this.get_flash_msg_key(),flash_type=this.get_flash_type(),flash_hide_delay=this.get_flash_hide_delay();n(flash_msg_key)&&show_notification({error_msg_key:flash_msg_key,alt_msg:flash_msg_key,notification_type:flash_type,hide_delay:flash_hide_delay})}),"shr_1252")}}.get_instance();var index$d=Object.freeze({__proto__:null,Cache:title.Cache,Settings:title.Settings});var index$c=Object.freeze({__proto__:null,Body:title.Body}),index$b=Object.freeze({__proto__:null,Body:title.Body$1}),index$a=Object.freeze({__proto__:null,BaseTr:title.BaseTr}),index$9=Object.freeze({__proto__:null,Transition:title.Transition}),index$8=Object.freeze({__proto__:null,Visibility:title.Visibility}),index$7=Object.freeze({__proto__:null,Offers:title.Offers}),index$6=Object.freeze({__proto__:null,Schema:title.Schema}),index$5=Object.freeze({__proto__:null,Roots:title.Roots,Tr:title.Tr}),index$4=Object.freeze({__proto__:null,TabIndex:title.TabIndex}),index$3=Object.freeze({__proto__:null,Title:title.Title});const Body$1=title.observer(class extends React.Component{static getDerivedStateFromError(){Visibility.show_reload_ui_screen()}componentDidCatch(err_obj){show_err_ribbon(err_obj,"shr_1000",{error_msg_key:"cant_render_ui"})}render(){if(Visibility.page_is_crashed)return React.createElement("div",{className:"reload_ui_btn_w"},React.createElement("button",{className:x.cls(["btn","reload_ui"]),type:"button",onClick:Page.reload},ext.msg("reload_ui_btn_text")));const{children:children}=this.props;return children}});var index$2=Object.freeze({__proto__:null,Body:Body$1});const Body=title.observer((props=>{const{app_id:app_id,on_render:on_render}=props;return React.useEffect((()=>{Css.load({app_id:app_id}),on_render()}),[app_id,on_render]),React.createElement("div",{className:x.cls(["main","error",State.is_highlighted_cls,State.notification_type,State.is_fullscreen_cls]),role:"none",style:{display:State.is_visible_style},onMouseDown:State.clear_all_reset_state_timeouts},React.createElement(Progress$1,null),React.createElement("div",{className:"body"},React.createElement("div",{className:"top_stuff"},React.createElement("span",{className:"ext_name_and_keep_visible_msg"},React.createElement(ExtName,null),React.createElement(KeepVisibleMsg,null)),State.is_fullscreen?void 0:React.createElement(CloseBtn,null)),React.createElement(Msg$1,null)))})),CloseBtn=title.observer((()=>React.createElement("button",{className:"close_btn",type:"button","aria-label":"Close",onMouseDown:()=>State.change_state({observable_key:"is_visible",state:!1}),onClick:()=>State.change_state({observable_key:"is_visible",state:!1}),onKeyDown:title.TabIndex.simulate_click_on_enter},React.createElement(title.svg.Close,null)))),ExtName=()=>React.createElement("div",{className:"ext_name"},ext.msg("name")," ",React.createElement(title.Body,null)),KeepVisibleMsg=title.observer((()=>React.createElement("div",{className:x.cls(["keep_visible_msg",Progress.progress_bar_is_visible_cls])},ext.msg("error_keep_visible_msg_text")))),Msg$1=title.observer((()=>React.createElement("div",{className:"msg"},Msg.basic_msg,"error"===State.notification_type?React.createElement(React.Fragment,null,React.createElement("button",{type:"button",className:x.cls(["more_info_btn",Msg.more_info_btn_is_visible_cls]),onClick:()=>Msg.change_visibility_of_advanced_msg({is_visible:!0})},ext.msg("error_more_info_btn_text")),React.createElement("div",{className:Msg.advanced_msg_is_visible_cls},Msg.advanced_msg)):void 0))),Progress$1=title.observer((()=>React.createElement("progress",{className:x.cls(["progress",Progress.progress_bar_is_visible_cls]),max:Progress.progress_max,value:Progress.progress_val})));var index$1=Object.freeze({__proto__:null,Body:Body,CloseBtn:CloseBtn,ExtName:ExtName,KeepVisibleMsg:KeepVisibleMsg,Msg:Msg$1,Progress:Progress$1});const Visibility=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.page_is_crashed=!1,this.show_reload_ui_screen=()=>{this.page_is_crashed=!0},title.makeObservable(this,{page_is_crashed:title.observable,show_reload_ui_screen:title.action})}}.get_instance();var index=Object.freeze({__proto__:null,Visibility:Visibility});const Error=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.highlight_time=300,this.show=(error_obj,error_code,{error_msg_key:error_msg_key="",alt_msg:alt_msg="",notification_type:notification_type="error",hide_delay:hide_delay=error.Error.hide_delay,silent:silent=!1,persistent:persistent=!1,exit:exit=!1,is_fullscreen:is_fullscreen=!1,prevent_subsequent_errors:prevent_subsequent_errors=!1}={})=>{error.Error.show(error_obj,error_code,{error_msg_key:error_msg_key,alt_msg:alt_msg,notification_type:notification_type,hide_delay:hide_delay,silent:silent,persistent:persistent,exit:exit,is_fullscreen:is_fullscreen,prevent_subsequent_errors:prevent_subsequent_errors,show_error_state_1:this.show_error_state_1,show_error_state_2:this.show_error_state_2})},this.show_error_state_1=(error_obj,{error_msg_key:error_msg_key,alt_msg:alt_msg,notification_type:notification_type,hide_delay:hide_delay,is_fullscreen:is_fullscreen,error_ui_is_visible:error_ui_is_visible,persistent_final:persistent_final})=>{error_ui_is_visible&&(Msg.basic_msg=ext.msg(error_msg_key)||alt_msg,State.notification_type=notification_type,is_fullscreen&&State.change_state({observable_key:"is_fullscreen",state:!0}),State.change_state({observable_key:"is_visible",state:!0}),is_fullscreen||State.change_state({observable_key:"is_highlighted",state:!0}),State.clear_all_reset_state_timeouts(),error_obj&&error_obj.persistent||persistent_final||State.run_reset_state_timeout({observable_key:"is_visible",delay:hide_delay+this.highlight_time}),State.run_reset_state_timeout({observable_key:"is_highlighted",delay:this.highlight_time}))},this.show_error_state_2=(error_obj,error_code,{error_msg_key:error_msg_key,alt_msg:alt_msg,error_ui_is_visible:error_ui_is_visible,silent_final:silent_final})=>{if(error_obj&&error_code){error_ui_is_visible&&Msg.change_visibility_of_advanced_msg({is_visible:!1});const error_msg_pre=ext.msg(`${error_obj.error_msg||error_msg_key}_error`)||alt_msg,error_msg_final=error_msg_pre?` ${error_msg_pre}`:"";title.runInAction((()=>err((()=>{silent_final||(Msg.basic_msg=`${ext.msg("an_error_occured_msg")+error_msg_final}`,Msg.advanced_msg=`${ext.msg("error_code_label")+(error_obj.error_code||error_code)}\n${ext.msg("error_type_label")+error_obj.name}\n${ext.msg("error_msg_label")+error_obj.message}`)}),"shr_1195")))}},this.output=(error_obj,error_code)=>{const line="---------------------------",separator_bottom=`\n${line}`,error_code_and_msg=`${`${line}\n`}Code: ${error_code}\nMessage: ${error_obj.message}`,console_output=error_obj.stack?`${error_code_and_msg}\nStack: ${error_obj.stack+separator_bottom}`:error_code_and_msg+separator_bottom;console.error(console_output)},title.makeObservable(this,{show:title.action})}}.get_instance();const Msg=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.advanced_msg_is_visible=!1,this.basic_msg="",this.advanced_msg="",this.change_visibility_of_advanced_msg=({is_visible:is_visible})=>{this.advanced_msg_is_visible=is_visible},title.makeObservable(this,{advanced_msg_is_visible:title.observable,basic_msg:title.observable,advanced_msg:title.observable,advanced_msg_is_visible_cls:title.computed,more_info_btn_is_visible_cls:title.computed,change_visibility_of_advanced_msg:title.action})}get advanced_msg_is_visible_cls(){return this.advanced_msg_is_visible?"":"none"}get more_info_btn_is_visible_cls(){return this.advanced_msg_is_visible||""===this.advanced_msg?"none":""}}.get_instance();const Progress=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.progress_max=100,this.progress_val=100,this.timestamp_progress_begin=0,this.error_hide_delay=0,this.begin_progress=({error_hide_delay:error_hide_delay})=>{this.error_hide_delay=error_hide_delay,this.timestamp_progress_begin=Date.now(),this.progress_val=0},this.increment_progress=()=>{const progress_percentage=x.percentage(Date.now()-this.timestamp_progress_begin,this.error_hide_delay);this.progress_val=progress_percentage},this.hide_progress=()=>{clearTimeout(this.progress_timeout),this.progress_val=this.progress_max},this.update_progress_autorun=()=>{title.autorun((()=>{this.progress_val>=this.progress_max||(this.progress_timeout=setTimeout((()=>{this.increment_progress()}),10))}))},title.makeObservable(this,{progress_val:title.observable,progress_bar_is_visible_cls:title.computed,begin_progress:title.action,increment_progress:title.action,hide_progress:title.action})}get progress_bar_is_visible_cls(){return this.progress_val>=this.progress_max?"none":""}}.get_instance();const State=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.is_loaded=!1,this.is_visible=!1,this.is_highlighted=!1,this.is_fullscreen=!1,this.notification_type="error",this.change_state=({observable_key:observable_key,state:state})=>{this[observable_key]=state},this.run_reset_state_timeout=({observable_key:observable_key,delay:delay})=>{this[`${observable_key}_timeout`]=globalThis.setTimeout((()=>{this.change_state({observable_key:observable_key,state:!1})}),delay),"is_visible"===observable_key&&Progress.begin_progress({error_hide_delay:delay})},this.clear_all_reset_state_timeouts=()=>{n(this.is_visible_timeout)&&n(this.is_highlighted_timeout)&&(clearTimeout(this.is_visible_timeout),clearTimeout(this.is_highlighted_timeout),Progress.hide_progress())},title.makeObservable(this,{is_loaded:title.observable,is_visible:title.observable,is_highlighted:title.observable,is_fullscreen:title.observable,notification_type:title.observable,is_visible_style:title.computed,is_highlighted_cls:title.computed,change_state:title.action,run_reset_state_timeout:title.action})}get is_visible_style(){return this.is_loaded&&this.is_visible?"":"none"}get is_highlighted_cls(){return this.is_highlighted?"is_highlighted":""}get is_fullscreen_cls(){return this.is_fullscreen?"fullscreen":""}}.get_instance();const Page=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.reload=()=>{globalThis.location.reload()}}}.get_instance();const Css=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.load=({app_id:app_id})=>{x.css("font_face",document.head,`font_face_link_${app_id}`);const error_root=s(`.error_${app_id}`);if(n(error_root)){const error_shadow=n(error_root.shadowRoot)?error_root.shadowRoot:void 0;if(error_shadow){const error_css=x.css("error",error_shadow);n(error_css)&&x.bind(error_css,"load",(()=>{State.change_state({observable_key:"is_loaded",state:!0})}))}}}}}.get_instance();globalThis.show_err_ribbon=(error_obj,error_code,{error_msg_key:error_msg_key="",alt_msg:alt_msg="",notification_type:notification_type="error",hide_delay:hide_delay=error.Error.hide_delay,silent:silent=!1,persistent:persistent=!1,exit:exit=!1,is_fullscreen:is_fullscreen=!1,prevent_subsequent_errors:prevent_subsequent_errors=!1}={})=>Error.show(error_obj,error_code,{error_msg_key:error_msg_key,alt_msg:alt_msg,notification_type:notification_type,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay,is_fullscreen:is_fullscreen,prevent_subsequent_errors:prevent_subsequent_errors}),globalThis.show_flash=Flash.show,globalThis.show_notification=({error_msg_key:error_msg_key="",alt_msg:alt_msg="",notification_type:notification_type="neutral",hide_delay:hide_delay=error.Error.hide_delay,persistent:persistent=!1,is_fullscreen:is_fullscreen=!1,prevent_subsequent_errors:prevent_subsequent_errors=!1}={})=>{Notification.show({error_msg_key:error_msg_key,alt_msg:alt_msg,notification_type:notification_type,hide_delay:hide_delay,persistent:persistent,is_fullscreen:is_fullscreen,prevent_subsequent_errors:prevent_subsequent_errors})},globalThis.show_unable_to_access_settings_error=({is_fullscreen:is_fullscreen=!0}={})=>{Notification.show_unable_to_access_settings_error({is_fullscreen:is_fullscreen})},globalThis.err=(f,error_code,{error_msg_key:error_msg_key="",alt_msg:alt_msg="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=error.Error.hide_delay,is_fullscreen:is_fullscreen=!1,prevent_subsequent_errors:prevent_subsequent_errors=!1}={})=>{try{return f()}catch(error_obj){Error.show(error_obj,error_code,{error_msg_key:error_msg_key,alt_msg:alt_msg,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay,is_fullscreen:is_fullscreen,prevent_subsequent_errors:prevent_subsequent_errors})}},globalThis.err_async=(f_1,error_code_1,...args_1)=>viewport.__awaiter(void 0,[f_1,error_code_1,...args_1],void 0,(function*(f,error_code,{error_msg_key:error_msg_key="",alt_msg:alt_msg="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=error.Error.hide_delay,is_fullscreen:is_fullscreen=!1,prevent_subsequent_errors:prevent_subsequent_errors=!1}={}){try{return yield f()}catch(error_obj){Error.show(error_obj,error_code,{error_msg_key:error_msg_key,alt_msg:alt_msg,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay,is_fullscreen:is_fullscreen,prevent_subsequent_errors:prevent_subsequent_errors})}}));const Notification=class{static get_instance(){return this.instance||(this.instance=new this)}constructor(){this.show=({error_msg_key:error_msg_key="",alt_msg:alt_msg="",notification_type:notification_type="neutral",hide_delay:hide_delay=error.Error.hide_delay,persistent:persistent=!1,is_fullscreen:is_fullscreen=!1,prevent_subsequent_errors:prevent_subsequent_errors=!1})=>err((()=>{show_err_ribbon(void 0,void 0,{error_msg_key:error_msg_key,alt_msg:alt_msg,notification_type:notification_type,hide_delay:hide_delay,persistent:persistent,is_fullscreen:is_fullscreen,prevent_subsequent_errors:prevent_subsequent_errors})}),"shr_1253"),this.show_unable_to_access_settings_error=(...args_1)=>viewport.__awaiter(this,[...args_1],void 0,(function*({is_fullscreen:is_fullscreen=!0}={}){x.prefs_are_filled()||show_notification({error_msg_key:"unable_to_access_settings_error",notification_type:"negative",is_fullscreen:is_fullscreen,prevent_subsequent_errors:!0})}))}}.get_instance();Progress.update_progress_autorun(),exports.X=viewport.X,exports.prevent_default=viewport.prevent_default,exports.stop_propagation=viewport.stop_propagation,exports.i_color=index$e.index$9,exports.i_data=index$e.index$10,exports.o_schema=index$e.index,exports.s_color=index$e.index$1,exports.s_css_vars=index$e.index$2,exports.s_data=index$e.index$3,exports.s_no_tr=index$e.index$4,exports.s_service_worker=index$e.index$5,exports.s_theme=index$e.index$6,exports.s_utils=index$e.index$7,exports.s_viewport=index$e.index$8,exports.t=index$e.t,exports.vars=index$e.vars,exports.c_app_version=index$c,exports.c_crash_handler=index$2,exports.c_error=index$1,exports.c_loading_screen=index$b,exports.c_tr=index$a,exports.d_crash_handler=index,exports.d_data=index$d,exports.d_loading_screen=index$8,exports.d_offers=index$7,exports.d_schema=index$6,exports.init_shared=()=>err((()=>{err((()=>{title.InputWidth.set_min_and_max_width(),title.Sections.init_options(),title.Offers.set_offers()}),"shr_1087")}),"shr_1112"),exports.o_tr=index$9,exports.s_loading_screen=index$5,exports.s_tab_index=index$4,exports.s_title=index$3;
package/shared_clean.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright 2024
2
+ * Copyright 2025
3
3
  */
4
4
 
5
5
  "use strict";require("./chunk-error.js");var viewport=require("./chunk-viewport.js"),index$4=require("./chunk-index.js"),index$3=Object.freeze({__proto__:null,Settings:viewport.Settings}),index$2=Object.freeze({__proto__:null,Schema:viewport.Schema}),index$1=Object.freeze({__proto__:null,Visibility:viewport.Visibility}),index=Object.freeze({__proto__:null,Title:viewport.Title});exports.X=viewport.X,exports.prevent_default=viewport.prevent_default,exports.run_in_action_placeholder=viewport.run_in_action_placeholder,exports.stop_propagation=viewport.stop_propagation,exports.i_color=index$4.index$9,exports.i_data=index$4.index$10,exports.o_schema=index$4.index,exports.s_color=index$4.index$1,exports.s_css_vars=index$4.index$2,exports.s_data=index$4.index$3,exports.s_no_tr=index$4.index$4,exports.s_service_worker=index$4.index$5,exports.s_theme=index$4.index$6,exports.s_utils=index$4.index$7,exports.s_viewport=index$4.index$8,exports.t=index$4.t,exports.vars=index$4.vars,exports.d_data=index$3,exports.d_schema=index$2,exports.s_announcement=index$1,exports.s_title=index;