@social-mail/social-mail-client 1.8.229 → 1.8.230

package/dist/site-editor/properties/controls/PropertyEditor.local.css

@@ -1,2 +1,2 @@
-body[show-only=all] [data-item-property*=desktop],body[show-only=all] [data-item-property*=tablet],body[show-only=desktop] [data-item-property*=all],body[show-only=desktop] [data-item-property*=tablet],body[show-only=tablet] [data-item-property*=all],body[show-only=tablet] [data-item-property*=desktop]{display:none}[data-element=property-editor]{align-items:center;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;justify-items:stretch;max-width:200px;row-gap:5px}[data-element=property-editor]>*{width:100%}[data-element=property-editor]>label{grid-column:1;grid-row:1}[data-element=property-editor]>[data-element=editor]{grid-column:1;grid-row:2}[data-element=property-editor]>[data-element=custom]{grid-column:1;grid-row:3}[data-element=property-editor]>[data-element=action-button]{cursor:pointer;grid-column:2;grid-row:2;margin-left:5px}[data-element=property-editor]>[data-element=label]{font-size:small}[data-element=property-editor][data-group-end]{border-bottom:1px solid #d3d3d3;padding-bottom:10px}[data-element=property-editor] select{background-color:#e7e7e775;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=property-editor]:not([data-custom=true])>[data-element=custom],[data-element=property-editor]:not([has-value]) .clear-value,[data-element=property-editor][has-value=false] .clear-value{display:none}[data-element=property-editor][has-value=true]>label{color:blue;font-weight:700}[data-element=property-editor][has-value=true]>label .clear-value{color:red;cursor:pointer}[data-element=expander-property-editor]{border-bottom:1px solid #a0a0a050}[data-element=expander-property-editor] select{background-color:#e7e7e734;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=expander-property-editor] [data-layout=vertical-flex-stretch-items]{padding-left:0;padding-right:0}[data-element=expander-property-editor]:has([data-element=detail]>[data-element=property-editor][has-value=true])>label{color:blue;font-weight:700}
+body[show-only=all] [data-item-property*=desktop],body[show-only=all] [data-item-property*=tablet],body[show-only=desktop] [data-item-property*=all],body[show-only=desktop] [data-item-property*=tablet],body[show-only=tablet] [data-item-property*=all],body[show-only=tablet] [data-item-property*=desktop]{display:none}[data-element=property-editor]{align-items:center;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;justify-items:stretch;max-width:200px;row-gap:5px}[data-element=property-editor] [data-break=ellipses]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-element=property-editor]>*{width:100%}[data-element=property-editor]>label{grid-column:1;grid-row:1}[data-element=property-editor]>[data-element=editor]{grid-column:1;grid-row:2}[data-element=property-editor]>[data-element=custom]{grid-column:1;grid-row:3}[data-element=property-editor]>[data-element=action-button]{cursor:pointer;grid-column:2;grid-row:2;margin-left:5px}[data-element=property-editor]>[data-element=label]{font-size:small}[data-element=property-editor][data-group-end]{border-bottom:1px solid #d3d3d3;padding-bottom:10px}[data-element=property-editor] select{background-color:#e7e7e775;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=property-editor]:not([data-custom=true])>[data-element=custom],[data-element=property-editor]:not([has-value]) .clear-value,[data-element=property-editor][has-value=false] .clear-value{display:none}[data-element=property-editor][has-value=true]>label{color:blue;font-weight:700}[data-element=property-editor][has-value=true]>label .clear-value{color:red;cursor:pointer}[data-element=expander-property-editor]{border-bottom:1px solid #a0a0a050}[data-element=expander-property-editor] select{background-color:#e7e7e734;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=expander-property-editor] [data-layout=vertical-flex-stretch-items]{padding-left:0;padding-right:0}[data-element=expander-property-editor]:has([data-element=detail]>[data-element=property-editor][has-value=true])>label{color:blue;font-weight:700}
 /*# sourceMappingURL=PropertyEditor.local.css.map */

package/dist/site-editor/properties/controls/PropertyEditor.local.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/site-editor/properties/controls/PropertyEditor.local.css"],"names":[],"mappings":"AAaI,gTACI,YACJ,CAGJ,+BAKI,kBAAmB,CAJnB,YAAa,CACb,8BAA+B,CAC/B,iCAAkC,CAClC,qBAAsB,CAGtB,eAAgB,CADhB,WA+DJ,CA7DI,iCACI,UACJ,CACA,qCAEI,aAAc,CADd,UAEJ,CAEA,qDAEI,aAAc,CADd,UAEJ,CAEA,qDAEI,aAAc,CADd,UAEJ,CAEA,4DAII,cAAe,CAFf,aAAc,CADd,UAAW,CAEX,eAEJ,CAEA,oDACI,eACJ,CAEA,+CAEI,+BAAkC,CADlC,mBAEJ,CAEA,sCAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAMA,uMACI,YACJ,CAGI,qDAEI,UAAW,CADX,eAMJ,CAJI,kEACI,SAAU,CACV,cACJ,CAKZ,wCACI,iCAsBJ,CApBI,+CAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAEA,kFACI,cAAe,CACf,eACJ,CAGI,wHAEI,UAAW,CADX,eAEJ","file":"PropertyEditor.local.css"}
+{"version":3,"sources":["../../../../src/site-editor/properties/controls/PropertyEditor.local.css"],"names":[],"mappings":"AAaI,gTACI,YACJ,CAGJ,+BAKI,kBAAmB,CAJnB,YAAa,CACb,8BAA+B,CAC/B,iCAAkC,CAClC,qBAAsB,CAGtB,eAAgB,CADhB,WAuEJ,CAnEI,qDAEI,eAAgB,CADhB,sBAAuB,CAEvB,kBACJ,CAEA,iCACI,UACJ,CACA,qCAEI,aAAc,CADd,UAEJ,CAEA,qDAEI,aAAc,CADd,UAEJ,CAEA,qDAEI,aAAc,CADd,UAEJ,CAEA,4DAII,cAAe,CAFf,aAAc,CADd,UAAW,CAEX,eAEJ,CAEA,oDACI,eACJ,CAEA,+CAEI,+BAAkC,CADlC,mBAEJ,CAEA,sCAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAMA,uMACI,YACJ,CAGI,qDAEI,UAAW,CADX,eAMJ,CAJI,kEACI,SAAU,CACV,cACJ,CAKZ,wCACI,iCAsBJ,CApBI,+CAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAEA,kFACI,cAAe,CACf,eACJ,CAGI,wHAEI,UAAW,CADX,eAEJ","file":"PropertyEditor.local.css"}

package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.d.ts

@@ -4,18 +4,11 @@ export default class AnimationChooser extends PopupWindowPage<{
     name: string;
     element: HTMLElement;
 }> {
-    selectedAnimation: string;
-    selectedDirection: string;
-    selectedPoint: string;
-    targetElement: HTMLIFrameElement;
-    root: ShadowRoot;
-    animationName: string;
-    srcElement: HTMLElement;
-    afterInit: Promise<void>;
+    selectedType: string;
     init(): Promise<void>;
-    choose(): string;
-    playAnimation(): void;
-    updateAnimationName(...a: any[]): void;
-    updateContent(html: string): Promise<void>;
+    updateBody(): void;
+    choose({ animationName }: {
+        animationName: any;
+    }): any;
 }
 //# sourceMappingURL=AnimationChooser.d.ts.map

package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationChooser.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAEpF,OAAO,+BAA+B,CAAC;AA4CvC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,eAAe,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;IAEjG,iBAAiB,SAAW;IAC5B,iBAAiB,SAAM;IACvB,aAAa,SAAM;IAEnB,aAAa,EAAE,iBAAiB,CAAC;IACjC,IAAI,EAAE,UAAU,CAAC;IAEjB,aAAa,SAAW;IACxB,UAAU,EAAE,WAAW,CAAC;IAExB,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnB,IAAI;IAkGV,MAAM;IAKN,aAAa;IAIb,mBAAmB,CAAC,GAAI,CAAC,EAAE,GAAG,EAAE;IAwE1B,aAAa,CAAC,IAAI,EAAE,MAAM;CAUnC"}
+{"version":3,"file":"AnimationChooser.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AASpF,OAAO,+BAA+B,CAAC;AAQvC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,eAAe,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;IAEjG,YAAY,SAAY;IAElB,IAAI;IA0BV,UAAU;IAkBV,MAAM,CAAC,EAAE,aAAa,EAAE;;KAAA;CAI3B"}

package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.global.css

@@ -1,2 +1,2 @@
-.animation-chooser-page main{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.animation-chooser-page main>header{grid-column:2;grid-row:1}.animation-chooser-page main>aside.left{grid-column:1;grid-row:1/span 2;overflow:auto;width:100px}.animation-chooser-page main>aside.left>div{display:flex;flex-direction:column;gap:5px}.animation-chooser-page main>aside.left>div>label{cursor:pointer;padding:5px}.animation-chooser-page main>aside.left>div>label[data-selected-item]{background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}.animation-chooser-page main>aside.right{grid-column:3;grid-row:1/span 2;overflow:auto;width:100px}.animation-chooser-page main>aside.right>div{display:flex;flex-direction:column;gap:5px}.animation-chooser-page main>aside.right>div>label{cursor:pointer;padding:5px}.animation-chooser-page main>aside.right>div>label[data-selected-item]{background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}.animation-chooser-page main>iframe{grid-column:2;grid-row:2;min-height:500px;min-width:500px}.animation-chooser-page main>footer{align-content:center;display:flex;flex-direction:row;gap:5px;grid-column:1/span 3;grid-row:3}.animation-chooser-page main>footer .play{margin-left:auto}
+.animation-chooser-page [data-window-element=content]>*{height:600px;width:750px}
 /*# sourceMappingURL=AnimationChooser.global.css.map */

package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.global.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.global.css"],"names":[],"mappings":"AACI,6BACI,YAAa,CACb,mCAAoC,CACpC,gCAkEJ,CAhEI,oCAEI,aAAc,CADd,UAEJ,CAEA,wCAEI,aAAc,CADd,iBAAoB,CAEpB,aAAc,CACd,WAcJ,CAbI,4CACI,YAAa,CACb,qBAAsB,CACtB,OASJ,CARI,kDAEI,cAAe,CADf,WAMJ,CAJI,sEACI,iDAAmD,CACnD,+CACJ,CAKZ,yCAEI,aAAc,CADd,iBAAoB,CAEpB,aAAc,CACd,WAcJ,CAbI,6CACI,YAAa,CACb,qBAAsB,CACtB,OASJ,CARI,mDAEI,cAAe,CADf,WAMJ,CAJI,uEACI,iDAAmD,CACnD,+CACJ,CAKZ,oCAEI,aAAc,CADd,UAAW,CAGX,gBAAiB,CADjB,eAEJ,CAEA,oCAMI,oBAAqB,CAHrB,YAAa,CACb,kBAAmB,CACnB,OAAQ,CAHR,oBAAuB,CADvB,UASJ,CAHI,0CACI,gBACJ","file":"AnimationChooser.global.css"}
+{"version":3,"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.global.css"],"names":[],"mappings":"AAEQ,wDAEI,YAAa,CADb,WAEJ","file":"AnimationChooser.global.css"}

package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.js

@@ -1,242 +1,84 @@
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "./AnimationChooser.global.css", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/buttons/IconButton", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../suggestions/pair", "@web-atoms/web-controls/dist/basic/ButtonBar", "@web-atoms/core/dist/core/Bind", "../../../../common/PackageInfo", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/sleep", "./PromiseScope"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../suggestions/pair", "@web-atoms/web-controls/dist/basic/ButtonBar", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "./PresetAnimations", "./CustomAnimationEditor", "./AnimationChooser.global.css"], function (_export, _context) {
   "use strict";
 
-  var __addDisposableResource, __awaiter, __decorate, __disposeResources, __metadata, PopupWindowPage, XNode, PlayIconTextButton, SaveIconTextButton, AtomRepeater, pair, ButtonBar, Bind, packageVersion, Action, sleep, PromiseScope, AnimationChooser, animations, directions, points;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, pair, ButtonBar, Bind, Action, PresetAnimations, CustomAnimationEditor, AnimationChooser, types;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
-      __addDisposableResource = _tslib.__addDisposableResource;
       __awaiter = _tslib.__awaiter;
       __decorate = _tslib.__decorate;
-      __disposeResources = _tslib.__disposeResources;
       __metadata = _tslib.__metadata;
     }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
       PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
-    }, function (_AnimationChooserGlobalCss) {}, function (_webAtomsCoreDistCoreXNode) {
+    }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_commonControlsButtonsIconButton) {
-      PlayIconTextButton = _commonControlsButtonsIconButton.PlayIconTextButton;
-      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
-    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
-      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
     }, function (_suggestionsPair) {
       pair = _suggestionsPair.default;
     }, function (_webAtomsWebControlsDistBasicButtonBar) {
       ButtonBar = _webAtomsWebControlsDistBasicButtonBar.default;
     }, function (_webAtomsCoreDistCoreBind) {
       Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_commonPackageInfo) {
-      packageVersion = _commonPackageInfo.packageVersion;
     }, function (_webAtomsCoreDistViewModelAction) {
       Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_webAtomsCoreDistCoreSleep) {
-      sleep = _webAtomsCoreDistCoreSleep.default;
-    }, function (_PromiseScope) {
-      PromiseScope = _PromiseScope.default;
-    }],
+    }, function (_PresetAnimations) {
+      PresetAnimations = _PresetAnimations.default;
+    }, function (_CustomAnimationEditor) {
+      CustomAnimationEditor = _CustomAnimationEditor.default;
+    }, function (_AnimationChooserGlobalCss) {}],
     execute: function () {
-      animations = pair.from(["blur", "bounce", "fade", "rotate", "scale", "slide", "speed", "zoom"]);
-      directions = pair.from([{
-        label: "in",
-        value: "in"
-      }, "in-from", "in-from-far", {
-        label: "out",
-        value: "out"
-      }, "out-to", "out-to-far"]);
-      points = pair.from([{
-        label: "Center",
-        value: ""
-      }, "left", "right", "top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"]);
+      types = pair.from(["Preset", "Custom"]);
       _export("default", AnimationChooser = class AnimationChooser extends PopupWindowPage {
         constructor() {
           super(...arguments);
-          this.selectedAnimation = "slide";
-          this.selectedDirection = "";
-          this.selectedPoint = "";
-          this.animationName = "slide";
+          this.selectedType = "Preset";
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
             var _a;
-            const env_1 = {
-              stack: [],
-              error: void 0,
-              hasError: false
-            };
-            try {
-              const sp = __addDisposableResource(env_1, new PromiseScope(), false);
-              this.afterInit = sp.promise;
-              this.title = "Choose Animation";
-              const {
-                name,
-                element: srcElement
-              } = (_a = this.parameters) !== null && _a !== void 0 ? _a : {};
-              this.srcElement = srcElement;
-              if (name) {
-                this.animationName = name;
-                this.headerRenderer = () => XNode.create("div", null, "Existing animation is ", name);
-                for (const element of animations) {
-                  if (element.value && name.startsWith(element.value)) {
-                    this.selectedAnimation = element.value;
-                  }
-                }
-                for (const element of directions) {
-                  if (element.value && name.includes(element.value + "-")) {
-                    this.selectedDirection = element.value;
-                  }
-                }
-                for (const element of points) {
-                  if (element.value && name.endsWith("-" + element.value)) {
-                    this.selectedPoint = element.value;
-                  }
-                }
-              }
-              this.element.className = "animation-chooser-page";
-              this.renderer = XNode.create("div", null, XNode.create("main", null, XNode.create("header", null, XNode.create(ButtonBar, {
-                valuePath: x => x.value,
-                labelPath: x => x.label,
-                items: directions,
-                value: Bind.twoWaysImmediate(() => this.selectedDirection)
-              })), XNode.create("aside", {
-                class: "left"
-              }, XNode.create(AtomRepeater, {
-                allowMultipleSelection: false,
-                selectOnClick: true,
-                valuePath: x => x.value,
-                value: Bind.twoWaysImmediate(() => this.selectedAnimation),
-                itemRenderer: item => XNode.create("label", {
-                  text: item.label
-                }),
-                items: animations
-              })), XNode.create("aside", {
-                class: "right",
-                "style-display": Bind.oneWay(() => /(in|out)/i.test(this.selectedDirection))
-              }, XNode.create(AtomRepeater, {
-                allowMultipleSelection: false,
-                selectOnClick: true,
-                valuePath: x => x.value,
-                value: Bind.twoWaysImmediate(() => this.selectedPoint),
-                itemRenderer: item => XNode.create("label", {
-                  text: item.label
-                }),
-                items: points
-              })), XNode.create("iframe", {
-                class: "target",
-                "animation-name": Bind.oneWay((s, e) => this.updateAnimationName(e, this.selectedAnimation, this.selectedDirection, this.selectedPoint))
-              }), XNode.create("footer", null, XNode.create(SaveIconTextButton, {
-                "data-click-event": "apply-animation",
-                "style-display": Bind.oneWay(() => this.animationName ? true : false),
-                text: "Apply"
-              }), XNode.create(PlayIconTextButton, {
-                class: "play",
-                "data-click-event": "play-animation"
-              }))));
-              this.targetElement = this.element.querySelector(".target");
-              this.targetElement.setAttribute("sandbox", "allow-scripts");
-              yield sleep(100);
-              this.updateAnimationName();
-            } catch (e_1) {
-              env_1.error = e_1;
-              env_1.hasError = true;
-            } finally {
-              __disposeResources(env_1);
+            this.element.className = "animation-chooser-page";
+            const name = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.name;
+            if (/^\@/i.test(name)) {
+              this.selectedType = "Custom";
+              this.title = "Custom Animation";
+            } else {
+              this.title = name ? `Animation ${name}` : "Choose Animation";
             }
+            this.headerRenderer = () => XNode.create("div", {
+              "data-layout": "header-row"
+            }, XNode.create(ButtonBar, {
+              valuePath: x => x.value,
+              labelPath: x => x.label,
+              items: types,
+              value: Bind.twoWaysImmediate(() => this.selectedType),
+              "event-input": () => this.updateBody()
+            }));
+            this.updateBody();
           });
         }
-        choose() {
-          return this.animationName;
-        }
-        playAnimation() {
-          return this.updateAnimationName();
-        }
-        updateAnimationName(...a) {
-          const name = [this.selectedAnimation, this.selectedDirection, /from|to/i.test(this.selectedDirection) ? this.selectedPoint : ""].filter(x => x).join("-");
-          this.animationName = name;
-          let tag = "section";
-          let attributes = "";
-          if (/animated\-/i.test(this.srcElement.tagName)) {
-            tag = "animated-text";
-            attributes = `text-content="Animated"`;
+        updateBody() {
+          var _a, _b, _c, _d, _e;
+          if (this.selectedType === "Preset") {
+            this.renderer = XNode.create("div", null, XNode.create(PresetAnimations, {
+              srcElement: (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.element,
+              currentAnimationName: (_b = this.parameters) === null || _b === void 0 ? void 0 : _b.name
+            }));
+            return;
           }
-          const html = `<!DOCTYPE html>
-<html>
-<head>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@${packageVersion}/styler-lite/styler.css"/>
-<script src="https://cdn.jsdelivr.net/npm/@social-mail/web-components@latest/dist/main.js"></script>
-    <style>
-        html, body {
-            margin: 0;
-            padding: 0;
-            width: 100vw;
-            height: 100vh;
-        }
-        
-        main {
-            position: absolute;
-            left: 0;
-            right: 0;
-            top: 0;
-            bottom: 0;
-            overflow: hidden;
-            display: grid;
-            align-items: center;
-            justify-items: center;
-            align-content: center;
-            justify-content: center;
-        }
-
-        section {
-            display: block;
-            width: 100px;
-            height: 100px;
-            background-color: blue;
-            animation-delay: 1s;
-        }
-        
-        animated-text {
-            font-size: 40px;
-            animation-composition: add;
+          this.renderer = XNode.create("div", null, XNode.create(CustomAnimationEditor, {
+            srcElement: (_c = this.parameters) === null || _c === void 0 ? void 0 : _c.element,
+            code: /^\@/i.test((_e = (_d = this.parameters) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.trim()) ? this.parameters.name : ""
+          }));
         }
-    </style>
-</head>
-<body styler-expansion-enabled="true">
-     <main>
-        <${tag} styler-on-enter="${name}" styler-entered="yes" ${attributes}></${tag}>
-    </main>
-</body>
-</html>
-        `;
-          this.updateContent(html).catch(console.error);
-        }
-        updateContent(html) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const env_2 = {
-              stack: [],
-              error: void 0,
-              hasError: false
-            };
-            try {
-              const s = __addDisposableResource(env_2, new PromiseScope(), false);
-              const old = this.afterInit;
-              this.afterInit = s.promise;
-              yield old;
-              this.targetElement.srcdoc = html;
-            } catch (e_2) {
-              env_2.error = e_2;
-              env_2.hasError = true;
-            } finally {
-              __disposeResources(env_2);
-            }
-          });
+        choose({
+          animationName
+        }) {
+          return animationName;
         }
       });
       __decorate([Action({
         close: true,
         onEvent: "apply-animation"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], AnimationChooser.prototype, "choose", null);
-      __decorate([Action({
-        onEvent: "play-animation"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], AnimationChooser.prototype, "playAnimation", null);
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], AnimationChooser.prototype, "choose", null);
     }
   };
 });

package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimationChooser","animations","directions","points","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_AnimationChooserGlobalCss","_webAtomsCoreDistCoreXNode","XNode","default","_commonControlsButtonsIconButton","PlayIconTextButton","SaveIconTextButton","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","_suggestionsPair","pair","_webAtomsWebControlsDistBasicButtonBar","ButtonBar","_webAtomsCoreDistCoreBind","Bind","_commonPackageInfo","packageVersion","_webAtomsCoreDistViewModelAction","Action","_webAtomsCoreDistCoreSleep","sleep","_PromiseScope","PromiseScope","execute","from","label","value","constructor","selectedAnimation","selectedDirection","selectedPoint","animationName","init","sp","__addDisposableResource","env_1","afterInit","promise","title","name","element","srcElement","_a","parameters","headerRenderer","create","startsWith","includes","endsWith","className","renderer","valuePath","x","labelPath","items","twoWaysImmediate","class","allowMultipleSelection","selectOnClick","itemRenderer","item","text","oneWay","test","s","e","updateAnimationName","targetElement","querySelector","setAttribute","choose","playAnimation","a","filter","join","tag","attributes","tagName","html","updateContent","catch","console","error","env_2","old","srcdoc","__decorate","close","onEvent"],"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AnimationChooser","types","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_webAtomsCoreDistCoreXNode","XNode","default","_suggestionsPair","pair","_webAtomsWebControlsDistBasicButtonBar","ButtonBar","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistViewModelAction","Action","_PresetAnimations","PresetAnimations","_CustomAnimationEditor","CustomAnimationEditor","_AnimationChooserGlobalCss","execute","from","constructor","selectedType","init","element","className","name","_a","parameters","test","title","headerRenderer","create","valuePath","x","value","labelPath","label","items","twoWaysImmediate","event-input","updateBody","renderer","srcElement","currentAnimationName","_b","_c","code","_e","_d","trim","choose","animationName","__decorate","close","onEvent"],"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.d.ts

@@ -0,0 +1,21 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import "./CustomAnimationEditor.global.css";
+import MonacoService from "../../../../code-editor/MonacoService";
+export default class CustomAnimationEditor extends AtomControl {
+    code: string;
+    srcElement: HTMLElement;
+    editor: HTMLIFrameElement;
+    preview: HTMLIFrameElement;
+    editorService: MonacoService;
+    codeModel: monaco.editor.ITextModel;
+    afterInit: any;
+    constructor(app: any, e: any);
+    init(): Promise<void>;
+    choose(): void;
+    codeChanged({ code }: {
+        code: any;
+    }): void;
+    updateAnimationName(): void;
+    updateContent(html: string): Promise<void>;
+}
+//# sourceMappingURL=CustomAnimationEditor.d.ts.map

package/dist/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomAnimationEditor.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,oCAAoC,CAAC;AAE5C,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAUlE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,WAAW;IAGnD,IAAI,EAAE,MAAM,CAAC;IAGb,UAAU,EAAE,WAAW,CAAC;IAE/B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IACpC,SAAS,EAAE,GAAG,CAAC;gBAEH,GAAG,KAAA,EAAE,CAAC,KAAA;IAMZ,IAAI;IAgCV,MAAM;IAKN,WAAW,CAAC,EAAE,IAAI,EAAE;;KAAA;IAMpB,mBAAmB;IAqEb,aAAa,CAAC,IAAI,EAAE,MAAM;CASnC"}

package/dist/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.global.css

@@ -0,0 +1,2 @@
+.custom-animation-editor{display:grid;grid-template-columns:2fr auto 1fr;grid-template-rows:1fr auto}.custom-animation-editor iframe{border:none;height:100%;outline:none;width:100%}.custom-animation-editor .editor{grid-column:1}.custom-animation-editor .preview{grid-column:3}.custom-animation-editor .apply{grid-column:1;grid-row:2}.custom-animation-editor .play{align-content:end;display:flex;flex-direction:row;grid-column:3;grid-row:2;justify-content:end}
+/*# sourceMappingURL=CustomAnimationEditor.global.css.map */

package/dist/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.global.css"],"names":[],"mappings":"AAAA,yBACI,YAAa,CACb,kCAAmC,CACnC,2BAiCJ,CA/BI,gCACI,WAAY,CAGZ,WAAY,CAFZ,YAAa,CACb,UAEJ,CAEA,iCACI,aACJ,CAEA,kCACI,aACJ,CAEA,gCACI,aAAc,CACd,UACJ,CAGA,+BAGI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAJnB,aAAc,CACd,UAAW,CAIX,mBACJ","file":"CustomAnimationEditor.global.css"}

package/dist/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.js

@@ -0,0 +1,177 @@
+System.register(["tslib", "@web-atoms/core/dist/web/controls/AtomControl", "./CustomAnimationEditor.global.css", "@web-atoms/core/dist/core/BindableProperty", "../../../../code-editor/MonacoService", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "./PromiseScope", "../../../../common/PackageInfo", "../../../../common/controls/buttons/IconButton"], function (_export, _context) {
+  "use strict";
+
+  var __addDisposableResource, __awaiter, __decorate, __disposeResources, __metadata, AtomControl, BindableProperty, MonacoService, XNode, Action, PromiseScope, packageVersion, PlayIconTextButton, SaveIconTextButton, CustomAnimationEditor, animationNameID;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __addDisposableResource = _tslib.__addDisposableResource;
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __disposeResources = _tslib.__disposeResources;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_CustomAnimationEditorGlobalCss) {}, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_codeEditorMonacoService) {
+      MonacoService = _codeEditorMonacoService.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_PromiseScope) {
+      PromiseScope = _PromiseScope.default;
+    }, function (_commonPackageInfo) {
+      packageVersion = _commonPackageInfo.packageVersion;
+    }, function (_commonControlsButtonsIconButton) {
+      PlayIconTextButton = _commonControlsButtonsIconButton.PlayIconTextButton;
+      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
+    }],
+    execute: function () {
+      animationNameID = Date.now();
+      _export("default", CustomAnimationEditor = class CustomAnimationEditor extends AtomControl {
+        constructor(app, e) {
+          super(app, e);
+          this.element.classList.add("custom-animation-editor");
+          this.pushInit();
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.code || (this.code = "@keyframes name \n{\n}");
+            if (!/^\@/i.test(this.code.trim())) {
+              this.code = "@keyframes name \n{\n}";
+            }
+            this.render(XNode.create("div", null, XNode.create("iframe", {
+              class: "editor"
+            }), XNode.create("iframe", {
+              class: "preview"
+            }), XNode.create("div", {
+              class: "apply"
+            }, XNode.create(SaveIconTextButton, {
+              "data-click-event": "save-animation",
+              text: "Apply"
+            })), XNode.create("div", {
+              class: "play"
+            }, XNode.create(PlayIconTextButton, {
+              "data-click-event": "play-animation"
+            }))));
+            this.editor = this.element.querySelector(".editor");
+            this.preview = this.element.querySelector(".preview");
+            this.editorService = yield MonacoService.createEditor(this, this.editor);
+            this.codeModel = this.editorService.setCodeModel(this, this.code, "http://a.com/code.css");
+            this.updateAnimationName();
+          });
+        }
+        choose() {
+          this.element.dispatchEvent(new CustomEvent("applyAnimation", {
+            bubbles: true,
+            detail: {
+              animationName: this.code
+            }
+          }));
+        }
+        codeChanged({
+          code
+        }) {
+          this.code = code;
+          this.updateAnimationName();
+        }
+        updateAnimationName() {
+          let tag = "section";
+          let attributes = "";
+          let text = this.code;
+          const id = `internal-style-generated-${animationNameID++}`;
+          text = text.replace(/(\@keyframes\s{1,100})([^\s\{]{1,200})(\s{1,1000}\{)/gm, "$1" + id + "$3");
+          if (/animated\-/i.test(this.srcElement.tagName)) {
+            tag = "animated-text";
+            attributes = `text-content="Animated"`;
+          }
+          const html = `<!DOCTYPE html>
+    <html>
+    <head>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@${packageVersion}/styler-lite/styler.css"/>
+    <script src="https://cdn.jsdelivr.net/npm/@social-mail/web-components@latest/dist/main.js"></script>
+        <style>
+            html, body {
+                margin: 0;
+                padding: 0;
+                width: 100vw;
+                height: 100vh;
+            }
+            
+            main {
+                position: absolute;
+                left: 0;
+                right: 0;
+                top: 0;
+                bottom: 0;
+                overflow: hidden;
+                display: grid;
+                align-items: center;
+                justify-items: center;
+                align-content: center;
+                justify-content: center;
+            }
+    
+            section {
+                display: block;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                animation-delay: 1s;
+            }
+            
+            animated-text {
+                font-size: 40px;
+                animation-composition: add;
+            }
+            ${text}
+        </style>
+    </head>
+    <body styler-expansion-enabled="true">
+         <main>
+            <${tag} styler-on-enter="${id}" styler-entered="yes" ${attributes}></${tag}>
+        </main>
+    </body>
+    </html>
+            `;
+          this.updateContent(html).catch(console.error);
+        }
+        updateContent(html) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const env_1 = {
+              stack: [],
+              error: void 0,
+              hasError: false
+            };
+            try {
+              const s = __addDisposableResource(env_1, new PromiseScope(), false);
+              const old = this.afterInit;
+              this.afterInit = s.promise;
+              yield old;
+              this.preview.srcdoc = html;
+            } catch (e_1) {
+              env_1.error = e_1;
+              env_1.hasError = true;
+            } finally {
+              __disposeResources(env_1);
+            }
+          });
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", String)], CustomAnimationEditor.prototype, "code", void 0);
+      __decorate([BindableProperty, __metadata("design:type", HTMLElement)], CustomAnimationEditor.prototype, "srcElement", void 0);
+      __decorate([Action({
+        onEvent: "save-animation"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], CustomAnimationEditor.prototype, "choose", null);
+      __decorate([Action({
+        onEvent: "code-changed"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], CustomAnimationEditor.prototype, "codeChanged", null);
+      __decorate([Action({
+        onEvent: "play-animation"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], CustomAnimationEditor.prototype, "updateAnimationName", null);
+    }
+  };
+});
+//# sourceMappingURL=CustomAnimationEditor.js.map

package/dist/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CustomAnimationEditor","animationNameID","_export","setters","_tslib","AtomControl","_webAtomsCoreDistWebControlsAtomControl","_CustomAnimationEditorGlobalCss","_webAtomsCoreDistCoreBindableProperty","BindableProperty","_codeEditorMonacoService","MonacoService","default","_webAtomsCoreDistCoreXNode","XNode","_webAtomsCoreDistViewModelAction","Action","_PromiseScope","PromiseScope","_commonPackageInfo","packageVersion","_commonControlsButtonsIconButton","PlayIconTextButton","SaveIconTextButton","execute","Date","now","constructor","app","e","element","classList","add","pushInit","init","code","test","trim","render","create","class","text","editor","querySelector","preview","editorService","createEditor","codeModel","setCodeModel","updateAnimationName","choose","dispatchEvent","CustomEvent","bubbles","detail","animationName","codeChanged","tag","attributes","id","replace","srcElement","tagName","html","updateContent","catch","console","error","s","__addDisposableResource","env_1","old","afterInit","promise","srcdoc","__decorate","HTMLElement","onEvent"],"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/CustomAnimationEditor.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}