@skylivellc/lienzo-editor 0.9.1 → 0.10.0

package/dist/types/i18n/en.d.ts

@@ -89,6 +89,16 @@ export declare const en: {
     'type.video': string;
     'type.shape': string;
     'type.icon': string;
+    'type.gallery': string;
+    'el.galleryItem': string;
+    'el.gallery': string;
+    'el.galleryAdd': string;
+    'el.galleryHint': string;
+    'el.galleryLayout': string;
+    'el.gallery.grid': string;
+    'el.gallery.strip': string;
+    'el.galleryColumns': string;
+    'el.galleryRemove': string;
     'type.navbar': string;
     'type.input': string;
     'type.textarea': string;

package/dist/types/model/document.d.ts

@@ -5,7 +5,7 @@ export type Device = 'desktop' | 'mobile';
 export declare const MOBILE_WIDTH = 390;
 /** A section or a modal: both are free-layout canvases of elements. */
 export type Canvas = Section | Modal;
-export declare const CORE_TYPES: readonly ["heading", "text", "image", "button", "divider", "video", "shape", "icon", "navbar", "input", "textarea", "select", "checkbox"];
+export declare const CORE_TYPES: readonly ["heading", "text", "image", "button", "divider", "video", "shape", "icon", "navbar", "gallery", "input", "textarea", "select", "checkbox"];
 export declare const isCoreType: (type: string) => type is CoreElementType;
 export declare const isModal: (canvas: Canvas) => canvas is Modal;
 export declare function canvasesOf(document: Document): Canvas[];

package/dist/types/model/elements.d.ts

@@ -216,6 +216,27 @@ export declare const coreSpecs: {
             };
         };
     };
+    gallery: {
+        label: "type.gallery";
+        group: "content";
+        styles: readonly StyleGroup[];
+        inline: null;
+        create: () => {
+            box: {
+                x: number;
+                w: number;
+                h: number;
+            };
+            props: {
+                images: never[];
+                layout: "grid";
+                columns: number;
+            };
+            style: {
+                radius: number;
+            };
+        };
+    };
     input: {
         label: "type.input";
         group: "form";

package/dist/types/panels/content/GalleryContent.vue.d.ts

@@ -0,0 +1,8 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+/** A gallery is a list of pictures: one field per slot, in the order shown. */
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/state/editor.d.ts

@@ -484,9 +484,11 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
                         required?: boolean | null | undefined;
                         input_type?: "number" | "text" | "email" | "date" | "tel" | null | undefined;
                         options?: string[] | null | undefined;
+                        images?: string[] | null | undefined;
+                        columns?: number | null | undefined;
                         multiple?: boolean | null | undefined;
                         brand?: string | null | undefined;
-                        layout?: "center" | "left" | "split" | null | undefined;
+                        layout?: "center" | "left" | "grid" | "split" | "strip" | null | undefined;
                         template?: "plain" | "pill" | "card" | "underline" | "divided" | "floating" | "boxed" | "tracked" | null | undefined;
                         links?: {
                             label: string;
@@ -757,9 +759,11 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
                         required?: boolean | null | undefined;
                         input_type?: "number" | "text" | "email" | "date" | "tel" | null | undefined;
                         options?: string[] | null | undefined;
+                        images?: string[] | null | undefined;
+                        columns?: number | null | undefined;
                         multiple?: boolean | null | undefined;
                         brand?: string | null | undefined;
-                        layout?: "center" | "left" | "split" | null | undefined;
+                        layout?: "center" | "left" | "grid" | "split" | "strip" | null | undefined;
                         template?: "plain" | "pill" | "card" | "underline" | "divided" | "floating" | "boxed" | "tracked" | null | undefined;
                         links?: {
                             label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skylivellc/lienzo-editor",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Visual editor for Lienzo landing pages. A Vue 3 component and a <lienzo-editor> custom element that talk to any backend over the Lienzo protocol.",
   "keywords": [
     "landing-page",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@lucide/vue": "^1.52.0",
-    "@skylivellc/lienzo-core": "0.9.1"
+    "@skylivellc/lienzo-core": "0.10.0"
   },
   "devDependencies": {
     "@playwright/test": "1.63.0",