@social-mail/social-mail-client 1.2.16 → 1.2.18

package/src/site-editor/styler/properties/layouts/blocks/layoutImageCard.ts

@@ -0,0 +1,103 @@
+import styled from "@web-atoms/core/dist/style/styled";
+import { stylerVars } from "../../../Styler";
+
+export const layoutImageCard: any = {
+    "image-card": styled.css `
+        display: grid;
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        grid-template-columns: 1fr;
+        grid-template-rows: auto 1fr 1fr;
+        justify-items: stretch;
+        align-items: stretch;
+        contain: content;
+
+        & > h4 {
+            max-width: 100%;
+            padding: ${stylerVars.sizeDefault};
+            grid-column: 1;
+            grid-row: 1;
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        & > img {
+            padding: ${stylerVars.sizeDefault};
+            margin: ${stylerVars.sizeDefault};
+            align-self: center;
+            max-width: 100%;
+            grid-column: 1;
+            grid-row: 2;
+        }
+        & > section {
+            max-width: 100%;
+            margin: ${stylerVars.sizeDefault};
+            padding: ${stylerVars.sizeDefault};
+            border-radius: ${stylerVars.sizeDefault};
+            grid-column: 1;
+            grid-row: 3;
+        }
+
+        @media (min-width: 600px) { 
+            & {
+                grid-template-columns: 1fr 1fr;
+                grid-template-rows: auto 1fr;
+            }
+
+            & > h4 {
+                max-width: 100%;
+                grid-column: 1 / span 2;
+                grid-row: 1;
+            }
+
+            & > img {
+                padding: ${stylerVars.sizeDefault};
+                max-width: 100%;
+                grid-column: 1;
+                grid-row: 2;
+            }
+            & > section {
+                max-width: 100%;
+                grid-column: 2;
+                grid-row: 2;
+            }
+        }
+
+        & > section:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+        & > h4:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Title";
+        }
+    `
+};

package/src/site-editor/styler/properties/layouts/blocks/layoutNavBar.ts

@@ -0,0 +1,20 @@
+import styled from "@web-atoms/core/dist/style/styled";
+import { stylerVars } from "../../../Styler";
+
+export const layoutNavBar: any = {
+    "nav-bar": styled.css `
+        display: flex;
+        padding: ${stylerVars.sizeSmall};
+        padding-left: ${stylerVars.sizeLarge};
+        padding-right: ${stylerVars.sizeLarge};
+        border-radius: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeLarge};
+        align-items: center;
+        justify-content: space-between;
+        & > h1, & > h2, & > h3, & > h5, & > h6 {
+            margin-block-start: 0;
+            margin-block-end: 0;
+        }
+    `,
+};

package/src/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.ts

@@ -0,0 +1,51 @@
+import styled from "@web-atoms/core/dist/style/styled";
+import { stylerVars } from "../../../Styler";
+
+export const layoutRightImageBox: any = {
+    "right-image-box": styled.css `
+        display: flex;
+        flex-direction: column;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+        contain: content;
+
+        @media (min-width: 600px) { 
+            & {
+                flex-direction: row-reverse;
+            }
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+            max-width: 50%;
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+    `,
+};

package/src/site-editor/styler/properties/layouts/blocks/layoutRow.ts

@@ -0,0 +1,47 @@
+import styled from "@web-atoms/core/dist/style/styled";
+import { stylerVars } from "../../../Styler";
+
+export const layoutRow: any = {
+    "row": styled.css `
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: center;
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+        }
+
+
+        @media (min-width: 600px) { 
+            & {
+                flex-direction: row;
+                flex-wrap: nowrap;
+            }
+        }
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+      `,
+};

package/src/site-editor/styler/properties/layouts/blocks/layoutTextBox.ts

@@ -0,0 +1,35 @@
+import styled from "@web-atoms/core/dist/style/styled";
+import { stylerVars } from "../../../Styler";
+
+export const layoutTextBox: any = {
+    "text-box": styled.css `
+        display: flex;
+        flex-direction: row;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+
+        & > p:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+
+        }
+    `
+};

package/src/site-editor/styler/properties/layouts/blocks/layoutWrapList.ts

@@ -0,0 +1,32 @@
+import styled from "@web-atoms/core/dist/style/styled";
+import { stylerVars } from "../../../Styler";
+
+export const layoutWrapList: any = {
+    "wrap-list": styled.css `
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        &:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+    `,
+};

package/src/site-editor/styler/properties/layouts/layout.ts

@@ -0,0 +1,30 @@
+import { StylerProperty } from "../../Styler";
+import { layoutTextBox } from "./blocks/layoutTextBox";
+import { layoutWrapList } from "./blocks/layoutWrapList";
+import { layoutImageBox } from "./blocks/layoutImageBox";
+import { layoutRightImageBox } from "./blocks/layoutRightImageBox";
+import { layoutColumn2Box } from "./blocks/layoutColumn2Box";
+import { layoutColumn } from "./blocks/layoutColumn";
+import { layoutRow } from "./blocks/layoutRow";
+import { layoutBox } from "./blocks/layoutBlock";
+import { layoutNavBar } from "./blocks/layoutNavBar";
+import { layoutFloatingNavBar } from "./blocks/layoutFloatingNavBar";
+import { layoutColumn3Box } from "./blocks/layoutColumn3Box";
+import { layoutImageCard } from "./blocks/layoutImageCard";
+import { layoutCard } from "./blocks/layoutCard";
+
+export const stylerLayout = StylerProperty.create( "styler-layout", {
+    ... layoutTextBox,
+    ... layoutWrapList,
+    ... layoutImageCard,
+    ... layoutImageBox,
+    ... layoutRightImageBox,
+    ... layoutColumn2Box,
+    ... layoutColumn3Box,
+    ... layoutColumn,
+    ... layoutRow,
+    ... layoutBox,
+    ... layoutNavBar,
+    ... layoutFloatingNavBar,
+    ... layoutCard
+});

package/src/site-editor/toolbars/EditorToolbar.tsx

@@ -13,6 +13,7 @@ import styled from "@web-atoms/core/dist/style/styled";
         color: #555555;
         padding: 5px;
         cursor: pointer;
+        max-width: 90%;
         &:not([data-disabled]):hover, &[data-disabled=false]:hover {
             background-color: #00800050;
         }

package/src/style/GlobalStyle.ts

@@ -31,7 +31,7 @@ function addLinkTag(href, integrity?, rel = "stylesheet") {
 
 addLinkTag("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
 addLinkTag("https://npm-git.azureedge.net/npm/package/@c8private/fa-icons@6.5.1/css/all.min.css");
-addLinkTag("https://cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/file-icon-vivid.min.css");
+addLinkTag("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
 
     styled.css `
 

package/src/web/page/files/media/ChooseMediaPage.tsx

@@ -9,6 +9,7 @@ import CloudFileService from "../service/CloudFileService";
 import styled from "@web-atoms/core/dist/style/styled";
 import { FilesDragDrop } from "../../../../common/controls/drag-drop/FilesDragDrop";
 import Action from "@web-atoms/core/dist/view-model/Action";
+import UploadEvent from "@web-atoms/web-controls/dist/basic/UploadEvent";
 
 
 const css = styled.css `
@@ -111,13 +112,28 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
             </div>
         </div>;
 
-        this.footerRenderer = () => <div
-            style-display={Bind.oneWay(() => this.selectedFile !== null)}
-            data-layout="command-row">
-            <input type="range" min="100" max="2000" step="100" value={Bind.twoWaysImmediate(() => this.size)} />
-            <span text={Bind.oneWay(() => `${this.size}px`)}/>
-            <button data-click-event="select-file" text="Save"/>
-        </div>;
+        this.footerRenderer = () => <div data-layout="frame-vertical-flex">
+            <div
+                data-layout="row">
+                    <button
+                        data-layout="accent-icon-button"
+                        { ... UploadEvent.AttachUploadAction({
+                            multiple: true,
+                            extra: Bind.oneWay(() => JSON.stringify({ parentID: this.selectedFolder?.appFileID})),
+                            accept
+                        })}>
+                        <i class="fas fa-upload"/>
+                        Upload
+                    </button>
+                </div>
+            <div
+                style-display={Bind.oneWay(() => this.selectedFile !== null)}
+                data-layout="row">
+                <input type="range" min="100" max="2000" step="100" value={Bind.twoWaysImmediate(() => this.size)} />
+                <span text={Bind.oneWay(() => `${this.size}px`)}/>
+                <button data-click-event="select-file" text="Save"/>
+            </div>
+        </div> ;
 
     }
 

package/src/web/page/files/service/CloudFileService.ts

@@ -7,13 +7,18 @@ import { CancelToken } from "@web-atoms/core/dist/core/types";
 import { Sql } from "../../../../common/Sql";
 import SocialMailApp from "../../../../common/SocialMailApp";
 import FetchBuilder from "@web-atoms/core/dist/services/FetchBuilder";
+import LocalFileService from "../../../../services/files/LocalFileService";
 
 const hideActivityIndicator = true;
 
 export type ISaveFileModel = ({
     parentID: number;
     folder?: string;
-} | { appFileID: number }) & { content: File };
+    appFileID?: never;
+} | {
+    appFileID: number;
+    parentID?: never;
+}) & { content: File };
 
 @DISingleton()
 export default class CloudFileService {
@@ -21,6 +26,9 @@ export default class CloudFileService {
     @Inject
     private entityService: EntityService;
 
+    @Inject
+    private localFileService: LocalFileService;
+
     async top(site: boolean = false) {
         const userID = SocialMailApp.user.userID;
         let q = this.entityService.query(AppFile)
@@ -212,6 +220,12 @@ export default class CloudFileService {
 
         for (const iterator of files) {
             if (!iterator.isFolder) {
+                if (accept && iterator.parentID === folder.appFileID) {
+                    const children = (folder.children ??= []);
+                    if (!children.some((f) => f.appFileID === iterator.appFileID)) {
+                        children.add(iterator);
+                    }
+                }
                 results.push(iterator);
                 continue;
             }
@@ -228,19 +242,29 @@ export default class CloudFileService {
         return results;
     }
 
+    children(parentID: number, name?: string, sha256?: string) {
+        return this.entityService.query(AppFile, "children", parentID, name, sha256);
+    }
+
     async saveFile(fm: ISaveFileModel) {
-        const { appFileID, content, parentID } = fm as any;
-        const sp = new URLSearchParams();
-        if (appFileID) {
-            sp.append("appFileID", appFileID);
-        }
-        if (parentID) {
-            sp.append("parentID", parentID);
-        }
-        const url = `/api/upload?${sp.toString()}`;
-        return FetchBuilder.post(url)
-            .form("file", content, content.name)
-            .responseAsJson<{ url: string; appFileID: number; }>();
+
+        const { appFileID, content, parentID } = fm;
+        return this.localFileService.uploadFile(content, { appFileID, parentID  });
+
+        // check if file exists...
+
+        // const { appFileID, content, parentID } = fm;
+        // const sp = new URLSearchParams();
+        // if (appFileID) {
+        //     sp.append("appFileID", appFileID.toString());
+        // }
+        // if (parentID) {
+        //     sp.append("parentID", parentID.toString());
+        // }
+        // const url = `/api/upload?${sp.toString()}`;
+        // return FetchBuilder.post(url)
+        //     .form("file", content, content.name)
+        //     .responseAsJson<{ url: string; appFileID: number; }>();
     }
 
     async save(file: IAppFile) {

package/dist/site-editor/blocks/ImageBlock.d.ts

@@ -1,2 +0,0 @@
-export declare const ImageBlock: () => any;
-//# sourceMappingURL=ImageBlock.d.ts.map

package/dist/site-editor/blocks/ImageBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageBlock.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/ImageBlock.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,WAQjB,CAAC"}

package/dist/site-editor/blocks/ImageBlock.js

@@ -1,23 +0,0 @@
-System.register(["./Block"], function (_export, _context) {
-  "use strict";
-
-  var Block, src, ImageBlock;
-  return {
-    setters: [function (_Block) {
-      Block = _Block.Block;
-    }],
-    execute: function () {
-      src = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`;
-      _export("ImageBlock", ImageBlock = Block({
-        className: "fas fa-image",
-        title: "Add Image",
-        factory: d => {
-          const img = d.createElement("img");
-          img.setAttribute("src", src);
-          return img;
-        }
-      }));
-    }
-  };
-});
-//# sourceMappingURL=ImageBlock.js.map

package/dist/site-editor/blocks/ImageBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Block","_Block","execute","src","_export","ImageBlock","className","title","factory","d","img","createElement","setAttribute"],"sources":["../../../src/site-editor/blocks/ImageBlock.tsx"],"sourcesContent":[null],"mappings":";;;;;;MACSA,KAAK,GAAAC,MAAA,CAALD,KAAK;IAAA;IAAAE,OAAA,WAAAA,CAAA;MAERC,GAAG,GAAG,wYAAwY;MAAAC,OAAA,eAEvYC,UAAU,GAAGL,KAAK,CAAC;QACxBM,SAAS,EAAE,cAAc;QACzBC,KAAK,EAAE,WAAW;QAClBC,OAAO,EAAGC,CAAC,IAAI;UACX,MAAMC,GAAG,GAAGD,CAAC,CAACE,aAAa,CAAC,KAAK,CAAC;UAClCD,GAAG,CAACE,YAAY,CAAC,KAAK,EAAET,GAAG,CAAC;UAC5B,OAAOO,GAAG;QACd;OACH,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layout/display.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/layout/display.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAa,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,aAAa,gBAQvB,CAAC"}

package/dist/site-editor/styler/properties/layout/display.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StylerProperty","_Styler","createSet","execute","_export","stylerDisplay","create"],"sources":["../../../../../src/site-editor/styler/properties/layout/display.ts"],"sourcesContent":[null],"mappings":";;;;;;MACSA,cAAc,GAAAC,OAAA,CAAdD,cAAc;MAAEE,SAAS,GAAAD,OAAA,CAATC,SAAS;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,kBAErBC,aAAa,GAAGL,cAAc,CAACM,MAAM,CAAC,gBAAgB,EAAGJ,SAAS,CAAC,SAAS,EAAE,CACvF,OAAO,EACP,MAAM,EACN,MAAM,EACN,cAAc,EACd,aAAa,EACb,aAAa,EACb,MAAM,CACT,CAAC,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layout/flex/flex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layout/flex/flex.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAa,MAAM,iBAAiB,CAAC;AAE5D,eAAO,MAAM,mBAAmB,gBAQ9B,CAAC"}

package/dist/site-editor/styler/properties/layout/flex/flex.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StylerProperty","_Styler","createSet","execute","_export","stylerFlexDirection"],"sources":["../../../../../../src/site-editor/styler/properties/layout/flex/flex.ts"],"sourcesContent":[null],"mappings":";;;;;;MACSA,cAAc,GAAAC,OAAA,CAAdD,cAAc;MAAEE,SAAS,GAAAD,OAAA,CAATC,SAAS;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,wBAErBC,mBAAmB,GAAG,IAAIL,cAAc,CACjD,uBAAuB,EACvBE,SAAS,CAAC,gBAAgB,EAAE,CACxB,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,CACnB,CACJ,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layout/items-position/itemsPosition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"itemsPosition.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layout/items-position/itemsPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA8C,MAAM,iBAAiB,CAAC;AAE7F,eAAO,MAAM,aAAa;;;;;;;;;;;CAsDzB,CAAC"}

package/dist/site-editor/styler/properties/layout/items-position/itemsPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StylerProperty","_Styler","createSet","createVarSet","pair","sizeVarList","execute","_export","itemPositions","stylerAlignContent","stylerAlignItems","stylerAlignSelf","stylerJustifyItems","stylerJustifyContent","stylerJustifySelf","stylerGap","stylerRowGap","stylerColumnGap","stylerFlexWrap"],"sources":["../../../../../../src/site-editor/styler/properties/layout/items-position/itemsPosition.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,cAAc,GAAAC,OAAA,CAAdD,cAAc;MAAEE,SAAS,GAAAD,OAAA,CAATC,SAAS;MAAEC,YAAY,GAAAF,OAAA,CAAZE,YAAY;MAAEC,IAAI,GAAAH,OAAA,CAAJG,IAAI;MAAEC,WAAW,GAAAJ,OAAA,CAAXI,WAAW;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,kBAEtDC,aAAa,GAAG;QACzBC,kBAAkB,EAAE,IAAIT,cAAc,CAAC,sBAAsB,EACzDE,SAAS,CAAC,eAAe,EAAC,CACtB,QAAQ,EAAE,OAAO,EAAG,KAAK,EAAG,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAC1E,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAC1DE,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,EAClCA,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC,EACtCA,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EACxCA,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC,CACzC,CAAC,CACL;QACDM,gBAAgB,EAAE,IAAIV,cAAc,CAAC,oBAAoB,EACrDE,SAAS,CAAC,aAAa,EAAE,CACrB,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAC7C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAClD,UAAU,EAAEE,IAAI,CAAC,gBAAgB,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,EAAEA,IAAI,CAAC,aAAa,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,CACxG,CAAC,CACL;QACDO,eAAe,EAAE,IAAIX,cAAc,CAAC,mBAAmB,EACnDE,SAAS,CAAC,YAAY,EAAE,CACpB,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAC9F,UAAU,EAAEE,IAAI,CAAC,gBAAgB,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,EAAE,SAAS,EACpEA,IAAI,CAAC,aAAa,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,CAC7C,CAAC,CACL;QACDQ,kBAAkB,EAAE,IAAIZ,cAAc,CAClC,sBAAsB,EACtBE,SAAS,CAAC,eAAe,EAAE,CACvB,QAAQ,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EACjH,UAAU,EAAEE,IAAI,CAAC,gBAAgB,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,EACzDA,IAAI,CAAC,aAAa,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,EAC1CA,IAAI,CAAC,cAAc,CAAC,EAAEA,IAAI,CAAC,aAAa,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,CACnE,CAAC,CACL;QACDS,oBAAoB,EAAE,IAAIb,cAAc,CAAC,wBAAwB,EAC7DE,SAAS,CAAC,iBAAiB,EAAE,CACzB,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EACnE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EACpEE,IAAI,CAAC,aAAa,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,CAC7C,CAAC,CACL;QACDU,iBAAiB,EAAE,IAAId,cAAc,CAAC,qBAAqB,EACvDE,SAAS,CAAC,cAAc,EAAC,CACrB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAC3B,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAC7F,UAAU,EAAEE,IAAI,CAAC,gBAAgB,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,EACzDA,IAAI,CAAC,aAAa,CAAC,EAAEA,IAAI,CAAC,eAAe,CAAC,CAC7C,CAAC,CACL;QACDW,SAAS,EAAE,IAAIf,cAAc,CAAC,YAAY,EAAEG,YAAY,CAAC,KAAK,EAAEE,WAAW,CAAC,CAAC;QAC7EW,YAAY,EAAE,IAAIhB,cAAc,CAAC,gBAAgB,EAAEG,YAAY,CAAC,SAAS,EAAEE,WAAW,CAAC,CAAC;QACxFY,eAAe,EAAE,IAAIjB,cAAc,CAAC,mBAAmB,EAAEG,YAAY,CAAC,YAAY,EAAEE,WAAW,CAAC,CAAC;QAEjGa,cAAc,EAAE,IAAIlB,cAAc,CAAC,kBAAkB,EAAEE,SAAS,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;OAClG;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layout/layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/layout/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAc,MAAM,cAAc,CAAC;AAM1D,eAAO,MAAM,YAAY,gBAgIvB,CAAC"}

package/dist/site-editor/styler/properties/layout/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","StylerProperty","stylerVars","execute","svg","svgCross","_export","stylerLayout","create","css","sizeDefault","sizeSmall","sizeLarge"],"sources":["../../../../../src/site-editor/styler/properties/layout/layout.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MAEJC,cAAc,GAAAD,OAAA,CAAdC,cAAc;MAAEC,UAAU,GAAAF,OAAA,CAAVE,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAE7BC,GAAG,GAAG,uhBAAuhB;MAE7hBC,QAAQ,GAAG,umBAAumB;MAAAC,OAAA,iBAE3mBC,YAAY,GAAGN,cAAc,CAACO,MAAM,CAAE,eAAe,EAAE;QAChE,WAAW,EAAEX,MAAM,CAACY,GAAI;;;;eAIbP,UAAU,CAACQ,WAAW;mBAClBR,UAAU,CAACQ,WAAW;kBACvBR,UAAU,CAACQ,WAAW;;;;;;;;;;;;;;;;;;;KAmBnC;QAED,QAAQ,EAAEb,MAAM,CAACY,GAAI;;;;eAIVP,UAAU,CAACQ,WAAW;mBAClBR,UAAU,CAACQ,WAAW;kBACvBR,UAAU,CAACQ,WAAW;KACnC;QAED,KAAK,EAAEb,MAAM,CAACY,GAAI;;;;eAIPP,UAAU,CAACQ,WAAW;mBAClBR,UAAU,CAACQ,WAAW;kBACvBR,UAAU,CAACQ,WAAW;KACnC;QAED,OAAO,EAAEb,MAAM,CAACY,GAAI;;mBAELP,UAAU,CAACQ,WAAW;kBACvBR,UAAU,CAACQ,WAAW;KACnC;QACD,SAAS,EAAEb,MAAM,CAACY,GAAI;;mBAEPP,UAAU,CAACS,SAAS;kBACrBT,UAAU,CAACQ,WAAW;yBACfR,UAAU,CAACU,SAAS;;;;;;;KAOxC;QAED,kBAAkB,EAAEf,MAAM,CAACY,GAAI;;mBAEhBP,UAAU,CAACS,SAAS;kBACrBT,UAAU,CAACQ,WAAW;;eAEzBR,UAAU,CAACQ,WAAW;yBACZR,UAAU,CAACU,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;gEA0BmBR,GAAG;;;;;;;;;;oEAUCC,QAAQ;;;;;;;;;;;;;;;;;;;;;;OAsB3E,CAAC;IAAA;EAAA;AAAA"}