@skylivellc/lienzo-editor 0.4.0 → 0.6.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-luruvISU.js → LienzoEditor-CM8FH-q3.js} +200 -92
  2. package/dist/LienzoEditor-CM8FH-q3.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 +22 -11
  6. package/dist/standalone/lienzo-editor.js.map +1 -1
  7. package/dist/types/i18n/en.d.ts +20 -0
  8. package/dist/types/state/editor.d.ts +23 -15
  9. package/dist/types/ui/ImageField.vue.d.ts +1 -1
  10. package/package.json +2 -2
  11. package/dist/LienzoEditor-luruvISU.js.map +0 -1
package/dist/types/i18n/en.d.ts CHANGED
@@ -175,6 +175,12 @@ export declare const en: {
175
175
  'section.generateMobile': string;
176
176
  'section.heightDesktop': string;
177
177
  'section.heightMobile': string;
178
+ 'fill.video': string;
179
+ 'section.video': string;
180
+ 'section.videoHint': string;
181
+ 'section.poster': string;
182
+ 'section.wide': string;
183
+ 'section.wideHint': string;
178
184
  'section.background': string;
179
185
  'section.color': string;
180
186
  'section.image': string;
@@ -465,6 +471,20 @@ export declare const en: {
465
471
  'style.anim.zoom': string;
466
472
  'style.delay': string;
467
473
  'style.duration': string;
474
+ 'style.anim.blur': string;
475
+ 'style.anim.reveal': string;
476
+ 'style.hover.sink': string;
477
+ 'style.hover.tilt': string;
478
+ 'style.hover.glow': string;
479
+ 'style.scroll': string;
480
+ 'style.scrollHint': string;
481
+ 'style.scroll.none': string;
482
+ 'style.scroll.rise': string;
483
+ 'style.scroll.drift': string;
484
+ 'style.scroll.zoom': string;
485
+ 'el.navbarTemplate.floating': string;
486
+ 'el.navbarTemplate.boxed': string;
487
+ 'el.navbarTemplate.tracked': string;
468
488
  'style.hover': string;
469
489
  'style.hover.none': string;
470
490
  'style.hover.lift': string;
package/dist/types/state/editor.d.ts CHANGED
@@ -376,7 +376,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
376
376
  mobile: number;
377
377
  };
378
378
  background: {
379
- type: "color" | "gradient" | "image";
379
+ type: "color" | "gradient" | "image" | "video";
380
380
  color?: string | null | undefined;
381
381
  gradient?: {
382
382
  type?: "linear" | "radial" | null | undefined;
@@ -385,9 +385,11 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
385
385
  angle?: number | null | undefined;
386
386
  } | null | undefined;
387
387
  image?: string | null | undefined;
388
+ video?: string | null | undefined;
388
389
  overlay?: number | null | undefined;
389
390
  parallax?: boolean | null | undefined;
390
391
  };
392
+ wide?: boolean | null | undefined;
391
393
  elements: ({
392
394
  id: string;
393
395
  group?: string | null | undefined;
@@ -446,9 +448,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
446
448
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
447
449
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
448
450
  accent_color?: string | null | undefined;
449
- hover?: "none" | "lift" | "grow" | "fade" | null | undefined;
451
+ hover?: "none" | "lift" | "grow" | "fade" | "tilt" | "glow" | "sink" | null | undefined;
452
+ scroll?: "none" | "rise" | "drift" | "zoom" | null | undefined;
450
453
  animation?: {
451
- type?: "left" | "right" | "none" | "fade" | "up" | "down" | "zoom" | null | undefined;
454
+ type?: "blur" | "left" | "right" | "none" | "fade" | "zoom" | "up" | "down" | "reveal" | null | undefined;
452
455
  delay?: number | null | undefined;
453
456
  duration?: number | null | undefined;
454
457
  } | null | undefined;
@@ -474,7 +477,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
474
477
  multiple?: boolean | null | undefined;
475
478
  brand?: string | null | undefined;
476
479
  layout?: "left" | "center" | "split" | null | undefined;
477
- template?: "plain" | "pill" | "card" | "underline" | "divided" | null | undefined;
480
+ template?: "plain" | "pill" | "card" | "underline" | "divided" | "floating" | "boxed" | "tracked" | null | undefined;
478
481
  links?: {
479
482
  label: string;
480
483
  action: {
@@ -545,9 +548,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
545
548
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
546
549
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
547
550
  accent_color?: string | null | undefined;
548
- hover?: "none" | "lift" | "grow" | "fade" | null | undefined;
551
+ hover?: "none" | "lift" | "grow" | "fade" | "tilt" | "glow" | "sink" | null | undefined;
552
+ scroll?: "none" | "rise" | "drift" | "zoom" | null | undefined;
549
553
  animation?: {
550
- type?: "left" | "right" | "none" | "fade" | "up" | "down" | "zoom" | null | undefined;
554
+ type?: "blur" | "left" | "right" | "none" | "fade" | "zoom" | "up" | "down" | "reveal" | null | undefined;
551
555
  delay?: number | null | undefined;
552
556
  duration?: number | null | undefined;
553
557
  } | null | undefined;
@@ -612,9 +616,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
612
616
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
613
617
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
614
618
  accent_color?: string | null | undefined;
615
- hover?: "none" | "lift" | "grow" | "fade" | null | undefined;
619
+ hover?: "none" | "lift" | "grow" | "fade" | "tilt" | "glow" | "sink" | null | undefined;
620
+ scroll?: "none" | "rise" | "drift" | "zoom" | null | undefined;
616
621
  animation?: {
617
- type?: "left" | "right" | "none" | "fade" | "up" | "down" | "zoom" | null | undefined;
622
+ type?: "blur" | "left" | "right" | "none" | "fade" | "zoom" | "up" | "down" | "reveal" | null | undefined;
618
623
  delay?: number | null | undefined;
619
624
  duration?: number | null | undefined;
620
625
  } | null | undefined;
@@ -695,9 +700,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
695
700
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
696
701
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
697
702
  accent_color?: string | null | undefined;
698
- hover?: "none" | "lift" | "grow" | "fade" | null | undefined;
703
+ hover?: "none" | "lift" | "grow" | "fade" | "tilt" | "glow" | "sink" | null | undefined;
704
+ scroll?: "none" | "rise" | "drift" | "zoom" | null | undefined;
699
705
  animation?: {
700
- type?: "left" | "right" | "none" | "fade" | "up" | "down" | "zoom" | null | undefined;
706
+ type?: "blur" | "left" | "right" | "none" | "fade" | "zoom" | "up" | "down" | "reveal" | null | undefined;
701
707
  delay?: number | null | undefined;
702
708
  duration?: number | null | undefined;
703
709
  } | null | undefined;
@@ -723,7 +729,7 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
723
729
  multiple?: boolean | null | undefined;
724
730
  brand?: string | null | undefined;
725
731
  layout?: "left" | "center" | "split" | null | undefined;
726
- template?: "plain" | "pill" | "card" | "underline" | "divided" | null | undefined;
732
+ template?: "plain" | "pill" | "card" | "underline" | "divided" | "floating" | "boxed" | "tracked" | null | undefined;
727
733
  links?: {
728
734
  label: string;
729
735
  action: {
@@ -794,9 +800,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
794
800
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
795
801
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
796
802
  accent_color?: string | null | undefined;
797
- hover?: "none" | "lift" | "grow" | "fade" | null | undefined;
803
+ hover?: "none" | "lift" | "grow" | "fade" | "tilt" | "glow" | "sink" | null | undefined;
804
+ scroll?: "none" | "rise" | "drift" | "zoom" | null | undefined;
798
805
  animation?: {
799
- type?: "left" | "right" | "none" | "fade" | "up" | "down" | "zoom" | null | undefined;
806
+ type?: "blur" | "left" | "right" | "none" | "fade" | "zoom" | "up" | "down" | "reveal" | null | undefined;
800
807
  delay?: number | null | undefined;
801
808
  duration?: number | null | undefined;
802
809
  } | null | undefined;
@@ -861,9 +868,10 @@ export declare function createEditor({ client, i18n }: EditorDeps): {
861
868
  overflow?: "visible" | "hidden" | "scroll-x" | "scroll-y" | null | undefined;
862
869
  visible_on?: "desktop" | "mobile" | "all" | null | undefined;
863
870
  accent_color?: string | null | undefined;
864
- hover?: "none" | "lift" | "grow" | "fade" | null | undefined;
871
+ hover?: "none" | "lift" | "grow" | "fade" | "tilt" | "glow" | "sink" | null | undefined;
872
+ scroll?: "none" | "rise" | "drift" | "zoom" | null | undefined;
865
873
  animation?: {
866
- type?: "left" | "right" | "none" | "fade" | "up" | "down" | "zoom" | null | undefined;
874
+ type?: "blur" | "left" | "right" | "none" | "fade" | "zoom" | "up" | "down" | "reveal" | null | undefined;
867
875
  delay?: number | null | undefined;
868
876
  duration?: number | null | undefined;
869
877
  } | null | undefined;
package/dist/types/ui/ImageField.vue.d.ts CHANGED
@@ -20,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
20
20
  "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
21
21
  }>, {
22
22
  url: boolean;
23
- thumb: "icon" | "wide";
23
+ thumb: "wide" | "icon";
24
24
  choose: string;
25
25
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
26
26
  declare const _default: typeof __VLS_export;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skylivellc/lienzo-editor",
3
- "version": "0.4.0",
3
+ "version": "0.6.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.4.0"
47
+ "@skylivellc/lienzo-core": "0.6.0"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@playwright/test": "1.63.0",