custom-electron-titlebar 4.2.6 → 4.2.8

package/README.md

@@ -7,29 +7,35 @@ This project is a typescript library for electron that allows you to configure a
 [![NPM](https://badgen.net/npm/v/custom-electron-titlebar?label=NPM)](https://npmjs.org/package/custom-electron-titlebar)
 [![Install size](https://badgen.net/packagephobia/install/custom-electron-titlebar?label=Install%20size)](https://packagephobia.com/result?p=custom-electron-titlebar)
 
-[📄 Visit Documentation](https://cet.alextrs.dev)
+[📄 Documentation](https://github.com/AlexTorresDev/custom-electron-titlebar/wiki)
 
-Standard Title Bar
+### Standard Title Bar
 
-![Screenshot 1](screenshots/cet-1.png)
+![Screenshot 1](screenshots/70shots_so.jpg)
 
-Bottom Menu Bar
+### Bottom Menu Bar
 
-![Screenshot 2](screenshots/cet-2.png)
+![Screenshot 2](screenshots/544shots_so.jpg)
 
-Menu
+### Menu
 
-![Screenshot 3](screenshots/cet-3.png)
+![Screenshot 3](screenshots/780shots_so.jpg)
 
-Custom color
+### Custom color
 
-![Screenshot 4](screenshots/cet-4.png)
+![Screenshot 4](screenshots/262shots_so.jpg)
 
 # 📦 Installing
-You can install this package with `npm`.
+You can install this package with `npm`, `pnpm` or `yarn`.
 ```sh
 npm install custom-electron-titlebar
 ```
+```sh
+pnpm add custom-electron-titlebar
+```
+```sh
+yarn add custom-electron-titlebar
+```
 
 # 🛠️ Usage
 The implementation is done as follows:
@@ -46,8 +52,10 @@ function createWindow() {
   const mainWindow = new BrowserWindow({
     width: 800,
     height: 600,
-    titleBarStyle: 'hidden',
     //frame: false, // needed if process.versions.electron < 14
+    titleBarStyle: 'hidden',
+    /* You can use *titleBarOverlay: true* to use the original Windows controls */
+    titleBarOverlay: true,
     webPreferences: {
       sandbox: false,
       preload: path.join(__dirname, 'preload.js')

package/base/browser/keyboardEvent.js

@@ -174,7 +174,6 @@ const INVERSE_KEY_CODE_MAP = new Array(112 /* KeyCode.MAX_VALUE */);
     define(92, 57 /* KeyCode.Meta */);
   }
 })();
-
 function extractKeyCode(e) {
   if (e.charCode) {
     // "keypress" events mostly
@@ -183,7 +182,6 @@ function extractKeyCode(e) {
   }
   return _get__("KEY_CODE_MAP")[e.keyCode] || 0 /* KeyCode.Unknown */;
 }
-
 function getCodeForKeyCode(keyCode) {
   return _get__("INVERSE_KEY_CODE_MAP")[keyCode];
 }

package/base/common/charCode.d.ts

@@ -211,191 +211,191 @@ export declare const enum CharCode {
      * The `~` character.
      */
     Tilde = 126,
-    U_Combining_Grave_Accent = 768,
-    U_Combining_Acute_Accent = 769,
-    U_Combining_Circumflex_Accent = 770,
-    U_Combining_Tilde = 771,
-    U_Combining_Macron = 772,
-    U_Combining_Overline = 773,
-    U_Combining_Breve = 774,
-    U_Combining_Dot_Above = 775,
-    U_Combining_Diaeresis = 776,
-    U_Combining_Hook_Above = 777,
-    U_Combining_Ring_Above = 778,
-    U_Combining_Double_Acute_Accent = 779,
-    U_Combining_Caron = 780,
-    U_Combining_Vertical_Line_Above = 781,
-    U_Combining_Double_Vertical_Line_Above = 782,
-    U_Combining_Double_Grave_Accent = 783,
-    U_Combining_Candrabindu = 784,
-    U_Combining_Inverted_Breve = 785,
-    U_Combining_Turned_Comma_Above = 786,
-    U_Combining_Comma_Above = 787,
-    U_Combining_Reversed_Comma_Above = 788,
-    U_Combining_Comma_Above_Right = 789,
-    U_Combining_Grave_Accent_Below = 790,
-    U_Combining_Acute_Accent_Below = 791,
-    U_Combining_Left_Tack_Below = 792,
-    U_Combining_Right_Tack_Below = 793,
-    U_Combining_Left_Angle_Above = 794,
-    U_Combining_Horn = 795,
-    U_Combining_Left_Half_Ring_Below = 796,
-    U_Combining_Up_Tack_Below = 797,
-    U_Combining_Down_Tack_Below = 798,
-    U_Combining_Plus_Sign_Below = 799,
-    U_Combining_Minus_Sign_Below = 800,
-    U_Combining_Palatalized_Hook_Below = 801,
-    U_Combining_Retroflex_Hook_Below = 802,
-    U_Combining_Dot_Below = 803,
-    U_Combining_Diaeresis_Below = 804,
-    U_Combining_Ring_Below = 805,
-    U_Combining_Comma_Below = 806,
-    U_Combining_Cedilla = 807,
-    U_Combining_Ogonek = 808,
-    U_Combining_Vertical_Line_Below = 809,
-    U_Combining_Bridge_Below = 810,
-    U_Combining_Inverted_Double_Arch_Below = 811,
-    U_Combining_Caron_Below = 812,
-    U_Combining_Circumflex_Accent_Below = 813,
-    U_Combining_Breve_Below = 814,
-    U_Combining_Inverted_Breve_Below = 815,
-    U_Combining_Tilde_Below = 816,
-    U_Combining_Macron_Below = 817,
-    U_Combining_Low_Line = 818,
-    U_Combining_Double_Low_Line = 819,
-    U_Combining_Tilde_Overlay = 820,
-    U_Combining_Short_Stroke_Overlay = 821,
-    U_Combining_Long_Stroke_Overlay = 822,
-    U_Combining_Short_Solidus_Overlay = 823,
-    U_Combining_Long_Solidus_Overlay = 824,
-    U_Combining_Right_Half_Ring_Below = 825,
-    U_Combining_Inverted_Bridge_Below = 826,
-    U_Combining_Square_Below = 827,
-    U_Combining_Seagull_Below = 828,
-    U_Combining_X_Above = 829,
-    U_Combining_Vertical_Tilde = 830,
-    U_Combining_Double_Overline = 831,
-    U_Combining_Grave_Tone_Mark = 832,
-    U_Combining_Acute_Tone_Mark = 833,
-    U_Combining_Greek_Perispomeni = 834,
-    U_Combining_Greek_Koronis = 835,
-    U_Combining_Greek_Dialytika_Tonos = 836,
-    U_Combining_Greek_Ypogegrammeni = 837,
-    U_Combining_Bridge_Above = 838,
-    U_Combining_Equals_Sign_Below = 839,
-    U_Combining_Double_Vertical_Line_Below = 840,
-    U_Combining_Left_Angle_Below = 841,
-    U_Combining_Not_Tilde_Above = 842,
-    U_Combining_Homothetic_Above = 843,
-    U_Combining_Almost_Equal_To_Above = 844,
-    U_Combining_Left_Right_Arrow_Below = 845,
-    U_Combining_Upwards_Arrow_Below = 846,
-    U_Combining_Grapheme_Joiner = 847,
-    U_Combining_Right_Arrowhead_Above = 848,
-    U_Combining_Left_Half_Ring_Above = 849,
-    U_Combining_Fermata = 850,
-    U_Combining_X_Below = 851,
-    U_Combining_Left_Arrowhead_Below = 852,
-    U_Combining_Right_Arrowhead_Below = 853,
-    U_Combining_Right_Arrowhead_And_Up_Arrowhead_Below = 854,
-    U_Combining_Right_Half_Ring_Above = 855,
-    U_Combining_Dot_Above_Right = 856,
-    U_Combining_Asterisk_Below = 857,
-    U_Combining_Double_Ring_Below = 858,
-    U_Combining_Zigzag_Above = 859,
-    U_Combining_Double_Breve_Below = 860,
-    U_Combining_Double_Breve = 861,
-    U_Combining_Double_Macron = 862,
-    U_Combining_Double_Macron_Below = 863,
-    U_Combining_Double_Tilde = 864,
-    U_Combining_Double_Inverted_Breve = 865,
-    U_Combining_Double_Rightwards_Arrow_Below = 866,
-    U_Combining_Latin_Small_Letter_A = 867,
-    U_Combining_Latin_Small_Letter_E = 868,
-    U_Combining_Latin_Small_Letter_I = 869,
-    U_Combining_Latin_Small_Letter_O = 870,
-    U_Combining_Latin_Small_Letter_U = 871,
-    U_Combining_Latin_Small_Letter_C = 872,
-    U_Combining_Latin_Small_Letter_D = 873,
-    U_Combining_Latin_Small_Letter_H = 874,
-    U_Combining_Latin_Small_Letter_M = 875,
-    U_Combining_Latin_Small_Letter_R = 876,
-    U_Combining_Latin_Small_Letter_T = 877,
-    U_Combining_Latin_Small_Letter_V = 878,
-    U_Combining_Latin_Small_Letter_X = 879,
+    U_Combining_Grave_Accent = 768,//	U+0300	Combining Grave Accent
+    U_Combining_Acute_Accent = 769,//	U+0301	Combining Acute Accent
+    U_Combining_Circumflex_Accent = 770,//	U+0302	Combining Circumflex Accent
+    U_Combining_Tilde = 771,//	U+0303	Combining Tilde
+    U_Combining_Macron = 772,//	U+0304	Combining Macron
+    U_Combining_Overline = 773,//	U+0305	Combining Overline
+    U_Combining_Breve = 774,//	U+0306	Combining Breve
+    U_Combining_Dot_Above = 775,//	U+0307	Combining Dot Above
+    U_Combining_Diaeresis = 776,//	U+0308	Combining Diaeresis
+    U_Combining_Hook_Above = 777,//	U+0309	Combining Hook Above
+    U_Combining_Ring_Above = 778,//	U+030A	Combining Ring Above
+    U_Combining_Double_Acute_Accent = 779,//	U+030B	Combining Double Acute Accent
+    U_Combining_Caron = 780,//	U+030C	Combining Caron
+    U_Combining_Vertical_Line_Above = 781,//	U+030D	Combining Vertical Line Above
+    U_Combining_Double_Vertical_Line_Above = 782,//	U+030E	Combining Double Vertical Line Above
+    U_Combining_Double_Grave_Accent = 783,//	U+030F	Combining Double Grave Accent
+    U_Combining_Candrabindu = 784,//	U+0310	Combining Candrabindu
+    U_Combining_Inverted_Breve = 785,//	U+0311	Combining Inverted Breve
+    U_Combining_Turned_Comma_Above = 786,//	U+0312	Combining Turned Comma Above
+    U_Combining_Comma_Above = 787,//	U+0313	Combining Comma Above
+    U_Combining_Reversed_Comma_Above = 788,//	U+0314	Combining Reversed Comma Above
+    U_Combining_Comma_Above_Right = 789,//	U+0315	Combining Comma Above Right
+    U_Combining_Grave_Accent_Below = 790,//	U+0316	Combining Grave Accent Below
+    U_Combining_Acute_Accent_Below = 791,//	U+0317	Combining Acute Accent Below
+    U_Combining_Left_Tack_Below = 792,//	U+0318	Combining Left Tack Below
+    U_Combining_Right_Tack_Below = 793,//	U+0319	Combining Right Tack Below
+    U_Combining_Left_Angle_Above = 794,//	U+031A	Combining Left Angle Above
+    U_Combining_Horn = 795,//	U+031B	Combining Horn
+    U_Combining_Left_Half_Ring_Below = 796,//	U+031C	Combining Left Half Ring Below
+    U_Combining_Up_Tack_Below = 797,//	U+031D	Combining Up Tack Below
+    U_Combining_Down_Tack_Below = 798,//	U+031E	Combining Down Tack Below
+    U_Combining_Plus_Sign_Below = 799,//	U+031F	Combining Plus Sign Below
+    U_Combining_Minus_Sign_Below = 800,//	U+0320	Combining Minus Sign Below
+    U_Combining_Palatalized_Hook_Below = 801,//	U+0321	Combining Palatalized Hook Below
+    U_Combining_Retroflex_Hook_Below = 802,//	U+0322	Combining Retroflex Hook Below
+    U_Combining_Dot_Below = 803,//	U+0323	Combining Dot Below
+    U_Combining_Diaeresis_Below = 804,//	U+0324	Combining Diaeresis Below
+    U_Combining_Ring_Below = 805,//	U+0325	Combining Ring Below
+    U_Combining_Comma_Below = 806,//	U+0326	Combining Comma Below
+    U_Combining_Cedilla = 807,//	U+0327	Combining Cedilla
+    U_Combining_Ogonek = 808,//	U+0328	Combining Ogonek
+    U_Combining_Vertical_Line_Below = 809,//	U+0329	Combining Vertical Line Below
+    U_Combining_Bridge_Below = 810,//	U+032A	Combining Bridge Below
+    U_Combining_Inverted_Double_Arch_Below = 811,//	U+032B	Combining Inverted Double Arch Below
+    U_Combining_Caron_Below = 812,//	U+032C	Combining Caron Below
+    U_Combining_Circumflex_Accent_Below = 813,//	U+032D	Combining Circumflex Accent Below
+    U_Combining_Breve_Below = 814,//	U+032E	Combining Breve Below
+    U_Combining_Inverted_Breve_Below = 815,//	U+032F	Combining Inverted Breve Below
+    U_Combining_Tilde_Below = 816,//	U+0330	Combining Tilde Below
+    U_Combining_Macron_Below = 817,//	U+0331	Combining Macron Below
+    U_Combining_Low_Line = 818,//	U+0332	Combining Low Line
+    U_Combining_Double_Low_Line = 819,//	U+0333	Combining Double Low Line
+    U_Combining_Tilde_Overlay = 820,//	U+0334	Combining Tilde Overlay
+    U_Combining_Short_Stroke_Overlay = 821,//	U+0335	Combining Short Stroke Overlay
+    U_Combining_Long_Stroke_Overlay = 822,//	U+0336	Combining Long Stroke Overlay
+    U_Combining_Short_Solidus_Overlay = 823,//	U+0337	Combining Short Solidus Overlay
+    U_Combining_Long_Solidus_Overlay = 824,//	U+0338	Combining Long Solidus Overlay
+    U_Combining_Right_Half_Ring_Below = 825,//	U+0339	Combining Right Half Ring Below
+    U_Combining_Inverted_Bridge_Below = 826,//	U+033A	Combining Inverted Bridge Below
+    U_Combining_Square_Below = 827,//	U+033B	Combining Square Below
+    U_Combining_Seagull_Below = 828,//	U+033C	Combining Seagull Below
+    U_Combining_X_Above = 829,//	U+033D	Combining X Above
+    U_Combining_Vertical_Tilde = 830,//	U+033E	Combining Vertical Tilde
+    U_Combining_Double_Overline = 831,//	U+033F	Combining Double Overline
+    U_Combining_Grave_Tone_Mark = 832,//	U+0340	Combining Grave Tone Mark
+    U_Combining_Acute_Tone_Mark = 833,//	U+0341	Combining Acute Tone Mark
+    U_Combining_Greek_Perispomeni = 834,//	U+0342	Combining Greek Perispomeni
+    U_Combining_Greek_Koronis = 835,//	U+0343	Combining Greek Koronis
+    U_Combining_Greek_Dialytika_Tonos = 836,//	U+0344	Combining Greek Dialytika Tonos
+    U_Combining_Greek_Ypogegrammeni = 837,//	U+0345	Combining Greek Ypogegrammeni
+    U_Combining_Bridge_Above = 838,//	U+0346	Combining Bridge Above
+    U_Combining_Equals_Sign_Below = 839,//	U+0347	Combining Equals Sign Below
+    U_Combining_Double_Vertical_Line_Below = 840,//	U+0348	Combining Double Vertical Line Below
+    U_Combining_Left_Angle_Below = 841,//	U+0349	Combining Left Angle Below
+    U_Combining_Not_Tilde_Above = 842,//	U+034A	Combining Not Tilde Above
+    U_Combining_Homothetic_Above = 843,//	U+034B	Combining Homothetic Above
+    U_Combining_Almost_Equal_To_Above = 844,//	U+034C	Combining Almost Equal To Above
+    U_Combining_Left_Right_Arrow_Below = 845,//	U+034D	Combining Left Right Arrow Below
+    U_Combining_Upwards_Arrow_Below = 846,//	U+034E	Combining Upwards Arrow Below
+    U_Combining_Grapheme_Joiner = 847,//	U+034F	Combining Grapheme Joiner
+    U_Combining_Right_Arrowhead_Above = 848,//	U+0350	Combining Right Arrowhead Above
+    U_Combining_Left_Half_Ring_Above = 849,//	U+0351	Combining Left Half Ring Above
+    U_Combining_Fermata = 850,//	U+0352	Combining Fermata
+    U_Combining_X_Below = 851,//	U+0353	Combining X Below
+    U_Combining_Left_Arrowhead_Below = 852,//	U+0354	Combining Left Arrowhead Below
+    U_Combining_Right_Arrowhead_Below = 853,//	U+0355	Combining Right Arrowhead Below
+    U_Combining_Right_Arrowhead_And_Up_Arrowhead_Below = 854,//	U+0356	Combining Right Arrowhead And Up Arrowhead Below
+    U_Combining_Right_Half_Ring_Above = 855,//	U+0357	Combining Right Half Ring Above
+    U_Combining_Dot_Above_Right = 856,//	U+0358	Combining Dot Above Right
+    U_Combining_Asterisk_Below = 857,//	U+0359	Combining Asterisk Below
+    U_Combining_Double_Ring_Below = 858,//	U+035A	Combining Double Ring Below
+    U_Combining_Zigzag_Above = 859,//	U+035B	Combining Zigzag Above
+    U_Combining_Double_Breve_Below = 860,//	U+035C	Combining Double Breve Below
+    U_Combining_Double_Breve = 861,//	U+035D	Combining Double Breve
+    U_Combining_Double_Macron = 862,//	U+035E	Combining Double Macron
+    U_Combining_Double_Macron_Below = 863,//	U+035F	Combining Double Macron Below
+    U_Combining_Double_Tilde = 864,//	U+0360	Combining Double Tilde
+    U_Combining_Double_Inverted_Breve = 865,//	U+0361	Combining Double Inverted Breve
+    U_Combining_Double_Rightwards_Arrow_Below = 866,//	U+0362	Combining Double Rightwards Arrow Below
+    U_Combining_Latin_Small_Letter_A = 867,//	U+0363	Combining Latin Small Letter A
+    U_Combining_Latin_Small_Letter_E = 868,//	U+0364	Combining Latin Small Letter E
+    U_Combining_Latin_Small_Letter_I = 869,//	U+0365	Combining Latin Small Letter I
+    U_Combining_Latin_Small_Letter_O = 870,//	U+0366	Combining Latin Small Letter O
+    U_Combining_Latin_Small_Letter_U = 871,//	U+0367	Combining Latin Small Letter U
+    U_Combining_Latin_Small_Letter_C = 872,//	U+0368	Combining Latin Small Letter C
+    U_Combining_Latin_Small_Letter_D = 873,//	U+0369	Combining Latin Small Letter D
+    U_Combining_Latin_Small_Letter_H = 874,//	U+036A	Combining Latin Small Letter H
+    U_Combining_Latin_Small_Letter_M = 875,//	U+036B	Combining Latin Small Letter M
+    U_Combining_Latin_Small_Letter_R = 876,//	U+036C	Combining Latin Small Letter R
+    U_Combining_Latin_Small_Letter_T = 877,//	U+036D	Combining Latin Small Letter T
+    U_Combining_Latin_Small_Letter_V = 878,//	U+036E	Combining Latin Small Letter V
+    U_Combining_Latin_Small_Letter_X = 879,//	U+036F	Combining Latin Small Letter X
     /**
      * Unicode Character 'LINE SEPARATOR' (U+2028)
      * http://www.fileformat.info/info/unicode/char/2028/index.htm
      */
     LINE_SEPARATOR_2028 = 8232,
-    U_CIRCUMFLEX = 94,
-    U_GRAVE_ACCENT = 96,
-    U_DIAERESIS = 168,
-    U_MACRON = 175,
-    U_ACUTE_ACCENT = 180,
-    U_CEDILLA = 184,
-    U_MODIFIER_LETTER_LEFT_ARROWHEAD = 706,
-    U_MODIFIER_LETTER_RIGHT_ARROWHEAD = 707,
-    U_MODIFIER_LETTER_UP_ARROWHEAD = 708,
-    U_MODIFIER_LETTER_DOWN_ARROWHEAD = 709,
-    U_MODIFIER_LETTER_CENTRED_RIGHT_HALF_RING = 722,
-    U_MODIFIER_LETTER_CENTRED_LEFT_HALF_RING = 723,
-    U_MODIFIER_LETTER_UP_TACK = 724,
-    U_MODIFIER_LETTER_DOWN_TACK = 725,
-    U_MODIFIER_LETTER_PLUS_SIGN = 726,
-    U_MODIFIER_LETTER_MINUS_SIGN = 727,
-    U_BREVE = 728,
-    U_DOT_ABOVE = 729,
-    U_RING_ABOVE = 730,
-    U_OGONEK = 731,
-    U_SMALL_TILDE = 732,
-    U_DOUBLE_ACUTE_ACCENT = 733,
-    U_MODIFIER_LETTER_RHOTIC_HOOK = 734,
-    U_MODIFIER_LETTER_CROSS_ACCENT = 735,
-    U_MODIFIER_LETTER_EXTRA_HIGH_TONE_BAR = 741,
-    U_MODIFIER_LETTER_HIGH_TONE_BAR = 742,
-    U_MODIFIER_LETTER_MID_TONE_BAR = 743,
-    U_MODIFIER_LETTER_LOW_TONE_BAR = 744,
-    U_MODIFIER_LETTER_EXTRA_LOW_TONE_BAR = 745,
-    U_MODIFIER_LETTER_YIN_DEPARTING_TONE_MARK = 746,
-    U_MODIFIER_LETTER_YANG_DEPARTING_TONE_MARK = 747,
-    U_MODIFIER_LETTER_UNASPIRATED = 749,
-    U_MODIFIER_LETTER_LOW_DOWN_ARROWHEAD = 751,
-    U_MODIFIER_LETTER_LOW_UP_ARROWHEAD = 752,
-    U_MODIFIER_LETTER_LOW_LEFT_ARROWHEAD = 753,
-    U_MODIFIER_LETTER_LOW_RIGHT_ARROWHEAD = 754,
-    U_MODIFIER_LETTER_LOW_RING = 755,
-    U_MODIFIER_LETTER_MIDDLE_GRAVE_ACCENT = 756,
-    U_MODIFIER_LETTER_MIDDLE_DOUBLE_GRAVE_ACCENT = 757,
-    U_MODIFIER_LETTER_MIDDLE_DOUBLE_ACUTE_ACCENT = 758,
-    U_MODIFIER_LETTER_LOW_TILDE = 759,
-    U_MODIFIER_LETTER_RAISED_COLON = 760,
-    U_MODIFIER_LETTER_BEGIN_HIGH_TONE = 761,
-    U_MODIFIER_LETTER_END_HIGH_TONE = 762,
-    U_MODIFIER_LETTER_BEGIN_LOW_TONE = 763,
-    U_MODIFIER_LETTER_END_LOW_TONE = 764,
-    U_MODIFIER_LETTER_SHELF = 765,
-    U_MODIFIER_LETTER_OPEN_SHELF = 766,
-    U_MODIFIER_LETTER_LOW_LEFT_ARROW = 767,
-    U_GREEK_LOWER_NUMERAL_SIGN = 885,
-    U_GREEK_TONOS = 900,
-    U_GREEK_DIALYTIKA_TONOS = 901,
-    U_GREEK_KORONIS = 8125,
-    U_GREEK_PSILI = 8127,
-    U_GREEK_PERISPOMENI = 8128,
-    U_GREEK_DIALYTIKA_AND_PERISPOMENI = 8129,
-    U_GREEK_PSILI_AND_VARIA = 8141,
-    U_GREEK_PSILI_AND_OXIA = 8142,
-    U_GREEK_PSILI_AND_PERISPOMENI = 8143,
-    U_GREEK_DASIA_AND_VARIA = 8157,
-    U_GREEK_DASIA_AND_OXIA = 8158,
-    U_GREEK_DASIA_AND_PERISPOMENI = 8159,
-    U_GREEK_DIALYTIKA_AND_VARIA = 8173,
-    U_GREEK_DIALYTIKA_AND_OXIA = 8174,
-    U_GREEK_VARIA = 8175,
-    U_GREEK_OXIA = 8189,
-    U_GREEK_DASIA = 8190,
-    U_OVERLINE = 8254,
+    U_CIRCUMFLEX = 94,// U+005E	CIRCUMFLEX
+    U_GRAVE_ACCENT = 96,// U+0060	GRAVE ACCENT
+    U_DIAERESIS = 168,// U+00A8	DIAERESIS
+    U_MACRON = 175,// U+00AF	MACRON
+    U_ACUTE_ACCENT = 180,// U+00B4	ACUTE ACCENT
+    U_CEDILLA = 184,// U+00B8	CEDILLA
+    U_MODIFIER_LETTER_LEFT_ARROWHEAD = 706,// U+02C2	MODIFIER LETTER LEFT ARROWHEAD
+    U_MODIFIER_LETTER_RIGHT_ARROWHEAD = 707,// U+02C3	MODIFIER LETTER RIGHT ARROWHEAD
+    U_MODIFIER_LETTER_UP_ARROWHEAD = 708,// U+02C4	MODIFIER LETTER UP ARROWHEAD
+    U_MODIFIER_LETTER_DOWN_ARROWHEAD = 709,// U+02C5	MODIFIER LETTER DOWN ARROWHEAD
+    U_MODIFIER_LETTER_CENTRED_RIGHT_HALF_RING = 722,// U+02D2	MODIFIER LETTER CENTRED RIGHT HALF RING
+    U_MODIFIER_LETTER_CENTRED_LEFT_HALF_RING = 723,// U+02D3	MODIFIER LETTER CENTRED LEFT HALF RING
+    U_MODIFIER_LETTER_UP_TACK = 724,// U+02D4	MODIFIER LETTER UP TACK
+    U_MODIFIER_LETTER_DOWN_TACK = 725,// U+02D5	MODIFIER LETTER DOWN TACK
+    U_MODIFIER_LETTER_PLUS_SIGN = 726,// U+02D6	MODIFIER LETTER PLUS SIGN
+    U_MODIFIER_LETTER_MINUS_SIGN = 727,// U+02D7	MODIFIER LETTER MINUS SIGN
+    U_BREVE = 728,// U+02D8	BREVE
+    U_DOT_ABOVE = 729,// U+02D9	DOT ABOVE
+    U_RING_ABOVE = 730,// U+02DA	RING ABOVE
+    U_OGONEK = 731,// U+02DB	OGONEK
+    U_SMALL_TILDE = 732,// U+02DC	SMALL TILDE
+    U_DOUBLE_ACUTE_ACCENT = 733,// U+02DD	DOUBLE ACUTE ACCENT
+    U_MODIFIER_LETTER_RHOTIC_HOOK = 734,// U+02DE	MODIFIER LETTER RHOTIC HOOK
+    U_MODIFIER_LETTER_CROSS_ACCENT = 735,// U+02DF	MODIFIER LETTER CROSS ACCENT
+    U_MODIFIER_LETTER_EXTRA_HIGH_TONE_BAR = 741,// U+02E5	MODIFIER LETTER EXTRA-HIGH TONE BAR
+    U_MODIFIER_LETTER_HIGH_TONE_BAR = 742,// U+02E6	MODIFIER LETTER HIGH TONE BAR
+    U_MODIFIER_LETTER_MID_TONE_BAR = 743,// U+02E7	MODIFIER LETTER MID TONE BAR
+    U_MODIFIER_LETTER_LOW_TONE_BAR = 744,// U+02E8	MODIFIER LETTER LOW TONE BAR
+    U_MODIFIER_LETTER_EXTRA_LOW_TONE_BAR = 745,// U+02E9	MODIFIER LETTER EXTRA-LOW TONE BAR
+    U_MODIFIER_LETTER_YIN_DEPARTING_TONE_MARK = 746,// U+02EA	MODIFIER LETTER YIN DEPARTING TONE MARK
+    U_MODIFIER_LETTER_YANG_DEPARTING_TONE_MARK = 747,// U+02EB	MODIFIER LETTER YANG DEPARTING TONE MARK
+    U_MODIFIER_LETTER_UNASPIRATED = 749,// U+02ED	MODIFIER LETTER UNASPIRATED
+    U_MODIFIER_LETTER_LOW_DOWN_ARROWHEAD = 751,// U+02EF	MODIFIER LETTER LOW DOWN ARROWHEAD
+    U_MODIFIER_LETTER_LOW_UP_ARROWHEAD = 752,// U+02F0	MODIFIER LETTER LOW UP ARROWHEAD
+    U_MODIFIER_LETTER_LOW_LEFT_ARROWHEAD = 753,// U+02F1	MODIFIER LETTER LOW LEFT ARROWHEAD
+    U_MODIFIER_LETTER_LOW_RIGHT_ARROWHEAD = 754,// U+02F2	MODIFIER LETTER LOW RIGHT ARROWHEAD
+    U_MODIFIER_LETTER_LOW_RING = 755,// U+02F3	MODIFIER LETTER LOW RING
+    U_MODIFIER_LETTER_MIDDLE_GRAVE_ACCENT = 756,// U+02F4	MODIFIER LETTER MIDDLE GRAVE ACCENT
+    U_MODIFIER_LETTER_MIDDLE_DOUBLE_GRAVE_ACCENT = 757,// U+02F5	MODIFIER LETTER MIDDLE DOUBLE GRAVE ACCENT
+    U_MODIFIER_LETTER_MIDDLE_DOUBLE_ACUTE_ACCENT = 758,// U+02F6	MODIFIER LETTER MIDDLE DOUBLE ACUTE ACCENT
+    U_MODIFIER_LETTER_LOW_TILDE = 759,// U+02F7	MODIFIER LETTER LOW TILDE
+    U_MODIFIER_LETTER_RAISED_COLON = 760,// U+02F8	MODIFIER LETTER RAISED COLON
+    U_MODIFIER_LETTER_BEGIN_HIGH_TONE = 761,// U+02F9	MODIFIER LETTER BEGIN HIGH TONE
+    U_MODIFIER_LETTER_END_HIGH_TONE = 762,// U+02FA	MODIFIER LETTER END HIGH TONE
+    U_MODIFIER_LETTER_BEGIN_LOW_TONE = 763,// U+02FB	MODIFIER LETTER BEGIN LOW TONE
+    U_MODIFIER_LETTER_END_LOW_TONE = 764,// U+02FC	MODIFIER LETTER END LOW TONE
+    U_MODIFIER_LETTER_SHELF = 765,// U+02FD	MODIFIER LETTER SHELF
+    U_MODIFIER_LETTER_OPEN_SHELF = 766,// U+02FE	MODIFIER LETTER OPEN SHELF
+    U_MODIFIER_LETTER_LOW_LEFT_ARROW = 767,// U+02FF	MODIFIER LETTER LOW LEFT ARROW
+    U_GREEK_LOWER_NUMERAL_SIGN = 885,// U+0375	GREEK LOWER NUMERAL SIGN
+    U_GREEK_TONOS = 900,// U+0384	GREEK TONOS
+    U_GREEK_DIALYTIKA_TONOS = 901,// U+0385	GREEK DIALYTIKA TONOS
+    U_GREEK_KORONIS = 8125,// U+1FBD	GREEK KORONIS
+    U_GREEK_PSILI = 8127,// U+1FBF	GREEK PSILI
+    U_GREEK_PERISPOMENI = 8128,// U+1FC0	GREEK PERISPOMENI
+    U_GREEK_DIALYTIKA_AND_PERISPOMENI = 8129,// U+1FC1	GREEK DIALYTIKA AND PERISPOMENI
+    U_GREEK_PSILI_AND_VARIA = 8141,// U+1FCD	GREEK PSILI AND VARIA
+    U_GREEK_PSILI_AND_OXIA = 8142,// U+1FCE	GREEK PSILI AND OXIA
+    U_GREEK_PSILI_AND_PERISPOMENI = 8143,// U+1FCF	GREEK PSILI AND PERISPOMENI
+    U_GREEK_DASIA_AND_VARIA = 8157,// U+1FDD	GREEK DASIA AND VARIA
+    U_GREEK_DASIA_AND_OXIA = 8158,// U+1FDE	GREEK DASIA AND OXIA
+    U_GREEK_DASIA_AND_PERISPOMENI = 8159,// U+1FDF	GREEK DASIA AND PERISPOMENI
+    U_GREEK_DIALYTIKA_AND_VARIA = 8173,// U+1FED	GREEK DIALYTIKA AND VARIA
+    U_GREEK_DIALYTIKA_AND_OXIA = 8174,// U+1FEE	GREEK DIALYTIKA AND OXIA
+    U_GREEK_VARIA = 8175,// U+1FEF	GREEK VARIA
+    U_GREEK_OXIA = 8189,// U+1FFD	GREEK OXIA
+    U_GREEK_DASIA = 8190,// U+1FFE	GREEK DASIA
+    U_OVERLINE = 8254,// Unicode Character 'OVERLINE'
     /**
      * UTF-8 BOM
      * Unicode Character 'ZERO WIDTH NO-BREAK SPACE' (U+FEFF)

package/base/common/dom.js

@@ -450,12 +450,10 @@ class AnimationFrameQueueItem {
 function measure(callback) {
   return (0, exports.scheduleAtNextAnimationFrame)(callback, 10000 /* must be early */);
 }
-
 exports.measure = _get__("measure");
 function modify(callback) {
   return (0, exports.scheduleAtNextAnimationFrame)(callback, -10000 /* must be late */);
 }
-
 exports.modify = _get__("modify");
 const MINIMUM_TIME_MS = 16;
 const DEFAULT_EVENT_MERGER = function (lastEvent, currentEvent) {

package/base/common/iterator.d.ts

@@ -11,7 +11,7 @@ export type IteratorResult<T> = IteratorDefinedResult<T> | IteratorUndefinedResu
 export interface Iterator<T> {
     next(): IteratorResult<T>;
 }
-export declare module Iterator {
+export declare namespace Iterator {
     function empty<T>(): Iterator<T>;
     function fromArray<T>(array: T[], index?: number, length?: number): Iterator<T>;
     function from<T>(elements: Iterator<T> | T[] | undefined): Iterator<T>;

package/base/common/iterator.js

@@ -156,7 +156,6 @@ class MappedIterator {
     this.fn = fn;
     // noop
   }
-
   next() {
     return this.fn(this.iterator.next());
   }

package/base/common/keyCodes.d.ts

@@ -151,28 +151,28 @@ export declare const enum KeyCode {
      * Either the angle bracket key or the backslash key on the RT 102-key keyboard.
      */
     OEM_102 = 92,
-    NUMPAD_0 = 93,
-    NUMPAD_1 = 94,
-    NUMPAD_2 = 95,
-    NUMPAD_3 = 96,
-    NUMPAD_4 = 97,
-    NUMPAD_5 = 98,
-    NUMPAD_6 = 99,
-    NUMPAD_7 = 100,
-    NUMPAD_8 = 101,
-    NUMPAD_9 = 102,
-    NUMPAD_MULTIPLY = 103,
-    NUMPAD_ADD = 104,
-    NUMPAD_SEPARATOR = 105,
-    NUMPAD_SUBTRACT = 106,
-    NUMPAD_DECIMAL = 107,
-    NUMPAD_DIVIDE = 108,
+    NUMPAD_0 = 93,// VK_NUMPAD0, 0x60, Numeric keypad 0 key
+    NUMPAD_1 = 94,// VK_NUMPAD1, 0x61, Numeric keypad 1 key
+    NUMPAD_2 = 95,// VK_NUMPAD2, 0x62, Numeric keypad 2 key
+    NUMPAD_3 = 96,// VK_NUMPAD3, 0x63, Numeric keypad 3 key
+    NUMPAD_4 = 97,// VK_NUMPAD4, 0x64, Numeric keypad 4 key
+    NUMPAD_5 = 98,// VK_NUMPAD5, 0x65, Numeric keypad 5 key
+    NUMPAD_6 = 99,// VK_NUMPAD6, 0x66, Numeric keypad 6 key
+    NUMPAD_7 = 100,// VK_NUMPAD7, 0x67, Numeric keypad 7 key
+    NUMPAD_8 = 101,// VK_NUMPAD8, 0x68, Numeric keypad 8 key
+    NUMPAD_9 = 102,// VK_NUMPAD9, 0x69, Numeric keypad 9 key
+    NUMPAD_MULTIPLY = 103,// VK_MULTIPLY, 0x6A, Multiply key
+    NUMPAD_ADD = 104,// VK_ADD, 0x6B, Add key
+    NUMPAD_SEPARATOR = 105,// VK_SEPARATOR, 0x6C, Separator key
+    NUMPAD_SUBTRACT = 106,// VK_SUBTRACT, 0x6D, Subtract key
+    NUMPAD_DECIMAL = 107,// VK_DECIMAL, 0x6E, Decimal key
+    NUMPAD_DIVIDE = 108,// VK_DIVIDE, 0x6F,
     /**
      * Cover all key codes when IME is processing input.
      */
     KEY_IN_COMPOSITION = 109,
-    ABNT_C1 = 110,
-    ABNT_C2 = 111,
+    ABNT_C1 = 110,// Brazilian (ABNT) Keyboard
+    ABNT_C2 = 111,// Brazilian (ABNT) Keyboard
     /**
      * Placed last to cover the length of the enum.
      * Please do not depend on this value!

package/base/common/keyCodes.js

@@ -24,7 +24,6 @@ class KeyCodeStrMap {
     return this._strToKeyCode[str.toLowerCase()] || 0 /* KeyCode.Unknown */;
   }
 }
-
 const scanCodeIntToStr = [];
 const scanCodeStrToInt = Object.create(null);
 const scanCodeLowerCaseStrToInt = Object.create(null);
@@ -215,7 +214,6 @@ class SimpleKeybinding {
     return this.ctrlKey && this.keyCode === 5 /* KeyCode.Ctrl */ || this.shiftKey && this.keyCode === 4 /* KeyCode.Shift */ || this.altKey && this.keyCode === 6 /* KeyCode.Alt */ || this.metaKey && this.keyCode === 57 /* KeyCode.Meta */;
   }
 }
-
 exports.SimpleKeybinding = _get__("SimpleKeybinding");
 class ChordKeybinding {
   constructor(firstPart, chordPart) {

package/consts.d.ts

@@ -6,9 +6,9 @@ export declare const INACTIVE_FOREGROUND: Color;
 export declare const ACTIVE_FOREGROUND: Color;
 export declare const DEFAULT_ITEM_SELECTOR: Color;
 export declare const IS_MAC_BIGSUR_OR_LATER: boolean;
-export declare const BOTTOM_TITLEBAR_HEIGHT = "60px";
-export declare const TOP_TITLEBAR_HEIGHT_MAC: string;
-export declare const TOP_TITLEBAR_HEIGHT_WIN = "32px";
+export declare const BOTTOM_TITLEBAR_HEIGHT = 60;
+export declare const TOP_TITLEBAR_HEIGHT_MAC: number;
+export declare const TOP_TITLEBAR_HEIGHT_WIN = 30;
 export declare const WINDOW_MIN_WIDTH = 400;
 export declare const WINDOW_MIN_HEIGHT = 270;
 export declare const MENU_MNEMONIC_REGEX: RegExp;
@@ -34,6 +34,7 @@ interface ITitlebarIcons extends IMenuIcons {
     };
 }
 export declare const menuIcons: ITitlebarIcons;
+export declare function getPx(value: number): string;
 /**
  * Handles mnemonics for menu items. Depending on OS:
  * - Windows: Supported via & character (replace && with &)

package/consts.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.loadWindowIcons = exports.applyFill = exports.parseAccelerator = exports.cleanMnemonic = exports.mnemonicButtonLabel = exports.mnemonicMenuLabel = exports.menuIcons = exports.MENU_ESCAPED_MNEMONIC_REGEX = exports.MENU_MNEMONIC_REGEX = exports.WINDOW_MIN_HEIGHT = exports.WINDOW_MIN_WIDTH = exports.TOP_TITLEBAR_HEIGHT_WIN = exports.TOP_TITLEBAR_HEIGHT_MAC = exports.BOTTOM_TITLEBAR_HEIGHT = exports.IS_MAC_BIGSUR_OR_LATER = exports.DEFAULT_ITEM_SELECTOR = exports.ACTIVE_FOREGROUND = exports.INACTIVE_FOREGROUND = exports.ACTIVE_FOREGROUND_DARK = exports.INACTIVE_FOREGROUND_DARK = void 0;
+exports.loadWindowIcons = exports.applyFill = exports.parseAccelerator = exports.cleanMnemonic = exports.mnemonicButtonLabel = exports.mnemonicMenuLabel = exports.getPx = exports.menuIcons = exports.MENU_ESCAPED_MNEMONIC_REGEX = exports.MENU_MNEMONIC_REGEX = exports.WINDOW_MIN_HEIGHT = exports.WINDOW_MIN_WIDTH = exports.TOP_TITLEBAR_HEIGHT_WIN = exports.TOP_TITLEBAR_HEIGHT_MAC = exports.BOTTOM_TITLEBAR_HEIGHT = exports.IS_MAC_BIGSUR_OR_LATER = exports.DEFAULT_ITEM_SELECTOR = exports.ACTIVE_FOREGROUND = exports.INACTIVE_FOREGROUND = exports.ACTIVE_FOREGROUND_DARK = exports.INACTIVE_FOREGROUND_DARK = void 0;
 const color_1 = require("./base/common/color");
 const platform_1 = require("./base/common/platform");
 exports.INACTIVE_FOREGROUND_DARK = _get__("color_1").Color.fromHex('#222222');
@@ -16,9 +16,9 @@ exports.INACTIVE_FOREGROUND = _get__("color_1").Color.fromHex('#EEEEEE');
 exports.ACTIVE_FOREGROUND = _get__("color_1").Color.fromHex('#FFFFFF');
 exports.DEFAULT_ITEM_SELECTOR = _get__("color_1").Color.fromHex('#0000001F');
 exports.IS_MAC_BIGSUR_OR_LATER = _get__("platform_1").isMacintosh && parseInt(process.getSystemVersion().split('.')[0]) >= 11;
-exports.BOTTOM_TITLEBAR_HEIGHT = '60px';
-exports.TOP_TITLEBAR_HEIGHT_MAC = exports.IS_MAC_BIGSUR_OR_LATER ? '28px' : '22px';
-exports.TOP_TITLEBAR_HEIGHT_WIN = '32px';
+exports.BOTTOM_TITLEBAR_HEIGHT = 60;
+exports.TOP_TITLEBAR_HEIGHT_MAC = exports.IS_MAC_BIGSUR_OR_LATER ? 28 : 22;
+exports.TOP_TITLEBAR_HEIGHT_WIN = 30;
 exports.WINDOW_MIN_WIDTH = 400;
 exports.WINDOW_MIN_HEIGHT = 270;
 exports.MENU_MNEMONIC_REGEX = /\(&([^\s&])\)|(^|[^&])&([^\s&])/;
@@ -47,6 +47,10 @@ exports.menuIcons = {
     close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path d="M6.279 5.5L11 10.221l-.779.779L5.5 6.279.779 11 0 10.221 4.721 5.5 0 .779.779 0 5.5 4.721 10.221 0 11 .779 6.279 5.5z"/></svg>'
   }
 };
+function getPx(value) {
+  return `${value}px`;
+}
+exports.getPx = _get__("getPx");
 /**
  * Handles mnemonics for menu items. Depending on OS:
  * - Windows: Supported via & character (replace && with &)
@@ -205,6 +209,8 @@ function _get_original__(variableName) {
       return color_1;
     case "platform_1":
       return platform_1;
+    case "getPx":
+      return getPx;
     case "mnemonicMenuLabel":
       return mnemonicMenuLabel;
     case "mnemonicButtonLabel":

package/main/attach-titlebar-to-window.d.ts

@@ -1,3 +1,3 @@
 import { BrowserWindow } from 'electron';
 declare const _default: (browserWindow: BrowserWindow) => void;
-export = _default;
+export default _default;

package/main/attach-titlebar-to-window.js

@@ -1,11 +1,14 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 /* ---------------------------------------------------------------------------------------------
  *  Copyright (c) AlexTorresDev. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *-------------------------------------------------------------------------------------------- */
 const consts_1 = require("../consts");
-module.exports = browserWindow => {
+exports.default = browserWindow => {
   browserWindow.setMinimumSize(_get__("consts_1").WINDOW_MIN_WIDTH, _get__("consts_1").WINDOW_MIN_HEIGHT);
   browserWindow.on('enter-full-screen', () => {
     browserWindow.webContents.send('window-fullscreen', true);

package/main/setup-titlebar.d.ts

@@ -1,2 +1,2 @@
 declare const _default: () => void;
-export = _default;
+export default _default;

package/main/setup-titlebar.js

@@ -4,22 +4,15 @@
  *  Copyright (c) AlexTorresDev. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *-------------------------------------------------------------------------------------------- */
-function getMenuItemByCommandId(commandId, menu) {
-  if (!menu) return undefined;
-  for (const item of menu.items) {
-    if (item.submenu) {
-      const submenuItem = _get__("getMenuItemByCommandId")(commandId, item.submenu);
-      if (submenuItem) return submenuItem;
-    } else if (item.commandId === commandId) return item;
-  }
-  return undefined;
-}
-module.exports = () => {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = () => {
   if (process.type !== 'browser') return;
   const {
     BrowserWindow,
-    nativeImage,
     Menu,
+    MenuItem,
     ipcMain
   } = require('electron');
   // Send menu to renderer title bar process
@@ -27,6 +20,7 @@ module.exports = () => {
   // Handle window events
   ipcMain.on('window-event', (event, eventName) => {
     const window = BrowserWindow.fromWebContents(event.sender);
+    /* eslint-disable indent */
     if (window) {
       switch (eventName) {
         case 'window-minimize':
@@ -60,7 +54,26 @@ module.exports = () => {
       event.returnValue = null;
     }
   });
+  ipcMain.on('update-window-controls', (event, args) => {
+    const window = BrowserWindow.fromWebContents(event.sender);
+    try {
+      if (window) window.setTitleBarOverlay(args);
+      event.returnValue = true;
+    } catch (_) {
+      event.returnValue = false;
+    }
+  });
 };
+function getMenuItemByCommandId(commandId, menu) {
+  if (!menu) return undefined;
+  for (const item of menu.items) {
+    if (item.submenu) {
+      const submenuItem = _get__("getMenuItemByCommandId")(commandId, item.submenu);
+      if (submenuItem) return submenuItem;
+    } else if (item.commandId === commandId) return item;
+  }
+  return undefined;
+}
 function _getGlobalObject() {
   try {
     if (!!global) {

package/menubar/index.js

@@ -301,7 +301,6 @@ class MenuBar extends _get__("lifecycle_1").Disposable {
           triggerKeys.push(15 /* KeyCode.LeftArrow */);
         }
       }
-
       if (triggerKeys.some(k => event.equals(k)) && !this.isOpen) {
         this.focusedMenu = {
           index: _get__("MenuBar").OVERFLOW_INDEX
@@ -851,15 +850,15 @@ class MenuBar extends _get__("lifecycle_1").Disposable {
   showMenu(menuIndex, selectFirst = true) {
     const actualMenuIndex = menuIndex >= this.numMenusShown ? _get__("MenuBar").OVERFLOW_INDEX : menuIndex;
     const customMenu = actualMenuIndex === _get__("MenuBar").OVERFLOW_INDEX ? this.overflowMenu : this.menus[actualMenuIndex];
-    if (!customMenu.actions || !customMenu.buttonElement || !customMenu.titleElement) {
+    if (!customMenu.actions || !customMenu.buttonElement) {
       return;
     }
     const menuHolder = _get__("$")('.cet-menubar-menu-container', {
       title: ''
     });
     customMenu.buttonElement.classList.add('open');
-    const titleBoundingRect = customMenu.titleElement.getBoundingClientRect();
-    const titleBoundingRectZoom = _get__("DOM").getDomNodeZoomLevel(customMenu.titleElement);
+    const titleBoundingRect = customMenu.buttonElement.getBoundingClientRect();
+    const titleBoundingRectZoom = _get__("DOM").getDomNodeZoomLevel(customMenu.buttonElement);
     if (this.options.compactMode === _get__("menu_1").Direction.Right) {
       menuHolder.style.top = `${titleBoundingRect.top}px`;
       menuHolder.style.left = `${titleBoundingRect.left + this.container.clientWidth}px`;
@@ -880,7 +879,6 @@ class MenuBar extends _get__("lifecycle_1").Disposable {
       // expandDirection: this.isCompact ? this.options.compactMode : Direction.Right,
       // useEventAsContext: true
     };
-
     const menuWidget = this._register(new (_get__("menu_1").CETMenu)(menuHolder, this.menuIcons, this.currentOptions, menuOptions, this.closeMenu));
     menuWidget.createMenu(customMenu.actions?.items ?? []);
     menuWidget.applyStyle(this.menuStyle);

package/menubar/menu/index.js

@@ -13,7 +13,6 @@ const lifecycle_1 = require("../../base/common/lifecycle");
 const item_1 = require("./item");
 const keyCodes_1 = require("../../base/common/keyCodes");
 const keyboardEvent_1 = require("../../base/browser/keyboardEvent");
-const color_1 = require("../../base/common/color");
 const event_1 = require("../../base/common/event");
 const separator_1 = require("./separator");
 const submenu_1 = require("./submenu");
@@ -319,7 +318,6 @@ class CETMenu extends _get__("lifecycle_1").Disposable {
     if (document.activeElement instanceof HTMLElement) {
       document.activeElement.blur(); // remove focus from focused action
     }
-
     this._onDidCancel.fire();
   }
   focusItemByElement(element) {
@@ -339,8 +337,7 @@ class CETMenu extends _get__("lifecycle_1").Disposable {
       if (transparency < 0) transparency = 0;
       if (transparency > 1) transparency = 1;
       const rgba = style.backgroundColor?.rgba;
-      const color = new (_get__("color_1").Color)(new (_get__("color_1").RGBA)(rgba.r, rgba.g, rgba.b, 1 - transparency));
-      container.style.backgroundColor = color.toString();
+      container.style.backgroundColor = `rgb(${rgba.r} ${rgba.g} ${rgba.b} / ${1 - transparency})`;
     }
     if (this.items) {
       this.items.forEach(item => {
@@ -467,8 +464,6 @@ function _get_original__(variableName) {
       return separator_1;
     case "item_1":
       return item_1;
-    case "color_1":
-      return color_1;
     case "lifecycle_1":
       return lifecycle_1;
     case "CETMenu":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "custom-electron-titlebar",
-  "version": "4.2.6",
+  "version": "4.2.8",
   "description": "Library for electron that allows you to configure a fully customizable title bar.",
   "types": "./index.d.ts",
   "main": "./index.ts",
@@ -47,28 +47,28 @@
     "electron": ">20.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.22.9",
-    "@babel/core": "7.22.9",
-    "@jest/globals": "29.6.1",
-    "@typescript-eslint/eslint-plugin": "6.1.0",
-    "@typescript-eslint/parser": "6.1.0",
-    "babel-plugin-import-require-as-string": "1.0.2",
-    "babel-plugin-module-resolver": "5.0.0",
-    "babel-plugin-rewire": "1.2.0",
-    "electron": "25.3.1",
-    "eslint": "8.45.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-config-standard": "17.1.0",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-n": "16.0.1",
-    "eslint-plugin-promise": "6.1.1",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "29.6.1",
-    "rimraf": "5.0.1",
-    "standard": "17.1.0",
-    "ts-jest": "29.1.1",
-    "tsc-alias": "1.8.7",
-    "typescript": "5.1.6"
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.7",
+    "@jest/globals": "^29.7.0",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@typescript-eslint/parser": "^6.18.1",
+    "babel-plugin-import-require-as-string": "^1.0.2",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "babel-plugin-rewire": "^1.2.0",
+    "electron": "^28.1.3",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-promise": "^6.1.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "rimraf": "^5.0.5",
+    "standard": "^17.1.0",
+    "ts-jest": "^29.1.1",
+    "tsc-alias": "^1.8.8",
+    "typescript": "^5.3.3"
   },
   "eslintConfig": {
     "extends": "./node_modules/standard/eslintrc.json"

package/titlebar/index.d.ts

@@ -48,6 +48,7 @@ export declare class CustomTitlebar extends ThemeBar {
     private onDidChangeMaximized;
     private updateMenu;
     private updateStyles;
+    private canCenterTitle;
     /**
      * Update title bar styles based on focus state.
      * @param hasFocus focus state of the window

package/titlebar/index.js

@@ -24,7 +24,6 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
     super();
     this.isInactive = false;
     this.currentOptions = {
-      backgroundColor: _get__("color_1").Color.WHITE,
       closeable: true,
       enableMnemonics: true,
       // hideWhenClickingClose: false,
@@ -42,7 +41,8 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
         maximize: 'Maximize',
         minimize: 'Minimize',
         restoreDown: 'Restore Down'
-      }
+      },
+      unfocusEffect: true
     };
     // TODO: Refactor, verify if is possible use into menubar
     this.closeMenu = () => {
@@ -86,7 +86,6 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
     this.loadEvents();
     // this.registerTheme(ThemeBar.win)
   }
-
   loadIcons() {
     const icons = this.currentOptions.icons;
     if (icons) {
@@ -209,6 +208,7 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
     const minimizable = this.currentOptions.minimizable;
     const maximizable = this.currentOptions.maximizable;
     const closeable = this.currentOptions.closeable;
+    this.onDidChangeMaximized(_get__("electron_1").ipcRenderer.sendSync('window-event', 'window-is-maximized'));
     _get__("electron_1").ipcRenderer.on('window-maximize', (_, isMaximized) => this.onDidChangeMaximized(isMaximized));
     _get__("electron_1").ipcRenderer.on('window-fullscreen', (_, isFullScreen) => this.onWindowFullScreen(isFullScreen));
     _get__("electron_1").ipcRenderer.on('window-focus', (_, isFocused) => this.onWindowFocus(isFocused));
@@ -259,7 +259,7 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
     const maximize = this.controls.maximize;
     if (maximize) {
       maximize.title = isMaximized ? this.currentOptions.tooltips?.restoreDown : this.currentOptions.tooltips?.maximize;
-      maximize.innerHTML = isMaximized ? this.platformIcons.restore : this.platformIcons.maximize;
+      maximize.innerHTML = isMaximized ? this.platformIcons?.restore : this.platformIcons?.maximize;
     }
     if (this.resizer) {
       if (isMaximized) (0, _get__("dom_1").hide)(this.resizer.top, this.resizer.left);else (0, _get__("dom_1").show)(this.resizer.top, this.resizer.left);
@@ -283,19 +283,29 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
     } else {
       (0, _get__("dom_1").removeClass)(this.titlebar, 'inactive');
     }
-    const backgroundColor = this.isInactive ? this.currentOptions.backgroundColor?.lighten(0.12) : this.currentOptions.backgroundColor;
+    const backgroundColor = this.isInactive && this.currentOptions.unfocusEffect ? this.currentOptions.backgroundColor?.lighten(0.12) : this.currentOptions.backgroundColor;
     if (backgroundColor) {
-      this.titlebar.style.backgroundColor = backgroundColor.toString();
+      this.titlebar.style.backgroundColor = backgroundColor?.toString();
     }
     let foregroundColor;
     if (backgroundColor?.isLighter()) {
       (0, _get__("dom_1").addClass)(this.titlebar, 'light');
-      foregroundColor = this.isInactive ? _get__("consts_1").INACTIVE_FOREGROUND_DARK : _get__("consts_1").ACTIVE_FOREGROUND_DARK;
+      foregroundColor = this.isInactive && this.currentOptions.unfocusEffect ? _get__("consts_1").INACTIVE_FOREGROUND_DARK : _get__("consts_1").ACTIVE_FOREGROUND_DARK;
     } else {
       (0, _get__("dom_1").removeClass)(this.titlebar, 'light');
-      foregroundColor = this.isInactive ? _get__("consts_1").INACTIVE_FOREGROUND : _get__("consts_1").ACTIVE_FOREGROUND;
+      foregroundColor = this.isInactive && this.currentOptions.unfocusEffect ? _get__("consts_1").INACTIVE_FOREGROUND : _get__("consts_1").ACTIVE_FOREGROUND;
     }
     this.titlebar.style.color = foregroundColor?.toString();
+    const updatedWindowControls = _get__("electron_1").ipcRenderer.sendSync('update-window-controls', {
+      color: backgroundColor?.toString(),
+      symbolColor: foregroundColor?.toString(),
+      height: _get__("consts_1").TOP_TITLEBAR_HEIGHT_WIN
+    });
+    if (updatedWindowControls) {
+      (0, _get__("dom_1").hide)(this.controlsContainer);
+    } else {
+      (0, _get__("dom_1").show)(this.controlsContainer);
+    }
     if (this.menuBar) {
       let fgColor;
       const backgroundColor = this.currentOptions.menuBarBackgroundColor || this.currentOptions.backgroundColor.darken(0.12);
@@ -316,6 +326,11 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
       });
     }
   }
+  canCenterTitle() {
+    const menuBarContainerMargin = 20;
+    const menuSpaceLimit = window.innerWidth / 2 - this.menuBarContainer.getBoundingClientRect().right - menuBarContainerMargin;
+    return this.title.getBoundingClientRect().width / 2 <= menuSpaceLimit;
+  }
   /// Public methods
   /**
    * Update title bar styles based on focus state.
@@ -338,6 +353,8 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
    * @param fullscreen Fullscreen state of the window
    */
   onWindowFullScreen(fullscreen) {
+    const height = _get__("platform_1").isMacintosh ? _get__("consts_1").TOP_TITLEBAR_HEIGHT_MAC : _get__("consts_1").TOP_TITLEBAR_HEIGHT_WIN;
+    const hasShadow = this.currentOptions.shadow;
     if (!_get__("platform_1").isMacintosh) {
       if (fullscreen) {
         (0, _get__("dom_1").hide)(this.titlebar);
@@ -345,10 +362,10 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
       } else {
         (0, _get__("dom_1").show)(this.titlebar);
         if (this.currentOptions.menuPosition === 'bottom') {
-          this.container.style.top = _get__("consts_1").BOTTOM_TITLEBAR_HEIGHT;
-          this.controlsContainer.style.height = _get__("consts_1").TOP_TITLEBAR_HEIGHT_WIN;
+          this.container.style.top = (0, _get__("consts_1").getPx)(_get__("consts_1").BOTTOM_TITLEBAR_HEIGHT);
+          this.controlsContainer.style.height = (0, _get__("consts_1").getPx)(_get__("consts_1").TOP_TITLEBAR_HEIGHT_WIN);
         } else {
-          this.container.style.top = _get__("platform_1").isMacintosh ? _get__("consts_1").TOP_TITLEBAR_HEIGHT_MAC : _get__("consts_1").TOP_TITLEBAR_HEIGHT_WIN;
+          this.container.style.top = (0, _get__("consts_1").getPx)(height + (hasShadow ? 1 : 0));
         }
       }
     }
@@ -400,14 +417,16 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
       (0, _get__("dom_1").removeClass)(this.title, 'cet-title-right');
       (0, _get__("dom_1").removeClass)(this.title, 'cet-title-center');
       if (menuPosition !== 'bottom') {
-        /* addDisposableListener(window, 'resize', () => {
-            if (window.innerWidth >= 1188) {
-                addClass(this.title, 'cet-title-center')
-            } else {
-                removeClass(this.title, 'cet-title-center')
-            }
-        }) */
-        (0, _get__("dom_1").addClass)(this.title, 'cet-title-center');
+        (0, _get__("dom_1").addDisposableListener)(window, 'resize', () => {
+          if (this.canCenterTitle()) {
+            (0, _get__("dom_1").addClass)(this.title, 'cet-title-center');
+          } else {
+            (0, _get__("dom_1").removeClass)(this.title, 'cet-title-center');
+          }
+        });
+        if (this.canCenterTitle()) {
+          (0, _get__("dom_1").addClass)(this.title, 'cet-title-center');
+        }
       }
       if (!_get__("platform_1").isMacintosh && order === 'first-buttons') {
         this.controlsContainer.style.marginLeft = 'auto';
@@ -452,15 +471,16 @@ class CustomTitlebar extends _get__("themebar_1").ThemeBar {
   updateMenuPosition(menuPosition) {
     const height = _get__("platform_1").isMacintosh ? _get__("consts_1").TOP_TITLEBAR_HEIGHT_MAC : _get__("consts_1").TOP_TITLEBAR_HEIGHT_WIN;
     const onlyRendererMenuBar = this.currentOptions.onlyShowMenuBar;
+    const hasShadow = this.currentOptions.shadow;
     this.currentOptions.menuPosition = menuPosition;
     if (menuPosition === 'left' || onlyRendererMenuBar) {
-      this.titlebar.style.height = height;
-      this.container.style.top = height;
+      this.titlebar.style.height = (0, _get__("consts_1").getPx)(height + (hasShadow ? 1 : 0));
+      this.container.style.top = (0, _get__("consts_1").getPx)(height + (hasShadow ? 1 : 0));
       (0, _get__("dom_1").removeClass)(this.menuBarContainer, 'bottom');
     } else {
-      this.titlebar.style.height = _get__("consts_1").BOTTOM_TITLEBAR_HEIGHT;
-      this.container.style.top = _get__("consts_1").BOTTOM_TITLEBAR_HEIGHT;
-      this.controlsContainer.style.height = height;
+      this.titlebar.style.height = (0, _get__("consts_1").getPx)(_get__("consts_1").BOTTOM_TITLEBAR_HEIGHT);
+      this.container.style.top = (0, _get__("consts_1").getPx)(_get__("consts_1").BOTTOM_TITLEBAR_HEIGHT);
+      this.controlsContainer.style.height = (0, _get__("consts_1").getPx)(height);
       (0, _get__("dom_1").addClass)(this.menuBarContainer, 'bottom');
     }
     return this;
@@ -573,14 +593,14 @@ function _get__(variableName) {
 }
 function _get_original__(variableName) {
   switch (variableName) {
-    case "color_1":
-      return color_1;
     case "consts_1":
       return consts_1;
     case "platform_1":
       return platform_1;
     case "dom_1":
       return dom_1;
+    case "color_1":
+      return color_1;
     case "electron_1":
       return electron_1;
     case "menubar_1":

package/titlebar/options.d.ts

@@ -81,4 +81,9 @@ export interface TitleBarOptions extends MenuBarOptions {
          */
         close?: string;
     };
+    /**
+     * Enables or disables the blur option in titlebar.
+     * *The default is true*
+     */
+    unfocusEffect?: boolean;
 }

package/titlebar/themebar.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ThemeBar = void 0;
 const lifecycle_1 = require("../base/common/lifecycle");
-const baseTheme = "body {\n  margin: 0 !important;\n  overflow: hidden !important;\n}\n\n/* Titlebar */\n.cet-titlebar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  font-size: 13px;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n  padding: 0 16px;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  zoom: 1;\n  width: 100%;\n  height: 31px;\n  line-height: 31px;\n  z-index: 99999;\n}\n\n.cet-titlebar *,\n.cet-titlebar *:before,\n.cet-titlebar *:after {\n  box-sizing: border-box;\n}\n\n.cet-titlebar.cet-windows,\n.cet-titlebar.cet-linux,\n.cet-titlebar.cet-freebsd {\n  padding: 0;\n  height: 30px;\n  line-height: 30px;\n  justify-content: left;\n  overflow: visible;\n}\n\n/* Inverted */\n.cet-titlebar.cet-inverted {\n  flex-direction: row-reverse;\n}\n\n.cet-titlebar.cet-inverted .cet-menubar,\n.cet-titlebar.cet-inverted .cet-window-controls {\n  flex-direction: row-reverse;\n  margin-left: 20px;\n  margin-right: 0;\n}\n\n/* First buttons */\n.cet-titlebar.cet-first-buttons .cet-window-controls {\n  order: -1;\n  margin: 0 5px 0 0;\n}\n\n.cet-titlebar.cet-inverted .cet-window-controls {\n  margin: 0 5px 0 0;\n}\n\n/* Shadow */\n.cet-titlebar.cet-shadow {\n  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n}\n\n/* Drag region */\n.cet-drag-region {\n  top: 0;\n  left: 0;\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  -webkit-app-region: drag;\n}\n\n/* Icon */\n.cet-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 30px;\n  z-index: 99;\n  overflow: hidden;\n}\n\n/* Title */\n.cet-title {\n  flex: 0 1 auto;\n  font-size: 12px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  zoom: 1;\n}\n\n/* Title alignment */\n.cet-title.cet-title-left {\n  margin-left: 8px;\n  margin-right: auto;\n}\n\n.cet-title.cet-title-right {\n  margin-left: auto;\n  margin-right: 8px;\n}\n\n.cet-title.cet-title-center {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.cet-title.cet-bigsur {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n/* Window controls */\n.cet-window-controls {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  text-align: center;\n  position: relative;\n  z-index: 99;\n  -webkit-app-region: no-drag;\n  height: 30px;\n  font-family: initial !important;\n  margin-left: auto;\n}\n\n.cet-control-icon {\n  width: 46px;\n}\n\n.cet-control-icon:not(.inactive):hover {\n  background-color: rgb(255 255 255 / 12%);\n}\n\n.light .cet-control-icon:not(.inactive):hover {\n  background-color: rgb(0 0 0 / 12%);\n}\n\n.cet-control-icon.inactive svg {\n  opacity: 0.4;\n}\n\n.cet-control-icon svg {\n  width: 10px;\n  height: -webkit-fill-available;\n  fill: #fff;\n  display: initial !important;\n  vertical-align: unset !important;\n}\n\n.cet-titlebar.light .cet-control-icon svg {\n  fill: #222222 !important;\n}\n\n.cet-control-close:not(.inactive):hover {\n  background-color: rgb(232 17 35 / 90%) !important;\n}\n\n.cet-control-close:not(.inactive):hover svg {\n  fill: #fff !important;\n}\n\n/* Resizer */\n.cet-resizer {\n  -webkit-app-region: no-drag;\n  position: absolute;\n}\n\n.cet-resizer.left {\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n}\n\n.cet-resizer.top {\n  top: 0;\n  width: 100%;\n  height: 6px;\n}\n\n/* Container */\n.cet-container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: auto;\n  z-index: 1;\n}\n\n/* MenuBar */\n.cet-menubar {\n  display: flex;\n  flex-shrink: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n  flex-wrap: wrap;\n  margin-right: 20px;\n}\n\n.cet-menubar.bottom {\n  order: 1;\n  width: 100%;\n  padding: 0 5px 5px;\n  margin-right: 0;\n}\n\n.cet-menubar.bottom .cet-menubar-menu-button {\n  border-radius: 4px;\n}\n\n.cet-menubar.bottom .cet-menubar-menu-button .cet-menubar-menu-title {\n  line-height: 26px;\n}\n\n.cet-menubar .cet-menubar-menu-button {\n  box-sizing: border-box;\n  padding: 0px 8px;\n  height: 100%;\n  cursor: default;\n  zoom: 1;\n  white-space: nowrap;\n  -webkit-app-region: no-drag;\n  outline: 0;\n}\n\n.cet-menubar .cet-menubar-menu-button .cet-menubar-menu-title {\n  font-size: 12px;\n}\n\n.cet-menubar .cet-menubar-menu-button.disabled {\n  opacity: 0.4;\n}\n\n.cet-menubar .cet-menubar-menu-button:not(.disabled):hover,\n.cet-menubar .cet-menubar-menu-button:not(.disabled).open {\n  background-color: rgb(255 255 255 / 12%);\n}\n\n.cet-titlebar.light .cet-menubar .cet-menubar-menu-button:not(.disabled):hover,\n.cet-titlebar.light .cet-menubar .cet-menubar-menu-button:not(.disabled).open {\n  background-color: rgb(0 0 0 / 12%);\n}\n\n.cet-menubar-menu-container {\n  position: absolute;\n  display: block;\n  left: 0px;\n  opacity: 1;\n  outline: 0;\n  border: none;\n  text-align: left;\n  margin: 0 auto;\n  margin-left: 0;\n  font-size: inherit;\n  overflow-x: visible;\n  overflow-y: visible;\n  -webkit-overflow-scrolling: touch;\n  justify-content: flex-end;\n  white-space: nowrap;\n  border-radius: 7px;\n  backdrop-filter: blur(5px);\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n  z-index: 99999;\n}\n\n.cet-menubar-menu-container::-webkit-scrollbar {\n  width: 8px;\n  height: 4px;\n  cursor: pointer;\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.cet-menubar-menu-container::-webkit-scrollbar-track {\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.cet-menubar-menu-container::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background-color: rgba(110, 110, 110, 0.2);\n}\n\n.cet-menubar-menu-container:focus {\n  outline: 0;\n}\n\n.cet-menubar-menu-container .cet-action-item {\n  padding: 0;\n  margin: 0;\n  transform: none;\n  display: -ms-flexbox;\n  display: flex;\n  outline: none;\n}\n\n.cet-menubar-menu-container .cet-action-item.active {\n  transform: none;\n}\n\n.cet-menubar-menu-container .cet-action-item.disabled .cet-action-menu-item {\n  opacity: 0.4;\n}\n\n.cet-menubar-menu-container .cet-action-item .cet-submenu {\n  position: absolute;\n}\n\n.cet-menubar-menu-container .cet-action-menu-item {\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  display: -ms-flexbox;\n  display: flex;\n  height: 2.231em;\n  margin: 4px 3px;\n  align-items: center;\n  position: relative;\n  border-radius: 4px;\n  text-decoration: none;\n}\n\n.cet-menubar-menu-container .cet-action-label {\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  text-decoration: none;\n  padding: 0 1em;\n  background: none;\n  font-size: 12px;\n  line-height: 1;\n}\n\n.cet-menubar-menu-container .cet-action-label:not(.separator) {\n  display: inline-block;\n  -webkit-box-sizing: border-box;\n  -o-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  -ms-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0 2em 0 0.8em;\n}\n\n.cet-menubar-menu-container .cet-action-label.separator {\n  opacity: 0.1;\n  font-size: inherit;\n  width: 100%;\n  border-bottom: 1px solid transparent;\n}\n\n.cet-menubar-menu-container .cet-action-label.separator.text {\n  padding: 0.7em 1em 0.1em 1em;\n  font-weight: bold;\n  opacity: 1;\n}\n\n.cet-menubar-menu-container .cet-action-label:hover {\n  color: inherit;\n}\n\n.cet-menubar-menu-container .keybinding,\n.cet-menubar-menu-container .cet-submenu-indicator {\n  display: inline-block;\n  -ms-flex: 2 1 auto;\n  flex: 2 1 auto;\n  padding: 0 2em 0 1em;\n  text-align: right;\n  font-size: 11px;\n  line-height: 1;\n}\n\n.cet-menubar-menu-container .cet-submenu-indicator {\n  position: absolute;\n  right: 4px;\n  height: 12px;\n  width: 12px;\n  padding: 0;\n}\n\n.cet-menubar-menu-container .cet-submenu-indicator img,\n.cet-menubar-menu-container .cet-menu-item-icon .icon,\n.cet-menubar-menu-container .cet-submenu-indicator svg,\n.cet-menubar-menu-container .cet-menu-item-icon svg {\n  display: inherit;\n  width: 100%;\n  height: 100%;\n}\n\n.cet-menubar-menu-container .cet-action-menu-item.checked>.cet-menu-item-icon.checkbox {\n  visibility: visible;\n}\n\n.cet-menubar-menu-container .cet-menu-item-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0 0 0 12px;\n}\n\n.cet-menubar-menu-container .cet-menu-item-icon.checkbox {\n  visibility: hidden;\n}";
+const baseTheme = "body {\n  margin: 0 !important;\n  overflow: hidden !important;\n}\n\n/* Titlebar */\n.cet-titlebar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  font-size: 13px;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n  padding: 0 16px;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  zoom: 1;\n  width: 100%;\n  height: 31px;\n  line-height: 31px;\n  z-index: 99999;\n}\n\n.cet-titlebar *,\n.cet-titlebar *:before,\n.cet-titlebar *:after {\n  box-sizing: border-box;\n}\n\n.cet-titlebar.cet-windows,\n.cet-titlebar.cet-linux,\n.cet-titlebar.cet-freebsd {\n  padding: 0;\n  height: 30px;\n  line-height: 30px;\n  justify-content: left;\n  overflow: visible;\n}\n\n/* Inverted */\n.cet-titlebar.cet-inverted {\n  flex-direction: row-reverse;\n}\n\n.cet-titlebar.cet-inverted .cet-menubar,\n.cet-titlebar.cet-inverted .cet-window-controls {\n  flex-direction: row-reverse;\n  margin-left: 20px;\n  margin-right: 0;\n}\n\n/* First buttons */\n.cet-titlebar.cet-first-buttons .cet-window-controls {\n  order: -1;\n  margin: 0 5px 0 0;\n}\n\n.cet-titlebar.cet-inverted .cet-window-controls {\n  margin: 0 5px 0 0;\n}\n\n/* Shadow */\n.cet-titlebar.cet-shadow {\n  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n}\n\n/* Drag region */\n.cet-drag-region {\n  top: 0;\n  left: 0;\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  -webkit-app-region: drag;\n}\n\n/* Icon */\n.cet-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 30px;\n  z-index: 99;\n  overflow: hidden;\n}\n\n/* Title */\n.cet-title {\n  flex: 0 1 auto;\n  font-size: 12px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  zoom: 1;\n}\n\n/* Title alignment */\n.cet-title.cet-title-left {\n  margin-left: 8px;\n  margin-right: auto;\n}\n\n.cet-title.cet-title-right {\n  margin-left: auto;\n  margin-right: 8px;\n}\n\n.cet-title.cet-title-center {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.cet-title.cet-bigsur {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n/* Window controls */\n.cet-window-controls {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  text-align: center;\n  position: relative;\n  z-index: 99;\n  -webkit-app-region: no-drag;\n  height: 30px;\n  font-family: initial !important;\n  margin-left: auto;\n}\n\n.cet-control-icon {\n  width: 2.85rem;\n}\n\n.cet-control-icon:not(.inactive):hover {\n  background-color: rgb(255 255 255 / 12%);\n}\n\n.light .cet-control-icon:not(.inactive):hover {\n  background-color: rgb(0 0 0 / 12%);\n}\n\n.cet-control-icon.inactive svg {\n  opacity: 0.4;\n}\n\n.cet-control-icon svg {\n  width: 10px;\n  height: -webkit-fill-available;\n  fill: #fff;\n  display: initial !important;\n  vertical-align: unset !important;\n}\n\n.cet-titlebar.light .cet-control-icon svg {\n  fill: #222222 !important;\n}\n\n.cet-control-close:not(.inactive):hover {\n  background-color: rgb(232 17 35 / 90%) !important;\n}\n\n.cet-control-close:not(.inactive):hover svg {\n  fill: #fff !important;\n}\n\n/* Resizer */\n.cet-resizer {\n  -webkit-app-region: no-drag;\n  position: absolute;\n}\n\n.cet-resizer.left {\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n}\n\n.cet-resizer.top {\n  top: 0;\n  width: 100%;\n  height: 6px;\n}\n\n/* Container */\n.cet-container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: auto;\n  z-index: 1;\n}\n\n/* MenuBar */\n.cet-menubar {\n  display: flex;\n  flex-shrink: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n  flex-wrap: wrap;\n  margin-right: 20px;\n}\n\n.cet-menubar.bottom {\n  order: 1;\n  width: 100%;\n  padding: 0 5px 5px;\n  margin-right: 0;\n}\n\n.cet-menubar.bottom .cet-menubar-menu-button {\n  border-radius: 4px;\n}\n\n.cet-menubar.bottom .cet-menubar-menu-button .cet-menubar-menu-title {\n  line-height: 26px;\n}\n\n.cet-menubar .cet-menubar-menu-button {\n  box-sizing: border-box;\n  padding: 0px 8px;\n  height: 100%;\n  cursor: default;\n  zoom: 1;\n  white-space: nowrap;\n  -webkit-app-region: no-drag;\n  outline: 0;\n}\n\n.cet-menubar .cet-menubar-menu-button .cet-menubar-menu-title {\n  font-size: 12px;\n}\n\n.cet-menubar .cet-menubar-menu-button.disabled {\n  opacity: 0.4;\n}\n\n.cet-menubar .cet-menubar-menu-button:not(.disabled):hover,\n.cet-menubar .cet-menubar-menu-button:not(.disabled).open {\n  background-color: rgb(255 255 255 / 12%);\n}\n\n.cet-titlebar.light .cet-menubar .cet-menubar-menu-button:not(.disabled):hover,\n.cet-titlebar.light .cet-menubar .cet-menubar-menu-button:not(.disabled).open {\n  background-color: rgb(0 0 0 / 12%);\n}\n\n.cet-menubar-menu-container {\n  position: absolute;\n  display: block;\n  left: 0px;\n  opacity: 1;\n  outline: 0;\n  border: none;\n  text-align: left;\n  margin: 0 auto;\n  margin-left: 0;\n  font-size: inherit;\n  overflow-x: visible;\n  overflow-y: visible;\n  -webkit-overflow-scrolling: touch;\n  justify-content: flex-end;\n  white-space: nowrap;\n  border-radius: 7px;\n  backdrop-filter: blur(10px);\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n  z-index: 99999;\n}\n\n.cet-menubar-menu-container::-webkit-scrollbar {\n  width: 8px;\n  height: 4px;\n  cursor: pointer;\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.cet-menubar-menu-container::-webkit-scrollbar-track {\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.cet-menubar-menu-container::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background-color: rgba(110, 110, 110, 0.2);\n}\n\n.cet-menubar-menu-container:focus {\n  outline: 0;\n}\n\n.cet-menubar-menu-container .cet-action-item {\n  padding: 0;\n  margin: 0;\n  transform: none;\n  display: -ms-flexbox;\n  display: flex;\n  outline: none;\n}\n\n.cet-menubar-menu-container .cet-action-item.active {\n  transform: none;\n}\n\n.cet-menubar-menu-container .cet-action-item.disabled .cet-action-menu-item {\n  opacity: 0.4;\n}\n\n.cet-menubar-menu-container .cet-action-item .cet-submenu {\n  position: absolute;\n}\n\n.cet-menubar-menu-container .cet-action-menu-item {\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  display: -ms-flexbox;\n  display: flex;\n  height: 2.231em;\n  margin: 4px 3px;\n  align-items: center;\n  position: relative;\n  border-radius: 4px;\n  text-decoration: none;\n}\n\n.cet-menubar-menu-container .cet-action-label {\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  text-decoration: none;\n  padding: 0 1em;\n  background: none;\n  font-size: 12px;\n  line-height: 1;\n}\n\n.cet-menubar-menu-container .cet-action-label:not(.separator) {\n  display: inline-block;\n  -webkit-box-sizing: border-box;\n  -o-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  -ms-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0 2em 0 0.8em;\n}\n\n.cet-menubar-menu-container .cet-action-label.separator {\n  opacity: 0.1;\n  font-size: inherit;\n  width: 100%;\n  border-bottom: 1px solid transparent;\n}\n\n.cet-menubar-menu-container .cet-action-label.separator.text {\n  padding: 0.7em 1em 0.1em 1em;\n  font-weight: bold;\n  opacity: 1;\n}\n\n.cet-menubar-menu-container .cet-action-label:hover {\n  color: inherit;\n}\n\n.cet-menubar-menu-container .keybinding,\n.cet-menubar-menu-container .cet-submenu-indicator {\n  display: inline-block;\n  -ms-flex: 2 1 auto;\n  flex: 2 1 auto;\n  padding: 0 2em 0 1em;\n  text-align: right;\n  font-size: 11px;\n  line-height: 1;\n}\n\n.cet-menubar-menu-container .cet-submenu-indicator {\n  position: absolute;\n  right: 4px;\n  height: 12px;\n  width: 12px;\n  padding: 0;\n}\n\n.cet-menubar-menu-container .cet-submenu-indicator img,\n.cet-menubar-menu-container .cet-menu-item-icon .icon,\n.cet-menubar-menu-container .cet-submenu-indicator svg,\n.cet-menubar-menu-container .cet-menu-item-icon svg {\n  display: inherit;\n  width: 100%;\n  height: 100%;\n}\n\n.cet-menubar-menu-container .cet-action-menu-item.checked>.cet-menu-item-icon.checkbox {\n  visibility: visible;\n}\n\n.cet-menubar-menu-container .cet-menu-item-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0 0 0 12px;\n}\n\n.cet-menubar-menu-container .cet-menu-item-icon.checkbox {\n  visibility: hidden;\n}";
 const macTheme = "";
 const winTheme = "";
 class ThemingRegistry extends _get__("lifecycle_1").Disposable {