@skylivellc/lienzo-editor 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/{LienzoEditor-CQyoS5M0.js → LienzoEditor-tPV_sD5K.js} +1338 -853
  2. package/dist/LienzoEditor-tPV_sD5K.js.map +1 -0
  3. package/dist/element.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/standalone/lienzo-editor.js +28 -16
  6. package/dist/standalone/lienzo-editor.js.map +1 -1
  7. package/dist/types/canvas/ContextMenu.vue.d.ts +18 -0
  8. package/dist/types/i18n/en.d.ts +23 -0
  9. package/dist/types/state/editor.d.ts +20 -3
  10. package/package.json +2 -2
  11. package/dist/LienzoEditor-CQyoS5M0.js.map +0 -1
package/dist/types/canvas/ContextMenu.vue.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ /**
2
+ * The menu a right click opens on the canvas. It carries the actions that
3
+ * apply to what is selected, so the right panel keeps only the settings of
4
+ * the element.
5
+ */
6
+ type __VLS_Props = {
7
+ at: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ };
12
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
+ close: () => any;
14
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
15
+ onClose?: (() => any) | undefined;
16
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
+ declare const _default: typeof __VLS_export;
18
+ export default _default;
package/dist/types/i18n/en.d.ts CHANGED
@@ -95,6 +95,15 @@ export declare const en: {
95
95
  'type.select': string;
96
96
  'type.checkbox': string;
97
97
  'type.unknown': string;
98
+ 'menu.copy': string;
99
+ 'menu.paste': string;
100
+ 'menu.lock': string;
101
+ 'menu.unlock': string;
102
+ 'zoom.label': string;
103
+ 'zoom.in': string;
104
+ 'zoom.out': string;
105
+ 'zoom.fit': string;
106
+ 'zoom.actual': string;
98
107
  'canvas.title': string;
99
108
  'canvas.editingModal': string;
100
109
  'canvas.backToPage': string;
@@ -127,6 +136,7 @@ export declare const en: {
127
136
  'multi.group': string;
128
137
  'multi.ungroup': string;
129
138
  'multi.lock': string;
139
+ 'multi.menuHint': string;
130
140
  'multi.hint': string;
131
141
  'align.left': string;
132
142
  'align.hcenter': string;
@@ -342,6 +352,16 @@ export declare const en: {
342
352
  'navbar.preset.split': string;
343
353
  'navbar.preset.center': string;
344
354
  'navbar.preset.dark': string;
355
+ 'navbar.preset.pill': string;
356
+ 'navbar.preset.card': string;
357
+ 'navbar.preset.underline': string;
358
+ 'navbar.preset.divided': string;
359
+ 'el.navbarTemplate': string;
360
+ 'el.navbarTemplate.plain': string;
361
+ 'el.navbarTemplate.pill': string;
362
+ 'el.navbarTemplate.card': string;
363
+ 'el.navbarTemplate.underline': string;
364
+ 'el.navbarTemplate.divided': string;
345
365
  'el.brand': string;
346
366
  'el.brandPlaceholder': string;
347
367
  'el.sticky': string;
@@ -373,6 +393,7 @@ export declare const en: {
373
393
  'el.options': string;
374
394
  'el.optionsHint': string;
375
395
  'el.placeholder': string;
396
+ 'el.multiple': string;
376
397
  'el.required': string;
377
398
  'el.unknown': string;
378
399
  'style.fill': string;
@@ -452,6 +473,8 @@ export declare const en: {
452
473
  'position.mobile': string;
453
474
  'position.width': string;
454
475
  'position.height': string;
476
+ 'position.pinned': string;
477
+ 'position.pinnedHint': string;
455
478
  'position.own': string;
456
479
  'position.inherit': string;
457
480
  'position.inherited': string;
package/dist/types/state/editor.d.ts CHANGED
@@ -83,6 +83,8 @@ export type EditorState = {
83
83
  themeDraft: Theme | null;
84
84
  /** Visible panel per tab or step group on the canvas. */
85
85
  panels: Record<string, number>;
86
+ /** Canvas zoom, or null to fit the stage width. */
87
+ zoom: number | null;
86
88
  /** Issues of a draft that does not parse, so the canvas shows the last good render. */
87
89
  renderIssues: Issue[];
88
90
  publishing: boolean;
@@ -187,7 +189,8 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
187
189
  readonly en: string;
188
190
  };
189
191
  }[];
190
- default: string;
192
+ default: string | string[];
193
+ multiple?: boolean | undefined;
191
194
  } | {
192
195
  kind: "image";
193
196
  key: string;
@@ -259,7 +262,8 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
259
262
  readonly en: string;
260
263
  };
261
264
  }[];
262
- default: string;
265
+ default: string | string[];
266
+ multiple?: boolean | undefined;
263
267
  } | {
264
268
  kind: "image";
265
269
  key: string;
@@ -312,7 +316,8 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
312
316
  readonly en: string;
313
317
  };
314
318
  }[];
315
- default: string;
319
+ default: string | string[];
320
+ multiple?: boolean | undefined;
316
321
  } | {
317
322
  kind: "image";
318
323
  key: string;
@@ -437,6 +442,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
437
442
  flip_x?: boolean | null | undefined;
438
443
  flip_y?: boolean | null | undefined;
439
444
  clip?: boolean | null | undefined;
445
+ pinned?: boolean | null | undefined;
440
446
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
441
447
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
442
448
  accent_color?: string | null | undefined;
@@ -465,8 +471,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
465
471
  required?: boolean | null | undefined;
466
472
  input_type?: "number" | "text" | "email" | "date" | "tel" | null | undefined;
467
473
  options?: string[] | null | undefined;
474
+ multiple?: boolean | null | undefined;
468
475
  brand?: string | null | undefined;
469
476
  layout?: "left" | "center" | "split" | null | undefined;
477
+ template?: "plain" | "pill" | "card" | "underline" | "divided" | null | undefined;
470
478
  links?: {
471
479
  label: string;
472
480
  action: {
@@ -533,6 +541,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
533
541
  flip_x?: boolean | null | undefined;
534
542
  flip_y?: boolean | null | undefined;
535
543
  clip?: boolean | null | undefined;
544
+ pinned?: boolean | null | undefined;
536
545
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
537
546
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
538
547
  accent_color?: string | null | undefined;
@@ -599,6 +608,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
599
608
  flip_x?: boolean | null | undefined;
600
609
  flip_y?: boolean | null | undefined;
601
610
  clip?: boolean | null | undefined;
611
+ pinned?: boolean | null | undefined;
602
612
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
603
613
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
604
614
  accent_color?: string | null | undefined;
@@ -681,6 +691,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
681
691
  flip_x?: boolean | null | undefined;
682
692
  flip_y?: boolean | null | undefined;
683
693
  clip?: boolean | null | undefined;
694
+ pinned?: boolean | null | undefined;
684
695
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
685
696
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
686
697
  accent_color?: string | null | undefined;
@@ -709,8 +720,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
709
720
  required?: boolean | null | undefined;
710
721
  input_type?: "number" | "text" | "email" | "date" | "tel" | null | undefined;
711
722
  options?: string[] | null | undefined;
723
+ multiple?: boolean | null | undefined;
712
724
  brand?: string | null | undefined;
713
725
  layout?: "left" | "center" | "split" | null | undefined;
726
+ template?: "plain" | "pill" | "card" | "underline" | "divided" | null | undefined;
714
727
  links?: {
715
728
  label: string;
716
729
  action: {
@@ -777,6 +790,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
777
790
  flip_x?: boolean | null | undefined;
778
791
  flip_y?: boolean | null | undefined;
779
792
  clip?: boolean | null | undefined;
793
+ pinned?: boolean | null | undefined;
780
794
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
781
795
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
782
796
  accent_color?: string | null | undefined;
@@ -843,6 +857,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
843
857
  flip_x?: boolean | null | undefined;
844
858
  flip_y?: boolean | null | undefined;
845
859
  clip?: boolean | null | undefined;
860
+ pinned?: boolean | null | undefined;
846
861
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
847
862
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
848
863
  accent_color?: string | null | undefined;
@@ -895,6 +910,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
895
910
  max_width: number;
896
911
  } | null;
897
912
  panels: Record<string, number>;
913
+ zoom: number | null;
898
914
  renderIssues: {
899
915
  path: string;
900
916
  code: "type" | "range" | "pattern" | "enum" | "size" | "required" | "unique";
@@ -959,6 +975,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
959
975
  layer: (step: "front" | "back") => void;
960
976
  align: (where: Alignment) => void;
961
977
  distributeSelected: (axis: "x" | "y") => void;
978
+ sharedTarget: () => Element | null;
962
979
  groupSelected: () => void;
963
980
  ungroupSelected: () => void;
964
981
  toggleLock: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skylivellc/lienzo-editor",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "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.",
5
5
  "keywords": [
6
6
  "landing-page",
@@ -44,7 +44,7 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@lucide/vue": "^1.52.0",
47
- "@skylivellc/lienzo-core": "0.1.1"
47
+ "@skylivellc/lienzo-core": "0.2.0"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@playwright/test": "1.63.0",