kempo-ui 0.0.75 → 0.0.77

package/src/components/Split.js

@@ -135,7 +135,7 @@ export default class Split extends ShadowComponent {
 
 		.pane {
 			min-width: var(--min_pane_size);
-			max-width: calc(100% - var(--min_pane_size));
+			max-width: calc(100% - var(--min_pane_size) - var(--handle_width));
 			max-height: 100%;
 			overflow: hidden;
 		}
@@ -146,6 +146,7 @@ export default class Split extends ShadowComponent {
 
 		#divider-handle {
 			display: flex;
+			flex-shrink: 0;
 			justify-content: center;
 			width: var(--handle_width);
 			cursor: ew-resize;
@@ -155,9 +156,12 @@ export default class Split extends ShadowComponent {
 			background-color: var(--tc_primary);
 		}
 
+		:host([resizing]) {
+			user-select: none;
+		}
+
 		:host([resizing]) .pane {
 			pointer-events: none;
-			user-select: none;
 		}
 
 		#divider-border {
@@ -198,7 +202,7 @@ export default class Split extends ShadowComponent {
 			min-width: 0;
 			max-width: 100%;
 			min-height: var(--min_pane_size);
-			max-height: calc(100% - var(--min_pane_size));
+			max-height: calc(100% - var(--min_pane_size) - var(--handle_width));
 		}
 
 		:host([direction="vertical"]) #pane-1 {

package/src/components/Tree.js

@@ -59,15 +59,14 @@ export default class Tree extends ShadowComponent {
 
 	/* Static Methods */
 	static renderValue(value, key = null, depth = 0, maxDepth = 0){
-		const LeafClass = Tree.nodes.find(n => n.detect(value));
-		if(LeafClass){
-			const instance = new LeafClass(value);
+		const NodeClass = Tree.nodes.find(n => n.detect(value));
+		if(NodeClass && NodeClass.prototype.getChildren === TreeNode.prototype.getChildren){
 			const keyLabel = key !== null
 				? html`<span class="${typeof key === 'number' ? 'tc-muted' : ''}">${key}: </span>`
 				: '';
-			return html`<span class="d-b">${keyLabel}${instance.renderLabel()}</span>`;
+			return html`<span class="d-b">${keyLabel}${new NodeClass(value).renderLabel()}</span>`;
 		}
-		const el = document.createElement(TreeNode.nodeTag);
+		const el = document.createElement((NodeClass ?? TreeNode).nodeTag);
 		el.value = value;
 		el.key = key;
 		el.depth = depth;

package/icons/circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>

package/icons/compare.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="currentColor" d="M400-40v-80H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h200v-80h80v880h-80ZM200-240h200v-240L200-240Zm360 120v-360l200 240v-520H560v-80h200q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H560Z"/></svg>