@social-mail/social-mail-client 1.2.528 → 1.2.530

package/dist/admin/AdminAppIndex.pack.js

@@ -51932,7 +51932,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
           });
         }
       });
-      WebComponents.path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.111`;
+      WebComponents.path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.112`;
     }
   };
 });

package/dist/admin/AdminAppIndex.pack.min.js

@@ -4384,7 +4384,7 @@ display: grid;
         }
 
 
-    `.installGlobal("bread-crum");selectedProperty=AtomControl.registerProperty("selected-property","v1",((ac,e,value)=>{e.innerHTML="";if(!value){return}let start=value;if(!(start===null||start===void 0?void 0:start.ownerDocument)){return}const body=start.ownerDocument.body;while(start&&start!==body.parentElement){const typeName=start.className||start.getAttribute("styler-layout");const name=typeName?start.tagName+"("+typeName+")":start.tagName;const button=document.createElement("button");button.textContent=name;button["currentElement"]=start;e.insertAdjacentElement("afterbegin",button);start=start.parentElement;if(start===body){break}}}));onBreadCrumClick=({target})=>{const editor=AtomControl.from(target);const ce=target["currentElement"];if(ce){editor.selection.update(ce)}}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/BreadCrum");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Select"],(function(_export,_context){"use strict";var Bind,XNode,Select;function LanguageDropDown(){return XNode.create(Select,{"style-max-width":"80px","style-border":"none","style-display":Bind.oneWay((c=>!!c.languages)),items:Bind.oneWay((c=>{var _a;return(_a=c.languages)!==null&&_a!==void 0?_a:void 0})),labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.twoWaysImmediate((c=>c.language))})}_export("default",LanguageDropDown);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/LanguageDropDown");System.register(["tslib","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder"],(function(_export,_context){"use strict";var __awaiter,sleep,FetchBuilder,CustomElementsProxy,WebComponents,addAttributes;_export("WebComponents",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default}],execute:function(){CustomElementsProxy=class CustomElementsProxy{constructor(elements=[]){this.elements=elements}define(name,factory){this.elements.push({name,factory})}};addAttributes=(target,values)=>{Object.defineProperty(target.prototype,"editableAttributes",{enumerable:true,configurable:true,get(){return values(this)}})};_export("WebComponents",WebComponents=class WebComponents{static run2(frame,doc){return __awaiter(this,void 0,void 0,(function*(){const url=this.path+"/dist/editable.js";const sandbox=frame.getAttribute("sandbox");frame.setAttribute("sandbox","allow-same-origin allow-scripts allow-popups allow-forms");const text=yield FetchBuilder.get(url).responseAsText();const win=doc.defaultView;win.eval(`window.addEventListener("unsafeEval", (e) => eval(e.detail) , { once: true });`);win.dispatchEvent(new CustomEvent("unsafeEval",{detail:text}));setTimeout((()=>frame.setAttribute("sandbox","")),100)}))}static run(frame,doc){return __awaiter(this,void 0,void 0,(function*(){const url=this.path+"/dist/editable.js";frame.sandbox.add("allow-scripts");const text=yield FetchBuilder.get(url).responseAsText();const proxy=new CustomElementsProxy;const win=doc.defaultView;const globals={window:win,document:win.document,Object:win.Object,Promise,console:win.console,Boolean:win.Boolean,String:win.String,Number:win.Number,Math:win.Math,Date:win.Date,Proxy:win.Proxy,Map:win.Map,Array:win.Array,RegExp:win.RegExp,PromiseRejectionEvent:win.PromiseRejectionEvent,setTimeout:(cb,n)=>setTimeout(cb,n),setInterval:(cb,n)=>setInterval(cb,n),clearTimeout:n=>clearTimeout(n),clearInterval:n=>clearInterval(n),Reflect:win.Reflect,requestAnimationFrame:win.requestAnimationFrame,requestIdleCallback:win.requestIdleCallback,Symbol:win.Symbol,HTMLElement:win.HTMLElement,MutationObserver:class extends win.MutationObserver{constructor(a){super(a)}},IntersectionObserver:class extends win.IntersectionObserver{constructor(a){super(a)}},customElements:proxy};win.HTMLElement.prototype.addEventListener=function(type,listener,options){return win.EventTarget.prototype.addEventListener.call(this,type,listener,options)};const keys=Object.keys(globals);const init=`${keys.map((x=>`var ${x} = globalWindow[${JSON.stringify(x)}]`)).join(";\n")}`;const script=`\n        // (function (globalWindow) {\n        "use strict";\n        ${init};\n        Symbol.dispose ||= Symbol("dispose");\n        ;${text}\n        // })(globalWindow);\n        `;const fx=new doc.defaultView.Function("globalWindow",script);fx.call(win,globals);addAttributes(win.HTMLElement,(()=>[{name:"title",type:"string",display:"Tool Tip"},{name:"lang",type:"lang",display:"Language"}]));addAttributes(win.HTMLAnchorElement,(()=>[{name:"href",type:"string",display:"Link"},{name:"target",type:"string",suggest:["_blank"],display:"Target"}]));addAttributes(win.HTMLImageElement,(()=>[{name:"src",type:"image",display:"Image"},{name:"alt",type:"string",display:"Alt"}]));addAttributes(win.HTMLVideoElement,(()=>[{name:"src",type:"video",display:"Video"},{name:"poster",type:"image",display:"Poster"},{name:"autoplay",type:"boolean",display:"Auto Play"},{name:"loop",type:"boolean",display:"Loop"},{name:"muted",type:"boolean",display:"Muted"}]));yield sleep(10);for(const{name,factory}of proxy.elements){doc.defaultView.customElements.define(name,factory)}frame.sandbox.remove("allow-scripts")}))}});WebComponents.path=`//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.111`}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/web/controls/AtomControl","../drag-drop/DragDropHelper","../toolbars/UndoRedoToolbar","../blocks/WrapGrid","../toolbars/EditorToolbar","../properties/Properties","../styler/StylerSet","./SelectedElement","@web-atoms/core/dist/core/AtomBinder","../blocks/ImageBox","../blocks/RowBox","../blocks/ColumnBox","../blocks/VerticalImageBox","../blocks/Image","../blocks/ImageCard","../blocks/TextBox","../blocks/Card","../blocks/List","../blocks/Components","@web-atoms/core/dist/core/types","../blocks/Buttons","../blocks/Columns2","../blocks/Columns3","../blocks/RightImageBox","@web-atoms/core/dist/web/core/AtomUI","../blocks/PriceBox","@web-atoms/core/dist/core/BindableProperty","../blocks/Billboard","../blocks/OutlineText","../blocks/Carousel","../blocks/ImageGallery","@web-atoms/web-controls/dist/basic/InlinePopup","../blocks/VideoPlayer","../blocks/BackgroundVideo","../blocks/TextMask","../blocks/MarqueeText","../blocks/ImageGrid","../blocks/BoxFrame","../blocks/InjectBox","../blocks/PDFFlipBook","../blocks/PDFViewer","../blocks/Banner","./BreadCrum","./LanguageDropDown","./webComponentsPath"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__rest,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,ImageBox,RowBox,ColumnBox,VerticalImageBox,Image,ImageCard,TextBox,Card,List,BlogComponent,TypeWriterComponent,UMD,ImageLink,LinkButton,Columns2,Columns3,RightImageBox,descendentElementIterator,PriceTable,BindableProperty,Billboard,OutlineText,Carousel,ImageGallery,InlinePopupButton,VideoPlayer,BackgroundVideo,TextMask,MarqueeText,ImageGrid,BoxFrame,InjectBox,PDFFlipBook,PDFViewer,Banner,BreadCrum,LanguageDropDown,WebComponents,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth,languageSymbol;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__rest=_tslib.__rest},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_dragDropDragDropHelper){InstallDragDropHelper=_dragDropDragDropHelper.InstallDragDropHelper},function(_toolbarsUndoRedoToolbar){UndoRedoToolbar=_toolbarsUndoRedoToolbar.default},function(_blocksWrapGrid){WrapGrid=_blocksWrapGrid.WrapGrid},function(_toolbarsEditorToolbar){EditorToolbar=_toolbarsEditorToolbar.default},function(_propertiesProperties){Properties=_propertiesProperties.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_SelectedElement){SelectedElement=_SelectedElement.SelectedElement},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder},function(_blocksImageBox){ImageBox=_blocksImageBox.ImageBox},function(_blocksRowBox){RowBox=_blocksRowBox.RowBox},function(_blocksColumnBox){ColumnBox=_blocksColumnBox.ColumnBox},function(_blocksVerticalImageBox){VerticalImageBox=_blocksVerticalImageBox.VerticalImageBox},function(_blocksImage){Image=_blocksImage.Image},function(_blocksImageCard){ImageCard=_blocksImageCard.ImageCard},function(_blocksTextBox){TextBox=_blocksTextBox.TextBox},function(_blocksCard){Card=_blocksCard.Card},function(_blocksList){List=_blocksList.List},function(_blocksComponents){BlogComponent=_blocksComponents.BlogComponent;TypeWriterComponent=_blocksComponents.TypeWriterComponent},function(_webAtomsCoreDistCoreTypes){UMD=_webAtomsCoreDistCoreTypes.UMD},function(_blocksButtons){ImageLink=_blocksButtons.ImageLink;LinkButton=_blocksButtons.LinkButton},function(_blocksColumns){Columns2=_blocksColumns.Columns2},function(_blocksColumns2){Columns3=_blocksColumns2.Columns3},function(_blocksRightImageBox){RightImageBox=_blocksRightImageBox.RightImageBox},function(_webAtomsCoreDistWebCoreAtomUI){descendentElementIterator=_webAtomsCoreDistWebCoreAtomUI.descendentElementIterator},function(_blocksPriceBox){PriceTable=_blocksPriceBox.PriceTable},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_blocksBillboard){Billboard=_blocksBillboard.Billboard},function(_blocksOutlineText){OutlineText=_blocksOutlineText.OutlineText},function(_blocksCarousel){Carousel=_blocksCarousel.Carousel},function(_blocksImageGallery){ImageGallery=_blocksImageGallery.ImageGallery},function(_webAtomsWebControlsDistBasicInlinePopup){InlinePopupButton=_webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton},function(_blocksVideoPlayer){VideoPlayer=_blocksVideoPlayer.VideoPlayer},function(_blocksBackgroundVideo){BackgroundVideo=_blocksBackgroundVideo.BackgroundVideo},function(_blocksTextMask){TextMask=_blocksTextMask.TextMask},function(_blocksMarqueeText){MarqueeText=_blocksMarqueeText.MarqueeText},function(_blocksImageGrid){ImageGrid=_blocksImageGrid.ImageGrid},function(_blocksBoxFrame){BoxFrame=_blocksBoxFrame.BoxFrame},function(_blocksInjectBox){InjectBox=_blocksInjectBox.InjectBox},function(_blocksPDFFlipBook){PDFFlipBook=_blocksPDFFlipBook.PDFFlipBook},function(_blocksPDFViewer){PDFViewer=_blocksPDFViewer.PDFViewer},function(_blocksBanner){Banner=_blocksBanner.Banner},function(_BreadCrum){BreadCrum=_BreadCrum.default},function(_LanguageDropDown){LanguageDropDown=_LanguageDropDown.default},function(_webComponentsPath){WebComponents=_webComponentsPath.WebComponents}],execute:function(){styled.css`
+    `.installGlobal("bread-crum");selectedProperty=AtomControl.registerProperty("selected-property","v1",((ac,e,value)=>{e.innerHTML="";if(!value){return}let start=value;if(!(start===null||start===void 0?void 0:start.ownerDocument)){return}const body=start.ownerDocument.body;while(start&&start!==body.parentElement){const typeName=start.className||start.getAttribute("styler-layout");const name=typeName?start.tagName+"("+typeName+")":start.tagName;const button=document.createElement("button");button.textContent=name;button["currentElement"]=start;e.insertAdjacentElement("afterbegin",button);start=start.parentElement;if(start===body){break}}}));onBreadCrumClick=({target})=>{const editor=AtomControl.from(target);const ce=target["currentElement"];if(ce){editor.selection.update(ce)}}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/BreadCrum");System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Select"],(function(_export,_context){"use strict";var Bind,XNode,Select;function LanguageDropDown(){return XNode.create(Select,{"style-max-width":"80px","style-border":"none","style-display":Bind.oneWay((c=>!!c.languages)),items:Bind.oneWay((c=>{var _a;return(_a=c.languages)!==null&&_a!==void 0?_a:void 0})),labelPath:x=>x.label,valuePath:x=>x.value,value:Bind.twoWaysImmediate((c=>c.language))})}_export("default",LanguageDropDown);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default}],execute:function(){}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/LanguageDropDown");System.register(["tslib","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder"],(function(_export,_context){"use strict";var __awaiter,sleep,FetchBuilder,CustomElementsProxy,WebComponents,addAttributes;_export("WebComponents",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default}],execute:function(){CustomElementsProxy=class CustomElementsProxy{constructor(elements=[]){this.elements=elements}define(name,factory){this.elements.push({name,factory})}};addAttributes=(target,values)=>{Object.defineProperty(target.prototype,"editableAttributes",{enumerable:true,configurable:true,get(){return values(this)}})};_export("WebComponents",WebComponents=class WebComponents{static run2(frame,doc){return __awaiter(this,void 0,void 0,(function*(){const url=this.path+"/dist/editable.js";const sandbox=frame.getAttribute("sandbox");frame.setAttribute("sandbox","allow-same-origin allow-scripts allow-popups allow-forms");const text=yield FetchBuilder.get(url).responseAsText();const win=doc.defaultView;win.eval(`window.addEventListener("unsafeEval", (e) => eval(e.detail) , { once: true });`);win.dispatchEvent(new CustomEvent("unsafeEval",{detail:text}));setTimeout((()=>frame.setAttribute("sandbox","")),100)}))}static run(frame,doc){return __awaiter(this,void 0,void 0,(function*(){const url=this.path+"/dist/editable.js";frame.sandbox.add("allow-scripts");const text=yield FetchBuilder.get(url).responseAsText();const proxy=new CustomElementsProxy;const win=doc.defaultView;const globals={window:win,document:win.document,Object:win.Object,Promise,console:win.console,Boolean:win.Boolean,String:win.String,Number:win.Number,Math:win.Math,Date:win.Date,Proxy:win.Proxy,Map:win.Map,Array:win.Array,RegExp:win.RegExp,PromiseRejectionEvent:win.PromiseRejectionEvent,setTimeout:(cb,n)=>setTimeout(cb,n),setInterval:(cb,n)=>setInterval(cb,n),clearTimeout:n=>clearTimeout(n),clearInterval:n=>clearInterval(n),Reflect:win.Reflect,requestAnimationFrame:win.requestAnimationFrame,requestIdleCallback:win.requestIdleCallback,Symbol:win.Symbol,HTMLElement:win.HTMLElement,MutationObserver:class extends win.MutationObserver{constructor(a){super(a)}},IntersectionObserver:class extends win.IntersectionObserver{constructor(a){super(a)}},customElements:proxy};win.HTMLElement.prototype.addEventListener=function(type,listener,options){return win.EventTarget.prototype.addEventListener.call(this,type,listener,options)};const keys=Object.keys(globals);const init=`${keys.map((x=>`var ${x} = globalWindow[${JSON.stringify(x)}]`)).join(";\n")}`;const script=`\n        // (function (globalWindow) {\n        "use strict";\n        ${init};\n        Symbol.dispose ||= Symbol("dispose");\n        ;${text}\n        // })(globalWindow);\n        `;const fx=new doc.defaultView.Function("globalWindow",script);fx.call(win,globals);addAttributes(win.HTMLElement,(()=>[{name:"title",type:"string",display:"Tool Tip"},{name:"lang",type:"lang",display:"Language"}]));addAttributes(win.HTMLAnchorElement,(()=>[{name:"href",type:"string",display:"Link"},{name:"target",type:"string",suggest:["_blank"],display:"Target"}]));addAttributes(win.HTMLImageElement,(()=>[{name:"src",type:"image",display:"Image"},{name:"alt",type:"string",display:"Alt"}]));addAttributes(win.HTMLVideoElement,(()=>[{name:"src",type:"video",display:"Video"},{name:"poster",type:"image",display:"Poster"},{name:"autoplay",type:"boolean",display:"Auto Play"},{name:"loop",type:"boolean",display:"Loop"},{name:"muted",type:"boolean",display:"Muted"}]));yield sleep(10);for(const{name,factory}of proxy.elements){doc.defaultView.customElements.define(name,factory)}frame.sandbox.remove("allow-scripts")}))}});WebComponents.path=`//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.112`}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/web/controls/AtomControl","../drag-drop/DragDropHelper","../toolbars/UndoRedoToolbar","../blocks/WrapGrid","../toolbars/EditorToolbar","../properties/Properties","../styler/StylerSet","./SelectedElement","@web-atoms/core/dist/core/AtomBinder","../blocks/ImageBox","../blocks/RowBox","../blocks/ColumnBox","../blocks/VerticalImageBox","../blocks/Image","../blocks/ImageCard","../blocks/TextBox","../blocks/Card","../blocks/List","../blocks/Components","@web-atoms/core/dist/core/types","../blocks/Buttons","../blocks/Columns2","../blocks/Columns3","../blocks/RightImageBox","@web-atoms/core/dist/web/core/AtomUI","../blocks/PriceBox","@web-atoms/core/dist/core/BindableProperty","../blocks/Billboard","../blocks/OutlineText","../blocks/Carousel","../blocks/ImageGallery","@web-atoms/web-controls/dist/basic/InlinePopup","../blocks/VideoPlayer","../blocks/BackgroundVideo","../blocks/TextMask","../blocks/MarqueeText","../blocks/ImageGrid","../blocks/BoxFrame","../blocks/InjectBox","../blocks/PDFFlipBook","../blocks/PDFViewer","../blocks/Banner","./BreadCrum","./LanguageDropDown","./webComponentsPath"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__rest,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,ImageBox,RowBox,ColumnBox,VerticalImageBox,Image,ImageCard,TextBox,Card,List,BlogComponent,TypeWriterComponent,UMD,ImageLink,LinkButton,Columns2,Columns3,RightImageBox,descendentElementIterator,PriceTable,BindableProperty,Billboard,OutlineText,Carousel,ImageGallery,InlinePopupButton,VideoPlayer,BackgroundVideo,TextMask,MarqueeText,ImageGrid,BoxFrame,InjectBox,PDFFlipBook,PDFViewer,Banner,BreadCrum,LanguageDropDown,WebComponents,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth,languageSymbol;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__rest=_tslib.__rest},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_dragDropDragDropHelper){InstallDragDropHelper=_dragDropDragDropHelper.InstallDragDropHelper},function(_toolbarsUndoRedoToolbar){UndoRedoToolbar=_toolbarsUndoRedoToolbar.default},function(_blocksWrapGrid){WrapGrid=_blocksWrapGrid.WrapGrid},function(_toolbarsEditorToolbar){EditorToolbar=_toolbarsEditorToolbar.default},function(_propertiesProperties){Properties=_propertiesProperties.default},function(_stylerStylerSet){StylerSet=_stylerStylerSet.StylerSet},function(_SelectedElement){SelectedElement=_SelectedElement.SelectedElement},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder},function(_blocksImageBox){ImageBox=_blocksImageBox.ImageBox},function(_blocksRowBox){RowBox=_blocksRowBox.RowBox},function(_blocksColumnBox){ColumnBox=_blocksColumnBox.ColumnBox},function(_blocksVerticalImageBox){VerticalImageBox=_blocksVerticalImageBox.VerticalImageBox},function(_blocksImage){Image=_blocksImage.Image},function(_blocksImageCard){ImageCard=_blocksImageCard.ImageCard},function(_blocksTextBox){TextBox=_blocksTextBox.TextBox},function(_blocksCard){Card=_blocksCard.Card},function(_blocksList){List=_blocksList.List},function(_blocksComponents){BlogComponent=_blocksComponents.BlogComponent;TypeWriterComponent=_blocksComponents.TypeWriterComponent},function(_webAtomsCoreDistCoreTypes){UMD=_webAtomsCoreDistCoreTypes.UMD},function(_blocksButtons){ImageLink=_blocksButtons.ImageLink;LinkButton=_blocksButtons.LinkButton},function(_blocksColumns){Columns2=_blocksColumns.Columns2},function(_blocksColumns2){Columns3=_blocksColumns2.Columns3},function(_blocksRightImageBox){RightImageBox=_blocksRightImageBox.RightImageBox},function(_webAtomsCoreDistWebCoreAtomUI){descendentElementIterator=_webAtomsCoreDistWebCoreAtomUI.descendentElementIterator},function(_blocksPriceBox){PriceTable=_blocksPriceBox.PriceTable},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_blocksBillboard){Billboard=_blocksBillboard.Billboard},function(_blocksOutlineText){OutlineText=_blocksOutlineText.OutlineText},function(_blocksCarousel){Carousel=_blocksCarousel.Carousel},function(_blocksImageGallery){ImageGallery=_blocksImageGallery.ImageGallery},function(_webAtomsWebControlsDistBasicInlinePopup){InlinePopupButton=_webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton},function(_blocksVideoPlayer){VideoPlayer=_blocksVideoPlayer.VideoPlayer},function(_blocksBackgroundVideo){BackgroundVideo=_blocksBackgroundVideo.BackgroundVideo},function(_blocksTextMask){TextMask=_blocksTextMask.TextMask},function(_blocksMarqueeText){MarqueeText=_blocksMarqueeText.MarqueeText},function(_blocksImageGrid){ImageGrid=_blocksImageGrid.ImageGrid},function(_blocksBoxFrame){BoxFrame=_blocksBoxFrame.BoxFrame},function(_blocksInjectBox){InjectBox=_blocksInjectBox.InjectBox},function(_blocksPDFFlipBook){PDFFlipBook=_blocksPDFFlipBook.PDFFlipBook},function(_blocksPDFViewer){PDFViewer=_blocksPDFViewer.PDFViewer},function(_blocksBanner){Banner=_blocksBanner.Banner},function(_BreadCrum){BreadCrum=_BreadCrum.default},function(_LanguageDropDown){LanguageDropDown=_LanguageDropDown.default},function(_webComponentsPath){WebComponents=_webComponentsPath.WebComponents}],execute:function(){styled.css`
         display: grid;
         grid-template-columns: auto 1fr auto;
         grid-template-rows: auto 1fr auto;

package/dist/public/store/Store.pack.js

@@ -20492,20 +20492,20 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       storeID = parseInt(storeID, 36);
       itemID = parseInt(itemID, 36);
       css = styled.css`
-
     margin: 10px;
-
     display: flex;
     gap: 10px;
     position: relative;
     flex-wrap: wrap;
-
     & > h2 {
         flex: 1 1 100%;
     }
 
-    & > .product {
+    & .title {
+        padding-left: 5px;
+    }
 
+    & > .product {
         width: 100%;
         display: grid;
         grid-template-columns: 4fr 1fr;
@@ -20515,12 +20515,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
 
             grid-row: 1;
             grid-column: 1;
-
             margin: 10px;
             padding: 10px;
             border-radius: 5px;
             box-shadow: 0 0 10px 2px gray;
-
             display: inline-grid;
             grid-template-columns: auto 1fr;
             grid-template-rows: 1fr;
@@ -20560,7 +20558,57 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         & > .offers {
             grid-row: 1;
             grid-column: 2;
+            box-shadow: 0 0 10px 2px gray;
+            border-radius: 5px;
+            margin: 10px;
+            padding: 10px;
+
+            .price {
+                text-align: center;
+                font-weight: 700;
+                font-size: var(--font-xs);
+                text-align: center;
+                
+            }
+
+                & > .buy {
+                display: inline-flex;
+                -webkit-box-align: center;
+                align-items: center;
+                -webkit-box-pack: center;
+                justify-content: center;
+                position: relative;
+                box-sizing: border-box;
+                -webkit-tap-highlight-color: transparent;
+                cursor: pointer;
+                user-select: none;
+                vertical-align: middle;
+                appearance: none;
+                line-height: 1.75;
+                text-transform: uppercase;
+                min-width: 64px;
+                width: 100%;
+                font-weight: bold;
+                font-size: 14px;
+                font-family: Mulish, sans-serif;
+                background-color: var(--button-background, #ff6733);
+                color: var(--button-text, #FFFFFF);
+                outline: 0px;
+                border-width: 0px;
+                border-style: initial;
+                border-color: initial;
+                border-image: initial;
+                margin: 0px;
+                text-decoration: none;
+                padding: 6px 16px;
+                border-radius: 4px;
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
+            
+            }
+               
+
         }
+        
     }
 
     @media (max-width: 800px) {
@@ -20633,7 +20681,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             this.renderer = XNode.create("div", {
               class: css,
               images: Bind.oneWay(() => this.getFiles(this.model, this.selectedVariant, this.selectedSize))
-            }, XNode.create("h2", null, this.model.name), XNode.create("section", {
+            }, XNode.create("h2", {
+              class: "title"
+            }, this.model.name), XNode.create("section", {
               class: "product"
             }, XNode.create("section", {
               class: "photos"
@@ -20656,9 +20706,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               "data-layout": "vertical-flex"
             }, offerHtml && XNode.create("section", {
               innerHTML: offerHtml
-            }), XNode.create("p", null, this.model.description), XNode.create("p", null, XNode.create("label", {
+            }), XNode.create("p", null, this.model.description), XNode.create("p", {
+              class: "price"
+            }, XNode.create("label", {
               text: formatPrice(price)
-            })), XNode.create("button", null, "Buy"), ((_f = this.model.sizes) === null || _f === void 0 ? void 0 : _f.length) && XNode.create(ToggleButtonBar, {
+            })), XNode.create("button", {
+              class: "buy"
+            }, "Buy"), ((_f = this.model.sizes) === null || _f === void 0 ? void 0 : _f.length) && XNode.create(ToggleButtonBar, {
               items: this.model.sizes,
               selectedItem: Bind.twoWaysImmediate(() => this.selectedSize),
               itemRenderer: x => XNode.create("div", {
@@ -20934,9 +20988,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
     execute: function () {
       styled.css`
 
-display:grid;
-grid-template-rows: auto 1fr auto;
-background-color: var(--hover-color);
+    display:grid;
+    grid-template-rows: auto 1fr auto;
+    background-color: var(--hover-color);
 
 & > header {
     grid-row:1;