@social-mail/social-mail-client 1.4.21 → 1.4.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/site-editor/editor/HtmlPageEditor.js +2 -2
- package/dist/site-editor/editor/SelectedElement.d.ts +2 -0
- package/dist/site-editor/editor/SelectedElement.d.ts.map +1 -1
- package/dist/site-editor/editor/SelectedElement.js +18 -5
- package/dist/site-editor/editor/SelectedElement.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.js +20 -7
- package/dist/site-editor-app/SiteEditorApp.pack.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js +3 -3
- package/dist/site-editor-app/SiteEditorApp.pack.min.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/site-editor/editor/HtmlPageEditor.tsx +2 -2
- package/src/site-editor/editor/SelectedElement.tsx +23 -7
|
@@ -3728,7 +3728,7 @@ html, body {
|
|
|
3728
3728
|
background: ${stylerVars.tertiaryButtonBackground};
|
|
3729
3729
|
color: ${stylerVars.tertiaryButtonText};
|
|
3730
3730
|
}
|
|
3731
|
-
`}))}}}));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`
|
|
3731
|
+
`}))}}}));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")}}));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`
|
|
3732
3732
|
display: flex;
|
|
3733
3733
|
flex-direction: row;
|
|
3734
3734
|
gap: ${stylerVars.sizeDefault};
|
|
@@ -4528,7 +4528,7 @@ display: grid;
|
|
|
4528
4528
|
|
|
4529
4529
|
& > [data-element=left] {
|
|
4530
4530
|
background-color: canvas;
|
|
4531
|
-
grid-row: 1 / span
|
|
4531
|
+
grid-row: 1 / span 2;
|
|
4532
4532
|
grid-column: 1;
|
|
4533
4533
|
border-right: solid 1px lightgray;
|
|
4534
4534
|
border-radius: 0;
|
|
@@ -4537,7 +4537,7 @@ display: grid;
|
|
|
4537
4537
|
|
|
4538
4538
|
& > [data-element=right] {
|
|
4539
4539
|
background-color: canvas;
|
|
4540
|
-
grid-row: 1 / span
|
|
4540
|
+
grid-row: 1 / span 2;
|
|
4541
4541
|
grid-column: 3;
|
|
4542
4542
|
border-left: solid 1px lightgray;
|
|
4543
4543
|
border-radius: 0;
|