@social-mail/social-mail-client 1.8.76 → 1.8.78

package/dist/site-editor/suggestions/properties/animations/key-frames/fade/fade-in.js

@@ -1,10 +1,25 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var fadeIn;
+  var CSSBuilder, move, animation, keyFrame, transitionTimingFunction, opacity, transform, translate3d, perc, vh, vw, px, fadeIn, fadeIns;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
+      ({
+        move,
+        animation,
+        keyFrame,
+        transitionTimingFunction,
+        opacity,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
       _export("fadeIn", fadeIn = {
         title: "fade-in",
         keyFrames: [{
@@ -13,6 +28,7 @@ System.register([], function (_export, _context) {
           opacity: 1
         }]
       });
+      _export("fadeIns", fadeIns = move("fade-in", "from", (title, direction, x, y, z) => animation(title, keyFrame(0, opacity(0.3), direction && translate3d(x, y, z)), keyFrame(100, opacity(1), direction && translate3d()))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/fade/fade-in.js.map

@@ -1 +1 @@
-{"version":3,"names":["fadeIn","title","keyFrames","opacity"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/fade/fade-in.ts"],"sourcesContent":[null],"mappings":";;;;;;;wBAAaA,MAAM,GAAG;QAClBC,KAAK,EAAE,SAAS;QAChBC,SAAS,EAAE,CACP;UACIC,OAAO,EAAE;SACZ,EACD;UACIA,OAAO,EAAE;SACZ;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","transitionTimingFunction","opacity","transform","translate3d","perc","vh","vw","px","_export","fadeIn","title","keyFrames","fadeIns","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/fade/fade-in.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,wBAAwB;QAAEC,OAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGb,UAAU;MAAAc,OAAA,WAEhHC,MAAM,GAAG;QAClBC,KAAK,EAAE,SAAS;QAChBC,SAAS,EAAE,CACP;UACIV,OAAO,EAAE;SACZ,EACD;UACIA,OAAO,EAAE;SACZ;OAER;MAAAO,OAAA,YAEYI,OAAO,GAAGf,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAACa,KAAK,EAAEG,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACrElB,SAAS,CAACY,KAAK,EACXX,QAAQ,CAAC,CAAC,EACNE,OAAO,CAAC,GAAG,CAAC,EACZY,SAAS,IAAIV,WAAW,CAACW,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,EACDjB,QAAQ,CAAC,GAAG,EACRE,OAAO,CAAC,CAAC,CAAC,EACVY,SAAS,IAAIV,WAAW,EAAE,CAC7B,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.d.ts

@@ -1,7 +1,2 @@
-export declare const fadeOut: {
-    title: string;
-    keyFrames: {
-        opacity: number;
-    }[];
-};
+export declare const fadeOuts: import("../css").IAnimation[];
 //# sourceMappingURL=fade-out.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fade-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAUnB,CAAC"}
+{"version":3,"file":"fade-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+BAWpB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.js

@@ -1,18 +1,26 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var fadeOut;
+  var CSSBuilder, move, animation, keyFrame, transitionTimingFunction, opacity, transform, translate3d, perc, vh, vw, px, fadeOuts;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
-      _export("fadeOut", fadeOut = {
-        title: "fade-out",
-        keyFrames: [{
-          opacity: 1
-        }, {
-          opacity: 0.3
-        }]
-      });
+      ({
+        move,
+        animation,
+        keyFrame,
+        transitionTimingFunction,
+        opacity,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("fadeOuts", fadeOuts = move("fade-out", "to", (title, direction, x, y, z) => animation(title, keyFrame(0, opacity(1), direction && translate3d()), keyFrame(100, opacity(0.3), direction && translate3d(x, y, z)))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.js.map

@@ -1 +1 @@
-{"version":3,"names":["fadeOut","title","keyFrames","opacity"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.ts"],"sourcesContent":[null],"mappings":";;;;;;;yBAAaA,OAAO,GAAG;QACnBC,KAAK,EAAE,UAAU;QACjBC,SAAS,EAAE,CACP;UACIC,OAAO,EAAE;SACZ,EACD;UACIA,OAAO,EAAE;SACZ;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","transitionTimingFunction","opacity","transform","translate3d","perc","vh","vw","px","_export","fadeOuts","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/fade/fade-out.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,wBAAwB;QAAEC,OAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGb,UAAU;MAAAc,OAAA,aAEhHC,QAAQ,GAAGZ,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAACa,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACrEhB,SAAS,CAACY,KAAK,EACXX,QAAQ,CAAC,CAAC,EACNE,OAAO,CAAC,CAAC,CAAC,EACVU,SAAS,IAAIR,WAAW,EAAE,CAC7B,EACDJ,QAAQ,CAAC,GAAG,EACRE,OAAO,CAAC,GAAG,CAAC,EACZU,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.d.ts

@@ -1,7 +1,2 @@
-export declare const rotateIn: {
-    title: string;
-    keyFrames: {
-        rotate: string;
-    }[];
-};
+export declare const rotateIns: import("../css").IAnimation[];
 //# sourceMappingURL=rotate-in.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rotate-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;CAUpB,CAAC"}
+{"version":3,"file":"rotate-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,+BAWrB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.js

@@ -1,18 +1,27 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var rotateIn;
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, opacity, transform, translate3d, perc, vh, vw, px, rotateIns;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
-      _export("rotateIn", rotateIn = {
-        title: "rotate-in",
-        keyFrames: [{
-          rotate: "180deg"
-        }, {
-          rotate: "0deg"
-        }]
-      });
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        opacity,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("rotateIns", rotateIns = move("rotate-in", "from", (title, direction, x, y, z) => animation(title, keyFrame(0, rotate(deg(180)), direction && translate3d(x, y, z)), keyFrame(100, rotate(), direction && translate3d(x, y, z)))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.js.map

@@ -1 +1 @@
-{"version":3,"names":["rotateIn","title","keyFrames","rotate"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.ts"],"sourcesContent":[null],"mappings":";;;;;;;0BAAaA,QAAQ,GAAG;QACpBC,KAAK,EAAE,WAAW;QAClBC,SAAS,EAAE,CACP;UACIC,MAAM,EAAE;SACX,EACD;UACIA,MAAM,EAAE;SACX;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","opacity","transform","translate3d","perc","vh","vw","px","_export","rotateIns","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-in.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,OAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,cAEnGC,SAAS,GAAGb,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACzEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNC,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC,CAAC,EAChBW,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,EACDhB,QAAQ,CAAC,GAAG,EACRC,MAAM,EAAE,EACRY,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.d.ts

@@ -1,7 +1,2 @@
-export declare const rotateOut: {
-    title: string;
-    keyFrames: {
-        rotate: string;
-    }[];
-};
+export declare const rotateOuts: import("../css").IAnimation[];
 //# sourceMappingURL=rotate-out.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rotate-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;CAUrB,CAAC"}
+{"version":3,"file":"rotate-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+BAWtB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.js

@@ -1,18 +1,27 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var rotateOut;
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, opacity, transform, translate3d, perc, vh, vw, px, rotateOuts;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
-      _export("rotateOut", rotateOut = {
-        title: "rotate-out",
-        keyFrames: [{
-          rotate: "0deg"
-        }, {
-          rotate: "180deg"
-        }]
-      });
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        opacity,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("rotateOuts", rotateOuts = move("rotate-out", "to", (title, direction, x, y, z) => animation(title, keyFrame(0, rotate(), direction && transform()), keyFrame(100, rotate(180), direction && translate3d(x, y, z)))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.js.map

@@ -1 +1 @@
-{"version":3,"names":["rotateOut","title","keyFrames","rotate"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.ts"],"sourcesContent":[null],"mappings":";;;;;;;2BAAaA,SAAS,GAAG;QACrBC,KAAK,EAAE,YAAY;QACnBC,SAAS,EAAE,CACP;UACIC,MAAM,EAAE;SACX,EACD;UACIA,MAAM,EAAE;SACX;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","opacity","transform","translate3d","perc","vh","vw","px","_export","rotateOuts","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/rotate/rotate-out.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,OAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,eAEnGC,UAAU,GAAGb,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACzEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNC,MAAM,EAAE,EACRY,SAAS,IAAIT,SAAS,EAAE,CAC3B,EACDJ,QAAQ,CAAC,GAAG,EACRC,MAAM,CAAC,GAAG,CAAC,EACXY,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.d.ts

@@ -1,7 +1,2 @@
-export declare const scaleIn: {
-    title: string;
-    keyFrames: {
-        scale: number;
-    }[];
-};
+export declare const scaleIns: import("../css").IAnimation[];
 //# sourceMappingURL=scale-in.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAUnB,CAAC"}
+{"version":3,"file":"scale-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+BAWpB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.js

@@ -1,18 +1,27 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var scaleIn;
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, scaleIns;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
-      _export("scaleIn", scaleIn = {
-        title: "scale-in",
-        keyFrames: [{
-          scale: 2
-        }, {
-          scale: 1
-        }]
-      });
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("scaleIns", scaleIns = move("scale-in", "from", (title, direction, x, y, z) => animation(title, keyFrame(0, scale(2), direction && translate3d(x, y, z)), keyFrame(100, scale(1), direction && translate3d()))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.js.map

@@ -1 +1 @@
-{"version":3,"names":["scaleIn","title","keyFrames","scale"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.ts"],"sourcesContent":[null],"mappings":";;;;;;;yBAAaA,OAAO,GAAG;QACnBC,KAAK,EAAE,UAAU;QACjBC,SAAS,EAAE,CACP;UACIC,KAAK,EAAE;SACV,EACD;UACIA,KAAK,EAAE;SACV;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","scaleIns","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-in.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,aAEjGC,QAAQ,GAAGb,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACvEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNG,KAAK,CAAC,CAAC,CAAC,EACRU,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,EACDhB,QAAQ,CAAC,GAAG,EACRG,KAAK,CAAC,CAAC,CAAC,EACRU,SAAS,IAAIR,WAAW,EAAE,CAC7B,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.d.ts

@@ -1,7 +1,2 @@
-export declare const scaleOut: {
-    title: string;
-    keyFrames: {
-        scale: number;
-    }[];
-};
+export declare const scaleOuts: import("../css").IAnimation[];
 //# sourceMappingURL=scale-out.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;CAUpB,CAAC"}
+{"version":3,"file":"scale-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,+BAWrB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.js

@@ -1,18 +1,27 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var scaleOut;
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, scaleOuts;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
-      _export("scaleOut", scaleOut = {
-        title: "scale-out",
-        keyFrames: [{
-          scale: 1
-        }, {
-          scale: 2
-        }]
-      });
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("scaleOuts", scaleOuts = move("scale-out", "to", (title, direction, x, y, z) => animation(title, keyFrame(0, scale(1), direction && transform()), keyFrame(100, scale(2), direction && translate3d(x, y, z)))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.js.map

@@ -1 +1 @@
-{"version":3,"names":["scaleOut","title","keyFrames","scale"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.ts"],"sourcesContent":[null],"mappings":";;;;;;;0BAAaA,QAAQ,GAAG;QACpBC,KAAK,EAAE,WAAW;QAClBC,SAAS,EAAE,CACP;UACIC,KAAK,EAAE;SACV,EACD;UACIA,KAAK,EAAE;SACV;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","scaleOuts","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/scale/scale-out.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,cAEjGC,SAAS,GAAGb,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACvEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNG,KAAK,CAAC,CAAC,CAAC,EACRU,SAAS,IAAIT,SAAS,EAAE,CAC3B,EACDJ,QAAQ,CAAC,GAAG,EACRG,KAAK,CAAC,CAAC,CAAC,EACRU,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-in.d.ts

@@ -0,0 +1,2 @@
+export declare const slideIns: import("../css").IAnimation[];
+//# sourceMappingURL=slide-in.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/slide/slide-in.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+BASpB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-in.js

@@ -0,0 +1,28 @@
+System.register(["../css"], function (_export, _context) {
+  "use strict";
+
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, slideIns;
+  return {
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
+    execute: function () {
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("slideIns", slideIns = move("slide-in", "from", (title, direction, x, y, z) => animation(title, keyFrame(0, direction && translate3d(x, y, z)), keyFrame(100, direction && translate3d()))));
+    }
+  };
+});
+//# sourceMappingURL=slide-in.js.map

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-in.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","slideIns","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/slide/slide-in.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,aAEjGC,QAAQ,GAAGb,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACvEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNa,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,EACDhB,QAAQ,CAAC,GAAG,EACRa,SAAS,IAAIR,WAAW,EAAE,CAC7B,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-out.d.ts

@@ -0,0 +1,2 @@
+export declare const slideOuts: import("../css").IAnimation[];
+//# sourceMappingURL=slide-out.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-out.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/slide/slide-out.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,+BASrB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-out.js

@@ -0,0 +1,28 @@
+System.register(["../css"], function (_export, _context) {
+  "use strict";
+
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, slideOuts;
+  return {
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
+    execute: function () {
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("slideOuts", slideOuts = move("slide-out", "to", (title, direction, x, y, z) => animation(title, keyFrame(0, direction && transform()), keyFrame(100, direction && translate3d(x, y, z)))));
+    }
+  };
+});
+//# sourceMappingURL=slide-out.js.map

package/dist/site-editor/suggestions/properties/animations/key-frames/slide/slide-out.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","slideOuts","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/slide/slide-out.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,cAEjGC,SAAS,GAAGb,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACvEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNa,SAAS,IAAIT,SAAS,EAAE,CAC3B,EACDJ,QAAQ,CAAC,GAAG,EACRa,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-in.d.ts

@@ -0,0 +1,2 @@
+export declare const slideIns: import("../css").IAnimation[];
+//# sourceMappingURL=speed-in.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speed-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/speed/speed-in.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+BAcnB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-in.js

@@ -0,0 +1,33 @@
+System.register(["../css"], function (_export, _context) {
+  "use strict";
+
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, slideIns;
+  return {
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
+    execute: function () {
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("slideIns", slideIns = move("slide-in", "from", (title, direction, x, y, z) => {
+        if (!direction) {
+          return void 0;
+        }
+        return animation(title, keyFrame(0, translate3d(x, y, z)), keyFrame(100, translate3d()));
+      }));
+    }
+  };
+});
+//# sourceMappingURL=speed-in.js.map

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-in.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","slideIns","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/speed/speed-in.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,aAEjGC,QAAQ,GAAGb,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KAAI;QAE3E,IAAI,CAACH,SAAS,EAAE;UACZ,OAAO,KAAK,CAAC;;QAGjB,OAAOd,SAAS,CAACa,KAAK,EAClBZ,QAAQ,CAAC,CAAC,EACNK,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACvB,EACDhB,QAAQ,CAAC,GAAG,EACRK,WAAW,EAAE,CAChB,CACJ;MACL,CAAC,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-out.d.ts

@@ -0,0 +1,2 @@
+export declare const slideOuts: import("../css").IAnimation[];
+//# sourceMappingURL=speed-out.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-out.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speed-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/speed/speed-out.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,+BASrB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-out.js

@@ -0,0 +1,28 @@
+System.register(["../css"], function (_export, _context) {
+  "use strict";
+
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, slideOuts;
+  return {
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
+    execute: function () {
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("slideOuts", slideOuts = move("slide-out", "to", (title, direction, x, y, z) => animation(title, keyFrame(0, direction && transform()), keyFrame(100, direction && translate3d(x, y, z)))));
+    }
+  };
+});
+//# sourceMappingURL=speed-out.js.map

package/dist/site-editor/suggestions/properties/animations/key-frames/speed/speed-out.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","slideOuts","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/speed/speed-out.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,cAEjGC,SAAS,GAAGb,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACvEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNa,SAAS,IAAIT,SAAS,EAAE,CAC3B,EACDJ,QAAQ,CAAC,GAAG,EACRa,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.d.ts

@@ -1,7 +1,2 @@
-export declare const zoomIn: {
-    title: string;
-    keyFrames: {
-        scale: number;
-    }[];
-};
+export declare const zoomIns: import("../css").IAnimation[];
 //# sourceMappingURL=zoom-in.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;CAUlB,CAAC"}
+{"version":3,"file":"zoom-in.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+BAWnB,CAAC"}

package/dist/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.js

@@ -1,18 +1,27 @@
-System.register([], function (_export, _context) {
+System.register(["../css"], function (_export, _context) {
   "use strict";
 
-  var zoomIn;
+  var CSSBuilder, move, animation, keyFrame, rotate, deg, scale, transform, translate3d, perc, vh, vw, px, zoomIns;
   return {
-    setters: [],
+    setters: [function (_css) {
+      CSSBuilder = _css.CSSBuilder;
+    }],
     execute: function () {
-      _export("zoomIn", zoomIn = {
-        title: "zoom-in",
-        keyFrames: [{
-          scale: 0.3
-        }, {
-          scale: 1
-        }]
-      });
+      ({
+        move,
+        animation,
+        keyFrame,
+        rotate,
+        deg,
+        scale,
+        transform,
+        translate3d,
+        perc,
+        vh,
+        vw,
+        px
+      } = CSSBuilder);
+      _export("zoomIns", zoomIns = move("zoom-in", "from", (title, direction, x, y, z) => animation(title, keyFrame(0, scale(0.3), direction && translate3d(x, y, z)), keyFrame(100, scale(1), direction && translate3d()))));
     }
   };
 });

package/dist/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.js.map

@@ -1 +1 @@
-{"version":3,"names":["zoomIn","title","keyFrames","scale"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.ts"],"sourcesContent":[null],"mappings":";;;;;;;wBAAaA,MAAM,GAAG;QAClBC,KAAK,EAAE,SAAS;QAChBC,SAAS,EAAE,CACP;UACIC,KAAK,EAAE;SACV,EACD;UACIA,KAAK,EAAE;SACV;OAER;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CSSBuilder","_css","execute","move","animation","keyFrame","rotate","deg","scale","transform","translate3d","perc","vh","vw","px","_export","zoomIns","title","direction","x","y","z"],"sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-in.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,UAAU,GAAAC,IAAA,CAAVD,UAAU;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAAA,CAEb;QAAEC,IAAI;QAAEC,SAAS;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,GAAG;QAAEC,KAAK;QAAEC,SAAS;QAAEC,WAAW;QAAEC,IAAI;QAAEC,EAAE;QAAEC,EAAE;QAAEC;MAAE,CAAE,GAAGd,UAAU;MAAAe,OAAA,YAEjGC,OAAO,GAAGb,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAACc,KAAK,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KACrEjB,SAAS,CAACa,KAAK,EACXZ,QAAQ,CAAC,CAAC,EACNG,KAAK,CAAC,GAAG,CAAC,EACVU,SAAS,IAAIR,WAAW,CAACS,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CACpC,EACDhB,QAAQ,CAAC,GAAG,EACRG,KAAK,CAAC,CAAC,CAAC,EACRU,SAAS,IAAIR,WAAW,EAAE,CAC7B,CACJ,CACJ;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-out.d.ts

@@ -1,7 +1,2 @@
-export declare const zoomOut: {
-    title: string;
-    keyFrames: {
-        scale: number;
-    }[];
-};
+export declare const zoomOuts: import("../css").IAnimation[];
 //# sourceMappingURL=zoom-out.d.ts.map

package/dist/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-out.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-out.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAUnB,CAAC"}
+{"version":3,"file":"zoom-out.d.ts","sourceRoot":"","sources":["../../../../../../../src/site-editor/suggestions/properties/animations/key-frames/zoom/zoom-out.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+BAWpB,CAAC"}