@silexlabs/silex 3.0.0-alpha.100 → 3.0.0-alpha.102

package/dist/client/client/assetUrl.d.ts

@@ -43,9 +43,12 @@ export declare function addTempDataToPages(pages: Page[], websiteId: WebsiteId,
 export declare function removeTempDataFromPages(pages: Page[]): Page[];
 /**
  * Add data to stylesheets
+ *   e.g. linear-gradient(to right, #1fb101 0%, #df1313 67%, rgba(234, 97, 97, 255) 78%, white 100%), url('/assets/qIg7JPRc.webp'), linear-gradient(#0ca311 0%, #0ca311 100%)
  */
 export declare function addTempDataToStyles(styles: Style[], websiteId: WebsiteId, storageId: ConnectorId): Style[];
 /**
  * Remove temp data from stylesheets
+ * The property `background-image` contains the URLs of the assets and other values,
+ *   e.g. `linear-gradient(to right, #1fb101 0%, #df1313 67%, rgba(234, 97, 97, 255) 78%, white 100%), url('/api/website/assets/qIg7JPRc.webp?websiteId=default&connectorId=fs-storage'), linear-gradient(#0ca311 0%, #0ca311 100%)`
  */
 export declare function removeTempDataFromStyles(styles: Style[]): Style[];

package/dist/client/client/grapesjs/new-page-dialog.d.ts

@@ -1,2 +1,2 @@
 export declare const cmdOpenNewPageDialog = "new-page-dialog";
-export declare const newPageDialog: any;
+export declare const newPageDialog: (editor: any, opts: any) => void;

package/dist/client/client/grapesjs/page-panel.d.ts

@@ -1,3 +1,3 @@
 export declare const cmdTogglePages = "pages:open-panel";
 export declare const cmdAddPage = "pages:add";
-export declare const pagePanelPlugin: any;
+export declare const pagePanelPlugin: (editor: any, opts: any) => void;

package/dist/client/client/grapesjs/rich-text.d.ts

@@ -1 +1 @@
-export declare const richTextPlugin: any;
+export declare const richTextPlugin: (editor: any, opts: any) => void;

package/dist/client/client/grapesjs/semantic.d.ts

@@ -1 +1 @@
-export declare const semanticPlugin: any;
+export declare const semanticPlugin: (editor: any, opts: any) => void;

package/dist/client/client/grapesjs/settings.d.ts

@@ -1,2 +1,2 @@
 export declare const cmdOpenSettings = "open-settings";
-export declare const settingsDialog: any;
+export declare const settingsDialog: (editor: any, opts: any) => void;

package/dist/client/client/grapesjs/symbolDialogs.d.ts

@@ -1,3 +1,3 @@
 export declare const cmdPromptAddSymbol = "symbol-prompt-add";
-declare const _default: any;
+declare const _default: (editor: any, opts: any) => void;
 export default _default;

package/dist/client/css/admin.css

@@ -1,3 +1,4 @@
+/* Normalize css */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -316,7 +317,8 @@ template {
   --lighterPrimaryColor: #575757;
 }
 
-/* stylelint-disable */ /* BASICS */
+/* stylelint-disable */
+/* BASICS */
 .CodeMirror {
   /* Set height, width, borders, and global font properties here */
   font-family: monospace;
@@ -1885,7 +1887,6 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 }
 
 .gjs-cv-canvas {
-  background-color: rgba(0, 0, 0, 0.15);
   box-sizing: border-box;
   width: 85%;
   height: calc(100% - 40px);
@@ -1897,6 +1898,9 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   top: 40px;
   /* This simulate body behaviour */
 }
+.gjs-cv-canvas-bg {
+  background-color: rgba(0, 0, 0, 0.15);
+}
 .gjs-cv-canvas.gjs-cui {
   width: 100%;
   height: 100%;
@@ -3821,6 +3825,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   color: #ffffff;
 }
 
+/* Silex styles imports */
 .silex-workspace {
   position: absolute;
   top: 0;
@@ -4252,6 +4257,132 @@ iframe.enable-squeeze.silex-squeeze-left {
   background-color: #292929;
 }
 
+.grp-wrapper {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
+}
+
+.grp-preview {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: crosshair;
+}
+
+.grp-handler {
+  width: 4px;
+  margin-left: -2px;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  height: 100%;
+}
+
+.grp-handler-close {
+  color: rgba(0, 0, 0, 0.4);
+  border-radius: 100%;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
+  background-color: #fff;
+  text-align: center;
+  width: 15px;
+  height: 15px;
+  margin-left: -5px;
+  line-height: 10px;
+  font-size: 21px;
+  cursor: pointer;
+}
+
+.grp-handler-close-c {
+  position: absolute;
+  top: -17px;
+}
+
+.grp-handler-drag {
+  background-color: rgba(0, 0, 0, 0.5);
+  cursor: col-resize;
+  width: 100%;
+  height: 100%;
+}
+
+.grp-handler-selected .grp-handler-drag {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.grp-handler-cp-c {
+  display: none;
+}
+
+.grp-handler-selected .grp-handler-cp-c {
+  display: block;
+}
+
+.grp-handler-cp-wrap {
+  width: 15px;
+  height: 15px;
+  margin-left: -8px;
+  border: 3px solid #fff;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
+  overflow: hidden;
+  border-radius: 100%;
+  cursor: pointer;
+}
+
+.grp-handler-cp-wrap input[type=color] {
+  opacity: 0;
+  cursor: pointer;
+}
+
+.fa-arrows::before {
+  display: block;
+  content: "" !important;
+  border: 2px solid #8873FE;
+  width: 10px;
+  height: 10px;
+  margin: auto;
+  border-color: #ddd;
+}
+
+.fa-long-arrow-up::before {
+  display: block;
+  content: "" !important;
+  border: 2px solid #8873FE;
+  width: 10px;
+  height: 10px;
+  margin: auto;
+  border-top-color: #ddd;
+}
+
+.fa-long-arrow-down::before {
+  display: block;
+  content: "" !important;
+  border: 2px solid #8873FE;
+  width: 10px;
+  height: 10px;
+  margin: auto;
+  border-bottom-color: #ddd;
+}
+
+.fa-long-arrow-left::before {
+  display: block;
+  content: "" !important;
+  border: 2px solid #8873FE;
+  width: 10px;
+  height: 10px;
+  margin: auto;
+  border-left-color: #ddd;
+}
+
+.fa-long-arrow-right::before {
+  display: block;
+  content: "" !important;
+  border: 2px solid #8873FE;
+  width: 10px;
+  height: 10px;
+  margin: auto;
+  border-right-color: #ddd;
+}
+
 #gjs {
   flex: 1 1 auto;
 }
@@ -4415,15 +4546,6 @@ iframe.enable-squeeze.silex-squeeze-left {
   content: "\f3a5";
 }
 
-/*
-.fa-plus:before {
-	content: "+";
-  font-size: 35px;
-}
-// .fa-plus {
-//   background-image: svg(<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>);
-// }
-*/
 /* ubuntu-cyrillic-ext-400-normal */
 @font-face {
   font-family: "Ubuntu";
@@ -4478,8 +4600,6 @@ iframe.enable-squeeze.silex-squeeze-left {
   src: url(./files/ubuntu-latin-400-normal.woff2) format("woff2"), url(./files/ubuntu-latin-400-normal.woff) format("woff");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
-/* Normalize css */
-/* Silex styles imports */
 .container-png::before {
   content: " ";
   background-image: url("../assets/container.png");