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

package/dist/web/AppIndex.pack.js

@@ -35671,7 +35671,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
         color: #555555;
         padding: 5px;
         cursor: pointer;
-        max-width: 90%;
+        max-width: 30px;
         &:not([data-disabled]):hover, &[data-disabled=false]:hover {
             background-color: #00800050;
         }
@@ -36139,6 +36139,11 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
             color: transparent;
             display: none;
         }
+        & > nav {
+            display: flex;
+            gap: ${stylerVars.sizeDefault};
+            flex-wrap: wrap;
+        }
     }
 
     @media (max-width: 500px) {
@@ -39266,16 +39271,35 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 `.expand("image-gallery"));
       StylerSets.register("low", styled.css`
     & image-gallery {
+        display: flex;
+        flex-wrap: wrap;
+        flex-direction: row;
+        gap: 10px;
         & > * {
-            max-height: 50vh;
-            max-width: 50vw;
+            max-height: 30vh;
+            max-width: 30vw;
             margin: 10px;
         }
+        & > [data-element=add] {
+            background-color: black;
+            color: white;
+            font-size: 16px;
+            font-weight: bold;
+            display: flex;
+            justify-items: center;
+            border-radius: 9999px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "+ Add";
+            padding: 20px;
+            place-self: center;
+        }
     }
 `.expand("body[editing]"));
       _export("ImageGallery", ImageGallery = Block({
         className: "fad fa-panorama",
-        title: "Add Carousel",
+        title: "Add Image Gallery",
         factory: () => XNode.create("image-gallery", null, XNode.create("img", {
           src: defaultImageSrc
         }), XNode.create("img", {
@@ -39291,10 +39315,10 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 
     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"], function (_export, _context) {
+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, HtmlPageEditor, desktopWidth, tabletWidth, mobileWidth;
+  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) {
@@ -39377,6 +39401,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       Carousel = _blocksCarousel.Carousel;
     }, function (_blocksImageGallery) {
       ImageGallery = _blocksImageGallery.ImageGallery;
+    }, function (_webAtomsWebControlsDistBasicInlinePopup) {
+      InlinePopupButton = _webAtomsWebControlsDistBasicInlinePopup.InlinePopupButton;
     }],
     execute: function () {
       styled.css`
@@ -39568,7 +39594,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               class: "fa-solid fa-code"
             }))), XNode.create(EditorToolbar, {
               "data-element": "left"
-            }, XNode.create(TextBox, null), XNode.create(Image, null), XNode.create(WrapGrid, null), XNode.create(VerticalImageBox, null), XNode.create(ImageBox, null), XNode.create(RightImageBox, null), XNode.create(Card, null), XNode.create(ImageCard, null), XNode.create(RowBox, null), XNode.create(ColumnBox, null), XNode.create(Columns2, null), XNode.create(Columns3, null), XNode.create(List, null), XNode.create(BlogComponent, null), XNode.create(ImageLink, null), XNode.create(LinkButton, null), XNode.create(PriceTable, null), XNode.create(TypeWriterComponent, null), XNode.create(Billboard, null), XNode.create(OutlineText, null), XNode.create(Carousel, null), XNode.create(ImageGallery, null)), XNode.create("div", {
+            }, XNode.create(TextBox, null), XNode.create(Image, null), XNode.create(WrapGrid, null), XNode.create(ImageBox, null), XNode.create(RightImageBox, null), XNode.create(Card, null), XNode.create(ImageCard, null), XNode.create(ColumnBox, null), XNode.create(Columns2, null), XNode.create(Columns3, null), XNode.create(List, null), XNode.create(ImageLink, null), XNode.create(LinkButton, null), XNode.create(InlinePopupButton, {
+              icon: "fas fa-plus",
+              "data-layout": "warning-icon-button",
+              alignment: "above",
+              popup: () => XNode.create(EditorToolbar, null, XNode.create(RowBox, null), XNode.create(VerticalImageBox, null), XNode.create(PriceTable, null), XNode.create(TypeWriterComponent, null), XNode.create(Billboard, null), XNode.create(OutlineText, null), XNode.create(Carousel, null), XNode.create(BlogComponent, null), XNode.create(ImageGallery, null))
+            })), XNode.create("div", {
               "data-element": "editor",
               "style-max-width": Bind.oneWay(() => this.maxWidth > 768 ? "" : this.maxWidth + "px")
             }, XNode.create("div", {