@polygrid/core 1.0.494 → 1.0.496

package/dist/polygrid.css

@@ -751,3 +751,57 @@
   padding: 10px;
   border-bottom: 1px solid #d0d0d0;
 }
+
+.pg-grouping-drag-preview {
+  background: white;
+  border: 1px solid #ccc;
+  padding: 4px 8px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  font-size: 12px;
+  display: flex;
+  gap: 2px;
+  align-items: center;
+  justify-content: center;
+}
+
+.pg-grouping-panel .grouped-col-container {
+  display: flex;
+  gap: 5px;
+}
+
+.pg-grouping-panel .grouped-col {
+  padding: 5px;
+  border: 1px solid gray;
+  /* background-color: lightgray; */
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  transition:
+    transform 200ms ease,
+    opacity 150ms ease;
+  will-change: transform;
+  transform: translateZ(0);
+  backface-visibility: hidden;
+}
+
+.pg-grouping-panel .grouped-col:hover {
+  background-color: silver;
+  cursor: pointer;
+}
+
+.pg-grouping-panel .grouped-col:focus {
+  outline: 1px solid black;
+  transition: outline 0.2s ease-in-out;
+}
+
+.pg-grouping-panel .grouped-col.drag-active {
+  pointer-events: none;
+}
+
+.grouped-col.drag-placeholder {
+  opacity: 0.4;
+  border: 1px dashed black;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polygrid/core",
-  "version": "1.0.494",
+  "version": "1.0.496",
   "description": "",
   "type": "module",
   "main": "./dist/index.js",

package/dist/engine/services/animation/methods/capture-after-row-pos.d.ts

@@ -1,4 +0,0 @@
-import { PolyGrid } from "../../../core/grid";
-import { AnimationService } from "../animation";
-export declare function captureAfterRowPositions(animationService: AnimationService, grid: PolyGrid): void;
-//# sourceMappingURL=capture-after-row-pos.d.ts.map

package/dist/engine/services/animation/methods/capture-after-row-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"capture-after-row-pos.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/capture-after-row-pos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,wBAAwB,CACtC,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,QAAQ,QAWf"}

package/dist/engine/services/animation/methods/capture-after-row-pos.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"capture-after-row-pos.js","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/capture-after-row-pos.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,wBAAwB,CACtC,gBAAkC,EAClC,IAAc;IAEd,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAS,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC;IACjD,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IAC3C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAE,CAAC;QACrB,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;QAC3B,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC;AACH,CAAC"}

package/dist/engine/services/animation/methods/capture-before-row-pos.d.ts

@@ -1,4 +0,0 @@
-import { PolyGrid } from "../../../core/grid";
-import { AnimationService } from "../animation";
-export declare function captureBeforeRowPositions(animationService: AnimationService, grid: PolyGrid): void;
-//# sourceMappingURL=capture-before-row-pos.d.ts.map

package/dist/engine/services/animation/methods/capture-before-row-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"capture-before-row-pos.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/capture-before-row-pos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,yBAAyB,CACvC,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,QAAQ,QAWf"}

package/dist/engine/services/animation/methods/capture-before-row-pos.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"capture-before-row-pos.js","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/capture-before-row-pos.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,yBAAyB,CACvC,gBAAkC,EAClC,IAAc;IAEd,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAS,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC;IACjD,gBAAgB,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC;IAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAE,CAAC;QACrB,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;QAC3B,gBAAgB,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;AACH,CAAC"}

package/dist/engine/services/animation/methods/compute-row-deltas.d.ts

@@ -1,3 +0,0 @@
-import { AnimationService } from "../animation";
-export declare function computeRowDeltas(animationService: AnimationService): void;
-//# sourceMappingURL=compute-row-deltas.d.ts.map

package/dist/engine/services/animation/methods/compute-row-deltas.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compute-row-deltas.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/compute-row-deltas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,gBAAgB,CAAC,gBAAgB,EAAE,gBAAgB,QAYlE"}

package/dist/engine/services/animation/methods/compute-row-deltas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"compute-row-deltas.js","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/compute-row-deltas.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,gBAAkC;IACjE,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IAEnC,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,gBAAgB,CAAC,iBAAiB,EAAE,CAAC;QAC/D,MAAM,IAAI,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,IAAI,IAAI,IAAI;YAAE,SAAS;QAE3B,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;QAC1B,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/engine/services/animation/methods/play-filter-animation.d.ts

@@ -1,3 +0,0 @@
-import { RowPool } from "../../row/classes/row-pool";
-export declare function playFilterAnimation(rowPool: RowPool, rowHeight: number): void;
-//# sourceMappingURL=play-filter-animation.d.ts.map

package/dist/engine/services/animation/methods/play-filter-animation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-filter-animation.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/play-filter-animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAgCtE"}

package/dist/engine/services/animation/methods/play-filter-animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-filter-animation.js","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/play-filter-animation.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,OAAgB,EAAE,SAAiB;IACrE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAE,CAAC;QACrB,IAAI,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM;YAAE,SAAS;QAE9C,MAAM,QAAQ,GAAG,GAAG,CAAC,YAAY,CAAC;QAClC,MAAM,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;QAEpC,iBAAiB;QACjB,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,eAAe;QAErC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG;2BACH,KAAK;6BACH,KAAK;KAC7B,CAAC;QAEF,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC3B,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,MAAM,KAAK,CAAC;IACrD,CAAC;IAED,UAAU;IACV,UAAU,CACR,GAAG,EAAE;QACH,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAC1C,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EACD,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAC5B,CAAC;AACJ,CAAC"}

package/dist/engine/services/animation/methods/play-row-animation.d.ts

@@ -1,4 +0,0 @@
-import { RowPool } from "../../row/classes/row-pool";
-import { AnimationService } from "../animation";
-export declare function playRowAnimation(rowPool: RowPool, animationService: AnimationService, rowHeight: number): void;
-//# sourceMappingURL=play-row-animation.d.ts.map

package/dist/engine/services/animation/methods/play-row-animation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-row-animation.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/play-row-animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,MAAM,QAuBlB"}

package/dist/engine/services/animation/methods/play-row-animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play-row-animation.js","sourceRoot":"","sources":["../../../../../src/engine/services/animation/methods/play-row-animation.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,gBAAgB,CAC9B,OAAgB,EAChB,gBAAkC,EAClC,SAAiB;IAEjB,IAAI,CAAC,OAAO;QAAE,OAAO;IACrB,KAAK,MAAM,GAAG,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QACpC,IAAI,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM;YAAE,SAAS;QAE9C,oDAAoD;QACpD,MAAM,QAAQ,GAAG,GAAG,CAAC,YAAY,CAAC;QAClC,MAAM,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;QAEpC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,uBAAuB,CAAC;QAClD,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,MAAM,KAAK,CAAC;IACrD,CAAC;IAED,0BAA0B;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC;QAC5C,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC3C,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACnC,KAAK,MAAM,GAAG,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YACpC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC"}

package/dist/engine/services/grouping/methods/set-groupable.d.ts

@@ -1,5 +0,0 @@
-import { PolyGrid } from "../../../core/grid";
-import { ObservableLike } from "../../../rx-lite/interfaces/observable-like";
-import { GroupingService } from "../grouping";
-export declare function setGroupable(groupingService: GroupingService, destroy$: ObservableLike<void>, grid: PolyGrid): void;
-//# sourceMappingURL=set-groupable.d.ts.map

package/dist/engine/services/grouping/methods/set-groupable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-groupable.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/methods/set-groupable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,YAAY,CAC1B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAC9B,IAAI,EAAE,QAAQ,QAsBf"}

package/dist/engine/services/grouping/methods/set-groupable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-groupable.js","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/methods/set-groupable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAGzF,MAAM,UAAU,YAAY,CAC1B,eAAgC,EAChC,QAA8B,EAC9B,IAAc;IAEd,eAAe,CAAC,UAAU;SACvB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACzB,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YACnD,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;gBAC1B,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAChD,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;oBACrC,KAAK,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC;gBACrC,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAChD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAChE,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;YACtC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,eAAe,CAAC,CAAC;AACxB,CAAC"}

package/dist/engine/services/renderer/parts/grouping-panel/grouping-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grouping-panel.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping-panel/grouping-panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,kBAajD"}

package/dist/engine/services/renderer/parts/grouping-panel/grouping-panel.js

@@ -1,12 +0,0 @@
-import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-export function renderGroupingPanel(grid) {
-    const groupingPanel = document.createElement("div");
-    groupingPanel.classList.add(PG_CSS_CLASS.groupingPanel);
-    const defaultText = document.createElement("span");
-    defaultText.innerText =
-        "Drag a column header and drop it here to group by that column";
-    groupingPanel.appendChild(defaultText);
-    grid._gridDom.groupingPanel = groupingPanel;
-    return groupingPanel;
-}
-//# sourceMappingURL=grouping-panel.js.map

package/dist/engine/services/renderer/parts/grouping-panel/grouping-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grouping-panel.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping-panel/grouping-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,MAAM,UAAU,mBAAmB,CAAC,IAAc;IAChD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,WAAW,CAAC,SAAS;QACnB,+DAA+D,CAAC;IAElE,aAAa,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAEvC,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,aAAa,CAAC;IAE5C,OAAO,aAAa,CAAC;AACvB,CAAC"}