n8n-editor-ui 1.78.0 → 1.79.0

package/dist/assets/{useCanvasOperations-CKa4_bqL.css → useCanvasMapping-DeC609A4.css}

@@ -1120,142 +1120,14 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._triggerIcon_gm3t7_123 {
-  position: absolute;
-  right: 100%;
-  margin: auto;
-  color: var(--color-primary);
-  padding: var(--spacing-2xs);
-}/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
-/* Link
--------------------------- */
-/* Border
--------------------------- */
-/* Outline
--------------------------- */
-/* Box shadow
--------------------------- */
-/* Fill
--------------------------- */
-/* Typography
--------------------------- */
-/* z-index
--------------------------- */
-/* Disable base
--------------------------- */
-/* Icon
--------------------------- */
-/* Checkbox
--------------------------- */
-/* Radio
--------------------------- */
-/* Select
--------------------------- */
-/* Alert
--------------------------- */
-/* MessageBox
--------------------------- */
-/* Message
--------------------------- */
-/* Notification
--------------------------- */
-/* Input
--------------------------- */
-/* Cascader
--------------------------- */
-/* Group
--------------------------- */
-/* Tab
--------------------------- */
-/* Button
--------------------------- */
-/* cascader
--------------------------- */
-/* Switch
--------------------------- */
-/* Dialog
--------------------------- */
-/* Table
--------------------------- */
-/* Pagination
--------------------------- */
-/* Popup
--------------------------- */
-/* Popover
--------------------------- */
-/* Tooltip
--------------------------- */
-/* Tag
--------------------------- */
-/* Tree
--------------------------- */
-/* Dropdown
--------------------------- */
-/* Badge
--------------------------- */
-/* Card
---------------------------*/
-/* Slider
---------------------------*/
-/* Steps
---------------------------*/
-/* Menu
---------------------------*/
-/* Rate
---------------------------*/
-/* DatePicker
---------------------------*/
-/* Loading
---------------------------*/
-/* Scrollbar
---------------------------*/
-/* Carousel
---------------------------*/
-/* Collapse
---------------------------*/
-/* Transfer
---------------------------*/
-/* Header
-  --------------------------*/
-/* Footer
---------------------------*/
-/* Main
---------------------------*/
-/* Timeline
---------------------------*/
-/* Backtop
---------------------------*/
-/* Link
---------------------------*/
-/* Calendar
---------------------------*/
-/* Form
--------------------------- */
-/* Avatar
---------------------------*/
-/* Break-point
---------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-._tooltipTrigger_1kf3t_123 {
+._tooltipTrigger_dauyi_123 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
-  height: 1px;
+  height: 100%;
 }
-._popper_1kf3t_131 {
+._popper_dauyi_131 {
   white-space: nowrap;
 }/* BEM support Func
  -------------------------- */
@@ -1379,7 +1251,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._node_l5vq0_123 {
+._node_srgxj_123 {
   --canvas-node--max-vertical-handles: max(
   	var(--canvas-node--main-input-count),
   	var(--canvas-node--main-output-count),
@@ -1411,20 +1283,20 @@
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_l5vq0_123._trigger_l5vq0_155 {
+._node_srgxj_123._trigger_srgxj_155 {
   border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
 }
-._node_l5vq0_123._configuration_l5vq0_158 {
+._node_srgxj_123._configuration_srgxj_158 {
   --canvas-node--width: 80px;
   --canvas-node--height: 80px;
   background: var(--canvas-node--background, var(--node-type-supplemental-background));
   border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark));
   border-radius: 50px;
 }
-._node_l5vq0_123._configuration_l5vq0_158 ._statusIcons_l5vq0_165 {
+._node_srgxj_123._configuration_srgxj_158 ._statusIcons_srgxj_165 {
   right: unset;
 }
-._node_l5vq0_123._configurable_l5vq0_168 {
+._node_srgxj_123._configurable_srgxj_168 {
   --canvas-node--height: 100px;
   --canvas-node--width: calc(
   	max(var(--configurable-node--input-count, 4), var(--configurable-node--min-input-count)) *
@@ -1432,10 +1304,10 @@
   );
   justify-content: flex-start;
 }
-._node_l5vq0_123._configurable_l5vq0_168 .n8n-node-icon {
+._node_srgxj_123._configurable_srgxj_168 .n8n-node-icon {
   margin-left: var(--configurable-node--icon-offset);
 }
-._node_l5vq0_123._configurable_l5vq0_168 ._description_l5vq0_179 {
+._node_srgxj_123._configurable_srgxj_168 ._description_srgxj_179 {
   top: unset;
   position: relative;
   margin-top: 0;
@@ -1444,39 +1316,39 @@
   min-width: unset;
   max-width: calc(var(--canvas-node--width) - var(--configurable-node--icon-offset) - var(--configurable-node--icon-size) - 2 * var(--spacing-s));
 }
-._node_l5vq0_123._configurable_l5vq0_168 ._label_l5vq0_188 {
+._node_srgxj_123._configurable_srgxj_168 ._label_srgxj_188 {
   text-align: left;
 }
-._node_l5vq0_123._configurable_l5vq0_168._configuration_l5vq0_158 {
+._node_srgxj_123._configurable_srgxj_168._configuration_srgxj_158 {
   --canvas-node--height: 75px;
 }
-._node_l5vq0_123._configurable_l5vq0_168._configuration_l5vq0_158 ._statusIcons_l5vq0_165 {
+._node_srgxj_123._configurable_srgxj_168._configuration_srgxj_158 ._statusIcons_srgxj_165 {
   right: calc(-1 * var(--spacing-2xs));
   bottom: 0;
 }
-._node_l5vq0_123._selected_l5vq0_198 {
+._node_srgxj_123._selected_srgxj_198 {
   box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
 }
-._node_l5vq0_123._success_l5vq0_201 {
+._node_srgxj_123._success_srgxj_201 {
   border-color: var(--color-canvas-node-success-border-color, var(--color-success));
 }
-._node_l5vq0_123._error_l5vq0_204 {
+._node_srgxj_123._error_srgxj_204 {
   border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
 }
-._node_l5vq0_123._pinned_l5vq0_207 {
+._node_srgxj_123._pinned_srgxj_207 {
   border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
 }
-._node_l5vq0_123._disabled_l5vq0_210 {
+._node_srgxj_123._disabled_srgxj_210 {
   border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
 }
-._node_l5vq0_123._running_l5vq0_213 {
+._node_srgxj_123._running_srgxj_213 {
   background-color: var(--color-node-executing-background);
   border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
 }
-._node_l5vq0_123._waiting_l5vq0_217 {
+._node_srgxj_123._waiting_srgxj_217 {
   border-color: var(--color-canvas-node-waiting-border-color, var(--color-secondary));
 }
-._description_l5vq0_179 {
+._description_srgxj_179 {
   top: 100%;
   position: absolute;
   width: 100%;
@@ -1487,8 +1359,8 @@
   gap: var(--spacing-4xs);
   align-items: center;
 }
-._label_l5vq0_188,
-._disabledLabel_l5vq0_234 {
+._label_srgxj_188,
+._disabledLabel_srgxj_234 {
   font-size: var(--font-size-m);
   text-align: center;
   text-overflow: ellipsis;
@@ -1500,7 +1372,7 @@
   font-weight: var(--font-weight-bold);
   line-height: var(--font-line-height-compact);
 }
-._subtitle_l5vq0_247 {
+._subtitle_srgxj_247 {
   width: 100%;
   text-align: center;
   color: var(--color-text-light);
@@ -1511,10 +1383,16 @@
   line-height: var(--font-line-height-compact);
   font-weight: 400;
 }
-._statusIcons_l5vq0_165 {
+._statusIcons_srgxj_165 {
   position: absolute;
   bottom: var(--canvas-node--status-icons-offset);
   right: var(--canvas-node--status-icons-offset);
+}
+._triggerIcon_srgxj_265 {
+  display: inline;
+  position: static;
+  color: var(--color-primary);
+  padding: var(--spacing-4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -3467,10 +3345,179 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._canvasNode_6va49_123:hover ._canvasNodeToolbar_6va49_123, ._canvasNode_6va49_123:focus-within ._canvasNodeToolbar_6va49_123, ._canvasNode_6va49_123._showToolbar_6va49_123 ._canvasNodeToolbar_6va49_123 {
+._container_xb00u_123 {
+  z-index: -1;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  right: 100%;
+  top: 0;
+  pointer-events: none;
+}
+._container_xb00u_123 > div {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+._container_xb00u_123._interactive_xb00u_138._hovered_xb00u_138 button {
+  pointer-events: all;
+}
+._variant1_xb00u_142 button {
+  margin-right: var(--spacing-xl);
+  display: none;
+}
+._variant1_xb00u_142._interactive_xb00u_138 button {
+  display: block;
+}
+._variant2_xb00u_150 button {
+  margin-right: var(--spacing-s);
+  opacity: 0;
+  translate: -12px 0;
+  transition: translate 0.1s ease-in, opacity 0.1s ease-in;
+}
+._variant2_xb00u_150._interactive_xb00u_138._hovered_xb00u_138 button {
+  opacity: 1;
+  translate: 0 0;
+}
+._bolt_xb00u_161 {
+  position: absolute;
+  right: 0;
+  color: var(--color-primary);
+  padding: var(--spacing-s);
+  opacity: 1;
+  translate: 0 0;
+  transition: translate 0.1s ease-in, opacity 0.1s ease-in;
+}
+._container_xb00u_123._interactive_xb00u_138._hovered_xb00u_138 ._bolt_xb00u_161 {
+  translate: -12px 0;
+  opacity: 0;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._canvasNode_1ftik_123:hover:not(:has(> ._trigger_1ftik_123:hover)) ._canvasNodeToolbar_1ftik_123, ._canvasNode_1ftik_123:focus-within ._canvasNodeToolbar_1ftik_123, ._canvasNode_1ftik_123._showToolbar_1ftik_123 ._canvasNodeToolbar_1ftik_123 {
   opacity: 1;
 }
-._canvasNodeToolbar_6va49_123 {
+._canvasNodeToolbar_1ftik_123 {
   transition: opacity 0.1s ease-in;
   position: absolute;
   top: 0;
@@ -3479,7 +3526,7 @@
   opacity: 0;
   z-index: 1;
 }
-._canvasNodeToolbar_6va49_123:focus-within, ._canvasNodeToolbar_6va49_123:hover {
+._canvasNodeToolbar_1ftik_123:focus-within, ._canvasNodeToolbar_1ftik_123:hover {
   opacity: 1;
 }/* BEM support Func
  -------------------------- */
@@ -3731,6 +3778,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
+@media (prefers-color-scheme: dark) {
+body:not([data-theme]) .canvas-edge-toolbar-button {
+    --button-background-color: var(--color-background-base);
+    --button-hover-background-color: var(--color-background-light);
+}
+}
 [data-theme=dark] .canvas-edge-toolbar-button {
   --button-background-color: var(--color-background-base);
   --button-hover-background-color: var(--color-background-light);
@@ -4134,11 +4187,11 @@ path[data-v-161512f5] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-9e496868],
-.minimap-leave-active[data-v-9e496868] {
+.minimap-enter-active[data-v-f36970dd],
+.minimap-leave-active[data-v-f36970dd] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-9e496868],
-.minimap-leave-to[data-v-9e496868] {
+.minimap-enter-from[data-v-f36970dd],
+.minimap-leave-to[data-v-f36970dd] {
   opacity: 0;
 }