@social-mail/social-mail-client 1.4.21 → 1.4.23

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

@@ -3728,7 +3728,7 @@ html, body {
             background: ${stylerVars.tertiaryButtonBackground};
             color: ${stylerVars.tertiaryButtonText};
         }
-    `}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/color-sets/stylerColorSets");System.register(["../../Styler"],(function(_export,_context){"use strict";var StylerProperty,createSet,stylerImage;return{setters:[function(_Styler){StylerProperty=_Styler.StylerProperty;createSet=_Styler.createSet}],execute:function(){_export("stylerImage",stylerImage={stylerObjectFit:new StylerProperty("styler-object-fit",createSet("object-fit",["contain","cover","fill","none","scale-down"])),stylerImageOrientation:new StylerProperty("styler-image-orientation",createSet("image-orientation",["none","from-image"])),stylerImageRendering:new StylerProperty("styler-image-rendering",createSet("image-rendering",["auto","smooth","high-quality","crisp-edges","pixelated"])),stylerImageResolution:new StylerProperty("styler-image-resolution",createSet("image-resolution",["from-image","snap"]))})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/img/stylerImage");System.register(["../../Styler"],(function(_export,_context){"use strict";var StylerProperty,createSet,stylerOverflow;return{setters:[function(_Styler){StylerProperty=_Styler.StylerProperty;createSet=_Styler.createSet}],execute:function(){_export("stylerOverflow",stylerOverflow={stylerOverflow:new StylerProperty("styler-overflow",createSet("overflow",["hidden","auto","scroll"])),stylerOverflowX:new StylerProperty("styler-overflow-x",createSet("overflow",["hidden","auto","scroll"])),stylerOverflowY:new StylerProperty("styler-overflow-y",createSet("overflow",["hidden","auto","scroll"]))})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/scroll/stylerOverflow");System.register(["@web-atoms/core/dist/style/styled","../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,stylerEffects;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty}],execute:function(){_export("stylerEffects",stylerEffects={stylerBackdropFilter:new StylerProperty("styler-backdrop-filter",{none:styled.css`backdrop-filter: none;`,grayscale:styled.css`backdrop-filter: grayscale(1);`,blur:styled.css`backdrop-filter: blur(15px) saturate(180%);`}),stylerBackfaceVisibility:new StylerProperty("styler-backdrop-visibility",{none:styled.css`backface-visibility: none;`,visible:styled.css`backface-visibility: visible;`,hidden:styled.css`backface-visibility: hidden;`}),stylerBoxShadow:new StylerProperty("styler-box-shadow",{none:styled.css`box-shadow: none;`,default:styled.css`box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.14);`,thin:styled.css`box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .51);`,"thin-all":styled.css`box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .51);`,thick:styled.css`box-shadow: 0px 6px 9px 6px rgba(0, 0, 0, .51);`,"thick-all":styled.css`box-shadow: 0px 0px 9px 6px rgba(0, 0, 0, .51);`}),stylerOpacity:new StylerProperty("styler-opacity",{custom:styled.css`opacity: var(--styler-opacity)`,none:styled.css`opacity: 1;`,light:styled.css`opacity: 0.25;`,half:styled.css`opacity: 0.5;`,dark:styled.css`opacity: 0.75;`,inherit:styled.css`opacity: inherit;`,initial:styled.css`opacity: initial;`,revert:styled.css`opacity: revert;`,"revert-layer":styled.css`opacity: revert-layer;`,unset:styled.css`opacity: unset;`})})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/effects");System.register(["@web-atoms/core/dist/style/styled","../../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,createSet,stylerTransform;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty;createSet=_Styler.createSet}],execute:function(){_export("stylerTransform",stylerTransform={stylerDesktopTransform:new StylerProperty("styler-desktop-transform",{custom:styled.css`transform: var(--styler-desktop-transform);`},"","","@media (min-width:900px)"),stylerDesktopTransformOrigin:new StylerProperty("styler-desktop-origin",createSet("transform-origin",["custom","left","right","center","top","bottom","top left","bottom left","top right","bottom right"]),"","","@media (min-width:700px)"),stylerTabletTransform:new StylerProperty("styler-tablet-transform",{custom:styled.css`transform: var(--styler-tablet-transform);`},"","","@media (min-width:700px)"),stylerTabletTransformOrigin:new StylerProperty("styler-tablet-origin",createSet("transform-origin",["custom","left","right","center","top","bottom","top left","bottom left","top right","bottom right"]),"","","@media (min-width:700px)")})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/transform/stylerTransform");System.register(["../../Styler"],(function(_export,_context){"use strict";var createVarSet,sizeVarList,StylerProperty,createDesktopSize,createTabletSize,createChildSize,stylerChildSize;return{setters:[function(_Styler){createVarSet=_Styler.createVarSet;sizeVarList=_Styler.sizeVarList;StylerProperty=_Styler.StylerProperty}],execute:function(){createDesktopSize=name=>new StylerProperty("styler-desktop-child-"+name,createVarSet(name,sizeVarList,"--styler-desktop-child-"+name),""," > *","@media (min-width: 900px)");createTabletSize=name=>new StylerProperty("styler-tablet-child-"+name,createVarSet(name,sizeVarList,"--styler-tablet-child-"+name),""," > *","@media (min-width: 700px)");createChildSize=name=>new StylerProperty("styler-all-child-"+name,createVarSet(name,sizeVarList,"--styler-all-child-"+name),""," > *");_export("stylerChildSize",stylerChildSize={stylerDesktopChildWidth:createDesktopSize("width"),stylerDesktopChildHeight:createDesktopSize("height"),stylerTabletChildWidth:createTabletSize("width"),stylerTabletChildHeight:createTabletSize("height"),stylerChildWidth:createChildSize("width"),stylerChildHeight:createChildSize("height"),stylerDesktopChildMinWidth:createDesktopSize("min-width"),stylerDesktopChildMinHeight:createDesktopSize("min-height"),stylerTabletChildMinWidth:createTabletSize("min-width"),stylerTabletChildMinHeight:createTabletSize("min-height"),stylerChildMinWidth:createChildSize("min-width"),stylerChildMinHeight:createChildSize("min-height"),stylerDesktopChildMaxWidth:createDesktopSize("max-width"),stylerDesktopChildMaxHeight:createDesktopSize("max-height"),stylerTabletChildMaxWidth:createTabletSize("max-width"),stylerTabletChildMaxHeight:createTabletSize("max-height"),stylerChildMaxWidth:createChildSize("max-width"),stylerChildMaxHeight:createChildSize("max-height")})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/child-size/stylerChildSize");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","./StylerSets","./properties/img/stylerImage","./properties/scroll/stylerOverflow","./properties/effects","./properties/transform/stylerTransform","./properties/child-size/stylerChildSize"],(function(_export,_context){"use strict";var StylerVariable,stylerVars,stylerBorder,stylerDisplay,stylerFlexDirection,itemPositions,stylerLayout,stylerPosition,stylerSizes,stylerSpace,stylerText,stylerBackground,stylerColorSets,StylerSets,stylerImage,stylerOverflow,stylerEffects,stylerTransform,stylerChildSize,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},function(_StylerSets){StylerSets=_StylerSets.StylerSets},function(_propertiesImgStylerImage){stylerImage=_propertiesImgStylerImage.stylerImage},function(_propertiesScrollStylerOverflow){stylerOverflow=_propertiesScrollStylerOverflow.stylerOverflow},function(_propertiesEffects){stylerEffects=_propertiesEffects.stylerEffects},function(_propertiesTransformStylerTransform){stylerTransform=_propertiesTransformStylerTransform.stylerTransform},function(_propertiesChildSizeStylerChildSize){stylerChildSize=_propertiesChildSizeStylerChildSize.stylerChildSize}],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(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({stylerLayout,stylerColorSets,stylerDisplay,stylerFlexDirection},stylerBorder),itemPositions),stylerText),stylerSizes),stylerSpace),stylerPosition),stylerBackground),stylerEffects),stylerImage),stylerOverflow),stylerTransform),stylerChildSize)}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`\n\n    html, body {\n        margin: 0;\n        padding: 0;\n        scrollbar-width: thin;\n    }\n\n    * {\n        box-sizing: border-box;\n    }\n\n    :root {\n        ${this.vars.join("\n")}\n    }\n\n    a {\n        text-decoration: none;\n    }\n\n    a:hover {\n        color: var(--accent-color);\n    }\n\n    body {\n        background-color: var(--body-color);\n        color: var(--default-text-color);\n        overflow-x: hidden;\n    }\n\n    body[editing=true] {\n        margin: 20px;\n    }\n\n    ${StylerSets.low.join("\n")}\n\n    ${properties.join("\n")}\n\n    ${StylerSets.high.join("\n")}\n\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,values:["banner","billboard","box-frame","column","columns-2","columns-3","component","feature","grid","image-box","image-card","main","price-box","right-image-box","row","vertical-image-box","wrap-list"]}),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=>e.selection.currentStyle.display==="grid")),label:"Template Rows",property:properties.stylerGridTemplateRows}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>e.selection.currentStyle.display==="grid")),label:"Template Columns",property:properties.stylerGridTemplateColumns}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Justify Content",property:properties.stylerJustifyContent}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Justify Children",property:properties.stylerJustifyItems}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Align Children",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}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Row",property:properties.stylerGridRow}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Row Start",property:properties.stylerGridRowStart}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Row End",property:properties.stylerGridRowEnd}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Column",property:properties.stylerGridColumn}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Column Start",property:properties.stylerGridColumnStart}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Column End",property:properties.stylerGridColumnEnd}))}_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(["./PropertyEditor"],(function(_export,_context){"use strict";var DropDownProperty,SizeEditorControl;return{setters:[function(_PropertyEditor){DropDownProperty=_PropertyEditor.DropDownProperty}],execute:function(){SizeEditorControl=DropDownProperty;_export("default",SizeEditorControl)}}}));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(DropDownProperty,{label:"Hover Color",property:properties.stylerHoverColor}),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}),XNode.create(DropDownProperty,{label:"Outline",property:properties.stylerTextOutline}),XNode.create(DropDownProperty,{label:"Shadow",property:properties.stylerTextShadow}))}_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(DropDownProperty,{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,BindEditor,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function PositionGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Position"},XNode.create(DropDownProperty,{label:"Position",property:properties.stylerPosition}),XNode.create("section",null,XNode.create("section",{"style-display":BindEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.selection.currentStyle.position)))},XNode.create(SizeEditorControl,{label:"Left",property:properties.stylerLeft}),XNode.create(SizeEditorControl,{label:"Top",property:properties.stylerTop}),XNode.create(SizeEditorControl,{label:"Right",property:properties.stylerRight}),XNode.create(SizeEditorControl,{label:"Bottom",property:properties.stylerBottom})),XNode.create(DropDownProperty,{label:"Z-Index",property:properties.stylerZIndex})))}_export("default",PositionGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;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/PositionGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,ButtonProperty,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:"Hover Color",property:properties.stylerHoverBackgroundColor}),XNode.create(ButtonProperty,{label:"Image",eventClick:"change-background-image",icon:"fas fa-folder",property:properties.stylerBackgroundImage}),XNode.create(DropDownProperty,{label:"Clip",property:properties.stylerBackgroundClip}),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}),XNode.create(DropDownProperty,{label:"Mode",property:properties.stylerBackgroundMode}))}_export("default",BackgroundGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){ButtonProperty=_controlsPropertyEditor.ButtonProperty;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","@web-atoms/core/dist/web/controls/AtomControl"],(function(_export,_context){"use strict";var XNode,BindEditor,CheckBoxProperty,ExpanderPropertyEditor,TextProperty,AtomControl,da;function AttributeEditor(){return XNode.create(ExpanderPropertyEditor,{isExpanded:true,label:"Attributes"},XNode.create("div",Object.assign({},da(BindEditor.oneWay((x=>x.selection.element))))))}_export("default",AttributeEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;CheckBoxProperty=_controlsPropertyEditor.CheckBoxProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor;TextProperty=_controlsPropertyEditor.TextProperty},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl}],execute:function(){da=AtomControl.registerProperty("data-attributes","values",((c,e,v)=>{var _a,_b;e.innerHTML="";if(!v){return}const attributes=v.editableAttributes;if(!attributes){return}const ctrl=c;for(const a of attributes){switch(a.type){case"boolean":ctrl.render(XNode.create("div",null,XNode.create(CheckBoxProperty,{label:(_a=a.display)!==null&&_a!==void 0?_a:a.name,attributeName:a.name})),e,c);break;case"enum":case"image":case"lang":case"number":case"time":case"video":case"string":ctrl.render(XNode.create("div",null,XNode.create(TextProperty,{label:(_b=a.display)!==null&&_b!==void 0?_b:a.name,attributeName:a.name})),e,c);break}}}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/AttributeEditor");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 ImageEditor(){return XNode.create(ExpanderPropertyEditor,{"style-display":BindEditor.oneWay((x=>/^(img$|video)/i.test(x.selection.name))),label:"Image"},XNode.create(DropDownProperty,{label:"Object Fit",property:properties.stylerObjectFit}),XNode.create(DropDownProperty,{label:"Orientation",property:properties.stylerImageOrientation}),XNode.create(DropDownProperty,{label:"Rendering",property:properties.stylerImageRendering}),XNode.create(DropDownProperty,{label:"Resolution",property:properties.stylerImageResolution}))}_export("default",ImageEditor);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)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/ImageEditor");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,StylerSet,DropDownProperty,ExpanderPropertyEditor,properties;function ScrollGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Scroll"},XNode.create(DropDownProperty,{label:"Overflow",property:properties.stylerOverflow}),XNode.create(DropDownProperty,{label:"Overflow X",property:properties.stylerOverflowX}),XNode.create(DropDownProperty,{label:"Overflow Y",property:properties.stylerOverflowY}))}_export("default",ScrollGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/ScrollGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,StylerSet,ExpanderPropertyEditor,DropDownProperty,properties;function EffectGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Effects"},XNode.create(DropDownProperty,{label:"Backdrop Filter",property:properties.stylerBackdropFilter}),XNode.create(DropDownProperty,{label:"Backface Visibility",property:properties.stylerBackfaceVisibility}),XNode.create(DropDownProperty,{label:"Shadow",property:properties.stylerBoxShadow}),XNode.create(DropDownProperty,{label:"Opacity",property:properties.stylerOpacity}))}_export("default",EffectGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor;DropDownProperty=_controlsPropertyEditor.DropDownProperty}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/EffectGroup");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,properties;function TransformGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Transform"},XNode.create(DropDownProperty,{label:"Transform",property:properties.stylerDesktopTransform}),XNode.create(DropDownProperty,{label:"Transform",property:properties.stylerTabletTransform}),XNode.create(DropDownProperty,{label:"Origin",property:properties.stylerDesktopTransformOrigin}),XNode.create(DropDownProperty,{label:"Origin",property:properties.stylerTabletTransformOrigin}))}_export("default",TransformGroupEditor);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/TransformGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,StylerSet,DropDownProperty,ExpanderPropertyEditor,properties;function ChildSizeGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Child Size"},XNode.create(DropDownProperty,{label:"Width",property:properties.stylerDesktopChildWidth}),XNode.create(DropDownProperty,{label:"Width",property:properties.stylerTabletChildWidth}),XNode.create(DropDownProperty,{label:"Width",property:properties.stylerChildWidth}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerDesktopChildHeight}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerTabletChildHeight}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerChildHeight}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerDesktopChildMinWidth}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerTabletChildMinWidth}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerChildMinWidth}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerDesktopChildMinHeight}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerTabletChildMinHeight}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerChildMinHeight}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerDesktopChildMaxWidth}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerTabletChildMaxWidth}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerChildMaxWidth}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerDesktopChildMaxHeight}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerTabletChildMaxHeight}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerChildMaxHeight}))}_export("default",ChildSizeGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/ChildSizeGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","./groups/LayoutEditor","./groups/TextPropertyEditor","./groups/BorderGroupEditor","./groups/SizeGroupEditor","./groups/SpaceGroupEditor","./groups/PositionGroupEditor","./groups/BackgroundGroupEditor","./groups/AttributeEditor","./groups/ImageEditor","./groups/ScrollGroupEditor","./groups/EffectGroup","./groups/TransformGroupEditor","./groups/ChildSizeGroupEditor","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/ToggleButtonBar"],(function(_export,_context){"use strict";var XNode,LayoutEditor,TextPropertyEditor,BorderGroupEditor,SizeGroupEditor,SpaceGroupEditor,PositionGroupEditor,BackgroundGroupEditor,AttributeEditor,ImageEditor,ScrollGroupEditor,EffectGroupEditor,TransformGroupEditor,ChildSizeGroupEditor,Bind,ToggleButtonBar;function Properties(){const updateSelector=type=>{document.body.setAttribute("show-only",type)};const modes=[{label:"All",value:"all"},{label:"Desktop",value:"desktop"},{label:"Tablet",value:"tablet"}];const mode={value:"all"};document.body.setAttribute("show-only",mode.value);return XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},XNode.create(AttributeEditor,null),XNode.create(ToggleButtonBar,{items:modes,labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.sourceTwoWays(mode,(x=>x.source.value)),"event-click":()=>setTimeout((()=>updateSelector(mode.value)))}),XNode.create(LayoutEditor,null),XNode.create(ImageEditor,null),XNode.create(SizeGroupEditor,null),XNode.create(ChildSizeGroupEditor,null),XNode.create(BorderGroupEditor,null),XNode.create(SpaceGroupEditor,null),XNode.create(PositionGroupEditor,null),XNode.create(BackgroundGroupEditor,null),XNode.create(EffectGroupEditor,null),XNode.create(TextPropertyEditor,null),XNode.create(ScrollGroupEditor,null),XNode.create(TransformGroupEditor,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},function(_groupsImageEditor){ImageEditor=_groupsImageEditor.default},function(_groupsScrollGroupEditor){ScrollGroupEditor=_groupsScrollGroupEditor.default},function(_groupsEffectGroup){EffectGroupEditor=_groupsEffectGroup.default},function(_groupsTransformGroupEditor){TransformGroupEditor=_groupsTransformGroupEditor.default},function(_groupsChildSizeGroupEditor){ChildSizeGroupEditor=_groupsChildSizeGroupEditor.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicToggleButtonBar){ToggleButtonBar=_webAtomsWebControlsDistBasicToggleButtonBar.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.styleProperty=new Proxy(this,{get:(target,p,receiver)=>{var _a,_b,_c;if(typeof p==="string"){p="--"+p.replace("_","--")}return(_c=(_b=(_a=this.e)===null||_a===void 0?void 0:_a.style)===null||_b===void 0?void 0:_b.getPropertyValue(p))!==null&&_c!==void 0?_c:void 0}});this.styles=new Map;this.isEditing=false;this.empty={setAttribute(n,v){this[n]=v},getAttribute(n){return this[n]}};this.name="";this.parentName="";this.isImage=false;this.mo=new MutationObserver((changes=>{if(this.isEditing){return}AtomBinder.refreshValue(this,"element");this.cachedStyle=null;this.cachedParentStyle=null;AtomBinder.refreshValue(this,"currentStyle");AtomBinder.refreshValue(this,"parentStyle");AtomBinder.refreshValue(this,"attributes");AtomBinder.refreshValue(this,"styleProperty");for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}))}setDraggable(){const element=this.e;element.draggable=true;this.dragTimeout=setTimeout((()=>{if(element.draggable){element.removeAttribute("draggable")}}),5e3)}getDropTarget(dragged,target){const isDropTarget=/^(main|section|carousel\-slider)$/i;if(isDropTarget.test(dragged===null||dragged===void 0?void 0:dragged.tagName)){let start=target;while(!isDropTarget.test(start.tagName)){start=start.parentElement}if(isDropTarget.test(start===null||start===void 0?void 0:start.tagName)){target=start}}return target}style(name){let parent;let attributeName=name;if(/^parent\-/.test(name)){parent=true;attributeName=attributeName.substring(7)}let mapper=this.styles.get(name);if(!mapper){const owner=this;const customName="--"+attributeName;mapper={name,get value(){var _a,_b;const e=parent?(_a=owner.e)===null||_a===void 0?void 0:_a.parentElement:owner.e;return(_b=e===null||e===void 0?void 0:e.getAttribute(attributeName))!==null&&_b!==void 0?_b:""},set value(v){var _a;const e=parent?(_a=owner.e)===null||_a===void 0?void 0:_a.parentElement:owner.e;if(!e){return}owner.isEditing=true;if(!v){e.removeAttribute(attributeName)}else{e.setAttribute(attributeName,v)}owner.editor.commit();AtomBinder.refreshValue(this,"value");setTimeout((()=>{AtomBinder.refreshValue(this,"custom");AtomBinder.refreshValue(owner,"currentStyle");AtomBinder.refreshValue(owner,"parentStyle");AtomBinder.refreshValue(this,"styleProperty");owner.isEditing=false}),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){var _a;const oe=this.e;if(e){if(e===this.e){return}if(this.e){this.mo.disconnect();if(oe.draggable){oe.removeAttribute("draggable")}if(this.dragTimeout){clearTimeout(this.dragTimeout);this.dragTimeout=0}}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");AtomBinder.refreshValue(this,"styleProperty");this.mo.observe(e,{attributes:true})}e=this.e;if(!e){return}this.name=e.tagName.toLowerCase();this.parentName=(_a=e.parentElement)===null||_a===void 0?void 0:_a.tagName.toLowerCase();const r=e.getBoundingClientRect();this.isImage=/^(img|video|pdf)/i.test(this.name);const minusWidth=Math.min(0,r.left);this.top=`${r.top+10}px`;this.left=`${Math.max(0,r.left)+10}px`;this.width=`${r.width+minusWidth}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","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,StylerSets,styled,stylerVars,ImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars}],execute:function(){StylerSets.register("low",styled.css`
+    `}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/color-sets/stylerColorSets");System.register(["../../Styler"],(function(_export,_context){"use strict";var StylerProperty,createSet,stylerImage;return{setters:[function(_Styler){StylerProperty=_Styler.StylerProperty;createSet=_Styler.createSet}],execute:function(){_export("stylerImage",stylerImage={stylerObjectFit:new StylerProperty("styler-object-fit",createSet("object-fit",["contain","cover","fill","none","scale-down"])),stylerImageOrientation:new StylerProperty("styler-image-orientation",createSet("image-orientation",["none","from-image"])),stylerImageRendering:new StylerProperty("styler-image-rendering",createSet("image-rendering",["auto","smooth","high-quality","crisp-edges","pixelated"])),stylerImageResolution:new StylerProperty("styler-image-resolution",createSet("image-resolution",["from-image","snap"]))})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/img/stylerImage");System.register(["../../Styler"],(function(_export,_context){"use strict";var StylerProperty,createSet,stylerOverflow;return{setters:[function(_Styler){StylerProperty=_Styler.StylerProperty;createSet=_Styler.createSet}],execute:function(){_export("stylerOverflow",stylerOverflow={stylerOverflow:new StylerProperty("styler-overflow",createSet("overflow",["hidden","auto","scroll"])),stylerOverflowX:new StylerProperty("styler-overflow-x",createSet("overflow",["hidden","auto","scroll"])),stylerOverflowY:new StylerProperty("styler-overflow-y",createSet("overflow",["hidden","auto","scroll"]))})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/scroll/stylerOverflow");System.register(["@web-atoms/core/dist/style/styled","../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,stylerEffects;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty}],execute:function(){_export("stylerEffects",stylerEffects={stylerBackdropFilter:new StylerProperty("styler-backdrop-filter",{none:styled.css`backdrop-filter: none;`,grayscale:styled.css`backdrop-filter: grayscale(1);`,blur:styled.css`backdrop-filter: blur(15px) saturate(180%);`}),stylerBackfaceVisibility:new StylerProperty("styler-backdrop-visibility",{none:styled.css`backface-visibility: none;`,visible:styled.css`backface-visibility: visible;`,hidden:styled.css`backface-visibility: hidden;`}),stylerBoxShadow:new StylerProperty("styler-box-shadow",{none:styled.css`box-shadow: none;`,default:styled.css`box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.14);`,thin:styled.css`box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .51);`,"thin-all":styled.css`box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .51);`,thick:styled.css`box-shadow: 0px 6px 9px 6px rgba(0, 0, 0, .51);`,"thick-all":styled.css`box-shadow: 0px 0px 9px 6px rgba(0, 0, 0, .51);`}),stylerOpacity:new StylerProperty("styler-opacity",{custom:styled.css`opacity: var(--styler-opacity)`,none:styled.css`opacity: 1;`,light:styled.css`opacity: 0.25;`,half:styled.css`opacity: 0.5;`,dark:styled.css`opacity: 0.75;`,inherit:styled.css`opacity: inherit;`,initial:styled.css`opacity: initial;`,revert:styled.css`opacity: revert;`,"revert-layer":styled.css`opacity: revert-layer;`,unset:styled.css`opacity: unset;`})})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/effects");System.register(["@web-atoms/core/dist/style/styled","../../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,createSet,stylerTransform;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty;createSet=_Styler.createSet}],execute:function(){_export("stylerTransform",stylerTransform={stylerDesktopTransform:new StylerProperty("styler-desktop-transform",{custom:styled.css`transform: var(--styler-desktop-transform);`},"","","@media (min-width:900px)"),stylerDesktopTransformOrigin:new StylerProperty("styler-desktop-origin",createSet("transform-origin",["custom","left","right","center","top","bottom","top left","bottom left","top right","bottom right"]),"","","@media (min-width:700px)"),stylerTabletTransform:new StylerProperty("styler-tablet-transform",{custom:styled.css`transform: var(--styler-tablet-transform);`},"","","@media (min-width:700px)"),stylerTabletTransformOrigin:new StylerProperty("styler-tablet-origin",createSet("transform-origin",["custom","left","right","center","top","bottom","top left","bottom left","top right","bottom right"]),"","","@media (min-width:700px)")})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/transform/stylerTransform");System.register(["../../Styler"],(function(_export,_context){"use strict";var createVarSet,sizeVarList,StylerProperty,createDesktopSize,createTabletSize,createChildSize,stylerChildSize;return{setters:[function(_Styler){createVarSet=_Styler.createVarSet;sizeVarList=_Styler.sizeVarList;StylerProperty=_Styler.StylerProperty}],execute:function(){createDesktopSize=name=>new StylerProperty("styler-desktop-child-"+name,createVarSet(name,sizeVarList,"--styler-desktop-child-"+name),""," > *","@media (min-width: 900px)");createTabletSize=name=>new StylerProperty("styler-tablet-child-"+name,createVarSet(name,sizeVarList,"--styler-tablet-child-"+name),""," > *","@media (min-width: 700px)");createChildSize=name=>new StylerProperty("styler-all-child-"+name,createVarSet(name,sizeVarList,"--styler-all-child-"+name),""," > *");_export("stylerChildSize",stylerChildSize={stylerDesktopChildWidth:createDesktopSize("width"),stylerDesktopChildHeight:createDesktopSize("height"),stylerTabletChildWidth:createTabletSize("width"),stylerTabletChildHeight:createTabletSize("height"),stylerChildWidth:createChildSize("width"),stylerChildHeight:createChildSize("height"),stylerDesktopChildMinWidth:createDesktopSize("min-width"),stylerDesktopChildMinHeight:createDesktopSize("min-height"),stylerTabletChildMinWidth:createTabletSize("min-width"),stylerTabletChildMinHeight:createTabletSize("min-height"),stylerChildMinWidth:createChildSize("min-width"),stylerChildMinHeight:createChildSize("min-height"),stylerDesktopChildMaxWidth:createDesktopSize("max-width"),stylerDesktopChildMaxHeight:createDesktopSize("max-height"),stylerTabletChildMaxWidth:createTabletSize("max-width"),stylerTabletChildMaxHeight:createTabletSize("max-height"),stylerChildMaxWidth:createChildSize("max-width"),stylerChildMaxHeight:createChildSize("max-height")})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/child-size/stylerChildSize");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","./StylerSets","./properties/img/stylerImage","./properties/scroll/stylerOverflow","./properties/effects","./properties/transform/stylerTransform","./properties/child-size/stylerChildSize"],(function(_export,_context){"use strict";var StylerVariable,stylerVars,stylerBorder,stylerDisplay,stylerFlexDirection,itemPositions,stylerLayout,stylerPosition,stylerSizes,stylerSpace,stylerText,stylerBackground,stylerColorSets,StylerSets,stylerImage,stylerOverflow,stylerEffects,stylerTransform,stylerChildSize,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},function(_StylerSets){StylerSets=_StylerSets.StylerSets},function(_propertiesImgStylerImage){stylerImage=_propertiesImgStylerImage.stylerImage},function(_propertiesScrollStylerOverflow){stylerOverflow=_propertiesScrollStylerOverflow.stylerOverflow},function(_propertiesEffects){stylerEffects=_propertiesEffects.stylerEffects},function(_propertiesTransformStylerTransform){stylerTransform=_propertiesTransformStylerTransform.stylerTransform},function(_propertiesChildSizeStylerChildSize){stylerChildSize=_propertiesChildSizeStylerChildSize.stylerChildSize}],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(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({stylerLayout,stylerColorSets,stylerDisplay,stylerFlexDirection},stylerBorder),itemPositions),stylerText),stylerSizes),stylerSpace),stylerPosition),stylerBackground),stylerEffects),stylerImage),stylerOverflow),stylerTransform),stylerChildSize)}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`\n\n    html, body {\n        margin: 0;\n        padding: 0;\n        scrollbar-width: thin;\n    }\n\n    * {\n        box-sizing: border-box;\n    }\n\n    :root {\n        ${this.vars.join("\n")}\n    }\n\n    a {\n        text-decoration: none;\n    }\n\n    a:hover {\n        color: var(--accent-color);\n    }\n\n    body {\n        background-color: var(--body-color);\n        color: var(--default-text-color);\n        overflow-x: hidden;\n    }\n\n    body[editing=true] {\n        margin: 20px;\n    }\n\n    ${StylerSets.low.join("\n")}\n\n    ${properties.join("\n")}\n\n    ${StylerSets.high.join("\n")}\n\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,values:["banner","billboard","box-frame","column","columns-2","columns-3","component","feature","grid","grid-1x1","image-box","image-card","main","price-box","right-image-box","row","vertical-image-box","wrap-list"]}),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=>e.selection.currentStyle.display==="grid")),label:"Template Rows",property:properties.stylerGridTemplateRows}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>e.selection.currentStyle.display==="grid")),label:"Template Columns",property:properties.stylerGridTemplateColumns}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Justify Content",property:properties.stylerJustifyContent}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Justify Children",property:properties.stylerJustifyItems}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/flex|grid/i.test(e.selection.currentStyle.display))),label:"Align Children",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}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Row",property:properties.stylerGridRow}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Row Start",property:properties.stylerGridRowStart}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Row End",property:properties.stylerGridRowEnd}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Column",property:properties.stylerGridColumn}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Column Start",property:properties.stylerGridColumnStart}),XNode.create(DropDownProperty,{"style-display":BindEditor.oneWay((e=>/grid/i.test(e.selection.parentStyle.display))),label:"Column End",property:properties.stylerGridColumnEnd}))}_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(["./PropertyEditor"],(function(_export,_context){"use strict";var DropDownProperty,SizeEditorControl;return{setters:[function(_PropertyEditor){DropDownProperty=_PropertyEditor.DropDownProperty}],execute:function(){SizeEditorControl=DropDownProperty;_export("default",SizeEditorControl)}}}));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(DropDownProperty,{label:"Hover Color",property:properties.stylerHoverColor}),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}),XNode.create(DropDownProperty,{label:"Outline",property:properties.stylerTextOutline}),XNode.create(DropDownProperty,{label:"Shadow",property:properties.stylerTextShadow}))}_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(DropDownProperty,{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,BindEditor,DropDownProperty,ExpanderPropertyEditor,StylerSet,SizeEditorControl,properties;function PositionGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Position"},XNode.create(DropDownProperty,{label:"Position",property:properties.stylerPosition}),XNode.create("section",null,XNode.create("section",{"style-display":BindEditor.oneWay((e=>/relative|fixed|absolute|sticky/i.test(e.selection.currentStyle.position)))},XNode.create(SizeEditorControl,{label:"Left",property:properties.stylerLeft}),XNode.create(SizeEditorControl,{label:"Top",property:properties.stylerTop}),XNode.create(SizeEditorControl,{label:"Right",property:properties.stylerRight}),XNode.create(SizeEditorControl,{label:"Bottom",property:properties.stylerBottom})),XNode.create(DropDownProperty,{label:"Z-Index",property:properties.stylerZIndex})))}_export("default",PositionGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;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/PositionGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet","../controls/SizeEditorControl"],(function(_export,_context){"use strict";var XNode,ButtonProperty,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:"Hover Color",property:properties.stylerHoverBackgroundColor}),XNode.create(ButtonProperty,{label:"Image",eventClick:"change-background-image",icon:"fas fa-folder",property:properties.stylerBackgroundImage}),XNode.create(DropDownProperty,{label:"Clip",property:properties.stylerBackgroundClip}),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}),XNode.create(DropDownProperty,{label:"Mode",property:properties.stylerBackgroundMode}))}_export("default",BackgroundGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){ButtonProperty=_controlsPropertyEditor.ButtonProperty;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","@web-atoms/core/dist/web/controls/AtomControl"],(function(_export,_context){"use strict";var XNode,BindEditor,CheckBoxProperty,ExpanderPropertyEditor,TextProperty,AtomControl,da;function AttributeEditor(){return XNode.create(ExpanderPropertyEditor,{isExpanded:true,label:"Attributes"},XNode.create("div",Object.assign({},da(BindEditor.oneWay((x=>x.selection.element))))))}_export("default",AttributeEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_controlsPropertyEditor){BindEditor=_controlsPropertyEditor.BindEditor;CheckBoxProperty=_controlsPropertyEditor.CheckBoxProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor;TextProperty=_controlsPropertyEditor.TextProperty},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl}],execute:function(){da=AtomControl.registerProperty("data-attributes","values",((c,e,v)=>{var _a,_b;e.innerHTML="";if(!v){return}const attributes=v.editableAttributes;if(!attributes){return}const ctrl=c;for(const a of attributes){switch(a.type){case"boolean":ctrl.render(XNode.create("div",null,XNode.create(CheckBoxProperty,{label:(_a=a.display)!==null&&_a!==void 0?_a:a.name,attributeName:a.name})),e,c);break;case"enum":case"image":case"lang":case"number":case"time":case"video":case"string":ctrl.render(XNode.create("div",null,XNode.create(TextProperty,{label:(_b=a.display)!==null&&_b!==void 0?_b:a.name,attributeName:a.name})),e,c);break}}}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/AttributeEditor");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 ImageEditor(){return XNode.create(ExpanderPropertyEditor,{"style-display":BindEditor.oneWay((x=>/^(img$|video)/i.test(x.selection.name))),label:"Image"},XNode.create(DropDownProperty,{label:"Object Fit",property:properties.stylerObjectFit}),XNode.create(DropDownProperty,{label:"Orientation",property:properties.stylerImageOrientation}),XNode.create(DropDownProperty,{label:"Rendering",property:properties.stylerImageRendering}),XNode.create(DropDownProperty,{label:"Resolution",property:properties.stylerImageResolution}))}_export("default",ImageEditor);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)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/ImageEditor");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,StylerSet,DropDownProperty,ExpanderPropertyEditor,properties;function ScrollGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Scroll"},XNode.create(DropDownProperty,{label:"Overflow",property:properties.stylerOverflow}),XNode.create(DropDownProperty,{label:"Overflow X",property:properties.stylerOverflowX}),XNode.create(DropDownProperty,{label:"Overflow Y",property:properties.stylerOverflowY}))}_export("default",ScrollGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/ScrollGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,StylerSet,ExpanderPropertyEditor,DropDownProperty,properties;function EffectGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Effects"},XNode.create(DropDownProperty,{label:"Backdrop Filter",property:properties.stylerBackdropFilter}),XNode.create(DropDownProperty,{label:"Backface Visibility",property:properties.stylerBackfaceVisibility}),XNode.create(DropDownProperty,{label:"Shadow",property:properties.stylerBoxShadow}),XNode.create(DropDownProperty,{label:"Opacity",property:properties.stylerOpacity}))}_export("default",EffectGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor;DropDownProperty=_controlsPropertyEditor.DropDownProperty}],execute:function(){properties=StylerSet.instance.properties}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/EffectGroup");System.register(["@web-atoms/core/dist/core/XNode","../controls/PropertyEditor","../../styler/StylerSet"],(function(_export,_context){"use strict";var XNode,DropDownProperty,ExpanderPropertyEditor,StylerSet,properties;function TransformGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Transform"},XNode.create(DropDownProperty,{label:"Transform",property:properties.stylerDesktopTransform}),XNode.create(DropDownProperty,{label:"Transform",property:properties.stylerTabletTransform}),XNode.create(DropDownProperty,{label:"Origin",property:properties.stylerDesktopTransformOrigin}),XNode.create(DropDownProperty,{label:"Origin",property:properties.stylerTabletTransformOrigin}))}_export("default",TransformGroupEditor);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/TransformGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","../../styler/StylerSet","../controls/PropertyEditor"],(function(_export,_context){"use strict";var XNode,StylerSet,DropDownProperty,ExpanderPropertyEditor,properties;function ChildSizeGroupEditor(){return XNode.create(ExpanderPropertyEditor,{label:"Child Size"},XNode.create(DropDownProperty,{label:"Width",property:properties.stylerDesktopChildWidth}),XNode.create(DropDownProperty,{label:"Width",property:properties.stylerTabletChildWidth}),XNode.create(DropDownProperty,{label:"Width",property:properties.stylerChildWidth}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerDesktopChildHeight}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerTabletChildHeight}),XNode.create(DropDownProperty,{label:"Height",property:properties.stylerChildHeight}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerDesktopChildMinWidth}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerTabletChildMinWidth}),XNode.create(DropDownProperty,{label:"Min Width",property:properties.stylerChildMinWidth}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerDesktopChildMinHeight}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerTabletChildMinHeight}),XNode.create(DropDownProperty,{label:"Min Height",property:properties.stylerChildMinHeight}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerDesktopChildMaxWidth}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerTabletChildMaxWidth}),XNode.create(DropDownProperty,{label:"Max Width",property:properties.stylerChildMaxWidth}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerDesktopChildMaxHeight}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerTabletChildMaxHeight}),XNode.create(DropDownProperty,{label:"Max Height",property:properties.stylerChildMaxHeight}))}_export("default",ChildSizeGroupEditor);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_controlsPropertyEditor){DropDownProperty=_controlsPropertyEditor.DropDownProperty;ExpanderPropertyEditor=_controlsPropertyEditor.ExpanderPropertyEditor}],execute:function(){({properties}=StylerSet.instance)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/ChildSizeGroupEditor");System.register(["@web-atoms/core/dist/core/XNode","./groups/LayoutEditor","./groups/TextPropertyEditor","./groups/BorderGroupEditor","./groups/SizeGroupEditor","./groups/SpaceGroupEditor","./groups/PositionGroupEditor","./groups/BackgroundGroupEditor","./groups/AttributeEditor","./groups/ImageEditor","./groups/ScrollGroupEditor","./groups/EffectGroup","./groups/TransformGroupEditor","./groups/ChildSizeGroupEditor","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/ToggleButtonBar"],(function(_export,_context){"use strict";var XNode,LayoutEditor,TextPropertyEditor,BorderGroupEditor,SizeGroupEditor,SpaceGroupEditor,PositionGroupEditor,BackgroundGroupEditor,AttributeEditor,ImageEditor,ScrollGroupEditor,EffectGroupEditor,TransformGroupEditor,ChildSizeGroupEditor,Bind,ToggleButtonBar;function Properties(){const updateSelector=type=>{document.body.setAttribute("show-only",type)};const modes=[{label:"All",value:"all"},{label:"Desktop",value:"desktop"},{label:"Tablet",value:"tablet"}];const mode={value:"all"};document.body.setAttribute("show-only",mode.value);return XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},XNode.create(AttributeEditor,null),XNode.create(ToggleButtonBar,{items:modes,labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.sourceTwoWays(mode,(x=>x.source.value)),"event-click":()=>setTimeout((()=>updateSelector(mode.value)))}),XNode.create(LayoutEditor,null),XNode.create(ImageEditor,null),XNode.create(SizeGroupEditor,null),XNode.create(ChildSizeGroupEditor,null),XNode.create(BorderGroupEditor,null),XNode.create(SpaceGroupEditor,null),XNode.create(PositionGroupEditor,null),XNode.create(BackgroundGroupEditor,null),XNode.create(EffectGroupEditor,null),XNode.create(TextPropertyEditor,null),XNode.create(ScrollGroupEditor,null),XNode.create(TransformGroupEditor,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},function(_groupsImageEditor){ImageEditor=_groupsImageEditor.default},function(_groupsScrollGroupEditor){ScrollGroupEditor=_groupsScrollGroupEditor.default},function(_groupsEffectGroup){EffectGroupEditor=_groupsEffectGroup.default},function(_groupsTransformGroupEditor){TransformGroupEditor=_groupsTransformGroupEditor.default},function(_groupsChildSizeGroupEditor){ChildSizeGroupEditor=_groupsChildSizeGroupEditor.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicToggleButtonBar){ToggleButtonBar=_webAtomsWebControlsDistBasicToggleButtonBar.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.styleProperty=new Proxy(this,{get:(target,p,receiver)=>{var _a,_b,_c;if(typeof p==="string"){p="--"+p.replace("_","--")}return(_c=(_b=(_a=this.e)===null||_a===void 0?void 0:_a.style)===null||_b===void 0?void 0:_b.getPropertyValue(p))!==null&&_c!==void 0?_c:void 0}});this.styles=new Map;this.isEditing=false;this.empty={setAttribute(n,v){this[n]=v},getAttribute(n){return this[n]}};this.name="";this.parentName="";this.isImage=false;this.mo=new MutationObserver((changes=>{if(this.isEditing){return}AtomBinder.refreshValue(this,"element");this.cachedStyle=null;this.cachedParentStyle=null;AtomBinder.refreshValue(this,"currentStyle");AtomBinder.refreshValue(this,"parentStyle");AtomBinder.refreshValue(this,"attributes");AtomBinder.refreshValue(this,"styleProperty");for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}));this.ro=new ResizeObserver((()=>this.updateRect()))}setDraggable(){const element=this.e;element.draggable=true;this.dragTimeout=setTimeout((()=>{if(element.draggable){element.removeAttribute("draggable")}}),5e3)}getDropTarget(dragged,target){const isDropTarget=/^(main|section|carousel\-slider)$/i;if(isDropTarget.test(dragged===null||dragged===void 0?void 0:dragged.tagName)){let start=target;while(!isDropTarget.test(start.tagName)){start=start.parentElement}if(isDropTarget.test(start===null||start===void 0?void 0:start.tagName)){target=start}}return target}style(name){let parent;let attributeName=name;if(/^parent\-/.test(name)){parent=true;attributeName=attributeName.substring(7)}let mapper=this.styles.get(name);if(!mapper){const owner=this;const customName="--"+attributeName;mapper={name,get value(){var _a,_b;const e=parent?(_a=owner.e)===null||_a===void 0?void 0:_a.parentElement:owner.e;return(_b=e===null||e===void 0?void 0:e.getAttribute(attributeName))!==null&&_b!==void 0?_b:""},set value(v){var _a;const e=parent?(_a=owner.e)===null||_a===void 0?void 0:_a.parentElement:owner.e;if(!e){return}owner.isEditing=true;if(!v){e.removeAttribute(attributeName)}else{e.setAttribute(attributeName,v)}owner.editor.commit();AtomBinder.refreshValue(this,"value");setTimeout((()=>{AtomBinder.refreshValue(this,"custom");AtomBinder.refreshValue(owner,"currentStyle");AtomBinder.refreshValue(owner,"parentStyle");AtomBinder.refreshValue(this,"styleProperty");owner.isEditing=false}),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){var _a;const oe=this.e;if(e){if(e===this.e){return}if(this.e){this.mo.disconnect();if(oe.draggable){oe.removeAttribute("draggable")}if(this.dragTimeout){clearTimeout(this.dragTimeout);this.dragTimeout=0}this.ro.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");AtomBinder.refreshValue(this,"styleProperty");this.mo.observe(e,{attributes:true});this.ro.observe(e.ownerDocument.body);this.ro.observe(e)}e=this.e;if(!e){return}this.name=e.tagName.toLowerCase();this.parentName=(_a=e.parentElement)===null||_a===void 0?void 0:_a.tagName.toLowerCase();this.isImage=/^(img|video|pdf)/i.test(this.name);this.updateRect();for(const iterator of this.styles.values()){AtomBinder.refreshValue(iterator,"value");AtomBinder.refreshValue(iterator,"custom")}}updateRect(){const{e}=this;if(!e){return}const r=e.getBoundingClientRect();const minusWidth=Math.min(0,r.left);this.top=`${r.top+10}px`;this.left=`${Math.max(0,r.left)+10}px`;this.width=`${r.width+minusWidth}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}}})}}}));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","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,StylerSets,styled,stylerVars,ImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars}],execute:function(){StylerSets.register("low",styled.css`
     display: flex;
     flex-direction: row;
     gap: ${stylerVars.sizeDefault};
@@ -4495,7 +4495,7 @@ display: grid;
         }
 
 
-    `.installGlobal("bread-crum");currentElement=Symbol("currentElement");selectedProperty=AtomControl.registerProperty("selected-property","v1",((ac,e,value)=>{for(const child of ChildEnumerator.enumerate(e)){if(child.tagName==="BUTTON"){child.remove()}}if(!value){return}let start=value;if(!(start===null||start===void 0?void 0:start.ownerDocument)){return}const body=start.ownerDocument.body;const hasChildren=start.childElementCount>0;while(start&&start!==body.parentElement){const{name,fullName}=getName(start);const button=document.createElement("button");button.textContent=name;button.title=fullName;button[currentElement]=start;e.insertAdjacentElement("afterbegin",button);start=start.parentElement;if(start===body){break}}e.lastElementChild.style.display=hasChildren?"":"none"}));onBreadCrumClick=e=>{const target=e.target;const editor=AtomControl.from(target);let ce=target[currentElement];if(ce){editor.selection.update(ce);hidePopup===null||hidePopup===void 0?void 0:hidePopup();return}if(target.tagName!=="I"){return}ce=target.previousElementSibling[currentElement];let start=ce===null||ce===void 0?void 0:ce.firstElementChild;if(!start){return}const popup=document.createElement("popup-menu");while(start){const{name,fullName}=getName(start);const child=document.createElement("popup-menu-item");child.textContent=name;child.title=fullName;child[currentElement]=start;start=start.nextElementSibling;popup.appendChild(child)}target.appendChild(popup);hidePopup=()=>{setTimeout((()=>popup.remove()),100);document.body.removeEventListener("click",hidePopup);ce.ownerDocument.body.removeEventListener("click",hidePopup)};setTimeout((()=>{document.body.addEventListener("click",hidePopup);ce.ownerDocument.body.addEventListener("click",hidePopup)}),10)}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/BreadCrum");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Select"],(function(_export,_context){"use strict";var Bind,XNode,Select;function LanguageDropDown(){return XNode.create(Select,{"style-max-width":"80px","style-border":"none","style-display":Bind.oneWay((c=>!!c.languages)),items:Bind.oneWay((c=>{var _a;return(_a=c.languages)!==null&&_a!==void 0?_a:void 0})),labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.twoWaysImmediate((c=>c.language))})}_export("default",LanguageDropDown);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/LanguageDropDown");System.register(["tslib","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder"],(function(_export,_context){"use strict";var __awaiter,sleep,FetchBuilder,CustomElementsProxy,WebComponents,webComponentsInstalled,addAttributes;_export("WebComponents",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default}],execute:function(){webComponentsInstalled=Symbol("webComponentsInstalled");CustomElementsProxy=class CustomElementsProxy{constructor(elements=[]){this.elements=elements}define(name,factory){this.elements.push({name,factory})}};addAttributes=(target,values)=>{Object.defineProperty(target.prototype,"editableAttributes",{enumerable:true,configurable:true,get(){return values(this)}})};_export("WebComponents",WebComponents=class WebComponents{static run(frame,doc){return __awaiter(this,void 0,void 0,(function*(){if(doc[webComponentsInstalled]){return}doc[webComponentsInstalled]=true;const url=this.path+"/dist/editable.js";frame.sandbox.add("allow-scripts");const text=yield FetchBuilder.get(url).asText();const proxy=new CustomElementsProxy;const win=doc.defaultView;const globals={window:win,document:win.document,Object:win.Object,Promise,console:win.console,Boolean:win.Boolean,String:win.String,Number:win.Number,Math:win.Math,Date:win.Date,Proxy:win.Proxy,Map:win.Map,Array:win.Array,RegExp:win.RegExp,PromiseRejectionEvent:win.PromiseRejectionEvent,setTimeout:(cb,n)=>setTimeout(cb,n),setInterval:(cb,n)=>setInterval(cb,n),clearTimeout:n=>clearTimeout(n),clearInterval:n=>clearInterval(n),Reflect:win.Reflect,requestAnimationFrame:win.requestAnimationFrame,requestIdleCallback:win.requestIdleCallback,Symbol:win.Symbol,HTMLElement:win.HTMLElement,MutationObserver:class extends win.MutationObserver{constructor(a){super(a)}},IntersectionObserver:class extends win.IntersectionObserver{constructor(a){super(a)}},customElements:proxy};win.HTMLElement.prototype.addEventListener=function(type,listener,options){return win.EventTarget.prototype.addEventListener.call(this,type,listener,options)};const keys=Object.keys(globals);const init=`${keys.map((x=>`var ${x} = globalWindow[${JSON.stringify(x)}]`)).join(";\n")}`;const sourceMappingURL=this.path+"/dist/editable.js.map";const script=`\n        "use strict";\n        ${init};\n        Symbol.dispose ||= Symbol("dispose");\n        ;${text.replace("//# sourceMappingURL=editable.js.map","//# sourceMappingURL="+sourceMappingURL)}\n        `;const fx=new doc.defaultView.Function("globalWindow",script);fx.call(win,globals);addAttributes(win.HTMLElement,(()=>[{name:"title",type:"string",display:"Tool Tip"},{name:"lang",type:"lang",display:"Language"}]));addAttributes(win.HTMLAnchorElement,(()=>[{name:"href",type:"string",display:"Link"},{name:"target",type:"string",suggest:["_blank"],display:"Target"}]));addAttributes(win.HTMLImageElement,(()=>[{name:"src",type:"image",display:"Image"},{name:"alt",type:"string",display:"Alt"}]));addAttributes(win.HTMLVideoElement,(()=>[{name:"src",type:"video",display:"Video"},{name:"poster",type:"image",display:"Poster"},{name:"autoplay",type:"boolean",display:"Auto Play"},{name:"loop",type:"boolean",display:"Loop"},{name:"muted",type:"boolean",display:"Muted"}]));yield sleep(10);for(const{name,factory}of proxy.elements){doc.defaultView.customElements.define(name,factory)}frame.sandbox.remove("allow-scripts")}))}});WebComponents.path=`//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.162`}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");System.register(["@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var AtomBinder,UndoRedo;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("default",UndoRedo=class UndoRedo{constructor(doc,page){this.page=page;this.undoStack=[];this.redoStack=[];this.changed=false;this.canUndo=false;this.canRedo=false;this.silent=false;this.observer=new MutationObserver((x=>this.observe(x)));this.observer.observe(doc,{childList:true,subtree:true,attributes:true,attributeOldValue:true,characterData:true,characterDataOldValue:true})}observe(records){if(this.silent){return}if(!this.changed){AtomBinder.refreshValue(this.page,"modifiedDocument");this.page.element.dispatchEvent(new CustomEvent("htmlPageChanged",{detail:null,bubbles:true}));this.changed=true}this.canUndo=true;this.canRedo=false;this.redoStack.length=0;const undo=[];const redo=[];for(const x of records){const target=x.target;const node=x.target;switch(x.type){case"attributes":const value=target.getAttributeNS(x.attributeNamespace,x.attributeName);if(value===x.oldValue){break}undo.splice(0,0,(()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,x.oldValue)));redo.push((()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,value)));break;case"characterData":const data=node.data;if(data===x.oldValue){break}undo.splice(0,0,(()=>node.data=x.oldValue));redo.push((()=>node.data=data));break;case"childList":const{addedNodes,removedNodes,previousSibling,nextSibling}=x;for(let index=0;index<addedNodes.length;index++){const added=addedNodes[index];let{parentNode}=added;undo.splice(0,0,(()=>added.parentNode.removeChild(added)));if(previousSibling){redo.push((()=>previousSibling.parentNode?parentNode.insertBefore(added,previousSibling.nextSibling):parentNode.append(added)));continue}if(nextSibling){parentNode!==null&&parentNode!==void 0?parentNode:parentNode=nextSibling.parentNode;redo.push((()=>parentNode.insertBefore(added,nextSibling)));continue}redo.push((()=>target.append(added)))}for(let index=0;index<removedNodes.length;index++){const removed=removedNodes[index];redo.splice(0,0,(()=>removed.parentNode.removeChild(removed)));if(previousSibling){undo.push((()=>previousSibling.nextSibling?previousSibling.parentNode.insertBefore(removed,previousSibling.nextSibling):previousSibling.parentElement.append(removed)));continue}if(nextSibling){undo.push((()=>nextSibling.parentNode.insertBefore(removed,nextSibling)));continue}undo.push((()=>target.append(removed)))}break}}if(undo.length&&redo.length){this.undoStack.push({undo,redo})}}dispose(){this.observer.disconnect();this.observer=null}undo(){if(!this.undoStack.length){this.canUndo=false;return}this.silent=true;const change=this.undoStack.pop();this.redoStack.push(change);this.canRedo=true;for(const element of change.undo){element()}this.canUndo=this.undoStack.length>0;setTimeout((()=>this.silent=false),10)}redo(){if(!this.redoStack.length){this.canRedo=false;return}this.silent=true;const change=this.redoStack.pop();this.undoStack.push(change);this.canUndo=true;for(const element of change.redo){element()}this.canRedo=this.redoStack.length>0;setTimeout((()=>this.silent=false),10)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/UndoRedo");System.register(["tslib"],(function(_export,_context){"use strict";var __awaiter,DuplexStream,DomHelper;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter}],execute:function(){DuplexStream=class DuplexStream{constructor(element){this.index=-1;this.array=[];const all=element.querySelectorAll("*");for(let index=0;index<all.length;index++){const e=all[index];this.array.push({e,text:e.innerHTML})}}next(){const index=this.index++;if(index>=this.array.length){return{done:true}}return{index,value:this.array[index]}}reset(index){this.index=index}};_export("default",DomHelper=class DomHelper{static applyChanges(target,src){return __awaiter(this,void 0,void 0,(function*(){const persist=[];for(const element of Array.from(target.head.children)){if(element.hasAttribute("remove-when-save")){persist.push(element);continue}if(element.tagName==="BASE"){persist.push(element)}}target.head.innerHTML=src.head.innerHTML;for(const element of persist){target.head.insertAdjacentElement("afterbegin",element)}target.body.innerHTML=src.body.innerHTML}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/DomHelper");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,FlipBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("FlipBox",FlipBox=Block({className:"fad fa-rotate",title:"Add Flip Box",factory:()=>XNode.create("flip-box",null,XNode.create("section",{class:"first-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Front Face ",XNode.create("br",null),"Content Here."),XNode.create("section",{class:"back-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Back Face ",XNode.create("br",null),"Content Here."))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/FlipBox");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../styler/Styler","../styler/StylerSets","./Block"],(function(_export,_context){"use strict";var XNode,styled,stylerVars,StylerSets,Block,GridBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_Block){Block=_Block.Block}],execute:function(){StylerSets.register("low",styled.css`
+    `.installGlobal("bread-crum");currentElement=Symbol("currentElement");selectedProperty=AtomControl.registerProperty("selected-property","v1",((ac,e,value)=>{for(const child of ChildEnumerator.enumerate(e)){if(child.tagName==="BUTTON"){child.remove()}}if(!value){return}let start=value;if(!(start===null||start===void 0?void 0:start.ownerDocument)){return}const body=start.ownerDocument.body;const hasChildren=start.childElementCount>0;while(start&&start!==body.parentElement){const{name,fullName}=getName(start);const button=document.createElement("button");button.textContent=name;button.title=fullName;button[currentElement]=start;e.insertAdjacentElement("afterbegin",button);start=start.parentElement;if(start===body){break}}e.lastElementChild.style.display=hasChildren?"":"none"}));onBreadCrumClick=e=>{const target=e.target;const editor=AtomControl.from(target);let ce=target[currentElement];if(ce){editor.selection.update(ce);hidePopup===null||hidePopup===void 0?void 0:hidePopup();return}if(target.tagName!=="I"){return}ce=target.previousElementSibling[currentElement];let start=ce===null||ce===void 0?void 0:ce.firstElementChild;if(!start){return}const popup=document.createElement("popup-menu");while(start){const{name,fullName}=getName(start);const child=document.createElement("popup-menu-item");child.textContent=name;child.title=fullName;child[currentElement]=start;start=start.nextElementSibling;popup.appendChild(child)}target.appendChild(popup);hidePopup=()=>{setTimeout((()=>popup.remove()),100);document.body.removeEventListener("click",hidePopup);ce.ownerDocument.body.removeEventListener("click",hidePopup)};setTimeout((()=>{document.body.addEventListener("click",hidePopup);ce.ownerDocument.body.addEventListener("click",hidePopup)}),10)}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/BreadCrum");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Select"],(function(_export,_context){"use strict";var Bind,XNode,Select;function LanguageDropDown(){return XNode.create(Select,{"style-max-width":"80px","style-border":"none","style-display":Bind.oneWay((c=>!!c.languages)),items:Bind.oneWay((c=>{var _a;return(_a=c.languages)!==null&&_a!==void 0?_a:void 0})),labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.twoWaysImmediate((c=>c.language))})}_export("default",LanguageDropDown);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/LanguageDropDown");System.register(["tslib","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder"],(function(_export,_context){"use strict";var __awaiter,sleep,FetchBuilder,CustomElementsProxy,WebComponents,webComponentsInstalled,addAttributes;_export("WebComponents",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default}],execute:function(){webComponentsInstalled=Symbol("webComponentsInstalled");CustomElementsProxy=class CustomElementsProxy{constructor(elements=[]){this.elements=elements}define(name,factory){this.elements.push({name,factory})}};addAttributes=(target,values)=>{Object.defineProperty(target.prototype,"editableAttributes",{enumerable:true,configurable:true,get(){return values(this)}})};_export("WebComponents",WebComponents=class WebComponents{static run(frame,doc){return __awaiter(this,void 0,void 0,(function*(){if(doc[webComponentsInstalled]){return}doc[webComponentsInstalled]=true;const url=this.path+"/dist/editable.js";frame.sandbox.add("allow-scripts");const text=yield FetchBuilder.get(url).asText();const proxy=new CustomElementsProxy;const win=doc.defaultView;const globals={window:win,document:win.document,Object:win.Object,Promise,console:win.console,Boolean:win.Boolean,String:win.String,Number:win.Number,Math:win.Math,Date:win.Date,Proxy:win.Proxy,Map:win.Map,Array:win.Array,RegExp:win.RegExp,PromiseRejectionEvent:win.PromiseRejectionEvent,setTimeout:(cb,n)=>setTimeout(cb,n),setInterval:(cb,n)=>setInterval(cb,n),clearTimeout:n=>clearTimeout(n),clearInterval:n=>clearInterval(n),Reflect:win.Reflect,requestAnimationFrame:win.requestAnimationFrame,requestIdleCallback:win.requestIdleCallback,Symbol:win.Symbol,HTMLElement:win.HTMLElement,MutationObserver:class extends win.MutationObserver{constructor(a){super(a)}},IntersectionObserver:class extends win.IntersectionObserver{constructor(a){super(a)}},customElements:proxy};win.HTMLElement.prototype.addEventListener=function(type,listener,options){return win.EventTarget.prototype.addEventListener.call(this,type,listener,options)};const keys=Object.keys(globals);const init=`${keys.map((x=>`var ${x} = globalWindow[${JSON.stringify(x)}]`)).join(";\n")}`;const sourceMappingURL=this.path+"/dist/editable.js.map";const script=`\n        "use strict";\n        ${init};\n        Symbol.dispose ||= Symbol("dispose");\n        ;${text.replace("//# sourceMappingURL=editable.js.map","//# sourceMappingURL="+sourceMappingURL)}\n        `;const fx=new doc.defaultView.Function("globalWindow",script);fx.call(win,globals);addAttributes(win.HTMLElement,(()=>[{name:"title",type:"string",display:"Tool Tip"},{name:"lang",type:"lang",display:"Language"}]));addAttributes(win.HTMLAnchorElement,(()=>[{name:"href",type:"string",display:"Link"},{name:"target",type:"string",suggest:["_blank"],display:"Target"}]));addAttributes(win.HTMLImageElement,(()=>[{name:"src",type:"image",display:"Image"},{name:"alt",type:"string",display:"Alt"}]));addAttributes(win.HTMLVideoElement,(()=>[{name:"src",type:"video",display:"Video"},{name:"poster",type:"image",display:"Poster"},{name:"autoplay",type:"boolean",display:"Auto Play"},{name:"loop",type:"boolean",display:"Loop"},{name:"muted",type:"boolean",display:"Muted"}]));yield sleep(10);for(const{name,factory}of proxy.elements){doc.defaultView.customElements.define(name,factory)}frame.sandbox.remove("allow-scripts")}))}});WebComponents.path=`//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.162`}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");System.register(["@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var AtomBinder,UndoRedo;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){_export("default",UndoRedo=class UndoRedo{constructor(doc,page){this.page=page;this.undoStack=[];this.redoStack=[];this.changed=false;this.canUndo=false;this.canRedo=false;this.silent=false;this.observer=new MutationObserver((x=>this.observe(x)));this.observer.observe(doc,{childList:true,subtree:true,attributes:true,attributeOldValue:true,characterData:true,characterDataOldValue:true})}observe(records){if(this.silent){return}if(!this.changed){AtomBinder.refreshValue(this.page,"modifiedDocument");this.page.element.dispatchEvent(new CustomEvent("htmlPageChanged",{detail:null,bubbles:true}));this.changed=true}this.canUndo=true;this.canRedo=false;this.redoStack.length=0;const undo=[];const redo=[];for(const x of records){const target=x.target;const node=x.target;switch(x.type){case"attributes":const value=target.getAttributeNS(x.attributeNamespace,x.attributeName);if(value===x.oldValue){break}undo.splice(0,0,(()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,x.oldValue)));redo.push((()=>target.setAttributeNS(x.attributeNamespace,x.attributeName,value)));break;case"characterData":const data=node.data;if(data===x.oldValue){break}undo.splice(0,0,(()=>node.data=x.oldValue));redo.push((()=>node.data=data));break;case"childList":const{addedNodes,removedNodes,previousSibling,nextSibling}=x;for(let index=0;index<addedNodes.length;index++){const added=addedNodes[index];let{parentNode}=added;undo.splice(0,0,(()=>added.parentNode.removeChild(added)));if(previousSibling){redo.push((()=>previousSibling.parentNode?parentNode.insertBefore(added,previousSibling.nextSibling):parentNode.append(added)));continue}if(nextSibling){parentNode!==null&&parentNode!==void 0?parentNode:parentNode=nextSibling.parentNode;redo.push((()=>parentNode.insertBefore(added,nextSibling)));continue}redo.push((()=>target.append(added)))}for(let index=0;index<removedNodes.length;index++){const removed=removedNodes[index];redo.splice(0,0,(()=>removed.parentNode.removeChild(removed)));if(previousSibling){undo.push((()=>previousSibling.nextSibling?previousSibling.parentNode.insertBefore(removed,previousSibling.nextSibling):previousSibling.parentElement.append(removed)));continue}if(nextSibling){undo.push((()=>nextSibling.parentNode.insertBefore(removed,nextSibling)));continue}undo.push((()=>target.append(removed)))}break}}if(undo.length&&redo.length){this.undoStack.push({undo,redo})}}dispose(){this.observer.disconnect();this.observer=null}undo(){if(!this.undoStack.length){this.canUndo=false;return}this.silent=true;const change=this.undoStack.pop();this.redoStack.push(change);this.canRedo=true;for(const element of change.undo){element()}this.canUndo=this.undoStack.length>0;setTimeout((()=>this.silent=false),10)}redo(){if(!this.redoStack.length){this.canRedo=false;return}this.silent=true;const change=this.redoStack.pop();this.undoStack.push(change);this.canUndo=true;for(const element of change.redo){element()}this.canRedo=this.redoStack.length>0;setTimeout((()=>this.silent=false),10)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/UndoRedo");System.register(["tslib"],(function(_export,_context){"use strict";var __awaiter,DuplexStream,DomHelper;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter}],execute:function(){DuplexStream=class DuplexStream{constructor(element){this.index=-1;this.array=[];const all=element.querySelectorAll("*");for(let index=0;index<all.length;index++){const e=all[index];this.array.push({e,text:e.innerHTML})}}next(){const index=this.index++;if(index>=this.array.length){return{done:true}}return{index,value:this.array[index]}}reset(index){this.index=index}};_export("default",DomHelper=class DomHelper{static applyChanges(target,src){return __awaiter(this,void 0,void 0,(function*(){const persist=[];for(const element of Array.from(target.head.children)){if(element.hasAttribute("remove-when-save")){persist.push(element);continue}if(element.tagName==="BASE"){persist.push(element)}}target.head.innerHTML=src.head.innerHTML;for(const element of persist){target.head.insertAdjacentElement("afterbegin",element)}target.body.innerHTML=src.body.innerHTML}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/DomHelper");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,FlipBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("FlipBox",FlipBox=Block({className:"fad fa-rotate",title:"Add Flip Box",factory:()=>XNode.create("flip-box",null,XNode.create("section",{class:"first-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Front Face ",XNode.create("br",null),"Content Here."),XNode.create("section",{class:"back-element","styler-layout":"column"},"Default Visible",XNode.create("br",null),"Back Face ",XNode.create("br",null),"Content Here."))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/FlipBox");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../styler/Styler","../styler/StylerSets","./Block"],(function(_export,_context){"use strict";var XNode,styled,stylerVars,StylerSets,Block,GridBox,Grid1x1Box;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_Block){Block=_Block.Block}],execute:function(){StylerSets.register("low",styled.css`
     display: grid;
     gap: ${stylerVars.sizeDefault};
     padding: ${stylerVars.sizeDefault};
@@ -4503,7 +4503,23 @@ display: grid;
     justify-items: center;
     align-items: stretch;
     overflow: hidden;
-`.expand("[styler-layout=grid]"));_export("GridBox",GridBox=Block({className:"fa-duotone fa-solid fa-grid-5",title:"Add Grid Box",factory:()=>XNode.create("section",{"styler-layout":"grid"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/GridBox");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","../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","../blocks/Buttons","../blocks/Columns2","../blocks/Columns3","../blocks/RightImageBox","@web-atoms/core/dist/web/core/AtomUI","../blocks/PriceBox","@web-atoms/core/dist/core/BindableProperty","../blocks/Billboard","../blocks/OutlineText","../blocks/Carousel","../blocks/ImageGallery","@web-atoms/web-controls/dist/basic/InlinePopup","../blocks/VideoPlayer","../blocks/BackgroundVideo","../blocks/TextMask","../blocks/MarqueeText","../blocks/ImageGrid","../blocks/BoxFrame","../blocks/InjectBox","../blocks/PDFFlipBook","../blocks/PDFViewer","../blocks/Banner","./BreadCrum","./LanguageDropDown","./webComponentsPath","./UndoRedo","./DomHelper","../blocks/FlipBox","../blocks/GridBox"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__rest,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,ImageBox,RowBox,ColumnBox,VerticalImageBox,Image,ImageCard,TextBox,Card,List,BlogComponent,TypeWriterComponent,CancelToken,UMD,ImageLink,LinkButton,Columns2,Columns3,RightImageBox,descendentElementIterator,PriceTable,BindableProperty,Billboard,OutlineText,Carousel,ImageGallery,InlinePopupButton,VideoPlayer,BackgroundVideo,TextMask,MarqueeText,ImageGrid,BoxFrame,InjectBox,PDFFlipBook,PDFViewer,Banner,BreadCrum,LanguageDropDown,WebComponents,UndoRedo,DomHelper,FlipBox,GridBox,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth,languageSymbol;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__rest=_tslib.__rest},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(_blocksImageBox){ImageBox=_blocksImageBox.ImageBox},function(_blocksRowBox){RowBox=_blocksRowBox.RowBox},function(_blocksColumnBox){ColumnBox=_blocksColumnBox.ColumnBox},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;TypeWriterComponent=_blocksComponents.TypeWriterComponent},function(_webAtomsCoreDistCoreTypes){CancelToken=_webAtomsCoreDistCoreTypes.CancelToken;UMD=_webAtomsCoreDistCoreTypes.UMD},function(_blocksButtons){ImageLink=_blocksButtons.ImageLink;LinkButton=_blocksButtons.LinkButton},function(_blocksColumns){Columns2=_blocksColumns.Columns2},function(_blocksColumns2){Columns3=_blocksColumns2.Columns3},function(_blocksRightImageBox){RightImageBox=_blocksRightImageBox.RightImageBox},function(_webAtomsCoreDistWebCoreAtomUI){descendentElementIterator=_webAtomsCoreDistWebCoreAtomUI.descendentElementIterator},function(_blocksPriceBox){PriceTable=_blocksPriceBox.PriceTable},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_blocksBillboard){Billboard=_blocksBillboard.Billboard},function(_blocksOutlineText){OutlineText=_blocksOutlineText.OutlineText},function(_blocksCarousel){Carousel=_blocksCarousel.Carousel},function(_blocksImageGallery){ImageGallery=_blocksImageGallery.ImageGallery},function(_webAtomsWebControlsDistBasicInlinePopup){InlinePopupButton=_webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton},function(_blocksVideoPlayer){VideoPlayer=_blocksVideoPlayer.VideoPlayer},function(_blocksBackgroundVideo){BackgroundVideo=_blocksBackgroundVideo.BackgroundVideo},function(_blocksTextMask){TextMask=_blocksTextMask.TextMask},function(_blocksMarqueeText){MarqueeText=_blocksMarqueeText.MarqueeText},function(_blocksImageGrid){ImageGrid=_blocksImageGrid.ImageGrid},function(_blocksBoxFrame){BoxFrame=_blocksBoxFrame.BoxFrame},function(_blocksInjectBox){InjectBox=_blocksInjectBox.InjectBox},function(_blocksPDFFlipBook){PDFFlipBook=_blocksPDFFlipBook.PDFFlipBook},function(_blocksPDFViewer){PDFViewer=_blocksPDFViewer.PDFViewer},function(_blocksBanner){Banner=_blocksBanner.Banner},function(_BreadCrum){BreadCrum=_BreadCrum.default},function(_LanguageDropDown){LanguageDropDown=_LanguageDropDown.default},function(_webComponentsPath){WebComponents=_webComponentsPath.WebComponents},function(_UndoRedo){UndoRedo=_UndoRedo.default},function(_DomHelper){DomHelper=_DomHelper.default},function(_blocksFlipBox){FlipBox=_blocksFlipBox.FlipBox},function(_blocksGridBox){GridBox=_blocksGridBox.GridBox}],execute:function(){styled.css`
+`.expand("[styler-layout=grid]"));_export("GridBox",GridBox=Block({className:"fa-duotone fa-solid fa-grid-5",title:"Add Grid Box",factory:()=>XNode.create("section",{"styler-layout":"grid"},XNode.create("section",null),XNode.create("section",null))}));StylerSets.register("low",styled.css`
+    display: grid;
+    gap: ${stylerVars.sizeDefault};
+    padding: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeDefault};
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr;
+
+    & > * {
+        grid-row: 1;
+        grid-column: 1;
+    }
+
+`.expand("[styler-layout=grid-1x1]"));_export("Grid1x1Box",Grid1x1Box=Block({className:"fa-duotone fa-solid fa-grid-5",title:"Add Grid Box",factory:()=>XNode.create("section",{"styler-layout":"grid-1x1"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/GridBox");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","../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","../blocks/Buttons","../blocks/Columns2","../blocks/Columns3","../blocks/RightImageBox","@web-atoms/core/dist/web/core/AtomUI","../blocks/PriceBox","@web-atoms/core/dist/core/BindableProperty","../blocks/Billboard","../blocks/OutlineText","../blocks/Carousel","../blocks/ImageGallery","@web-atoms/web-controls/dist/basic/InlinePopup","../blocks/VideoPlayer","../blocks/BackgroundVideo","../blocks/TextMask","../blocks/MarqueeText","../blocks/ImageGrid","../blocks/BoxFrame","../blocks/InjectBox","../blocks/PDFFlipBook","../blocks/PDFViewer","../blocks/Banner","./BreadCrum","./LanguageDropDown","./webComponentsPath","./UndoRedo","./DomHelper","../blocks/FlipBox","../blocks/GridBox"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__rest,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,ImageBox,RowBox,ColumnBox,VerticalImageBox,Image,ImageCard,TextBox,Card,List,BlogComponent,TypeWriterComponent,CancelToken,UMD,ImageLink,LinkButton,Columns2,Columns3,RightImageBox,descendentElementIterator,PriceTable,BindableProperty,Billboard,OutlineText,Carousel,ImageGallery,InlinePopupButton,VideoPlayer,BackgroundVideo,TextMask,MarqueeText,ImageGrid,BoxFrame,InjectBox,PDFFlipBook,PDFViewer,Banner,BreadCrum,LanguageDropDown,WebComponents,UndoRedo,DomHelper,FlipBox,GridBox,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth,languageSymbol;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__rest=_tslib.__rest},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(_blocksImageBox){ImageBox=_blocksImageBox.ImageBox},function(_blocksRowBox){RowBox=_blocksRowBox.RowBox},function(_blocksColumnBox){ColumnBox=_blocksColumnBox.ColumnBox},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;TypeWriterComponent=_blocksComponents.TypeWriterComponent},function(_webAtomsCoreDistCoreTypes){CancelToken=_webAtomsCoreDistCoreTypes.CancelToken;UMD=_webAtomsCoreDistCoreTypes.UMD},function(_blocksButtons){ImageLink=_blocksButtons.ImageLink;LinkButton=_blocksButtons.LinkButton},function(_blocksColumns){Columns2=_blocksColumns.Columns2},function(_blocksColumns2){Columns3=_blocksColumns2.Columns3},function(_blocksRightImageBox){RightImageBox=_blocksRightImageBox.RightImageBox},function(_webAtomsCoreDistWebCoreAtomUI){descendentElementIterator=_webAtomsCoreDistWebCoreAtomUI.descendentElementIterator},function(_blocksPriceBox){PriceTable=_blocksPriceBox.PriceTable},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_blocksBillboard){Billboard=_blocksBillboard.Billboard},function(_blocksOutlineText){OutlineText=_blocksOutlineText.OutlineText},function(_blocksCarousel){Carousel=_blocksCarousel.Carousel},function(_blocksImageGallery){ImageGallery=_blocksImageGallery.ImageGallery},function(_webAtomsWebControlsDistBasicInlinePopup){InlinePopupButton=_webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton},function(_blocksVideoPlayer){VideoPlayer=_blocksVideoPlayer.VideoPlayer},function(_blocksBackgroundVideo){BackgroundVideo=_blocksBackgroundVideo.BackgroundVideo},function(_blocksTextMask){TextMask=_blocksTextMask.TextMask},function(_blocksMarqueeText){MarqueeText=_blocksMarqueeText.MarqueeText},function(_blocksImageGrid){ImageGrid=_blocksImageGrid.ImageGrid},function(_blocksBoxFrame){BoxFrame=_blocksBoxFrame.BoxFrame},function(_blocksInjectBox){InjectBox=_blocksInjectBox.InjectBox},function(_blocksPDFFlipBook){PDFFlipBook=_blocksPDFFlipBook.PDFFlipBook},function(_blocksPDFViewer){PDFViewer=_blocksPDFViewer.PDFViewer},function(_blocksBanner){Banner=_blocksBanner.Banner},function(_BreadCrum){BreadCrum=_BreadCrum.default},function(_LanguageDropDown){LanguageDropDown=_LanguageDropDown.default},function(_webComponentsPath){WebComponents=_webComponentsPath.WebComponents},function(_UndoRedo){UndoRedo=_UndoRedo.default},function(_DomHelper){DomHelper=_DomHelper.default},function(_blocksFlipBox){FlipBox=_blocksFlipBox.FlipBox},function(_blocksGridBox){GridBox=_blocksGridBox.GridBox}],execute:function(){styled.css`
         display: grid;
         grid-template-columns: auto 1fr auto;
         grid-template-rows: auto 1fr auto;
@@ -4528,7 +4544,7 @@ display: grid;
 
         & > [data-element=left] {
             background-color: canvas;
-            grid-row: 1 / span 3;
+            grid-row: 1 / span 2;
             grid-column: 1;
             border-right: solid 1px lightgray;
             border-radius: 0;
@@ -4537,7 +4553,7 @@ display: grid;
 
         & > [data-element=right] {
             background-color: canvas;
-            grid-row: 1 / span 3;
+            grid-row: 1 / span 2;
             grid-column: 3;
             border-left: solid 1px lightgray;
             border-radius: 0;