@skylivellc/lienzo-editor 0.1.1 → 0.3.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-BxWQvOhh.js} +1702 -1171
  2. package/dist/LienzoEditor-BxWQvOhh.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 +24 -0
  9. package/dist/types/state/editor.d.ts +21 -4
  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;
@@ -148,6 +158,7 @@ export declare const en: {
148
158
  'modal.fullHint': string;
149
159
  'modal.background': string;
150
160
  'section.heading': string;
161
+ 'section.addAfter': string;
151
162
  'section.delete': string;
152
163
  'section.shownAs': string;
153
164
  'section.alone': string;
@@ -342,6 +353,16 @@ export declare const en: {
342
353
  'navbar.preset.split': string;
343
354
  'navbar.preset.center': string;
344
355
  'navbar.preset.dark': string;
356
+ 'navbar.preset.pill': string;
357
+ 'navbar.preset.card': string;
358
+ 'navbar.preset.underline': string;
359
+ 'navbar.preset.divided': string;
360
+ 'el.navbarTemplate': string;
361
+ 'el.navbarTemplate.plain': string;
362
+ 'el.navbarTemplate.pill': string;
363
+ 'el.navbarTemplate.card': string;
364
+ 'el.navbarTemplate.underline': string;
365
+ 'el.navbarTemplate.divided': string;
345
366
  'el.brand': string;
346
367
  'el.brandPlaceholder': string;
347
368
  'el.sticky': string;
@@ -373,6 +394,7 @@ export declare const en: {
373
394
  'el.options': string;
374
395
  'el.optionsHint': string;
375
396
  'el.placeholder': string;
397
+ 'el.multiple': string;
376
398
  'el.required': string;
377
399
  'el.unknown': string;
378
400
  'style.fill': string;
@@ -452,6 +474,8 @@ export declare const en: {
452
474
  'position.mobile': string;
453
475
  'position.width': string;
454
476
  'position.height': string;
477
+ 'position.pinned': string;
478
+ 'position.pinnedHint': string;
455
479
  'position.own': string;
456
480
  'position.inherit': string;
457
481
  '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;
@@ -967,7 +984,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
967
984
  id: string;
968
985
  box: Element["layout"]["desktop"];
969
986
  }[]) => void;
970
- addSection: (section?: Section) => void;
987
+ addSection: (section?: Section, after?: string) => void;
971
988
  applyPageTemplate: (key: PageTemplateKey) => void;
972
989
  removeSection: (id: string) => void;
973
990
  moveSection: (index: number, step: -1 | 1) => 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.3.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.3.0"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@playwright/test": "1.63.0",