@blokkli/editor 2.0.0-alpha.47 → 2.0.0-alpha.49

package/dist/runtime/editor/features/add-list/index.vue

@@ -118,7 +118,7 @@ defineDropHandler("new", {
       field.hostEntityBundle
     );
     const addBehaviour = definition?.editor?.addBehaviour || "form";
-    if (definition?.editor?.disableEdit || addBehaviour === "no-form" || addBehaviour.startsWith("editable:") || !adapter.formFrameBuilder) {
+    if (definition?.editor?.disableEdit || addBehaviour === "no-form" || addBehaviour.startsWith("editable:") || addBehaviour.startsWith("complex-option:") || !adapter.formFrameBuilder) {
       await state.mutateWithLoadingState(
         () => adapter.addNewBlock({
           bundle: itemBundle,

package/dist/runtime/editor/features/anchors/Overlay/index.vue

@@ -11,16 +11,27 @@
 </template>
 
 <script setup>
-import { useBlokkli, useRoute, computed } from "#imports";
+import { useBlokkli, useRoute, ref, onMounted } from "#imports";
 import { PluginBlockIndicator } from "#blokkli/editor/plugins";
 import { emitMessage } from "#blokkli/editor/events";
+import { onBlokkliEvent } from "#blokkli/editor/composables";
 const route = useRoute();
-const { $t, adapter, dom } = useBlokkli();
-const items = computed(() => {
+const { $t, adapter, ui } = useBlokkli();
+function getAnchorItems() {
   const anchorItems = [];
-  for (const entry of Object.entries(dom.registeredBlocks.value)) {
-    const uuid = entry[0];
-    const element = entry[1];
+  const nodes = [...ui.providerElement.querySelectorAll("[id]")];
+  for (const element of nodes) {
+    if (!(element instanceof HTMLElement)) {
+      continue;
+    }
+    const block = element.closest("[data-bk-uuid]");
+    if (!(block instanceof HTMLElement)) {
+      continue;
+    }
+    const uuid = block.dataset.bkUuid;
+    if (!uuid) {
+      continue;
+    }
     if (!element || !uuid) {
       continue;
     }
@@ -32,7 +43,8 @@ const items = computed(() => {
     }
   }
   return anchorItems;
-});
+}
+const items = ref([]);
 function getLinkForClipboard(item) {
   if (adapter.buildAnchorLink) {
     return adapter.buildAnchorLink(item.id, item.uuid);
@@ -50,4 +62,10 @@ function onClick(item) {
     emitMessage(message, "success", void 0, true);
   }
 }
+onBlokkliEvent("state:reloaded", () => {
+  items.value = getAnchorItems();
+});
+onMounted(() => {
+  items.value = getAnchorItems();
+});
 </script>

package/dist/runtime/editor/features/changelog/changelog.json

@@ -1,9 +1,17 @@
 [
+  {
+    "version": "2.0.0-alpha.48",
+    "date": "2026-03-20",
+    "body": {
+      "en": "<h3>Improvements</h3>\n<ul>\n<li>The media library filters now use custom dropdown selects with keyboard\nnavigation and a search field for long lists, replacing the native browser\nselects.</li>\n</ul>\n",
+      "de": "<h3>Verbesserungen</h3>\n<ul>\n<li>Die Filter in der Medienbibliothek verwenden jetzt eigene Dropdown-Auswahlen\nmit Tastaturnavigation und einem Suchfeld bei langen Listen anstelle der\nnativen Browser-Auswahlen.</li>\n</ul>\n"
+    }
+  },
   {
     "version": "2.0.0-alpha.47",
     "date": "2026-03-18",
     "body": {
-      "en": "<h3>New Features</h3>\n<h4>Block permissions</h4>\n<p>Administrators can now restrict which block types individual users are allowed to\ncreate, edit, or delete. Restricted blocks are visually marked in the editor.</p>\n<h4>Fragments in block selector</h4>\n<p>When adding a block before or after a selected block, available fragments are now\nlisted directly in the selector by name. Clicking a fragment adds it immediately\nwithout opening a separate dialog.</p>\n<h3>Improvements</h3>\n<ul>\n<li>The block selector now groups items into separate sections for blocks,\nfragments, and actions, making it easier to find the right entry.</li>\n<li>The block selector adjusts its height to the available viewport space, reducing\nunnecessary scrolling when it opens near the top of the screen.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Fixed the analyze tooltip not being positioned and styled correctly.</li>\n<li>Fixed the tooltip transition playing with the wrong origin when the tooltip\nopens above the anchor.</li>\n<li>Fixed the add button tooltip staying visible while the block selector is open.</li>\n</ul>\n",
+      "en": "<h3>New Features</h3>\n<h4>Block permissions</h4>\n<p>Administrators can now restrict which block types individual users are allowed\nto create, edit, or delete. Restricted blocks are visually marked in the editor.</p>\n<h4>Fragments in block selector</h4>\n<p>When adding a block before or after a selected block, available fragments are\nnow listed directly in the selector by name. Clicking a fragment adds it\nimmediately without opening a separate dialog.</p>\n<h3>Improvements</h3>\n<ul>\n<li>The block selector now groups items into separate sections for blocks,\nfragments, and actions, making it easier to find the right entry.</li>\n<li>The block selector adjusts its height to the available viewport space,\nreducing unnecessary scrolling when it opens near the top of the screen.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Fixed the analyze tooltip not being positioned and styled correctly.</li>\n<li>Fixed the tooltip transition playing with the wrong origin when the tooltip\nopens above the anchor.</li>\n<li>Fixed the add button tooltip staying visible while the block selector is open.</li>\n</ul>\n",
       "de": "<h3>Neue Funktionen</h3>\n<h4>Block-Berechtigungen</h4>\n<p>Administratoren können jetzt festlegen, welche Blocktypen einzelne Benutzer\nerstellen, bearbeiten oder löschen dürfen. Eingeschränkte Blöcke werden im\nEditor visuell markiert.</p>\n<h4>Fragmente in der Block-Auswahl</h4>\n<p>Beim Hinzufügen eines Blocks vor oder nach einem ausgewählten Block werden\nverfügbare Fragmente jetzt direkt namentlich in der Auswahl angezeigt. Ein Klick\nauf ein Fragment fügt es sofort hinzu, ohne einen separaten Dialog zu öffnen.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Die Block-Auswahl zeigt Einträge jetzt in getrennten Bereichen für Blöcke,\nFragmente und Aktionen an, was die Übersicht verbessert.</li>\n<li>Die Block-Auswahl passt ihre Höhe an den verfügbaren Platz im Fenster an, was\nunnötiges Scrollen beim Öffnen im oberen Bildschirmbereich reduziert.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Der Analyse-Tooltip wurde nicht korrekt positioniert und dargestellt.</li>\n<li>Die Tooltip-Animation hatte den falschen Ursprung, wenn der Tooltip oberhalb\ndes Ankers geöffnet wurde.</li>\n<li>Der Tooltip der Hinzufügen-Schaltfläche blieb sichtbar, während die\nBlock-Auswahl geöffnet war.</li>\n</ul>\n"
     }
   },

package/dist/runtime/editor/features/complex-options/index.vue

@@ -0,0 +1,98 @@
+<template>
+  <NestedEditorOverlay
+    v-if="uuid"
+    :uuid
+    :title="config.editorTitle"
+    :icon="config.editorIcon"
+    theme="accent"
+    :element
+    @submit="onSubmit"
+    @close="onSubmit"
+  >
+    <component
+      :is="config.editorComponent"
+      ref="editorRef"
+      :data
+      :uuid
+      :option-key="optionKey"
+    />
+  </NestedEditorOverlay>
+</template>
+
+<script setup>
+import { onBlokkliEvent } from "#blokkli/editor/composables";
+import {
+  defineBlokkliFeature,
+  ref,
+  useTemplateRef,
+  useBlokkli,
+  computed
+} from "#imports";
+import { NestedEditorOverlay } from "#blokkli/editor/components";
+import { COMPLEX_OPTION_TYPES } from "#blokkli-build/complex-option-types";
+defineBlokkliFeature({
+  id: "complex-options",
+  icon: "bk_mdi_edit",
+  label: "Complex Options",
+  description: "Edit complex option types such as charts.",
+  requiredAdapterMethods: ["updateOptions"]
+});
+const { $t, state, adapter, dom, blocks } = useBlokkli();
+const uuid = ref(null);
+const optionKey = ref("");
+const dataType = ref("");
+const config = computed(() => {
+  if (!dataType.value) {
+    return null;
+  }
+  return COMPLEX_OPTION_TYPES[dataType.value];
+});
+const element = computed(() => {
+  if (!uuid.value) {
+    return null;
+  }
+  const block = blocks.getBlock(uuid.value);
+  if (!block) {
+    return null;
+  }
+  return dom.getDragElement(block);
+});
+const data = computed(() => {
+  if (!uuid.value || !optionKey.value) {
+    return null;
+  }
+  const rawData = state.mutatedOptions[uuid.value]?.[optionKey.value] || state.getFieldListItem(uuid.value)?.options?.[optionKey.value];
+  if (rawData) {
+    try {
+      return JSON.parse(rawData);
+    } catch {
+      return null;
+    }
+  }
+  return null;
+});
+const editorRef = useTemplateRef("editorRef");
+async function onSubmit() {
+  if (!uuid.value || !editorRef.value) return;
+  const editorData = editorRef.value.getData();
+  await state.mutateWithLoadingState(
+    () => adapter.updateOptions([
+      {
+        uuid: uuid.value,
+        key: optionKey.value,
+        value: JSON.stringify(editorData)
+      }
+    ]),
+    $t("complexOptionsSaveError", "The data could not be saved.")
+  );
+  uuid.value = null;
+}
+onBlokkliEvent("option:edit-complex", (e) => {
+  if (!(e.dataType in COMPLEX_OPTION_TYPES)) {
+    return;
+  }
+  uuid.value = e.uuid;
+  optionKey.value = e.key;
+  dataType.value = e.dataType;
+});
+</script>

package/dist/runtime/editor/features/dragging-overlay/index.vue

@@ -228,28 +228,44 @@ onBlokkliEvent("state:reloaded", async function() {
   }
   const allSelected = [...selection.uuids.value, newBlock.uuid];
   eventBus.emit("select", allSelected);
-  if (!dropResult?.focusEditable) {
-    return;
-  }
   const definition = definitions.getBlockDefinition(
     newBlock.bundle,
     newBlock.fieldListType
   );
-  if (!definition?.editor?.addBehaviour?.startsWith("editable:")) {
+  const addBehaviour = definition?.editor?.addBehaviour;
+  if (addBehaviour?.startsWith("complex-option:")) {
+    const optionKey = addBehaviour.split(":")[1];
+    if (!optionKey) {
+      return;
+    }
+    const option = definition?.options?.[optionKey];
+    if (option?.type !== "json" || !option.dataType) {
+      return;
+    }
+    eventBus.emit("option:edit-complex", {
+      uuid: newUuid,
+      key: optionKey,
+      dataType: option.dataType
+    });
     return;
   }
-  const editableField = definition.editor.addBehaviour.split(":")[1];
-  if (!editableField) {
+  if (!dropResult?.focusEditable) {
     return;
   }
-  const editableFieldElement = directive.getEditablesForBlock(newUuid).find((v) => v.fieldName === editableField);
-  if (!editableFieldElement) {
-    return;
+  if (addBehaviour?.startsWith("editable:")) {
+    const editableField = addBehaviour.split(":")[1];
+    if (!editableField) {
+      return;
+    }
+    const editableFieldElement = directive.getEditablesForBlock(newUuid).find((v) => v.fieldName === editableField);
+    if (!editableFieldElement) {
+      return;
+    }
+    eventBus.emit("editable:open", {
+      fieldName: editableField,
+      uuid: newUuid
+    });
   }
-  eventBus.emit("editable:open", {
-    fieldName: editableField,
-    uuid: newUuid
-  });
 });
 onBlokkliEvent("dragging:move", (e) => {
   mouseX.value = e.x;

package/dist/runtime/editor/features/media-library/Library/FilterSelect/index.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    modelValue?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/media-library/Library/FilterSelect/index.vue

@@ -0,0 +1,168 @@
+<template>
+  <div
+    ref="root"
+    class="bk-media-library-filter-select"
+    :class="{ 'bk-is-open': isOpen }"
+    @keydown.stop="onKeydown"
+  >
+    <button type="button" @click="toggle">
+      <div>
+        <span class="bk-media-library-filter-select-label">{{ label }}</span>
+        <span
+          v-if="selectedLabel"
+          class="bk-media-library-filter-select-value"
+          >{{ selectedLabel }}</span
+        >
+      </div>
+      <Icon name="bk_mdi_arrow_drop_down" />
+    </button>
+    <div
+      v-if="isOpen"
+      class="bk-media-library-filter-select-dropdown bk-scrollbar-dark"
+    >
+      <div
+        v-if="options.length > 10"
+        class="bk-media-library-filter-select-search"
+      >
+        <input
+          ref="searchInput"
+          v-model="search"
+          class="bk-form-input bk-is-small"
+          type="text"
+          :placeholder="$t('filterSelectSearch', 'Search...')"
+        />
+      </div>
+      <ul ref="listEl">
+        <li v-for="(option, index) in filteredOptions" :key="option.value">
+          <button
+            type="button"
+            :class="{
+  'bk-is-active': option.value === modelValue,
+  'bk-is-highlighted': index === highlightedIndex
+}"
+            @click="select(option.value)"
+            @mouseenter="highlightedIndex = index"
+          >
+            {{ option.label }}
+          </button>
+        </li>
+        <li
+          v-if="!filteredOptions.length"
+          class="bk-media-library-filter-select-empty"
+        >
+          {{ $t("filterSelectNoResults", "No results") }}
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  computed,
+  nextTick,
+  watch,
+  useTemplateRef,
+  onBeforeUnmount,
+  useBlokkli
+} from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const { $t } = useBlokkli();
+const props = defineProps({
+  label: { type: String, required: true },
+  options: { type: Array, required: true },
+  modelValue: { type: String, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const isOpen = ref(false);
+const search = ref("");
+const highlightedIndex = ref(-1);
+const searchInput = useTemplateRef("searchInput");
+const root = useTemplateRef("root");
+const listEl = useTemplateRef("listEl");
+const selectedLabel = computed(() => {
+  const option = props.options.find((o) => o.value === props.modelValue);
+  return option?.label ?? "";
+});
+const filteredOptions = computed(() => {
+  if (!search.value) {
+    return props.options;
+  }
+  const term = search.value.toLowerCase();
+  return props.options.filter((o) => o.label.toLowerCase().includes(term));
+});
+watch(filteredOptions, () => {
+  highlightedIndex.value = -1;
+});
+function scrollToHighlighted() {
+  if (!listEl.value || highlightedIndex.value < 0) {
+    return;
+  }
+  const buttons = listEl.value.querySelectorAll("button");
+  buttons[highlightedIndex.value]?.scrollIntoView({ block: "nearest" });
+}
+function toggle() {
+  isOpen.value = !isOpen.value;
+  if (isOpen.value) {
+    search.value = "";
+    highlightedIndex.value = -1;
+    nextTick(() => {
+      searchInput.value?.focus();
+    });
+  }
+}
+function select(value) {
+  emit("update:modelValue", value);
+  isOpen.value = false;
+}
+function onKeydown(e) {
+  if (!isOpen.value) {
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      toggle();
+    }
+    return;
+  }
+  const options = filteredOptions.value;
+  switch (e.key) {
+    case "ArrowDown":
+      e.preventDefault();
+      highlightedIndex.value = highlightedIndex.value < options.length - 1 ? highlightedIndex.value + 1 : 0;
+      nextTick(scrollToHighlighted);
+      break;
+    case "ArrowUp":
+      e.preventDefault();
+      highlightedIndex.value = highlightedIndex.value > 0 ? highlightedIndex.value - 1 : options.length - 1;
+      nextTick(scrollToHighlighted);
+      break;
+    case "Enter": {
+      e.preventDefault();
+      const option = options[highlightedIndex.value];
+      if (option) {
+        select(option.value);
+      }
+      break;
+    }
+    case "Escape":
+      e.preventDefault();
+      isOpen.value = false;
+      break;
+  }
+}
+function onClickOutside(e) {
+  if (root.value && !root.value.contains(e.target)) {
+    isOpen.value = false;
+  }
+}
+watch(isOpen, (open) => {
+  if (open) {
+    document.addEventListener("click", onClickOutside, true);
+  } else {
+    document.removeEventListener("click", onClickOutside, true);
+  }
+});
+onBeforeUnmount(() => {
+  document.removeEventListener("click", onClickOutside, true);
+});
+</script>

package/dist/runtime/editor/features/media-library/Library/FilterSelect/index.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    modelValue?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/media-library/Library/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bk bk-media-library">
+  <div class="bk bk-media-library bk-scrollbar-light">
     <div v-if="status === 'pending'" class="bk-loading">
       <Icon name="loader" />
     </div>
@@ -18,20 +18,12 @@
             :placeholder="filter.placeholder"
           />
         </label>
-        <label v-else-if="filter.type === 'options'" class="bk-form-select">
-          <div v-if="!filterValues[filter.name]">
-            {{ filter.label }}
-          </div>
-          <select v-model="filterValues[filter.name]">
-            <option
-              v-for="option in filter.options"
-              :key="option.value"
-              :value="option.value"
-            >
-              {{ option.label }}
-            </option>
-          </select>
-        </label>
+        <FilterSelect
+          v-else-if="filter.type === 'options'"
+          v-model="filterValues[filter.name]"
+          :label="filter.label"
+          :options="filter.options"
+        />
         <FormToggle
           v-else-if="filter.type === 'checkbox'"
           v-model="filterValues[filter.name]"
@@ -41,7 +33,7 @@
     </div>
     <div
       ref="listEl"
-      class="bk-media-library-items bk-scrollbar-light"
+      class="bk-media-library-items"
       :class="'bk-is-' + listView"
     >
       <Sortli no-transition :get-drag-items="getDragItems" :build-item>
@@ -85,6 +77,7 @@ import {
   FormToggle
 } from "#blokkli/editor/components";
 import Item from "./Item.vue";
+import FilterSelect from "./FilterSelect/index.vue";
 import { falsy } from "#blokkli/helpers";
 import { onBlokkliEvent } from "#blokkli/editor/composables";
 defineProps({
@@ -139,6 +132,7 @@ const toggleListView = () => {
   listView.value = listView.value === "grid" ? "horizontal" : "grid";
 };
 const filterValues = ref({});
+const defaultsApplied = ref(false);
 watch(key, () => {
   page.value = 0;
 });
@@ -162,6 +156,17 @@ const items = computed(() => data.value?.items || []);
 const filters = computed(() => {
   return data.value?.filters ?? [];
 });
+watch(filters, (newFilters) => {
+  if (defaultsApplied.value || !newFilters.length) {
+    return;
+  }
+  defaultsApplied.value = true;
+  for (const filter of newFilters) {
+    if ("defaultValue" in filter && filter.defaultValue !== void 0 && filterValues.value[filter.name] === void 0) {
+      filterValues.value[filter.name] = filter.defaultValue;
+    }
+  }
+});
 const firstSelectedBundle = computed(() => {
   if (selected.value.length) {
     const item = items.value.find((v) => v.mediaId === selected.value[0]);

package/dist/runtime/editor/providers/keyboard.js

@@ -9,7 +9,10 @@ function getControlState(e) {
   if ("code" in e && e.code === "CapsLock") {
     return true;
   }
-  return e.getModifierState("Control") || e.getModifierState("Meta");
+  if ("getModifierState" in e) {
+    return e.getModifierState("Control") || e.getModifierState("Meta");
+  }
+  return false;
 }
 export default function(eventBus) {
   const isPressingControl = ref(false);
@@ -19,8 +22,8 @@ export default function(eventBus) {
   const keyboardLocks = ref([]);
   const keyboardLocked = computed(() => !!keyboardLocks.value.length);
   const onKeyUp = (e) => {
-    isPressingControl.value = e.getModifierState("Control") || e.getModifierState("Meta");
-    isPressingShift.value = e.getModifierState("Shift");
+    isPressingControl.value = e.getModifierState ? e.getModifierState("Control") || e.getModifierState("Meta") : false;
+    isPressingShift.value = e.getModifierState ? e.getModifierState("Shift") : false;
     if (e.code === "Space") {
       isPressingSpace.value = false;
     }
@@ -33,8 +36,8 @@ export default function(eventBus) {
       return;
     }
     isPressingControl.value = getControlState(e);
-    isPressingShift.value = e.getModifierState("Shift");
-    if (!isPressingSpace.value) {
+    isPressingShift.value = e.getModifierState ? e.getModifierState("Shift") : false;
+    if (!isPressingSpace.value && e.code) {
       eventBus.emit("keyPressed", {
         code: e.key,
         shift: e.shiftKey,

package/dist/runtime/editor/translations/de.json

@@ -1267,10 +1267,6 @@
     "source": "Edit chart...",
     "translation": "Diagramm bearbeiten..."
   },
-  "chartsEditorSaveError": {
-    "source": "The chart could not be saved.",
-    "translation": "Das Diagramm konnte nicht gespeichert werden."
-  },
   "chartsEditorTitle": {
     "source": "Edit chart",
     "translation": "Diagramm bearbeiten"
@@ -1523,6 +1519,10 @@
     "source": "Shows all comments for the current page.",
     "translation": "Zeigt alle Kommentare auf der aktuellen Seite an."
   },
+  "complexOptionsSaveError": {
+    "source": "The data could not be saved.",
+    "translation": ""
+  },
   "conversionsConvertTo": {
     "source": "Convert to: @bundle",
     "translation": "Konvertieren zu: @bundle"
@@ -1851,14 +1851,6 @@
     "source": "Changelog",
     "translation": "Änderungsprotokoll"
   },
-  "feature_charts_description": {
-    "source": "Add and edit interactive charts.",
-    "translation": "Interaktive Diagramme hinzufügen und bearbeiten."
-  },
-  "feature_charts_label": {
-    "source": "Charts",
-    "translation": "Diagramme"
-  },
   "feature_clipboard_description": {
     "source": "Provides clipboard integration to copy/paste existing blocks or paste supported clipboard content like text or images.",
     "translation": "Stellt Zwischenablage-Integration bereit zum Kopieren/Einfügen von bestehenden Blöcken oder zum Einfügen von unterstützten Inhalten wie Text oder Bildern."
@@ -1883,6 +1875,14 @@
     "source": "Comments",
     "translation": "Kommentare"
   },
+  "feature_complex-options_description": {
+    "source": "Edit complex option types such as charts.",
+    "translation": ""
+  },
+  "feature_complex-options_label": {
+    "source": "Complex Options",
+    "translation": ""
+  },
   "feature_conversions_description": {
     "source": "Provides block actions to convert one or more blocks to a different bundle.",
     "translation": "Stellt Block-Aktionen bereit, um einen oder mehrere Blöcke in einen anderen Typ zu konvertieren."
@@ -2259,6 +2259,14 @@
     "source": "This field is required",
     "translation": "Feld darf nicht leer sein"
   },
+  "filterSelectNoResults": {
+    "source": "No results",
+    "translation": "Keine Ergebnisse"
+  },
+  "filterSelectSearch": {
+    "source": "Search...",
+    "translation": "Suchen..."
+  },
   "fragmentsAddFragmentAction": {
     "source": "Fragment",
     "translation": "Fragment"
@@ -2460,8 +2468,8 @@
     "translation": "Zurück zur Seite"
   },
   "libraryItemEditOverlayBackWithPage": {
-    "source": "Back to \"@label\"",
-    "translation": "Zurück zu «@label»"
+    "source": "Save and go back to \"@label\"",
+    "translation": "Speichern und zurück zu «@label»"
   },
   "libraryItemEditOverlayTitle": {
     "source": "Edit reusable block",