@silexlabs/silex 3.0.0-alpha.129 → 3.0.0-alpha.131

package/dist/client/client/config.d.ts

@@ -3,6 +3,7 @@ import { ConnectorId, WebsiteId } from '../types';
 import { Editor, EditorConfig } from 'grapesjs';
 import { PublicationTransformer } from './publication-transformers';
 import * as api from './api';
+import { SettingsSection } from './grapesjs/settings-sections';
 /**
  * @fileoverview Silex client side config
  */
@@ -59,4 +60,12 @@ export declare class ClientConfig extends Config {
      * Add a publication transformer(s)
      */
     addPublicationTransformers(transformers: PublicationTransformer | PublicationTransformer[]): void;
+    /**
+     * Add a section to the settings dialog
+     */
+    addSettings(section: SettingsSection, siteOrPage: 'site' | 'page', position?: 'first' | 'last' | number): void;
+    /**
+     * Remove a section from the settings dialog
+     */
+    removeSettings(id: string, siteOrPage: 'site' | 'page'): void;
 }

package/dist/client/client/events.d.ts

@@ -10,5 +10,9 @@ export declare enum ClientEvent {
     PUBLISH_LOGIN_START = "silex:publish:login:start",
     PUBLISH_LOGIN_END = "silex:publish:login:end",
     ASSET_WRITE_END = "silex:asset:write:end",
-    WRITE_END = "silex:write:end"
+    WRITE_END = "silex:write:end",
+    SETTINGS_OPEN = "silex:settings:open",
+    SETTINGS_CLOSE = "silex:settings:close",
+    SETTINGS_SAVE_START = "silex:settings:save:start",
+    SETTINGS_SAVE_END = "silex:settings:save:end"
 }

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

@@ -0,0 +1,15 @@
+import { WebsiteSettings } from '../../types';
+export declare const idCodeWrapper = "settings-head-wrapper";
+export declare function isSite(model: any): boolean;
+export interface SettingsSection {
+    id: string;
+    label: string;
+    render: (settings: WebsiteSettings, model: any) => any;
+}
+/**
+ * This is the settings dialog default sections
+ * Each section has an entry in the sidebar
+ * Each section render as part of the settings form
+ * The form is submitted to save the settings with all FormData
+ */
+export declare const defaultSections: SettingsSection[];

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

@@ -1,2 +1,4 @@
 export declare const cmdOpenSettings = "open-settings";
 export declare const settingsDialog: (editor: any, opts: any) => void;
+export declare function addSection(section: any, siteOrPage: 'site' | 'page', position: 'first' | 'last' | number): void;
+export declare function removeSection(id: any, siteOrPage: 'site' | 'page'): void;

package/dist/client/client/index.d.ts

@@ -1,4 +1,14 @@
+/**
+ * @fileoverview
+ * Defines the entry point of Silex client side application
+ *
+ */
+import { ClientConfig } from './config';
 export * from './expose';
+/**
+ * Expose the config object
+ */
+export declare let config: ClientConfig;
 /**
  * Start Silex, called from host HTML page with window.silex.start()
  */

package/dist/client/css/admin.css

@@ -4579,6 +4579,10 @@ iframe.enable-squeeze.silex-squeeze-left {
   outline: 1px solid #8873FE;
 }
 
+.gjs-pn-buttons {
+  justify-content: unset;
+}
+
 /*
 */
 .gjs-editor-cont .fa {

package/dist/client/index.html

@@ -6,4 +6,5 @@
   display: none;
 }
 </style></head><body class="silex-loading"><div class="silex-loader silex-dialog">Loading...
-</div><link rel="stylesheet" type="text/css" href="css/admin.css"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js"></script><!-- Here you can use silex.config to hook into silex options before silex starts--><script>window.silex.start()</script></body></html>
+</div><link rel="stylesheet" type="text/css" href="css/admin.css"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js"></script><script>silex.start()
+// From here silex.config is available and Silex is getting started</script></body></html>