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

package/dist/modules/charts/runtime/features/charts/Editor/index.vue

@@ -11,15 +11,15 @@
           </button>
         </div>
 
-        <ChartTypePicker v-model="data.type" />
+        <ChartTypePicker v-model="chartData.type" />
       </div>
 
       <ChartTypeOptions
         v-if="chartDef"
-        v-model:title="data.title"
+        v-model:title="chartData.title"
         :options="chartDef.editor.options"
-        :type-options="data.typeOptions || {}"
-        @update:type-options="data.typeOptions = $event"
+        :type-options="chartData.typeOptions || {}"
+        @update:type-options="chartData.typeOptions = $event"
       />
     </div>
 
@@ -55,18 +55,18 @@
       <div class="bk-chart-editor-section">
         <label class="bk-form-label">{{ $t("chartsData", "Data") }}</label>
         <DataTable
-          :categories="data.categories"
-          :series="data.series"
-          :category-colors="data.categoryColors"
+          :categories="chartData.categories"
+          :series="chartData.series"
+          :category-colors="chartData.categoryColors"
           :has-multiple-series="caps.hasMultipleSeries"
           :has-series-colors="caps.hasSeriesColors"
           :has-category-colors="caps.hasCategoryColors"
           :colors="COLORS"
           :remove-row="removeRow"
           :remove-series="removeSeries"
-          @update:categories="data.categories = $event"
-          @update:series="data.series = $event"
-          @update:category-colors="data.categoryColors = $event"
+          @update:categories="chartData.categories = $event"
+          @update:series="chartData.series = $event"
+          @update:category-colors="chartData.categoryColors = $event"
         />
         <div class="bk-chart-data-table-actions">
           <button type="button" class="bk-button bk-is-small" @click="addRow">
@@ -88,8 +88,8 @@
 
       <div class="bk-chart-editor-section">
         <FootnoteEditor
-          :footnotes="data.footnotes"
-          @update:footnotes="data.footnotes = $event"
+          :footnotes="chartData.footnotes"
+          @update:footnotes="chartData.footnotes = $event"
         />
       </div>
     </div>
@@ -111,51 +111,48 @@ import Preview from "./Preview/index.vue";
 import ChartTypeOptions from "./ChartTypeOptions/index.vue";
 import { onBlokkliEvent } from "#blokkli/editor/composables";
 const props = defineProps({
+  data: { type: [Object, null], required: true },
   uuid: { type: String, required: true },
   optionKey: { type: String, required: true }
 });
-const { $t, state } = useBlokkli();
+const { $t } = useBlokkli();
 function getCurrentData() {
-  const rawData = state.mutatedOptions[props.uuid]?.data || state.getFieldListItem(props.uuid)?.options?.data;
-  if (rawData) {
-    try {
-      const parsed = JSON.parse(rawData);
-      if (parsed && Array.isArray(parsed.series) && parsed.series.length > 0) {
-        const fallbackId = getFirstColorId(COLORS);
-        for (const series of parsed.series) {
-          if (!COLORS[series.color]) {
-            series.color = fallbackId;
-          }
+  if (props.data) {
+    const parsed = JSON.parse(JSON.stringify(props.data));
+    if (parsed && Array.isArray(parsed.series) && parsed.series.length > 0) {
+      const fallbackId = getFirstColorId(COLORS);
+      for (const series of parsed.series) {
+        if (!COLORS[series.color]) {
+          series.color = fallbackId;
         }
-        if (Array.isArray(parsed.categoryColors)) {
-          for (let i = 0; i < parsed.categoryColors.length; i++) {
-            if (!COLORS[parsed.categoryColors[i]]) {
-              parsed.categoryColors[i] = fallbackId;
-            }
+      }
+      if (Array.isArray(parsed.categoryColors)) {
+        for (let i = 0; i < parsed.categoryColors.length; i++) {
+          if (!COLORS[parsed.categoryColors[i]]) {
+            parsed.categoryColors[i] = fallbackId;
           }
-        } else {
-          parsed.categoryColors = parsed.categories.map(
-            (_, i) => {
-              const ids = Object.keys(COLORS);
-              return ids[i % ids.length] || fallbackId;
-            }
-          );
-        }
-        if (!Array.isArray(parsed.footnotes)) {
-          parsed.footnotes = [];
-        }
-        if (!parsed.typeOptions || typeof parsed.typeOptions !== "object") {
-          parsed.typeOptions = getDefaultTypeOptions(parsed.type);
         }
-        return parsed;
+      } else {
+        parsed.categoryColors = parsed.categories.map(
+          (_, i) => {
+            const ids = Object.keys(COLORS);
+            return ids[i % ids.length] || fallbackId;
+          }
+        );
+      }
+      if (!Array.isArray(parsed.footnotes)) {
+        parsed.footnotes = [];
+      }
+      if (!parsed.typeOptions || typeof parsed.typeOptions !== "object") {
+        parsed.typeOptions = getDefaultTypeOptions(parsed.type);
       }
-    } catch {
+      return parsed;
     }
   }
   return getDefaultChartData(COLORS);
 }
 const {
-  data,
+  data: chartData,
   canUndo,
   canRedo,
   undo,
@@ -168,16 +165,16 @@ const {
 } = useChartEditorState(getCurrentData(), COLORS);
 const autoUpdate = ref(true);
 const previewData = ref(
-  JSON.parse(JSON.stringify(data.value))
+  JSON.parse(JSON.stringify(chartData.value))
 );
 const isStale = ref(false);
 let debounceTimer = null;
 function refreshPreview() {
-  previewData.value = JSON.parse(JSON.stringify(data.value));
+  previewData.value = JSON.parse(JSON.stringify(chartData.value));
   isStale.value = false;
 }
 watch(
-  data,
+  chartData,
   () => {
     if (autoUpdate.value) {
       if (debounceTimer) clearTimeout(debounceTimer);
@@ -197,7 +194,7 @@ watch(autoUpdate, (enabled) => {
 onBeforeUnmount(() => {
   if (debounceTimer) clearTimeout(debounceTimer);
 });
-const chartDef = computed(() => getChartType(data.value.type, $t));
+const chartDef = computed(() => getChartType(chartData.value.type, $t));
 const caps = computed(() => {
   const def = chartDef.value;
   return {
@@ -207,21 +204,21 @@ const caps = computed(() => {
   };
 });
 const typeOptionsCache = {
-  ...data.value.typeOptions
+  ...chartData.value.typeOptions
 };
 watch(
-  () => data.value.type,
+  () => chartData.value.type,
   (type) => {
     const defaults = getDefaultTypeOptions(type);
     const merged = {};
     for (const key of Object.keys(defaults)) {
       merged[key] = key in typeOptionsCache ? typeOptionsCache[key] : defaults[key];
     }
-    data.value.typeOptions = merged;
+    chartData.value.typeOptions = merged;
   }
 );
 watch(
-  () => data.value.typeOptions,
+  () => chartData.value.typeOptions,
   (opts) => {
     if (opts) {
       Object.assign(typeOptionsCache, opts);
@@ -230,7 +227,7 @@ watch(
   { deep: true }
 );
 function getData() {
-  return data.value;
+  return chartData.value;
 }
 onBlokkliEvent("keyPressed", (e) => {
   if (e.code === "z" && e.meta) {

package/dist/modules/charts/runtime/features/charts/Editor/index.vue.d.ts

@@ -1,5 +1,6 @@
 import type { BlokkliChartData } from '../../../types.js';
 type __VLS_Props = {
+    data: BlokkliChartData | null;
     uuid: string;
     optionKey: string;
 };

package/dist/modules/drupal/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.BVregnEC.mjs';
+import { B as BlokkliModule } from '../../shared/editor.DsGJIlGn.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/drupal/index.mjs

@@ -2,7 +2,7 @@ import { createResolver } from '@nuxt/kit';
 import { fileURLToPath } from 'node:url';
 import { join } from 'pathe';
 import { isObjectType, isInterfaceType } from 'graphql';
-import { d as defineBlokkliModule } from '../../shared/editor.CGf7C_0M.mjs';
+import { defineBlokkliModule } from '../index.mjs';
 import { useGraphqlModuleContext } from 'nuxt-graphql-middleware/utils';
 
 function toPascalCase(text) {

package/dist/modules/index.d.mts

@@ -0,0 +1,7 @@
+export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.DsGJIlGn.mjs';
+import 'nuxt/schema';
+import 'consola';
+import '../../dist/global/types/definitions.js';
+import '../../dist/global/types/theme.js';
+import '@nuxt/kit';
+import '../../dist/global/types/features.js';

package/dist/{shared/editor.CGf7C_0M.mjs → modules/index.mjs}

@@ -7,4 +7,4 @@ function defineBlokkliModule(init) {
   };
 }
 
-export { defineBlokkliModule as d };
+export { defineBlokkliModule };

package/dist/modules/table-of-contents/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.BVregnEC.mjs';
+import { B as BlokkliModule } from '../../shared/editor.DsGJIlGn.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/table-of-contents/index.mjs

@@ -1,5 +1,5 @@
 import { createResolver, addComponent } from '@nuxt/kit';
-import { d as defineBlokkliModule } from '../../shared/editor.CGf7C_0M.mjs';
+import { defineBlokkliModule } from '../index.mjs';
 import { fileURLToPath } from 'node:url';
 
 const index = defineBlokkliModule({

package/dist/modules/tailwind/index.d.mts

@@ -0,0 +1,5 @@
+import { Config } from 'tailwindcss';
+
+declare const tailwindConfig: Config;
+
+export { tailwindConfig };

package/dist/modules/tailwind/index.mjs

@@ -0,0 +1,2 @@
+export { default as tailwindConfig } from '../../chunks/tailwindConfig.mjs';
+import 'tailwindcss/plugin';

package/dist/runtime/editor/components/NestedEditorOverlay/index.vue

@@ -90,10 +90,10 @@ const backLabel = computed(() => {
   if (!entityLabel) {
     return $t("libraryItemEditOverlayBack", "Back to page");
   }
-  return $t("libraryItemEditOverlayBackWithPage", 'Back to "@label"').replace(
-    "@label",
-    entityLabel
-  );
+  return $t(
+    "libraryItemEditOverlayBackWithPage",
+    'Save and go back to "@label"'
+  ).replace("@label", entityLabel);
 });
 const FADE_DURATION = 150;
 const EASING = "cubic-bezier(0.56, 0.04, 0.25, 1)";