@jaisocx/tree 1.5.37 → 2.2.20

package/MediaAndStyles/{css/tree.css → Tree_main.css}

@@ -64,46 +64,33 @@
     margin: var(--icon-margin);
 }
 
-.tree ul li.holder-datatype--array > .jstree-html-node > .jstree-html-node-holder-icon.icon-show {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-image: var(--datatype-array--image-url);
-}
-.tree ul li.holder-datatype--object > .jstree-html-node > .jstree-html-node-holder-icon.icon-show {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-image: var(--datatype-object--image-url);
-}
-.tree ul li.holder-datatype--string > .jstree-html-node > .jstree-html-node-holder-icon.icon-show {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-image: var(--datatype-string--image-url);
-}
-.tree ul li.holder-datatype--number > .jstree-html-node > .jstree-html-node-holder-icon.icon-show {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-image: var(--datatype-number--image-url);
-}
-.tree ul li.holder-datatype--boolean > .jstree-html-node > .jstree-html-node-holder-icon.icon-show {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-image: var(--datatype-boolean--image-url);
+
+.tree .jstree-html-node-holder-icon.icon-hide {
+    display: none;
 }
 
 .tree .jstree-html-node-holder-icon.icon-show {
     display: flex;
 }
 
-.tree .jstree-html-node-holder-icon.icon-hide {
+.tree .jstree-html-node-holder-icon.icon-show.icon-tag-img {
+    background-size:     0;
+    background-image:    unset;
+    background-position: unset;
+    background-repeat:   unset;
+}
+
+.tree .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) {
+    background-position: center;
+    background-repeat:   no-repeat;
+    background-size:     contain;
+}
+
+.tree .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) img {
     display: none;
 }
 
-.tree .jstree-html-node-holder-icon img {
+.tree .jstree-html-node-holder-icon.icon-show.icon-tag-img img {
     display: block;
 
     max-width: 100%;
@@ -115,6 +102,23 @@
     overflow: hidden;
 }
 
+.tree ul li.holder-datatype--array  > .jstree-html-node > .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) {
+    background-image:    var(--datatype-array--image-url);
+}
+.tree ul li.holder-datatype--object  > .jstree-html-node > .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) {
+    background-image:    var(--datatype-object--image-url);
+}
+.tree ul li.holder-datatype--string  > .jstree-html-node > .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) {
+    background-image:    var(--datatype-string--image-url);
+}
+.tree ul li.holder-datatype--number  > .jstree-html-node > .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) {
+    background-image:    var(--datatype-number--image-url);
+}
+.tree ul li.holder-datatype--boolean > .jstree-html-node > .jstree-html-node-holder-icon.icon-show:not(.icon-tag-img) {
+    background-image:    var(--datatype-boolean--image-url);
+}
+
+
 .tree .jstree-html-node-label {
     border: var(--border--jstree-html-node);
     background-color: inherit;
@@ -240,7 +244,7 @@
     z-index: 9999;
 }
 
-ul.json-context-menu-holder li { 
+ul.json-context-menu-holder li {
     display: flex;
     flex-direction: row !important;
     align-items: center;
@@ -258,10 +262,10 @@ ul.json-context-menu-holder li {
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    
+
     height: var(--icon-holder-size);
     width: var(--icon-holder-size);
-    
+
     margin: var(--icon-margin);
 }
 
@@ -270,10 +274,10 @@ ul.json-context-menu-holder li {
 
     max-width: 100%;
     max-height: 100%;
-    
+
     width: auto;
     height: auto;
-    
+
     overflow: hidden;
 }
 
@@ -295,6 +299,6 @@ ul.json-context-menu-holder li {
 @media (max-width: 440px) {
     .tree .open-button {
         margin-right: 1rem;
-    }    
+    }
 }
 

package/MediaAndStyles/Tree_main_Relative.css

@@ -0,0 +1,17 @@
+
+/* @import url("./responsive_size_Constants.css"); */
+
+@import url("./presets/tree-animated-expand-button.css");
+
+
+
+/* base theme: constants and @media queries */
+@import url("./themes/theme_base/Tree_theme_base_main_Relative.css");
+
+
+
+/* main css file, css logics with rules set via variables in the theme .css files imported above */
+@import url("./Tree_main.css");
+
+
+

package/MediaAndStyles/Tree_main_Webpack.css

@@ -0,0 +1,18 @@
+
+/* @import url("@Tree_MediaAndStyles/responsive_size_Constants.css"); */
+
+
+@import url("@Tree_MediaAndStyles/presets/tree-animated-expand-button.css");
+
+
+
+/* base theme: constants and @media queries */
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_main_Webpack.css");
+
+
+
+/* main css file, css logics with rules set via variables in the theme .css files imported above */
+@import url("@Tree_MediaAndStyles/Tree_main.css");
+
+
+

package/MediaAndStyles/Tree_main_Webpack_minimal.css

@@ -0,0 +1,17 @@
+
+/* @import url("@Tree_MediaAndStyles/responsive_size_Constants.css"); */
+
+@import url("@Tree_MediaAndStyles/presets/tree-animated-expand-button.css");
+
+
+
+/* base theme: constants and @media queries */
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_main_Webpack_minimal.css");
+
+
+
+/* main css file, css logics with rules set via variables in the theme .css files imported above */
+@import url("@Tree_MediaAndStyles/Tree_main.css");
+
+
+