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

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

@@ -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;