jsl-ui 9.14.5 → 9.15.0

package/lib/components/tree-view/TreeViewComponent.js

@@ -10,7 +10,7 @@ var TreeViewComponent = /** @class */ (function () {
         var _a, _b;
         return {
             tag: "div", attr: { style: this.options.style, class: "treeview-comp hover " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
-                { tag: "ul", attr: { class: "tv-input" }, children: [this.renderNode((_b = this.filteredData) !== null && _b !== void 0 ? _b : this.options.data)] }
+                { tag: "ul", attr: { class: "tv-ul" }, children: [this.renderNode((_b = this.filteredData) !== null && _b !== void 0 ? _b : this.options.data)] }
             ]
         };
     };
@@ -27,7 +27,7 @@ var TreeViewComponent = /** @class */ (function () {
             { tag: "li", children: [
                     getInput(),
                     this.addChild({ tag: "label", attr: { for: el.id } }, this.options.renderItem != null ? this.options.renderItem(el) : el.content),
-                    { tag: "ul", attr: { class: "tv-input" }, children: el.children.map(function (c) { return _this.renderNode(c); }) }
+                    { tag: "ul", attr: { class: "tv-ul" }, children: el.children.map(function (c) { return _this.renderNode(c); }) }
                 ] } :
             this.addChild({ tag: "li" }, this.options.renderItem != null ? this.options.renderItem(el) : el.content);
     };

package/lib/grid/plugins/ext.overlay.js

@@ -130,6 +130,9 @@ export function Overlays(options) {
         });
         selectionOverlay.handle.style.left = (position.left + position.width - 4) + "px";
         selectionOverlay.handle.style.top = (position.top + position.height - 4) + "px";
+        // console.log("row: " + activeCell.row + " - cell: "+ activeCell.cell);
+        // console.log("container: " + grid.getCanvasNode(activeCell.row, activeCell.cell).className);
+        selectionOverlay.moveToContainer(grid.getCanvasNode(activeCell.cell, activeCell.row));
     }
     var dd_range;
     function handleOverlayDragStart(e) {
@@ -189,7 +192,8 @@ export function Overlays(options) {
             this.handle = document.createElement("div");
             this.handle.classList.add("handle-overlay");
             target.appendChild(this.handle);
-            Moveable(target, {
+            var moveContainer = target.closest(".slickgrid");
+            Moveable(moveContainer, {
                 selector: ".handle-overlay",
                 direction: "y",
                 gridY: grid.getOptions().rowHeight,
@@ -204,6 +208,15 @@ export function Overlays(options) {
                 })
             });
         }
+        this.moveToContainer = function (container) {
+            this.$left.appendTo(container);
+            this.$right.appendTo(container);
+            this.$top.appendTo(container);
+            this.$bottom.appendTo(container);
+            if (this.handle) {
+                $(this.handle).appendTo(container);
+            }
+        };
         this.toggle = function (showOrHide) {
             this.$left.css("display", showOrHide ? "" : "none");
             this.$right.css("display", showOrHide ? "" : "none");
@@ -220,7 +233,8 @@ export function Overlays(options) {
         function show(range) {
             r = range;
             if (!decorator) {
-                decorator = new Overlay(grid.getCanvasNode(), false, 'selection-');
+                console.log(grid.getContainerNode().className);
+                decorator = new Overlay(grid.getCanvasNode(range.fromCell, range.fromRow), false, 'selection-');
             }
             var from = targetGrid.getCellNodeBox(range.fromRow, range.fromCell);
             var to = targetGrid.getCellNodeBox(range.toRow, range.toCell);

package/lib/grid/slick.grid.d.ts

@@ -250,7 +250,7 @@ export interface ISlickGrid<T> {
         cancelCurrentEdit: () => boolean;
     };
     "invalidateRow": (row: number) => void;
-    "getCanvasNode": () => HTMLElement;
+    "getCanvasNode": (columnIdOrIdx?: number, rowIndex?: number) => HTMLElement;
     "focus": () => void;
     "getActiveCellPosition": () => {
         top: number;

package/lib/grid.d.ts

@@ -1,3 +1,4 @@
+import "./ui/base.css";
 export * from "./grid/slick.core";
 export * from "./grid/slick.creator";
 export * from "./grid/slick.dataview";

package/lib/grid.js

@@ -1,3 +1,4 @@
+import "./ui/base.css";
 export * from "./grid/slick.core";
 export * from "./grid/slick.creator";
 export * from "./grid/slick.dataview";