n8n-editor-ui 1.90.1 → 1.92.0

package/dist/assets/{RunData-DepHcD2K.css → RunData-BjlZgIyx.css}

@@ -127,6 +127,10 @@
   border: 1px solid var(--color-foreground-base);
   border-radius: var(--border-radius-large);
 }
+.node-error-view_compact .node-error-view__header {
+  margin: 0 auto var(--spacing-2xs) auto;
+  border-radius: var(--border-radius-base);
+}
 .node-error-view__header-title {
   padding: var(--spacing-2xs) var(--spacing-s);
   border-bottom: 1px solid var(--color-danger-tint-1);
@@ -136,6 +140,9 @@
   border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
   color: var(--color-danger);
 }
+.node-error-view_compact .node-error-view__header-title {
+  border-radius: var(--border-radius-base);
+}
 .node-error-view__header-message {
   display: flex;
   justify-content: space-between;
@@ -213,6 +220,9 @@
   border: 1px solid var(--color-foreground-base);
   border-radius: var(--border-radius-large);
 }
+.node-error-view_compact .node-error-view__info {
+  border-radius: var(--border-radius-base);
+}
 .node-error-view__info-header {
   display: flex;
   align-items: center;
@@ -1051,13 +1061,11 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-._itemsText_1p5xj_123 {
+._itemsText_1e7yn_123 {
   flex-shrink: 0;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-}
-._muted_1p5xj_130 {
   color: var(--color-text-light);
   font-size: var(--font-size-2xs);
 }/* BEM support Func
@@ -1182,8 +1190,20 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-._icon_1xx9c_123 {
-  padding-inline: var(--spacing-2xs);
+._pagination_1hlvz_123 {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 5px;
+  overflow-y: hidden;
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+._pageSizeSelector_1hlvz_134 {
+  text-transform: capitalize;
+  max-width: 150px;
+  flex: 0 1 auto;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1306,10 +1326,10 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-._infoIcon_12zhg_123 {
+._infoIcon_f5ono_123 {
   color: var(--color-foreground-dark);
 }
-._center_12zhg_127 {
+._center_f5ono_127 {
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -1318,25 +1338,25 @@ video {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
   text-align: center;
 }
-._center_12zhg_127 > * {
+._center_f5ono_127 > * {
   max-width: 316px;
   margin-bottom: var(--spacing-2xs);
 }
-._container_12zhg_141 {
+._container_f5ono_141 {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-._pinnedDataCallout_12zhg_149 {
+._pinnedDataCallout_f5ono_149 {
   border-radius: inherit;
   border-bottom-right-radius: 0;
   border-top: 0;
   border-left: 0;
   border-right: 0;
 }
-._header_12zhg_157 {
+._header_f5ono_157 {
   display: flex;
   align-items: center;
   margin-bottom: var(--spacing-s);
@@ -1346,23 +1366,25 @@ video {
   overflow-y: hidden;
   min-height: calc(30px + var(--spacing-s));
   scrollbar-width: thin;
+  container-type: inline-size;
 }
-._compact_12zhg_168 ._header_12zhg_157 {
+._compact_f5ono_169 ._header_f5ono_157 {
   margin-bottom: var(--spacing-4xs);
-  padding: var(--spacing-4xs) var(--spacing-s) 0 var(--spacing-s);
+  padding: var(--spacing-2xs);
+  margin-bottom: 0;
+  flex-shrink: 0;
+  flex-grow: 0;
+  min-height: auto;
 }
-._header_12zhg_157 > *:first-child {
+._header_f5ono_157 > *:first-child {
   flex-grow: 1;
 }
-._dataContainer_12zhg_176 {
+._dataContainer_f5ono_181 {
   position: relative;
   overflow-y: auto;
   height: 100%;
 }
-._dataContainer_12zhg_176:hover ._actions-group_12zhg_181 {
-  opacity: 1;
-}
-._dataDisplay_12zhg_185 {
+._dataDisplay_f5ono_187 {
   position: absolute;
   top: 0;
   left: 0;
@@ -1373,13 +1395,16 @@ video {
   word-break: normal;
   height: 100%;
 }
-._inlineError_12zhg_197 {
+._compact_f5ono_169 ._dataDisplay_f5ono_187 {
+  padding: 0 var(--spacing-2xs);
+}
+._inlineError_f5ono_202 {
   line-height: var(--font-line-height-xloose);
   padding-left: var(--spacing-s);
   padding-right: var(--spacing-s);
   padding-bottom: var(--spacing-s);
 }
-._outputs_12zhg_204 {
+._outputs_f5ono_209 {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-s);
@@ -1387,14 +1412,20 @@ video {
   padding-right: var(--spacing-s);
   padding-bottom: var(--spacing-s);
 }
-._tabs_12zhg_213 {
+._compact_f5ono_169 ._outputs_f5ono_209 {
+  padding-left: var(--spacing-2xs);
+  padding-right: var(--spacing-2xs);
+  padding-bottom: var(--spacing-2xs);
+  font-size: var(--font-size-2xs);
+}
+._tabs_f5ono_224 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-height: 30px;
   --color-tabs-arrow-buttons: var(--color-run-data-background);
 }
-._itemsCount_12zhg_221 {
+._itemsCount_f5ono_232 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2xs);
@@ -1403,12 +1434,12 @@ video {
   padding-bottom: var(--spacing-s);
   flex-flow: wrap;
 }
-._inputSelect_12zhg_231 {
+._inputSelect_f5ono_242 {
   padding-left: var(--spacing-s);
   padding-right: var(--spacing-s);
   padding-bottom: var(--spacing-s);
 }
-._runSelector_12zhg_237 {
+._runSelector_f5ono_248 {
   display: flex;
   align-items: center;
   flex-flow: wrap;
@@ -1417,40 +1448,26 @@ video {
   margin-bottom: var(--spacing-s);
   gap: var(--spacing-3xs);
 }
-._runSelector_12zhg_237 .el-input--suffix .el-input__inner {
+._runSelector_f5ono_248 .el-input--suffix .el-input__inner {
   padding-right: var(--spacing-l);
 }
-._runSelectorInner_12zhg_250 {
+._runSelectorInner_f5ono_261 {
   display: flex;
   gap: var(--spacing-4xs);
   align-items: center;
 }
-._runSelectorSelect_12zhg_256 {
+._runSelectorSelect_f5ono_267 {
   max-width: 205px;
 }
-._search_12zhg_260 {
+._search_f5ono_271 {
   margin-left: auto;
 }
-._pagination_12zhg_264 {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  bottom: 0;
-  padding: 5px;
-  overflow-y: hidden;
-}
-._pageSizeSelector_12zhg_274 {
-  text-transform: capitalize;
-  max-width: 150px;
-  flex: 0 1 auto;
-}
-._binaryIndex_12zhg_280 {
+._binaryIndex_f5ono_275 {
   display: block;
   padding: var(--spacing-2xs);
   font-size: var(--font-size-2xs);
 }
-._binaryIndex_12zhg_280 > * {
+._binaryIndex_f5ono_275 > * {
   display: inline-block;
   width: 30px;
   height: 30px;
@@ -1461,11 +1478,11 @@ video {
   font-weight: var(--font-weight-bold);
   color: var(--color-text-xlight);
 }
-._binaryRow_12zhg_297 {
+._binaryRow_f5ono_292 {
   display: inline-flex;
   font-size: var(--font-size-2xs);
 }
-._binaryCell_12zhg_302 {
+._binaryCell_f5ono_297 {
   display: inline-block;
   width: 300px;
   overflow: hidden;
@@ -1476,7 +1493,7 @@ video {
   border: var(--border-base);
   padding: var(--spacing-s);
 }
-._binaryHeader_12zhg_314 {
+._binaryHeader_f5ono_309 {
   color: var(--color-primary);
   font-weight: var(--font-weight-bold);
   font-size: 1.2em;
@@ -1484,41 +1501,45 @@ video {
   margin-bottom: var(--spacing-2xs);
   border-bottom: 1px solid var(--color-text-light);
 }
-._binaryButtonContainer_12zhg_323 {
+._binaryButtonContainer_f5ono_318 {
   margin-top: 1.5em;
   display: flex;
   flex-direction: row;
   justify-content: center;
 }
-._binaryButtonContainer_12zhg_323 > * {
+._binaryButtonContainer_f5ono_318 > * {
   flex-grow: 0;
   margin-right: var(--spacing-3xs);
 }
-._binaryValue_12zhg_334 {
+._binaryValue_f5ono_329 {
   white-space: initial;
   word-wrap: break-word;
 }
-._displayModes_12zhg_339 {
+._displayModes_f5ono_334 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   flex-grow: 1;
   gap: var(--spacing-2xs);
 }
-._tooltipContain_12zhg_347 {
+._compact_f5ono_169 ._displayModes_f5ono_334 {
+  /* let title text alone decide the height */
+  height: 0;
+}
+._tooltipContain_f5ono_346 {
   max-width: 240px;
 }
-._spinner_12zhg_351 {
+._spinner_f5ono_350 {
   display: flex;
   justify-content: center;
   margin-bottom: var(--spacing-s);
 }
-._spinner_12zhg_351 * {
+._spinner_f5ono_350 * {
   color: var(--color-primary);
   min-height: 40px;
   min-width: 40px;
 }
-._editMode_12zhg_362 {
+._editMode_f5ono_361 {
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -1526,13 +1547,13 @@ video {
   padding-left: var(--spacing-s);
   padding-right: var(--spacing-s);
 }
-._editModeBody_12zhg_371 {
+._editModeBody_f5ono_370 {
   flex: 1 1 auto;
   max-height: 100%;
   width: 100%;
   overflow: auto;
 }
-._editModeFooter_12zhg_378 {
+._editModeFooter_f5ono_377 {
   flex: 0 1 auto;
   display: flex;
   width: 100%;
@@ -1541,42 +1562,50 @@ video {
   padding-top: var(--spacing-s);
   padding-bottom: var(--spacing-s);
 }
-._editModeFooterInfotip_12zhg_388 {
+._editModeFooterInfotip_f5ono_387 {
   display: flex;
   flex: 1;
   width: 100%;
 }
-._editModeActions_12zhg_394 {
+._editModeActions_f5ono_393 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   margin-left: var(--spacing-s);
 }
-._stretchVertically_12zhg_401 {
+._stretchVertically_f5ono_400 {
   height: 100%;
 }
-._uiBlocker_12zhg_405 {
+._uiBlocker_f5ono_404 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._hintCallout_12zhg_410 {
+._hintCallout_f5ono_409 {
   margin-bottom: var(--spacing-xs);
   margin-left: var(--spacing-s);
   margin-right: var(--spacing-s);
 }
-._schema_12zhg_416 {
+._compact_f5ono_169 ._hintCallout_f5ono_409 {
+  margin: 0 var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs);
+}
+._schema_f5ono_418 {
   padding: 0 var(--spacing-s);
 }
-._compact_12zhg_168 ._search_12zhg_260,
-._compact_12zhg_168 ._displayModeSelect_12zhg_421 {
+._compact_f5ono_169:not(:hover) ._search_f5ono_271,
+._compact_f5ono_169:not(:hover) ._displayModeSelect_f5ono_423 {
   opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+  display: none;
 }
-._compact_12zhg_168:hover ._search_12zhg_260,
-._compact_12zhg_168:hover ._displayModeSelect_12zhg_421 {
+._compact_f5ono_169:hover ._search_f5ono_271,
+._compact_f5ono_169:hover ._displayModeSelect_f5ono_423 {
   opacity: 1;
-  visibility: visible;
+}
+@container (max-width: 240px) {
+  /* Hide title when the panel is too narrow */
+._compact_f5ono_169:hover ._title_f5ono_434 {
+    visibility: hidden;
+    width: 0;
+}
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1699,7 +1728,7 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-.run-data .code-node-editor[data-v-97a8af0b] {
+.run-data .code-node-editor[data-v-ba7b70a3] {
   height: 100%;
 }/* BEM support Func
  -------------------------- */
@@ -1823,7 +1852,7 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-v-97a8af0b] .highlight {
+[data-v-ba7b70a3] .highlight {
   background-color: #f7dc55;
   color: black;
   border-radius: var(--border-radius-base);