@social-mail/social-mail-client 1.2.45 → 1.2.46

package/dist/web/AppIndex.pack.min.js

@@ -3042,7 +3042,7 @@ and limitations under the License.
             background-color: ${stylerVars.tertiarySurface};
             color: ${stylerVars.tertiarySurfaceText};
         }
-    `}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/color-sets/stylerColorSets");System.register(["./Styler","./properties/stylerBorder","./properties/layouts/display","./properties/layouts/flex/flex","./properties/layouts/items-position/itemsPosition","./properties/layouts/layout","./properties/stylerPosition","./properties/stylerSizes","./properties/stylerSpace","./properties/text/stylerText","./properties/stylerBackground","./properties/color-sets/stylerColorSets"],(function(_export,_context){"use strict";var StylerVariable,stylerVars,stylerBorder,stylerDisplay,stylerFlexDirection,itemPositions,stylerLayout,stylerPosition,stylerSizes,stylerSpace,stylerText,stylerBackground,stylerColorSets,StylerSet,vars;_export("StylerSet",void 0);return{setters:[function(_Styler){StylerVariable=_Styler.StylerVariable;stylerVars=_Styler.stylerVars},function(_propertiesStylerBorder){stylerBorder=_propertiesStylerBorder.stylerBorder},function(_propertiesLayoutsDisplay){stylerDisplay=_propertiesLayoutsDisplay.stylerDisplay},function(_propertiesLayoutsFlexFlex){stylerFlexDirection=_propertiesLayoutsFlexFlex.stylerFlexDirection},function(_propertiesLayoutsItemsPositionItemsPosition){itemPositions=_propertiesLayoutsItemsPositionItemsPosition.itemPositions},function(_propertiesLayoutsLayout){stylerLayout=_propertiesLayoutsLayout.stylerLayout},function(_propertiesStylerPosition){stylerPosition=_propertiesStylerPosition.stylerPosition},function(_propertiesStylerSizes){stylerSizes=_propertiesStylerSizes.stylerSizes},function(_propertiesStylerSpace){stylerSpace=_propertiesStylerSpace.stylerSpace},function(_propertiesTextStylerText){stylerText=_propertiesTextStylerText.stylerText},function(_propertiesStylerBackground){stylerBackground=_propertiesStylerBackground.stylerBackground},function(_propertiesColorSetsStylerColorSets){stylerColorSets=_propertiesColorSetsStylerColorSets.stylerColorSets}],execute:function(){vars=[];for(const key in stylerVars){if(Object.prototype.hasOwnProperty.call(stylerVars,key)){const element=stylerVars[key];vars.push(new StylerVariable(element.name,element.value))}}_export("StylerSet",StylerSet=class StylerSet{constructor(){this.vars=vars;this.varsCss=this.vars.join("\n\t\t\t");this.properties=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({stylerLayout,stylerColorSets,stylerDisplay,stylerFlexDirection},stylerBorder),itemPositions),stylerText),stylerSizes),stylerSpace),stylerPosition),stylerBackground)}toString(){const properties=[];for(const key in this.properties){if(Object.prototype.hasOwnProperty.call(this.properties,key)){const element=this.properties[key];properties.push(element)}}return`:root{\n            ${this.vars.join("\n")}\n        }\n        \n        ${properties.join("\n")}\n\n        body {\n            background-color: var(--default-color);\n            color: var(--default-text-color);\n        }\n        `}});StylerSet.instance=new StylerSet}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSet");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet"],(function(_export,_context){"use strict";var XNode,BindEditor,DropDownProperty,ExpanderPropertyEditor,StylerSet,properties;function LayoutEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Layout"},XNode.create(DropDownProperty,{property:properties.stylerLayout}),XNode.create(DropDownProperty,{label:"Display",property:properties.stylerDisplay}),XNode.create(DropDownProperty,{label:"Color Set",property:properties.stylerColorSets}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>e.selection.currentStyle.display==="flex")),label:"Direction",property:properties.stylerFlexDirection}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Justify",property:properties.stylerJustifyItems}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Align",property:properties.stylerAlignItems}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Gap",property:properties.stylerGap}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Row Gap",property:properties.stylerRowGap}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Column Gap",property:properties.stylerColumnGap}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex/i.test(e.selection.currentStyle.display))),label:"Wrap",property:properties.stylerFlexWrap}),XNode.create("hr",null),XNode.create("label",{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.parentStyle.display))),text:BindEditor.oneWay((e=>/flex/i.test(e.selection.parentStyle.display)))?"Flex Child":"Grid Child"}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.parentStyle.display))),label:"Align",property:properties.stylerAlignSelf}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.parentStyle.display))),label:"Justify",property:properties.stylerJustifySelf}))}_export("default",LayoutEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor");System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,BindableProperty,AtomControl,XNode,Bind,AtomBinder,SizeEditorControl,BindSizeEditor;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("BindSizeEditor",BindSizeEditor=Bind.forControl());_export("default",SizeEditorControl=class SizeEditorControl extends AtomControl{constructor(){super(...arguments);this._value="";this._isChanging=false;this._old=""}get isCustom(){return this.propertyValue==="custom"}set isCustom(v){if(v){this.propertyValue="custom"}else{this.propertyValue=this._old}}get propertyValue(){return this._value}set propertyValue(v){if(this._isChanging){return}this._isChanging=true;this._old=v&&v!=="custom"?this._value:this._old;this._value=v;AtomBinder.refreshValue(this,"propertyValue");AtomBinder.refreshValue(this,"valueAsNumber");AtomBinder.refreshValue(this,"isCustom");this._isChanging=false}get valueAsNumber(){var _a;const v=this.propertyValue;if(!v||v==="custom"){return 0}return(_a=this.values.findIndex((item=>item.name===v)))!==null&&_a!==void 0?_a:0}set valueAsNumber(v){var _a;this.propertyValue=((_a=this.values[v])===null||_a===void 0?void 0:_a.name)||this._old}init(){return __awaiter(this,void 0,void 0,(function*(){const parent=this.parent;const pv=parent.selection.style(this.property.key);this.values=this.property.values.filter((x=>x.name!=="custom"));this.render(XNode.create("div",{propertyValue:Bind.sourceTwoWays(pv,(x=>x.source.value)),custom:Bind.sourceTwoWays(pv,(x=>x.source.custom)),"data-element":"property-editor","data-display":"flex","data-justify-items":"stretch"},XNode.create("div",{"data-layout":"row"},XNode.create("label",{"data-font-size":"small",text:Bind.oneWay((()=>this.label))}),XNode.create("input",{type:"checkbox",checked:Bind.twoWaysImmediate((()=>this.isCustom))})),XNode.create("div",null,XNode.create("input",{"style-display":Bind.oneWay((()=>!this.isCustom)),type:"range",min:0,max:this.values.length-2,value:Bind.twoWays((()=>this.valueAsNumber))}),XNode.create("input",{"style-display":Bind.oneWay((()=>this.isCustom)),type:"text",value:Bind.twoWaysImmediate((()=>this.custom))}))))}))}preCreate(){this.runAfterInit((()=>this.app.runAsync((()=>this.init()))))}});__decorate([BindableProperty,__metadata("design:type",String)],SizeEditorControl.prototype,"label",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],SizeEditorControl.prototype,"property",void 0);__decorate([BindableProperty,__metadata("design:type",String)],SizeEditorControl.prototype,"custom",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,StylerSet,DropDownProperty,ExpanderPropertyEditor,SizeEditorControl,properties;function TextPropertyEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Text"},XNode.create(DropDownProperty,{label:"Font",property:properties.stylerFontFamily}),XNode.create(DropDownProperty,{label:"Color",property:properties.stylerColor}),XNode.create(SizeEditorControl,{label:"Size",property:properties.stylerFontSize}),XNode.create(DropDownProperty,{label:"Weight",property:properties.stylerFontWeight}),XNode.create(DropDownProperty,{label:"Style",property:properties.stylerFontStyle}),XNode.create(DropDownProperty,{label:"Align",property:properties.stylerTextAlign}),XNode.create(DropDownProperty,{label:"Line Height",property:properties.stylerLineHeight}),XNode.create(DropDownProperty,{label:"Spacing",property:properties.stylerLetterSpacing}),XNode.create(DropDownProperty,{label:"Decoration",property:properties.stylerTextDecoration}),XNode.create(DropDownProperty,{label:"Transform",property:properties.stylerTextTransform}),XNode.create(DropDownProperty,{label:"Direction",property:properties.stylerDirection}),XNode.create(DropDownProperty,{label:"Break",property:properties.stylerWhiteSpace}))}_export("default",TextPropertyEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function BorderGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Border"},XNode.create(DropDownProperty,{label:"Style",property:properties.stylerBorder}),XNode.create(SizeEditorControl,{label:"Radius",property:properties.stylerBorderRadius}),XNode.create(SizeEditorControl,{label:"Color",property:properties.stylerBorderColor}),XNode.create(SizeEditorControl,{label:"Width",property:properties.stylerBorderWidth}))}_export("default",BorderGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/BorderGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,properties;function SizeGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Size"},XNode.create(DropDownProperty,{label:"Width",property:properties.stylerWidth}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerHeight}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerMinWidth}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerMinHeight}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerMaxWidth}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerMaxHeight}))}_export("default",SizeGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/SizeGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function SpaceGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Space"},XNode.create(SizeEditorControl,{label:"Padding",property:properties.stylerPadding}),XNode.create(SizeEditorControl,{label:"Padding Left",property:properties.stylerPaddingLeft}),XNode.create(SizeEditorControl,{label:"Padding Top",property:properties.stylerPaddingTop}),XNode.create(SizeEditorControl,{label:"Padding Right",property:properties.stylerPaddingRight}),XNode.create(SizeEditorControl,{label:"Padding Bottom",property:properties.stylerPaddingBottom}),XNode.create(SizeEditorControl,{label:"Margin",property:properties.stylerMargin}),XNode.create(SizeEditorControl,{label:"Margin Left",property:properties.stylerMarginLeft}),XNode.create(SizeEditorControl,{label:"Margin Top",property:properties.stylerMarginTop}),XNode.create(SizeEditorControl,{label:"Margin Right",property:properties.stylerMarginRight}),XNode.create(SizeEditorControl,{label:"Margin Bottom",property:properties.stylerMarginBottom}))}_export("default",SpaceGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/SpaceGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,BindSizeEditor,properties;function PositionGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Position"},XNode.create(DropDownProperty,{label:"Position",property:properties.stylerPosition}),XNode.create(SizeEditorControl,{label:"Left","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerLeft}),XNode.create(SizeEditorControl,{label:"Top","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerTop}),XNode.create(SizeEditorControl,{label:"Right","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerRight}),XNode.create(SizeEditorControl,{label:"Bottom","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerBottom}))}_export("default",PositionGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default;BindSizeEditor=_controlsSizeEditorControl.BindSizeEditor}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/PositionGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function BackgroundGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Background"},XNode.create(DropDownProperty,{label:"Type",property:properties.stylerBackground}),XNode.create(DropDownProperty,{label:"Color",property:properties.stylerBackgroundColor}),XNode.create(DropDownProperty,{label:"Image",property:properties.stylerBackgroundImage}),XNode.create(DropDownProperty,{label:"Position",property:properties.stylerBackgroundPosition}),XNode.create(SizeEditorControl,{label:"Position-X",property:properties.stylerBackgroundPositionX}),XNode.create(SizeEditorControl,{label:"Position-Y",property:properties.stylerBackgroundPositionY}),XNode.create(DropDownProperty,{label:"Size",property:properties.stylerBackgroundSize}),XNode.create(DropDownProperty,{label:"Repeat",property:properties.stylerBackgroundRepeat}),XNode.create(DropDownProperty,{label:"Attachment",property:properties.stylerBackgroundAttachment}))}_export("default",BackgroundGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/BackgroundGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,BindEditor,ExpanderPropertyEditor,TextProperty;function AttributeEditor(){return XNode.create(ExpanderPropertyEditor,{isExpanded:true,label:"Attributes"},XNode.create(TextProperty,{label:"Link","style-display":BindEditor.oneWay((x=>x.selection.name==="a")),attributeName:"href"}),XNode.create(TextProperty,{label:"Target","style-display":BindEditor.oneWay((x=>x.selection.name==="a")),attributeName:"target"}),XNode.create(TextProperty,{label:"Tool Tip",attributeName:"title"}))}_export("default",AttributeEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor;TextProperty=_controlsPropertyEditor.TextProperty}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/AttributeEditor");System.register(["@web-atoms/core/dist/core/XNode","./groups/LayoutEditor","./groups/TextPropertyEditor","./groups/BorderGroupEditor","./groups/SizeGroupEditor","./groups/SpaceGroupEditor","./groups/PositionGroupEditor","./groups/BackgroundGroupEditor","./groups/AttributeEditor"],(function(_export,_context){"use strict";var XNode,LayoutEditor,TextPropertyEditor,BorderGroupEditor,SizeGroupEditor,SpaceGroupEditor,PositionGroupEditor,BackgroundGroupEditor,AttributeEditor;function Properties(){return XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},XNode.create(AttributeEditor,null),XNode.create(LayoutEditor,null),XNode.create(SizeGroupEditor,null),XNode.create(BorderGroupEditor,null),XNode.create(SpaceGroupEditor,null),XNode.create(PositionGroupEditor,null),XNode.create(BackgroundGroupEditor,null),XNode.create(TextPropertyEditor,null))}_export("default",Properties);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_groupsLayoutEditor){LayoutEditor=_groupsLayoutEditor.default},function(_groupsTextPropertyEditor){TextPropertyEditor=_groupsTextPropertyEditor.default},function(_groupsBorderGroupEditor){BorderGroupEditor=_groupsBorderGroupEditor.default},function(_groupsSizeGroupEditor){SizeGroupEditor=_groupsSizeGroupEditor.default},function(_groupsSpaceGroupEditor){SpaceGroupEditor=_groupsSpaceGroupEditor.default},function(_groupsPositionGroupEditor){PositionGroupEditor=_groupsPositionGroupEditor.default},function(_groupsBackgroundGroupEditor){BackgroundGroupEditor=_groupsBackgroundGroupEditor.default},function(_groupsAttributeEditor){AttributeEditor=_groupsAttributeEditor.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/Properties");System.register(["@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var AtomBinder,SelectedElement;_export("SelectedElement",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("SelectedElement",SelectedElement=class SelectedElement{get element(){return this.e}get parentStyle(){var _a,_b,_c,_d;const pe=(_a=this.e)===null||_a===void 0?void 0:_a.parentElement;return(_b=this.cachedParentStyle)!==null&&_b!==void 0?_b:this.cachedParentStyle=pe&&this.editor.htmlDocument?(_d=(_c=this.editor.htmlDocument)===null||_c===void 0?void 0:_c.defaultView)===null||_d===void 0?void 0:_d.getComputedStyle(pe):{}}get currentStyle(){var _a,_b,_c;return(_a=this.cachedStyle)!==null&&_a!==void 0?_a:this.cachedStyle=this.e&&this.editor.htmlDocument?(_c=(_b=this.editor.htmlDocument)===null||_b===void 0?void 0:_b.defaultView)===null||_c===void 0?void 0:_c.getComputedStyle(this.e):{}}constructor(editor){this.editor=editor;this.styles=new Map;this.empty={setAttribute(n,v){this[n]=v},getAttribute(n){return this[n]}};this.name="";this.isImage=false;this.mo=new MutationObserver((changes=>{AtomBinder.refreshValue(this,"element");this.cachedStyle=null;this.cachedParentStyle=null;AtomBinder.refreshValue(this,"currentStyle");AtomBinder.refreshValue(this,"parentStyle");AtomBinder.refreshValue(this,"attributes");for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}))}style(name){let mapper=this.styles.get(name);if(!mapper){const owner=this;const customName="--"+name;mapper={name,get value(){var _a,_b;return(_b=(_a=owner.e)===null||_a===void 0?void 0:_a.getAttribute(name))!==null&&_b!==void 0?_b:""},set value(v){if(!owner.e){return}if(!v){owner.e.removeAttribute(name)}else{owner.e.setAttribute(name,v)}owner.editor.commit();AtomBinder.refreshValue(this,"value");setTimeout((()=>{AtomBinder.refreshValue(this,"custom");AtomBinder.refreshValue(owner,"currentStyle");AtomBinder.refreshValue(owner,"parentStyle")}),1)},get custom(){var _a,_b,_c;return(_c=(_b=(_a=owner.e)===null||_a===void 0?void 0:_a.style)===null||_b===void 0?void 0:_b.getPropertyValue(customName))!==null&&_c!==void 0?_c:""},set custom(v){const e=owner===null||owner===void 0?void 0:owner.e;if(!e){return}if(!v){e.style.removeProperty(customName)}else{e.style.setProperty(customName,v)}}};this.styles.set(name,mapper)}return mapper}clear(){this.e=null;AtomBinder.refreshValue(this,"element")}update(e){if(e){if(this.e){this.mo.disconnect()}this.e=e;AtomBinder.refreshValue(this,"element");this.cachedStyle=null;this.cachedParentStyle=null;AtomBinder.refreshValue(this,"currentStyle");AtomBinder.refreshValue(this,"parentStyle");AtomBinder.refreshValue(this,"attributes");this.mo.observe(e,{attributes:true})}e=this.e;if(!e){return}this.name=e.tagName.toLowerCase();const r=e.getBoundingClientRect();this.isImage=this.name==="img";this.top=`${r.top+2}px`;this.left=`${r.left+2}px`;this.width=`${r.width}px`;this.height=`${r.height}px`;switch(this.dropAnchor){case"top":this.height="2px";break;case"left":this.width="2px";break;case"bottom":this.top=`${r.top+r.height+4}px`;this.height="2px";break;case"right":this.top=`${r.left+r.width+4}px`;this.width="2px";break}for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/SelectedElement");System.register([],(function(_export,_context){"use strict";var defaultImageSrc;return{setters:[],execute:function(){_export("defaultImageSrc",defaultImageSrc=`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/defaultImage");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,RightImageBox,ImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("RightImageBox",RightImageBox=Block({className:"material-symbols-outlined",title:"Add Image Box with Image on Right",text:"",factory:()=>XNode.create("section",{"styler-layout":"image-box","styler-flex-direction":"row-reverse"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}));_export("ImageBox",ImageBox=Block({className:"material-symbols-outlined",title:"Add Image Box",text:"",factory:()=>XNode.create("section",{"styler-layout":"image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/row.png"],(function(_export,_context){"use strict";var XNode,Block,row,RowBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsRowPng){row=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsRowPng.default}],execute:function(){_export("RowBox",RowBox=Block({title:"Add Row",src:row,factory:()=>XNode.create("section",{"styler-layout":"row"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/RowBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png"],(function(_export,_context){"use strict";var XNode,Block,column,column2,column3,ColumnBox,Columns2,Columns3;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng){column=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng.default},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png){column2=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png.default},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png){column3=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png.default}],execute:function(){_export("ColumnBox",ColumnBox=Block({title:"Add Single Column Box",src:column,factory:()=>XNode.create("section",{"styler-layout":"column"},XNode.create("section",null),XNode.create("section",null))}));_export("Columns2",Columns2=Block({title:"Add 2 Columns",src:column2,factory:()=>XNode.create("section",{"styler-layout":"columns-2"},XNode.create("section",null),XNode.create("section",null))}));_export("Columns3",Columns3=Block({title:"Add 3 Columns",src:column3,factory:()=>XNode.create("section",{"styler-layout":"columns-3"},XNode.create("section",null),XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ColumnBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/vertical-image-box.png"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,verticalImageBox,VerticalImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsVerticalImageBoxPng){verticalImageBox=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsVerticalImageBoxPng.default}],execute:function(){_export("VerticalImageBox",VerticalImageBox=Block({className:"fas fa-image",title:"Add Vertical Image Box",src:verticalImageBox,factory:()=>XNode.create("section",{"styler-layout":"vertical-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/VerticalImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,Image;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("Image",Image=Block({className:"fad fa-image",title:"Add Photo",factory:()=>XNode.create("img",{src:defaultImageSrc})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Image");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,ImageCard;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("ImageCard",ImageCard=Block({className:"fad fa-id-card",title:"Add Image Card",factory:()=>XNode.create("section",{"styler-layout":"image-card"},XNode.create("h4",null),XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageCard");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,src,TextBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){src=`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`;_export("TextBox",TextBox=Block({className:"material-symbols-outlined",title:"Add Text Box",text:"",factory:()=>XNode.create("section",{"styler-layout":"text-box"},XNode.create("p",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/TextBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/card.png"],(function(_export,_context){"use strict";var XNode,Block,card,Card;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng){card=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng.default}],execute:function(){_export("Card",Card=Block({title:"Add Card",src:card,factory:()=>XNode.create("section",{"styler-layout":"card"},XNode.create("h4",{"styler-element":"accent"}),XNode.create("section",{"styler-element":"surface"}))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Card");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,List;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("List",List=Block({className:"fad fa-list",title:"Add List",factory:()=>XNode.create("ul",null,XNode.create("li",null),XNode.create("li",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/List");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,BlogComponent;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("BlogComponent",BlogComponent=Block({className:"fad fa-blog",title:"Add Blog Component",factory:()=>XNode.create("section",{"data-web-atoms-view":"blog-view",style:"margin: 10px; padding: 10px; background: gray; border-radius: 10px; color: white;"},"Blog View")}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Components");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/web/controls/AtomControl","../drag-drop/DragDropHelper","../toolbars/UndoRedoToolbar","../blocks/WrapGrid","../toolbars/EditorToolbar","../properties/Properties","../styler/StylerSet","./SelectedElement","@web-atoms/core/dist/core/AtomBinder","../styler/Styler","../blocks/ImageBox","../blocks/RowBox","../blocks/ColumnBox","../blocks/VerticalImageBox","../blocks/Image","../blocks/ImageCard","../blocks/TextBox","../blocks/Card","../blocks/List","../blocks/Components"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,StylerVariable,ImageBox,RightImageBox,RowBox,ColumnBox,Columns2,Columns3,VerticalImageBox,Image,ImageCard,TextBox,Card,List,BlogComponent,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_dragDropDragDropHelper){InstallDragDropHelper=_dragDropDragDropHelper.InstallDragDropHelper},function(_toolbarsUndoRedoToolbar){UndoRedoToolbar=_toolbarsUndoRedoToolbar.default},function(_blocksWrapGrid){WrapGrid=_blocksWrapGrid.WrapGrid},function(_toolbarsEditorToolbar){EditorToolbar=_toolbarsEditorToolbar.default},function(_propertiesProperties){Properties=_propertiesProperties.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_SelectedElement){SelectedElement=_SelectedElement.SelectedElement},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder},function(_stylerStyler){StylerVariable=_stylerStyler.StylerVariable},function(_blocksImageBox){ImageBox=_blocksImageBox.ImageBox;RightImageBox=_blocksImageBox.RightImageBox},function(_blocksRowBox){RowBox=_blocksRowBox.RowBox},function(_blocksColumnBox){ColumnBox=_blocksColumnBox.ColumnBox;Columns2=_blocksColumnBox.Columns2;Columns3=_blocksColumnBox.Columns3},function(_blocksVerticalImageBox){VerticalImageBox=_blocksVerticalImageBox.VerticalImageBox},function(_blocksImage){Image=_blocksImage.Image},function(_blocksImageCard){ImageCard=_blocksImageCard.ImageCard},function(_blocksTextBox){TextBox=_blocksTextBox.TextBox},function(_blocksCard){Card=_blocksCard.Card},function(_blocksList){List=_blocksList.List},function(_blocksComponents){BlogComponent=_blocksComponents.BlogComponent}],execute:function(){styled.css`
+    `}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/color-sets/stylerColorSets");System.register(["./Styler","./properties/stylerBorder","./properties/layouts/display","./properties/layouts/flex/flex","./properties/layouts/items-position/itemsPosition","./properties/layouts/layout","./properties/stylerPosition","./properties/stylerSizes","./properties/stylerSpace","./properties/text/stylerText","./properties/stylerBackground","./properties/color-sets/stylerColorSets"],(function(_export,_context){"use strict";var StylerVariable,stylerVars,stylerBorder,stylerDisplay,stylerFlexDirection,itemPositions,stylerLayout,stylerPosition,stylerSizes,stylerSpace,stylerText,stylerBackground,stylerColorSets,StylerSet,vars;_export("StylerSet",void 0);return{setters:[function(_Styler){StylerVariable=_Styler.StylerVariable;stylerVars=_Styler.stylerVars},function(_propertiesStylerBorder){stylerBorder=_propertiesStylerBorder.stylerBorder},function(_propertiesLayoutsDisplay){stylerDisplay=_propertiesLayoutsDisplay.stylerDisplay},function(_propertiesLayoutsFlexFlex){stylerFlexDirection=_propertiesLayoutsFlexFlex.stylerFlexDirection},function(_propertiesLayoutsItemsPositionItemsPosition){itemPositions=_propertiesLayoutsItemsPositionItemsPosition.itemPositions},function(_propertiesLayoutsLayout){stylerLayout=_propertiesLayoutsLayout.stylerLayout},function(_propertiesStylerPosition){stylerPosition=_propertiesStylerPosition.stylerPosition},function(_propertiesStylerSizes){stylerSizes=_propertiesStylerSizes.stylerSizes},function(_propertiesStylerSpace){stylerSpace=_propertiesStylerSpace.stylerSpace},function(_propertiesTextStylerText){stylerText=_propertiesTextStylerText.stylerText},function(_propertiesStylerBackground){stylerBackground=_propertiesStylerBackground.stylerBackground},function(_propertiesColorSetsStylerColorSets){stylerColorSets=_propertiesColorSetsStylerColorSets.stylerColorSets}],execute:function(){vars=[];for(const key in stylerVars){if(Object.prototype.hasOwnProperty.call(stylerVars,key)){const element=stylerVars[key];vars.push(new StylerVariable(element.name,element.value))}}_export("StylerSet",StylerSet=class StylerSet{constructor(){this.vars=vars;this.varsCss=this.vars.join("\n\t\t\t");this.properties=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({stylerLayout,stylerColorSets,stylerDisplay,stylerFlexDirection},stylerBorder),itemPositions),stylerText),stylerSizes),stylerSpace),stylerPosition),stylerBackground)}toString(){const properties=[];for(const key in this.properties){if(Object.prototype.hasOwnProperty.call(this.properties,key)){const element=this.properties[key];properties.push(element)}}return`:root{\n            ${this.vars.join("\n")}\n        }\n        \n        ${properties.join("\n")}\n\n        body {\n            background-color: var(--default-color);\n            color: var(--default-text-color);\n        }\n        `}});StylerSet.instance=new StylerSet}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSet");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet"],(function(_export,_context){"use strict";var XNode,BindEditor,DropDownProperty,ExpanderPropertyEditor,StylerSet,properties;function LayoutEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Layout"},XNode.create(DropDownProperty,{property:properties.stylerLayout}),XNode.create(DropDownProperty,{label:"Display",property:properties.stylerDisplay}),XNode.create(DropDownProperty,{label:"Color Set",property:properties.stylerColorSets}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>e.selection.currentStyle.display==="flex")),label:"Direction",property:properties.stylerFlexDirection}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Justify",property:properties.stylerJustifyItems}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Align",property:properties.stylerAlignItems}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Gap",property:properties.stylerGap}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Row Gap",property:properties.stylerRowGap}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Column Gap",property:properties.stylerColumnGap}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex/i.test(e.selection.currentStyle.display))),label:"Wrap",property:properties.stylerFlexWrap}),XNode.create("hr",null),XNode.create("label",{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.parentStyle.display))),text:BindEditor.oneWay((e=>/flex/i.test(e.selection.parentStyle.display)))?"Flex Child":"Grid Child"}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.parentStyle.display))),label:"Align",property:properties.stylerAlignSelf}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.parentStyle.display))),label:"Justify",property:properties.stylerJustifySelf}))}_export("default",LayoutEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor");System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,BindableProperty,AtomControl,XNode,Bind,AtomBinder,SizeEditorControl,BindSizeEditor;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("BindSizeEditor",BindSizeEditor=Bind.forControl());_export("default",SizeEditorControl=class SizeEditorControl extends AtomControl{constructor(){super(...arguments);this._value="";this._isChanging=false;this._old=""}get isCustom(){return this.propertyValue==="custom"}set isCustom(v){if(v){this.propertyValue="custom"}else{this.propertyValue=this._old}}get propertyValue(){return this._value}set propertyValue(v){if(this._isChanging){return}this._isChanging=true;this._old=v&&v!=="custom"?this._value:this._old;this._value=v;AtomBinder.refreshValue(this,"propertyValue");AtomBinder.refreshValue(this,"valueAsNumber");AtomBinder.refreshValue(this,"isCustom");this._isChanging=false}get valueAsNumber(){var _a;const v=this.propertyValue;if(!v||v==="custom"){return 0}return(_a=this.values.findIndex((item=>item.name===v)))!==null&&_a!==void 0?_a:0}set valueAsNumber(v){var _a;this.propertyValue=((_a=this.values[v])===null||_a===void 0?void 0:_a.name)||this._old}init(){return __awaiter(this,void 0,void 0,(function*(){const parent=this.parent;const pv=parent.selection.style(this.property.key);this.values=this.property.values.filter((x=>x.name!=="custom"));this.render(XNode.create("div",{propertyValue:Bind.sourceTwoWays(pv,(x=>x.source.value)),custom:Bind.sourceTwoWays(pv,(x=>x.source.custom)),"data-element":"property-editor","data-display":"flex","data-justify-items":"stretch"},XNode.create("div",{"data-layout":"row"},XNode.create("label",{"data-font-size":"small",text:Bind.oneWay((()=>this.label))}),XNode.create("input",{type:"checkbox",checked:Bind.twoWaysImmediate((()=>this.isCustom))})),XNode.create("div",null,XNode.create("input",{"style-display":Bind.oneWay((()=>!this.isCustom)),type:"range",min:0,max:this.values.length-2,value:Bind.twoWays((()=>this.valueAsNumber))}),XNode.create("input",{"style-display":Bind.oneWay((()=>this.isCustom)),type:"text",value:Bind.twoWaysImmediate((()=>this.custom))}))))}))}preCreate(){this.runAfterInit((()=>this.app.runAsync((()=>this.init()))))}});__decorate([BindableProperty,__metadata("design:type",String)],SizeEditorControl.prototype,"label",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],SizeEditorControl.prototype,"property",void 0);__decorate([BindableProperty,__metadata("design:type",String)],SizeEditorControl.prototype,"custom",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,StylerSet,DropDownProperty,ExpanderPropertyEditor,SizeEditorControl,properties;function TextPropertyEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Text"},XNode.create(DropDownProperty,{label:"Font",property:properties.stylerFontFamily}),XNode.create(DropDownProperty,{label:"Color",property:properties.stylerColor}),XNode.create(SizeEditorControl,{label:"Size",property:properties.stylerFontSize}),XNode.create(DropDownProperty,{label:"Weight",property:properties.stylerFontWeight}),XNode.create(DropDownProperty,{label:"Style",property:properties.stylerFontStyle}),XNode.create(DropDownProperty,{label:"Align",property:properties.stylerTextAlign}),XNode.create(DropDownProperty,{label:"Line Height",property:properties.stylerLineHeight}),XNode.create(DropDownProperty,{label:"Spacing",property:properties.stylerLetterSpacing}),XNode.create(DropDownProperty,{label:"Decoration",property:properties.stylerTextDecoration}),XNode.create(DropDownProperty,{label:"Transform",property:properties.stylerTextTransform}),XNode.create(DropDownProperty,{label:"Direction",property:properties.stylerDirection}),XNode.create(DropDownProperty,{label:"Break",property:properties.stylerWhiteSpace}))}_export("default",TextPropertyEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function BorderGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Border"},XNode.create(DropDownProperty,{label:"Style",property:properties.stylerBorder}),XNode.create(SizeEditorControl,{label:"Radius",property:properties.stylerBorderRadius}),XNode.create(SizeEditorControl,{label:"Color",property:properties.stylerBorderColor}),XNode.create(SizeEditorControl,{label:"Width",property:properties.stylerBorderWidth}))}_export("default",BorderGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/BorderGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,properties;function SizeGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Size"},XNode.create(DropDownProperty,{label:"Width",property:properties.stylerWidth}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerHeight}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerMinWidth}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerMinHeight}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerMaxWidth}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerMaxHeight}))}_export("default",SizeGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/SizeGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function SpaceGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Space"},XNode.create(SizeEditorControl,{label:"Padding",property:properties.stylerPadding}),XNode.create(SizeEditorControl,{label:"Padding Left",property:properties.stylerPaddingLeft}),XNode.create(SizeEditorControl,{label:"Padding Top",property:properties.stylerPaddingTop}),XNode.create(SizeEditorControl,{label:"Padding Right",property:properties.stylerPaddingRight}),XNode.create(SizeEditorControl,{label:"Padding Bottom",property:properties.stylerPaddingBottom}),XNode.create(SizeEditorControl,{label:"Margin",property:properties.stylerMargin}),XNode.create(SizeEditorControl,{label:"Margin Left",property:properties.stylerMarginLeft}),XNode.create(SizeEditorControl,{label:"Margin Top",property:properties.stylerMarginTop}),XNode.create(SizeEditorControl,{label:"Margin Right",property:properties.stylerMarginRight}),XNode.create(SizeEditorControl,{label:"Margin Bottom",property:properties.stylerMarginBottom}))}_export("default",SpaceGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/SpaceGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,BindSizeEditor,properties;function PositionGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Position"},XNode.create(DropDownProperty,{label:"Position",property:properties.stylerPosition}),XNode.create(SizeEditorControl,{label:"Left","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerLeft}),XNode.create(SizeEditorControl,{label:"Top","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerTop}),XNode.create(SizeEditorControl,{label:"Right","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerRight}),XNode.create(SizeEditorControl,{label:"Bottom","style-display":BindSizeEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position))),property:properties.stylerBottom}))}_export("default",PositionGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default;BindSizeEditor=_controlsSizeEditorControl.BindSizeEditor}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/PositionGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function BackgroundGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Background"},XNode.create(DropDownProperty,{label:"Type",property:properties.stylerBackground}),XNode.create(DropDownProperty,{label:"Color",property:properties.stylerBackgroundColor}),XNode.create(DropDownProperty,{label:"Image",property:properties.stylerBackgroundImage}),XNode.create(DropDownProperty,{label:"Position",property:properties.stylerBackgroundPosition}),XNode.create(SizeEditorControl,{label:"Position-X",property:properties.stylerBackgroundPositionX}),XNode.create(SizeEditorControl,{label:"Position-Y",property:properties.stylerBackgroundPositionY}),XNode.create(DropDownProperty,{label:"Size",property:properties.stylerBackgroundSize}),XNode.create(DropDownProperty,{label:"Repeat",property:properties.stylerBackgroundRepeat}),XNode.create(DropDownProperty,{label:"Attachment",property:properties.stylerBackgroundAttachment}))}_export("default",BackgroundGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsSizeEditorControl){SizeEditorControl=_controlsSizeEditorControl.default}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/BackgroundGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,BindEditor,ExpanderPropertyEditor,TextProperty;function AttributeEditor(){return XNode.create(ExpanderPropertyEditor,{isExpanded:true,label:"Attributes"},XNode.create(TextProperty,{label:"Link","style-display":BindEditor.oneWay((x=>x.selection.name==="a")),attributeName:"href"}),XNode.create(TextProperty,{label:"Target","style-display":BindEditor.oneWay((x=>x.selection.name==="a")),attributeName:"target"}),XNode.create(TextProperty,{label:"Tool Tip",attributeName:"title"}))}_export("default",AttributeEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor;TextProperty=_controlsPropertyEditor.TextProperty}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/AttributeEditor");System.register(["@web-atoms/core/dist/core/XNode","./groups/LayoutEditor","./groups/TextPropertyEditor","./groups/BorderGroupEditor","./groups/SizeGroupEditor","./groups/SpaceGroupEditor","./groups/PositionGroupEditor","./groups/BackgroundGroupEditor","./groups/AttributeEditor"],(function(_export,_context){"use strict";var XNode,LayoutEditor,TextPropertyEditor,BorderGroupEditor,SizeGroupEditor,SpaceGroupEditor,PositionGroupEditor,BackgroundGroupEditor,AttributeEditor;function Properties(){return XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},XNode.create(AttributeEditor,null),XNode.create(LayoutEditor,null),XNode.create(SizeGroupEditor,null),XNode.create(BorderGroupEditor,null),XNode.create(SpaceGroupEditor,null),XNode.create(PositionGroupEditor,null),XNode.create(BackgroundGroupEditor,null),XNode.create(TextPropertyEditor,null))}_export("default",Properties);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_groupsLayoutEditor){LayoutEditor=_groupsLayoutEditor.default},function(_groupsTextPropertyEditor){TextPropertyEditor=_groupsTextPropertyEditor.default},function(_groupsBorderGroupEditor){BorderGroupEditor=_groupsBorderGroupEditor.default},function(_groupsSizeGroupEditor){SizeGroupEditor=_groupsSizeGroupEditor.default},function(_groupsSpaceGroupEditor){SpaceGroupEditor=_groupsSpaceGroupEditor.default},function(_groupsPositionGroupEditor){PositionGroupEditor=_groupsPositionGroupEditor.default},function(_groupsBackgroundGroupEditor){BackgroundGroupEditor=_groupsBackgroundGroupEditor.default},function(_groupsAttributeEditor){AttributeEditor=_groupsAttributeEditor.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/Properties");System.register(["@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var AtomBinder,SelectedElement;_export("SelectedElement",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("SelectedElement",SelectedElement=class SelectedElement{get element(){return this.e}get parentStyle(){var _a,_b,_c,_d;const pe=(_a=this.e)===null||_a===void 0?void 0:_a.parentElement;return(_b=this.cachedParentStyle)!==null&&_b!==void 0?_b:this.cachedParentStyle=pe&&this.editor.htmlDocument?(_d=(_c=this.editor.htmlDocument)===null||_c===void 0?void 0:_c.defaultView)===null||_d===void 0?void 0:_d.getComputedStyle(pe):{}}get currentStyle(){var _a,_b,_c;return(_a=this.cachedStyle)!==null&&_a!==void 0?_a:this.cachedStyle=this.e&&this.editor.htmlDocument?(_c=(_b=this.editor.htmlDocument)===null||_b===void 0?void 0:_b.defaultView)===null||_c===void 0?void 0:_c.getComputedStyle(this.e):{}}constructor(editor){this.editor=editor;this.styles=new Map;this.empty={setAttribute(n,v){this[n]=v},getAttribute(n){return this[n]}};this.name="";this.isImage=false;this.mo=new MutationObserver((changes=>{AtomBinder.refreshValue(this,"element");this.cachedStyle=null;this.cachedParentStyle=null;AtomBinder.refreshValue(this,"currentStyle");AtomBinder.refreshValue(this,"parentStyle");AtomBinder.refreshValue(this,"attributes");for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}))}style(name){let mapper=this.styles.get(name);if(!mapper){const owner=this;const customName="--"+name;mapper={name,get value(){var _a,_b;return(_b=(_a=owner.e)===null||_a===void 0?void 0:_a.getAttribute(name))!==null&&_b!==void 0?_b:""},set value(v){if(!owner.e){return}if(!v){owner.e.removeAttribute(name)}else{owner.e.setAttribute(name,v)}owner.editor.commit();AtomBinder.refreshValue(this,"value");setTimeout((()=>{AtomBinder.refreshValue(this,"custom");AtomBinder.refreshValue(owner,"currentStyle");AtomBinder.refreshValue(owner,"parentStyle")}),1)},get custom(){var _a,_b,_c;return(_c=(_b=(_a=owner.e)===null||_a===void 0?void 0:_a.style)===null||_b===void 0?void 0:_b.getPropertyValue(customName))!==null&&_c!==void 0?_c:""},set custom(v){const e=owner===null||owner===void 0?void 0:owner.e;if(!e){return}if(!v){e.style.removeProperty(customName)}else{e.style.setProperty(customName,v)}}};this.styles.set(name,mapper)}return mapper}clear(){this.e=null;AtomBinder.refreshValue(this,"element")}update(e){if(e){if(this.e){this.mo.disconnect()}this.e=e;AtomBinder.refreshValue(this,"element");this.cachedStyle=null;this.cachedParentStyle=null;AtomBinder.refreshValue(this,"currentStyle");AtomBinder.refreshValue(this,"parentStyle");AtomBinder.refreshValue(this,"attributes");this.mo.observe(e,{attributes:true})}e=this.e;if(!e){return}this.name=e.tagName.toLowerCase();const r=e.getBoundingClientRect();this.isImage=this.name==="img";this.top=`${r.top+2}px`;this.left=`${r.left+2}px`;this.width=`${r.width}px`;this.height=`${r.height}px`;switch(this.dropAnchor){case"top":this.height="2px";break;case"left":this.width="2px";break;case"bottom":this.top=`${r.top+r.height+4}px`;this.height="2px";break;case"right":this.top=`${r.left+r.width+4}px`;this.width="2px";break}for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/SelectedElement");System.register([],(function(_export,_context){"use strict";var defaultImageSrc;return{setters:[],execute:function(){_export("defaultImageSrc",defaultImageSrc=`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/defaultImage");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,RightImageBox,ImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("RightImageBox",RightImageBox=Block({className:"material-symbols-outlined",title:"Add Image Box with Image on Right",text:"",factory:()=>XNode.create("section",{"styler-layout":"image-box","styler-flex-direction":"row-reverse"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}));_export("ImageBox",ImageBox=Block({className:"material-symbols-outlined",title:"Add Image Box",text:"",factory:()=>XNode.create("section",{"styler-layout":"image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/row.png"],(function(_export,_context){"use strict";var XNode,Block,row,RowBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsRowPng){row=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsRowPng.default}],execute:function(){_export("RowBox",RowBox=Block({title:"Add Row",src:row,factory:()=>XNode.create("section",{"styler-layout":"row"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/RowBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png"],(function(_export,_context){"use strict";var XNode,Block,column,column2,column3,ColumnBox,Columns2,Columns3;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng){column=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng.default},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png){column2=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png.default},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png){column3=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png.default}],execute:function(){_export("ColumnBox",ColumnBox=Block({title:"Add Single Column Box",src:column,factory:()=>XNode.create("section",{"styler-layout":"column"},XNode.create("section",null),XNode.create("section",null))}));_export("Columns2",Columns2=Block({title:"Add 2 Columns",src:column2,factory:()=>XNode.create("section",{"styler-layout":"columns-2"},XNode.create("section",null),XNode.create("section",null))}));_export("Columns3",Columns3=Block({title:"Add 3 Columns",src:column3,factory:()=>XNode.create("section",{"styler-layout":"columns-3"},XNode.create("section",null),XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ColumnBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/vertical-image-box.png"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,verticalImageBox,VerticalImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsVerticalImageBoxPng){verticalImageBox=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsVerticalImageBoxPng.default}],execute:function(){_export("VerticalImageBox",VerticalImageBox=Block({className:"fas fa-image",title:"Add Vertical Image Box",src:verticalImageBox,factory:()=>XNode.create("section",{"styler-layout":"vertical-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/VerticalImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,Image;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("Image",Image=Block({className:"fad fa-image",title:"Add Photo",factory:()=>XNode.create("img",{src:defaultImageSrc})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Image");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,ImageCard;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("ImageCard",ImageCard=Block({className:"fad fa-id-card",title:"Add Image Card",factory:()=>XNode.create("section",{"styler-layout":"image-card"},XNode.create("h4",null),XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageCard");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,src,TextBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){src=`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`;_export("TextBox",TextBox=Block({className:"material-symbols-outlined",title:"Add Text Box",text:"",factory:()=>XNode.create("section",{"styler-layout":"text-box"},XNode.create("p",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/TextBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/card.png"],(function(_export,_context){"use strict";var XNode,Block,card,Card;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng){card=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng.default}],execute:function(){_export("Card",Card=Block({title:"Add Card",src:card,factory:()=>XNode.create("section",{"styler-layout":"card"},XNode.create("h4",{"styler-element":"accent"}),XNode.create("section",{"styler-element":"surface"}))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Card");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,List;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("List",List=Block({className:"fad fa-list",title:"Add List",factory:()=>XNode.create("ul",null,XNode.create("li",null),XNode.create("li",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/List");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,BlogComponent;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("BlogComponent",BlogComponent=Block({className:"fad fa-blog",title:"Add Blog Component",factory:()=>XNode.create("section",{"data-web-atoms-view":"blog-view",style:"margin: 10px; padding: 10px; background: gray; border-radius: 10px; color: white;"},"Blog View")}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Components");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/web/controls/AtomControl","../drag-drop/DragDropHelper","../toolbars/UndoRedoToolbar","../blocks/WrapGrid","../toolbars/EditorToolbar","../properties/Properties","../styler/StylerSet","./SelectedElement","@web-atoms/core/dist/core/AtomBinder","../styler/Styler","../blocks/ImageBox","../blocks/RowBox","../blocks/ColumnBox","../blocks/VerticalImageBox","../blocks/Image","../blocks/ImageCard","../blocks/TextBox","../blocks/Card","../blocks/List","../blocks/Components","@web-atoms/core/dist/core/types"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,StylerVariable,ImageBox,RightImageBox,RowBox,ColumnBox,Columns2,Columns3,VerticalImageBox,Image,ImageCard,TextBox,Card,List,BlogComponent,UMD,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_dragDropDragDropHelper){InstallDragDropHelper=_dragDropDragDropHelper.InstallDragDropHelper},function(_toolbarsUndoRedoToolbar){UndoRedoToolbar=_toolbarsUndoRedoToolbar.default},function(_blocksWrapGrid){WrapGrid=_blocksWrapGrid.WrapGrid},function(_toolbarsEditorToolbar){EditorToolbar=_toolbarsEditorToolbar.default},function(_propertiesProperties){Properties=_propertiesProperties.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_SelectedElement){SelectedElement=_SelectedElement.SelectedElement},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder},function(_stylerStyler){StylerVariable=_stylerStyler.StylerVariable},function(_blocksImageBox){ImageBox=_blocksImageBox.ImageBox;RightImageBox=_blocksImageBox.RightImageBox},function(_blocksRowBox){RowBox=_blocksRowBox.RowBox},function(_blocksColumnBox){ColumnBox=_blocksColumnBox.ColumnBox;Columns2=_blocksColumnBox.Columns2;Columns3=_blocksColumnBox.Columns3},function(_blocksVerticalImageBox){VerticalImageBox=_blocksVerticalImageBox.VerticalImageBox},function(_blocksImage){Image=_blocksImage.Image},function(_blocksImageCard){ImageCard=_blocksImageCard.ImageCard},function(_blocksTextBox){TextBox=_blocksTextBox.TextBox},function(_blocksCard){Card=_blocksCard.Card},function(_blocksList){List=_blocksList.List},function(_blocksComponents){BlogComponent=_blocksComponents.BlogComponent},function(_webAtomsCoreDistCoreTypes){UMD=_webAtomsCoreDistCoreTypes.UMD}],execute:function(){styled.css`
         display: grid;
         grid-template-columns: auto 1fr auto;
         grid-template-rows: auto 1fr auto;
@@ -3157,7 +3157,7 @@ and limitations under the License.
                 z-index: 50;
             }
         }
-    `.installGlobal("[data-html-page-editor=html-page-editor]");desktopWidth=992;tabletWidth=768;mobileWidth=480;_export("default",HtmlPageEditor=class HtmlPageEditor extends AtomControl{get htmlPage(){var _a,_b;return(_b=(_a=this.htmlDocument)===null||_a===void 0?void 0:_a.documentElement)===null||_b===void 0?void 0:_b.outerHTML}set htmlPage(v){if(!this.element){return}if(!this.ready){setTimeout((()=>{this.htmlPage=v}),100);return}void this.ready.then((()=>__awaiter(this,void 0,void 0,(function*(){if(!this.htmlDocument){return}const iframe=this.element;if(this.htmlDocument!==iframe.contentDocument){this.htmlDocument=void 0;yield this.loadContentDocument()}this.htmlDocument.open();this.htmlDocument.write(v);this.htmlDocument.addEventListener("click",(e=>{const target=e.target;const previous=this.selection.element;if(previous===null||previous===void 0?void 0:previous.isContentEditable){let start=target;while(start){if(previous===target){return}start=start.parentElement}previous.removeAttribute("contentEditable");this.commit()}e.preventDefault();this.setSelection(target)}));this.htmlDocument.addEventListener("dblclick",(e=>{const target=e.target;e.preventDefault();const element=target.nodeType===Node.ELEMENT_NODE?target:target.parentElement;if(element.tagName==="IMG"){this.changeImage().catch(console.error);return}if(element.getAttribute("data-editable")==="false"){return}if(element.hasAttribute("data-web-atoms-view")){return}element.setAttribute("contentEditable","true");this.setSelection(element)}));this.htmlDocument.addEventListener("scroll",(e=>{this.hover.update();this.selection.update()}),{passive:true});this.htmlDocument.addEventListener("pointerover",(e=>{let target=e.target;target=target.nodeType===Node.ELEMENT_NODE&&target.tagName?target:target.parentElement;if(this.hover.element===target){return}this.hover.update(target)}),{capture:true});this.htmlDocument.addEventListener("keydown",(e=>{if(e.ctrlKey||e.metaKey){switch(e.key){case"s":this.contentEditor.dispatchEvent(new CustomEvent("savePage",{bubbles:true}));e.preventDefault();break;case"z":this.contentEditor.dispatchEvent(new CustomEvent("undo",{bubbles:true}));e.preventDefault();break;case"y":this.contentEditor.dispatchEvent(new CustomEvent("redo",{bubbles:true}));e.preventDefault();break}}}));InstallDragDropHelper(this);this.htmlDocument.close();setTimeout((()=>{this.app.runAsync((()=>__awaiter(this,void 0,void 0,(function*(){yield this.setStylerSheet();this.loadVariables()}))))}),10)}))))}constructor(app,e){super(app,e);this.selection=new SelectedElement(this);this.undoList=[];this.redoList=[];this.pageVariables=[];this.hover=new SelectedElement(this);this.dropTarget=new SelectedElement(this);this.maxWidth=desktopWidth;this.ready=this.init()}init(){return __awaiter(this,void 0,void 0,(function*(){this.render(XNode.create("div",{"data-html-page-editor":"html-page-editor"},XNode.create("div",{"data-element":"top"},XNode.create(EditorToolbar,{"data-element":"max-width","event-click":()=>this.deferUpdate()},XNode.create("i",{"data-selected":Bind.oneWay((()=>this.maxWidth===desktopWidth)),"event-click":()=>this.maxWidth=desktopWidth,class:"fas fa-desktop"}),XNode.create("i",{"data-selected":Bind.oneWay((()=>this.maxWidth===tabletWidth)),"event-click":()=>this.maxWidth=tabletWidth,class:"fas fa-tablet-screen"}),XNode.create("i",{"data-selected":Bind.oneWay((()=>this.maxWidth===mobileWidth)),"event-click":()=>this.maxWidth=mobileWidth,class:"fas fa-mobile-screen"})),XNode.create(UndoRedoToolbar,null),XNode.create(EditorToolbar,null,XNode.create("i",{"data-click-event":"edit-code",class:"fa-solid fa-code"}))),XNode.create(EditorToolbar,{"data-element":"left"},XNode.create(TextBox,null),XNode.create(Image,null),XNode.create(WrapGrid,null),XNode.create(VerticalImageBox,null),XNode.create(ImageBox,null),XNode.create(RightImageBox,null),XNode.create(Card,null),XNode.create(ImageCard,null),XNode.create(RowBox,null),XNode.create(ColumnBox,null),XNode.create(Columns2,null),XNode.create(Columns3,null),XNode.create(List,null),XNode.create(BlogComponent,null)),XNode.create("div",{"data-element":"editor","style-max-width":Bind.oneWay((()=>this.maxWidth>768?"":this.maxWidth+"px"))},XNode.create("div",{"data-element":"resizer"}),XNode.create("div",{"data-element":"drop-target","style-display":Bind.oneWay((()=>this.dropTarget.element?"":"none")),"style-position":"absolute","style-left":Bind.oneWay((()=>this.dropTarget.left)),"style-top":Bind.oneWay((()=>this.dropTarget.top)),"style-width":Bind.oneWay((()=>this.dropTarget.width)),"style-height":Bind.oneWay((()=>this.dropTarget.height))}),XNode.create("div",{"data-element":"selection","style-left":Bind.oneWay((()=>this.selection.left)),"style-top":Bind.oneWay((()=>this.selection.top)),"style-width":Bind.oneWay((()=>this.selection.width)),"style-height":Bind.oneWay((()=>this.selection.height))},XNode.create("div",null,XNode.create("i",{class:"fa-regular fa-arrow-up","event-click":()=>{if(this.selection.element.parentElement!==this.htmlDocument.body){this.selection.update(this.selection.element.parentElement)}}}),XNode.create("i",{"event-click":()=>{this.selection.element.draggable=true},class:"fa-solid fa-up-down-left-right","data-click-event":"start-drag"}),XNode.create("i",{"style-display":Bind.oneWay((()=>this.selection.isImage)),"data-click-event":"change-image",title:"Change Image (Double Click)",class:"fa-solid fa-arrows-rotate-reverse"}),XNode.create("i",{title:"Duplicate","data-click-event":"copy-element",class:"fas fa-copy"}),XNode.create("i",{title:"Delete","data-click-event":"delete-element",class:"fas fa-trash-can"}))),XNode.create("div",{"data-element":"hover","style-left":Bind.oneWay((()=>this.hover.left)),"style-top":Bind.oneWay((()=>this.hover.top)),"style-width":Bind.oneWay((()=>this.hover.width)),"style-height":Bind.oneWay((()=>this.hover.height))},XNode.create("label",{text:Bind.oneWay((()=>this.hover.name))})),XNode.create("div",{"data-element":"content-frame"},XNode.create("iframe",{"data-element":"content-editor"}))),XNode.create("div",{"data-element":"right"},XNode.create("button",{"data-click-event":"open-variables","data-layout":"icon-button"},XNode.create("i",{class:"fas fa-code"}),"Variables"),XNode.create(Properties,null))));yield this.loadContentDocument()}))}buildXNode(node){const build=n=>{const e=this.htmlDocument.createElement(n.name);if(n.attributes){for(const key in n.attributes){if(Object.prototype.hasOwnProperty.call(n.attributes,key)){const element=n.attributes[key];e.setAttribute(key,element)}}}if(n.children){for(const iterator of n.children){e.appendChild(build(iterator))}}return e};return build(node)}deleteElement(){var _a;return __awaiter(this,void 0,void 0,(function*(){const current=this.selection.element;let previous=(_a=current.previousElementSibling)!==null&&_a!==void 0?_a:current.parentElement;current.remove();this.commit();if(!previous.textContent){previous=previous.previousElementSibling.lastElementChild}this.setSelection(previous);yield sleep(100);this.selection.update()}))}copyElement(){const current=this.selection.element;const copy=current.cloneNode(true);current.insertAdjacentElement("afterend",copy);this.commit()}changeImage(){return __awaiter(this,void 0,void 0,(function*(){return this.insertImage(prompt("Image Src",""))}))}onKeyUp(d,ke){if(ke.ctrlKey){switch(ke.key){case"z":ke.preventDefault();this.undo();break;case"y":ke.preventDefault();this.redo();break}}}insertImage(src,style){return __awaiter(this,void 0,void 0,(function*(){let img;if(this.selection.isImage){img=this.selection.element}else{img=this.htmlDocument.createElement("img");this.selection.element.appendChild(img)}img.src=src;img.onload=()=>{this.selection.update();img.onload=null};if(style){for(const key in style){if(Object.prototype.hasOwnProperty.call(style,key)){const element=style[key];img.style[key]=element}}}this.commit()}))}insertElement(e,parent=this.selection.element){parent.appendChild(e);if(!e.id){e.id="sm-"+Date.now().toString()}setTimeout((()=>{this.setSelection(e);this.commit()}),100)}deferUpdate(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){yield sleep(100);(_a=this.hover)===null||_a===void 0?void 0:_a.update();(_b=this.selection)===null||_b===void 0?void 0:_b.update()}))}setSelection(element,commit=true){var _a;const old=(_a=this.selection)===null||_a===void 0?void 0:_a.element;if(old){old.draggable=false}this.selection.update(element);if(commit){this.commit()}}commit(){this.redoList.clear();const lastHtml=this.lastHtml;const clone=this.htmlDocument.documentElement.cloneNode(true);const all=clone.querySelectorAll("*");for(let index=0;index<all.length;index++){const element=all[index];element.removeAttribute("draggable")}const blogView=clone.querySelector(`section[data-web-atoms-view="blog-view"]`);if(blogView){const blogScript=this.htmlDocument.createElement("script");blogScript.src="https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@1.2.45/component.js";blogScript.setAttribute("data-package","@social-mail/social-mail-client");blogScript.setAttribute("data-package-root","https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@1.2.45/");blogScript.setAttribute("data-replace","true");blogScript.setAttribute("data-view","dist/public/channel/ChannelView");blogView.parentElement.replaceChild(blogScript,blogView)}const currentHtml=clone.innerHTML;if(!lastHtml){this.lastHtml=currentHtml;return}if(lastHtml===currentHtml){return}this.undoList.add(this.lastHtml);this.lastHtml=currentHtml;this.element.dispatchEvent(new CustomEvent("htmlPageChanged",{detail:currentHtml,bubbles:true}));AtomBinder.refreshValue(this,"htmlPage");setTimeout((()=>{this.selection.update();this.hover.update()}),100)}undo(){this.redoList.insert(this.redoList.length,this.htmlDocument.documentElement.innerHTML);this.htmlDocument.documentElement.innerHTML=this.undoList.removeAt(this.undoList.length-1)}redo(){this.undoList.insert(this.undoList.length,this.htmlDocument.documentElement.innerHTML);this.htmlDocument.documentElement.innerHTML=this.redoList.removeAt(this.redoList.length-1)}setStylerSheet(){return __awaiter(this,void 0,void 0,(function*(){const document=this.htmlDocument;let style=document.querySelector(`[styler-style-sheet]`);if(!style){style=document.createElement("style");style.setAttribute("styler-style-sheet","inline");document.head.appendChild(style)}style.textContent=StylerSet.instance.toString()}))}loadVariables(){const onChange=()=>{const document=this.htmlDocument;let style=document.querySelector("[styler-style-variables]");if(!style){style=document.createElement("style");style.setAttribute("styler-style-variables","override");document.head.appendChild(style)}style.textContent=`:root {\n                ${this.pageVariables.map((x=>`${x.propertyName}: ${x.currentValue};`)).join("\n\t")}\n            }`};this.pageVariables=StylerSet.instance.vars.map((x=>new StylerVariable(x.name,x.value,this.htmlDocument,onChange)))}loadContentDocument(){return __awaiter(this,void 0,void 0,(function*(){this.contentEditor=this.element.querySelector(`[data-element="content-editor"]`);while(!this.htmlDocument){this.htmlDocument=this.contentEditor.contentDocument;yield sleep(100)}}))}});__decorate([Action({onEvent:"delete-element"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],HtmlPageEditor.prototype,"deleteElement",null);__decorate([Action({onEvent:"copy-element",blockMultipleExecution:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"copyElement",null);__decorate([Action({onEvent:"change-image"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],HtmlPageEditor.prototype,"changeImage",null);__decorate([Action({onEvent:"keyup"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,KeyboardEvent]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"onKeyUp",null);__decorate([Action({onEvent:"undo"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"undo",null);__decorate([Action({onEvent:"redo"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"redo",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/HtmlPageEditor");System.register(["tslib","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/controls/AtomControl"],(function(_export,_context){"use strict";var __asyncValues,__awaiter,styled,AtomControl,supportsFileSystemAccessAPI,supportsWebkitGetAsEntry,dragEnter,dragOver,dragLeave,eventDrop,FilesDragDrop;return{setters:[function(_tslib){__asyncValues=_tslib.__asyncValues;__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl}],execute:function(){supportsFileSystemAccessAPI="getAsFileSystemHandle"in DataTransferItem.prototype;supportsWebkitGetAsEntry="webkitGetAsEntry"in DataTransferItem.prototype;styled.css`
+    `.installGlobal("[data-html-page-editor=html-page-editor]");desktopWidth=992;tabletWidth=768;mobileWidth=480;_export("default",HtmlPageEditor=class HtmlPageEditor extends AtomControl{get htmlPage(){var _a,_b;return(_b=(_a=this.htmlDocument)===null||_a===void 0?void 0:_a.documentElement)===null||_b===void 0?void 0:_b.outerHTML}set htmlPage(v){if(!this.element){return}if(!this.ready){setTimeout((()=>{this.htmlPage=v}),100);return}void this.ready.then((()=>__awaiter(this,void 0,void 0,(function*(){if(!this.htmlDocument){return}const iframe=this.element;if(this.htmlDocument!==iframe.contentDocument){this.htmlDocument=void 0;yield this.loadContentDocument()}this.htmlDocument.open();this.htmlDocument.write(v);this.htmlDocument.addEventListener("click",(e=>{const target=e.target;const previous=this.selection.element;if(previous===null||previous===void 0?void 0:previous.isContentEditable){let start=target;while(start){if(previous===target){return}start=start.parentElement}previous.removeAttribute("contentEditable");this.commit()}e.preventDefault();this.setSelection(target)}));this.htmlDocument.addEventListener("dblclick",(e=>{const target=e.target;e.preventDefault();const element=target.nodeType===Node.ELEMENT_NODE?target:target.parentElement;if(element.tagName==="IMG"){this.changeImage().catch(console.error);return}if(element.getAttribute("data-editable")==="false"){return}if(element.hasAttribute("data-web-atoms-view")){return}element.setAttribute("contentEditable","true");this.setSelection(element)}));this.htmlDocument.addEventListener("scroll",(e=>{this.hover.update();this.selection.update()}),{passive:true});this.htmlDocument.addEventListener("pointerover",(e=>{let target=e.target;target=target.nodeType===Node.ELEMENT_NODE&&target.tagName?target:target.parentElement;if(this.hover.element===target){return}this.hover.update(target)}),{capture:true});this.htmlDocument.addEventListener("keydown",(e=>{if(e.ctrlKey||e.metaKey){switch(e.key){case"s":this.contentEditor.dispatchEvent(new CustomEvent("savePage",{bubbles:true}));e.preventDefault();break;case"z":this.contentEditor.dispatchEvent(new CustomEvent("undo",{bubbles:true}));e.preventDefault();break;case"y":this.contentEditor.dispatchEvent(new CustomEvent("redo",{bubbles:true}));e.preventDefault();break}}}));InstallDragDropHelper(this);this.htmlDocument.close();setTimeout((()=>{this.app.runAsync((()=>__awaiter(this,void 0,void 0,(function*(){yield this.setStylerSheet();this.loadVariables()}))))}),10)}))))}constructor(app,e){super(app,e);this.selection=new SelectedElement(this);this.undoList=[];this.redoList=[];this.pageVariables=[];this.hover=new SelectedElement(this);this.dropTarget=new SelectedElement(this);this.maxWidth=desktopWidth;this.ready=this.init()}init(){return __awaiter(this,void 0,void 0,(function*(){this.render(XNode.create("div",{"data-html-page-editor":"html-page-editor"},XNode.create("div",{"data-element":"top"},XNode.create(EditorToolbar,{"data-element":"max-width","event-click":()=>this.deferUpdate()},XNode.create("i",{"data-selected":Bind.oneWay((()=>this.maxWidth===desktopWidth)),"event-click":()=>this.maxWidth=desktopWidth,class:"fas fa-desktop"}),XNode.create("i",{"data-selected":Bind.oneWay((()=>this.maxWidth===tabletWidth)),"event-click":()=>this.maxWidth=tabletWidth,class:"fas fa-tablet-screen"}),XNode.create("i",{"data-selected":Bind.oneWay((()=>this.maxWidth===mobileWidth)),"event-click":()=>this.maxWidth=mobileWidth,class:"fas fa-mobile-screen"})),XNode.create(UndoRedoToolbar,null),XNode.create(EditorToolbar,null,XNode.create("i",{"data-click-event":"edit-code",class:"fa-solid fa-code"}))),XNode.create(EditorToolbar,{"data-element":"left"},XNode.create(TextBox,null),XNode.create(Image,null),XNode.create(WrapGrid,null),XNode.create(VerticalImageBox,null),XNode.create(ImageBox,null),XNode.create(RightImageBox,null),XNode.create(Card,null),XNode.create(ImageCard,null),XNode.create(RowBox,null),XNode.create(ColumnBox,null),XNode.create(Columns2,null),XNode.create(Columns3,null),XNode.create(List,null),XNode.create(BlogComponent,null)),XNode.create("div",{"data-element":"editor","style-max-width":Bind.oneWay((()=>this.maxWidth>768?"":this.maxWidth+"px"))},XNode.create("div",{"data-element":"resizer"}),XNode.create("div",{"data-element":"drop-target","style-display":Bind.oneWay((()=>this.dropTarget.element?"":"none")),"style-position":"absolute","style-left":Bind.oneWay((()=>this.dropTarget.left)),"style-top":Bind.oneWay((()=>this.dropTarget.top)),"style-width":Bind.oneWay((()=>this.dropTarget.width)),"style-height":Bind.oneWay((()=>this.dropTarget.height))}),XNode.create("div",{"data-element":"selection","style-left":Bind.oneWay((()=>this.selection.left)),"style-top":Bind.oneWay((()=>this.selection.top)),"style-width":Bind.oneWay((()=>this.selection.width)),"style-height":Bind.oneWay((()=>this.selection.height))},XNode.create("div",null,XNode.create("i",{class:"fa-regular fa-arrow-up","event-click":()=>{if(this.selection.element.parentElement!==this.htmlDocument.body){this.selection.update(this.selection.element.parentElement)}}}),XNode.create("i",{"event-click":()=>{this.selection.element.draggable=true},class:"fa-solid fa-up-down-left-right","data-click-event":"start-drag"}),XNode.create("i",{"style-display":Bind.oneWay((()=>this.selection.isImage)),"data-click-event":"change-image",title:"Change Image (Double Click)",class:"fa-solid fa-arrows-rotate-reverse"}),XNode.create("i",{title:"Duplicate","data-click-event":"copy-element",class:"fas fa-copy"}),XNode.create("i",{title:"Delete","data-click-event":"delete-element",class:"fas fa-trash-can"}))),XNode.create("div",{"data-element":"hover","style-left":Bind.oneWay((()=>this.hover.left)),"style-top":Bind.oneWay((()=>this.hover.top)),"style-width":Bind.oneWay((()=>this.hover.width)),"style-height":Bind.oneWay((()=>this.hover.height))},XNode.create("label",{text:Bind.oneWay((()=>this.hover.name))})),XNode.create("div",{"data-element":"content-frame"},XNode.create("iframe",{"data-element":"content-editor"}))),XNode.create("div",{"data-element":"right"},XNode.create("button",{"data-click-event":"open-variables","data-layout":"icon-button"},XNode.create("i",{class:"fas fa-code"}),"Variables"),XNode.create(Properties,null))));yield this.loadContentDocument()}))}buildXNode(node){const build=n=>{const e=this.htmlDocument.createElement(n.name);if(n.attributes){for(const key in n.attributes){if(Object.prototype.hasOwnProperty.call(n.attributes,key)){const element=n.attributes[key];e.setAttribute(key,element)}}}if(n.children){for(const iterator of n.children){e.appendChild(build(iterator))}}return e};return build(node)}deleteElement(){var _a;return __awaiter(this,void 0,void 0,(function*(){const current=this.selection.element;let previous=(_a=current.previousElementSibling)!==null&&_a!==void 0?_a:current.parentElement;current.remove();this.commit();if(!previous.textContent){previous=previous.previousElementSibling.lastElementChild}this.setSelection(previous);yield sleep(100);this.selection.update()}))}copyElement(){const current=this.selection.element;const copy=current.cloneNode(true);current.insertAdjacentElement("afterend",copy);this.commit()}changeImage(){return __awaiter(this,void 0,void 0,(function*(){return this.insertImage(prompt("Image Src",""))}))}onKeyUp(d,ke){if(ke.ctrlKey){switch(ke.key){case"z":ke.preventDefault();this.undo();break;case"y":ke.preventDefault();this.redo();break}}}insertImage(src,style){return __awaiter(this,void 0,void 0,(function*(){let img;if(this.selection.isImage){img=this.selection.element}else{img=this.htmlDocument.createElement("img");this.selection.element.appendChild(img)}img.src=src;img.onload=()=>{this.selection.update();img.onload=null};if(style){for(const key in style){if(Object.prototype.hasOwnProperty.call(style,key)){const element=style[key];img.style[key]=element}}}this.commit()}))}insertElement(e,parent=this.selection.element){parent.appendChild(e);if(!e.id){e.id="sm-"+Date.now().toString()}setTimeout((()=>{this.setSelection(e);this.commit()}),100)}deferUpdate(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){yield sleep(100);(_a=this.hover)===null||_a===void 0?void 0:_a.update();(_b=this.selection)===null||_b===void 0?void 0:_b.update()}))}setSelection(element,commit=true){var _a;const old=(_a=this.selection)===null||_a===void 0?void 0:_a.element;if(old){old.draggable=false}this.selection.update(element);if(commit){this.commit()}}commit(){this.redoList.clear();const lastHtml=this.lastHtml;const clone=this.htmlDocument.documentElement.cloneNode(true);const all=clone.querySelectorAll("*");for(let index=0;index<all.length;index++){const element=all[index];element.removeAttribute("draggable")}const blogView=clone.querySelector(`section[data-web-atoms-view="blog-view"]`);if(blogView){const blogScript=this.htmlDocument.createElement("script");blogScript.src=UMD.resolvePath("@social-mail/social-mail-client/component.js");blogScript.setAttribute("data-package","@social-mail/social-mail-client");blogScript.setAttribute("data-package-root",UMD.resolvePath("@social-mail/social-mail-client/"));blogScript.setAttribute("data-replace","true");blogScript.setAttribute("data-view","dist/public/channel/ChannelView");blogView.parentElement.replaceChild(blogScript,blogView)}const currentHtml=clone.innerHTML;if(!lastHtml){this.lastHtml=currentHtml;return}if(lastHtml===currentHtml){return}this.undoList.add(this.lastHtml);this.lastHtml=currentHtml;this.element.dispatchEvent(new CustomEvent("htmlPageChanged",{detail:currentHtml,bubbles:true}));AtomBinder.refreshValue(this,"htmlPage");setTimeout((()=>{this.selection.update();this.hover.update()}),100)}undo(){this.redoList.insert(this.redoList.length,this.htmlDocument.documentElement.innerHTML);this.htmlDocument.documentElement.innerHTML=this.undoList.removeAt(this.undoList.length-1)}redo(){this.undoList.insert(this.undoList.length,this.htmlDocument.documentElement.innerHTML);this.htmlDocument.documentElement.innerHTML=this.redoList.removeAt(this.redoList.length-1)}setStylerSheet(){return __awaiter(this,void 0,void 0,(function*(){const document=this.htmlDocument;let style=document.querySelector(`[styler-style-sheet]`);if(!style){style=document.createElement("style");style.setAttribute("styler-style-sheet","inline");document.head.appendChild(style)}style.textContent=StylerSet.instance.toString()}))}loadVariables(){const onChange=()=>{const document=this.htmlDocument;let style=document.querySelector("[styler-style-variables]");if(!style){style=document.createElement("style");style.setAttribute("styler-style-variables","override");document.head.appendChild(style)}style.textContent=`:root {\n                ${this.pageVariables.map((x=>`${x.propertyName}: ${x.currentValue};`)).join("\n\t")}\n            }`};this.pageVariables=StylerSet.instance.vars.map((x=>new StylerVariable(x.name,x.value,this.htmlDocument,onChange)))}loadContentDocument(){return __awaiter(this,void 0,void 0,(function*(){this.contentEditor=this.element.querySelector(`[data-element="content-editor"]`);while(!this.htmlDocument){this.htmlDocument=this.contentEditor.contentDocument;yield sleep(100)}}))}});__decorate([Action({onEvent:"delete-element"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],HtmlPageEditor.prototype,"deleteElement",null);__decorate([Action({onEvent:"copy-element",blockMultipleExecution:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"copyElement",null);__decorate([Action({onEvent:"change-image"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],HtmlPageEditor.prototype,"changeImage",null);__decorate([Action({onEvent:"keyup"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,KeyboardEvent]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"onKeyUp",null);__decorate([Action({onEvent:"undo"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"undo",null);__decorate([Action({onEvent:"redo"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],HtmlPageEditor.prototype,"redo",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/HtmlPageEditor");System.register(["tslib","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/controls/AtomControl"],(function(_export,_context){"use strict";var __asyncValues,__awaiter,styled,AtomControl,supportsFileSystemAccessAPI,supportsWebkitGetAsEntry,dragEnter,dragOver,dragLeave,eventDrop,FilesDragDrop;return{setters:[function(_tslib){__asyncValues=_tslib.__asyncValues;__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl}],execute:function(){supportsFileSystemAccessAPI="getAsFileSystemHandle"in DataTransferItem.prototype;supportsWebkitGetAsEntry="webkitGetAsEntry"in DataTransferItem.prototype;styled.css`
 
         &[data-drop-enabled] {
             outline: solid 5px green;