@lvce-editor/title-bar-worker 2.8.0 → 2.9.0

package/dist/titleBarWorkerMain.js

@@ -1051,13 +1051,17 @@ const MenuItemCheckBox = 'menuitemcheckbox';
 const None$1 = 'none';
 const Separator$1 = 'separator';
 
-const Button = 1;
+const Button$1 = 1;
 const Div = 4;
 const Span = 8;
 const Text = 12;
 const I = 16;
 const Img = 17;
 
+const Button = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+
 const Escape$2 = 8;
 const Space$2 = 9;
 const End$2 = 255;
@@ -2206,7 +2210,7 @@ const createTitleBarButton = button => {
     onClick
   } = button;
   const dom = [{
-    type: Button,
+    type: Button$1,
     className: `TitleBarButton TitleBarButton${id}`,
     ariaLabel: label,
     childCount: 1,
@@ -3048,20 +3052,15 @@ const getMenuItemDefaultDom = menuItem => {
     key
   } = menuItem;
   const className = getMenuItemClassName(isFocused);
-  const dom = [];
-  dom.push({
+  const keyDom = key ? getKeyDom(key) : [];
+  const childCount = key ? 2 : 1;
+  return [{
     type: Div,
     className,
     role: MenuItem$1,
     tabIndex: -1,
-    childCount: 1
-  }, text(label));
-  if (key) {
-    dom[0].childCount++;
-    const keyDom = getKeyDom(key);
-    dom.push(...keyDom);
-  }
-  return dom;
+    childCount
+  }, text(label), ...keyDom];
 };
 
 const disabled = {
@@ -3279,22 +3278,22 @@ const renderEventListeners = () => {
     params: ['handleFocus']
   }, {
     name: HandleMenuClick,
-    params: ['handleMenuClick', 'event.clientX', 'event.clientY']
+    params: ['handleMenuClick', ClientX, ClientY]
   }, {
     name: HandleMenuMouseOver,
-    params: ['handleMenuMouseOver', 'event.clientX', 'event.clientY']
+    params: ['handleMenuMouseOver', ClientX, ClientY]
   }, {
     name: HandleClick,
-    params: ['handleClickAt', 'event.button', 'event.clientX', 'event.clientY']
+    params: ['handleClickAt', Button, ClientX, ClientY]
   }, {
     name: HandlePointerOut,
-    params: ['handlePointerOut', 'event.clientX', 'event.clientY']
+    params: ['handlePointerOut', ClientX, ClientY]
   }, {
     name: HandlePointerOver,
-    params: ['handlePointerOver', 'event.clientX', 'event.clientY']
+    params: ['handlePointerOver', ClientX, ClientY]
   }, {
     name: HandleFocusOut,
-    params: ['handleFocusOut', 'event.clientX', 'event.clientY'] // TODO maybe check relatedTarget
+    params: ['handleFocusOut', ClientX, ClientY] // TODO maybe check relatedTarget
   }];
 };
 
@@ -3304,8 +3303,37 @@ const saveState = uid => {
   };
 };
 
+const DEFAULT_UID = 1;
+const createDefaultState = (uid = DEFAULT_UID) => ({
+  assetDir: '',
+  focusedIndex: -1,
+  height: 30,
+  iconWidth: 30,
+  isMenuOpen: false,
+  itleBarIconEnabled: true,
+  labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
+  labelFontSize: 13,
+  labelFontWeight: 400,
+  labelLetterSpacing: 0,
+  labelPadding: 8,
+  menus: [],
+  titleBarButtonsEnabled: true,
+  titleBarButtonsWidth: 90,
+  titleBarEntries: [],
+  titleBarHeight: 30,
+  titleBarIconWidth: 30,
+  titleBarMenuBarEnabled: true,
+  titleBarTitleEnabled: true,
+  uid,
+  width: 800,
+  x: 0,
+  y: 0,
+  title: ''
+});
+
 const create = (id, uri, x, y, width, height) => {
   const state = {
+    ...createDefaultState(),
     uid: id,
     titleBarEntries: [],
     focusedIndex: -1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/title-bar-worker",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "Title Bar Worker",
   "repository": {
     "type": "git",
@@ -11,6 +11,7 @@
   "type": "module",
   "main": "dist/titleBarWorkerMain.js",
   "dependencies": {
+    "@lvce-editor/constants": "^1.26.0",
     "@lvce-editor/viewlet-registry": "^1.4.0"
   }
 }