pam-grid 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,17 +1,17 @@
1
1
  /* src/styles/pam.grid.css */
2
2
  :root {
3
- --bs-primary: #696cff;
4
- --bs-secondary: #8592a3;
5
- --bs-success: #71dd37;
6
- --bs-info: #03c3ec;
7
- --bs-warning: #ffab00;
8
- --bs-danger: #ff3e1d;
9
- --bs-primary-border-subtle: #454682;
10
- --bs-secondary-border-subtle: #4b4f6c;
11
- --bs-success-border-subtle: #466152;
12
- --bs-info-border-subtle: #2c5b7d;
13
- --bs-warning-border-subtle: #695544;
14
- --bs-danger-border-subtle: #693b4b;
3
+ --pam-primary: #696cff;
4
+ --pam-secondary: #8592a3;
5
+ --pam-success: #71dd37;
6
+ --pam-info: #03c3ec;
7
+ --pam-warning: #ffab00;
8
+ --pam-danger: #ff3e1d;
9
+ --pam-primary-border-subtle: #454682;
10
+ --pam-secondary-border-subtle: #4b4f6c;
11
+ --pam-success-border-subtle: #466152;
12
+ --pam-info-border-subtle: #2c5b7d;
13
+ --pam-warning-border-subtle: #695544;
14
+ --pam-danger-border-subtle: #693b4b;
15
15
  }
16
16
  .pms-grid {
17
17
  width: 100%;
@@ -131,7 +131,7 @@
131
131
  z-index: 8;
132
132
  background: #fff;
133
133
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.08);
134
- border-right: 1px solid var(--bs-primary);
134
+ border-right: 1px solid var(--pam-primary);
135
135
  }
136
136
  .pms-grid td.pinned-right {
137
137
  position: sticky;
@@ -160,23 +160,23 @@
160
160
  border-color: #696cff;
161
161
  }
162
162
  .pam-bg-light-primary {
163
- background-color: color-mix(in srgb, var(--bs-primary) 10.4%, transparent);
164
- border: var(--bs-primary-border-subtle);
163
+ background-color: color-mix(in srgb, var(--pam-primary) 10.4%, transparent);
164
+ border: var(--pam-primary-border-subtle);
165
165
  }
166
166
  .pam-bg-light-secondary {
167
- background-color: color-mix(in srgb, var(--bs-secondary) 10.4%, transparent);
167
+ background-color: color-mix(in srgb, var(--pam-secondary) 10.4%, transparent);
168
168
  }
169
169
  .pam-bg-light-danger {
170
- background-color: color-mix(in srgb, var(--bs-danger) 10.4%, transparent);
170
+ background-color: color-mix(in srgb, var(--pam-danger) 10.4%, transparent);
171
171
  }
172
172
  .pam-bg-light-success {
173
- background-color: color-mix(in srgb, var(--bs-success) 10.4%, transparent);
173
+ background-color: color-mix(in srgb, var(--pam-success) 10.4%, transparent);
174
174
  }
175
175
  .pam-bg-light-info {
176
- background-color: color-mix(in srgb, var(--bs-info) 10.4%, transparent);
176
+ background-color: color-mix(in srgb, var(--pam-info) 10.4%, transparent);
177
177
  }
178
178
  .pam-bg-light-warning {
179
- background-color: color-mix(in srgb, var(--bs-warning) 10.4%, transparent);
179
+ background-color: color-mix(in srgb, var(--pam-warning) 10.4%, transparent);
180
180
  }
181
181
  .empty-state {
182
182
  min-height: 250px;
@@ -234,6 +234,16 @@
234
234
  padding: 6px;
235
235
  font-size: 14px;
236
236
  }
237
+ .pam-list-wrapper {
238
+ max-height: 300px;
239
+ overflow-y: auto;
240
+ }
241
+ .pam-dropdown-title {
242
+ font-weight: 100;
243
+ font-size: 1rem;
244
+ padding: 6px 7px;
245
+ text-align: left;
246
+ }
237
247
  .pam-dropdown-list {
238
248
  list-style: none;
239
249
  padding: 0;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/styles/pam.grid.css"],"sourcesContent":[":root {\r\n --bs-primary: #696cff;\r\n --bs-secondary: #8592a3;\r\n --bs-success: #71dd37;\r\n --bs-info: #03c3ec;\r\n --bs-warning: #ffab00;\r\n --bs-danger: #ff3e1d;\r\n\r\n /* border */\r\n --bs-primary-border-subtle: #454682;\r\n --bs-secondary-border-subtle: #4b4f6c;\r\n --bs-success-border-subtle: #466152;\r\n --bs-info-border-subtle: #2c5b7d;\r\n --bs-warning-border-subtle: #695544;\r\n --bs-danger-border-subtle: #693b4b;\r\n}\r\n\r\n/* ──────────────────────────────\r\n PMS GRID – MAIN CONTAINER\r\n────────────────────────────── */\r\n.pms-grid {\r\n width: 100%;\r\n position: relative;\r\n font-size: 0.875rem;\r\n}\r\n\r\n/* ──────────────────────────────\r\n SCROLLABLE WRAPPER\r\n────────────────────────────── */\r\n.grid-wrapper {\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n overflow-x: auto;\r\n position: relative;\r\n border: 1px solid #dee2e6;\r\n border-radius: 0.2rem;\r\n background: #fff;\r\n /* Force horizontal scroll even if few columns */\r\n white-space: nowrap;\r\n}\r\n.card-fullscreen .grid-wrapper {\r\n max-height: 100vh !important;\r\n}\r\n\r\n/* Always visible scrollbar (cross browser) */\r\n.grid-wrapper::-webkit-scrollbar {\r\n height: 3px;\r\n width: 3px;\r\n}\r\n.grid-wrapper::-webkit-scrollbar-thumb {\r\n background-color: #adb5bd;\r\n border-radius: 4px;\r\n}\r\n.grid-wrapper::-webkit-scrollbar-thumb:hover {\r\n background-color: #868e96;\r\n}\r\n\r\n/* ──────────────────────────────\r\n TABLE BASE STYLE\r\n────────────────────────────── */\r\n.pms-grid table {\r\n width: max-content; /* allows scrolling horizontally */\r\n min-width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n background: #fff;\r\n}\r\n.pms-col-header {\r\n position: relative;\r\n overflow: visible !important;\r\n z-index: 20;\r\n}\r\n\r\n.pms-grid th {\r\n padding: 2px 4px !important;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n.pms-grid td {\r\n padding: 8px 12px !important;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/* ──────────────────────────────\r\n HEADER (STICKY)\r\n────────────────────────────── */\r\n.pms-grid thead th {\r\n position: sticky;\r\n top: 0;\r\n z-index: 6;\r\n background: #fff;\r\n border-bottom: 1px solid #dee2e6;\r\n /* font-weight: 600; */\r\n box-shadow: inset 0 -1px 0 #dee2e6;\r\n}\r\n\r\n/* ──────────────────────────────\r\n PINNED COLUMNS\r\n────────────────────────────── */\r\n.pms-grid td.pinned,\r\n.pms-grid th.pinned {\r\n position: sticky;\r\n background: #fff;\r\n z-index: 5;\r\n border-right: 1px solid #dee2e6 !important;\r\n box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n/* Always sticky last column (Actions) */\r\n.pms-grid .th-lastChild,\r\n.pms-grid .td-lastChild {\r\n position: sticky;\r\n right: 0;\r\n z-index: 8;\r\n background: #fff;\r\n border-left: 1px solid #e4e6e8;\r\n}\r\n\r\n/* ──────────────────────────────\r\n ROW HIGHLIGHT\r\n────────────────────────────── */\r\n.pms-grid tbody tr:hover {\r\n background-color: #e9f5ff;\r\n}\r\n\r\n.pms-grid tbody td {\r\n background: #fff;\r\n}\r\n\r\n/* ──────────────────────────────\r\n MISC FIXES\r\n────────────────────────────── */\r\n.vs-th {\r\n background: #f8f9fa;\r\n}\r\n.text-center {\r\n text-align: center !important;\r\n}\r\n.z-6 {\r\n z-index: 6 !important;\r\n}\r\n.z-100 {\r\n z-index: 100 !important;\r\n}\r\n/* ──────────────────────────────\r\n PINNED HEADER COLUMNS (Fix for misalignment)\r\n────────────────────────────── */\r\n\r\n/* Left pinned header cells */\r\n.pms-grid th.pinned-left {\r\n position: sticky;\r\n left: 0;\r\n z-index: 12;\r\n background: #fff;\r\n box-shadow: 1px 0 1px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n/* Right pinned header cells */\r\n.pms-grid th.pinned-right {\r\n position: sticky;\r\n right: 0;\r\n z-index: 12;\r\n background: #fff;\r\n box-shadow: -1px 0 1px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n/* Match body pinned cell behavior */\r\n.pms-grid td.pinned-left {\r\n position: sticky;\r\n left: 0;\r\n z-index: 8;\r\n background: #fff;\r\n box-shadow: 1px 0 1px rgba(0, 0, 0, 0.08);\r\n border-right: 1px solid var(--bs-primary);\r\n}\r\n\r\n.pms-grid td.pinned-right {\r\n position: sticky;\r\n right: 0;\r\n z-index: 8;\r\n background: #fff;\r\n box-shadow: -2px 0 3px rgba(0, 0, 0, 0.08);\r\n}\r\n.grid-cell-active {\r\n outline: 1px solid #696cff; /* Sneat primary */\r\n outline-offset: -2px;\r\n background-color: #f5f6ff;\r\n}\r\n\r\n/* Editable cells inputs */\r\n.pms-grid td .form-control,\r\n.pms-grid td .form-select {\r\n border-radius: 0;\r\n box-shadow: none !important;\r\n background-color: #fff;\r\n height: 100%;\r\n min-height: 38px;\r\n padding: 0 12px;\r\n}\r\n\r\n.pms-grid td .form-control:focus,\r\n.pms-grid td .form-select:focus {\r\n background-color: #fff;\r\n border-color: #696cff;\r\n}\r\n\r\n/* Group By row background color */\r\n.pam-bg-light-primary {\r\n background-color: color-mix(in srgb, var(--bs-primary) 10.4%, transparent);\r\n border: var(--bs-primary-border-subtle);\r\n}\r\n\r\n.pam-bg-light-secondary {\r\n background-color: color-mix(in srgb, var(--bs-secondary) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-danger {\r\n background-color: color-mix(in srgb, var(--bs-danger) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-success {\r\n background-color: color-mix(in srgb, var(--bs-success) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-info {\r\n background-color: color-mix(in srgb, var(--bs-info) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-warning {\r\n background-color: color-mix(in srgb, var(--bs-warning) 10.4%, transparent);\r\n}\r\n\r\n/* Empty State */\r\n\r\n.empty-state {\r\n min-height: 250px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n}\r\n\r\n.empty-image-wrapper {\r\n width: 160px;\r\n aspect-ratio: 1 / 1; /* PERFECT ratio */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.empty-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; /* keeps ratio */\r\n}\r\n\r\n.grid-tooltip {\r\n position: fixed;\r\n background: rgba(0, 0, 0, 0.85);\r\n color: #fff;\r\n padding: 6px 10px;\r\n border-radius: 6px;\r\n pointer-events: none;\r\n white-space: nowrap;\r\n z-index: 9999;\r\n opacity: 0;\r\n transition: opacity 0.15s ease-in-out;\r\n}\r\n\r\n/* Overlay during refetching data */\r\n.pam-overlay {\r\n position: absolute;\r\n z-index: 8;\r\n background-color: transparent;\r\n inset: 0;\r\n transition: all 0.25s ease-in-out;\r\n visibility: hidden;\r\n}\r\n.pam-overlay.show {\r\n background-color: rgba(213 207 207 / 10%);\r\n visibility: visible;\r\n}\r\n\r\n/* Dropdown */\r\n.pam-dropdown-menu {\r\n position: absolute;\r\n z-index: 9999;\r\n /* min-width: 200px; */\r\n min-width: 100;\r\n max-width: 300px;\r\n background: #fff;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 10px;\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);\r\n padding: 6px;\r\n font-size: 14px;\r\n}\r\n\r\n.pam-dropdown-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.pam-dropdown-item {\r\n cursor: pointer;\r\n border-radius: 8px;\r\n user-select: none;\r\n position: relative;\r\n}\r\n\r\n.pam-dropdown-item-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: 6px 7px;\r\n}\r\n\r\n.pam-dropdown-item-inner-rightSlot {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 6px 7px;\r\n}\r\n\r\n.pam-dropdown-item:hover {\r\n background: rgba(105, 108, 255, 0.08);\r\n}\r\n\r\n.pam-dropdown-item.disabled {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n}\r\n\r\n.pam-dropdown-item.danger:hover {\r\n background: rgba(255, 62, 29, 0.08);\r\n}\r\n\r\n.pam-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.pam-icon {\r\n font-size: 16px;\r\n opacity: 0.8;\r\n}\r\n\r\n.pam-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.pam-right {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.pam-rightslot {\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n\r\n.pam-arrow {\r\n font-size: 16px;\r\n opacity: 0.7;\r\n}\r\n\r\n.pam-submenu {\r\n position: fixed;\r\n z-index: 10000;\r\n min-width: 220px;\r\n background: #fff;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 10px;\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);\r\n padding: 6px;\r\n}\r\n\r\n.cursor-resize {\r\n cursor: e-resize;\r\n}\r\n\r\n.col-resize{\r\n cursor: col-resize;\r\n}\r\n\r\n.cursor-grab {\r\n cursor: grab;\r\n}\r\n\r\n.cursor-grabbing {\r\n cursor: grabbing;\r\n}\r\n\r\n.cursor-default {\r\n cursor: default;\r\n}\r\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/styles/pam.grid.css"],"sourcesContent":[":root {\r\n --pam-primary: #696cff;\r\n --pam-secondary: #8592a3;\r\n --pam-success: #71dd37;\r\n --pam-info: #03c3ec;\r\n --pam-warning: #ffab00;\r\n --pam-danger: #ff3e1d;\r\n\r\n /* border */\r\n --pam-primary-border-subtle: #454682;\r\n --pam-secondary-border-subtle: #4b4f6c;\r\n --pam-success-border-subtle: #466152;\r\n --pam-info-border-subtle: #2c5b7d;\r\n --pam-warning-border-subtle: #695544;\r\n --pam-danger-border-subtle: #693b4b;\r\n}\r\n\r\n/* ──────────────────────────────\r\n PMS GRID – MAIN CONTAINER\r\n────────────────────────────── */\r\n.pms-grid {\r\n width: 100%;\r\n position: relative;\r\n font-size: 0.875rem;\r\n}\r\n\r\n/* ──────────────────────────────\r\n SCROLLABLE WRAPPER\r\n────────────────────────────── */\r\n.grid-wrapper {\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n overflow-x: auto;\r\n position: relative;\r\n border: 1px solid #dee2e6;\r\n border-radius: 0.2rem;\r\n background: #fff;\r\n /* Force horizontal scroll even if few columns */\r\n white-space: nowrap;\r\n}\r\n.card-fullscreen .grid-wrapper {\r\n max-height: 100vh !important;\r\n}\r\n\r\n/* Always visible scrollbar (cross browser) */\r\n.grid-wrapper::-webkit-scrollbar {\r\n height: 3px;\r\n width: 3px;\r\n}\r\n.grid-wrapper::-webkit-scrollbar-thumb {\r\n background-color: #adb5bd;\r\n border-radius: 4px;\r\n}\r\n.grid-wrapper::-webkit-scrollbar-thumb:hover {\r\n background-color: #868e96;\r\n}\r\n\r\n/* ──────────────────────────────\r\n TABLE BASE STYLE\r\n────────────────────────────── */\r\n.pms-grid table {\r\n width: max-content; /* allows scrolling horizontally */\r\n min-width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n background: #fff;\r\n}\r\n.pms-col-header {\r\n position: relative;\r\n overflow: visible !important;\r\n z-index: 20;\r\n}\r\n\r\n.pms-grid th {\r\n padding: 2px 4px !important;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n.pms-grid td {\r\n padding: 8px 12px !important;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/* ──────────────────────────────\r\n HEADER (STICKY)\r\n────────────────────────────── */\r\n.pms-grid thead th {\r\n position: sticky;\r\n top: 0;\r\n z-index: 6;\r\n background: #fff;\r\n border-bottom: 1px solid #dee2e6;\r\n /* font-weight: 600; */\r\n box-shadow: inset 0 -1px 0 #dee2e6;\r\n}\r\n\r\n/* ──────────────────────────────\r\n PINNED COLUMNS\r\n────────────────────────────── */\r\n.pms-grid td.pinned,\r\n.pms-grid th.pinned {\r\n position: sticky;\r\n background: #fff;\r\n z-index: 5;\r\n border-right: 1px solid #dee2e6 !important;\r\n box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n/* Always sticky last column (Actions) */\r\n.pms-grid .th-lastChild,\r\n.pms-grid .td-lastChild {\r\n position: sticky;\r\n right: 0;\r\n z-index: 8;\r\n background: #fff;\r\n border-left: 1px solid #e4e6e8;\r\n}\r\n\r\n/* ──────────────────────────────\r\n ROW HIGHLIGHT\r\n────────────────────────────── */\r\n.pms-grid tbody tr:hover {\r\n background-color: #e9f5ff;\r\n}\r\n\r\n.pms-grid tbody td {\r\n background: #fff;\r\n}\r\n\r\n/* ──────────────────────────────\r\n MISC FIXES\r\n────────────────────────────── */\r\n.vs-th {\r\n background: #f8f9fa;\r\n}\r\n.text-center {\r\n text-align: center !important;\r\n}\r\n.z-6 {\r\n z-index: 6 !important;\r\n}\r\n.z-100 {\r\n z-index: 100 !important;\r\n}\r\n/* ──────────────────────────────\r\n PINNED HEADER COLUMNS (Fix for misalignment)\r\n────────────────────────────── */\r\n\r\n/* Left pinned header cells */\r\n.pms-grid th.pinned-left {\r\n position: sticky;\r\n left: 0;\r\n z-index: 12;\r\n background: #fff;\r\n box-shadow: 1px 0 1px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n/* Right pinned header cells */\r\n.pms-grid th.pinned-right {\r\n position: sticky;\r\n right: 0;\r\n z-index: 12;\r\n background: #fff;\r\n box-shadow: -1px 0 1px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n/* Match body pinned cell behavior */\r\n.pms-grid td.pinned-left {\r\n position: sticky;\r\n left: 0;\r\n z-index: 8;\r\n background: #fff;\r\n box-shadow: 1px 0 1px rgba(0, 0, 0, 0.08);\r\n border-right: 1px solid var(--pam-primary);\r\n}\r\n\r\n.pms-grid td.pinned-right {\r\n position: sticky;\r\n right: 0;\r\n z-index: 8;\r\n background: #fff;\r\n box-shadow: -2px 0 3px rgba(0, 0, 0, 0.08);\r\n}\r\n.grid-cell-active {\r\n outline: 1px solid #696cff; /* Sneat primary */\r\n outline-offset: -2px;\r\n background-color: #f5f6ff;\r\n}\r\n\r\n/* Editable cells inputs */\r\n.pms-grid td .form-control,\r\n.pms-grid td .form-select {\r\n border-radius: 0;\r\n box-shadow: none !important;\r\n background-color: #fff;\r\n height: 100%;\r\n min-height: 38px;\r\n padding: 0 12px;\r\n}\r\n\r\n.pms-grid td .form-control:focus,\r\n.pms-grid td .form-select:focus {\r\n background-color: #fff;\r\n border-color: #696cff;\r\n}\r\n\r\n/* Group By row background color */\r\n.pam-bg-light-primary {\r\n background-color: color-mix(in srgb, var(--pam-primary) 10.4%, transparent);\r\n border: var(--pam-primary-border-subtle);\r\n}\r\n\r\n.pam-bg-light-secondary {\r\n background-color: color-mix(in srgb, var(--pam-secondary) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-danger {\r\n background-color: color-mix(in srgb, var(--pam-danger) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-success {\r\n background-color: color-mix(in srgb, var(--pam-success) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-info {\r\n background-color: color-mix(in srgb, var(--pam-info) 10.4%, transparent);\r\n}\r\n\r\n.pam-bg-light-warning {\r\n background-color: color-mix(in srgb, var(--pam-warning) 10.4%, transparent);\r\n}\r\n\r\n/* Empty State */\r\n\r\n.empty-state {\r\n min-height: 250px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n}\r\n\r\n.empty-image-wrapper {\r\n width: 160px;\r\n aspect-ratio: 1 / 1; /* PERFECT ratio */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.empty-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; /* keeps ratio */\r\n}\r\n\r\n.grid-tooltip {\r\n position: fixed;\r\n background: rgba(0, 0, 0, 0.85);\r\n color: #fff;\r\n padding: 6px 10px;\r\n border-radius: 6px;\r\n pointer-events: none;\r\n white-space: nowrap;\r\n z-index: 9999;\r\n opacity: 0;\r\n transition: opacity 0.15s ease-in-out;\r\n}\r\n\r\n/* Overlay during refetching data */\r\n.pam-overlay {\r\n position: absolute;\r\n z-index: 8;\r\n background-color: transparent;\r\n inset: 0;\r\n transition: all 0.25s ease-in-out;\r\n visibility: hidden;\r\n}\r\n.pam-overlay.show {\r\n background-color: rgba(213 207 207 / 10%);\r\n visibility: visible;\r\n}\r\n\r\n/* Dropdown */\r\n.pam-dropdown-menu {\r\n position: absolute;\r\n z-index: 9999;\r\n /* min-width: 200px; */\r\n min-width: 100;\r\n max-width: 300px;\r\n background: #fff;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 10px;\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);\r\n padding: 6px;\r\n font-size: 14px;\r\n\r\n}\r\n\r\n.pam-list-wrapper{\r\n\r\n max-height: 300px;\r\n overflow-y: auto;\r\n}\r\n\r\n.pam-dropdown-title {\r\n font-weight: 100;\r\n font-size: 1rem;\r\n padding: 6px 7px;\r\n text-align: left;\r\n}\r\n\r\n.pam-dropdown-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.pam-dropdown-item {\r\n cursor: pointer;\r\n border-radius: 8px;\r\n user-select: none;\r\n position: relative;\r\n}\r\n\r\n.pam-dropdown-item-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: 6px 7px;\r\n}\r\n\r\n.pam-dropdown-item-inner-rightSlot {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 6px 7px;\r\n}\r\n\r\n.pam-dropdown-item:hover {\r\n background: rgba(105, 108, 255, 0.08);\r\n}\r\n\r\n.pam-dropdown-item.disabled {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n}\r\n\r\n.pam-dropdown-item.danger:hover {\r\n background: rgba(255, 62, 29, 0.08);\r\n}\r\n\r\n.pam-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.pam-icon {\r\n font-size: 16px;\r\n opacity: 0.8;\r\n}\r\n\r\n.pam-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.pam-right {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.pam-rightslot {\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n\r\n.pam-arrow {\r\n font-size: 16px;\r\n opacity: 0.7;\r\n}\r\n\r\n.pam-submenu {\r\n position: fixed;\r\n z-index: 10000;\r\n min-width: 220px;\r\n background: #fff;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 10px;\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);\r\n padding: 6px;\r\n\r\n}\r\n\r\n.cursor-resize {\r\n cursor: e-resize;\r\n}\r\n\r\n.col-resize{\r\n cursor: col-resize;\r\n}\r\n\r\n.cursor-grab {\r\n cursor: grab;\r\n}\r\n\r\n.cursor-grabbing {\r\n cursor: grabbing;\r\n}\r\n\r\n.cursor-default {\r\n cursor: default;\r\n}\r\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pam-grid",
3
- "version": "1.1.1",
3
+ "version": "1.2.0",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",