n8n-editor-ui 2.3.3 → 2.4.1

package/dist/assets/{ParameterInputList-C1BdtAjc.css → ParameterInputList-BUZ33Aem.css}

@@ -120,25 +120,187 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._editor_1x7m4_123 {
+._header_1jvls_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  min-height: 26px;
+  padding-bottom: var(--spacing--4xs);
+}
+._bordered_1jvls_131 {
+  border-bottom: var(--border);
+}
+._title_1jvls_135 {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+}
+._actions_1jvls_139 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing--4xs);
+  margin-left: auto;
+  padding-left: var(--spacing--xs);
+}
+._actions_1jvls_139 .n8n-icon-button,
+._actions_1jvls_139 .action-toggle {
+  color: var(--color--text--shade-1);
+}
+._actions_1jvls_139 .n8n-icon-button:hover,
+._actions_1jvls_139 .action-toggle:hover {
+  color: var(--color--primary);
+}/* 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
+ -------------------------- */
+._editor_ggqk4_123 {
   height: 100%;
 }
-._editor_1x7m4_123 > div {
+._editor_ggqk4_123 > div {
   height: 100%;
 }
-._fillHeight_1x7m4_130 {
+._fillHeight_ggqk4_130 {
   height: 100%;
 }
-._droppable_1x7m4_134 .cm-editor {
-  border-color: var(--ndv--droppable-parameter--color);
-  border-style: dashed;
-  border-width: 1.5px;
+._droppable_ggqk4_134 .cm-editor {
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
 }
-._activeDrop_1x7m4_140 .cm-editor {
+._activeDrop_ggqk4_140 .cm-editor {
   border-color: var(--color--success);
   border-style: solid;
   cursor: grabbing;
   border-width: 1px;
+  outline: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -593,10 +755,10 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-v-12622d96] .el-tabs .cm-editor {
+[data-v-472b0755] .el-tabs .cm-editor {
   border: 0;
 }
-@keyframes backgroundAnimation-12622d96 {
+@keyframes backgroundAnimation-472b0755 {
 0% {
     background-color: none;
 }
@@ -607,9 +769,9 @@
     background-color: none;
 }
 }
-.flash-editor[data-v-12622d96] .cm-editor,
-.flash-editor[data-v-12622d96] .cm-gutter {
-  animation: backgroundAnimation-12622d96 1.5s ease-in-out;
+.flash-editor[data-v-472b0755] .cm-editor,
+.flash-editor[data-v-472b0755] .cm-gutter {
+  animation: backgroundAnimation-472b0755 1.5s ease-in-out;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -732,27 +894,28 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._tabs_puigc_123 {
+._tabs_16voc_123 {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-._code-node-editor-container_puigc_129 {
+._code-node-editor-container_16voc_129 {
   position: relative;
 }
-._fillHeight_puigc_133 {
+._fillHeight_16voc_133 {
   height: 100%;
 }
-._editorInput_puigc_137._droppable_puigc_137 .cm-editor {
-  border-color: var(--ndv--droppable-parameter--color);
-  border-style: dashed;
-  border-width: 1.5px;
+._editorInput_16voc_137._droppable_16voc_137 .cm-editor {
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
 }
-._editorInput_puigc_137._activeDrop_puigc_143 .cm-editor {
+._editorInput_16voc_137._activeDrop_16voc_143 .cm-editor {
   border-color: var(--color--success);
   border-style: solid;
   cursor: grabbing;
   border-width: 1px;
+  outline: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2675,29 +2838,29 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._expression-parameter-input_dv7b3_123 {
+._expression-parameter-input_tdm54_123 {
   position: relative;
   flex-grow: 1;
 }
-._expression-parameter-input_dv7b3_123 .cm-editor {
+._expression-parameter-input_tdm54_123 .cm-editor {
   background-color: var(--code--color--background);
 }
-._expression-parameter-input_dv7b3_123 ._all-sections_dv7b3_130 {
+._expression-parameter-input_tdm54_123 ._all-sections_tdm54_130 {
   height: 30px;
   display: inline-table;
   width: 100%;
 }
-._expression-parameter-input_dv7b3_123 ._prepend-section_dv7b3_135 {
+._expression-parameter-input_tdm54_123 ._prepend-section_tdm54_135 {
   padding: 0;
   padding-top: 2px;
   width: 22px;
   text-align: center;
 }
-._assignment_dv7b3_142 ._prepend-section_dv7b3_135 {
+._assignment_tdm54_142 ._prepend-section_tdm54_135 {
   vertical-align: top;
   padding-top: 4px;
 }
-._expression-editor-modal-opener_dv7b3_147 {
+._expression-editor-modal-opener_tdm54_147 {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -2709,43 +2872,48 @@
   border-radius: 0;
   border-top-left-radius: var(--radius);
 }
-._expression-editor-modal-opener_dv7b3_147:hover {
+._expression-editor-modal-opener_tdm54_147:hover {
   border: var(--input--border-color, var(--border-color)) var(--input--border-style, var(--border-style)) var(--input--border-width, var(--border-width));
 }
-._expression-editor-modal-opener_dv7b3_147 svg {
+._expression-editor-modal-opener_tdm54_147 svg {
   width: 9px !important;
   height: 9px;
   transform: rotate(270deg);
 }
-._focused_dv7b3_168 > ._prepend-section_dv7b3_135 {
+._focused_tdm54_168 > ._prepend-section_tdm54_135 {
   border-color: var(--color--secondary);
   border-bottom-left-radius: 0;
 }
-._focused_dv7b3_168 .cm-editor {
+._focused_tdm54_168 .cm-editor {
   border-color: var(--color--secondary);
 }
-._focused_dv7b3_168 > ._expression-editor-modal-opener_dv7b3_147 {
+._focused_tdm54_168 > ._expression-editor-modal-opener_tdm54_147 {
   border-color: var(--color--secondary);
   border-bottom-right-radius: 0;
   background-color: var(--code--color--background);
 }
-._droppable_dv7b3_183 {
-  --input--border-color: var(--ndv--droppable-parameter--color);
-  --input--border-right-color: var(--ndv--droppable-parameter--color);
-  --input--border-style: dashed;
+._droppable_tdm54_183 {
+  --input--border-color: transparent;
+  --input--border-right-color: transparent;
 }
-._droppable_dv7b3_183 .cm-editor {
-  border-width: 1.5px;
+._droppable_tdm54_183 .cm-editor {
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
+  transition: none;
 }
-._activeDrop_dv7b3_192 {
+._activeDrop_tdm54_194 {
   --input--border-color: var(--color--success);
   --input--border-right-color: var(--color--success);
   --input--color--background: var(--color--foreground--tint-2);
   --input--border-style: solid;
 }
-._activeDrop_dv7b3_192 .cm-editor {
+._activeDrop_tdm54_194 .cm-editor {
   cursor: grabbing !important;
+  border-color: var(--color--success);
   border-width: 1px;
+  outline: none;
+  transition: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -3807,26 +3975,27 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._sqlEditor_1o6js_123 {
+._sqlEditor_gd3s9_123 {
   position: relative;
   height: 100%;
 }
-._sqlEditor_1o6js_123 > div {
+._sqlEditor_gd3s9_123 > div {
   height: 100%;
 }
-._codemirror_1o6js_131 {
+._codemirror_gd3s9_131 {
   height: 100%;
 }
-._codemirror_1o6js_131._droppable_1o6js_135 .cm-editor {
-  border-color: var(--ndv--droppable-parameter--color);
-  border-style: dashed;
-  border-width: 1.5px;
+._codemirror_gd3s9_131._droppable_gd3s9_135 .cm-editor {
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
 }
-._codemirror_1o6js_131._activeDrop_1o6js_141 .cm-editor {
+._codemirror_gd3s9_131._activeDrop_gd3s9_141 .cm-editor {
   border-color: var(--color--success);
   border-style: solid;
   cursor: grabbing;
   border-width: 1px;
+  outline: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -4221,25 +4390,26 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._editor_1x7m4_123 {
+._editor_ggqk4_123 {
   height: 100%;
 }
-._editor_1x7m4_123 > div {
+._editor_ggqk4_123 > div {
   height: 100%;
 }
-._fillHeight_1x7m4_130 {
+._fillHeight_ggqk4_130 {
   height: 100%;
 }
-._droppable_1x7m4_134 .cm-editor {
-  border-color: var(--ndv--droppable-parameter--color);
-  border-style: dashed;
-  border-width: 1.5px;
+._droppable_ggqk4_134 .cm-editor {
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
 }
-._activeDrop_1x7m4_140 .cm-editor {
+._activeDrop_ggqk4_140 .cm-editor {
   border-color: var(--color--success);
   border-style: solid;
   cursor: grabbing;
   border-width: 1px;
+  outline: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -4819,34 +4989,34 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.readonly-code[data-v-0f2dc9c4] {
+.readonly-code[data-v-1b2d3bc8] {
   font-size: var(--font-size--xs);
 }
-.switch-input[data-v-0f2dc9c4] {
+.switch-input[data-v-1b2d3bc8] {
   margin: var(--spacing--5xs) 0 var(--spacing--2xs) 0;
 }
-.parameter-value-container[data-v-0f2dc9c4] {
+.parameter-value-container[data-v-1b2d3bc8] {
   display: flex;
   align-items: center;
 }
-.parameter-actions[data-v-0f2dc9c4] {
+.parameter-actions[data-v-1b2d3bc8] {
   display: inline-flex;
   align-items: center;
 }
-.parameter-switch[data-v-0f2dc9c4] {
+.parameter-switch[data-v-1b2d3bc8] {
   display: inline-flex;
   align-self: flex-start;
   justify-items: center;
   gap: var(--spacing--xs);
 }
-.parameter-input[data-v-0f2dc9c4] {
+.parameter-input[data-v-1b2d3bc8] {
   display: inline-block;
   position: relative;
 }
-.parameter-input[data-v-0f2dc9c4] .color-input {
+.parameter-input[data-v-1b2d3bc8] .color-input {
   display: flex;
 }
-.parameter-input[data-v-0f2dc9c4] .color-input .el-color-picker__trigger {
+.parameter-input[data-v-1b2d3bc8] .color-input .el-color-picker__trigger {
   border: none;
 }/* BEM support Func
  -------------------------- */
@@ -4976,14 +5146,16 @@
   background-color: #f0f0f0;
 }
 .droppable {
-  --input--border-color: var(--ndv--droppable-parameter--color);
-  --input--border-right-color: var(--ndv--droppable-parameter--color);
-  --input--border-style: dashed;
+  --input--border-color: transparent;
+  --input--border-right-color: transparent;
 }
 .droppable textarea,
 .droppable input,
 .droppable .cm-editor {
-  border-width: 1.5px;
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
+  transition: none;
 }
 .activeDrop {
   --input--border-color: var(--color--success);
@@ -4992,9 +5164,13 @@
   --input--border-style: solid;
 }
 .activeDrop textarea,
-.activeDrop input {
+.activeDrop input,
+.activeDrop .cm-editor {
   cursor: grabbing !important;
+  border-color: var(--color--success);
   border-width: 1px;
+  outline: none;
+  transition: none;
 }
 .has-issues {
   --input--border-color: var(--color--danger);
@@ -5500,32 +5676,36 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_ufxfw_123 {
+._container_acq6w_123 {
   display: flex;
   min-height: 22px;
   max-height: 22px;
 }
-._loader_ufxfw_129 {
+._loader_acq6w_129 {
   padding-bottom: var(--spacing--4xs);
 }
-._loader_ufxfw_129 > span {
+._loader_acq6w_129 > span {
   line-height: 1em;
 }
-._controlsContainer_ufxfw_136 {
+._controlsContainer_acq6w_136 {
   display: flex;
   align-items: center;
   flex-direction: row;
 }
-._noExpressionSelector_ufxfw_142 span {
-  padding-right: 0 !important;
+._expressionSwitch_acq6w_142 {
+  margin-right: var(--spacing--4xs);
 }
-._focusButton_ufxfw_146 {
-  outline: none;
-  color: var(--color--text--tint-1);
+._focusButton_acq6w_146 {
+  color: var(--color--text--shade-1);
 }
-._focusButton_ufxfw_146:hover {
-  cursor: pointer;
+._focusButton_acq6w_146:hover {
   color: var(--color--primary);
+}
+._deleteButton_acq6w_153 {
+  color: var(--color--text--shade-1);
+}
+._deleteButton_acq6w_153:hover {
+  color: var(--color--danger);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -5648,25 +5828,26 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_114s6_123 {
+._wrapper_10bj4_123 {
   position: relative;
 }
-._wrapper_114s6_123:hover ._options_114s6_126 {
+._wrapper_10bj4_123:hover ._options_10bj4_126,
+._wrapper_10bj4_123:hover ._optionsAbove_10bj4_127 {
   opacity: 1;
 }
-._overrideButtonInOptions_114s6_130 {
+._overrideButtonInOptions_10bj4_131 {
   position: relative;
   margin-bottom: -2px;
 }
-._overrideButtonIssueOffset_114s6_135 {
+._overrideButtonIssueOffset_10bj4_136 {
   right: 20px;
   margin-left: 20px;
 }
-._noCornersBottom_114s6_140 > button {
+._noCornersBottom_10bj4_141 > button {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-._options_114s6_126 {
+._options_10bj4_126 {
   position: absolute;
   bottom: -22px;
   right: 0;
@@ -5674,7 +5855,21 @@
   opacity: 0;
   transition: opacity 100ms ease-in;
 }
-._options_114s6_126._visible_114s6_153 {
+._options_10bj4_126._visible_10bj4_154 {
+  opacity: 1;
+}
+._optionsAbove_10bj4_127 {
+  position: absolute;
+  bottom: 100%;
+  right: 0;
+  z-index: 1;
+  opacity: 0;
+  transition: opacity 100ms ease-in;
+  background: var(--ndv--background--color);
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
+}
+._optionsAbove_10bj4_127._visible_10bj4_154 {
   opacity: 1;
 }/* BEM support Func
  -------------------------- */
@@ -5798,7 +5993,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._area_ybelb_123 {
+._area_1cy5n_123 {
   border: dashed 1px var(--color--foreground--shade-1);
   border-radius: var(--radius--lg);
   background: var(--color--background--light-2);
@@ -5810,18 +6005,21 @@
   transition: border-color 0.1s ease-in;
   box-shadow: inset 0 0 0 1.5px var(--color--background--light-3);
 }
-._area_ybelb_123:not(._active_ybelb_135):hover {
+._area_1cy5n_123:not(._active_1cy5n_135):hover {
   border-color: var(--ndv--droppable-parameter--color);
   background: var(--ndv--droppable-parameter--color--background);
 }
-._droppable_ybelb_140 {
-  border-color: var(--ndv--droppable-parameter--color);
-  border-width: 1.5px;
+._droppable_1cy5n_140 {
+  border-color: transparent;
+  outline: 1.5px dashed var(--ndv--droppable-parameter--color);
+  outline-offset: -1.5px;
   background: var(--ndv--droppable-parameter--color--background);
 }
-._active_ybelb_135 {
+._active_1cy5n_135 {
   border-color: var(--color--success);
+  border-width: 1px;
   background: var(--ndv--droppable-parameter--color--background--active);
+  outline: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -5944,27 +6142,27 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._triple_1kl7n_123 {
+._triple_1c6rw_123 {
   display: flex;
   flex-wrap: nowrap;
   align-items: flex-start;
 }
-._observer_1kl7n_129 {
+._observer_1c6rw_129 {
   --parameter-input-options--height: 22px;
   width: 100%;
   position: relative;
 }
-._background_1kl7n_135 {
+._background_1c6rw_135 {
   position: absolute;
   background-color: var(--input-triple--color--background);
-  top: var(--parameter-input-options--height);
+  top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border: 1px solid var(--border-color);
   border-radius: var(--radius);
 }
-._item_1kl7n_146 {
+._item_1c6rw_146 {
   position: relative;
   flex-shrink: 0;
   flex-basis: 240px;
@@ -5972,43 +6170,42 @@
   z-index: 0;
   --input--radius: 0;
 }
-._item_1kl7n_146:focus-within {
+._item_1c6rw_146:focus-within {
   z-index: 1;
 }
-._default_1kl7n_158 ._item_1kl7n_146:not(:first-child) {
+._default_1c6rw_158 ._item_1c6rw_146:not(:first-child) {
   margin-left: -1px;
 }
-._middle_1kl7n_162 {
+._middle_1c6rw_162 {
   flex-grow: 0;
   flex-basis: 160px;
-  padding-top: var(--parameter-input-options--height);
 }
-._item_1kl7n_146:first-of-type {
+._item_1c6rw_146:first-of-type {
   --input--radius--top-left: var(--radius);
   --input--radius--bottom-left: var(--radius);
   --input-triple--radius--top-right: 0;
   --input-triple--radius--bottom-right: 0;
 }
-._item_1kl7n_146:last-of-type {
+._item_1c6rw_146:last-of-type {
   --input--radius--top-left: 0;
   --input--radius--bottom-left: 0;
   --input-triple--radius--top-right: var(--radius);
   --input-triple--radius--bottom-right: var(--radius);
 }
-._medium_1kl7n_182:not(._noRightSlot_1kl7n_182) {
+._medium_1c6rw_181:not(._noRightSlot_1c6rw_181) {
   flex-wrap: wrap;
 }
-._medium_1kl7n_182:not(._noRightSlot_1kl7n_182) ._middle_1kl7n_162 {
+._medium_1c6rw_181:not(._noRightSlot_1c6rw_181) ._middle_1c6rw_162 {
   margin-left: -1px;
   --input-triple--radius--top-right: var(--radius);
   --input-triple--radius--bottom-right: 0;
 }
-._medium_1kl7n_182:not(._noRightSlot_1kl7n_182) ._item_1kl7n_146:first-of-type {
+._medium_1c6rw_181:not(._noRightSlot_1c6rw_181) ._item_1c6rw_146:first-of-type {
   --input--radius--top-left: var(--radius);
   --input-triple--radius--top-right: 0;
   --input--radius--bottom-left: 0;
 }
-._medium_1kl7n_182:not(._noRightSlot_1kl7n_182) ._item_1kl7n_146:last-of-type {
+._medium_1c6rw_181:not(._noRightSlot_1c6rw_181) ._item_1c6rw_146:last-of-type {
   flex-basis: 400px;
   margin-top: -1px;
   --input--radius--top-left: 0;
@@ -6016,26 +6213,26 @@
   --input--radius--bottom-left: var(--radius);
   --input-triple--radius--bottom-right: var(--radius);
 }
-._stacked_1kl7n_204 {
+._stacked_1c6rw_203 {
   display: block;
 }
-._stacked_1kl7n_204 ._middle_1kl7n_162 {
+._stacked_1c6rw_203 ._middle_1c6rw_162 {
   padding-top: 0;
 }
-._stacked_1kl7n_204 ._middle_1kl7n_162:not(._item_1kl7n_146:last-of-type) {
+._stacked_1c6rw_203 ._middle_1c6rw_162:not(._item_1c6rw_146:last-of-type) {
   width: 100%;
   --input--radius: 0;
 }
-._stacked_1kl7n_204 ._item_1kl7n_146:first-of-type {
+._stacked_1c6rw_203 ._item_1c6rw_146:first-of-type {
   --input--radius--top-left: var(--radius);
   --input-triple--radius--top-right: var(--radius);
   --input--radius--bottom-left: 0;
   --input-triple--radius--bottom-right: 0;
 }
-._stacked_1kl7n_204 ._item_1kl7n_146:not(:first-of-type) {
+._stacked_1c6rw_203 ._item_1c6rw_146:not(:first-of-type) {
   margin-top: -1px;
 }
-._stacked_1kl7n_204 ._item_1kl7n_146:last-of-type {
+._stacked_1c6rw_203 ._item_1c6rw_146:last-of-type {
   --input--radius--top-left: 0;
   --input-triple--radius--top-right: 0;
   --input--radius--bottom-left: var(--radius);
@@ -6864,41 +7061,68 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._icon_ofv8w_123 {
-  color: var(--color--text--tint-1);
-}
-._groups_ofv8w_127 {
-  display: flex;
-  flex-direction: column;
+._wrapper_1jtsv_123 {
+  width: 100%;
+  height: 100%;
 }
-._group_ofv8w_127 {
+._trigger_1jtsv_128 {
   display: flex;
-  gap: var(--spacing--2xs);
   align-items: center;
-  justify-content: space-between;
-  font-size: var(--font-size--sm);
+  gap: var(--spacing--3xs);
+  width: 100%;
+  height: 100%;
+  min-height: 30px;
+  padding: 0 var(--spacing--2xs);
+  border: var(--border-width) var(--border-style) var(--input--border-color, var(--border-color));
+  border-top-left-radius: var(--input--radius--top-left, var(--input--radius, 0));
+  border-bottom-left-radius: var(--input--radius--bottom-left, var(--input--radius, 0));
+  border-top-right-radius: var(--input-triple--radius--top-right, var(--input--radius, 0));
+  border-bottom-right-radius: var(--input-triple--radius--bottom-right, var(--input--radius, 0));
+  background-color: var(--color--background--light-2);
+  color: var(--color--text);
+  font-size: var(--font-size--2xs);
+  font-family: var(--font-family);
   line-height: var(--line-height--md);
-  color: var(--color--text--shade-1);
-  padding: var(--spacing--2xs) var(--spacing--sm);
   cursor: pointer;
+  white-space: nowrap;
+  text-align: left;
 }
-._group_ofv8w_127._suggested_ofv8w_143 {
-  font-weight: var(--font-weight--bold);
+._trigger_1jtsv_128:hover:not(:disabled) {
+  background-color: var(--color--background--light-1);
 }
-._group_ofv8w_127._selected_ofv8w_146 {
-  color: var(--color--primary);
-  font-weight: var(--font-weight--bold);
+._trigger_1jtsv_128:focus {
+  outline: none;
+  border-color: var(--color--secondary);
 }
-._group_ofv8w_127:hover {
-  background: var(--color--background);
+._trigger_1jtsv_128:disabled {
+  cursor: not-allowed;
+  background-color: var(--color--background--light-3);
+  color: var(--color--text--tint-1);
 }
-._groupTitle_ofv8w_154 {
-  display: flex;
-  gap: var(--spacing--2xs);
-  align-items: center;
+._icon_1jtsv_163 {
+  color: var(--color--text--tint-1);
+  flex-shrink: 0;
 }
-._submenuContent_ofv8w_160 {
-  padding: var(--spacing--3xs) 0;
+._label_1jtsv_168 {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: var(--font-weight--regular);
+}
+._chevron_1jtsv_175 {
+  color: var(--color--text--tint-1);
+  flex-shrink: 0;
+  margin-left: auto;
+}
+._dropdownContent_1jtsv_181 {
+  z-index: var(--ndv--z);
+}
+._suggested_1jtsv_185 span {
+  font-weight: var(--font-weight--bold);
+}
+._selected_1jtsv_189 span {
+  color: var(--color--primary);
+  font-weight: var(--font-weight--bold);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -7021,34 +7245,34 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_252lt_123 {
+._wrapper_8i2tt_123 {
   position: relative;
   display: flex;
   align-items: flex-end;
   gap: var(--spacing--4xs);
 }
-._wrapper_252lt_123._hasIssues_252lt_129 {
+._wrapper_8i2tt_123._hasIssues_8i2tt_129 {
   --input--border-color: var(--color--danger);
 }
-._wrapper_252lt_123:hover ._iconButton_252lt_132 {
+._wrapper_8i2tt_123:hover ._iconButton_8i2tt_132 {
   opacity: 1;
 }
-._status_252lt_136 {
+._status_8i2tt_136 {
   align-self: flex-start;
-  padding-top: 28px;
+  padding-top: var(--spacing--2xs);
 }
-._iconButton_252lt_132 {
+._iconButton_8i2tt_132 {
   position: absolute;
   left: 0;
   opacity: 0;
   transition: opacity 100ms ease-in;
   color: var(--icon--color);
 }
-._defaultTopPadding_252lt_149 {
-  top: var(--spacing--md);
+._defaultTopPadding_8i2tt_149 {
+  top: 0;
 }
-._extraTopPadding_252lt_153 {
-  top: calc(14px + var(--spacing--md));
+._extraTopPadding_8i2tt_153 {
+  top: var(--spacing--sm);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -7298,69 +7522,56 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._filter_b7ujs_123 {
+._filter_v24tw_123 {
   display: flex;
   flex-direction: column;
   margin: var(--spacing--xs) 0;
 }
-._conditions_b7ujs_129 {
+._filter_v24tw_123._noTopMargin_v24tw_128 {
+  margin-top: 0;
+}
+._filter_v24tw_123._noBottomMargin_v24tw_131 {
+  margin-bottom: 0;
+}
+._filter_v24tw_123:not(._single_v24tw_135) ._content_v24tw_135 {
+  margin-top: var(--spacing--xs);
+}
+._conditions_v24tw_139 {
   display: flex;
   flex-direction: column;
   gap: var(--spacing--4xs);
 }
-._combinator_b7ujs_135 {
+._combinator_v24tw_145 {
   position: relative;
   z-index: 1;
   margin-top: var(--spacing--2xs);
-  margin-bottom: calc(var(--spacing--2xs) * -1);
+  margin-bottom: var(--spacing--2xs);
   margin-left: var(--spacing--lg);
 }
-._condition_b7ujs_129 {
+._condition_v24tw_139 {
   padding-left: var(--spacing--lg);
-  padding-bottom: var(--spacing--xs);
 }
-._single_b7ujs_148 ._condition_b7ujs_129 {
+._single_v24tw_135 ._condition_v24tw_139 {
   padding-left: 0;
 }
-._single_b7ujs_148 ._content_b7ujs_151 {
-  margin-top: calc(var(--spacing--xs) * -1);
-}
-._addConditionWrapper_b7ujs_155 {
-  margin-top: var(--spacing--lg);
+._addConditionWrapper_v24tw_161 {
+  margin-top: var(--spacing--xs);
   margin-left: var(--spacing--lg);
 }
-._addCondition_b7ujs_155 {
-  font-weight: var(--font-weight--regular);
-  --button--color--text: var(--color--text--shade-1);
-  --button--border-color: var(--color--foreground);
-  --button--color--background: var(--color--background);
-  --button--color--text--hover: var(--color--text--shade-1);
-  --button--border-color--hover: var(--color--foreground);
-  --button--color--background--hover: var(--color--background);
-  --button--color--text--active: var(--color--text--shade-1);
-  --button--border-color--active: var(--color--foreground);
-  --button--color--background--active: var(--color--background);
-  --button--color--text--focus: var(--color--text--shade-1);
-  --button--border-color--focus: var(--color--foreground);
-  --button--color--background--focus: var(--color--background);
-}
-._addCondition_b7ujs_155:hover, ._addCondition_b7ujs_155:focus, ._addCondition_b7ujs_155:active {
-  outline: none;
-}
-._ghost_b7ujs_179,
-._dragging_b7ujs_180 {
+._ghost_v24tw_166,
+._dragging_v24tw_167 {
   border-radius: var(--radius);
   padding-right: var(--spacing--xs);
 }
-._ghost_b7ujs_179 {
+._ghost_v24tw_166 {
   background-color: var(--color--background);
   opacity: 0.5;
 }
-._dragging_b7ujs_180 {
+._dragging_v24tw_167 {
   background-color: var(--color--background--light-3);
   opacity: 0.7;
 }
-._dragging_b7ujs_180 > ._combinator_b7ujs_135 {
+._dragging_v24tw_167 > ._combinator_v24tw_145 {
   display: none;
 }/* BEM support Func
  -------------------------- */
@@ -7610,13 +7821,13 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.collection-parameter {
+._collectionParameter_npsjx_123 {
   padding-left: var(--spacing--sm);
 }
-.collection-parameter .param-options {
+._collectionParameter_npsjx_123 ._paramOptions_npsjx_127 {
   margin-top: var(--spacing--xs);
 }
-.collection-parameter .param-options .button {
+._collectionParameter_npsjx_123 ._paramOptions_npsjx_127 .button {
   color: var(--color--text--shade-1);
   font-weight: var(--font-weight--regular);
   --button--border-color: var(--color--foreground);
@@ -7631,21 +7842,48 @@
   --button--border-color--focus: var(--color--foreground);
   --button--color--background--focus: var(--color--background);
 }
-.collection-parameter .param-options .button:active, .collection-parameter .param-options .button.active, .collection-parameter .param-options .button:focus {
+._collectionParameter_npsjx_123 ._paramOptions_npsjx_127 .button:active, ._collectionParameter_npsjx_123 ._paramOptions_npsjx_127 .button._active_npsjx_145, ._collectionParameter_npsjx_123 ._paramOptions_npsjx_127 .button:focus {
   outline: none;
 }
-.collection-parameter .no-items-exist {
-  margin: var(--spacing--xs) 0;
+._addOption_npsjx_149 > * {
+  border: none;
 }
-.collection-parameter .option {
-  position: relative;
-  padding: 0.25em 0 0.25em 1em;
-}/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
+._addOption_npsjx_149 .el-select .el-input.is-disabled .el-input__icon {
+  opacity: 1 !important;
+  cursor: not-allowed;
+  color: var(--color--foreground--shade-1);
+}
+._addOption_npsjx_149 .el-select .el-input.is-disabled .el-input__inner,
+._addOption_npsjx_149 .el-select .el-input.is-disabled .el-input__inner::placeholder {
+  opacity: 1;
+  color: var(--color--foreground--shade-1);
+}
+._addOption_npsjx_149 .el-select .el-input:not(.is-disabled) .el-input__icon {
+  color: var(--color--text--shade-1);
+}
+._addOption_npsjx_149 .el-input .el-input__inner {
+  text-align: center;
+}
+._addOption_npsjx_149 .el-input:not(.is-disabled) .el-input__inner, ._addOption_npsjx_149 .el-input:not(.is-disabled) .el-input__inner:hover, ._addOption_npsjx_149 .el-input:not(.is-disabled) .el-input__inner:focus {
+  padding-left: 35px;
+  border-radius: var(--radius);
+  color: var(--color--text--shade-1);
+  background-color: var(--color--background);
+  border-color: var(--color--foreground);
+  text-align: center;
+}
+._addOption_npsjx_149 .el-input:not(.is-disabled) .el-input__inner::placeholder {
+  color: var(--color--text--shade-1);
+  opacity: 1;
+}
+._noItemsExist_npsjx_181 {
+  margin: var(--spacing--xs) 0;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
 /* Link
 -------------------------- */
 /* Border
@@ -7762,27 +8000,165 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.duplicate-parameter[data-v-31cbd331] .button {
+._parameterList_f9c4d_123 > div:first-child .multi-parameter,
+._parameterList_f9c4d_123 > div:first-child .parameter-item {
+  margin-top: 0;
+}
+._parameterList_f9c4d_123 > div:last-child .multi-parameter,
+._parameterList_f9c4d_123 > div:last-child .parameter-item {
+  margin-top: 0;
+}
+._showHeaderDivider_f9c4d_132 ._collectionSectionHeader_f9c4d_132 {
+  margin-bottom: var(--spacing--xs);
+}
+._collectionParameter_f9c4d_136 ._paramOptions_f9c4d_136 {
+  margin-top: var(--spacing--xs);
+}
+._addDropdown_f9c4d_140 {
+  display: inline-flex;
+}/* 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
+ -------------------------- */
+.duplicate-parameter[data-v-c2276627] .button {
   --button--color--background: var(--color--background);
   --button--border-color: var(--color--foreground);
 }
-.duplicate-parameter[data-v-31cbd331] .duplicate-parameter-item {
+.duplicate-parameter[data-v-c2276627] .duplicate-parameter-item {
   position: relative;
 }
-.duplicate-parameter[data-v-31cbd331] .duplicate-parameter-item .multi > .delete-item {
+.duplicate-parameter[data-v-c2276627] .duplicate-parameter-item .multi > .delete-item {
   top: 0.1em;
 }
-.duplicate-parameter[data-v-31cbd331] .duplicate-parameter-input-item {
+.duplicate-parameter[data-v-c2276627] .duplicate-parameter-input-item {
   margin: 0.5em 0 0.25em 2em;
 }
-.duplicate-parameter[data-v-31cbd331] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper {
+.duplicate-parameter[data-v-c2276627] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper {
   border-top: 1px dashed #999;
   margin-top: var(--spacing--xs);
 }
-.duplicate-parameter-item ~ .add-item-wrapper[data-v-31cbd331] {
+.duplicate-parameter-item ~ .add-item-wrapper[data-v-c2276627] {
   margin-top: var(--spacing--xs);
 }
-.delete-item[data-v-31cbd331] {
+.delete-item[data-v-c2276627] {
   display: none;
   position: absolute;
   left: 0.1em;
@@ -7792,10 +8168,10 @@
   width: 15px;
   font-size: var(--font-size--2xs);
 }
-.delete-item[data-v-31cbd331] :hover {
+.delete-item[data-v-c2276627] :hover {
   color: #f00;
 }
-.no-items-exist[data-v-31cbd331] {
+.no-items-exist[data-v-c2276627] {
   margin: var(--spacing--xs) 0;
 }
 .duplicate-parameter-item:hover > .delete-item {
@@ -8238,6 +8614,7 @@
 .parameter-input-list-wrapper .parameter-item {
   position: relative;
   margin: var(--spacing--xs) 0;
+  scroll-margin: var(--spacing--lg);
 }
 .parameter-input-list-wrapper .parameter-item:hover > .icon-button,
 .parameter-input-list-wrapper .multi-parameter:hover > .icon-button {
@@ -8263,4 +8640,136 @@
 }
 .parameter-input-list-wrapper .callout-dismiss:hover {
   color: var(--icon--color--hover);
+}/* 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
+ -------------------------- */
+._parameterContainer_127or_123 {
+  scroll-margin: var(--spacing--xl);
+}
+._firstParameter_127or_127 > .parameter-item,
+._firstParameter_127or_127 > .multi-parameter {
+  margin-top: 0;
+}
+._lastParameter_127or_132 > .parameter-item,
+._lastParameter_127or_132 > .multi-parameter {
+  margin-bottom: 0;
 }