1.9

Author: hikki

resources/assets/component.css

@@ -15,7 +15,7 @@
     color: rgba(0,0,0,.6);
     font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
     margin: 0 0.25em 0;
-    padding: 0.2em 0.4em 0.2em;
+    padding: 2px 4px 2px 4px;
     text-transform: none;
     text-shadow: none;
     line-height: 1em;
@@ -82,7 +82,7 @@
 .dot-selected{width: 100%}
 .dot-selected>.dlp-label{background: white}
 .dot-select{padding: 5px 0 5px 0;background: rgb(43 43 43);border-radius: 0 0 5px 5px;position: relative;}
-.dot-select-cover{position: absolute;width: 100%;height: calc(100% - 10px);top:0;left:0;z-index: 9999;}
+.dot-select-cover{position: absolute;width: 100%;height: calc(100% - 10px);top:0;left:0;z-index: 1050;}
 .dot-select-cascade{
     display: flex;
     flex-direction: row;
@@ -103,7 +103,6 @@
     display: block;
     max-width: unset;
     min-width: unset;
-    height: 20px;
     line-height: 20px;
     margin-bottom: 3px;
     position: relative;
@@ -170,7 +169,7 @@
     right: 0;
     bottom: 0;
     left: 0;
-    z-index: 9999;
+    z-index: 1050;
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
     outline: 0;

resources/assets/component.js

@@ -84,8 +84,12 @@ class ComponentDot {
     constructor(name, selected, select) {
         this.name = name;
         this.DOM = document.getElementById(name);
-        if (!Array.isArray(selected) || !Array.isArray(select)) {
-            console.error('Dot param selected and select must be array!');
+        if (!Array.isArray(selected)) {
+            console.error('Dot param selected must be array!');
+            return;
+        }
+        if(Array.isArray(select) || typeof select !== 'object'){
+            console.error('Dot param select must be object such as {key:val,key2:val2,...} !');
             return;
         }
         this.make(selected, select);
@@ -417,7 +421,7 @@ class ComponentCascadeDot {
                 }
             }
         });
-        if (to_first_index !== null) this.STACKS[stack].scrollTop = to_first_index * 28;
+        if (to_first_index !== null) this.STACKS[stack].scrollTop = to_first_index * 27;
         if (nodes.length > 0) {
             this.selectToParent(nodes, checked);
         }
@@ -446,7 +450,7 @@ class ComponentCascadeDot {
                 D.classList.add('dlp-label-silence');
             }
         });
-        if (to_first_index !== null) this.STACKS[stack].scrollTop = to_first_index * 28;
+        if (to_first_index !== null) this.STACKS[stack].scrollTop = to_first_index * 27;
         this.selectToChildren(stack + 1, children);
     }