@adaptabletools/adaptable-react-aggrid 11.0.0-canary.1 → 11.0.0-canary.5

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.
Files changed (5) hide show
  1. package/base.css +138 -68
  2. package/index.css +140 -68
  3. package/package.json +9 -8
  4. package/src/setupFrameworkComponents.js +4 -2
  5. package/themes/dark.css +4 -4
package/base.css CHANGED
@@ -1255,7 +1255,7 @@
1255
1255
  --ab-color-text-on-error: white;
1256
1256
  --ab-color-text-on-info: white;
1257
1257
  --ab-color-text-on-warn: white;
1258
- --ab-color-action-add: #2966A8;
1258
+ --ab-color-action-add: #2966a8;
1259
1259
  --ab-color-action-edit: #17a2b8;
1260
1260
  --ab-color-action-share: #eb9316;
1261
1261
  --ab-color-action-delete: #dc3545;
@@ -1272,12 +1272,12 @@
1272
1272
  --ab-color-primarylight: #f5f5f5;
1273
1273
  --ab-color-text-on-primary: #656565;
1274
1274
  --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
1275
- --ab-color-secondary: #2966A8;
1275
+ --ab-color-secondary: #2966a8;
1276
1276
  --ab-color-secondarydark: #015a9a;
1277
1277
  --ab-color-secondarylight: #a9ddff;
1278
- --ab-color-text-on-secondary: #E2E2E2;
1278
+ --ab-color-text-on-secondary: #e2e2e2;
1279
1279
  --ab-color-text-on-secondarylight: #000000;
1280
- --ab-color-blue: #419641;
1280
+ --ab-color-blue: #419641;
1281
1281
  --ab-color-focus: var(--ab-color-accent);
1282
1282
  --ab-gridheader--filtered__background: var(--ab-color-primary);
1283
1283
  --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
@@ -1288,16 +1288,16 @@
1288
1288
  --ab-grid-row-height: 40px;
1289
1289
  --ab-loaded: 777; }
1290
1290
  :root {
1291
- --ITableHeader__color:var(--ab-color-text-on-primary);
1291
+ --ITableHeader__color: var(--ab-color-text-on-primary);
1292
1292
  --ITableHeaderCell__background: var(--ab-color-primary);
1293
1293
  --ITableHeader__background: var(--ITableHeaderCell__background);
1294
- --ITableRow__color:var(--ab-color-text-on-primary);
1294
+ --ITableRow__color: var(--ab-color-text-on-primary);
1295
1295
  --ITable__background: var(--ab-color-primarylight);
1296
1296
  --ITableRow__background: var(--ab-color-defaultbackground);
1297
1297
  --ITableRow--odd__background: var(--ab-color-primarylight); }
1298
- .ab-style__list-group-item:nth-child(2n+1) {
1298
+ .ab-style__list-group-item:nth-child(2n + 1) {
1299
1299
  background: var(--ab-color-primarylight); }
1300
- .ab-Grid .ag-header-cell input[type="date" i]::-webkit-calendar-picker-indicator {
1300
+ .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
1301
1301
  margin-inline-start: 0px; }
1302
1302
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
1303
1303
  font-weight: bolder;
@@ -1311,12 +1311,18 @@
1311
1311
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
1312
1312
  --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
1313
1313
  .ab-CheckBox--variant-agGrid {
1314
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
1314
+ --ab-cmp-checkbox--check__color: var(
1315
+ --ag-checkbox-checked-color,
1316
+ var(--ag-balham-active-color, #0091ea)
1317
+ );
1315
1318
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
1316
1319
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
1317
1320
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
1318
1321
  .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
1319
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)); }
1322
+ --ab-cmp-checkbox--check__color: var(
1323
+ --ag-checkbox-checked-color,
1324
+ var(--ag-balham-active-color, #0091ea)
1325
+ ); }
1320
1326
  .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
1321
1327
  --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
1322
1328
  :root {
@@ -1343,7 +1349,8 @@
1343
1349
  --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
1344
1350
  --ab-cmp-dropdownbutton-list__z-index: 1000;
1345
1351
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
1346
- --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(0, 0, 0, .12);
1352
+ --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
1353
+ -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
1347
1354
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
1348
1355
  :root {
1349
1356
  --ab-cmp-error-box__padding: var(--ab-space-3);
@@ -1389,7 +1396,7 @@
1389
1396
  background: var(--ab-cmp-listgroupitem__background);
1390
1397
  color: var(--ab-cmp-listgroupitem__color);
1391
1398
  border-radius: var(--ab-cmp-listgroupitem__border-radius); }
1392
- .ab-ListGroupItem:nth-child(2n+1) {
1399
+ .ab-ListGroupItem:nth-child(2n + 1) {
1393
1400
  background: var(--ab-cmp-listgroupitem--odd__background);
1394
1401
  color: var(--ab-cmp-listgroupitem--odd__color); }
1395
1402
  .ab-ListGroupItem.ab-ListGroupItem--no-zebra {
@@ -1458,7 +1465,8 @@
1458
1465
  --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
1459
1466
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
1460
1467
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
1461
- --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
1468
+ --ab-cmp-file-droppable--drag-over__outline: 2px dashed
1469
+ var(--ab-cmp-file-droppable--drag-over__color); }
1462
1470
  :root {
1463
1471
  --ab-dashboard__background: var(--ab-color-primary);
1464
1472
  --ab-dashboard__font-family: var(--ab__font-family);
@@ -1506,7 +1514,7 @@
1506
1514
  --ab-cmp-button-border-radius: 0px;
1507
1515
  --ab-cmp-button-disabled-opacity: 0.5;
1508
1516
  --ab-cmp-button-background: var(--ab-color-primary);
1509
- --ab-cmp-button-disabled-background:var(--ab-color-primarydark); }
1517
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
1510
1518
  :root {
1511
1519
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
1512
1520
  --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
@@ -1531,12 +1539,13 @@
1531
1539
  overflow: auto;
1532
1540
  display: grid;
1533
1541
  padding: var(--ab-space-2);
1534
- grid-template-rows: 1fr 1fr;
1542
+ grid-template-rows: 1fr 1fr;
1535
1543
  grid-template-columns: 28rem 1fr 1fr;
1536
1544
  row-gap: var(--ab-space-2);
1537
1545
  column-gap: var(--ab-space-2);
1538
1546
  grid-gap: var(--ab-space-2); }
1539
- .ab-LayoutEditor, .ab-LayoutEditor * {
1547
+ .ab-LayoutEditor,
1548
+ .ab-LayoutEditor * {
1540
1549
  box-sizing: border-box; }
1541
1550
  .ab-LayoutEditor__ColumnList {
1542
1551
  overflow: auto; }
@@ -1614,18 +1623,24 @@
1614
1623
  --ab-cmp-adaptable-popup--settings__height: 90vh;
1615
1624
  --ab-cmp-adaptable-popup__height: 90vh;
1616
1625
  --ab-cmp-adaptable-popup__max-height: 1200px;
1626
+ --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
1617
1627
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
1618
- --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
1628
+ --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
1629
+ var(--ab-color-defaultbackground);
1619
1630
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
1620
1631
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
1621
1632
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
1622
- --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
1623
- --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
1633
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
1634
+ var(--ab-color-primarydark);
1635
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
1636
+ var(--ab-space-2);
1624
1637
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
1625
1638
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
1626
1639
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
1627
1640
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
1628
- --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
1641
+ --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
1642
+ --ab-color-accentlight
1643
+ );
1629
1644
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
1630
1645
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
1631
1646
  --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -1681,7 +1696,10 @@
1681
1696
  border-bottom: 2px solid var(--ab-color-primarydark); }
1682
1697
  .ab-Table tr:not(last-child) td {
1683
1698
  border-bottom: 1px solid var(--ab-color-primarylight); }
1684
- .ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
1699
+ .ab-CheckBox,
1700
+ .ab-CheckBox *,
1701
+ .ab-CheckBox *:before,
1702
+ .ab-CheckBox *:after {
1685
1703
  box-sizing: border-box; }
1686
1704
  .ab-CheckBox--checked {
1687
1705
  --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
@@ -1856,10 +1874,14 @@
1856
1874
  fill: var(--ab-cmp-field-wrap__fill); }
1857
1875
  .ab-FieldWrap:focus-within {
1858
1876
  box-shadow: var(--ab-focus__box-shadow); }
1859
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
1877
+ .ab-FieldWrap input,
1878
+ .ab-FieldWrap select,
1879
+ .ab-FieldWrap > * {
1860
1880
  border: none;
1861
1881
  flex: 1; }
1862
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
1882
+ .ab-FieldWrap input,
1883
+ .ab-FieldWrap select,
1884
+ .ab-FieldWrap .ab-Dropdown {
1863
1885
  outline: none !important;
1864
1886
  box-shadow: none !important; }
1865
1887
  .ab-FormLayout {
@@ -1917,8 +1939,8 @@ input.ab-Input[disabled] {
1917
1939
  color: var(--ab-cmp-input--placeholder__color);
1918
1940
  opacity: var(--ab-cmp-input--placeholder__opacity); }
1919
1941
  /* Spin Buttons modified */
1920
- input[type="number"].ab-Input::-webkit-outer-spin-button,
1921
- input[type="number"].ab-Input::-webkit-inner-spin-button {
1942
+ input[type='number'].ab-Input::-webkit-outer-spin-button,
1943
+ input[type='number'].ab-Input::-webkit-inner-spin-button {
1922
1944
  -webkit-appearance: none;
1923
1945
  width: 1em;
1924
1946
  opacity: 0;
@@ -1927,9 +1949,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
1927
1949
  right: 0;
1928
1950
  bottom: 0;
1929
1951
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center; }
1930
- input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
1931
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
1932
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
1952
+ input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
1953
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
1954
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
1933
1955
  opacity: 1; }
1934
1956
  .ab-ListGroup {
1935
1957
  display: flex;
@@ -1965,7 +1987,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
1965
1987
  .ab-Tabs {
1966
1988
  display: flex;
1967
1989
  flex-direction: column; }
1968
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
1990
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
1969
1991
  .ab-Tabs__Tab--before-active {
1970
1992
  border-bottom-right-radius: var(--ab__border-radius); }
1971
1993
  .ab-Tabs__Strip {
@@ -2018,7 +2040,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2018
2040
  overflow: auto;
2019
2041
  display: flex;
2020
2042
  flex-flow: column; }
2021
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2043
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2022
2044
  border-top-left-radius: 0; }
2023
2045
  .ab-Panel {
2024
2046
  display: flex;
@@ -2030,8 +2052,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2030
2052
  -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2031
2053
  fill: var(--ab-cmp-panel-icon__fill); }
2032
2054
  .ab-Panel--variant-modern {
2033
- --ab-cmp-panel__border-radius: var(--ab-space-1)
2034
- ; }
2055
+ --ab-cmp-panel__border-radius: var(--ab-space-1); }
2035
2056
  .ab-Panel__header {
2036
2057
  flex: none;
2037
2058
  background: var(--ab-cmp-panel_header__background);
@@ -2225,10 +2246,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2225
2246
  outline: var(--ab-cmp-file-droppable__outline);
2226
2247
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2227
2248
  background: var(--ab-cmp-file-droppable__background); }
2228
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button, .ab-FileDroppable .ab-SimpleButton {
2249
+ .ab-FileDroppable,
2250
+ .ab-FileDroppable input,
2251
+ .ab-FileDroppable button,
2252
+ .ab-FileDroppable .ab-SimpleButton {
2229
2253
  transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
2230
2254
  fill: currentColor; }
2231
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
2255
+ .ab-FileDroppable,
2256
+ .ab-FileDroppable input,
2257
+ .ab-FileDroppable button {
2232
2258
  color: var(--ab-cmp-file-droppable__color); }
2233
2259
  .ab-FileDroppable.ab-FileDroppable--drag-over {
2234
2260
  outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
@@ -2237,7 +2263,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2237
2263
  color: var(--ab-cmp-file-droppable--drag-over__color); }
2238
2264
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
2239
2265
  pointer-events: none; }
2240
- .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
2266
+ .ab-FileDroppable,
2267
+ .ab-FileDroppable *,
2268
+ .ab-FileDroppable *:before,
2269
+ .ab-FileDroppable *:after {
2241
2270
  box-sizing: border-box; }
2242
2271
  .ab-WizardPanel > .ab-Panel__body {
2243
2272
  display: flex;
@@ -2333,11 +2362,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2333
2362
  white-space: nowrap; }
2334
2363
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
2335
2364
  padding: var(--ab-space-1); }
2336
- .ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
2365
+ .ab-Dashboard .ab-StateManagement__Clear-Button,
2366
+ .ab-Dashboard .ab-StateManagement__Load-Button,
2367
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
2337
2368
  margin-left: var(--ab-space-1); }
2338
2369
  .ab-GridList {
2339
2370
  --at-grid__background: transparent; }
2340
- .ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
2371
+ .ab-GridList .AT-GridCell_content,
2372
+ .ab-GridList .ab-ListGroupItem,
2373
+ .ab-GridList .AT-GridColumnCell {
2341
2374
  width: 100%; }
2342
2375
  .ab-GridList .AT-GridHeader {
2343
2376
  display: none; }
@@ -2428,7 +2461,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2428
2461
  border-radius: var(--ab__border-radius); }
2429
2462
  .ab-ToggleButton__slider:before {
2430
2463
  position: absolute;
2431
- content: "";
2464
+ content: '';
2432
2465
  width: 24px;
2433
2466
  height: 24px;
2434
2467
  left: 4px;
@@ -2457,7 +2490,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2457
2490
  font-size: var(--ab-cmp-loader__font-size);
2458
2491
  margin-top: 8px;
2459
2492
  font-style: italic; }
2460
- .ab-Loader__text, .ab-Loader__Spinner {
2493
+ .ab-Loader__text,
2494
+ .ab-Loader__Spinner {
2461
2495
  vertical-align: middle; }
2462
2496
  .ab-Loader .ab-Loader__Spinner {
2463
2497
  margin-right: 5px; }
@@ -2506,7 +2540,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2506
2540
  --ab-cmp-Tag__font-size: var(--ab-font-size-3); }
2507
2541
  .ab-Tag {
2508
2542
  display: inline-flex;
2509
- font-size: var(--ab-cmp-Tag__font-size); }
2543
+ font-size: var(--ab-cmp-Tag__font-size);
2544
+ max-width: 100%; }
2510
2545
  .ab-AdaptableOptions {
2511
2546
  background: var(--ab-cmp-adaptable-options__background-color); }
2512
2547
  .ab-GridOptions {
@@ -2534,7 +2569,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2534
2569
  overflow-y: auto;
2535
2570
  overflow-x: hidden;
2536
2571
  --ab-grid-row-height: 26px;
2537
- margin-Bottom: 0; }
2572
+ margin-bottom: 0; }
2538
2573
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
2539
2574
  overflow-x: hidden; }
2540
2575
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
@@ -2582,7 +2617,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2582
2617
  background: var(--ab-cmp-wizard__background);
2583
2618
  color: var(--ab-cmp-wizard__color);
2584
2619
  height: 100%; }
2585
- .ab-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
2620
+ .ab-nocode-wizard,
2621
+ .ab-nocode-wizard *,
2622
+ .ab-nocode-wizard *:before,
2623
+ .ab-nocode-wizard *:after {
2586
2624
  box-sizing: border-box; }
2587
2625
  .ab-AvailableDropZone .placeholder,
2588
2626
  .ab-SelectedDropZone .placeholder {
@@ -2627,16 +2665,21 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2627
2665
  flex-direction: row;
2628
2666
  flex-wrap: wrap;
2629
2667
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
2630
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
2668
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
2669
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
2631
2670
  justify-content: center;
2632
2671
  flex: 1; }
2633
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
2672
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
2673
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
2674
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
2634
2675
  margin-bottom: var(--ab-space-1); }
2635
2676
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
2636
2677
  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
2637
2678
  .ab-Adaptable-Popup {
2638
2679
  background: var(--ab-cmp-adaptable-popup__background);
2639
2680
  max-height: var(--ab-cmp-adaptable-popup__max-height); }
2681
+ .ab-Adaptable-Popup--window {
2682
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
2640
2683
  .ab-Adaptable-Popup__Navigation {
2641
2684
  padding-top: 10px;
2642
2685
  overflow: auto;
@@ -2716,6 +2759,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2716
2759
  margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom); }
2717
2760
  .ab-Adaptable-Object-List__Item__edit-property {
2718
2761
  visibility: hidden; }
2762
+ .ab-Adaptable-Object-List__Item__values {
2763
+ min-width: 0;
2764
+ word-break: break-all; }
2719
2765
  .ab-Adaptable-Object-List__Item__buttons {
2720
2766
  padding-left: var(--ab-space-2);
2721
2767
  min-width: 80px;
@@ -2798,55 +2844,79 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2798
2844
  --ab-toast-cmp__shadow-color: var(--ab-color-error); }
2799
2845
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
2800
2846
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
2801
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
2802
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
2803
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
2847
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
2848
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
2849
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
2850
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
2851
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
2852
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
2804
2853
  background-color: rgba(0, 0, 0, 0);
2805
2854
  border-radius: 100px; }
2806
2855
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
2807
2856
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
2808
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
2809
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
2810
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
2857
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
2858
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
2859
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
2860
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
2861
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
2862
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
2811
2863
  width: var(--ab-custom-scrollbar-size); }
2812
2864
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
2813
2865
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
2814
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
2815
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
2816
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
2866
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
2867
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
2868
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
2869
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
2870
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
2871
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
2817
2872
  height: var(--ab-custom-scrollbar-size); }
2818
2873
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
2819
2874
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
2820
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
2821
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
2822
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
2875
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
2876
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
2877
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
2878
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
2879
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
2880
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
2823
2881
  background-color: rgba(0, 0, 0, 0.09); }
2824
2882
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
2825
2883
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
2826
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
2827
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
2828
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
2884
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
2885
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
2886
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
2887
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
2888
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
2889
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
2829
2890
  background: rgba(0, 0, 0, 0.5);
2830
2891
  border-radius: 100px;
2831
2892
  background-clip: padding-box;
2832
2893
  border: 2px solid rgba(0, 0, 0, 0); }
2833
2894
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
2834
2895
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
2835
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
2836
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
2837
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
2896
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
2897
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
2898
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
2899
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
2900
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
2901
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
2838
2902
  min-height: var(--ab-custom-scrollbar-size); }
2839
2903
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
2840
2904
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
2841
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
2842
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
2843
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
2905
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
2906
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
2907
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
2908
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
2909
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
2910
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
2844
2911
  min-width: var(--ab-custom-scrollbar-size); }
2845
2912
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
2846
2913
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
2847
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
2848
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
2849
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
2914
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
2915
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
2916
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
2917
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
2918
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
2919
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
2850
2920
  background: rgba(0, 0, 0, 0.61);
2851
2921
  border-radius: 100px; }
2852
2922
  .ag-details-row {
package/index.css CHANGED
@@ -1816,7 +1816,7 @@ template {
1816
1816
  --ab-color-text-on-error: white;
1817
1817
  --ab-color-text-on-info: white;
1818
1818
  --ab-color-text-on-warn: white;
1819
- --ab-color-action-add: #2966A8;
1819
+ --ab-color-action-add: #2966a8;
1820
1820
  --ab-color-action-edit: #17a2b8;
1821
1821
  --ab-color-action-share: #eb9316;
1822
1822
  --ab-color-action-delete: #dc3545;
@@ -1833,12 +1833,12 @@ template {
1833
1833
  --ab-color-primarylight: #f5f5f5;
1834
1834
  --ab-color-text-on-primary: #656565;
1835
1835
  --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
1836
- --ab-color-secondary: #2966A8;
1836
+ --ab-color-secondary: #2966a8;
1837
1837
  --ab-color-secondarydark: #015a9a;
1838
1838
  --ab-color-secondarylight: #a9ddff;
1839
- --ab-color-text-on-secondary: #E2E2E2;
1839
+ --ab-color-text-on-secondary: #e2e2e2;
1840
1840
  --ab-color-text-on-secondarylight: #000000;
1841
- --ab-color-blue: #419641;
1841
+ --ab-color-blue: #419641;
1842
1842
  --ab-color-focus: var(--ab-color-accent);
1843
1843
  --ab-gridheader--filtered__background: var(--ab-color-primary);
1844
1844
  --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
@@ -1850,18 +1850,18 @@ template {
1850
1850
  --ab-loaded: 777; }
1851
1851
 
1852
1852
  :root {
1853
- --ITableHeader__color:var(--ab-color-text-on-primary);
1853
+ --ITableHeader__color: var(--ab-color-text-on-primary);
1854
1854
  --ITableHeaderCell__background: var(--ab-color-primary);
1855
1855
  --ITableHeader__background: var(--ITableHeaderCell__background);
1856
- --ITableRow__color:var(--ab-color-text-on-primary);
1856
+ --ITableRow__color: var(--ab-color-text-on-primary);
1857
1857
  --ITable__background: var(--ab-color-primarylight);
1858
1858
  --ITableRow__background: var(--ab-color-defaultbackground);
1859
1859
  --ITableRow--odd__background: var(--ab-color-primarylight); }
1860
1860
 
1861
- .ab-style__list-group-item:nth-child(2n+1) {
1861
+ .ab-style__list-group-item:nth-child(2n + 1) {
1862
1862
  background: var(--ab-color-primarylight); }
1863
1863
 
1864
- .ab-Grid .ag-header-cell input[type="date" i]::-webkit-calendar-picker-indicator {
1864
+ .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
1865
1865
  margin-inline-start: 0px; }
1866
1866
 
1867
1867
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
@@ -1878,13 +1878,19 @@ template {
1878
1878
  --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
1879
1879
 
1880
1880
  .ab-CheckBox--variant-agGrid {
1881
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
1881
+ --ab-cmp-checkbox--check__color: var(
1882
+ --ag-checkbox-checked-color,
1883
+ var(--ag-balham-active-color, #0091ea)
1884
+ );
1882
1885
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
1883
1886
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
1884
1887
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
1885
1888
 
1886
1889
  .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
1887
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)); }
1890
+ --ab-cmp-checkbox--check__color: var(
1891
+ --ag-checkbox-checked-color,
1892
+ var(--ag-balham-active-color, #0091ea)
1893
+ ); }
1888
1894
 
1889
1895
  .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
1890
1896
  --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
@@ -1915,7 +1921,8 @@ template {
1915
1921
  --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
1916
1922
  --ab-cmp-dropdownbutton-list__z-index: 1000;
1917
1923
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
1918
- --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(0, 0, 0, .12);
1924
+ --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
1925
+ -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
1919
1926
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
1920
1927
 
1921
1928
  :root {
@@ -1969,7 +1976,7 @@ template {
1969
1976
  color: var(--ab-cmp-listgroupitem__color);
1970
1977
  border-radius: var(--ab-cmp-listgroupitem__border-radius); }
1971
1978
 
1972
- .ab-ListGroupItem:nth-child(2n+1) {
1979
+ .ab-ListGroupItem:nth-child(2n + 1) {
1973
1980
  background: var(--ab-cmp-listgroupitem--odd__background);
1974
1981
  color: var(--ab-cmp-listgroupitem--odd__color); }
1975
1982
 
@@ -2048,7 +2055,8 @@ template {
2048
2055
  --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
2049
2056
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
2050
2057
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
2051
- --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
2058
+ --ab-cmp-file-droppable--drag-over__outline: 2px dashed
2059
+ var(--ab-cmp-file-droppable--drag-over__color); }
2052
2060
 
2053
2061
  :root {
2054
2062
  --ab-dashboard__background: var(--ab-color-primary);
@@ -2103,7 +2111,7 @@ template {
2103
2111
  --ab-cmp-button-border-radius: 0px;
2104
2112
  --ab-cmp-button-disabled-opacity: 0.5;
2105
2113
  --ab-cmp-button-background: var(--ab-color-primary);
2106
- --ab-cmp-button-disabled-background:var(--ab-color-primarydark); }
2114
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
2107
2115
 
2108
2116
  :root {
2109
2117
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
@@ -2131,13 +2139,14 @@ template {
2131
2139
  overflow: auto;
2132
2140
  display: grid;
2133
2141
  padding: var(--ab-space-2);
2134
- grid-template-rows: 1fr 1fr;
2142
+ grid-template-rows: 1fr 1fr;
2135
2143
  grid-template-columns: 28rem 1fr 1fr;
2136
2144
  row-gap: var(--ab-space-2);
2137
2145
  column-gap: var(--ab-space-2);
2138
2146
  grid-gap: var(--ab-space-2); }
2139
2147
 
2140
- .ab-LayoutEditor, .ab-LayoutEditor * {
2148
+ .ab-LayoutEditor,
2149
+ .ab-LayoutEditor * {
2141
2150
  box-sizing: border-box; }
2142
2151
 
2143
2152
  .ab-LayoutEditor__ColumnList {
@@ -2233,18 +2242,24 @@ template {
2233
2242
  --ab-cmp-adaptable-popup--settings__height: 90vh;
2234
2243
  --ab-cmp-adaptable-popup__height: 90vh;
2235
2244
  --ab-cmp-adaptable-popup__max-height: 1200px;
2245
+ --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
2236
2246
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
2237
- --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
2247
+ --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
2248
+ var(--ab-color-defaultbackground);
2238
2249
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
2239
2250
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
2240
2251
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
2241
- --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
2242
- --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
2252
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
2253
+ var(--ab-color-primarydark);
2254
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
2255
+ var(--ab-space-2);
2243
2256
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
2244
2257
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
2245
2258
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
2246
2259
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
2247
- --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
2260
+ --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
2261
+ --ab-color-accentlight
2262
+ );
2248
2263
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
2249
2264
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
2250
2265
  --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -2314,7 +2329,10 @@ template {
2314
2329
  .ab-Table tr:not(last-child) td {
2315
2330
  border-bottom: 1px solid var(--ab-color-primarylight); }
2316
2331
 
2317
- .ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
2332
+ .ab-CheckBox,
2333
+ .ab-CheckBox *,
2334
+ .ab-CheckBox *:before,
2335
+ .ab-CheckBox *:after {
2318
2336
  box-sizing: border-box; }
2319
2337
 
2320
2338
  .ab-CheckBox--checked {
@@ -2525,11 +2543,15 @@ template {
2525
2543
  .ab-FieldWrap:focus-within {
2526
2544
  box-shadow: var(--ab-focus__box-shadow); }
2527
2545
 
2528
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
2546
+ .ab-FieldWrap input,
2547
+ .ab-FieldWrap select,
2548
+ .ab-FieldWrap > * {
2529
2549
  border: none;
2530
2550
  flex: 1; }
2531
2551
 
2532
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
2552
+ .ab-FieldWrap input,
2553
+ .ab-FieldWrap select,
2554
+ .ab-FieldWrap .ab-Dropdown {
2533
2555
  outline: none !important;
2534
2556
  box-shadow: none !important; }
2535
2557
 
@@ -2603,8 +2625,8 @@ input.ab-Input[disabled] {
2603
2625
 
2604
2626
  /* Spin Buttons modified */
2605
2627
 
2606
- input[type="number"].ab-Input::-webkit-outer-spin-button,
2607
- input[type="number"].ab-Input::-webkit-inner-spin-button {
2628
+ input[type='number'].ab-Input::-webkit-outer-spin-button,
2629
+ input[type='number'].ab-Input::-webkit-inner-spin-button {
2608
2630
  -webkit-appearance: none;
2609
2631
  width: 1em;
2610
2632
  opacity: 0;
@@ -2614,9 +2636,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
2614
2636
  bottom: 0;
2615
2637
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center; }
2616
2638
 
2617
- input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
2618
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
2619
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2639
+ input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
2640
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
2641
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2620
2642
  opacity: 1; }
2621
2643
 
2622
2644
  .ab-ListGroup {
@@ -2659,7 +2681,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2659
2681
  display: flex;
2660
2682
  flex-direction: column; }
2661
2683
 
2662
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
2684
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
2663
2685
  .ab-Tabs__Tab--before-active {
2664
2686
  border-bottom-right-radius: var(--ab__border-radius); }
2665
2687
 
@@ -2724,7 +2746,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2724
2746
  display: flex;
2725
2747
  flex-flow: column; }
2726
2748
 
2727
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2749
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2728
2750
  border-top-left-radius: 0; }
2729
2751
 
2730
2752
  .ab-Panel {
@@ -2739,8 +2761,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2739
2761
  fill: var(--ab-cmp-panel-icon__fill); }
2740
2762
 
2741
2763
  .ab-Panel--variant-modern {
2742
- --ab-cmp-panel__border-radius: var(--ab-space-1)
2743
- ; }
2764
+ --ab-cmp-panel__border-radius: var(--ab-space-1); }
2744
2765
 
2745
2766
  .ab-Panel__header {
2746
2767
  flex: none;
@@ -2990,11 +3011,16 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2990
3011
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2991
3012
  background: var(--ab-cmp-file-droppable__background); }
2992
3013
 
2993
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button, .ab-FileDroppable .ab-SimpleButton {
3014
+ .ab-FileDroppable,
3015
+ .ab-FileDroppable input,
3016
+ .ab-FileDroppable button,
3017
+ .ab-FileDroppable .ab-SimpleButton {
2994
3018
  transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
2995
3019
  fill: currentColor; }
2996
3020
 
2997
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
3021
+ .ab-FileDroppable,
3022
+ .ab-FileDroppable input,
3023
+ .ab-FileDroppable button {
2998
3024
  color: var(--ab-cmp-file-droppable__color); }
2999
3025
 
3000
3026
  .ab-FileDroppable.ab-FileDroppable--drag-over {
@@ -3006,7 +3032,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3006
3032
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
3007
3033
  pointer-events: none; }
3008
3034
 
3009
- .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
3035
+ .ab-FileDroppable,
3036
+ .ab-FileDroppable *,
3037
+ .ab-FileDroppable *:before,
3038
+ .ab-FileDroppable *:after {
3010
3039
  box-sizing: border-box; }
3011
3040
 
3012
3041
  .ab-WizardPanel > .ab-Panel__body {
@@ -3125,13 +3154,17 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3125
3154
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
3126
3155
  padding: var(--ab-space-1); }
3127
3156
 
3128
- .ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3157
+ .ab-Dashboard .ab-StateManagement__Clear-Button,
3158
+ .ab-Dashboard .ab-StateManagement__Load-Button,
3159
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3129
3160
  margin-left: var(--ab-space-1); }
3130
3161
 
3131
3162
  .ab-GridList {
3132
3163
  --at-grid__background: transparent; }
3133
3164
 
3134
- .ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
3165
+ .ab-GridList .AT-GridCell_content,
3166
+ .ab-GridList .ab-ListGroupItem,
3167
+ .ab-GridList .AT-GridColumnCell {
3135
3168
  width: 100%; }
3136
3169
 
3137
3170
  .ab-GridList .AT-GridHeader {
@@ -3245,7 +3278,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3245
3278
 
3246
3279
  .ab-ToggleButton__slider:before {
3247
3280
  position: absolute;
3248
- content: "";
3281
+ content: '';
3249
3282
  width: 24px;
3250
3283
  height: 24px;
3251
3284
  left: 4px;
@@ -3282,7 +3315,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3282
3315
  margin-top: 8px;
3283
3316
  font-style: italic; }
3284
3317
 
3285
- .ab-Loader__text, .ab-Loader__Spinner {
3318
+ .ab-Loader__text,
3319
+ .ab-Loader__Spinner {
3286
3320
  vertical-align: middle; }
3287
3321
 
3288
3322
  .ab-Loader .ab-Loader__Spinner {
@@ -3339,7 +3373,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3339
3373
 
3340
3374
  .ab-Tag {
3341
3375
  display: inline-flex;
3342
- font-size: var(--ab-cmp-Tag__font-size); }
3376
+ font-size: var(--ab-cmp-Tag__font-size);
3377
+ max-width: 100%; }
3343
3378
 
3344
3379
  .ab-AdaptableOptions {
3345
3380
  background: var(--ab-cmp-adaptable-options__background-color); }
@@ -3377,7 +3412,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3377
3412
  overflow-y: auto;
3378
3413
  overflow-x: hidden;
3379
3414
  --ab-grid-row-height: 26px;
3380
- margin-Bottom: 0; }
3415
+ margin-bottom: 0; }
3381
3416
 
3382
3417
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
3383
3418
  overflow-x: hidden; }
@@ -3435,7 +3470,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3435
3470
  color: var(--ab-cmp-wizard__color);
3436
3471
  height: 100%; }
3437
3472
 
3438
- .ab-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
3473
+ .ab-nocode-wizard,
3474
+ .ab-nocode-wizard *,
3475
+ .ab-nocode-wizard *:before,
3476
+ .ab-nocode-wizard *:after {
3439
3477
  box-sizing: border-box; }
3440
3478
 
3441
3479
  .ab-AvailableDropZone .placeholder,
@@ -3495,11 +3533,14 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3495
3533
  flex-wrap: wrap;
3496
3534
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
3497
3535
 
3498
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
3536
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
3537
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
3499
3538
  justify-content: center;
3500
3539
  flex: 1; }
3501
3540
 
3502
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3541
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
3542
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
3543
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3503
3544
  margin-bottom: var(--ab-space-1); }
3504
3545
 
3505
3546
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
@@ -3509,6 +3550,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3509
3550
  background: var(--ab-cmp-adaptable-popup__background);
3510
3551
  max-height: var(--ab-cmp-adaptable-popup__max-height); }
3511
3552
 
3553
+ .ab-Adaptable-Popup--window {
3554
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
3555
+
3512
3556
  .ab-Adaptable-Popup__Navigation {
3513
3557
  padding-top: 10px;
3514
3558
  overflow: auto;
@@ -3610,6 +3654,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3610
3654
  .ab-Adaptable-Object-List__Item__edit-property {
3611
3655
  visibility: hidden; }
3612
3656
 
3657
+ .ab-Adaptable-Object-List__Item__values {
3658
+ min-width: 0;
3659
+ word-break: break-all; }
3660
+
3613
3661
  .ab-Adaptable-Object-List__Item__buttons {
3614
3662
  padding-left: var(--ab-space-2);
3615
3663
  min-width: 80px;
@@ -3716,38 +3764,53 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3716
3764
 
3717
3765
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
3718
3766
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
3719
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
3720
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
3721
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
3767
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
3768
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
3769
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
3770
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
3771
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
3772
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
3722
3773
  background-color: rgba(0, 0, 0, 0);
3723
3774
  border-radius: 100px; }
3724
3775
 
3725
3776
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
3726
3777
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
3727
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
3728
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3729
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
3778
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
3779
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
3780
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
3781
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3782
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
3783
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
3730
3784
  width: var(--ab-custom-scrollbar-size); }
3731
3785
 
3732
3786
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
3733
3787
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
3734
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
3735
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3736
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
3788
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
3789
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
3790
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
3791
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3792
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
3793
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
3737
3794
  height: var(--ab-custom-scrollbar-size); }
3738
3795
 
3739
3796
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
3740
3797
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
3741
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
3742
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3743
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
3798
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
3799
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
3800
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
3801
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3802
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
3803
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
3744
3804
  background-color: rgba(0, 0, 0, 0.09); }
3745
3805
 
3746
3806
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
3747
3807
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
3748
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
3749
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
3750
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
3808
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
3809
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
3810
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
3811
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
3812
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
3813
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
3751
3814
  background: rgba(0, 0, 0, 0.5);
3752
3815
  border-radius: 100px;
3753
3816
  background-clip: padding-box;
@@ -3755,23 +3818,32 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3755
3818
 
3756
3819
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
3757
3820
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
3758
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
3759
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3760
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
3821
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
3822
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
3823
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
3824
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3825
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
3826
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
3761
3827
  min-height: var(--ab-custom-scrollbar-size); }
3762
3828
 
3763
3829
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
3764
3830
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
3765
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
3766
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3767
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
3831
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
3832
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
3833
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
3834
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3835
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
3836
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
3768
3837
  min-width: var(--ab-custom-scrollbar-size); }
3769
3838
 
3770
3839
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
3771
3840
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
3772
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
3773
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
3774
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
3841
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
3842
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
3843
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
3844
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
3845
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
3846
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
3775
3847
  background: rgba(0, 0, 0, 0.61);
3776
3848
  border-radius: 100px; }
3777
3849
 
package/package.json CHANGED
@@ -1,13 +1,11 @@
1
1
  {
2
2
  "name": "@adaptabletools/adaptable-react-aggrid",
3
- "version": "11.0.0-canary.1",
3
+ "version": "11.0.0-canary.5",
4
4
  "description": "React version of the powerful data-agnostic HTML5 datagrid add-on that sits on top of the agGrid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
5
5
  "keywords": [],
6
- "main": "src/index.js",
7
6
  "license": "SEE LICENSE IN LICENSE.md",
8
- "engines": {
9
- "node": ">=6.0.0"
10
- },
7
+ "main": "src/index.js",
8
+ "typings": "src/index.d.ts",
11
9
  "lint-staged": {
12
10
  "{src,test}/**/*.ts": [
13
11
  "npx prettier --write",
@@ -21,12 +19,15 @@
21
19
  },
22
20
  "dependencies": {
23
21
  "tslib": "^2.0.0",
24
- "@adaptabletools/adaptable": "11.0.0-canary.1"
22
+ "@adaptabletools/adaptable": "11.0.0-canary.5"
25
23
  },
26
24
  "peerDependencies": {
27
- "@ag-grid-community/all-modules": ">=26.2.0",
28
- "@ag-grid-community/react": ">=26.2.0",
25
+ "@ag-grid-community/all-modules": ">=27.0.0",
26
+ "@ag-grid-community/react": ">=27.0.0",
29
27
  "react": ">=16.8.0",
30
28
  "react-dom": ">=16.8.0"
29
+ },
30
+ "engines": {
31
+ "node": ">=6.0.0"
31
32
  }
32
33
  }
package/src/setupFrameworkComponents.js CHANGED
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.setupFrameworkComponents = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = tslib_1.__importStar(require("react"));
4
6
  const react_dom_1 = require("react-dom");
5
7
  const logger_1 = require("./logger");
6
8
  exports.setupFrameworkComponents = (adaptableApi) => {
@@ -10,8 +12,8 @@ exports.setupFrameworkComponents = (adaptableApi) => {
10
12
  if (command === 'create') {
11
13
  try {
12
14
  logger_1.LogAdaptableInfo(`Mounting custom framework component ${componentType}`, containerDomNode);
13
- const reactFrameworkComponent = frameworkComponent;
14
- react_dom_1.render(reactFrameworkComponent({ adaptableApi }), containerDomNode);
15
+ const ReactComponent = frameworkComponent;
16
+ react_dom_1.render(React.createElement(ReactComponent, { adaptableApi: adaptableApi }), containerDomNode);
15
17
  }
16
18
  catch (err) {
17
19
  logger_1.LogAdaptableError(`Cannot correctly mount custom framework component ${componentType}`, err);
package/themes/dark.css CHANGED
@@ -3,14 +3,14 @@ html.ab--theme-dark {
3
3
  --ab-theme-loaded: dark;
4
4
  --ab-cmp-input--disabled__background: #232323;
5
5
  --ab-color-defaultbackground: #3e444c;
6
- --ab-color-text-on-defaultbackground: #E2E2E2;
6
+ --ab-color-text-on-defaultbackground: #e2e2e2;
7
7
  --ab-color-primary: #262d2f;
8
8
  --ab-color-primarylight: #2d3537;
9
9
  --ab-color-primarydark: #1c2021;
10
- --ab-color-text-on-primary: #E2E2E2 ;
10
+ --ab-color-text-on-primary: #e2e2e2;
11
11
  --ab-dashboard__border: #555;
12
12
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
13
13
  --ab-gridheader--filtered__background: var(--ab-color-defaultbackground); }
14
- html.ab--theme-dark input[type="number"].ab-Input::-webkit-outer-spin-button,
15
- html.ab--theme-dark input[type="number"].ab-Input::-webkit-inner-spin-button {
14
+ html.ab--theme-dark input[type='number'].ab-Input::-webkit-outer-spin-button,
15
+ html.ab--theme-dark input[type='number'].ab-Input::-webkit-inner-spin-button {
16
16
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23f7f7f7" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23f7f7f7" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center; }