@blokkli/editor 2.0.0-alpha.63 → 2.0.0-alpha.64

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

@@ -131,7 +131,7 @@ useAnimationFrame(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-add-list-help {
   position: absolute;
   top: 0px;

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

@@ -305,7 +305,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-add-list {
   pointer-events: auto;
   z-index: calc(var(--bk-z-index-base) + 190000) /* "add-list" */;

package/dist/runtime/editor/features/analyze/index.vue

@@ -71,7 +71,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-is-analyzing .bk,.bk-is-analyzing .bk-sidebar {
   display: none !important;
 }

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

@@ -6,6 +6,7 @@
     :uuid="item.uuid"
     :label="'#' + item.id"
     icon="bk_mdi_anchor"
+    sticky
     @click="onClick(item)"
   />
 </template>
@@ -14,6 +15,7 @@
 import { useBlokkli, useRoute, ref, onMounted } from "#imports";
 import { PluginBlockIndicator } from "#blokkli/editor/plugins";
 import { onBlokkliEvent } from "#blokkli/editor/composables";
+import { renderCycle } from "#blokkli/editor/helpers/vue";
 const route = useRoute();
 const { adapter, ui } = useBlokkli();
 function getAnchorItems() {
@@ -27,6 +29,9 @@ function getAnchorItems() {
     if (!(block instanceof HTMLElement)) {
       continue;
     }
+    if (element.closest("form")) {
+      continue;
+    }
     const uuid = block.dataset.bkUuid;
     if (!uuid) {
       continue;
@@ -54,10 +59,11 @@ function onClick(item) {
   const link = getLinkForClipboard(item);
   ui.copyTextToClipboard(link);
 }
-onBlokkliEvent("state:reloaded", () => {
+async function updateAnchorItems() {
+  await renderCycle();
   items.value = getAnchorItems();
-});
-onMounted(() => {
-  items.value = getAnchorItems();
-});
+}
+onBlokkliEvent("state:reloaded", updateAnchorItems);
+onBlokkliEvent("option:update", updateAnchorItems);
+onMounted(updateAnchorItems);
 </script>

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

@@ -25,7 +25,8 @@ const { isVisible } = defineViewOption({
     "viewOptionAnchorsDescription",
     "Highlights blocks that have an anchor ID."
   ),
-  icon: "bk_mdi_anchor"
+  icon: "bk_mdi_anchor",
+  default: true
 });
 </script>
 

package/dist/runtime/editor/features/artboard/Overview/index.vue

@@ -129,7 +129,7 @@ defineOptions({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-artboard-overview {
   position: absolute;
   top: 0px;

package/dist/runtime/editor/features/artboard/Renderer.vue

@@ -417,7 +417,7 @@ onBlokkliEvent("scrollSelectionIntoView", (e) => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk-html-root.bk-is-artboard .bk-body) .bk-main-canvas {
   pointer-events: none;
   position: fixed;

package/dist/runtime/editor/features/artboard/Scrollbar/index.vue

@@ -50,7 +50,7 @@ defineOptions({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-html-root {
   --bk-artboard-scrollbar-size: 4px;
 }

package/dist/runtime/editor/features/block-scheduler/Dialog/index.vue

@@ -239,7 +239,7 @@ async function onSubmit() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-block-scheduler-dialog {
   min-height: calc(100vh - 350px);
 }

package/dist/runtime/editor/features/block-transfer/index.vue

@@ -212,7 +212,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-block-transfer-drag-preview {
   display: flex;
   align-items: center;

package/dist/runtime/editor/features/breadcrumbs/index.vue

@@ -213,7 +213,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-breadcrumbs {
   grid-area: breadcrumbs;
 }

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

@@ -1,4 +1,12 @@
 [
+  {
+    "version": "2.0.0-alpha.64",
+    "date": "2026-07-08",
+    "body": {
+      "en": "<h3>Improvements</h3>\n<ul>\n<li>The anchor links view option is now enabled by default.</li>\n<li>The anchor link icon now stays visible at the left edge at all times.</li>\n<li>The page title now shows when the page was last changed.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>In some cases, changes from the AI assistant could not be accepted because the\ncontrol for doing so was not shown.</li>\n<li>Colors in the chart editor were reset in some cases.</li>\n</ul>\n",
+      "de": "<h3>Verbesserungen</h3>\n<ul>\n<li>Die Ansichtsoption «Ankerlinks» ist neu standardmässig aktiviert.</li>\n<li>Das Symbol für Ankerlinks ist nun immer am linken Rand sichtbar.</li>\n<li>Im Seitentitel wird neu angezeigt, wann die Seite zuletzt geändert wurde.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>In gewissen Fällen konnten Änderungen vom KI-Assistenten nicht akzeptiert\nwerden, weil das entsprechende Bedienelement nicht angezeigt wurde.</li>\n<li>Farben im Diagramm-Editor wurden in gewissen Fällen zurückgesetzt.</li>\n</ul>\n"
+    }
+  },
   {
     "version": "2.0.0-alpha.63",
     "date": "2026-06-11",

package/dist/runtime/editor/features/clipboard/DropElement/index.vue

@@ -96,7 +96,7 @@ const label = computed(() => {
 const icon = computed(() => getItemIcon(itemType.value));
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-clipboard-drop-element {
   pointer-events: none;
   display: flex;

package/dist/runtime/editor/features/comments/AddForm/index.vue

@@ -43,7 +43,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-add-comment {
   --bk-bg: white;
   --bk-header-bg: rgb(var(--bk-theme-yellow-normal) / 1);

package/dist/runtime/editor/features/comments/Thread/index.vue

@@ -109,7 +109,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-comment-thread {
   --bk-comment-pad-x: 8px;
   --bk-comment-pad-y: 10px;

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

@@ -1,6 +1,7 @@
 <template>
   <NestedEditorOverlay
     v-if="uuid"
+    :id="'complex-option-' + dataType"
     :uuid
     :title="
   getText(config.editTitle.key, config.editTitle.defaultTranslation)

package/dist/runtime/editor/features/debug/Main.vue

@@ -79,7 +79,7 @@ defineItemDropdownAction(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk .bk-debug) .bk-debug-section {
   border-bottom-style: var(--bk-tw-border-style);
   border-bottom-width: 1px;

package/dist/runtime/editor/features/dev-mode/index.vue

@@ -112,7 +112,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 html.bk-hide-interaction-layers #bk-canvas-overlay {
   visibility: hidden !important;
 }

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

@@ -394,7 +394,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-dragging-overlay-label {
   position: fixed;
   top: 0px;

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

@@ -356,7 +356,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-dragging-overlay {
   pointer-events: none;
   position: fixed;

package/dist/runtime/editor/features/droppable-field-edit/Overlay/index.vue

@@ -524,7 +524,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-droppable-field-edit {
   --bk-bg: white;
   --bk-header-bg: rgb(var(--bk-theme-teal-normal) / 1);

package/dist/runtime/editor/features/editable-field/Overlay/Frame/index.vue

@@ -140,7 +140,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk .bk-editable-field-frame):not(.bk-is-fullscreen) iframe {
   max-height: calc(100vh - 500px);
 }

package/dist/runtime/editor/features/editable-field/Overlay/Plaintext/index.d.vue.ts

@@ -8,13 +8,9 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: (...args: any[]) => void;
-    discard: (...args: any[]) => void;
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onDiscard?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/editable-field/Overlay/Plaintext/index.vue.d.ts

@@ -8,13 +8,9 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: (...args: any[]) => void;
-    discard: (...args: any[]) => void;
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onDiscard?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/editable-field/Overlay/ReadabilityIndicator/ChunkOverlay.vue

@@ -134,7 +134,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-readability-chunk-overlay {
   pointer-events: none;
   position: absolute;

package/dist/runtime/editor/features/editable-field/Overlay/index.vue

@@ -366,7 +366,7 @@ onBeforeUnmount(async () => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-editable-field {
   --bk-bg: white;
   --bk-header-bg: rgb(var(--bk-theme-teal-normal) / 1);

package/dist/runtime/editor/features/editable-mask/index.vue

@@ -39,7 +39,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(html.bk-hide-non-editable .bk-main-canvas)  > * {
   visibility: hidden;
 }

package/dist/runtime/editor/features/entity-title/index.vue

@@ -21,14 +21,19 @@
       :disabled="!state.canEdit.value"
       @click="onEditEntity"
     >
-      <div class="bk-toolbar-title _bk_relative _bk_size-full">
-        <div
-          class="_bk_min-w-0 _bk_truncate _bk_absolute _bk_top-1/2 _bk_left-0 _bk_w-full _bk_-translate-y-1/2 _bk_text-left _bk_flex _bk_items-center"
-        >
-          <StatusIndicator :status="statusIndicatorStatus" />
+      <div class="_bk_flex _bk_items-center _bk_relative _bk_size-full">
+        <div class="_bk_flex _bk_items-center">
+          <StatusIndicator :status="statusIndicatorStatus" class="_bk_mr-10" />
           <strong class="_bk_text-mono-100">{{ entity.label }}</strong>
           <span>&nbsp;{{ entity.bundleLabel }}</span>
         </div>
+        <div
+          v-if="lastChanged"
+          class="_bk_text-[11px] _bk_text-mono-300 _bk_border _bk_border-mono-500 _bk_px-5 _bk_py-1 _bk_rounded-full _bk_ml-10 _bk_font-medium"
+        >
+          {{ $t("entityTitleLastChanged", "Last changed") }}
+          <RelativeTime :timestamp="lastChanged" />
+        </div>
       </div>
       <Tooltip :label="tooltipLabel" />
     </button>
@@ -42,7 +47,12 @@ import {
   computed,
   useTemplateRef
 } from "#imports";
-import { Icon, StatusIndicator, Tooltip } from "#blokkli/editor/components";
+import {
+  Icon,
+  RelativeTime,
+  StatusIndicator,
+  Tooltip
+} from "#blokkli/editor/components";
 import { defineCommands, defineTourItem } from "#blokkli/editor/composables";
 defineBlokkliFeature({
   id: "entity-title",
@@ -51,7 +61,7 @@ defineBlokkliFeature({
   description: "Renders the title and status of the page entity."
 });
 const { state, eventBus, $t, ui } = useBlokkli();
-const { entity, mutations } = state;
+const { entity, mutations, lastChanged } = state;
 const buttonEl = useTemplateRef("buttonEl");
 async function onEditEntity() {
   await ui.flushPendingChanges();

package/dist/runtime/editor/features/help/Dialog/index.vue

@@ -40,7 +40,7 @@ function onStartTour() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-help {
   padding: 20px;
   container-type: inline-size;

package/dist/runtime/editor/features/help/Shortcuts/index.vue

@@ -59,7 +59,7 @@ const groups = computed(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk .bk-help-shortcuts) table {
   width: 100%;
   font-size: var(--text-sm, 14px);

package/dist/runtime/editor/features/history/List/index.vue

@@ -130,7 +130,7 @@ async function setMutationItemStatus(index, status) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-history .bk-history-load-more {
   height: 70px;
   padding-top: 10px;

package/dist/runtime/editor/features/import-existing/Dialog/index.vue

@@ -179,7 +179,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-import-existing-dialog .bk.bk-dialog-footer {
   margin-top: 0px;
 }

package/dist/runtime/editor/features/library/index.vue

@@ -46,6 +46,7 @@
   <NestedEditorOverlay
     v-if="editingLibraryItem"
     v-bind="editingLibraryItem"
+    id="library-item"
     theme="lime"
     icon="reusable"
     :title="$t('libraryItemEditOverlayTitle', 'Edit reusable block')"

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

@@ -150,7 +150,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-media-library {
   height: 100%;
   width: 100%;

package/dist/runtime/editor/features/options/Form/Item.vue

@@ -58,6 +58,7 @@
         v-model="value"
         :label="label"
         :type="option.inputType"
+        :placeholder="option.placeholder"
       />
       <OptionColor
         v-else-if="option.type === 'color'"
@@ -110,7 +111,7 @@ import OptionDateTimeLocal from "./DateTimeLocal/index.vue";
 import OptionComplexType from "./ComplexType/index.vue";
 import { Tooltip, TooltipContext } from "#blokkli/editor/components";
 import { BK_VISIBLE_LANGUAGES } from "./../../../../../global/constants";
-const { state, $t: $blokkliText } = useBlokkli();
+const { state, definitions } = useBlokkli();
 const emit = defineEmits(["update"]);
 const props = defineProps({
   option: { type: null, required: true },
@@ -122,18 +123,10 @@ const props = defineProps({
 const hoveredOption = ref("");
 const hoveredOptionDescription = ref("");
 const label = computed(
-  () => $blokkliText(`blockOption_${props.property}_label`, props.option.label)
+  () => definitions.resolveDefinitionString(props.option.label)
 );
 const description = computed(() => {
-  if (!props.option.description) {
-    return null;
-  }
-  const key = `blockOption_${props.property}_description`;
-  const translation = $blokkliText(key, props.option.description);
-  if (key === translation) {
-    return null;
-  }
-  return translation;
+  return definitions.resolveDefinitionString(props.option.description ?? "");
 });
 const checkboxOptions = computed(() => {
   if (props.option.type !== "checkboxes") {
@@ -152,7 +145,7 @@ const checkboxOptions = computed(() => {
   return Object.entries(props.option.options).map(([value2, label2]) => {
     return {
       value: value2,
-      label: label2
+      label: definitions.resolveDefinitionString(label2)
     };
   });
 });

package/dist/runtime/editor/features/options/Form/Radios/index.d.vue.ts

@@ -1,3 +1,4 @@
+import type { DefinitionString } from '../../../../../../global/types/blockOptions.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
@@ -9,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
         class?: string;
         columns?: number[];
         icon?: string;
-        label: string;
-        description?: string;
+        label: DefinitionString;
+        description?: DefinitionString;
     }>;
 } & {
     modelValue?: string;
@@ -29,8 +30,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
         class?: string;
         columns?: number[];
         icon?: string;
-        label: string;
-        description?: string;
+        label: DefinitionString;
+        description?: DefinitionString;
     }>;
 } & {
     modelValue?: string;

package/dist/runtime/editor/features/options/Form/Radios/index.vue

@@ -44,9 +44,7 @@
           />
         </div>
         <span v-else>
-          {{
-            typeof option.value === "string" ? option.value : option.value.label
-          }}
+          {{ typeof option.value === "string" ? option.value : option.label }}
         </span>
       </div>
     </label>
@@ -57,7 +55,7 @@
 import { computed, useBlokkli, onMounted } from "#imports";
 import { Icon } from "#blokkli/editor/components";
 import { defineCommands } from "#blokkli/editor/composables";
-const { $t, state } = useBlokkli();
+const { $t, state, definitions } = useBlokkli();
 const props = defineProps({
   label: { type: String, required: true },
   property: { type: String, required: true },
@@ -91,7 +89,12 @@ const mappedOptions = computed(() => {
   return Object.entries(props.options).map(([key, value2]) => {
     const label = typeof value2 === "string" ? value2 : value2.label;
     const description = typeof value2 === "object" ? value2.description || "" : "";
-    return { key, value: value2, label, description };
+    return {
+      key,
+      value: value2,
+      label: definitions.resolveDefinitionString(label),
+      description: definitions.resolveDefinitionString(description)
+    };
   });
 });
 const selectedOption = computed(() => {

package/dist/runtime/editor/features/options/Form/Radios/index.vue.d.ts

@@ -1,3 +1,4 @@
+import type { DefinitionString } from '../../../../../../global/types/blockOptions.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
@@ -9,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
         class?: string;
         columns?: number[];
         icon?: string;
-        label: string;
-        description?: string;
+        label: DefinitionString;
+        description?: DefinitionString;
     }>;
 } & {
     modelValue?: string;
@@ -29,8 +30,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
         class?: string;
         columns?: number[];
         icon?: string;
-        label: string;
-        description?: string;
+        label: DefinitionString;
+        description?: DefinitionString;
     }>;
 } & {
     modelValue?: string;

package/dist/runtime/editor/features/options/Form/Text/index.d.vue.ts

@@ -1,18 +1,22 @@
+import type { DefinitionString } from '../../../../../../global/types/blockOptions.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     label: string;
     modelValue?: string;
     type?: string;
+    placeholder?: DefinitionString;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<{
     label: string;
     modelValue?: string;
     type?: string;
+    placeholder?: DefinitionString;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
+    placeholder: DefinitionString;
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/editor/features/options/Form/Text/index.vue

@@ -3,20 +3,28 @@
     <input
       v-model="text"
       :type="type"
-      :placeholder="label"
+      :placeholder="renderedPlaceholder"
     />
     <div>{{ text }}</div>
   </div>
 </template>
 
 <script setup>
-import { computed } from "#imports";
+import { computed, useBlokkli } from "#imports";
 const props = defineProps({
   label: { type: String, required: true },
   modelValue: { type: String, required: false, default: "" },
-  type: { type: String, required: false, default: "text" }
+  type: { type: String, required: false, default: "text" },
+  placeholder: { type: [String, Object], required: false, default: void 0 }
 });
 const emit = defineEmits(["update:modelValue"]);
+const { definitions } = useBlokkli();
+const renderedPlaceholder = computed(() => {
+  if (props.placeholder) {
+    return definitions.resolveDefinitionString(props.placeholder);
+  }
+  return props.label;
+});
 const text = computed({
   get() {
     return props.modelValue || "";