@polygrid/core 1.0.537 → 1.0.538

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export type { PolyGridGroupHeaderRendererParams } from "./engine/services/render
 export type { PolyGridGroupFooterCellRendererParams } from "./engine/services/renderer/interfaces/group-footer-cell-renderer-params";
 export type { PolyGridPagingSettings } from "./engine/services/paging/interfaces/paging-settings";
 export type { PolyGridSelectionSettings } from "./engine/services/selection/interfaces/selection-settings";
+export type { PolyGridColumnMenuSettings } from "./engine/services/column/interfaces/column-menu-settings";
 export type { PolyGridResizeMode } from "./engine/store/types/resize-mode";
 export type { PolyGridFilterType } from "./engine/services/filter/types/filter-type";
 export type { PolyGridSortMode } from "./engine/services/sort/types/sort-mode";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,YAAY,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACxE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AAC7G,YAAY,EAAE,4BAA4B,EAAE,MAAM,8DAA8D,CAAC;AACjH,YAAY,EAAE,4BAA4B,EAAE,MAAM,8DAA8D,CAAC;AACjH,YAAY,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,MAAM,yDAAyD,CAAC;AACpG,YAAY,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AACrG,YAAY,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AAC1G,YAAY,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACxG,YAAY,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACzG,YAAY,EAAE,iCAAiC,EAAE,MAAM,oEAAoE,CAAC;AAC5H,YAAY,EAAE,qCAAqC,EAAE,MAAM,yEAAyE,CAAC;AACrI,YAAY,EAAE,iCAAiC,EAAE,MAAM,oEAAoE,CAAC;AAC5H,YAAY,EAAE,qCAAqC,EAAE,MAAM,yEAAyE,CAAC;AACrI,YAAY,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAClG,YAAY,EAAE,yBAAyB,EAAE,MAAM,2DAA2D,CAAC;AAE3G,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,YAAY,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,YAAY,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,YAAY,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAC7G,YAAY,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAC9F,YAAY,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,YAAY,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACxE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AAC7G,YAAY,EAAE,4BAA4B,EAAE,MAAM,8DAA8D,CAAC;AACjH,YAAY,EAAE,4BAA4B,EAAE,MAAM,8DAA8D,CAAC;AACjH,YAAY,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,MAAM,yDAAyD,CAAC;AACpG,YAAY,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AACrG,YAAY,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AAC1G,YAAY,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACxG,YAAY,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACzG,YAAY,EAAE,iCAAiC,EAAE,MAAM,oEAAoE,CAAC;AAC5H,YAAY,EAAE,qCAAqC,EAAE,MAAM,yEAAyE,CAAC;AACrI,YAAY,EAAE,iCAAiC,EAAE,MAAM,oEAAoE,CAAC;AAC5H,YAAY,EAAE,qCAAqC,EAAE,MAAM,yEAAyE,CAAC;AACrI,YAAY,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAClG,YAAY,EAAE,yBAAyB,EAAE,MAAM,2DAA2D,CAAC;AAC3G,YAAY,EAAE,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AAE3G,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,YAAY,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,YAAY,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,YAAY,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAC7G,YAAY,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAC9F,YAAY,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/polygrid.css

@@ -81,6 +81,149 @@
   box-shadow: -2px 0 1px rgba(0, 0, 0, 0.15);
 }
 
+.pg-header-cell .pg-col-menu-icon {
+  cursor: pointer;
+}
+
+.pg-header-cell .pg-col-menu-icon.pg-disabled {
+  pointer-events: none;
+}
+
+.pg-header-cell .pg-filter-icon.pg-disabled svg {
+  stroke: gray;
+}
+
+.pg-col-menu-icon.pg-active-filter {
+  color: dodgerblue;
+}
+
+.pg-col-menu {
+  background-color: white;
+  border: 1px solid gainsboro;
+  padding: 4px;
+  overflow-y: auto;
+  max-height: 450px;
+  width: 200px;
+  box-shadow:
+    rgba(0, 0, 0, 0.16) 0px 3px 6px,
+    rgba(0, 0, 0, 0.23) 0px 3px 6px;
+  margin: 0;
+  z-index: 1001;
+}
+
+.pg-col-menu ul {
+  list-style-type: none;
+  font-weight: normal;
+  padding: 0;
+  margin: 0;
+  font-size: 12px;
+}
+
+.pg-col-menu li {
+  padding: 2px;
+  cursor: pointer;
+  display: flex;
+  gap: 5px;
+  align-items: center;
+}
+
+.pg-col-menu li.pg-disabled,
+.pg-col-menu .left-pin.pg-disabled {
+  color: #aaa;
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.6;
+}
+
+.pg-col-menu li:hover:not(.pin) {
+  background-color: gainsboro;
+}
+
+.pg-col-menu .pg-separator {
+  margin: 5px 0px;
+  border-bottom: 1px solid gainsboro;
+}
+
+.pg-col-menu .chevron-down {
+  margin-left: auto;
+}
+
+.pg-col-menu .chevron-down.open {
+  transform: rotate(180deg);
+}
+
+.pg-col-menu .columns {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-height: 0;
+  overflow: hidden;
+  opacity: 0;
+  transition:
+    max-height 0.5s ease,
+    opacity 0.5s ease;
+}
+
+.pg-col-menu .columns input {
+  margin-top: 5px;
+}
+
+.pg-col-menu .columns.open {
+  max-height: 500px; /* must be larger than content height */
+  opacity: 1;
+}
+
+.pg-col-menu .pg-checkbox-items {
+  overflow-y: auto;
+  max-height: 150px;
+  display: flex;
+  flex-direction: column;
+}
+
+.pg-col-menu .checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  font-weight: normal;
+}
+
+.pg-col-menu .selected-columns {
+  font-weight: bold;
+  padding-left: 6px;
+}
+
+.pg-col-menu .pin {
+  cursor: default;
+}
+
+.pg-col-menu .left-pin,
+.pg-col-menu .right-pin {
+  width: 50px;
+  text-align: center;
+}
+
+.pg-col-menu .left-pin:hover,
+.pg-col-menu .right-pin:hover {
+  background-color: gainsboro;
+  cursor: pointer;
+}
+
+.pg-col-menu .left-pin.pinned,
+.pg-col-menu .right-pin.pinned {
+  background: #d0d0d0;
+  border: 1px solid #aaa;
+}
+
+.pg-col-menu .no-data {
+  font-weight: normal;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 150px;
+}
+
 .pg-body-viewport {
   flex: 1 1 auto;
   overflow: hidden;
@@ -656,6 +799,7 @@
   cursor: pointer;
   display: flex;
   gap: 5px;
+  align-items: center;
 }
 
 .pg-excel-filter li.pg-disabled {

package/package.json

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