@social-mail/social-mail-client 1.2.154 → 1.2.155

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.
@@ -2549,6 +2549,11 @@ and limitations under the License.
2549
2549
  color: transparent;
2550
2550
  display: none;
2551
2551
  }
2552
+ & > nav {
2553
+ display: flex;
2554
+ gap: ${stylerVars.sizeDefault};
2555
+ flex-wrap: wrap;
2556
+ }
2552
2557
  }
2553
2558
 
2554
2559
  @media (max-width: 500px) {
@@ -3588,13 +3593,32 @@ display: grid;
3588
3593
  }
3589
3594
  `.expand("image-gallery"));StylerSets.register("low",styled.css`
3590
3595
  & image-gallery {
3596
+ display: flex;
3597
+ flex-wrap: wrap;
3598
+ flex-direction: row;
3599
+ gap: 10px;
3591
3600
  & > * {
3592
- max-height: 50vh;
3593
- max-width: 50vw;
3601
+ max-height: 30vh;
3602
+ max-width: 30vw;
3594
3603
  margin: 10px;
3595
3604
  }
3605
+ & > [data-element=add] {
3606
+ background-color: black;
3607
+ color: white;
3608
+ font-size: 16px;
3609
+ font-weight: bold;
3610
+ display: flex;
3611
+ justify-items: center;
3612
+ border-radius: 9999px;
3613
+ white-space: nowrap;
3614
+ overflow: hidden;
3615
+ text-overflow: ellipsis;
3616
+ content: "+ Add";
3617
+ padding: 20px;
3618
+ place-self: center;
3619
+ }
3596
3620
  }
3597
- `.expand("body[editing]"));_export("ImageGallery",ImageGallery=Block({className:"fad fa-panorama",title:"Add Carousel",factory:()=>XNode.create("image-gallery",null,XNode.create("img",{src:defaultImageSrc}),XNode.create("img",{src:defaultImageSrc}),XNode.create("img",{src:defaultImageSrc}))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageGallery");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","../styler/Styler","../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"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,StylerVariable,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,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},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(_stylerStyler){StylerVariable=_stylerStyler.StylerVariable},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}],execute:function(){styled.css`
3621
+ `.expand("body[editing]"));_export("ImageGallery",ImageGallery=Block({className:"fad fa-panorama",title:"Add Image Gallery",factory:()=>XNode.create("image-gallery",null,XNode.create("img",{src:defaultImageSrc}),XNode.create("img",{src:defaultImageSrc}),XNode.create("img",{src:defaultImageSrc}))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageGallery");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","../styler/Styler","../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"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,XNode,sleep,styled,Action,AtomControl,InstallDragDropHelper,UndoRedoToolbar,WrapGrid,EditorToolbar,Properties,StylerSet,SelectedElement,AtomBinder,StylerVariable,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,HtmlPageEditor,desktopWidth,tabletWidth,mobileWidth;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},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(_stylerStyler){StylerVariable=_stylerStyler.StylerVariable},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}],execute:function(){styled.css`
3598
3622
  display: grid;
3599
3623
  grid-template-columns: auto 1fr auto;
3600
3624
  grid-template-rows: auto 1fr auto;