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

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

@@ -3157,7 +3157,7 @@ html, body {
         margin-left: 20px;
     }
 
-`.installGlobal("[data-html-editor-element=toolbar]")}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/EditorToolbar");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","./EditorToolbar"],(function(_export,_context){"use strict";var Bind,XNode,EditorToolbar;function UndoRedoToolbar(){return XNode.create(EditorToolbar,{"data-element":"undo"},XNode.create("i",{"data-click-event":"undo",title:"Undo","data-disabled":Bind.oneWay((editor=>!editor.undoRedo.canUndo)),class:"fas fa-undo"}),XNode.create("i",{"data-click-event":"redo",title:"Redo","data-disabled":Bind.oneWay((editor=>!editor.undoRedo.canRedo)),class:"fas fa-redo"}))}_export("default",UndoRedoToolbar);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_EditorToolbar){EditorToolbar=_EditorToolbar.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/UndoRedoToolbar");System.register([],(function(_export,_context){"use strict";var StylerSets;return{setters:[],execute:function(){_export("StylerSets",StylerSets={low:[],high:[],register(where,selector,element){const target=this[where];if(element){target.push(element.expand(selector));return}target.push(selector)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSets");System.register(["@web-atoms/core/dist/style/styled","@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var styled,AtomBinder,StylerVariable,StylerPropertyOption,StylerProperty,camelToSnakeCase,prepareVariables,stylerVars,sizeVarList,colorVarList,pair,createSet,createVarSet,createVarSetWith;_export({StylerVariable:void 0,StylerPropertyOption:void 0,StylerProperty:void 0});return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){camelToSnakeCase=str=>str.replace(/[A-Z]/g,(letter=>`-${letter.toLowerCase()}`));prepareVariables=a=>{const r={};for(const key in a){if(Object.prototype.hasOwnProperty.call(a,key)){const value=a[key];const name=camelToSnakeCase(key);r[key]={name,value,toString(){return`var(--${name}, ${value})`}}}}return r};_export("stylerVars",stylerVars=prepareVariables({sizeZero:"0",sizeThin:"1px",sizeTiny:"2px",sizeSmall:"5px",sizeSmaller:"7px",sizeDefault:"10px",sizeLarger:"15px",sizeLarge:"20px",sizeVeryLarge:"40px",sizeAuto:"auto",sizeMobileWidth:"350px",sizeTabletWidth:"1024px",size10Pc:"10%",size20Pc:"20%",size25Pc:"25%",size30Pc:"30%",size33Pc:"33.3%",size40Pc:"40%",size50Pc:"50%",size60Pc:"60%",size66Pc:"66.6%",size70Pc:"70%",size75Pc:"75%",size80Pc:"80%",size90Pc:"90%",size100Pc:"100%",size10vw:"10vw",size20vw:"20vw",size25vw:"25vw",size30vw:"30vw",size33vw:"33.3vw",size40vw:"40vw",size50vw:"50vw",size60vw:"60vw",size66vw:"66.6vw",size70vw:"70vw",size75vw:"75vw",size80vw:"80vw",size90vw:"90vw",size100vw:"100vw",size10vh:"10vh",size20vh:"20vh",size25vh:"25vh",size30vh:"30vh",size33vh:"33.3vh",size40vh:"40vh",size50vh:"50vh",size60vh:"60vh",size66vh:"66.6vh",size70vh:"70vh",size75vh:"75vh",size80vh:"80vh",size90vh:"90vh",size100vh:"100vh",rem0_5:"0.5rem",rem1:"1rem",rem1_5:"1.5rem",rem2:"2rem",rem2_5:"2.5rem",rem3:"3rem",rem4:"4rem",rem5:"5rem",rem7_5:"7.5rem",rem10:"10rem",rem12_5:"12.5rem",rem15:"15rem",relSizeXS:"20rem",relSizeSmall:"24rem",relSizeMedium:"28rem",relSizeLarge:"32rem",relSizeXL:"36rem",relSize2XL:"42rem",relSize3XL:"48rem",relSize4XL:"56rem",relSize5XL:"64rem",relSize6XL:"72rem",relSize7XL:"80rem",relSizeFull:"100%",relSizeProse:"65ch",transparent:"transparent",bodyColor:"#dddddd50",defaultColor:"canvas",defaultTextColor:"canvastext",borderColor:"#aaaaaa70",headerColor:"#0571ff30",headerTextColor:"",accentColor:"blue",accentTextColor:"white",surfaceColor:"canvas",surfaceTextColor:"canvastext",noteColor:"#ffffe0",noteTextColor:"",warningColor:"#FFC107",warningTextColor:"darkgray",selectionColor:"highlight",selectionTextColor:"highlightText",hoverColor:"#A0A0A010",hoverTextColor:"CanvasText",stopColor:"red",stopTextColor:"white",goColor:"green",goTextColor:"white",acceptColor:"blue",acceptTextColor:"white",rejectColor:"red",rejectTextColor:"white",fontSizeSmall:"0.8125em",commandBgColor:"#F0F0F0",menuBgColor:"#808080",menuColor:"#F0F0F0",linkColor:"blue",buttonBackground:"lightgreen",buttonText:"gray",primaryBackground:"white",primaryColor:"gray",primaryBorderColor:"#aaaaaa70",primaryAccent:"#6145a9c9",primaryAccentText:"white",primarySurface:"#FFFFFFA0",primarySurfaceText:"gray",primaryButtonBackground:"lightblue",primaryButtonText:"gray",secondaryBackground:"#00808050",secondaryBorderColor:"#aaaaaa70",secondaryColor:"gray",secondaryAccent:"#318984a8",secondaryAccentText:"white",secondarySurface:"#FFFFFFA0",secondarySurfaceText:"gray",secondaryButtonBackground:"lightgreen",secondaryButtonText:"gray",tertiaryBackground:"#cfa55c87",tertiaryBorderColor:"#aaaaaa70",tertiaryColor:"gray",tertiaryAccent:"#e17b42cf",tertiaryAccentText:"white",tertiarySurface:"#FFFFFFA0",tertiarySurfaceText:"gray",tertiaryButtonBackground:"lightgreen",tertiaryButtonText:"gray",navBarBackground:"rgb(255 255 255 / 51%)",navBarBackDropFilter:"blur(14px) saturate(180%)"}));_export("sizeVarList",sizeVarList=[stylerVars.sizeZero,stylerVars.sizeAuto,stylerVars.sizeThin,stylerVars.sizeTiny,stylerVars.sizeSmall,stylerVars.sizeSmaller,stylerVars.sizeDefault,stylerVars.sizeLarger,stylerVars.sizeLarge,stylerVars.sizeMobileWidth,stylerVars.sizeTabletWidth,stylerVars.size10Pc,stylerVars.size20Pc,stylerVars.size25Pc,stylerVars.size30Pc,stylerVars.size33Pc,stylerVars.size40Pc,stylerVars.size50Pc,stylerVars.size60Pc,stylerVars.size66Pc,stylerVars.size70Pc,stylerVars.size75Pc,stylerVars.size80Pc,stylerVars.size90Pc,stylerVars.size100Pc,stylerVars.size10vw,stylerVars.size20vw,stylerVars.size25vw,stylerVars.size30vw,stylerVars.size33vw,stylerVars.size40vw,stylerVars.size50vw,stylerVars.size60vw,stylerVars.size66vw,stylerVars.size70vw,stylerVars.size75vw,stylerVars.size80vw,stylerVars.size90vw,stylerVars.size100vw,stylerVars.size10vh,stylerVars.size20vh,stylerVars.size25vh,stylerVars.size30vh,stylerVars.size33vh,stylerVars.size40vh,stylerVars.size50vh,stylerVars.size60vh,stylerVars.size66vh,stylerVars.size70vh,stylerVars.size75vh,stylerVars.size80vh,stylerVars.size90vh,stylerVars.size100vh,stylerVars.rem1,stylerVars.rem2,stylerVars.rem3,stylerVars.rem4,stylerVars.rem5,stylerVars.rem7_5,stylerVars.rem10,stylerVars.rem12_5,stylerVars.rem15,stylerVars.relSizeXS,stylerVars.relSizeSmall,stylerVars.relSizeMedium,stylerVars.relSizeLarge,stylerVars.relSizeXL,stylerVars.relSize2XL,stylerVars.relSize3XL,stylerVars.relSize4XL,stylerVars.relSize5XL,stylerVars.relSize6XL,stylerVars.relSize7XL,stylerVars.relSizeFull,stylerVars.relSizeProse]);_export("colorVarList",colorVarList=[stylerVars.transparent,stylerVars.defaultColor,stylerVars.defaultTextColor,stylerVars.surfaceColor,stylerVars.surfaceTextColor,stylerVars.accentColor,stylerVars.accentTextColor,stylerVars.acceptColor,stylerVars.accentTextColor,stylerVars.borderColor,stylerVars.goColor,stylerVars.goTextColor,stylerVars.headerColor,stylerVars.headerTextColor,stylerVars.hoverColor,stylerVars.hoverTextColor,stylerVars.linkColor,stylerVars.noteColor,stylerVars.noteTextColor,stylerVars.rejectColor,stylerVars.rejectTextColor,stylerVars.selectionColor,stylerVars.selectionTextColor,stylerVars.stopColor,stylerVars.stopTextColor,stylerVars.warningColor,stylerVars.warningTextColor]);_export("StylerVariable",StylerVariable=class StylerVariable{get currentValue(){if(this._currentValue){return this._currentValue}const{document}=this;if(document){return document.defaultView.getComputedStyle(document.body).getPropertyValue(this.propertyName)}return""}set currentValue(v){const{onChange}=this;this._currentValue=v;onChange===null||onChange===void 0?void 0:onChange(this.propertyName,v);AtomBinder.refreshValue(this,"currentValue")}constructor(name,value,document,onChange,propertyName=`--${name}`){this.name=name;this.value=value;this.document=document;this.onChange=onChange;this.propertyName=propertyName}toString(){return`--${this.name}: ${this.value};`}});_export("StylerPropertyOption",StylerPropertyOption=class StylerPropertyOption{constructor(name,value,description){this.name=name;this.description=description;this.value=value.toString()}toString(){return this.value.split("\n").join("\n\t")}toPair(){const description=this.description;const label=description?`${this.name} (${description})`:this.name;const value=this.name;return{label,value}}});_export("StylerProperty",StylerProperty=class StylerProperty{static create(key,styles){return new StylerProperty(key,styles)}constructor(key,values,prefix="",suffix="",media=""){this.key=key;this.prefix=prefix;this.suffix=suffix;this.media=media;this.values=[];const wrapInMedia=media?s=>`${media} {\n ${s} \n}`:s=>s;for(const k in values){if(Object.prototype.hasOwnProperty.call(values,k)){const element=values[k];this.values.push(new StylerPropertyOption(k,wrapInMedia(element.expand(`${prefix}[${this.key}=${k}]${suffix}`)),element.description))}}}toString(){return this.values.join("\n")}});_export("pair",pair=(name,value)=>(!value?(value=name,name=name.replace(" ","-")):name,{name,value}));_export("createSet",createSet=(name,values,appendGlobals=false,addCustom=false)=>{const r={};if(addCustom){r.custom=styled.css`${name}: var(--styler-${name});`}if(appendGlobals){values.push(...["inherit","initial","revert","revert-layer","unset"])}for(const iterator of values){if(typeof iterator==="string"){r[iterator]=styled.css`\t${name}: ${iterator};`;continue}r[iterator.name]=styled.css`\t${name}: ${iterator.value};`}return r});_export("createVarSet",createVarSet=(name,values,addCustom=true,addDefaults=false)=>{const r={};if(addCustom){if(typeof addCustom!=="string"){addCustom=`--styler-${name}`}r.custom=styled.css`${name}: var(${addCustom});`}for(const iterator of values){r[iterator.name]=styled.css`\t${name}: var(--${iterator.name});`.withDescription(iterator.value)}if(addDefaults){for(const item of["inherit","initial","revert","revert-layer","unset"]){r[item]=styled.css`${name}: ${item}`}}return r});_export("createVarSetWith",createVarSetWith=(name,prefix,values,addCustom=true)=>{const r={};if(addCustom){r.custom=styled.css`${name}: var(--styler-${name});`}for(const iterator of values){r[iterator.name]=styled.css`\t${name}: var(--${iterator.name});`.withDescription(iterator.value)}return r})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/Styler");System.register(["@web-atoms/core/dist/style/styled","../styler/StylerSets","../styler/Styler"],(function(_export,_context){"use strict";var styled,StylerSets,stylerVars,svg,svgCross;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars}],execute:function(){StylerSets.register("low",styled.css`
+`.installGlobal("[data-html-editor-element=toolbar]")}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/EditorToolbar");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","./EditorToolbar"],(function(_export,_context){"use strict";var Bind,XNode,EditorToolbar;function UndoRedoToolbar(){return XNode.create(EditorToolbar,{"data-element":"undo"},XNode.create("i",{"data-click-event":"undo",title:"Undo","data-disabled":Bind.oneWay((editor=>!editor.undoRedo.canUndo)),class:"fas fa-undo"}),XNode.create("i",{"data-click-event":"redo",title:"Redo","data-disabled":Bind.oneWay((editor=>!editor.undoRedo.canRedo)),class:"fas fa-redo"}))}_export("default",UndoRedoToolbar);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_EditorToolbar){EditorToolbar=_EditorToolbar.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/UndoRedoToolbar");System.register([],(function(_export,_context){"use strict";var StylerSets;return{setters:[],execute:function(){_export("StylerSets",StylerSets={low:[],high:[],register(where,selector,element){const target=this[where];if(element){target.push(element.expand(selector));return}target.push(selector)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSets");System.register(["@web-atoms/core/dist/style/styled","@web-atoms/core/dist/core/AtomBinder"],(function(_export,_context){"use strict";var styled,AtomBinder,StylerVariable,StylerPropertyOption,StylerProperty,camelToSnakeCase,prepareVariables,stylerVars,sizeVarList,colorVarList,pair,createSet,createVarSet,createVarSetWith;_export({StylerVariable:void 0,StylerPropertyOption:void 0,StylerProperty:void 0});return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder}],execute:function(){camelToSnakeCase=str=>str.replace(/[A-Z]/g,(letter=>`-${letter.toLowerCase()}`));prepareVariables=a=>{const r={};for(const key in a){if(Object.prototype.hasOwnProperty.call(a,key)){const value=a[key];const name=camelToSnakeCase(key);r[key]={name,value,toString(){return`var(--${name}, ${value})`}}}}return r};_export("stylerVars",stylerVars=prepareVariables({sizeZero:"0",sizeThin:"1px",sizeTiny:"2px",sizeSmall:"5px",sizeSmaller:"7px",sizeDefault:"10px",sizeLarger:"15px",sizeLarge:"20px",sizeVeryLarge:"40px",sizeAuto:"auto",sizeMobileWidth:"350px",sizeTabletWidth:"1024px",size10Pc:"10%",size20Pc:"20%",size25Pc:"25%",size30Pc:"30%",size33Pc:"33.3%",size40Pc:"40%",size50Pc:"50%",size60Pc:"60%",size66Pc:"66.6%",size70Pc:"70%",size75Pc:"75%",size80Pc:"80%",size90Pc:"90%",size100Pc:"100%",size10vw:"10vw",size20vw:"20vw",size25vw:"25vw",size30vw:"30vw",size33vw:"33.3vw",size40vw:"40vw",size50vw:"50vw",size60vw:"60vw",size66vw:"66.6vw",size70vw:"70vw",size75vw:"75vw",size80vw:"80vw",size90vw:"90vw",size100vw:"100vw",size10vh:"10vh",size20vh:"20vh",size25vh:"25vh",size30vh:"30vh",size33vh:"33.3vh",size40vh:"40vh",size50vh:"50vh",size60vh:"60vh",size66vh:"66.6vh",size70vh:"70vh",size75vh:"75vh",size80vh:"80vh",size90vh:"90vh",size100vh:"100vh",rem0_5:"0.5rem",rem1:"1rem",rem1_5:"1.5rem",rem2:"2rem",rem2_5:"2.5rem",rem3:"3rem",rem4:"4rem",rem5:"5rem",rem7_5:"7.5rem",rem10:"10rem",rem12_5:"12.5rem",rem15:"15rem",relSizeXS:"20rem",relSizeSmall:"24rem",relSizeMedium:"28rem",relSizeLarge:"32rem",relSizeXL:"36rem",relSize2XL:"42rem",relSize3XL:"48rem",relSize4XL:"56rem",relSize5XL:"64rem",relSize6XL:"72rem",relSize7XL:"80rem",relSizeFull:"100%",relSizeProse:"65ch",transparent:"transparent",bodyColor:"#dddddd50",defaultColor:"canvas",defaultTextColor:"canvastext",borderColor:"#aaaaaa70",headerColor:"#0571ff30",headerTextColor:"",accentColor:"blue",accentTextColor:"white",surfaceColor:"canvas",surfaceTextColor:"canvastext",noteColor:"#ffffe0",noteTextColor:"",warningColor:"#FFC107",warningTextColor:"darkgray",selectionColor:"highlight",selectionTextColor:"highlightText",hoverColor:"#A0A0A010",hoverTextColor:"CanvasText",stopColor:"red",stopTextColor:"white",goColor:"green",goTextColor:"white",acceptColor:"blue",acceptTextColor:"white",rejectColor:"red",rejectTextColor:"white",fontSizeSmall:"0.8125em",commandBgColor:"#F0F0F0",menuBgColor:"#808080",menuColor:"#F0F0F0",linkColor:"blue",buttonBackground:"lightgreen",buttonText:"gray",primaryBackground:"white",primaryColor:"gray",primaryBorderColor:"#aaaaaa70",primaryAccent:"#6145a9c9",primaryAccentText:"white",primarySurface:"#FFFFFFA0",primarySurfaceText:"gray",primaryButtonBackground:"lightblue",primaryButtonText:"gray",secondaryBackground:"#00808050",secondaryBorderColor:"#aaaaaa70",secondaryColor:"gray",secondaryAccent:"#318984a8",secondaryAccentText:"white",secondarySurface:"#FFFFFFA0",secondarySurfaceText:"gray",secondaryButtonBackground:"lightgreen",secondaryButtonText:"gray",tertiaryBackground:"#cfa55c87",tertiaryBorderColor:"#aaaaaa70",tertiaryColor:"gray",tertiaryAccent:"#e17b42cf",tertiaryAccentText:"white",tertiarySurface:"#FFFFFFA0",tertiarySurfaceText:"gray",tertiaryButtonBackground:"lightgreen",tertiaryButtonText:"gray",navBarBackground:"rgb(255 255 255 / 51%)",navBarBackDropFilter:"blur(14px) saturate(180%)"}));_export("sizeVarList",sizeVarList=[stylerVars.sizeZero,stylerVars.sizeAuto,stylerVars.sizeThin,stylerVars.sizeTiny,stylerVars.sizeSmall,stylerVars.sizeSmaller,stylerVars.sizeDefault,stylerVars.sizeLarger,stylerVars.sizeLarge,stylerVars.sizeMobileWidth,stylerVars.sizeTabletWidth,stylerVars.size10Pc,stylerVars.size20Pc,stylerVars.size25Pc,stylerVars.size30Pc,stylerVars.size33Pc,stylerVars.size40Pc,stylerVars.size50Pc,stylerVars.size60Pc,stylerVars.size66Pc,stylerVars.size70Pc,stylerVars.size75Pc,stylerVars.size80Pc,stylerVars.size90Pc,stylerVars.size100Pc,stylerVars.size10vw,stylerVars.size20vw,stylerVars.size25vw,stylerVars.size30vw,stylerVars.size33vw,stylerVars.size40vw,stylerVars.size50vw,stylerVars.size60vw,stylerVars.size66vw,stylerVars.size70vw,stylerVars.size75vw,stylerVars.size80vw,stylerVars.size90vw,stylerVars.size100vw,stylerVars.size10vh,stylerVars.size20vh,stylerVars.size25vh,stylerVars.size30vh,stylerVars.size33vh,stylerVars.size40vh,stylerVars.size50vh,stylerVars.size60vh,stylerVars.size66vh,stylerVars.size70vh,stylerVars.size75vh,stylerVars.size80vh,stylerVars.size90vh,stylerVars.size100vh,stylerVars.rem1,stylerVars.rem2,stylerVars.rem3,stylerVars.rem4,stylerVars.rem5,stylerVars.rem7_5,stylerVars.rem10,stylerVars.rem12_5,stylerVars.rem15,stylerVars.relSizeXS,stylerVars.relSizeSmall,stylerVars.relSizeMedium,stylerVars.relSizeLarge,stylerVars.relSizeXL,stylerVars.relSize2XL,stylerVars.relSize3XL,stylerVars.relSize4XL,stylerVars.relSize5XL,stylerVars.relSize6XL,stylerVars.relSize7XL,stylerVars.relSizeFull,stylerVars.relSizeProse,{name:"inherit",value:"inherit "},{name:"unset",value:"unset "}]);_export("colorVarList",colorVarList=[stylerVars.transparent,stylerVars.defaultColor,stylerVars.defaultTextColor,stylerVars.surfaceColor,stylerVars.surfaceTextColor,stylerVars.accentColor,stylerVars.accentTextColor,stylerVars.acceptColor,stylerVars.accentTextColor,stylerVars.borderColor,stylerVars.goColor,stylerVars.goTextColor,stylerVars.headerColor,stylerVars.headerTextColor,stylerVars.hoverColor,stylerVars.hoverTextColor,stylerVars.linkColor,stylerVars.noteColor,stylerVars.noteTextColor,stylerVars.rejectColor,stylerVars.rejectTextColor,stylerVars.selectionColor,stylerVars.selectionTextColor,stylerVars.stopColor,stylerVars.stopTextColor,stylerVars.warningColor,stylerVars.warningTextColor]);_export("StylerVariable",StylerVariable=class StylerVariable{get currentValue(){if(this._currentValue){return this._currentValue}const{document}=this;if(document){return document.defaultView.getComputedStyle(document.body).getPropertyValue(this.propertyName)}return""}set currentValue(v){const{onChange}=this;this._currentValue=v;onChange===null||onChange===void 0?void 0:onChange(this.propertyName,v);AtomBinder.refreshValue(this,"currentValue")}constructor(name,value,document,onChange,propertyName=`--${name}`){this.name=name;this.value=value;this.document=document;this.onChange=onChange;this.propertyName=propertyName}toString(){return`--${this.name}: ${this.value};`}});_export("StylerPropertyOption",StylerPropertyOption=class StylerPropertyOption{constructor(name,value,description){this.name=name;this.description=description;this.value=value.toString()}toString(){return this.value.split("\n").join("\n\t")}toPair(){const description=this.description;const label=description?`${this.name} (${description})`:this.name;const value=this.name;return{label,value}}});_export("StylerProperty",StylerProperty=class StylerProperty{static create(key,styles){return new StylerProperty(key,styles)}constructor(key,values,prefix="",suffix="",media=""){this.key=key;this.prefix=prefix;this.suffix=suffix;this.media=media;this.values=[];const wrapInMedia=media?s=>`${media} {\n ${s} \n}`:s=>s;for(const k in values){if(Object.prototype.hasOwnProperty.call(values,k)){const element=values[k];this.values.push(new StylerPropertyOption(k,wrapInMedia(element.expand(`${prefix}[${this.key}=${k}]${suffix}`)),element.description))}}}toString(){return this.values.join("\n")}});_export("pair",pair=(name,value)=>(!value?(value=name,name=name.replace(" ","-")):name,{name,value}));_export("createSet",createSet=(name,values,appendGlobals=false,addCustom=false)=>{const r={};if(addCustom){r.custom=styled.css`${name}: var(--styler-${name});`}if(appendGlobals){values.push(...["inherit","initial","revert","revert-layer","unset"])}for(const iterator of values){if(typeof iterator==="string"){r[iterator]=styled.css`\t${name}: ${iterator};`;continue}r[iterator.name]=styled.css`\t${name}: ${iterator.value};`}return r});_export("createVarSet",createVarSet=(name,values,addCustom=true,addDefaults=false)=>{const r={};if(addCustom){if(typeof addCustom!=="string"){addCustom=`--styler-${name}`}r.custom=styled.css`${name}: var(${addCustom});`}for(const iterator of values){r[iterator.name]=styled.css`\t${name}: var(--${iterator.name});`.withDescription(iterator.value)}if(addDefaults){for(const item of["inherit","initial","revert","revert-layer","unset"]){r[item]=styled.css`${name}: ${item}`}}return r});_export("createVarSetWith",createVarSetWith=(name,prefix,values,addCustom=true)=>{const r={};if(addCustom){r.custom=styled.css`${name}: var(--styler-${name});`}for(const iterator of values){r[iterator.name]=styled.css`\t${name}: var(--${iterator.name});`.withDescription(iterator.value)}return r})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/Styler");System.register(["@web-atoms/core/dist/style/styled","../styler/StylerSets","../styler/Styler"],(function(_export,_context){"use strict";var styled,StylerSets,stylerVars,svg,svgCross;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars}],execute:function(){StylerSets.register("low",styled.css`
     display: flex;
     flex-direction: column;
     align-items: stretch;
@@ -3499,7 +3499,7 @@ html, body {
     padding: ${stylerVars.sizeDefault};
     margin: ${stylerVars.sizeDefault};
     border-radius: ${stylerVars.sizeDefault};
-    `.expand("[styler-layout=wrap-list]"));_export("WrapGrid",WrapGrid=Block({className:"fa-duotone fa-grid-horizontal fa-rotate-90",title:"Wrap Grid",factory:()=>XNode.create("div",{"styler-layout":"wrap-list"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/Select","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/core/AtomUI"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,Expander,Select,Bind,styled,AncestorEnumerator,BindEditor,BindStyleValue,BindStyleChecked,BindStyleCustom;function PropertyEditor(_a,...nodes){var _b,_c,_d;var _e;var{label=void 0,custom=void 0,property,attributeName=void 0}=_a,a=__rest(_a,["label","custom","property","attributeName"]);if(!label&&nodes.length===1){return nodes[0]}if(custom){const ca=(_b=custom.attributes)!==null&&_b!==void 0?_b:custom.attributes={};ca["data-element"]="custom"}for(const iterator of nodes){(_d=(_e=(_c=iterator.attributes)!==null&&_c!==void 0?_c:iterator.attributes={})["data-element"])!==null&&_d!==void 0?_d:_e["data-element"]="editor"}if(property){a["data-item-property"]=property.key;if(custom){const binder=c=>c.selection.style(property.key).custom?"yes":"";binder.toString=()=>`(c) => c.selection.styleProperty["${property.key.replace("-","_")}"]`;a["data-custom-value"]=Bind.oneWay(binder)}}return XNode.create("div",Object.assign({"data-element":"property-editor"},a),label&&XNode.create("label",{"data-font-size":"small"},label),...nodes,custom)}function ExpanderPropertyEditor(_a,...nodes){var{isExpanded=false,label}=_a,a=__rest(_a,["isExpanded","label"]);const child=nodes.length>1?XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},...nodes):nodes[0];return XNode.create(Expander,Object.assign({"data-element":"expander-property-editor",isExpanded},a),label&&XNode.create("label",null,label),child)}function DropDownProperty(_a){var{label,property,values}=_a,a=__rest(_a,["label","property","values"]);const items=values?values.map((v=>({label:v,value:v}))):property.values.map((pair=>pair.toPair()));items.splice(0,0,{label:"-",value:""});return XNode.create(PropertyEditor,Object.assign({label,property,custom:XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key)))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items})))}function NumberProperty(_a){var{label,property}=_a,a=__rest(_a,["label","property"]);return XNode.create(PropertyEditor,Object.assign({label,property},a),XNode.create("input",Object.assign({},BindStyleValue(property.key),{"data-flex":"stretch-full",type:"tel"})))}function TextProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"text"},BindStyleValue(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function CheckBoxProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"checkbox"},BindStyleChecked(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function ButtonProperty(_a){var{label,property,eventClick,icon}=_a,a=__rest(_a,["label","property","eventClick","icon"]);return XNode.create(PropertyEditor,Object.assign({label,property,custom:XNode.create("div",{"data-layout":"row"},XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key))),XNode.create("i",{"data-click-event":eventClick,class:icon}))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items:[{label:"-",value:""},...property.values.map((pair=>pair.toPair()))]})))}_export({PropertyEditor,ExpanderPropertyEditor,DropDownProperty,NumberProperty,TextProperty,CheckBoxProperty,ButtonProperty});return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsWebControlsDistBasicExpander){Expander=_webAtomsWebControlsDistBasicExpander.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistWebCoreAtomUI){AncestorEnumerator=_webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator}],execute:function(){_export("BindEditor",BindEditor=Bind.forControl());_export("BindStyleValue",BindStyleValue=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c)})));_export("BindStyleChecked",BindStyleChecked=AtomControl.registerProperty("data-style-property","checked",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{checked:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c)})));_export("BindStyleCustom",BindStyleCustom=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.custom))}),e,c)})));styled.css`
+    `.expand("[styler-layout=wrap-list]"));_export("WrapGrid",WrapGrid=Block({className:"fa-duotone fa-grid-horizontal fa-rotate-90",title:"Wrap Grid",factory:()=>XNode.create("div",{"styler-layout":"wrap-list"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/Select","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/core/AtomUI"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,Expander,Select,Bind,styled,AncestorEnumerator,BindEditor,BindStyleValue,BindStyleChecked,BindStyleCustom;function PropertyEditor(_a,...nodes){var _b,_c,_d;var _e;var{label=void 0,custom=void 0,property,attributeName=void 0}=_a,a=__rest(_a,["label","custom","property","attributeName"]);if(!label&&nodes.length===1){return nodes[0]}if(custom){const ca=(_b=custom.attributes)!==null&&_b!==void 0?_b:custom.attributes={};ca["data-element"]="custom"}for(const iterator of nodes){(_d=(_e=(_c=iterator.attributes)!==null&&_c!==void 0?_c:iterator.attributes={})["data-element"])!==null&&_d!==void 0?_d:_e["data-element"]="editor"}if(property){a["data-item-property"]=property.key;if(custom){const binder=c=>c.selection.style(property.key).custom?"yes":"";binder.toString=()=>`(c) => c.selection.styleProperty["${property.key.replace("-","_")}"]`;a["data-custom-value"]=Bind.oneWay(binder)}}return XNode.create("div",Object.assign({"data-element":"property-editor"},a),label&&XNode.create("label",{"data-font-size":"small"},label),...nodes,custom)}function ExpanderPropertyEditor(_a,...nodes){var{isExpanded=false,label}=_a,a=__rest(_a,["isExpanded","label"]);const child=nodes.length>1?XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},...nodes):nodes[0];return XNode.create(Expander,Object.assign({"data-element":"expander-property-editor",isExpanded},a),label&&XNode.create("label",null,label),child)}function DropDownProperty(_a){var{label,property,values}=_a,a=__rest(_a,["label","property","values"]);const items=values?values.map((v=>({label:v,value:v}))):property.values.map((pair=>pair.toPair()));items.splice(0,0,{label:"-",value:""});return XNode.create(PropertyEditor,Object.assign({label,property,custom:XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key)))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items})))}function NumberProperty(_a){var{label,property}=_a,a=__rest(_a,["label","property"]);return XNode.create(PropertyEditor,Object.assign({label,property},a),XNode.create("input",Object.assign({},BindStyleValue(property.key),{"data-flex":"stretch-full",type:"tel"})))}function TextProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"text"},BindStyleValue(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function CheckBoxProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label,property,attributeName},a),XNode.create("input",Object.assign({type:"checkbox"},BindStyleChecked(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}function ButtonProperty(_a){var{label,property,eventClick,icon}=_a,a=__rest(_a,["label","property","eventClick","icon"]);return XNode.create(PropertyEditor,Object.assign({label,property,custom:XNode.create("div",{"data-layout":"row"},XNode.create("input",Object.assign({type:"text"},BindStyleCustom(property.key))),XNode.create("i",{"data-click-event":eventClick,class:icon}))},a),XNode.create(Select,Object.assign({"data-property-value-editor":"drop-down"},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items:[{label:"-",value:""},...property.values.map((pair=>pair.toPair()))]})))}_export({PropertyEditor,ExpanderPropertyEditor,DropDownProperty,NumberProperty,TextProperty,CheckBoxProperty,ButtonProperty});return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsWebControlsDistBasicExpander){Expander=_webAtomsWebControlsDistBasicExpander.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistWebCoreAtomUI){AncestorEnumerator=_webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator}],execute:function(){_export("BindEditor",BindEditor=Bind.forControl());_export("BindStyleValue",BindStyleValue=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c);c.render(XNode.create("div",{"attr-has-value":Bind.source(pv,(s=>s.source.value?"true":"false"))}),e,c)})));_export("BindStyleChecked",BindStyleChecked=AtomControl.registerProperty("data-style-property","checked",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{checked:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c)})));_export("BindStyleCustom",BindStyleCustom=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.custom))}),e,c)})));styled.css`
         & [data-item-property*=desktop],& [data-item-property*=all] {
             display: none;
         }
@@ -3551,6 +3551,14 @@ html, body {
         display: none;
     }
 
+    
+    &:has([has-value=true]) {
+        & > label {
+            font-weight: bold;
+            color: blue;
+        }
+    }
+
     `.installGlobal("[data-element=property-editor]");styled.css`
     
     border-bottom: solid 1px #a0a0a050;
@@ -3564,6 +3572,13 @@ html, body {
             padding-right: 10px;
         }
 
+        &:has( [data-element=detail] > [data-element=property-editor] > [has-value=true]) {
+            &  > label {
+                font-weight: bold;
+                color: blue;
+            }
+        }
+
 
     `.installGlobal("[data-element=expander-property-editor]");document.addEventListener("input",(e=>{const target=e.target;if(!/select/i.test(target.tagName)){return}if(target.getAttribute("data-property-value-editor")!=="drop-down"){return}const currentTarget=AncestorEnumerator.find(target,(x=>x.getAttribute("data-element")==="property-editor"));if(!currentTarget){return}if(target.tagName==="SELECT"){if(target.value==="custom"){currentTarget.setAttribute("data-custom","true")}else{currentTarget.removeAttribute("data-custom")}}}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor");System.register(["@web-atoms/core/dist/style/styled","../Styler"],(function(_export,_context){"use strict";var styled,StylerProperty,colorVarList,createVarSet,sizeVarList,stylerBorder;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){StylerProperty=_Styler.StylerProperty;colorVarList=_Styler.colorVarList;createVarSet=_Styler.createVarSet;sizeVarList=_Styler.sizeVarList}],execute:function(){_export("stylerBorder",stylerBorder={stylerBorder:new StylerProperty("styler-border",{none:styled.css`
                 border: none !important;