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

package/dist/runtime/editor/features/options/Form/Text/index.vue.d.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/index.vue

@@ -90,7 +90,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-blokkli-item-options {
   display: flex;
   min-width: 100vw;

package/dist/runtime/editor/features/publish/Dialog/Item.vue

@@ -58,7 +58,7 @@
 }"
     >
       <div v-if="isSuccess">
-        <StatusIndicator :status="newStatusPropValue" class="_bk_mx-0" />
+        <StatusIndicator :status="newStatusPropValue" />
       </div>
       <div v-else-if="isSelected && isMutating">
         <Icon
@@ -67,13 +67,10 @@
         />
       </div>
       <div v-else-if="isSelected">
-        <StatusIndicator
-          :status="isCurrentlyPublished ? 'success' : 'error'"
-          class="_bk_mx-0"
-        />
+        <StatusIndicator :status="isCurrentlyPublished ? 'success' : 'error'" />
         <template v-if="newStatus.status !== isCurrentlyPublished">
           <Icon name="arrow-right-thin" class="_bk_[&_svg]:size-15" />
-          <StatusIndicator :status="newStatusPropValue" class="_bk_mx-0" />
+          <StatusIndicator :status="newStatusPropValue" />
         </template>
       </div>
     </td>
@@ -167,7 +164,7 @@ const newStatusPropValue = computed(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk tr.bk-is-success input:checked + span:before {
   background-color: rgb(var(--bk-theme-lime-normal) / 1) !important;
 }

package/dist/runtime/editor/features/publish/Dialog/PublishOption.vue

@@ -26,7 +26,7 @@
     >
       <Icon :name="icon" />
       <div
-        class="_bk_absolute _bk_-top-[1px] _bk_-right-[9px] _bk_size-20 _bk_rounded-full _bk_bg-mono-950 _bk_flex _bk_items-center _bk_justify-center _bk_[&_.bk-icon_svg]:size-[13px] _bk_[&_.bk-icon_svg]:fill-white"
+        class="_bk_absolute _bk_top-[-1px] _bk_right-[-9px] _bk_size-20 _bk_rounded-full _bk_bg-mono-950 _bk_flex _bk_items-center _bk_justify-center _bk_[&_.bk-icon_svg]:size-[13px] _bk_[&_.bk-icon_svg]:fill-white"
         :class="isChecked ? '_bk_visible' : '_bk_invisible'"
       >
         <Icon name="bk_mdi_check" />

package/dist/runtime/editor/features/referenced-entities/List/Item/index.vue

@@ -25,6 +25,7 @@
   </a>
   <NestedEditorOverlay
     v-if="editUrl && isEditing"
+    id="referenced-entity"
     :url="editUrl"
     :uuid="entityUuid"
     :element

package/dist/runtime/editor/features/responsive-preview/Frame/index.vue

@@ -79,7 +79,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-preview {
   position: absolute;
   top: 0px;

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

@@ -169,7 +169,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-search {
   pointer-events: auto;
   position: absolute;

package/dist/runtime/editor/features/selection/AddButtons/Renderer/index.vue

@@ -620,7 +620,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-button-tooltip {
   pointer-events: none;
   position: absolute;

package/dist/runtime/editor/features/settings/Dialog/FeatureSetting/index.vue

@@ -125,7 +125,7 @@ const tickmarks = computed(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-input-range {
   display: block;
   width: 100%;

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

@@ -84,5 +84,5 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 </style>

package/dist/runtime/editor/features/structure/List/Item/index.vue

@@ -126,7 +126,7 @@ defineOptions({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk-vars .bk-dragging-overlay-item) [bk-structure-uuid] {
   background-color: rgb(var(--bk-theme-mono-100) / 1) !important;
 }

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

@@ -99,7 +99,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-structure {
   height: 100%;
   overflow: auto;

package/dist/runtime/editor/features/templates/DialogManageTemplates/Item.vue

@@ -78,6 +78,7 @@
   </tr>
   <NestedEditorOverlay
     v-if="isEditing && editUrl"
+    id="edit-template"
     :url="editUrl"
     :uuid
     :element="editButtonEl"

package/dist/runtime/editor/features/templates/DialogManageTemplates/index.vue

@@ -110,7 +110,7 @@ watch(page, () => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-templates-manage {
   min-height: 70vh;
 }

package/dist/runtime/editor/features/theme/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.bk-theme-editor {
   container-type: inline-size;
 }

package/dist/runtime/editor/features/touch-action-bar/Bar/index.vue

@@ -24,7 +24,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-touch-action-bar {
   pointer-events: auto;
   position: fixed;

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

@@ -227,7 +227,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-tour {
   position: fixed;
   top: 0px;

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

@@ -225,7 +225,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-transform-overlay {
   pointer-events: auto;
   position: absolute;

package/dist/runtime/editor/features/translations/SelectionTable/index.vue

@@ -32,7 +32,7 @@ defineProps({
 defineEmits(["toggle-all"]);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-csv-table {
   border-collapse: collapse;
 }

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

@@ -16,7 +16,7 @@
     region="title"
     weight="500"
     icon="bk_mdi_feature_search"
-    class="_bk_relative"
+    class="_bk_relative _bk_border-l _bk_border-l-mono-600"
     @click="isVisible = !isVisible"
   />
 </template>

package/dist/runtime/editor/helpers/diff/index.d.ts

@@ -36,7 +36,18 @@ export type AtomicSegment = {
     kind: 'atomic';
     id: string;
     tag: string;
+    /**
+     * The open tag of the accepted (after) state. For matched segments this can
+     * differ from `beforeOpenTag` when only attributes changed — a segment
+     * counts as changed in that case even when the inner HTML is identical.
+     */
     openTag: string;
+    /**
+     * The open tag of the original (before) state. Rejecting a matched segment
+     * restores this alongside `beforeHtml`. Equals `openTag` for inserted
+     * segments (which have no before state).
+     */
+    beforeOpenTag: string;
     closeTag: string;
     beforeHtml: string;
     afterHtml: string;

package/dist/runtime/editor/helpers/diff/index.js

@@ -337,10 +337,11 @@ function atomicFromAlignment(entry, id) {
       id,
       tag: entry.after.tag,
       openTag: entry.after.openTag,
+      beforeOpenTag: entry.before.openTag,
       closeTag: `</${entry.after.tag}>`,
       beforeHtml: entry.before.innerHTML,
       afterHtml: entry.after.innerHTML,
-      changed: entry.before.innerHTML !== entry.after.innerHTML,
+      changed: entry.before.innerHTML !== entry.after.innerHTML || entry.before.openTag !== entry.after.openTag,
       status: "matched"
     };
   }
@@ -350,6 +351,7 @@ function atomicFromAlignment(entry, id) {
       id,
       tag: entry.before.tag,
       openTag: entry.before.openTag,
+      beforeOpenTag: entry.before.openTag,
       closeTag: `</${entry.before.tag}>`,
       beforeHtml: entry.before.innerHTML,
       afterHtml: "",
@@ -362,6 +364,7 @@ function atomicFromAlignment(entry, id) {
     id,
     tag: entry.after.tag,
     openTag: entry.after.openTag,
+    beforeOpenTag: entry.after.openTag,
     closeTag: `</${entry.after.tag}>`,
     beforeHtml: "",
     afterHtml: entry.after.innerHTML,
@@ -379,7 +382,7 @@ export function splitIntoSegments(before, after, fieldType) {
   const segments = [];
   alignment.forEach((entry, index) => {
     const id = String(index);
-    if (entry.type === "match" && (entry.after.tag === "ul" || entry.after.tag === "ol") && entry.before.innerHTML !== entry.after.innerHTML) {
+    if (entry.type === "match" && (entry.after.tag === "ul" || entry.after.tag === "ol") && entry.before.innerHTML !== entry.after.innerHTML && entry.before.openTag === entry.after.openTag) {
       const beforeItems = parseListItems(entry.before.innerHTML);
       const afterItems = parseListItems(entry.after.innerHTML);
       if (beforeItems && afterItems) {
@@ -404,9 +407,7 @@ export function splitIntoSegments(before, after, fieldType) {
 }
 export function segmentsHaveChanges(segments) {
   return segments.some(
-    (seg) => seg.kind === "list" ? seg.children.some(
-      (c) => c.status !== "matched" || c.beforeHtml !== c.afterHtml
-    ) : seg.status !== "matched" || seg.beforeHtml !== seg.afterHtml
+    (seg) => seg.kind === "list" ? seg.children.some((c) => c.changed) : seg.changed
   );
 }
 function injectAttribute(openTag, name, value) {
@@ -428,7 +429,12 @@ function renderAtomicDiffMarkup(seg, opts) {
     return `${open}<del>${seg.beforeHtml}</del>${seg.closeTag}`;
   }
   if (!accepted) {
-    return `${open}${seg.beforeHtml}${seg.closeTag}`;
+    const beforeOpen = injectAttribute(
+      seg.beforeOpenTag,
+      "data-chunk-index",
+      seg.id
+    );
+    return `${beforeOpen}${seg.beforeHtml}${seg.closeTag}`;
   }
   if (opts.insertionsOnly) {
     return `${open}<ins>${seg.afterHtml}</ins>${seg.closeTag}`;
@@ -458,7 +464,7 @@ export function reassembleValue(segments, acceptedById) {
   const renderAtomic = (seg) => {
     const accepted = isAccepted(seg.id);
     if (seg.status === "matched") {
-      return seg.openTag + (accepted ? seg.afterHtml : seg.beforeHtml) + seg.closeTag;
+      return accepted ? seg.openTag + seg.afterHtml + seg.closeTag : seg.beforeOpenTag + seg.beforeHtml + seg.closeTag;
     }
     if (seg.status === "inserted") {
       return accepted ? seg.openTag + seg.afterHtml + seg.closeTag : "";

package/dist/runtime/editor/helpers/options/index.d.ts

@@ -1,5 +1,6 @@
 import type { BlockOptionDefinition } from '#blokkli/types/blockOptions';
 import type { BlockDefinitionOptionsInput } from '#blokkli/types/definitions';
+import type { DefinitionString } from '../../../../global/types/blockOptions.js';
 export type OptionItem = {
     property: string;
     option: BlockOptionDefinition;
@@ -18,3 +19,4 @@ export declare function getMutatedOptionValue(mutatedOptions: Record<string, Rec
  * Convert a typed option value to the string format expected by the adapter.
  */
 export declare function optionValueToStorable(definition: BlockOptionDefinition, value: string | string[] | boolean | undefined | null | number): string;
+export declare function resolveDefinitionString(definitionString: DefinitionString, langcode?: string): string;

package/dist/runtime/editor/helpers/options/index.js

@@ -1,3 +1,4 @@
+import { defaultLanguage } from "#blokkli-build/editor-config";
 export function getAvailableOptions(definitionOptions, globalOptionKeys, globalOptionsMap) {
   const options = definitionOptions || {};
   const global = (globalOptionKeys || []).reduce(
@@ -69,3 +70,23 @@ export function optionValueToStorable(definition, value) {
   }
   return "";
 }
+export function resolveDefinitionString(definitionString, langcode) {
+  if (!definitionString) {
+    return "";
+  }
+  if (typeof definitionString === "string") {
+    return definitionString;
+  }
+  if (langcode) {
+    const translation = definitionString[langcode];
+    if (translation) {
+      return translation;
+    }
+  }
+  const defaultTranslation = definitionString[defaultLanguage];
+  if (defaultTranslation) {
+    return defaultTranslation;
+  }
+  const firstValue = Object.values(definitionString)[0];
+  return firstValue ?? "";
+}

package/dist/runtime/editor/plugins/BlockIndicator/index.d.vue.ts

@@ -26,6 +26,15 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Optional icon to display in the indicator.
      */
     icon?: BlokkliIcon;
+    /**
+     * Keep the indicator visible when the artboard edge is close to the
+     * edge of the visible viewport.
+     *
+     * Instead of moving out of view, the indicator is shifted onto the
+     * artboard so that at least the icon remains visible. Only supported
+     * for left-positioned indicators.
+     */
+    sticky?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -53,9 +62,23 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Optional icon to display in the indicator.
      */
     icon?: BlokkliIcon;
+    /**
+     * Keep the indicator visible when the artboard edge is close to the
+     * edge of the visible viewport.
+     *
+     * Instead of moving out of view, the indicator is shifted onto the
+     * artboard so that at least the icon remains visible. Only supported
+     * for left-positioned indicators.
+     */
+    sticky?: boolean;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}>, {
+    label: string;
+    icon: BlokkliIcon;
+    sticky: boolean;
+    position: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/editor/plugins/BlockIndicator/index.vue

@@ -2,16 +2,24 @@
   <Teleport to="#bk-indicators-left">
     <div
       ref="el"
-      class="bk-indicator-item"
+      class="bk-indicator-item _bk_absolute _bk_top-0 _bk_pointer-events-auto _bk_cursor-pointer _bk_text-mono-500 _bk_h-30 _bk_flex _bk_items-center _bk_hover:text-mono-950 _bk_group"
+      :class="{
+  '_bk_right-0 _bk_pr-10': position === 'left'
+}"
       @click.prevent="$emit('click')"
       @mouseenter="onMouseEnter"
       @mouseleave="onMouseLeave"
     >
       <slot>
-        <div class="bk-indicator-item-inner">
+        <div
+          class="bk-indicator-item-inner _bk_flex _bk_gap-10 _bk_items-center _bk_text-xs _bk_font-medium"
+        >
           <div v-if="label">{{ label }}</div>
           <div v-if="icon">
-            <Icon :name="icon" />
+            <Icon
+              :name="icon"
+              class="_bk_size-20 _bk_bg-red-normal _bk_text-white _bk_p-2 _bk_rounded-full _bk_group-hover:bg-red-dark"
+            />
           </div>
         </div>
       </slot>
@@ -30,9 +38,10 @@ import { Icon } from "#blokkli/editor/components";
 const props = defineProps({
   id: { type: String, required: true },
   uuid: { type: String, required: true },
-  label: { type: String, required: false },
-  position: { type: String, required: false },
-  icon: { type: null, required: false }
+  label: { type: String, required: false, default: void 0 },
+  position: { type: String, required: false, default: "left" },
+  icon: { type: null, required: false, default: void 0 },
+  sticky: { type: Boolean, required: false, default: false }
 });
 defineEmits(["click"]);
 const { indicators } = useBlokkli();
@@ -49,7 +58,8 @@ onMounted(() => {
       id: props.id,
       uuid: props.uuid,
       position: props.position ?? "left",
-      element: el.value
+      element: el.value,
+      sticky: props.sticky
     });
   }
 });

package/dist/runtime/editor/plugins/BlockIndicator/index.vue.d.ts

@@ -26,6 +26,15 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Optional icon to display in the indicator.
      */
     icon?: BlokkliIcon;
+    /**
+     * Keep the indicator visible when the artboard edge is close to the
+     * edge of the visible viewport.
+     *
+     * Instead of moving out of view, the indicator is shifted onto the
+     * artboard so that at least the icon remains visible. Only supported
+     * for left-positioned indicators.
+     */
+    sticky?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -53,9 +62,23 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Optional icon to display in the indicator.
      */
     icon?: BlokkliIcon;
+    /**
+     * Keep the indicator visible when the artboard edge is close to the
+     * edge of the visible viewport.
+     *
+     * Instead of moving out of view, the indicator is shifted onto the
+     * artboard so that at least the icon remains visible. Only supported
+     * for left-positioned indicators.
+     */
+    sticky?: boolean;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}>, {
+    label: string;
+    icon: BlokkliIcon;
+    sticky: boolean;
+    position: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/editor/plugins/ItemAction/index.d.vue.ts

@@ -95,6 +95,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClick?: ((items: RenderedFieldListItem[]) => any) | undefined;
 }>, {
     keyCode: string;
+    description: string;
     disabled: boolean | string;
     icon: BlokkliIcon;
     active: boolean;

package/dist/runtime/editor/plugins/ItemAction/index.vue

@@ -70,7 +70,7 @@ const uuids = computed(() => selection.uuids.value);
 const props = defineProps({
   id: { type: String, required: true },
   title: { type: String, required: true },
-  description: { type: String, required: false },
+  description: { type: String, required: false, default: void 0 },
   disabled: { type: [Boolean, String], required: false, default: false },
   active: { type: Boolean, required: false, default: void 0 },
   keyCode: { type: String, required: false, default: void 0 },

package/dist/runtime/editor/plugins/ItemAction/index.vue.d.ts

@@ -95,6 +95,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClick?: ((items: RenderedFieldListItem[]) => any) | undefined;
 }>, {
     keyCode: string;
+    description: string;
     disabled: boolean | string;
     icon: BlokkliIcon;
     active: boolean;

package/dist/runtime/editor/plugins/Sidebar/index.vue

@@ -309,7 +309,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-html-root {
   --bk-sidebar-width-right: 280px;
   --bk-toolbar-left-width: 50px;

package/dist/runtime/editor/plugins/ToolbarButton/index.vue

@@ -109,7 +109,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-toolbar-button {
   display: flex;
   height: 40px;

package/dist/runtime/editor/providers/animation.d.ts

@@ -50,6 +50,8 @@ export type Renderer<T = RectangleBufferCollector<any>> = {
      *
      * Renderers are checked from highest to lowest zIndex.
      * @param coord - Mouse coordinates in screen and artboard space
+     * @param coord.mouse - Coordinates in screen space
+     * @param coord.mouseArtboard - Coordinates in artboard space
      * @returns True to claim the click and stop propagation, false/undefined to continue
      */
     onClick?: (coord: {

package/dist/runtime/editor/providers/definition.d.ts

@@ -3,7 +3,7 @@ import type { BlockDefinition, FragmentDefinition, ProviderDefinition } from '#b
 import type { ValidFieldListTypes, BlockBundleWithNested, ValidProviderTypes } from '#blokkli-build/generated-types';
 import type { DeepReadonly } from 'vue';
 import type { BlockDefinitionOptionsInput } from '../../types/definitions.js';
-import type { RuntimeBlockOptionArray } from '../../../global/types/blockOptions.js';
+import type { DefinitionString, RuntimeBlockOptionArray } from '../../../global/types/blockOptions.js';
 import type { RenderedFieldListItem } from '../types/field.js';
 export type DefinitionProvider = {
     /**
@@ -14,7 +14,7 @@ export type DefinitionProvider = {
      * 2. Parent bundle specific (e.g., bundle__parent:accordion)
      * 3. Default bundle definition
      *
-     * @param bundle - The block bundle name
+     * @param bundleOrBlock - The block bundle name, or a rendered field list item
      * @param fieldListType - The field list type context
      * @param parentBundle - Optional parent block bundle for nested blocks
      * @returns The block definition, or undefined if not found
@@ -95,5 +95,6 @@ export type DefinitionProvider = {
      * Block bundles that can be added automatically without showing the form.
      */
     bundlesWithAutoAdd: ComputedRef<string[]>;
+    resolveDefinitionString: (definitionString: DefinitionString) => string;
 };
-export default function (providerType: ValidProviderTypes): DefinitionProvider;
+export default function (providerType: ValidProviderTypes, interfaceLanguage: ComputedRef<string>): DefinitionProvider;

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

@@ -1,7 +1,8 @@
 import { computed, ref, readonly } from "#imports";
 import definitions from "#blokkli-build/definitions";
 import { OPTIONS } from "#blokkli-build/runtime-options";
-export default function(providerType) {
+import { resolveDefinitionString as resolveDefinitionStringBase } from "../helpers/options/index.js";
+export default function(providerType, interfaceLanguage) {
   const blocks = ref(definitions.blocks);
   const fragments = ref(definitions.fragments);
   const providers = ref(definitions.providers);
@@ -114,6 +115,12 @@ export default function(providerType) {
       return addBehaviour === "no-form" || addBehaviour.startsWith("editable:");
     }).map((v) => v.bundle);
   });
+  function resolveDefinitionString(definitionString) {
+    return resolveDefinitionStringBase(
+      definitionString,
+      interfaceLanguage.value
+    );
+  }
   return {
     getBlockDefinition,
     getFragmentDefinition,
@@ -126,7 +133,8 @@ export default function(providerType) {
     globalOptions: readonly(allGlobalOptions),
     runtimeOptions: readonly(runtimeOptions),
     renderKey: readonly(renderKey),
-    bundlesWithAutoAdd
+    bundlesWithAutoAdd,
+    resolveDefinitionString
   };
 }
 if (import.meta.hot) {

package/dist/runtime/editor/providers/plugin.d.ts

@@ -47,6 +47,7 @@ export type ViewOption = {
     keyCode?: string;
     tourText?: string;
     weight?: number;
+    default?: boolean;
 };
 type ViewOptionFunction = PluginAddFunction<ViewOption>;
 type PluginFunctionMap = {

package/dist/runtime/editor/providers/state.d.ts

@@ -78,6 +78,14 @@ export type StateProvider = {
      * -1 indicates no mutations, 0+ indicates active mutation index.
      */
     currentMutationIndex: Readonly<Ref<number>>;
+    /**
+     * Unix timestamp (in seconds) of when the edit state was last changed, or
+     * `null` if there are no changes yet. Updates after every mutation.
+     *
+     * Distinct from `publishOptions.lastChanged`, which is the published entity's
+     * change time.
+     */
+    lastChanged: Readonly<Ref<number | null>>;
     /**
      * Validation violations for the current state.
      *