Version 6.0.0-rc6

HitkoDev · Nov 18, 2016 · 65f8185 · 65f8185
1 parent a8dbdf9
commit 65f8185
Show file tree

Hide file tree

Showing 24 changed files with 119 additions and 106 deletions.
diff --git a/dist/overrides.css.map b/dist/overrides.css.map
diff --git a/dist/overrides.min.css b/dist/overrides.min.css
diff --git a/dist/videobox.bundle.js b/dist/videobox.bundle.js
diff --git a/dist/videobox.bundle.map b/dist/videobox.bundle.map
diff --git a/dist/videobox.css.map b/dist/videobox.css.map
diff --git a/dist/videobox.js.map b/dist/videobox.js.map
diff --git a/dist/videobox.min.css b/dist/videobox.min.css
diff --git a/dist/videobox.min.js b/dist/videobox.min.js
diff --git a/docs/assets/js/main.js b/docs/assets/js/main.js
diff --git a/docs/classes/vbinline.html b/docs/classes/vbinline.html
diff --git a/docs/classes/vbslider.html b/docs/classes/vbslider.html
diff --git a/docs/classes/videobox.html b/docs/classes/videobox.html
diff --git a/docs/globals.html b/docs/globals.html
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/interfaces/jquery.html b/docs/interfaces/jquery.html
diff --git a/docs/interfaces/jquerystatic.html b/docs/interfaces/jquerystatic.html
diff --git a/docs/interfaces/vboptions.html b/docs/interfaces/vboptions.html
diff --git a/docs/interfaces/vborigin.html b/docs/interfaces/vborigin.html
diff --git a/docs/interfaces/vbslideroptions.html b/docs/interfaces/vbslideroptions.html
diff --git a/docs/interfaces/vbvideo.html b/docs/interfaces/vbvideo.html
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "license": "GPL-3.0",
-  "version": "6.0.0-rc5",
+  "version": "6.0.0-rc6",
   "name": "videobox",
   "description": "Pop-up video player plugin",
   "copyright": "Hitko",

diff --git a/src/sass/overrides.scss b/src/sass/overrides.scss
@@ -128,23 +128,6 @@
 
     .vb_play_button .vb_thub_wrap .vb-icon-play {}
 
-    #vbiClose {}
-
-    #vbiWrap:hover #vbiClose {}
-
-    #vbiClose:hover,
-    #vbiClose:focus {
-        color: $primary-light;
-    }
-
-    #vbiResponsive {}
-
-    #vbiVideo {}
-
-    #vbiWrap {
-        color: $primary-color;
-    }
-
     .vb_slider_outer {
         .vb_slider_prev,
         .vb_slider_next {
@@ -167,6 +150,23 @@
         .vb_slider_wrap {}
     }
 
+    #vbiClose {}
+
+    #vbiWrap:hover #vbiClose {}
+
+    #vbiClose:hover,
+    #vbiClose:focus {
+        color: $primary-light;
+    }
+
+    #vbiResponsive {}
+
+    #vbiVideo {}
+
+    #vbiWrap {
+        color: $primary-color;
+    }
+
     html.vb-html5-player,
     body.vb-html5-player {
         *:focus {}

diff --git a/src/ts/components/box.ts b/src/ts/components/box.ts
@@ -36,10 +36,10 @@ export class Videobox {
     /** @internal */
     constructor(links?: Array<HTMLElement> | string, options: vbOptions = {}, linkMapper?: ((el: HTMLElement) => vbVideo)) {
         this.overlay = <HTMLDivElement>create('div', 'vbOverlay', () => this.close())
-        this.defaults.root.appendChild(this.overlay)
+        //this.defaults.root.appendChild(this.overlay)
 
         this.wrap = <HTMLDivElement>create('div', 'vbWrap')
-        this.defaults.root.appendChild(this.wrap)
+        //this.defaults.root.appendChild(this.wrap)
 
         this.center = <HTMLDivElement>create('div', 'vbCenter')
         this.wrap.appendChild(this.center)
@@ -117,6 +117,7 @@ export class Videobox {
         this.close()
 
         video.options = Object.assign({}, this.defaults, video.options)
+        if(!video.options.root) video.options.root = document.body
         this.setup(video)
 
         let link = video.origin.target

diff --git a/src/ts/index.ts b/src/ts/index.ts
@@ -2,8 +2,20 @@ import { VideoboxObj as Videobox } from './components/box'
 import { VbInlineObj as VbInline } from './components/inline'
 import { VbSlider } from './components/slider'
 
-Videobox.bind("a[rel^='videobox']", {
-    root: <HTMLElement>(document.querySelector(".mdl-layout.mdl-js-layout") || document.body)
-})
-VbInline.bind("a[rel^='vbinline']")
-VbSlider.bind(".vb_slider")
+function bindAll() {
+    Videobox.bind("a[rel^='videobox']", {
+        root: <HTMLElement>(document.querySelector(".mdl-layout.mdl-js-layout") || document.body)
+    })
+    VbInline.bind("a[rel^='vbinline']")
+    VbSlider.bind(".vb_slider")
+}
+
+if (document.readyState != 'loading')
+    bindAll()
+else
+    document.addEventListener('readystatechange', function ready() {
+        if (document.readyState != 'loading') {
+            document.removeEventListener('readystatechange', ready)
+            bindAll()
+        }
+    })