@lvce-editor/renderer-process 30.15.1 → 30.16.0

package/dist/rendererProcessMain.js

@@ -3824,6 +3824,46 @@ const setThemeColor = color => {
   meta.content = color;
 };
 
+const Alert = 'alert';
+const Application = 'application';
+const Complementary = 'complementary';
+const Group = 'group';
+const ListBox = 'listbox';
+const Log = 'log';
+const Menu = 'menu';
+const None$1 = 'none';
+const Status = 'status';
+const TabList = 'tablist';
+const Toolbar = 'toolbar';
+
+const setMaskImage = ($Element, icon) => {
+  if (!icon || icon.includes('/icons')) {
+    $Element.style.maskImage = `url('${icon}')`;
+    $Element.style.webkitMaskImage = `url('${icon}')`;
+  } else {
+    $Element.classList.add(`MaskIcon${icon}`);
+  }
+};
+
+const create$t = icon => {
+  const $Icon = document.createElement('div');
+  $Icon.className = 'MaskIcon';
+  setMaskImage($Icon, icon);
+  $Icon.role = None$1;
+  return $Icon;
+};
+
+const create$Button = (label, icon) => {
+  // TODO icon div might not be needed (unnecessary HTML element)
+  const $Icon = create$t(icon);
+  const $Button = document.createElement('button');
+  $Button.className = 'IconButton';
+  $Button.title = label;
+  $Button.ariaLabel = label;
+  $Button.append($Icon);
+  return $Button;
+};
+
 // TODO this file is not needed when all elements are position fixed
 const state$6 = {
   $Widgets: undefined,
@@ -3868,13 +3908,31 @@ const remove$1 = $Element => {
   }
 };
 
+const handleCloseClick = event => {
+  const $CloseButton = event.currentTarget;
+  remove$1($CloseButton.parentNode);
+};
+const create$NotificationMessage = message => {
+  const $NotificationMessage = document.createElement('p');
+  $NotificationMessage.className = 'NotificationMessage';
+  $NotificationMessage.textContent = message;
+  return $NotificationMessage;
+};
+const create$CloseButton = () => {
+  const $CloseButton = create$Button('Close', 'Close');
+  $CloseButton.classList.add('NotificationCloseButton');
+  $CloseButton.onclick = handleCloseClick;
+  return $CloseButton;
+};
 const create$Notification = message => {
+  const $NotificationMessage = create$NotificationMessage(message);
+  const $CloseButton = create$CloseButton();
   const $Notification = document.createElement('div');
   $Notification.className = 'Notification';
-  $Notification.textContent = message;
+  $Notification.append($NotificationMessage, $CloseButton);
   return $Notification;
 };
-const create$t = (type, message) => {
+const create$s = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -3898,9 +3956,8 @@ const handleNotificationClick = event => {
   }
 };
 const create$NotificationWithOptions = (message, options) => {
-  const $NotificationMessage = document.createElement('p');
-  $NotificationMessage.className = 'NotificationMessage';
-  $NotificationMessage.textContent = message;
+  const $NotificationMessage = create$NotificationMessage(message);
+  const $CloseButton = create$CloseButton();
   const $NotificationOptions = document.createElement('div');
   $NotificationOptions.className = 'NotificationOptions';
   for (const option of options) {
@@ -3911,7 +3968,7 @@ const create$NotificationWithOptions = (message, options) => {
   }
   const $Notification = document.createElement('div');
   $Notification.className = 'Notification';
-  $Notification.append($NotificationMessage, $NotificationOptions);
+  $Notification.append($NotificationMessage, $CloseButton, $NotificationOptions);
   $Notification.onclick = handleNotificationClick;
   return $Notification;
 };
@@ -3930,7 +3987,7 @@ const set$6 = (canvasId, canvas) => {
   state$5.canvasObjects[canvasId] = canvas;
 };
 
-const create$s = async (canvasId, objectId) => {
+const create$r = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$6(canvasId, canvas);
@@ -3958,18 +4015,6 @@ const create2 = async (canvasId, objectId, width, height) => {
 const True = 'true';
 const False = 'false';
 
-const Alert = 'alert';
-const Application = 'application';
-const Complementary = 'complementary';
-const Group = 'group';
-const ListBox = 'listbox';
-const Log = 'log';
-const Menu = 'menu';
-const None$1 = 'none';
-const Status = 'status';
-const TabList = 'tablist';
-const Toolbar = 'toolbar';
-
 const create$BackDrop = () => {
   const $BackDrop = document.createElement('div');
   $BackDrop.className = 'BackDrop';
@@ -5277,7 +5322,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$r = (uri, top, left) => {
+const create$q = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -5308,7 +5353,7 @@ const dispose$g = state => {
 
 const ImagePreview$1 = {
   __proto__: null,
-  create: create$r,
+  create: create$q,
   dispose: dispose$g,
   showError,
   update
@@ -5527,7 +5572,7 @@ const ViewletAudio = {
   Events: Events$4
 };
 
-const create$q = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
@@ -5544,7 +5589,7 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$q,
+  create: create$p,
   dispose: dispose$f,
   refresh: refresh$3,
   setTime
@@ -5573,7 +5618,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$p = (pointerDown, pointerMove, pointerUp) => {
+const create$o = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -5606,7 +5651,7 @@ const create$p = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$p(event => {
+const handleSliderPointerDown = create$o(event => {
   const {
     clientX,
     clientY
@@ -5688,7 +5733,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$5
 };
 
-const create$o = () => {
+const create$n = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -5704,7 +5749,7 @@ const setDom$9 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$o,
+  create: create$n,
   setDom: setDom$9
 };
 
@@ -5756,34 +5801,6 @@ const ViewletDefineKeyBinding = {
   setValue: setValue$2
 };
 
-const setMaskImage = ($Element, icon) => {
-  if (!icon || icon.includes('/icons')) {
-    $Element.style.maskImage = `url('${icon}')`;
-    $Element.style.webkitMaskImage = `url('${icon}')`;
-  } else {
-    $Element.classList.add(`MaskIcon${icon}`);
-  }
-};
-
-const create$n = icon => {
-  const $Icon = document.createElement('div');
-  $Icon.className = 'MaskIcon';
-  setMaskImage($Icon, icon);
-  $Icon.role = None$1;
-  return $Icon;
-};
-
-const create$Button = (label, icon) => {
-  // TODO icon div might not be needed (unnecessary HTML element)
-  const $Icon = create$n(icon);
-  const $Button = document.createElement('button');
-  $Button.className = 'IconButton';
-  $Button.title = label;
-  $Button.ariaLabel = label;
-  $Button.append($Icon);
-  return $Button;
-};
-
 const handleClick$5 = index => {
   send(/* Dialog.handleClick */'Dialog.handleClick', /* index */index);
 };
@@ -5940,7 +5957,7 @@ const handleContextMenu$4 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$p(event => {
+const handleSashCornerPointerDown = create$o(event => {
   const {
     clientX,
     clientY
@@ -6478,7 +6495,7 @@ const ViewletEditorError = {
 };
 
 const returnValue$3 = true;
-const handleSashPointerDown$2 = create$p(event => {
+const handleSashPointerDown$2 = create$o(event => {
   const {
     clientX,
     clientY
@@ -9519,10 +9536,10 @@ const commandMap = {
   'Menu.showControlled': showControlled,
   'Menu.showMenu': showMenu,
   'Meta.setThemeColor': setThemeColor,
-  'Notification.create': create$t,
+  'Notification.create': create$s,
   'Notification.createWithOptions': createWithOptions,
   'Notification.dispose': dispose$h,
-  'OffscreenCanvas.create': create$s,
+  'OffscreenCanvas.create': create$r,
   'OffscreenCanvas.create2': create2,
   'Open.openUrl': openUrl,
   'Open.redirectToUrl': redirectToUrl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.15.1",
+  "version": "30.16.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"