Updated the library to allow manhattan image editor support to be namespaced preventing conflicts with frontend use of the library

Author: anthonyjb

module/index.js

@@ -171,6 +171,10 @@ export function init(baseURL='/', baseFlowURL='/', baseParams={}) {
     // Initialize the page flow manager
     flowMgr.init('[data-cf-flow]', new FlowAPI(baseFlowURL, baseParams))
 
+    // Create an element in which manhattan specific UI elements should be
+    // rooted.
+    document.body.appendChild($.create('div', {'data-mh-content-ui': ''}))
+
     // Configure save behaviour for flows and global content
 
     // Flows

module/tools/imagery.js

@@ -68,7 +68,10 @@ class ImageTool extends ContentTools.Tool {
         } else {
 
             // Make the upload URL configurable
-            const imageUploader = new ImageUploader(ImageTool.uploadURL)
+            const imageUploader = new ImageUploader(
+                ImageTool.uploadURL,
+                $.one('[data-mh-content-ui]')
+            )
             imageUploader.init()
             imageUploader.show()
 
@@ -174,7 +177,8 @@ class ImageTool extends ContentTools.Tool {
             imageURL,
             cropRatio,
             fixCropRatio,
-            [600, 600]
+            [600, 600],
+            $.one('[data-mh-content-ui]')
         )
         imageEditor.init()
         imageEditor.show()

module/ui/imagery.js

@@ -11,8 +11,8 @@ import {Uploader} from 'manhattan-assets/module/ui/uploader'
  */
 export class ImageUploader extends Overlay {
 
-    constructor(uploadURL) {
-        super()
+    constructor(uploadURL, container=null) {
+        super(container)
 
         // The URL images should be uploaded to
         this._uploadURL = uploadURL

package.json

@@ -1,6 +1,6 @@
 {
   "name": "manhattan-content",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "description": "Content editing for the manhattan web framework",
   "engines": {
     "node": ">=8.9.4"

scss/content.scss

@@ -1,2 +1,4 @@
 
-@import 'ui/image-uploader';
+[data-mh-content-ui] {
+    @import 'ui/image-uploader';
+}