@silexlabs/silex 3.0.0-alpha.128 → 3.0.0-alpha.130

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/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

@@ -3864,9 +3864,13 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 }
 
 .silex-hidden {
+  /* do not really hide, because it breaks the code editor init in the site settings + for animation */
   visibility: hidden;
   position: absolute;
   opacity: 0;
+  height: 10px;
+  width: 10px;
+  overflow: hidden;
 }
 
 .settings-dialog > div {

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>