- add setZmgr for managing z-index globally.

 - fix bug: when `auto-z` is set to true, z value isn't calculated
   correctly.

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 1.2.0
+
+ - add `setZmgr` for managing z-index globally.
+ - fix bug: when `auto-z` is set to true, z value isn't calculated correctly.
+
+
 # 1.1.1
 
  - only release `dist` files

README.md

@@ -43,6 +43,17 @@ Methods:
    - toggle.on
    - toggle.off
 
+
+## Class Method
+
+ * setZmgr(zmgr): set a shared z-index manager. useful to manager widget z-index globally.
+   this manager should provide following methods:
+   - add(baseVal, size): return actual added value.
+     - baseVal: hint value for the z-index we'd like to use
+     - size: hint size about how large the object we added is
+   - remove(val): remove val ( returned by add ) from this manager.
+
+
 ## Styling and Structure
 
 There is no constraint about how ldLoader's DOM structure should be. Basically it contains an element for loader, and the element's parent in which the loader is shown. You control all the animation and effects based on ```active-class``` toggled by ldLoader.

package.json

@@ -6,7 +6,7 @@
     "dist/**/*"
   ],
   "description": "loader manipulation library",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "homepage": "https://loading.io/lib/loader/",
   "repository": {
     "type": "git",

src/ldld.ls

@@ -57,17 +57,22 @@
         if @opt.ctrl => @render!
         if !@opt.auto-z => return res!
         if running =>
-          @z = z = (ldLoader.zstack[* - 1] or 0) + @opt.base-z
-          @root.map ~> it.style.zIndex = z
-          ldLoader.zstack.push z
+          if ldLoader.zmgr => @z = ldLoader.zmgr.add @opt.base-z
+          else
+            @z = (ldLoader.zstack[* - 1] or @opt.base-z) + 1
+            ldLoader.zstack.push z
+          @root.map ~> it.style.zIndex = @z
         else
-          if (idx = ldLoader.zstack.indexOf(@z)) < 0 => return res!
+          if ldLoader.zmgr => ldLoader.zmgr.remove @z
+          else
+            if (idx = ldLoader.zstack.indexOf(@z)) < 0 => return res!
+            ldLoader.zstack.splice(idx, 1)
           @root.map ~> it.style.zIndex = ""
-          ldLoader.zstack.splice(idx, 1)
         res!
 
   ldLoader <<< do
     zstack: []
+    set-zmgr: -> @zmgr = it
 
   window.ldLoader = ldLoader
 )!