@social-mail/social-mail-client 1.4.75 → 1.4.76

package/dist/site-editor-app/SiteEditorApp.pack.min.js

@@ -340,7 +340,7 @@ var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){fun
     padding: ${stylerVars.sizeDefault};
     margin: ${stylerVars.sizeDefault};
     border-radius: ${stylerVars.sizeDefault};
-    `.expand("[styler-layout=wrap-list]"));_export("WrapGrid",WrapGrid=Block({className:"fa-duotone fa-grid-horizontal fa-rotate-90",title:"Wrap Grid",factory:()=>XNode.create("div",{"styler-layout":"wrap-list"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/Select","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/web/core/AtomUI","../../styles/property-editor.local.less"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,Expander,Select,Bind,AncestorEnumerator,BindEditor,BindStyleValue,BindStyleChecked,BindStyleCustom;function PropertyEditor(_a,...nodes){var _b,_c,_d;var _e;var{label=void 0,custom=void 0,property,attributeName=void 0}=_a,a=__rest(_a,["label","custom","property","attributeName"]);if(!label&&nodes.length===1){return nodes[0]}if(custom){const ca=(_b=custom.attributes)!==null&&_b!==void 0?_b:custom.attributes={};ca["data-element"]="custom"}for(const iterator of nodes){(_d=(_e=(_c=iterator.attributes)!==null&&_c!==void 0?_c:iterator.attributes={})["data-element"])!==null&&_d!==void 0?_d:_e["data-element"]="editor"}if(property){a["data-item-property"]=property.key;if(custom){const binder=c=>c.selection.style(property.key).custom?"yes":"";binder.toString=()=>`(c) => c.selection.styleProperty["${property.key.replace("-","_")}"]`;a["data-custom-value"]=Bind.oneWay(binder)}}return XNode.create("div",Object.assign({"data-element":"property-editor"},a),label&&XNode.create("label",{"data-font-size":"small"},label),...nodes,custom)}function ExpanderPropertyEditor(_a,...nodes){var{isExpanded=false,label}=_a,a=__rest(_a,["isExpanded","label"]);const child=nodes.length>1?XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},...nodes):nodes[0];return XNode.create(Expander,Object.assign({"data-element":"expander-property-editor",isExpanded},a),label&&XNode.create("label",null,label),child)}function DropDownProperty(_a){var{label,property,values,attributeName}=_a,a=__rest(_a,["label","property","values","attributeName"]);const items=values?values.map((v=>({label:v,value:v}))):property.values.map((pair=>pair.toPair()));items.splice(0,0,{label:"-",value:""});return XNode.create(PropertyEditor,Object.assign({label,property,attributeName,custom:XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key)))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items})))}function NumberProperty(_a){var{label,property}=_a,a=__rest(_a,["label","property"]);return XNode.create(PropertyEditor,Object.assign({label,property},a),XNode.create("input",Object.assign({},BindStyleValue(property.key),{"data-flex":"stretch-full",type:"tel"})))}function TextProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"text"},BindStyleValue(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function CheckBoxProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"checkbox"},BindStyleChecked(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function ButtonProperty(_a){var{label,property,eventClick,icon}=_a,a=__rest(_a,["label","property","eventClick","icon"]);return XNode.create(PropertyEditor,Object.assign({label,property,custom:XNode.create("div",{"data-layout":"row"},XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key))),XNode.create("i",{"data-click-event":eventClick,class:icon}))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items:[{label:"-",value:""},...property.values.map((pair=>pair.toPair()))]})))}_export({PropertyEditor,ExpanderPropertyEditor,DropDownProperty,NumberProperty,TextProperty,CheckBoxProperty,ButtonProperty});return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsWebControlsDistBasicExpander){Expander=_webAtomsWebControlsDistBasicExpander.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistWebCoreAtomUI){AncestorEnumerator=_webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator},function(_stylesPropertyEditorLocalLess){}],execute:function(){_export("BindEditor",BindEditor=Bind.forControl());_export("BindStyleValue",BindStyleValue=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c);c.render(XNode.create("div",{"attr-has-value":Bind.source(pv,(s=>s.source.value?"true":"false"))}),e,c)})));_export("BindStyleChecked",BindStyleChecked=AtomControl.registerProperty("data-style-property","checked",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{checked:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c)})));_export("BindStyleCustom",BindStyleCustom=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.custom))}),e,c)})));document.addEventListener("input",(e=>{const target=e.target;if(!/select/i.test(target.tagName)){return}if(target.getAttribute("data-property-value-editor")!=="drop-down"){return}const currentTarget=AncestorEnumerator.find(target,(x=>x.getAttribute("data-element")==="property-editor"));if(!currentTarget){return}if(target.tagName==="SELECT"){if(target.value==="custom"){currentTarget.setAttribute("data-custom","true")}else{currentTarget.removeAttribute("data-custom")}}}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerBorder");System.register(["@web-atoms/core/dist/style/styled","../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,colorVarList,createVarSet,sizeVarList,stylerBorder;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty;colorVarList=_Styler.colorVarList;createVarSet=_Styler.createVarSet;sizeVarList=_Styler.sizeVarList}],execute:function(){_export("stylerBorder",stylerBorder={stylerBorder:new StylerProperty("styler-border",{none:styled.css`
+    `.expand("[styler-layout=wrap-list]"));_export("WrapGrid",WrapGrid=Block({className:"fa-duotone fa-grid-horizontal fa-rotate-90",title:"Wrap Grid",factory:()=>XNode.create("div",{"styler-layout":"wrap-list"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/Select","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/web/core/AtomUI","../../styles/property-editor.local.less"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,Expander,Select,Bind,AncestorEnumerator,BindEditor,BindStyleValue,BindStyleChecked,BindStyleCustom;function PropertyEditor(_a,...nodes){var _b,_c,_d;var _e;var{label=void 0,custom=void 0,property,attributeName=void 0}=_a,a=__rest(_a,["label","custom","property","attributeName"]);if(!label&&nodes.length===1){return nodes[0]}if(custom){const ca=(_b=custom.attributes)!==null&&_b!==void 0?_b:custom.attributes={};ca["data-element"]="custom"}for(const iterator of nodes){(_d=(_e=(_c=iterator.attributes)!==null&&_c!==void 0?_c:iterator.attributes={})["data-element"])!==null&&_d!==void 0?_d:_e["data-element"]="editor"}if(property){a["data-item-property"]=property.key;if(custom){const binder=c=>c.selection.style(property.key).custom?"yes":"";binder.toString=()=>`(c) => c.selection.styleProperty["${property.key.replace("-","_")}"]`;a["data-custom-value"]=Bind.oneWay(binder)}}return XNode.create("div",Object.assign({"data-element":"property-editor"},a),label&&XNode.create("label",{"data-font-size":"small"},label),...nodes,custom)}function ExpanderPropertyEditor(_a,...nodes){var{isExpanded=false,label}=_a,a=__rest(_a,["isExpanded","label"]);const child=nodes.length>1?XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},...nodes):nodes[0];return XNode.create(Expander,Object.assign({"data-element":"expander-property-editor",isExpanded},a),label&&XNode.create("label",null,label),child)}function DropDownProperty(_a){var{label,property,values,attributeName}=_a,a=__rest(_a,["label","property","values","attributeName"]);const items=values?values.map((v=>({label:v,value:v}))):property.values.map((pair=>pair.toPair()));items.splice(0,0,{label:"-",value:""});if(!property){return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down","data-flex":"stretch-full"},BindStyleValue(attributeName),{valuePath:v=>v.value,items})))}return XNode.create(PropertyEditor,Object.assign({label,property,attributeName,custom:XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key)))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items})))}function NumberProperty(_a){var{label,property}=_a,a=__rest(_a,["label","property"]);return XNode.create(PropertyEditor,Object.assign({label,property},a),XNode.create("input",Object.assign({},BindStyleValue(property.key),{"data-flex":"stretch-full",type:"tel"})))}function TextProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"text"},BindStyleValue(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function CheckBoxProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"checkbox"},BindStyleChecked(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function ButtonProperty(_a){var{label,property,eventClick,icon}=_a,a=__rest(_a,["label","property","eventClick","icon"]);return XNode.create(PropertyEditor,Object.assign({label,property,custom:XNode.create("div",{"data-layout":"row"},XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key))),XNode.create("i",{"data-click-event":eventClick,class:icon}))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items:[{label:"-",value:""},...property.values.map((pair=>pair.toPair()))]})))}_export({PropertyEditor,ExpanderPropertyEditor,DropDownProperty,NumberProperty,TextProperty,CheckBoxProperty,ButtonProperty});return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsWebControlsDistBasicExpander){Expander=_webAtomsWebControlsDistBasicExpander.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistWebCoreAtomUI){AncestorEnumerator=_webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator},function(_stylesPropertyEditorLocalLess){}],execute:function(){_export("BindEditor",BindEditor=Bind.forControl());_export("BindStyleValue",BindStyleValue=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c);c.render(XNode.create("div",{"attr-has-value":Bind.source(pv,(s=>s.source.value?"true":"false"))}),e,c)})));_export("BindStyleChecked",BindStyleChecked=AtomControl.registerProperty("data-style-property","checked",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{checked:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c)})));_export("BindStyleCustom",BindStyleCustom=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.custom))}),e,c)})));document.addEventListener("input",(e=>{const target=e.target;if(!/select/i.test(target.tagName)){return}if(target.getAttribute("data-property-value-editor")!=="drop-down"){return}const currentTarget=AncestorEnumerator.find(target,(x=>x.getAttribute("data-element")==="property-editor"));if(!currentTarget){return}if(target.tagName==="SELECT"){if(target.value==="custom"){currentTarget.setAttribute("data-custom","true")}else{currentTarget.removeAttribute("data-custom")}}}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerBorder");System.register(["@web-atoms/core/dist/style/styled","../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,colorVarList,createVarSet,sizeVarList,stylerBorder;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty;colorVarList=_Styler.colorVarList;createVarSet=_Styler.createVarSet;sizeVarList=_Styler.sizeVarList}],execute:function(){_export("stylerBorder",stylerBorder={stylerBorder:new StylerProperty("styler-border",{none:styled.css`
                 border: none !important;
             `,lightgray:styled.css`
                 border: solid 1px lightgray;
@@ -1172,7 +1172,7 @@ display: grid;
     & > * {
         width: var(--children-width, 100%);
     }
-`.expand("[styler-layout=banner]"));_export("Banner",Banner=Block({className:"fad fa-rectangle",title:"Add Banner",factory:()=>XNode.create("section",{"styler-layout":"banner"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/BreadCrum");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/core/AtomUI","../styles/bread-crum.local.less"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,ChildEnumerator,currentElement,selectedProperty,hidePopup,onBreadCrumClick;function getName(start){const typeName=start.className||start.getAttribute("styler-layout");const name=typeName?start.tagName+"("+(typeName.length>25?typeName.substring(0,25):typeName)+")":start.tagName;const fullName=typeName?start.tagName+"("+typeName+")":start.tagName;return{name,fullName}}function BreadCrum(_a){var{selection}=_a,a=__rest(_a,["selection"]);return XNode.create("bread-crum",Object.assign({},selectedProperty(selection),{"event-click":onBreadCrumClick}),XNode.create("i",{"style-display":"none",title:"Select Child",class:"fas fa-caret-up"}))}_export("default",BreadCrum);return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsCoreDistWebCoreAtomUI){ChildEnumerator=_webAtomsCoreDistWebCoreAtomUI.ChildEnumerator},function(_stylesBreadCrumLocalLess){}],execute:function(){currentElement=Symbol("currentElement");selectedProperty=AtomControl.registerProperty("selected-property","v1",((ac,e,value)=>{for(const child of ChildEnumerator.enumerate(e)){if(child.tagName==="BUTTON"){child.remove()}}if(!value){return}let start=value;if(!(start===null||start===void 0?void 0:start.ownerDocument)){return}const body=start.ownerDocument.body;const hasChildren=start.childElementCount>0;while(start&&start!==body.parentElement){const{name,fullName}=getName(start);const button=document.createElement("button");button.textContent=name;button.title=fullName;button[currentElement]=start;e.insertAdjacentElement("afterbegin",button);start=start.parentElement;if(start===body){break}}e.lastElementChild.style.display=hasChildren?"":"none"}));onBreadCrumClick=e=>{const target=e.target;const editor=AtomControl.from(target);let ce=target[currentElement];if(ce){editor.selection.update(ce);hidePopup===null||hidePopup===void 0?void 0:hidePopup();return}if(target.tagName!=="I"){return}ce=target.previousElementSibling[currentElement];let start=ce===null||ce===void 0?void 0:ce.firstElementChild;if(!start){return}const popup=document.createElement("popup-menu");while(start){const{name,fullName}=getName(start);const child=document.createElement("popup-menu-item");child.textContent=name;child.title=fullName;child[currentElement]=start;start=start.nextElementSibling;popup.appendChild(child)}target.appendChild(popup);hidePopup=()=>{setTimeout((()=>popup.remove()),100);document.body.removeEventListener("click",hidePopup);ce.ownerDocument.body.removeEventListener("click",hidePopup)};setTimeout((()=>{document.body.addEventListener("click",hidePopup);ce.ownerDocument.body.addEventListener("click",hidePopup)}),10)}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/LanguageDropDown");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Select"],(function(_export,_context){"use strict";var Bind,XNode,Select;function LanguageDropDown(){return XNode.create(Select,{"style-max-width":"80px","style-border":"none","style-display":Bind.oneWay((c=>!!c.languages)),items:Bind.oneWay((c=>{var _a;return(_a=c.languages)!==null&&_a!==void 0?_a:void 0})),labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.twoWaysImmediate((c=>c.language))})}_export("default",LanguageDropDown);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");System.register(["tslib","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder"],(function(_export,_context){"use strict";var __awaiter,sleep,FetchBuilder,CustomElementsProxy,WebComponents,webComponentsInstalled,addAttributes;_export("WebComponents",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default}],execute:function(){webComponentsInstalled=Symbol("webComponentsInstalled");CustomElementsProxy=class CustomElementsProxy{constructor(elements=[]){this.elements=elements}define(name,factory){this.elements.push({name,factory})}};addAttributes=(target,values)=>{Object.defineProperty(target.prototype,"editableAttributes",{enumerable:true,configurable:true,get(){return values(this)}})};_export("WebComponents",WebComponents=class WebComponents{static run(frame,doc){return __awaiter(this,void 0,void 0,(function*(){if(doc[webComponentsInstalled]){return}doc[webComponentsInstalled]=true;const url=this.path+"/dist/editable.js";const cssUrl=location.protocol+this.path+"/dist/editable.less.css";const win=doc.defaultView;win["__web_components_css_path__"]=cssUrl;frame.sandbox.add("allow-scripts");const text=yield FetchBuilder.get(url).asText();const proxy=new CustomElementsProxy;const globals={window:win,__web_components_css_path__:cssUrl,document:win.document,Object:win.Object,Promise,console:win.console,Boolean:win.Boolean,String:win.String,Number:win.Number,Math:win.Math,Date:win.Date,Proxy:win.Proxy,Map:win.Map,Array:win.Array,RegExp:win.RegExp,PromiseRejectionEvent:win.PromiseRejectionEvent,setTimeout:(cb,n)=>setTimeout(cb,n),setInterval:(cb,n)=>setInterval(cb,n),clearTimeout:n=>clearTimeout(n),clearInterval:n=>clearInterval(n),Reflect:win.Reflect,requestAnimationFrame:win.requestAnimationFrame,requestIdleCallback:win.requestIdleCallback,Symbol:win.Symbol,HTMLElement:win.HTMLElement,MutationObserver:class extends win.MutationObserver{constructor(a){super(a)}},IntersectionObserver:class extends win.IntersectionObserver{constructor(a){super(a)}},customElements:proxy};win.HTMLElement.prototype.addEventListener=function(type,listener,options){return win.EventTarget.prototype.addEventListener.call(this,type,listener,options)};const keys=Object.keys(globals);const init=`${keys.map((x=>`var ${x} = globalWindow[${JSON.stringify(x)}]`)).join(";\n")}`;const sourceMappingURL=this.path+"/dist/editable.js.map";const script=`\n        "use strict";\n        ${init};\n        Symbol.dispose ||= Symbol("dispose");\n        ;${text.replace("//# sourceMappingURL=editable.js.map","//# sourceMappingURL="+sourceMappingURL)}\n        `;const fx=new doc.defaultView.Function("globalWindow",script);fx.call(win,globals);addAttributes(win.HTMLElement,(()=>[{name:"title",type:"string",display:"Tool Tip"},{name:"lang",type:"lang",display:"Language"}]));addAttributes(win.HTMLAnchorElement,(()=>[{name:"href",type:"string",display:"Link"},{name:"target",type:"string",suggest:["_blank"],display:"Target"}]));addAttributes(win.HTMLImageElement,(()=>[{name:"src",type:"image",display:"Image"},{name:"alt",type:"string",display:"Alt"}]));addAttributes(win.HTMLVideoElement,(()=>[{name:"src",type:"video",display:"Video"},{name:"poster",type:"image",display:"Poster"},{name:"autoplay",type:"boolean",display:"Auto Play"},{name:"loop",type:"boolean",display:"Loop"},{name:"muted",type:"boolean",display:"Muted"}]));yield sleep(10);for(const{name,factory}of proxy.elements){doc.defaultView.customElements.define(name,factory)}frame.sandbox.remove("allow-scripts")}))}});WebComponents.path=`//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.174`}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/UndoRedo");System.register(["@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var AtomBinder,UndoRedo;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("default",UndoRedo=class UndoRedo{constructor(doc,page){this.page=page;this.undoStack=[];this.redoStack=[];this.changed=false;this.canUndo=false;this.canRedo=false;this.silent=false;this.observer=new MutationObserver((x=>this.observe(x)));this.observer.observe(doc,{childList:true,subtree:true,attributes:true,attributeOldValue:true,characterData:true,characterDataOldValue:true})}observe(records){if(this.silent){return}if(!this.changed){AtomBinder.refreshValue(this.page,"modifiedDocument");this.page.element.dispatchEvent(new CustomEvent("htmlPageChanged",{detail:null,bubbles:true}));this.changed=true}this.canUndo=true;this.canRedo=false;this.redoStack.length=0;const undo=[];const redo=[];for(const x of records){const target=x.target;const node=x.target;switch(x.type){case"attributes":const value=target.getAttributeNS(x.attributeNamespace,x.attributeName);if(value===x.oldValue){break}undo.splice(0,0,(()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,x.oldValue)));redo.push((()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,value)));break;case"characterData":const data=node.data;if(data===x.oldValue){break}undo.splice(0,0,(()=>node.data=x.oldValue));redo.push((()=>node.data=data));break;case"childList":const{addedNodes,removedNodes,previousSibling,nextSibling}=x;for(let index=0;index<addedNodes.length;index++){const added=addedNodes[index];let{parentNode}=added;undo.splice(0,0,(()=>added.parentNode.removeChild(added)));if(previousSibling){redo.push((()=>previousSibling.parentNode?parentNode.insertBefore(added,previousSibling.nextSibling):parentNode.append(added)));continue}if(nextSibling){parentNode!==null&&parentNode!==void 0?parentNode:parentNode=nextSibling.parentNode;redo.push((()=>parentNode.insertBefore(added,nextSibling)));continue}redo.push((()=>target.append(added)))}for(let index=0;index<removedNodes.length;index++){const removed=removedNodes[index];redo.splice(0,0,(()=>removed.parentNode.removeChild(removed)));if(previousSibling){undo.push((()=>previousSibling.nextSibling?previousSibling.parentNode.insertBefore(removed,previousSibling.nextSibling):previousSibling.parentElement.append(removed)));continue}if(nextSibling){undo.push((()=>nextSibling.parentNode.insertBefore(removed,nextSibling)));continue}undo.push((()=>target.append(removed)))}break}}if(undo.length&&redo.length){this.undoStack.push({undo,redo})}}dispose(){this.observer.disconnect();this.observer=null}undo(){if(!this.undoStack.length){this.canUndo=false;return}this.silent=true;const change=this.undoStack.pop();this.redoStack.push(change);this.canRedo=true;for(const element of change.undo){element()}this.canUndo=this.undoStack.length>0;setTimeout((()=>this.silent=false),10)}redo(){if(!this.redoStack.length){this.canRedo=false;return}this.silent=true;const change=this.redoStack.pop();this.undoStack.push(change);this.canUndo=true;for(const element of change.redo){element()}this.canRedo=this.redoStack.length>0;setTimeout((()=>this.silent=false),10)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/DomHelper");System.register(["tslib"],(function(_export,_context){"use strict";var __awaiter,DuplexStream,DomHelper;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter}],execute:function(){DuplexStream=class DuplexStream{constructor(element){this.index=-1;this.array=[];const all=element.querySelectorAll("*");for(let index=0;index<all.length;index++){const e=all[index];this.array.push({e,text:e.innerHTML})}}next(){const index=this.index++;if(index>=this.array.length){return{done:true}}return{index,value:this.array[index]}}reset(index){this.index=index}};_export("default",DomHelper=class DomHelper{static applyChanges(target,src){return __awaiter(this,void 0,void 0,(function*(){const persist=[];for(const element of Array.from(target.head.children)){if(element.hasAttribute("remove-when-save")){persist.push(element);continue}if(element.tagName==="BASE"){persist.push(element)}}target.head.innerHTML=src.head.innerHTML;for(const element of persist){target.head.insertAdjacentElement("afterbegin",element)}target.body.innerHTML=src.body.innerHTML}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/FlipBox");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,FlipBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("FlipBox",FlipBox=Block({className:"fad fa-rotate",title:"Add Flip Box",factory:()=>XNode.create("flip-box",null,XNode.create("section",{class:"first-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Front Face ",XNode.create("br",null),"Content Here."),XNode.create("section",{class:"back-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Back Face ",XNode.create("br",null),"Content Here."))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/GridBox");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../styler/Styler","../styler/StylerSets","./Block"],(function(_export,_context){"use strict";var XNode,styled,stylerVars,StylerSets,Block,GridBox,Grid1x1Box;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_Block){Block=_Block.Block}],execute:function(){StylerSets.register("low",styled.css`
+`.expand("[styler-layout=banner]"));_export("Banner",Banner=Block({className:"fad fa-rectangle",title:"Add Banner",factory:()=>XNode.create("section",{"styler-layout":"banner"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/BreadCrum");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/core/AtomUI","../styles/bread-crum.local.less"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,ChildEnumerator,currentElement,selectedProperty,hidePopup,onBreadCrumClick;function getName(start){const typeName=start.className||start.getAttribute("styler-layout");const name=typeName?start.tagName+"("+(typeName.length>25?typeName.substring(0,25):typeName)+")":start.tagName;const fullName=typeName?start.tagName+"("+typeName+")":start.tagName;return{name,fullName}}function BreadCrum(_a){var{selection}=_a,a=__rest(_a,["selection"]);return XNode.create("bread-crum",Object.assign({},selectedProperty(selection),{"event-click":onBreadCrumClick}),XNode.create("i",{"style-display":"none",title:"Select Child",class:"fas fa-caret-up"}))}_export("default",BreadCrum);return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsCoreDistWebCoreAtomUI){ChildEnumerator=_webAtomsCoreDistWebCoreAtomUI.ChildEnumerator},function(_stylesBreadCrumLocalLess){}],execute:function(){currentElement=Symbol("currentElement");selectedProperty=AtomControl.registerProperty("selected-property","v1",((ac,e,value)=>{for(const child of ChildEnumerator.enumerate(e)){if(child.tagName==="BUTTON"){child.remove()}}if(!value){return}let start=value;if(!(start===null||start===void 0?void 0:start.ownerDocument)){return}const body=start.ownerDocument.body;const hasChildren=start.childElementCount>0;while(start&&start!==body.parentElement){const{name,fullName}=getName(start);const button=document.createElement("button");button.textContent=name;button.title=fullName;button[currentElement]=start;e.insertAdjacentElement("afterbegin",button);start=start.parentElement;if(start===body){break}}e.lastElementChild.style.display=hasChildren?"":"none"}));onBreadCrumClick=e=>{const target=e.target;const editor=AtomControl.from(target);let ce=target[currentElement];if(ce){editor.selection.update(ce);hidePopup===null||hidePopup===void 0?void 0:hidePopup();return}if(target.tagName!=="I"){return}ce=target.previousElementSibling[currentElement];let start=ce===null||ce===void 0?void 0:ce.firstElementChild;if(!start){return}const popup=document.createElement("popup-menu");while(start){const{name,fullName}=getName(start);const child=document.createElement("popup-menu-item");child.textContent=name;child.title=fullName;child[currentElement]=start;start=start.nextElementSibling;popup.appendChild(child)}target.appendChild(popup);hidePopup=()=>{setTimeout((()=>popup.remove()),100);document.body.removeEventListener("click",hidePopup);ce.ownerDocument.body.removeEventListener("click",hidePopup)};setTimeout((()=>{document.body.addEventListener("click",hidePopup);ce.ownerDocument.body.addEventListener("click",hidePopup)}),10)}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/LanguageDropDown");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Select"],(function(_export,_context){"use strict";var Bind,XNode,Select;function LanguageDropDown(){return XNode.create(Select,{"style-max-width":"80px","style-border":"none","style-display":Bind.oneWay((c=>!!c.languages)),items:Bind.oneWay((c=>{var _a;return(_a=c.languages)!==null&&_a!==void 0?_a:void 0})),labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.twoWaysImmediate((c=>c.language))})}_export("default",LanguageDropDown);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");System.register(["tslib","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder"],(function(_export,_context){"use strict";var __awaiter,sleep,FetchBuilder,CustomElementsProxy,WebComponents,webComponentsInstalled,addAttributes;_export("WebComponents",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default}],execute:function(){webComponentsInstalled=Symbol("webComponentsInstalled");CustomElementsProxy=class CustomElementsProxy{constructor(elements=[]){this.elements=elements}define(name,factory){this.elements.push({name,factory})}};addAttributes=(target,values)=>{Object.defineProperty(target.prototype,"editableAttributes",{enumerable:true,configurable:true,get(){return values(this)}})};_export("WebComponents",WebComponents=class WebComponents{static run(frame,doc){return __awaiter(this,void 0,void 0,(function*(){if(doc[webComponentsInstalled]){return}doc[webComponentsInstalled]=true;const url=this.path+"/dist/editable.js";const cssUrl=location.protocol+this.path+"/dist/editable.less.css";const win=doc.defaultView;win["__web_components_css_path__"]=cssUrl;frame.sandbox.add("allow-scripts");const text=yield FetchBuilder.get(url).asText();const proxy=new CustomElementsProxy;const globals={window:win,__web_components_css_path__:cssUrl,document:win.document,Object:win.Object,Promise,console:win.console,Boolean:win.Boolean,String:win.String,Number:win.Number,Math:win.Math,Date:win.Date,Proxy:win.Proxy,Map:win.Map,Array:win.Array,RegExp:win.RegExp,PromiseRejectionEvent:win.PromiseRejectionEvent,setTimeout:(cb,n)=>setTimeout(cb,n),setInterval:(cb,n)=>setInterval(cb,n),clearTimeout:n=>clearTimeout(n),clearInterval:n=>clearInterval(n),Reflect:win.Reflect,requestAnimationFrame:win.requestAnimationFrame,requestIdleCallback:win.requestIdleCallback,Symbol:win.Symbol,HTMLElement:win.HTMLElement,MutationObserver:class extends win.MutationObserver{constructor(a){super(a)}},IntersectionObserver:class extends win.IntersectionObserver{constructor(a){super(a)}},customElements:proxy};win.HTMLElement.prototype.addEventListener=function(type,listener,options){return win.EventTarget.prototype.addEventListener.call(this,type,listener,options)};const keys=Object.keys(globals);const init=`${keys.map((x=>`var ${x} = globalWindow[${JSON.stringify(x)}]`)).join(";\n")}`;const sourceMappingURL=this.path+"/dist/editable.js.map";const script=`\n        "use strict";\n        ${init};\n        Symbol.dispose ||= Symbol("dispose");\n        ;${text.replace("//# sourceMappingURL=editable.js.map","//# sourceMappingURL="+sourceMappingURL)}\n        `;const fx=new doc.defaultView.Function("globalWindow",script);fx.call(win,globals);addAttributes(win.HTMLElement,(()=>[{name:"title",type:"string",display:"Tool Tip"},{name:"lang",type:"lang",display:"Language"}]));addAttributes(win.HTMLAnchorElement,(()=>[{name:"href",type:"string",display:"Link"},{name:"target",type:"string",suggest:["_blank"],display:"Target"}]));addAttributes(win.HTMLImageElement,(()=>[{name:"src",type:"image",display:"Image"},{name:"alt",type:"string",display:"Alt"}]));addAttributes(win.HTMLVideoElement,(()=>[{name:"src",type:"video",display:"Video"},{name:"poster",type:"image",display:"Poster"},{name:"autoplay",type:"boolean",display:"Auto Play"},{name:"loop",type:"boolean",display:"Loop"},{name:"muted",type:"boolean",display:"Muted"}]));yield sleep(10);for(const{name,factory}of proxy.elements){doc.defaultView.customElements.define(name,factory)}frame.sandbox.remove("allow-scripts")}))}});WebComponents.path=`//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.175`}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/UndoRedo");System.register(["@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var AtomBinder,UndoRedo;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("default",UndoRedo=class UndoRedo{constructor(doc,page){this.page=page;this.undoStack=[];this.redoStack=[];this.changed=false;this.canUndo=false;this.canRedo=false;this.silent=false;this.observer=new MutationObserver((x=>this.observe(x)));this.observer.observe(doc,{childList:true,subtree:true,attributes:true,attributeOldValue:true,characterData:true,characterDataOldValue:true})}observe(records){if(this.silent){return}if(!this.changed){AtomBinder.refreshValue(this.page,"modifiedDocument");this.page.element.dispatchEvent(new CustomEvent("htmlPageChanged",{detail:null,bubbles:true}));this.changed=true}this.canUndo=true;this.canRedo=false;this.redoStack.length=0;const undo=[];const redo=[];for(const x of records){const target=x.target;const node=x.target;switch(x.type){case"attributes":const value=target.getAttributeNS(x.attributeNamespace,x.attributeName);if(value===x.oldValue){break}undo.splice(0,0,(()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,x.oldValue)));redo.push((()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,value)));break;case"characterData":const data=node.data;if(data===x.oldValue){break}undo.splice(0,0,(()=>node.data=x.oldValue));redo.push((()=>node.data=data));break;case"childList":const{addedNodes,removedNodes,previousSibling,nextSibling}=x;for(let index=0;index<addedNodes.length;index++){const added=addedNodes[index];let{parentNode}=added;undo.splice(0,0,(()=>added.parentNode.removeChild(added)));if(previousSibling){redo.push((()=>previousSibling.parentNode?parentNode.insertBefore(added,previousSibling.nextSibling):parentNode.append(added)));continue}if(nextSibling){parentNode!==null&&parentNode!==void 0?parentNode:parentNode=nextSibling.parentNode;redo.push((()=>parentNode.insertBefore(added,nextSibling)));continue}redo.push((()=>target.append(added)))}for(let index=0;index<removedNodes.length;index++){const removed=removedNodes[index];redo.splice(0,0,(()=>removed.parentNode.removeChild(removed)));if(previousSibling){undo.push((()=>previousSibling.nextSibling?previousSibling.parentNode.insertBefore(removed,previousSibling.nextSibling):previousSibling.parentElement.append(removed)));continue}if(nextSibling){undo.push((()=>nextSibling.parentNode.insertBefore(removed,nextSibling)));continue}undo.push((()=>target.append(removed)))}break}}if(undo.length&&redo.length){this.undoStack.push({undo,redo})}}dispose(){this.observer.disconnect();this.observer=null}undo(){if(!this.undoStack.length){this.canUndo=false;return}this.silent=true;const change=this.undoStack.pop();this.redoStack.push(change);this.canRedo=true;for(const element of change.undo){element()}this.canUndo=this.undoStack.length>0;setTimeout((()=>this.silent=false),10)}redo(){if(!this.redoStack.length){this.canRedo=false;return}this.silent=true;const change=this.redoStack.pop();this.undoStack.push(change);this.canUndo=true;for(const element of change.redo){element()}this.canRedo=this.redoStack.length>0;setTimeout((()=>this.silent=false),10)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/DomHelper");System.register(["tslib"],(function(_export,_context){"use strict";var __awaiter,DuplexStream,DomHelper;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter}],execute:function(){DuplexStream=class DuplexStream{constructor(element){this.index=-1;this.array=[];const all=element.querySelectorAll("*");for(let index=0;index<all.length;index++){const e=all[index];this.array.push({e,text:e.innerHTML})}}next(){const index=this.index++;if(index>=this.array.length){return{done:true}}return{index,value:this.array[index]}}reset(index){this.index=index}};_export("default",DomHelper=class DomHelper{static applyChanges(target,src){return __awaiter(this,void 0,void 0,(function*(){const persist=[];for(const element of Array.from(target.head.children)){if(element.hasAttribute("remove-when-save")){persist.push(element);continue}if(element.tagName==="BASE"){persist.push(element)}}target.head.innerHTML=src.head.innerHTML;for(const element of persist){target.head.insertAdjacentElement("afterbegin",element)}target.body.innerHTML=src.body.innerHTML}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/FlipBox");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,FlipBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("FlipBox",FlipBox=Block({className:"fad fa-rotate",title:"Add Flip Box",factory:()=>XNode.create("flip-box",null,XNode.create("section",{class:"first-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Front Face ",XNode.create("br",null),"Content Here."),XNode.create("section",{class:"back-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Back Face ",XNode.create("br",null),"Content Here."))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/GridBox");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../styler/Styler","../styler/StylerSets","./Block"],(function(_export,_context){"use strict";var XNode,styled,stylerVars,StylerSets,Block,GridBox,Grid1x1Box;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_Block){Block=_Block.Block}],execute:function(){StylerSets.register("low",styled.css`
     display: grid;
     gap: ${stylerVars.sizeDefault};
     padding: ${stylerVars.sizeDefault};