@adaptabletools/adaptable 13.0.0-canary.12 → 13.0.0-canary.14

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 (94) hide show
  1. package/base.css +1131 -732
  2. package/base.css.map +1 -0
  3. package/bundle.cjs.js +174 -157
  4. package/index.css +1132 -732
  5. package/index.css.map +1 -0
  6. package/package.json +5 -5
  7. package/publishTimestamp.d.ts +1 -1
  8. package/publishTimestamp.js +1 -1
  9. package/src/AdaptableOptions/AdaptableQLOptions.d.ts +20 -3
  10. package/src/AdaptableOptions/LayoutOptions.d.ts +2 -1
  11. package/src/Api/AdaptableApi.d.ts +2 -0
  12. package/src/Api/FormatColumnApi.d.ts +2 -23
  13. package/src/Api/Implementation/AdaptableApiImpl.d.ts +2 -0
  14. package/src/Api/Implementation/AdaptableApiImpl.js +2 -0
  15. package/src/Api/Implementation/FormatColumnApiImpl.d.ts +1 -6
  16. package/src/Api/Implementation/FormatColumnApiImpl.js +13 -111
  17. package/src/Api/Implementation/StyledColumnApiImpl.d.ts +19 -0
  18. package/src/Api/Implementation/StyledColumnApiImpl.js +134 -0
  19. package/src/Api/StyledColumnApi.d.ts +68 -0
  20. package/src/Api/StyledColumnApi.js +2 -0
  21. package/src/PredefinedConfig/AdaptableState.d.ts +2 -0
  22. package/src/PredefinedConfig/Common/AdaptableIcon.d.ts +1 -1
  23. package/src/PredefinedConfig/Common/Types.d.ts +3 -3
  24. package/src/PredefinedConfig/Common/Types.js +1 -0
  25. package/src/PredefinedConfig/PredefinedConfig.d.ts +5 -0
  26. package/src/PredefinedConfig/StyledColumnState.d.ts +113 -0
  27. package/src/PredefinedConfig/StyledColumnState.js +2 -0
  28. package/src/Redux/ActionsReducers/StyledColumnRedux.d.ts +49 -0
  29. package/src/Redux/ActionsReducers/StyledColumnRedux.js +92 -0
  30. package/src/Redux/Store/AdaptableStore.js +7 -0
  31. package/src/Strategy/StyledColumnModule.d.ts +24 -0
  32. package/src/Strategy/StyledColumnModule.js +165 -0
  33. package/src/Strategy/Utilities/getScopeViewItems.js +1 -1
  34. package/src/Utilities/Constants/ModuleConstants.d.ts +3 -0
  35. package/src/Utilities/Constants/ModuleConstants.js +4 -1
  36. package/src/Utilities/Defaults/DefaultSettingsPanel.js +1 -0
  37. package/src/Utilities/ExpressionFunctions/observableExpressionFunctions.d.ts +1 -4
  38. package/src/Utilities/ObjectFactory.d.ts +3 -0
  39. package/src/Utilities/ObjectFactory.js +11 -3
  40. package/src/Utilities/Services/ModuleService.js +3 -1
  41. package/src/View/CalculatedColumn/CalculatedColumnSummary.d.ts +1 -1
  42. package/src/View/Components/RangesComponent.d.ts +1 -0
  43. package/src/View/Components/RangesComponent.js +12 -12
  44. package/src/View/Components/Selectors/ColumnSelector.d.ts +1 -0
  45. package/src/View/Components/Selectors/ColumnSelector.js +2 -1
  46. package/src/View/Components/StyleComponent.js +2 -2
  47. package/src/View/Components/ToolPanel/AdaptableToolPanel.d.ts +1 -11
  48. package/src/View/Components/ToolPanel/AdaptableToolPanel.js +21 -9
  49. package/src/View/Components/ToolPanel/CustomToolPanelContent.js +1 -1
  50. package/src/View/Components/ToolPanel/ToolPanelPopup.d.ts +1 -1
  51. package/src/View/DataSet/DataSetViewPanel.d.ts +1 -1
  52. package/src/View/Export/ExportViewPanel.d.ts +1 -1
  53. package/src/View/Filter/FilterSummary.d.ts +1 -1
  54. package/src/View/Filter/FilterViewPanel.d.ts +1 -1
  55. package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.d.ts +3 -3
  56. package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.js +6 -315
  57. package/src/View/Layout/LayoutViewPanel.d.ts +1 -1
  58. package/src/View/Query/QueryViewPanel.d.ts +1 -1
  59. package/src/View/QuickSearch/QuickSearchViewPanel.d.ts +1 -1
  60. package/src/View/StyledColumn/Wizard/StyledColumnWizard.d.ts +7 -0
  61. package/src/View/StyledColumn/Wizard/StyledColumnWizard.js +77 -0
  62. package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.d.ts +9 -0
  63. package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.js +65 -0
  64. package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection.d.ts +9 -0
  65. package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection.js +238 -0
  66. package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.d.ts +7 -0
  67. package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.js +59 -0
  68. package/src/View/SystemStatus/SystemStatusViewPanel.d.ts +1 -1
  69. package/src/View/Wizard/OnePageAdaptableWizard.d.ts +1 -1
  70. package/src/agGrid/Adaptable.d.ts +2 -1
  71. package/src/agGrid/Adaptable.js +49 -35
  72. package/src/agGrid/FilterWrapper.js +58 -19
  73. package/src/agGrid/FloatingFilterWrapper.js +10 -12
  74. package/src/agGrid/PercentBarRenderer.d.ts +6 -2
  75. package/src/agGrid/PercentBarRenderer.js +10 -18
  76. package/src/agGrid/agGridHelper.d.ts +6 -2
  77. package/src/agGrid/agGridHelper.js +4 -2
  78. package/src/agGrid/createAgStatusPanelComponent.d.ts +1 -1
  79. package/src/agGrid/createAgStatusPanelComponent.js +17 -0
  80. package/src/components/Datepicker/index.d.ts +1 -1
  81. package/src/components/icons/brush.d.ts +3 -0
  82. package/src/components/icons/brush.js +7 -0
  83. package/src/components/icons/index.js +2 -0
  84. package/src/metamodel/adaptable.metamodel.d.ts +56 -20
  85. package/src/metamodel/adaptable.metamodel.js +1 -1
  86. package/src/types.d.ts +3 -1
  87. package/themes/dark.css +8 -4
  88. package/themes/dark.css.map +1 -0
  89. package/themes/light.css +4 -1
  90. package/themes/light.css.map +1 -0
  91. package/version.d.ts +1 -1
  92. package/version.js +1 -1
  93. package/src/AdaptableComponents.d.ts +0 -1
  94. package/src/AdaptableComponents.js +0 -5
package/base.css CHANGED
@@ -1649,7 +1649,8 @@
1649
1649
  --ab-icon-fill: currentColor;
1650
1650
  --ab-custom-scrollbar-size: 10px;
1651
1651
  --ab-grid-row-height: 40px;
1652
- --ab-loaded: 777; }
1652
+ --ab-loaded: 777;
1653
+ }
1653
1654
  :root {
1654
1655
  --ITableHeader__color: var(--ab-color-text-on-primary);
1655
1656
  --ITableHeaderCell__background: var(--ab-color-primary);
@@ -1657,14 +1658,18 @@
1657
1658
  --ITableRow__color: var(--ab-color-text-on-primary);
1658
1659
  --ITable__background: var(--ab-color-primarylight);
1659
1660
  --ITableRow__background: var(--ab-color-defaultbackground);
1660
- --ITableRow--odd__background: var(--ab-color-primarylight); }
1661
- .ab-style__list-group-item:nth-child(2n + 1) {
1662
- background: var(--ab-color-primarylight); }
1663
- .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
1664
- margin-inline-start: 0px; }
1661
+ --ITableRow--odd__background: var(--ab-color-primarylight);
1662
+ }
1663
+ .ab-style__list-group-item:nth-child(2n+1) {
1664
+ background: var(--ab-color-primarylight);
1665
+ }
1666
+ .ab-Grid .ag-header-cell input[type=date i]::-webkit-calendar-picker-indicator {
1667
+ margin-inline-start: 0px;
1668
+ }
1665
1669
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
1666
1670
  font-weight: bolder;
1667
- background: var(--ab-gridheader--filtered__background); }
1671
+ background: var(--ab-gridheader--filtered__background);
1672
+ }
1668
1673
  :root {
1669
1674
  --ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
1670
1675
  --ab-cmp-checkbox__background: var(--ab-cmp-input__background);
@@ -1672,7 +1677,8 @@
1672
1677
  --ab-cmp-checkbox--check-size: 16px;
1673
1678
  --ab-cmp-checkbox--check__color: white;
1674
1679
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
1675
- --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
1680
+ --ab-cmp-checkbox--check-indeterminate-radius: 2px;
1681
+ }
1676
1682
  .ab-CheckBox--variant-agGrid {
1677
1683
  --ab-cmp-checkbox--check__color: var(
1678
1684
  --ag-checkbox-checked-color,
@@ -1680,20 +1686,24 @@
1680
1686
  );
1681
1687
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
1682
1688
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
1683
- --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
1689
+ --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
1690
+ }
1684
1691
  .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
1685
- --ab-cmp-checkbox--check__color: var(
1686
- --ag-checkbox-checked-color,
1687
- var(--ag-balham-active-color, #0091ea)
1688
- ); }
1692
+ --ab-cmp-checkbox--check__color: var(
1693
+ --ag-checkbox-checked-color,
1694
+ var(--ag-balham-active-color, #0091ea)
1695
+ );
1696
+ }
1689
1697
  .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
1690
- --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
1698
+ --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
1699
+ }
1691
1700
  :root {
1692
1701
  --ab-cmp-dialog__background: var(--ab-color-defaultbackground, white);
1693
1702
  --ab-cmp-dialog__color: var(--ab-color-text-on-defaultbackground, white);
1694
1703
  --ab-cmp-dialog-close-button__color: var(--ab-color-accentlight);
1695
1704
  --ab-cmp-dialog__border-radius: var(--ab__border-radius);
1696
- --ab-cmp-dialog__min-height: 60vh; }
1705
+ --ab-cmp-dialog__min-height: 60vh;
1706
+ }
1697
1707
  :root {
1698
1708
  --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
1699
1709
  --ab-cmp-dropdown--empty__color: var(--ab-color-text-on-defaultbackground);
@@ -1702,7 +1712,8 @@
1702
1712
  --ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
1703
1713
  --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
1704
1714
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
1705
- --ab-cmp-dropdown__padding: var(--ab-space-2); }
1715
+ --ab-cmp-dropdown__padding: var(--ab-space-2);
1716
+ }
1706
1717
  :root {
1707
1718
  --ab-cmp-dropdownbutton-list__border: none;
1708
1719
  --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
@@ -1714,26 +1725,31 @@
1714
1725
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
1715
1726
  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
1716
1727
  -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
1717
- --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
1728
+ --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
1729
+ }
1718
1730
  :root {
1719
1731
  --ab-cmp-error-box__padding: var(--ab-space-3);
1720
1732
  --ab-cmp-error-box__border-radius: var(--ab__border-radius);
1721
1733
  --ab-cmp-error-box__color: var(--ab-color-text-on-error);
1722
- --ab-cmp-error-box__background: var(--ab-color-error); }
1734
+ --ab-cmp-error-box__background: var(--ab-color-error);
1735
+ }
1723
1736
  :root {
1724
1737
  --ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
1725
1738
  --ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
1726
- --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius); }
1739
+ --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
1740
+ }
1727
1741
  :root {
1728
1742
  --ab-cmp-help-block__padding: var(--ab-space-2);
1729
1743
  --ab-cmp-help-block__border-radius: var(--ab__border-radius);
1730
1744
  --ab-cmp-help-block__color: var(--ab-color-text-on-primary);
1731
- --ab-cmp-help-block__background: var(--ab-color-primarylight); }
1745
+ --ab-cmp-help-block__background: var(--ab-color-primarylight);
1746
+ }
1732
1747
  :root {
1733
1748
  --ab-cmp-code-block__padding: var(--ab-space-1);
1734
1749
  --ab-cmp-code-block__border-radius: var(--ab__border-radius);
1735
1750
  --ab-cmp-code-block__color: var(--ab-color-text-on-primary);
1736
- --ab-cmp-code-block__background: var(--ab-color-primary); }
1751
+ --ab-cmp-code-block__background: var(--ab-color-primary);
1752
+ }
1737
1753
  :root {
1738
1754
  --ab-cmp-input__padding: var(--ab-space-2);
1739
1755
  --ab-cmp-input__color: var(--ab-color-inputcolor);
@@ -1744,9 +1760,11 @@
1744
1760
  --ab-cmp-input__font-size: var(--ab-font-size-2);
1745
1761
  --ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
1746
1762
  --ab-cmp-input__font-family: var(--ab__font-family);
1747
- --ab-cmp-input--placeholder__opacity: 0.6; }
1763
+ --ab-cmp-input--placeholder__opacity: 0.6;
1764
+ }
1748
1765
  :root {
1749
- --ab-cmp-listgroup: 1; }
1766
+ --ab-cmp-listgroup: 1;
1767
+ }
1750
1768
  .ab-ListGroupItem {
1751
1769
  width: var(--ab-cmp-listgroupitem__width);
1752
1770
  vertical-align: middle;
@@ -1758,23 +1776,30 @@
1758
1776
  align-items: center;
1759
1777
  background: var(--ab-cmp-listgroupitem__background);
1760
1778
  color: var(--ab-cmp-listgroupitem__color);
1761
- border-radius: var(--ab-cmp-listgroupitem__border-radius); }
1762
- .ab-ListGroupItem:nth-child(2n + 1) {
1763
- background: var(--ab-cmp-listgroupitem--odd__background);
1764
- color: var(--ab-cmp-listgroupitem--odd__color); }
1779
+ border-radius: var(--ab-cmp-listgroupitem__border-radius);
1780
+ }
1781
+ .ab-ListGroupItem:nth-child(2n+1) {
1782
+ background: var(--ab-cmp-listgroupitem--odd__background);
1783
+ color: var(--ab-cmp-listgroupitem--odd__color);
1784
+ }
1765
1785
  .ab-ListGroupItem.ab-ListGroupItem--no-zebra {
1766
- background: var(--ab-color-defaultbackground); }
1786
+ background: var(--ab-color-defaultbackground);
1787
+ }
1767
1788
  .ab-ListGroupItem--active.ab-ListGroupItem {
1768
- background: var(--ab-cmp-listgroupitem--active__background);
1769
- color: var(--ab-cmp-listgroupitem--active__color); }
1789
+ background: var(--ab-cmp-listgroupitem--active__background);
1790
+ color: var(--ab-cmp-listgroupitem--active__color);
1791
+ }
1770
1792
  .ab-ListGroupItem:focus {
1771
- z-index: 1; }
1793
+ z-index: 1;
1794
+ }
1772
1795
  :root {
1773
- --ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44); }
1796
+ --ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
1797
+ }
1774
1798
  :root {
1775
1799
  --ab-cmp-tabs__padding: var(--ab-space-2);
1776
1800
  --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
1777
- --ab-cmp-tabs-active__background: var(--ab-color-primarylight); }
1801
+ --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
1802
+ }
1778
1803
  :root {
1779
1804
  --ab-cmp-panel_header__background: var(--ab-color-primary);
1780
1805
  --ab-cmp-panel_header__font-size: var(--ab-font-size-3);
@@ -1793,7 +1818,8 @@
1793
1818
  --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
1794
1819
  --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
1795
1820
  --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
1796
- --ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight); }
1821
+ --ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
1822
+ }
1797
1823
  :root {
1798
1824
  --ab-cmp-simple-button__padding: var(--ab-space-1) var(--ab-space-1);
1799
1825
  --ab-cmp-simple-button__border-radius: var(--ab__border-radius);
@@ -1802,7 +1828,8 @@
1802
1828
  --ab-cmp-simple-button__font-size: var(--ab-font-size-2);
1803
1829
  --ab-cmp-simple-button__font-family: var(--ab__font-family);
1804
1830
  --ab-cmp-simple-button__height: 20px;
1805
- --ab-cmp-simple-button__width: 20px; }
1831
+ --ab-cmp-simple-button__width: 20px;
1832
+ }
1806
1833
  :root {
1807
1834
  --ab-cmp-textarea__padding: var(--ab-space-1) var(--ab-space-2);
1808
1835
  --ab-cmp-textarea__border-radius: var(--ab__border-radius);
@@ -1811,13 +1838,15 @@
1811
1838
  --ab-cmp-textarea__font-size: var(--ab-font-size-3);
1812
1839
  --ab-cmp-textarea__font-family: var(--ab__font-family);
1813
1840
  --ab-cmp-textarea__background: var(--ab-cmp-input__background);
1814
- --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background); }
1841
+ --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
1842
+ }
1815
1843
  :root {
1816
1844
  --ab-cmp-tooltip__opacity: 0.96;
1817
1845
  --ab-cmp-tooltip__background: var(--ab-color-primary);
1818
1846
  --ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
1819
1847
  --ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
1820
- --ab-cmp-tooltip__font-size: var(--ab-font-size-2); }
1848
+ --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
1849
+ }
1821
1850
  :root {
1822
1851
  --ab-cmp-file-droppable__padding: var(--ab-space-5);
1823
1852
  --ab-cmp-file-droppable__margin: var(--ab-space-1);
@@ -1829,7 +1858,8 @@
1829
1858
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
1830
1859
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
1831
1860
  --ab-cmp-file-droppable--drag-over__outline: 2px dashed
1832
- var(--ab-cmp-file-droppable--drag-over__color); }
1861
+ var(--ab-cmp-file-droppable--drag-over__color);
1862
+ }
1833
1863
  :root {
1834
1864
  --ab-dashboard__background: var(--ab-color-primary);
1835
1865
  --ab-dashboard__font-family: var(--ab__font-family);
@@ -1841,9 +1871,11 @@
1841
1871
  --ab-dashboard-header__background: var(--ab-color-secondary);
1842
1872
  --ab-dashboard-header__color: var(--ab-color-text-on-secondary);
1843
1873
  --ab-dashboard-tab-drop-target__background: skyblue;
1844
- --ab-dashboard-toolbar-drag__background: lightgreen; }
1874
+ --ab-dashboard-toolbar-drag__background: lightgreen;
1875
+ }
1845
1876
  :root {
1846
- --ab-cmp-listgroup: 1; }
1877
+ --ab-cmp-listgroup: 1;
1878
+ }
1847
1879
  :root {
1848
1880
  --ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
1849
1881
  --ab-cmp-datepicker__selected-color: var(--ab-color-primarydark);
@@ -1854,13 +1886,15 @@
1854
1886
  --ab-cmp-datepicker__border: 1px solid var(--ab-color-primarydark);
1855
1887
  --ab-cmp-datepicker__font-size: var(--ab-font-size-2);
1856
1888
  --ab-cmp-datepicker__font-family: var(--ab__font-family);
1857
- --ab-cmp-datepicker__cell-size: 30px; }
1889
+ --ab-cmp-datepicker__cell-size: 30px;
1890
+ }
1858
1891
  :root {
1859
1892
  --ab-cmp-toggle-button__background: #ccc;
1860
1893
  --ab-cmp-toggle-button--active__background: var(--ab-color-success);
1861
1894
  --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
1862
1895
  --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
1863
- --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
1896
+ --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
1897
+ }
1864
1898
  :root {
1865
1899
  --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
1866
1900
  --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab__border-radius);
@@ -1869,11 +1903,13 @@
1869
1903
  --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
1870
1904
  --ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
1871
1905
  --ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
1872
- --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground); }
1906
+ --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
1907
+ }
1873
1908
  :root {
1874
1909
  --ab-cmp-loader__background: var(--ab-color-primarydark);
1875
1910
  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
1876
- --ab-cmp-loader__font-size: var(--ab-font-size-2); }
1911
+ --ab-cmp-loader__font-size: var(--ab-font-size-2);
1912
+ }
1877
1913
  :root {
1878
1914
  --ab-cmp-progress-indicator__delay: 1s;
1879
1915
  --ab-cmp-progress-indicator__z-index: 9999;
@@ -1882,24 +1918,29 @@
1882
1918
  --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
1883
1919
  --ab-cmp-progress-indicator__padding: var(--ab-space-3);
1884
1920
  --ab-cmp-progress-indicator__background: var(--ab-color-primary);
1885
- --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary); }
1921
+ --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
1922
+ }
1886
1923
  :root {
1887
1924
  --ab-cmp-icon__fill: var(--ab-icon-fill);
1888
1925
  --ab-cmp-icon__height: 17px;
1889
- --ab-cmp-icon__width: 17px; }
1926
+ --ab-cmp-icon__width: 17px;
1927
+ }
1890
1928
  :root {
1891
1929
  --ab-cmp-listgroupitem__padding: var(--ab-space-2);
1892
- --ab-cmp-listgroupitem__margin: 0; }
1930
+ --ab-cmp-listgroupitem__margin: 0;
1931
+ }
1893
1932
  :root {
1894
1933
  --ab-cmp-wizard__padding: var(--ab-space-5);
1895
1934
  --ab-cmp-wizard__margin: var(--ab-space-1);
1896
1935
  --ab-cmp-wizard__background: var(--ab-color-primary);
1897
- --ab-cmp-wizard__color: var(--ab-color-text-on-primary); }
1936
+ --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
1937
+ }
1898
1938
  :root {
1899
1939
  --ab-cmp-button-border-radius: 0px;
1900
1940
  --ab-cmp-button-disabled-opacity: 0.5;
1901
1941
  --ab-cmp-button-background: var(--ab-color-primary);
1902
- --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
1942
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark);
1943
+ }
1903
1944
  :root {
1904
1945
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
1905
1946
  --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
@@ -1909,7 +1950,8 @@
1909
1950
  --ab-cmp-dashboardpanel__color: currentColor;
1910
1951
  --ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
1911
1952
  --ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
1912
- --ab-cmp-dashboardpanel__border: none; }
1953
+ --ab-cmp-dashboardpanel__border: none;
1954
+ }
1913
1955
  :root {
1914
1956
  --ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
1915
1957
  --ab-cmp-toolpanelpanel__fill: var(--ab-cmp-dashboardpanel__fill);
@@ -1919,39 +1961,48 @@
1919
1961
  --ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
1920
1962
  --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
1921
1963
  --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
1922
- --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
1964
+ --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
1965
+ }
1923
1966
  :root {
1924
1967
  --ab-cmp-popover__border-radius: var(--ab__border-radius);
1925
1968
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
1926
1969
  --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
1927
1970
  --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
1928
- --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark); }
1971
+ --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
1972
+ }
1929
1973
  :root {
1930
1974
  --ab-cmp-one-page-wizard__background: var(--ab-color-primary);
1931
1975
  --ab-cmp-one-page-wizard-content__background: var(--ab-color-defaultbackground);
1932
1976
  --ab-cmp-one-page-wizard-section-title__color: var(--ab-color-text-on-secondary);
1933
- --ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary); }
1977
+ --ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
1978
+ }
1934
1979
  .ab-OnePageWizard__section {
1935
1980
  background: var(--ab-cmp-one-page-wizard-content__background);
1936
1981
  overflow: auto;
1937
- border-radius: var(--ab__border-radius); }
1982
+ border-radius: var(--ab__border-radius);
1983
+ }
1938
1984
  .ab-OnePageWizard__section-title-container {
1939
- background: var(--ab-cmp-one-page-wizard__background); }
1985
+ background: var(--ab-cmp-one-page-wizard__background);
1986
+ }
1940
1987
  .ab-OnePageWizard__section-container {
1941
1988
  background: var(--ab-cmp-one-page-wizard__background);
1942
1989
  min-height: 100%;
1943
- overflow: hidden; }
1990
+ overflow: hidden;
1991
+ }
1944
1992
  .ab-OnePageWizard__footer {
1945
- background: var(--ab-cmp-one-page-wizard__background); }
1993
+ background: var(--ab-cmp-one-page-wizard__background);
1994
+ }
1946
1995
  :root {
1947
1996
  --ab-cmp-toolpanel__width: 200px;
1948
1997
  --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
1949
1998
  --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
1950
1999
  --ab-cmp-toolpanel-header__grid-gap: 3px;
1951
2000
  --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
1952
- --ab-cmp-toolpanel__font-family: var(--ab__font-family); }
2001
+ --ab-cmp-toolpanel__font-family: var(--ab__font-family);
2002
+ }
1953
2003
  :root {
1954
- --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4); }
2004
+ --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
2005
+ }
1955
2006
  :root {
1956
2007
  --ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
1957
2008
  --ab-cmp-adaptable-popup--settings__padding: 20px;
@@ -1988,9 +2039,11 @@
1988
2039
  --ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
1989
2040
  --ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
1990
2041
  --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
1991
- --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2); }
2042
+ --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
2043
+ }
1992
2044
  :root {
1993
- --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
2045
+ --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
2046
+ }
1994
2047
  :root {
1995
2048
  --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
1996
2049
  --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
@@ -2011,24 +2064,30 @@
2011
2064
  --ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
2012
2065
  --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
2013
2066
  --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
2014
- --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4); }
2067
+ --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
2068
+ }
2015
2069
  :root {
2016
2070
  --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
2017
2071
  --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
2018
- --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground); }
2072
+ --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
2073
+ }
2019
2074
  :root {
2020
- --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground); }
2075
+ --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
2076
+ }
2021
2077
  :root {
2022
- --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground); }
2078
+ --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
2079
+ }
2023
2080
  :root {
2024
2081
  --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
2025
2082
  --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
2026
2083
  --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
2027
2084
  --ab-cmp-adaptable-statusbar__font-weight: 400;
2028
- --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary); }
2085
+ --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
2086
+ }
2029
2087
  :root {
2030
2088
  --ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
2031
- --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary); }
2089
+ --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
2090
+ }
2032
2091
  :root {
2033
2092
  --ab-cmp-adaptable-layout-wizard-column-row-title__border-radious: var(--ab__border-radius);
2034
2093
  --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
@@ -2042,52 +2101,66 @@
2042
2101
  --ab__border-radius
2043
2102
  );
2044
2103
  --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
2045
- --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
2104
+ --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
2105
+ }
2046
2106
  .ab-PermitedValuesSelector__PopupContent {
2047
2107
  z-index: 1000;
2048
2108
  font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
2049
2109
  border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
2050
2110
  background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
2051
- padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
2111
+ padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
2112
+ }
2052
2113
  .ab-Radio-input:focus + svg rect {
2053
2114
  stroke: var(--ab-color-accent);
2054
- stroke-width: 2; }
2115
+ stroke-width: 2;
2116
+ }
2055
2117
  .ab-Radio-input:focus + svg {
2056
- outline: 2px solid var(--ab-color-accent); }
2057
- .ab-Radio-input:checked + svg rect,
2058
- .ab-Radio-input:checked + svg polyline {
2059
- stroke: currentColor; }
2118
+ outline: 2px solid var(--ab-color-accent);
2119
+ }
2120
+ .ab-Radio-input:checked + svg rect, .ab-Radio-input:checked + svg polyline {
2121
+ stroke: currentColor;
2122
+ }
2060
2123
  .ab-Radio-input:checked + svg polyline {
2061
2124
  animation: abRadioCheckAnimation 0.5s ease forwards;
2062
2125
  stroke-dasharray: 50;
2063
- stroke-dashoffset: 50; }
2126
+ stroke-dashoffset: 50;
2127
+ }
2064
2128
  .ab-Radio-input input:focus {
2065
2129
  box-shadow: var(--ab-focus__box-shadow);
2066
- outline: var(--ab-focus__outline); }
2130
+ outline: var(--ab-focus__outline);
2131
+ }
2067
2132
  @keyframes abRadioCheckAnimation {
2068
2133
  100% {
2069
- stroke-dashoffset: 0; } }
2134
+ stroke-dashoffset: 0;
2135
+ }
2136
+ }
2070
2137
  .ab-Table td,
2071
2138
  .ab-Table th {
2072
- padding: var(--ab-space-2); }
2139
+ padding: var(--ab-space-2);
2140
+ }
2073
2141
  .ab-Table th {
2074
- border-bottom: 2px solid var(--ab-color-primarydark); }
2142
+ border-bottom: 2px solid var(--ab-color-primarydark);
2143
+ }
2075
2144
  .ab-Table tr:not(last-child) td {
2076
- border-bottom: 1px solid var(--ab-color-primarylight); }
2077
- .ab-CheckBox,
2078
- .ab-CheckBox *,
2145
+ border-bottom: 1px solid var(--ab-color-primarylight);
2146
+ }
2147
+ .ab-CheckBox, .ab-CheckBox *,
2079
2148
  .ab-CheckBox *:before,
2080
2149
  .ab-CheckBox *:after {
2081
- box-sizing: border-box; }
2150
+ box-sizing: border-box;
2151
+ }
2082
2152
  .ab-CheckBox--checked {
2083
- --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
2153
+ --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
2154
+ }
2084
2155
  .ab-CheckBox--indeterminate {
2085
- --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color); }
2156
+ --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
2157
+ }
2086
2158
  .ab-CheckBox:focus-within .ab-CheckBox__square,
2087
2159
  .ab-CheckBox:active .ab-CheckBox__square,
2088
2160
  .ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square,
2089
2161
  .ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
2090
- box-shadow: var(--ab-focus__box-shadow); }
2162
+ box-shadow: var(--ab-focus__box-shadow);
2163
+ }
2091
2164
  .ab-CheckBox__square {
2092
2165
  border-radius: var(--ab__border-radius);
2093
2166
  border-width: 1px;
@@ -2099,39 +2172,45 @@
2099
2172
  line-height: 0;
2100
2173
  font-size: 0;
2101
2174
  position: relative;
2102
- pointer-events: none; }
2175
+ pointer-events: none;
2176
+ }
2103
2177
  .ab-CheckBox__square:after {
2104
- opacity: 1;
2105
- transition-duration: 0.1s;
2106
- transition-timing-function: ease-in;
2107
- transition-property: opacity;
2108
- content: '';
2109
- display: block;
2110
- margin: auto;
2111
- width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
2112
- height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
2113
- border: solid var(--ab-cmp-checkbox--check__color);
2114
- border-width: 0 2px 2px 0;
2115
- transform: rotate(45deg);
2116
- border-radius: 1px; }
2178
+ opacity: 1;
2179
+ transition-duration: 0.1s;
2180
+ transition-timing-function: ease-in;
2181
+ transition-property: opacity;
2182
+ content: "";
2183
+ display: block;
2184
+ margin: auto;
2185
+ width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
2186
+ height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
2187
+ border: solid var(--ab-cmp-checkbox--check__color);
2188
+ border-width: 0 2px 2px 0;
2189
+ transform: rotate(45deg);
2190
+ border-radius: 1px;
2191
+ }
2117
2192
  .ab-CheckBox__square--unchecked::after {
2118
- opacity: 0; }
2193
+ opacity: 0;
2194
+ }
2119
2195
  .ab-CheckBox__square--indeterminate:after {
2120
- transform: rotate(0deg);
2121
- position: absolute;
2122
- top: 2px;
2123
- bottom: 2px;
2124
- right: 2px;
2125
- left: 2px;
2126
- border: none;
2127
- width: auto;
2128
- height: auto;
2129
- background: var(--ab-cmp-checkbox--check__color);
2130
- border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius); }
2196
+ transform: rotate(0deg);
2197
+ position: absolute;
2198
+ top: 2px;
2199
+ bottom: 2px;
2200
+ right: 2px;
2201
+ left: 2px;
2202
+ border: none;
2203
+ width: auto;
2204
+ height: auto;
2205
+ background: var(--ab-cmp-checkbox--check__color);
2206
+ border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
2207
+ }
2131
2208
  .ab-CheckBox--disabled {
2132
- opacity: 0.5; }
2209
+ opacity: 0.5;
2210
+ }
2133
2211
  .ab-CheckBox--readonly .ab-CheckBox__square {
2134
- opacity: 0.5; }
2212
+ opacity: 0.5;
2213
+ }
2135
2214
  .ab-CheckBox-input:not(.ag-checkbox-input) {
2136
2215
  width: 100%;
2137
2216
  height: 100%;
@@ -2140,7 +2219,8 @@
2140
2219
  left: 0;
2141
2220
  top: 0;
2142
2221
  z-index: 1;
2143
- position: absolute; }
2222
+ position: absolute;
2223
+ }
2144
2224
  .ab-Dialog {
2145
2225
  position: relative;
2146
2226
  background: var(--ab-cmp-dialog__background);
@@ -2148,30 +2228,34 @@
2148
2228
  color: var(--ab-cmp-dialog__color);
2149
2229
  border-radius: var(--ab-cmp-dialog__border-radius);
2150
2230
  display: flex;
2151
- flex-flow: column; }
2231
+ flex-flow: column;
2232
+ }
2152
2233
  .ab-Dialog:focus-within, .ab-Dialog:focus {
2153
- box-shadow: var(--ab-focus__box-shadow);
2154
- outline: var(--ab-focus__outline); }
2234
+ box-shadow: var(--ab-focus__box-shadow);
2235
+ outline: var(--ab-focus__outline);
2236
+ }
2155
2237
  .ab-Dialog__close-button {
2156
- position: absolute;
2157
- right: 6px;
2158
- top: 6px;
2159
- font-size: var(--ab-font-size-3);
2160
- font-weight: 700;
2161
- line-height: 1;
2162
- color: var(--ab-cmp-dialog-close-button__color);
2163
- text-shadow: 0 1px 0 #fff;
2164
- cursor: pointer; }
2238
+ position: absolute;
2239
+ right: 6px;
2240
+ top: 6px;
2241
+ font-size: var(--ab-font-size-3);
2242
+ font-weight: 700;
2243
+ line-height: 1;
2244
+ color: var(--ab-cmp-dialog-close-button__color);
2245
+ text-shadow: 0 1px 0 #fff;
2246
+ cursor: pointer;
2247
+ }
2165
2248
  .ab-Dialog-fixed-wrapper {
2166
- position: fixed;
2167
- margin: auto;
2168
- left: 0;
2169
- top: 0;
2170
- right: 0;
2171
- bottom: 0;
2172
- display: flex;
2173
- align-items: center;
2174
- justify-content: center; }
2249
+ position: fixed;
2250
+ margin: auto;
2251
+ left: 0;
2252
+ top: 0;
2253
+ right: 0;
2254
+ bottom: 0;
2255
+ display: flex;
2256
+ align-items: center;
2257
+ justify-content: center;
2258
+ }
2175
2259
  .ab-Dropdown {
2176
2260
  background: var(--ab-color-defaultbackground);
2177
2261
  border: var(--ab-cmp-dropdown__border);
@@ -2180,36 +2264,44 @@
2180
2264
  min-width: 120px;
2181
2265
  max-width: 300px;
2182
2266
  font-family: var(--ab-cmp-dropdown__font-family);
2183
- font-size: var(--ab-cmp-dropdown__font-size); }
2267
+ font-size: var(--ab-cmp-dropdown__font-size);
2268
+ }
2184
2269
  .ab-Dropdown--disabled {
2185
- opacity: 0.5; }
2270
+ opacity: 0.5;
2271
+ }
2186
2272
  .ab-Dropdown--focused {
2187
- box-shadow: var(--ab-focus__box-shadow);
2188
- outline: var(--ab-focus__outline); }
2273
+ box-shadow: var(--ab-focus__box-shadow);
2274
+ outline: var(--ab-focus__outline);
2275
+ }
2189
2276
  .ab-Dropdown__text {
2190
- color: var(--ab-cmp-dropdown__color);
2191
- padding: var(--ab-cmp-dropdown__padding);
2192
- pointer-events: none;
2193
- position: relative;
2194
- cursor: pointer;
2195
- overflow: hidden;
2196
- text-overflow: ellipsis;
2197
- white-space: nowrap;
2198
- flex: 1; }
2277
+ color: var(--ab-cmp-dropdown__color);
2278
+ padding: var(--ab-cmp-dropdown__padding);
2279
+ pointer-events: none;
2280
+ position: relative;
2281
+ cursor: pointer;
2282
+ overflow: hidden;
2283
+ text-overflow: ellipsis;
2284
+ white-space: nowrap;
2285
+ flex: 1;
2286
+ }
2199
2287
  .ab-Dropdown--empty .ab-Dropdown__text {
2200
- color: var(--ab-color-text-on-defaultbackground); }
2288
+ color: var(--ab-color-text-on-defaultbackground);
2289
+ }
2201
2290
  .ab-Dropdown select {
2202
- font-family: inherit;
2203
- font-size: inherit;
2204
- position: absolute;
2205
- cursor: pointer; }
2291
+ font-family: inherit;
2292
+ font-size: inherit;
2293
+ position: absolute;
2294
+ cursor: pointer;
2295
+ }
2206
2296
  .ab-Dropdown .ab-SimpleButton {
2207
- color: var(--ab-cmp-dropdown__color) !important; }
2297
+ color: var(--ab-cmp-dropdown__color) !important;
2298
+ }
2208
2299
  .ab-DropdownButton {
2209
2300
  position: relative;
2210
2301
  overflow: visible;
2211
2302
  outline: none;
2212
- --ab-overlay-horizontal-align: left; }
2303
+ --ab-overlay-horizontal-align: left;
2304
+ }
2213
2305
  .ab-DropdownButton__list {
2214
2306
  text-align: start;
2215
2307
  padding: var(--ab-space-1) 0;
@@ -2218,29 +2310,37 @@
2218
2310
  border: var(--ab-cmp-dropdownbutton-list__border);
2219
2311
  border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
2220
2312
  z-index: var(--ab-cmp-dropdownbutton-list__z-index);
2221
- background: var(--ab-cmp-dropdownbutton-list__background); }
2313
+ background: var(--ab-cmp-dropdownbutton-list__background);
2314
+ }
2222
2315
  .ab-DropdownButton__content {
2223
2316
  font-family: var(--ab__font-family);
2224
2317
  font-size: var(--ab-font-size-2);
2225
2318
  max-width: 100%;
2226
2319
  width: 100%;
2227
- border-spacing: 0; }
2320
+ border-spacing: 0;
2321
+ }
2228
2322
  .ab-DropdownButton__list-item {
2229
2323
  fill: currentColor;
2230
- color: var(--ab-cmp-dropdownbutton-list-item__color); }
2324
+ color: var(--ab-cmp-dropdownbutton-list-item__color);
2325
+ }
2231
2326
  .ab-DropdownButton__list-item--disabled {
2232
- opacity: 0.5; }
2327
+ opacity: 0.5;
2328
+ }
2233
2329
  .ab-DropdownButton__list-item--not-clickable {
2234
- cursor: auto; }
2330
+ cursor: auto;
2331
+ }
2235
2332
  .ab-DropdownButton__list-item--clickable:hover {
2236
2333
  background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
2237
2334
  color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
2238
2335
  fill: currentColor;
2239
- cursor: pointer; }
2336
+ cursor: pointer;
2337
+ }
2240
2338
  .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
2241
- color: inherit; }
2339
+ color: inherit;
2340
+ }
2242
2341
  .ab-DropdownButton__separator td {
2243
- border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border); }
2342
+ border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
2343
+ }
2244
2344
  .ab-EmptyContent {
2245
2345
  position: absolute;
2246
2346
  top: 0;
@@ -2249,56 +2349,66 @@
2249
2349
  right: 0;
2250
2350
  font-size: var(--ab-font-size-3);
2251
2351
  text-align: center;
2252
- padding: var(--ab-space-4); }
2352
+ padding: var(--ab-space-4);
2353
+ }
2253
2354
  .ab-EmptyContent p {
2254
- color: var(--ab-color-text-on-primary); }
2355
+ color: var(--ab-color-text-on-primary);
2356
+ }
2255
2357
  .ab-EmptyContent__wrapper {
2256
2358
  position: relative;
2257
2359
  width: 100%;
2258
- height: 100%; }
2360
+ height: 100%;
2361
+ }
2259
2362
  .ab-ErrorBox {
2260
2363
  padding: var(--ab-cmp-error-box__padding);
2261
2364
  border-radius: var(--ab-cmp-error-box__border-radius);
2262
2365
  background: var(--ab-cmp-error-box__background);
2263
- color: var(--ab-cmp-error-box__color); }
2366
+ color: var(--ab-cmp-error-box__color);
2367
+ }
2264
2368
  .ab-FieldWrap {
2265
2369
  border: 1px solid var(--ab-color-inputborder);
2266
2370
  color: 1px solid var(--ab-color-inputcolor);
2267
2371
  border-radius: var(--ab-cmp-field-wrap__border-radius);
2268
2372
  background: var(--ab-cmp-field-wrap__background);
2269
2373
  overflow: hidden;
2270
- fill: var(--ab-cmp-field-wrap__fill); }
2374
+ fill: var(--ab-cmp-field-wrap__fill);
2375
+ }
2271
2376
  .ab-FieldWrap:focus-within {
2272
- box-shadow: var(--ab-focus__box-shadow); }
2273
- .ab-FieldWrap input,
2274
- .ab-FieldWrap select,
2275
- .ab-FieldWrap > * {
2276
- border: none;
2277
- flex: 1; }
2278
- .ab-FieldWrap input,
2279
- .ab-FieldWrap select,
2280
- .ab-FieldWrap .ab-Dropdown {
2281
- outline: none !important;
2282
- box-shadow: none !important; }
2377
+ box-shadow: var(--ab-focus__box-shadow);
2378
+ }
2379
+ .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
2380
+ border: none;
2381
+ flex: 1;
2382
+ }
2383
+ .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
2384
+ outline: none !important;
2385
+ box-shadow: none !important;
2386
+ }
2283
2387
  .ab-FormLayout {
2284
2388
  display: grid;
2285
- align-items: center; }
2389
+ align-items: center;
2390
+ }
2286
2391
  .ab-FormLayout_column--label {
2287
- text-align: end; }
2392
+ text-align: end;
2393
+ }
2288
2394
  .ab-HelpBlock {
2289
2395
  padding: var(--ab-cmp-help-block__padding);
2290
2396
  background: var(--ab-cmp-help-block__background);
2291
2397
  border-radius: var(--ab-cmp-help-block__border-radius);
2292
- color: var(--ab-cmp-help-block__color); }
2398
+ color: var(--ab-cmp-help-block__color);
2399
+ }
2293
2400
  .ab-CodeBlock {
2294
2401
  padding: var(--ab-cmp-code-block__padding);
2295
2402
  background: var(--ab-cmp-code-block__background);
2296
2403
  border-radius: var(--ab-cmp-code-block__border-radius);
2297
- color: var(--ab-cmp-code-block__color); }
2404
+ color: var(--ab-cmp-code-block__color);
2405
+ }
2298
2406
  input.ab-Input {
2299
- background: var(--ab-cmp-input__background); }
2407
+ background: var(--ab-cmp-input__background);
2408
+ }
2300
2409
  input.ab-Input[disabled] {
2301
- background: var(--ab-cmp-input--disabled__background); }
2410
+ background: var(--ab-cmp-input--disabled__background);
2411
+ }
2302
2412
  .ab-Input {
2303
2413
  position: relative;
2304
2414
  padding: var(--ab-cmp-input__padding);
@@ -2312,31 +2422,39 @@ input.ab-Input[disabled] {
2312
2422
  /* Firefox 19+ */
2313
2423
  /* IE 10-11 */
2314
2424
  /* Edge */
2315
- /* MODERN BROWSER */ }
2425
+ /* MODERN BROWSER */
2426
+ }
2316
2427
  .ab-Input:focus {
2317
- box-shadow: var(--ab-focus__box-shadow);
2318
- outline: var(--ab-focus__outline); }
2428
+ box-shadow: var(--ab-focus__box-shadow);
2429
+ outline: var(--ab-focus__outline);
2430
+ }
2319
2431
  .ab-Input::-webkit-input-placeholder {
2320
- color: var(--ab-cmp-input--placeholder__color);
2321
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2432
+ color: var(--ab-cmp-input--placeholder__color);
2433
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2434
+ }
2322
2435
  .ab-Input:-moz-placeholder {
2323
- color: var(--ab-cmp-input--placeholder__color);
2324
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2436
+ color: var(--ab-cmp-input--placeholder__color);
2437
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2438
+ }
2325
2439
  .ab-Input::-moz-placeholder {
2326
- color: var(--ab-cmp-input--placeholder__color);
2327
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2440
+ color: var(--ab-cmp-input--placeholder__color);
2441
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2442
+ }
2328
2443
  .ab-Input:-ms-input-placeholder {
2329
- color: var(--ab-cmp-input--placeholder__color);
2330
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2444
+ color: var(--ab-cmp-input--placeholder__color);
2445
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2446
+ }
2331
2447
  .ab-Input::-ms-input-placeholder {
2332
- color: var(--ab-cmp-input--placeholder__color);
2333
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2448
+ color: var(--ab-cmp-input--placeholder__color);
2449
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2450
+ }
2334
2451
  .ab-Input::placeholder {
2335
- color: var(--ab-cmp-input--placeholder__color);
2336
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2452
+ color: var(--ab-cmp-input--placeholder__color);
2453
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2454
+ }
2337
2455
  /* Spin Buttons modified */
2338
- input[type='number'].ab-Input::-webkit-outer-spin-button,
2339
- input[type='number'].ab-Input::-webkit-inner-spin-button {
2456
+ input[type=number].ab-Input::-webkit-outer-spin-button,
2457
+ input[type=number].ab-Input::-webkit-inner-spin-button {
2340
2458
  -webkit-appearance: none;
2341
2459
  width: 1em;
2342
2460
  opacity: 0;
@@ -2344,15 +2462,18 @@ input[type='number'].ab-Input::-webkit-inner-spin-button {
2344
2462
  top: 0;
2345
2463
  right: 0;
2346
2464
  bottom: 0;
2347
- 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; }
2348
- input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
2349
- input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
2350
- input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2351
- opacity: 1; }
2465
+ 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;
2466
+ }
2467
+ input[type=number].ab-Input:focus::-webkit-inner-spin-button, input[type=number].ab-Input:focus::-webkit-inner-spin-button:active,
2468
+ input[type=number].ab-Input:hover::-webkit-inner-spin-button,
2469
+ input[type=number].ab-Input:hover::-webkit-inner-spin-button:active {
2470
+ opacity: 1;
2471
+ }
2352
2472
  .ab-ListGroup {
2353
2473
  display: flex;
2354
2474
  flex-flow: column;
2355
- align-items: flex-start; }
2475
+ align-items: flex-start;
2476
+ }
2356
2477
  :root {
2357
2478
  --ab-cmp-listgroupitem__width: 100%;
2358
2479
  --ab-cmp-listgroupitem__background: var(--ab-color-primary);
@@ -2361,7 +2482,8 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2361
2482
  --ab-cmp-listgroupitem--odd__background: var(--ab-color-primarylight);
2362
2483
  --ab-cmp-listgroupitem--odd__color: var(--ab-color-text-on-primary);
2363
2484
  --ab-cmp-listgroupitem--active__background: var(--ab-color-secondarylight);
2364
- --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight); }
2485
+ --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
2486
+ }
2365
2487
  .ab-Modal {
2366
2488
  position: fixed;
2367
2489
  top: 0;
@@ -2369,9 +2491,11 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2369
2491
  right: 0;
2370
2492
  bottom: 0;
2371
2493
  z-index: 1000;
2372
- font-family: var(--ab__font-family); }
2494
+ font-family: var(--ab__font-family);
2495
+ }
2373
2496
  .ab-Modal.ab-Modal--resizable-and-movable {
2374
- position: relative; }
2497
+ position: relative;
2498
+ }
2375
2499
  .ab-Modal-backdrop {
2376
2500
  background: var(--ab-cmp-modal-backdrop__background);
2377
2501
  z-index: 900;
@@ -2379,118 +2503,146 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2379
2503
  left: 0;
2380
2504
  right: 0;
2381
2505
  top: 0;
2382
- bottom: 0; }
2506
+ bottom: 0;
2507
+ }
2383
2508
  .ab-Tabs {
2384
2509
  display: flex;
2385
- flex-direction: column; }
2386
- .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
2510
+ flex-direction: column;
2511
+ }
2512
+ .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
2387
2513
  .ab-Tabs__Tab--before-active {
2388
- border-bottom-right-radius: var(--ab__border-radius); }
2514
+ border-bottom-right-radius: var(--ab__border-radius);
2515
+ }
2389
2516
  .ab-Tabs__Strip {
2390
2517
  z-index: 10;
2391
- overflow: visible; }
2518
+ overflow: visible;
2519
+ }
2392
2520
  .ab-Tabs__Tab {
2393
2521
  cursor: pointer;
2394
- background: var(--ab-cmp-tabs-strip__background); }
2522
+ background: var(--ab-cmp-tabs-strip__background);
2523
+ }
2395
2524
  .ab-Tabs__Tab:focus {
2396
- outline: none; }
2525
+ outline: none;
2526
+ }
2397
2527
  .ab-Tabs__Tab:focus:after {
2398
- box-shadow: var(--ab-focus__box-shadow); }
2528
+ box-shadow: var(--ab-focus__box-shadow);
2529
+ }
2399
2530
  .ab-Tabs__Filler {
2400
- background: var(--ab-cmp-tabs-strip__background); }
2531
+ background: var(--ab-cmp-tabs-strip__background);
2532
+ }
2401
2533
  .ab-Tabs__Tab--active + .ab-Tabs__Filler,
2402
2534
  .ab-Tabs__Tab--active + .ab-Tabs__Tab {
2403
- border-bottom-left-radius: var(--ab__border-radius); }
2535
+ border-bottom-left-radius: var(--ab__border-radius);
2536
+ }
2404
2537
  .ab-Tabs__Tab--active {
2405
2538
  position: relative;
2406
- z-index: 30; }
2539
+ z-index: 30;
2540
+ }
2407
2541
  .ab-Tabs__Tab--active:after {
2408
- content: '';
2409
- pointer-events: none;
2410
- position: absolute;
2411
- top: 0;
2412
- bottom: 5px;
2413
- right: 0;
2414
- left: 0;
2415
- z-index: -2;
2416
- border-top-left-radius: var(--ab__border-radius);
2417
- border-top-right-radius: var(--ab__border-radius); }
2542
+ content: "";
2543
+ pointer-events: none;
2544
+ position: absolute;
2545
+ top: 0;
2546
+ bottom: 5px;
2547
+ right: 0;
2548
+ left: 0;
2549
+ z-index: -2;
2550
+ border-top-left-radius: var(--ab__border-radius);
2551
+ border-top-right-radius: var(--ab__border-radius);
2552
+ }
2418
2553
  .ab-Tabs__Tab--active:before {
2419
- content: '';
2420
- position: absolute;
2421
- pointer-events: none;
2422
- border-top-left-radius: var(--ab__border-radius);
2423
- border-top-right-radius: var(--ab__border-radius);
2424
- z-index: -1;
2425
- left: 0;
2426
- top: 0;
2427
- width: 100%;
2428
- height: 100%;
2429
- background: var(--ab-cmp-tabs-active__background); }
2554
+ content: "";
2555
+ position: absolute;
2556
+ pointer-events: none;
2557
+ border-top-left-radius: var(--ab__border-radius);
2558
+ border-top-right-radius: var(--ab__border-radius);
2559
+ z-index: -1;
2560
+ left: 0;
2561
+ top: 0;
2562
+ width: 100%;
2563
+ height: 100%;
2564
+ background: var(--ab-cmp-tabs-active__background);
2565
+ }
2430
2566
  .ab-Tabs__Strip {
2431
- background: var(--ab-cmp-tabs-active__background); }
2567
+ background: var(--ab-cmp-tabs-active__background);
2568
+ }
2432
2569
  .ab-Tabs__Body {
2433
2570
  background: var(--ab-cmp-tabs-active__background);
2434
2571
  border-radius: var(--ab__border-radius);
2435
2572
  flex: 1;
2436
2573
  overflow: auto;
2437
2574
  display: flex;
2438
- flex-flow: column; }
2439
- .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2440
- border-top-left-radius: 0; }
2575
+ flex-flow: column;
2576
+ }
2577
+ .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2578
+ border-top-left-radius: 0;
2579
+ }
2441
2580
  .ab-Panel {
2442
2581
  display: flex;
2443
2582
  flex-flow: column;
2444
2583
  max-height: var(--ab-cmp-panel__max-height);
2445
2584
  overflow: auto;
2446
- font-size: var(--ab-cmp-panel__font-size); }
2585
+ font-size: var(--ab-cmp-panel__font-size);
2586
+ }
2447
2587
  .ab-Panel .glyphicon {
2448
- -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2449
- fill: var(--ab-cmp-panel-icon__fill); }
2588
+ -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2589
+ fill: var(--ab-cmp-panel-icon__fill);
2590
+ }
2450
2591
  .ab-Panel--variant-modern {
2451
- --ab-cmp-panel__border-radius: var(--ab-space-1); }
2592
+ --ab-cmp-panel__border-radius: var(--ab-space-1);
2593
+ }
2452
2594
  .ab-Panel__header {
2453
- flex: none;
2454
- background: var(--ab-cmp-panel_header__background);
2455
- color: var(--ab-cmp-panel_header__color);
2456
- font-size: var(--ab-cmp-panel_header__font-size);
2457
- padding: var(--ab-cmp-panel_header__padding);
2458
- border-top-left-radius: var(--ab-cmp-panel__border-radius);
2459
- border-top-right-radius: var(--ab-cmp-panel__border-radius);
2460
- border: var(--ab-cmp-panel__border); }
2595
+ flex: none;
2596
+ background: var(--ab-cmp-panel_header__background);
2597
+ color: var(--ab-cmp-panel_header__color);
2598
+ font-size: var(--ab-cmp-panel_header__font-size);
2599
+ padding: var(--ab-cmp-panel_header__padding);
2600
+ border-top-left-radius: var(--ab-cmp-panel__border-radius);
2601
+ border-top-right-radius: var(--ab-cmp-panel__border-radius);
2602
+ border: var(--ab-cmp-panel__border);
2603
+ }
2461
2604
  .ab-Panel__header--variant-primary {
2462
- background: var(--ab-cmp-panel_header--variant-primary__background);
2463
- color: var(--ab-cmp-panel_header--variant-primary__color);
2464
- fill: currentColor; }
2605
+ background: var(--ab-cmp-panel_header--variant-primary__background);
2606
+ color: var(--ab-cmp-panel_header--variant-primary__color);
2607
+ fill: currentColor;
2608
+ }
2465
2609
  .ab-Panel__header--variant-modern {
2466
- border: none;
2467
- background: var(--ab-cmp-panel_header--variant-modern__background); }
2610
+ border: none;
2611
+ background: var(--ab-cmp-panel_header--variant-modern__background);
2612
+ }
2468
2613
  .ab-Panel__body {
2469
- position: relative;
2470
- padding: var(--ab-cmp-panel__padding);
2471
- border: var(--ab-cmp-panel__border);
2472
- background: var(--ab-cmp-panel_body__background);
2473
- color: var(--ab-cmp-panel_body__color);
2474
- flex: 1;
2475
- border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
2476
- border-bottom-right-radius: var(--ab-cmp-panel__border-radius); }
2614
+ position: relative;
2615
+ padding: var(--ab-cmp-panel__padding);
2616
+ border: var(--ab-cmp-panel__border);
2617
+ background: var(--ab-cmp-panel_body__background);
2618
+ color: var(--ab-cmp-panel_body__color);
2619
+ flex: 1;
2620
+ border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
2621
+ border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
2622
+ }
2477
2623
  .ab-Panel__body--scroll-auto {
2478
- overflow: auto; }
2479
- .ab-Panel__body--variant-modern {
2480
- border: none;
2481
- background: var(--ab-cmp-panel_body--variant-modern__background); }
2624
+ overflow: auto;
2625
+ }
2626
+ .ab-Panel__body--variant-modern {
2627
+ border: none;
2628
+ background: var(--ab-cmp-panel_body--variant-modern__background);
2629
+ }
2482
2630
  .ab-Panel--with-header > .ab-Panel__body {
2483
- border-top: none; }
2631
+ border-top: none;
2632
+ }
2484
2633
  .ab-Panel--no-header > .ab-Panel__body {
2485
- border-top-left-radius: var(--ab-cmp-panel__border-radius);
2486
- border-top-right-radius: var(--ab-cmp-panel__border-radius); }
2634
+ border-top-left-radius: var(--ab-cmp-panel__border-radius);
2635
+ border-top-right-radius: var(--ab-cmp-panel__border-radius);
2636
+ }
2487
2637
  .ab-SimpleButton {
2488
2638
  padding: var(--ab-cmp-simple-button__padding);
2489
2639
  font-family: var(--ab-cmp-simple-button__font-family);
2490
- font-size: var(--ab-cmp-simple-button__font-size); }
2640
+ font-size: var(--ab-cmp-simple-button__font-size);
2641
+ }
2491
2642
  .ab-SimpleButton:focus {
2492
- box-shadow: var(--ab-focus__box-shadow);
2493
- outline: var(--ab-focus__outline); }
2643
+ box-shadow: var(--ab-focus__box-shadow);
2644
+ outline: var(--ab-focus__outline);
2645
+ }
2494
2646
  .ab-SimpleButton.ab-SimpleButton {
2495
2647
  vertical-align: middle;
2496
2648
  border-radius: var(--ab-cmp-simple-button__border-radius);
@@ -2501,105 +2653,144 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2501
2653
  flex-flow: row;
2502
2654
  flex: none;
2503
2655
  align-items: center;
2504
- fill: currentColor; }
2656
+ fill: currentColor;
2657
+ }
2505
2658
  .ab-SimpleButton.ab-SimpleButton > * {
2506
- z-index: 1; }
2659
+ z-index: 1;
2660
+ }
2507
2661
  .ab-SimpleButton.ab-SimpleButton svg {
2508
- vertical-align: middle; }
2662
+ vertical-align: middle;
2663
+ }
2509
2664
  .ab-SimpleButton.ab-SimpleButton--tone-neutral {
2510
- color: var(--ab-color-text-on-primary); }
2665
+ color: var(--ab-color-text-on-primary);
2666
+ }
2511
2667
  .ab-SimpleButton.ab-SimpleButton--tone-none {
2512
- color: inherit; }
2668
+ color: inherit;
2669
+ }
2513
2670
  .ab-SimpleButton.ab-SimpleButton--tone-success {
2514
- color: var(--ab-color-success); }
2671
+ color: var(--ab-color-success);
2672
+ }
2515
2673
  .ab-SimpleButton.ab-SimpleButton--tone-accent {
2516
- color: var(--ab-color-text-on-secondary); }
2674
+ color: var(--ab-color-text-on-secondary);
2675
+ }
2517
2676
  .ab-SimpleButton.ab-SimpleButton--tone-error {
2518
- color: var(--ab-color-error); }
2677
+ color: var(--ab-color-error);
2678
+ }
2519
2679
  .ab-SimpleButton.ab-SimpleButton--tone-warning {
2520
- color: var(--ab-color-warn); }
2680
+ color: var(--ab-color-warn);
2681
+ }
2521
2682
  .ab-SimpleButton.ab-SimpleButton--tone-info {
2522
- color: var(--ab-color-info); }
2683
+ color: var(--ab-color-info);
2684
+ }
2523
2685
  .ab-SimpleButton.ab-SimpleButton--disabled {
2524
- opacity: 0.5; }
2686
+ opacity: 0.5;
2687
+ }
2525
2688
  .ab-SimpleButton.ab-SimpleButton:before {
2526
- content: '';
2527
- position: absolute;
2528
- display: block;
2529
- left: 0;
2530
- right: 0;
2531
- top: 0;
2532
- bottom: 0;
2533
- pointer-events: none;
2534
- z-index: 0;
2535
- border-radius: inherit; }
2689
+ content: "";
2690
+ position: absolute;
2691
+ display: block;
2692
+ left: 0;
2693
+ right: 0;
2694
+ top: 0;
2695
+ bottom: 0;
2696
+ pointer-events: none;
2697
+ z-index: 0;
2698
+ border-radius: inherit;
2699
+ }
2536
2700
  .ab-SimpleButton.ab-SimpleButton--variant-outlined, .ab-SimpleButton.ab-SimpleButton--variant-text {
2537
- transition: opacity 0.2s; }
2701
+ transition: opacity 0.2s;
2702
+ }
2538
2703
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:before, .ab-SimpleButton.ab-SimpleButton--variant-text:before {
2539
- content: '';
2540
- opacity: 0;
2541
- transition: opacity 0.2s; }
2704
+ content: "";
2705
+ opacity: 0;
2706
+ transition: opacity 0.2s;
2707
+ }
2542
2708
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled), .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled) {
2543
- cursor: pointer; }
2709
+ cursor: pointer;
2710
+ }
2544
2711
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled):before, .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled):before {
2545
- opacity: 0.15;
2546
- background-color: currentColor; }
2712
+ opacity: 0.15;
2713
+ background-color: currentColor;
2714
+ }
2547
2715
  .ab-SimpleButton.ab-SimpleButton--variant-text {
2548
- background: transparent; }
2716
+ background: transparent;
2717
+ }
2549
2718
  .ab-SimpleButton.ab-SimpleButton--variant-outlined {
2550
- background: var(--ab-cmp-simple-button--outlined__background);
2551
- border: var(--ab-cmp-simple-button--outlined__border); }
2719
+ background: var(--ab-cmp-simple-button--outlined__background);
2720
+ border: var(--ab-cmp-simple-button--outlined__border);
2721
+ }
2552
2722
  .ab-SimpleButton.ab-SimpleButton--variant-raised {
2553
- color: var(--ab-color-text-on-primary);
2554
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
2555
- transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
2723
+ color: var(--ab-color-text-on-primary);
2724
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
2725
+ transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
2726
+ }
2556
2727
  .ab-SimpleButton.ab-SimpleButton--variant-raised:focus {
2557
- box-shadow: var(--ab-focus__box-shadow); }
2728
+ box-shadow: var(--ab-focus__box-shadow);
2729
+ }
2558
2730
  .ab-SimpleButton.ab-SimpleButton--variant-raised:hover {
2559
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
2731
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
2732
+ }
2560
2733
  .ab-SimpleButton.ab-SimpleButton--variant-raised:hover:not(.ab-SimpleButton--disabled) {
2561
- cursor: pointer; }
2734
+ cursor: pointer;
2735
+ }
2562
2736
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success {
2563
- background: var(--ab-color-success);
2564
- color: var(--ab-color-text-on-success); }
2737
+ background: var(--ab-color-success);
2738
+ color: var(--ab-color-text-on-success);
2739
+ }
2565
2740
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success:not(.ab-SimpleButton--disabled) {
2566
- opacity: 1; }
2741
+ opacity: 1;
2742
+ }
2567
2743
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent {
2568
- background: var(--ab-color-secondary);
2569
- color: var(--ab-color-text-on-secondary); }
2744
+ background: var(--ab-color-secondary);
2745
+ color: var(--ab-color-text-on-secondary);
2746
+ }
2570
2747
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent:not(.ab-SimpleButton--disabled) {
2571
- opacity: 1; }
2748
+ opacity: 1;
2749
+ }
2572
2750
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none {
2573
- background: transparent; }
2751
+ background: transparent;
2752
+ }
2574
2753
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none:not(.ab-SimpleButton--disabled) {
2575
- opacity: 1; }
2754
+ opacity: 1;
2755
+ }
2576
2756
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral {
2577
- background: var(--ab-color-primary);
2578
- color: var(--ab-color-text-on-primary); }
2757
+ background: var(--ab-color-primary);
2758
+ color: var(--ab-color-text-on-primary);
2759
+ }
2579
2760
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral:not(.ab-SimpleButton--disabled) {
2580
- opacity: 1; }
2761
+ opacity: 1;
2762
+ }
2581
2763
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error {
2582
- background: var(--ab-color-error);
2583
- color: var(--ab-color-text-on-error); }
2764
+ background: var(--ab-color-error);
2765
+ color: var(--ab-color-text-on-error);
2766
+ }
2584
2767
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error:not(.ab-SimpleButton--disabled) {
2585
- opacity: 1; }
2768
+ opacity: 1;
2769
+ }
2586
2770
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning {
2587
- background: var(--ab-color-warn);
2588
- color: var(--ab-color-text-on-warn); }
2771
+ background: var(--ab-color-warn);
2772
+ color: var(--ab-color-text-on-warn);
2773
+ }
2589
2774
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning:not(.ab-SimpleButton--disabled) {
2590
- opacity: 1; }
2775
+ opacity: 1;
2776
+ }
2591
2777
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info {
2592
- background: var(--ab-color-info);
2593
- color: var(--ab-color-text-on-info); }
2778
+ background: var(--ab-color-info);
2779
+ color: var(--ab-color-text-on-info);
2780
+ }
2594
2781
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info:not(.ab-SimpleButton--disabled) {
2595
- opacity: 1; }
2782
+ opacity: 1;
2783
+ }
2596
2784
  .ab-SimpleButton.ab-SimpleButton--font-weight\=normal {
2597
- font-weight: normal; }
2785
+ font-weight: normal;
2786
+ }
2598
2787
  .ab-SimpleButton.ab-SimpleButton--font-weight\=bold,
2599
2788
  .ab-SimpleButton.ab-SimpleButton--font-weight\=700 {
2600
- font-weight: 700; }
2789
+ font-weight: 700;
2790
+ }
2601
2791
  .ab-SimpleButton.ab-SimpleButton--font-weight\=bolder {
2602
- font-weight: 800; }
2792
+ font-weight: 800;
2793
+ }
2603
2794
  .ab-Textarea {
2604
2795
  padding: var(--ab-cmp-textarea__padding);
2605
2796
  border-radius: var(--ab-cmp-textarea__border-radius);
@@ -2607,31 +2798,36 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2607
2798
  color: var(--ab-cmp-textarea__color);
2608
2799
  font-family: var(--ab-cmp-textarea__font-family);
2609
2800
  font-size: var(--ab-cmp-textarea__font-size);
2610
- background: var(--ab-cmp-textarea__background); }
2801
+ background: var(--ab-cmp-textarea__background);
2802
+ }
2611
2803
  .ab-Textarea[disabled] {
2612
- background: var(--ab-cmp-textarea--disabled__background); }
2804
+ background: var(--ab-cmp-textarea--disabled__background);
2805
+ }
2613
2806
  .ab-Textarea:focus {
2614
- box-shadow: var(--ab-focus__box-shadow);
2615
- outline: var(--ab-focus__outline); }
2807
+ box-shadow: var(--ab-focus__box-shadow);
2808
+ outline: var(--ab-focus__outline);
2809
+ }
2616
2810
  .ab-Tooltip {
2617
2811
  pointer-events: none;
2618
2812
  padding: var(--ab-space-1) var(--ab-space-2);
2619
- box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
2813
+ box-shadow: 2px 2px 10px hsla(0deg, 0%, 0%, 0.1);
2620
2814
  white-space: nowrap;
2621
2815
  font-size: var(--ab-cmp-tooltip__font-size);
2622
- color: var(--ab-cmp-tooltip__color); }
2816
+ color: var(--ab-cmp-tooltip__color);
2817
+ }
2623
2818
  .ab-Tooltip:before {
2624
- border: var(--ab-cmp-tooltip__border);
2625
- content: '';
2626
- position: absolute;
2627
- border-radius: var(--ab__border-radius);
2628
- width: 100%;
2629
- height: 100%;
2630
- left: 0;
2631
- top: 0;
2632
- opacity: var(--ab-cmp-tooltip__opacity);
2633
- background: var(--ab-cmp-tooltip__background);
2634
- z-index: -1; }
2819
+ border: var(--ab-cmp-tooltip__border);
2820
+ content: "";
2821
+ position: absolute;
2822
+ border-radius: var(--ab__border-radius);
2823
+ width: 100%;
2824
+ height: 100%;
2825
+ left: 0;
2826
+ top: 0;
2827
+ opacity: var(--ab-cmp-tooltip__opacity);
2828
+ background: var(--ab-cmp-tooltip__background);
2829
+ z-index: -1;
2830
+ }
2635
2831
  .ab-FileDroppable {
2636
2832
  align-items: center;
2637
2833
  justify-content: center;
@@ -2641,250 +2837,312 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2641
2837
  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;
2642
2838
  outline: var(--ab-cmp-file-droppable__outline);
2643
2839
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2644
- background: var(--ab-cmp-file-droppable__background); }
2840
+ background: var(--ab-cmp-file-droppable__background);
2841
+ }
2645
2842
  .ab-FileDroppable,
2646
- .ab-FileDroppable input,
2647
- .ab-FileDroppable button,
2648
- .ab-FileDroppable .ab-SimpleButton {
2649
- 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;
2650
- fill: currentColor; }
2843
+ .ab-FileDroppable input,
2844
+ .ab-FileDroppable button,
2845
+ .ab-FileDroppable .ab-SimpleButton {
2846
+ 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;
2847
+ fill: currentColor;
2848
+ }
2651
2849
  .ab-FileDroppable,
2652
- .ab-FileDroppable input,
2653
- .ab-FileDroppable button {
2654
- color: var(--ab-cmp-file-droppable__color); }
2850
+ .ab-FileDroppable input,
2851
+ .ab-FileDroppable button {
2852
+ color: var(--ab-cmp-file-droppable__color);
2853
+ }
2655
2854
  .ab-FileDroppable.ab-FileDroppable--drag-over {
2656
- outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
2657
- outline: var(--ab-cmp-file-droppable--drag-over__outline);
2658
- background: var(--ab-cmp-file-droppable--drag-over__background);
2659
- color: var(--ab-cmp-file-droppable--drag-over__color); }
2855
+ outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
2856
+ outline: var(--ab-cmp-file-droppable--drag-over__outline);
2857
+ background: var(--ab-cmp-file-droppable--drag-over__background);
2858
+ color: var(--ab-cmp-file-droppable--drag-over__color);
2859
+ }
2660
2860
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
2661
- pointer-events: none; }
2861
+ pointer-events: none;
2862
+ }
2662
2863
  .ab-FileDroppable,
2663
- .ab-FileDroppable *,
2664
- .ab-FileDroppable *:before,
2665
- .ab-FileDroppable *:after {
2666
- box-sizing: border-box; }
2864
+ .ab-FileDroppable *,
2865
+ .ab-FileDroppable *:before,
2866
+ .ab-FileDroppable *:after {
2867
+ box-sizing: border-box;
2868
+ }
2667
2869
  .ab-WizardPanel > .ab-Panel__body {
2668
2870
  display: flex;
2669
- flex-flow: column; }
2871
+ flex-flow: column;
2872
+ }
2670
2873
  .ab-Dashboard {
2671
2874
  z-index: 1000;
2672
2875
  user-select: none;
2673
2876
  background: var(--ab-dashboard-gap__background);
2674
2877
  color: var(--ab-dashboard__color);
2675
- font-family: var(--ab-dashboard__font-family); }
2878
+ font-family: var(--ab-dashboard__font-family);
2879
+ }
2676
2880
  .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
2677
- display: flex; }
2881
+ display: flex;
2882
+ }
2678
2883
  .ab-Dashboard__header {
2679
- display: flex;
2680
- align-items: stretch;
2681
- background: var(--ab-dashboard-header__background);
2682
- color: var(--ab-dashboard-header__color);
2683
- height: 40px;
2684
- padding: 0 var(--ab-space-2); }
2884
+ display: flex;
2885
+ align-items: stretch;
2886
+ background: var(--ab-dashboard-header__background);
2887
+ color: var(--ab-dashboard-header__color);
2888
+ height: 40px;
2889
+ padding: 0 var(--ab-space-2);
2890
+ }
2685
2891
  .ab-Dashboard__header-left, .ab-Dashboard__header-right {
2686
- display: flex;
2687
- align-items: center;
2688
- flex: 1; }
2892
+ display: flex;
2893
+ align-items: center;
2894
+ flex: 1;
2895
+ }
2689
2896
  .ab-Dashboard__header-left {
2690
- justify-content: flex-start; }
2897
+ justify-content: flex-start;
2898
+ }
2691
2899
  .ab-Dashboard__header-right {
2692
- justify-content: flex-end; }
2900
+ justify-content: flex-end;
2901
+ }
2693
2902
  .ab-Dashboard__title {
2694
- display: flex;
2695
- align-items: center;
2696
- padding: 0 var(--ab-space-3);
2697
- font-weight: bold;
2698
- font-size: var(--ab-font-size-4); }
2903
+ display: flex;
2904
+ align-items: center;
2905
+ padding: 0 var(--ab-space-3);
2906
+ font-weight: bold;
2907
+ font-size: var(--ab-font-size-4);
2908
+ }
2699
2909
  .ab-Dashboard__tabs {
2700
- align-self: flex-end;
2701
- margin-left: var(--ab-space-2); }
2910
+ align-self: flex-end;
2911
+ margin-left: var(--ab-space-2);
2912
+ }
2702
2913
  .ab-Dashboard__tab {
2703
- border: none;
2704
- outline: none;
2705
- cursor: pointer;
2706
- font-size: var(--ab-font-size-3);
2707
- border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
2708
- padding: 8px 12px 12px 12px;
2709
- color: var(--ab-dashboard-header__color);
2710
- background: var(--ab-dashboard-header__background); }
2914
+ border: none;
2915
+ outline: none;
2916
+ cursor: pointer;
2917
+ font-size: var(--ab-font-size-3);
2918
+ border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
2919
+ padding: 8px 12px 12px 12px;
2920
+ color: var(--ab-dashboard-header__color);
2921
+ background: var(--ab-dashboard-header__background);
2922
+ }
2711
2923
  .ab-Dashboard__tab--active {
2712
- color: var(--ab-dashboard__color);
2713
- background: var(--ab-dashboard__background); }
2924
+ color: var(--ab-dashboard__color);
2925
+ background: var(--ab-dashboard__background);
2926
+ }
2714
2927
  .ab-Dashboard__content {
2715
- display: flex;
2716
- grid-gap: var(--ab-dashboard-gap-size);
2717
- flex-flow: var(--ab-dashboard-wrap);
2718
- align-items: stretch;
2719
- flex: 1;
2720
- overflow-x: auto;
2721
- padding: var(--ab-dashboard-gap-size); }
2928
+ display: flex;
2929
+ grid-gap: var(--ab-dashboard-gap-size);
2930
+ flex-flow: var(--ab-dashboard-wrap);
2931
+ align-items: stretch;
2932
+ flex: 1;
2933
+ overflow-x: auto;
2934
+ padding: var(--ab-dashboard-gap-size);
2935
+ }
2722
2936
  .ab-Dashboard__container {
2723
- display: flex;
2724
- flex-shrink: 0;
2725
- background: var(--ab-dashboard__background); }
2937
+ display: flex;
2938
+ flex-shrink: 0;
2939
+ background: var(--ab-dashboard__background);
2940
+ }
2726
2941
  .ab-Dashboard__content-buttons {
2727
- display: flex;
2728
- flex-direction: column;
2729
- align-self: stretch;
2730
- padding: var(--ab-space-2);
2731
- border-left: 1px solid var(--ab-dashboard__border); }
2942
+ display: flex;
2943
+ flex-direction: column;
2944
+ align-self: stretch;
2945
+ padding: var(--ab-space-2);
2946
+ border-left: 1px solid var(--ab-dashboard__border);
2947
+ }
2732
2948
  .ab-Dashboard__toolbar {
2733
- display: flex;
2734
- flex-direction: column;
2735
- justify-content: space-between;
2736
- font-size: var(--ab-font-size-3); }
2949
+ display: flex;
2950
+ flex-direction: column;
2951
+ justify-content: space-between;
2952
+ font-size: var(--ab-font-size-3);
2953
+ }
2737
2954
  .ab-Dashboard__toolbar-content {
2738
- padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
2739
- display: flex; }
2955
+ padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
2956
+ display: flex;
2957
+ }
2740
2958
  .ab-Dashboard__toolbar-title {
2741
- display: flex;
2742
- align-items: center;
2743
- justify-content: center;
2744
- font-size: var(--ab-font-size-2);
2745
- padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
2746
- opacity: 0.7; }
2959
+ display: flex;
2960
+ align-items: center;
2961
+ justify-content: center;
2962
+ font-size: var(--ab-font-size-2);
2963
+ padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
2964
+ opacity: 0.7;
2965
+ }
2747
2966
  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
2748
- color: var(--ab-dashboard-header__color);
2749
- background: var(--ab-dashboard-header__background);
2750
- padding-top: var(--ab-dashboard-gap-size);
2751
- padding-bottom: var(--ab-dashboard-gap-size); }
2967
+ color: var(--ab-dashboard-header__color);
2968
+ background: var(--ab-dashboard-header__background);
2969
+ padding-top: var(--ab-dashboard-gap-size);
2970
+ padding-bottom: var(--ab-dashboard-gap-size);
2971
+ }
2752
2972
  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
2753
- opacity: 1; }
2973
+ opacity: 1;
2974
+ }
2754
2975
  .ab-Dashboard .ab-Input {
2755
- border: none; }
2976
+ border: none;
2977
+ }
2756
2978
  .ab-Dashboard .ab-DashboardToolbar__Export__wrap {
2757
- white-space: nowrap; }
2979
+ white-space: nowrap;
2980
+ }
2758
2981
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
2759
- padding: var(--ab-space-1); }
2982
+ padding: var(--ab-space-1);
2983
+ }
2760
2984
  .ab-Dashboard .ab-StateManagement__Clear-Button,
2761
- .ab-Dashboard .ab-StateManagement__Load-Button,
2762
- .ab-Dashboard .ab-StateManagement__Export-Dropdown {
2763
- margin-left: var(--ab-space-1); }
2985
+ .ab-Dashboard .ab-StateManagement__Load-Button,
2986
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
2987
+ margin-left: var(--ab-space-1);
2988
+ }
2764
2989
  .ab-GridList {
2765
- --at-grid__background: transparent; }
2990
+ --at-grid__background: transparent;
2991
+ }
2766
2992
  .ab-GridList .AT-GridCell_content,
2767
- .ab-GridList .ab-ListGroupItem,
2768
- .ab-GridList .AT-GridColumnCell {
2769
- width: 100%; }
2993
+ .ab-GridList .ab-ListGroupItem,
2994
+ .ab-GridList .AT-GridColumnCell {
2995
+ width: 100%;
2996
+ }
2770
2997
  .ab-GridList .AT-GridHeader {
2771
- display: none; }
2998
+ display: none;
2999
+ }
2772
3000
  .ab-GridList.ab-padding-horizontal-0 .AT-GridColumnCell {
2773
- padding-left: 0;
2774
- padding-right: 0; }
3001
+ padding-left: 0;
3002
+ padding-right: 0;
3003
+ }
2775
3004
  .ab-GridList .AT-GridRow--odd {
2776
3005
  background: var(--ab-cmp-listgroupitem--odd__background);
2777
- color: var(--ab-cmp-listgroupitem--odd__color); }
3006
+ color: var(--ab-cmp-listgroupitem--odd__color);
3007
+ }
2778
3008
  .ab-GridList .AT-GridRow--even {
2779
3009
  background: var(--ab-cmp-listgroupitem__background);
2780
- color: var(--ab-cmp-listgroupitem__color); }
3010
+ color: var(--ab-cmp-listgroupitem__color);
3011
+ }
2781
3012
  .ab-GridList .ab-ListGroupItem {
2782
3013
  --ab-cmp-listgroupitem__background: transparent;
2783
- --ab-cmp-listgroupitem--odd__background: transparent; }
3014
+ --ab-cmp-listgroupitem--odd__background: transparent;
3015
+ }
2784
3016
  :root {
2785
3017
  --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
2786
3018
  --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
2787
3019
  --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
2788
- --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color); }
3020
+ --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
3021
+ }
2789
3022
  .ab-Datepicker-Overlay {
2790
3023
  border: var(--ab-cmp-datepicker__border);
2791
3024
  background: var(--ab-cmp-datepicker__background);
2792
3025
  z-index: 1000;
2793
3026
  box-shadow: var(--ab-focus__box-shadow);
2794
3027
  outline: var(--ab-focus__outline);
2795
- border-radius: var(--ab__border-radius); }
3028
+ border-radius: var(--ab__border-radius);
3029
+ }
2796
3030
  .ab-Datepicker-Overlay .rdp {
2797
- font-size: var(--ab-cmp-datepicker__font-size);
2798
- font-family: var(--ab-cmp-datepicker__font-family); }
3031
+ font-size: var(--ab-cmp-datepicker__font-size);
3032
+ font-family: var(--ab-cmp-datepicker__font-family);
3033
+ }
2799
3034
  .ab-Datepicker-Overlay .rdp .rdp-weeknumber,
2800
- .ab-Datepicker-Overlay .rdp .rdp-day {
2801
- border-radius: var(--ab-cmp-datepicker__day-border-radius); }
3035
+ .ab-Datepicker-Overlay .rdp .rdp-day {
3036
+ border-radius: var(--ab-cmp-datepicker__day-border-radius);
3037
+ }
2802
3038
  .ab-Datepicker-Overlay .rdp .rdp-day_selected:not([disabled]),
2803
- .ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
2804
- .ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
2805
- .ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
2806
- color: var(--ab-cmp-datepicker__selected-text-color);
2807
- border-radius: var(--ab-cmp-datepicker__selected-border-radius); }
3039
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
3040
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
3041
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
3042
+ color: var(--ab-cmp-datepicker__selected-text-color);
3043
+ border-radius: var(--ab-cmp-datepicker__selected-border-radius);
3044
+ }
2808
3045
  .ab-Datepicker-Overlay .rdp .rdp-caption_label {
2809
- font-size: 120%; }
3046
+ font-size: 120%;
3047
+ }
2810
3048
  .ab-Datepicker-Overlay .rdp .rdp-nav_button {
2811
- color: var(--ab-color-text-on-primary); }
3049
+ color: var(--ab-color-text-on-primary);
3050
+ }
2812
3051
  .ab-Datepicker-Overlay .rdp .rdp-table {
2813
- width: 100%;
2814
- max-width: none; }
3052
+ width: 100%;
3053
+ max-width: none;
3054
+ }
2815
3055
  .ab-Datepicker-Overlay .rdp .rdp-day_outside {
2816
- opacity: 0.4; }
3056
+ opacity: 0.4;
3057
+ }
2817
3058
  .ab-Datepicker-Overlay .rdp .rdp-day_today {
2818
- border: var(--rdp-outline); }
3059
+ border: var(--rdp-outline);
3060
+ }
2819
3061
  .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(8),
2820
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
2821
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
2822
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
2823
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
2824
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
2825
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
2826
- display: none; }
3062
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
3063
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
3064
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
3065
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
3066
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
3067
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
3068
+ display: none;
3069
+ }
2827
3070
  .ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
2828
- display: table-cell; }
3071
+ display: table-cell;
3072
+ }
2829
3073
  .ab-ToggleButton {
2830
3074
  user-select: none;
2831
3075
  position: relative;
2832
3076
  display: inline-block;
2833
3077
  min-width: 40px;
2834
3078
  width: 77px;
2835
- height: 32px; }
3079
+ height: 32px;
3080
+ }
2836
3081
  .ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
2837
- cursor: pointer;
2838
- opacity: 0.85; }
3082
+ cursor: pointer;
3083
+ opacity: 0.85;
3084
+ }
2839
3085
  .ab-ToggleButton__input {
2840
- opacity: 0;
2841
- width: 0;
2842
- height: 0; }
3086
+ opacity: 0;
3087
+ width: 0;
3088
+ height: 0;
3089
+ }
2843
3090
  .ab-ToggleButton__slider {
2844
- position: absolute;
2845
- top: 0;
2846
- left: 0;
2847
- right: 0;
2848
- bottom: 0;
2849
- background-color: var(--ab-cmp-toggle-button__background);
2850
- transition: 0.1s;
2851
- border-radius: var(--ab__border-radius); }
3091
+ position: absolute;
3092
+ top: 0;
3093
+ left: 0;
3094
+ right: 0;
3095
+ bottom: 0;
3096
+ background-color: var(--ab-cmp-toggle-button__background);
3097
+ transition: 0.1s;
3098
+ border-radius: var(--ab__border-radius);
3099
+ }
2852
3100
  .ab-ToggleButton__slider:before {
2853
- position: absolute;
2854
- content: '';
2855
- width: 24px;
2856
- height: 24px;
2857
- left: 4px;
2858
- top: 4px;
2859
- border-radius: var(--ab__border-radius);
2860
- background-color: #fff;
2861
- -webkit-transition: 0.4s;
2862
- transition: 0.2s; }
3101
+ position: absolute;
3102
+ content: "";
3103
+ width: 24px;
3104
+ height: 24px;
3105
+ left: 4px;
3106
+ top: 4px;
3107
+ border-radius: var(--ab__border-radius);
3108
+ background-color: #fff;
3109
+ -webkit-transition: 0.4s;
3110
+ transition: 0.2s;
3111
+ }
2863
3112
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
2864
- background-color: var(--ab-cmp-toggle-button--active__background); }
3113
+ background-color: var(--ab-cmp-toggle-button--active__background);
3114
+ }
2865
3115
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
2866
- transform: translateX(45px); }
3116
+ transform: translateX(45px);
3117
+ }
2867
3118
  .ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
2868
- box-shadow: var(--ab-focus__box-shadow); }
3119
+ box-shadow: var(--ab-focus__box-shadow);
3120
+ }
2869
3121
  .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
2870
- opacity: 0.5; }
3122
+ opacity: 0.5;
3123
+ }
2871
3124
  .ab-ToggleButton .ab-ToggleButton__text {
2872
- font-size: var(--ab-cmp-toggle-button__font-size);
2873
- padding-right: var(--ab-space-2);
2874
- color: var(--ab-cmp-toggle-button__color);
2875
- font-weight: 600; }
3125
+ font-size: var(--ab-cmp-toggle-button__font-size);
3126
+ padding-right: var(--ab-space-2);
3127
+ color: var(--ab-cmp-toggle-button__color);
3128
+ font-weight: 600;
3129
+ }
2876
3130
  .ab-ToggleButton--checked .ab-ToggleButton__text {
2877
- padding-left: var(--ab-space-2);
2878
- color: var(--ab-cmp-toggle-button--checked__color); }
3131
+ padding-left: var(--ab-space-2);
3132
+ color: var(--ab-cmp-toggle-button--checked__color);
3133
+ }
2879
3134
  .ab-Loader {
2880
3135
  font-size: var(--ab-cmp-loader__font-size);
2881
3136
  margin-top: 8px;
2882
- font-style: italic; }
3137
+ font-style: italic;
3138
+ }
2883
3139
  .ab-Loader__text,
2884
3140
  .ab-Loader__Spinner {
2885
- vertical-align: middle; }
3141
+ vertical-align: middle;
3142
+ }
2886
3143
  .ab-Loader .ab-Loader__Spinner {
2887
- margin-right: 5px; }
3144
+ margin-right: 5px;
3145
+ }
2888
3146
  .ab-Loader__Spinner {
2889
3147
  display: inline-block;
2890
3148
  border-radius: 50%;
@@ -2893,12 +3151,16 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2893
3151
  width: 10px;
2894
3152
  height: 10px;
2895
3153
  bottom: 0;
2896
- animation: spin 1.5s linear infinite; }
3154
+ animation: spin 1.5s linear infinite;
3155
+ }
2897
3156
  @keyframes spin {
2898
3157
  0% {
2899
- transform: rotate(0deg); }
3158
+ transform: rotate(0deg);
3159
+ }
2900
3160
  100% {
2901
- transform: rotate(360deg); } }
3161
+ transform: rotate(360deg);
3162
+ }
3163
+ }
2902
3164
  .ab-progress-indicator-wrapper {
2903
3165
  align-items: center;
2904
3166
  display: flex;
@@ -2912,26 +3174,31 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2912
3174
  opacity: 0;
2913
3175
  transition-delay: var(--ab-cmp-progress-indicator__delay);
2914
3176
  transition-property: opacity;
2915
- transition-duration: 0.3s; }
3177
+ transition-duration: 0.3s;
3178
+ }
2916
3179
  .ab-progress-indicator-wrapper--visible {
2917
- opacity: 1; }
3180
+ opacity: 1;
3181
+ }
2918
3182
  .ab-progress-indicator-wrapper .ab-progress-indicator-body {
2919
- padding: var(--ab-cmp-progress-indicator__padding);
2920
- background: var(--ab-cmp-progress-indicator__background);
2921
- color: var(--ab-cmp-progress-indicator__color);
2922
- border-style: none;
2923
- border-width: 0px;
2924
- border-radius: var(--ab__border-radius);
2925
- box-shadow: var(--ab-focus__box-shadow);
2926
- font-size: var(--ab-cmp-progress-indicator__font-size);
2927
- font-style: var(--ab-cmp-progress-indicator__font-style);
2928
- font-family: var(--ab-cmp-progress-indicator__font-family); }
3183
+ padding: var(--ab-cmp-progress-indicator__padding);
3184
+ background: var(--ab-cmp-progress-indicator__background);
3185
+ color: var(--ab-cmp-progress-indicator__color);
3186
+ border-style: none;
3187
+ border-width: 0px;
3188
+ border-radius: var(--ab__border-radius);
3189
+ box-shadow: var(--ab-focus__box-shadow);
3190
+ font-size: var(--ab-cmp-progress-indicator__font-size);
3191
+ font-style: var(--ab-cmp-progress-indicator__font-style);
3192
+ font-family: var(--ab-cmp-progress-indicator__font-family);
3193
+ }
2929
3194
  :root {
2930
- --ab-cmp-Tag__font-size: var(--ab-font-size-3); }
3195
+ --ab-cmp-Tag__font-size: var(--ab-font-size-3);
3196
+ }
2931
3197
  .ab-Tag {
2932
3198
  display: inline-flex;
2933
3199
  font-size: var(--ab-cmp-Tag__font-size);
2934
- max-width: 100%; }
3200
+ max-width: 100%;
3201
+ }
2935
3202
  .ab-ModuleSelector__TabItem {
2936
3203
  display: flex;
2937
3204
  flex-direction: column;
@@ -2939,12 +3206,14 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2939
3206
  margin-right: var(--ab-space-2);
2940
3207
  width: var(--ab-cmp-module-module-selector__tab-item__width);
2941
3208
  border: var(--ab-cmp-module-module-selector__tab-item__border);
2942
- border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius); }
3209
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
3210
+ }
2943
3211
  .ab-ModuleSelector__TabItem__header {
2944
3212
  display: flex;
2945
3213
  align-items: center;
2946
3214
  padding: var(--ab-space-1);
2947
- border-bottom: var(--ab-cmp-module-module-selector__tab-item__border); }
3215
+ border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
3216
+ }
2948
3217
  .ab-ModuleSelector__TabItem__header-input {
2949
3218
  flex: 1;
2950
3219
  width: 100%;
@@ -2953,68 +3222,86 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2953
3222
  align-self: stretch;
2954
3223
  background: transparent;
2955
3224
  border: none;
2956
- color: var(--ab-cmp-module-module-selector__tab-item__header-input__color); }
3225
+ color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
3226
+ }
2957
3227
  .ab-ModuleSelector__ToolbarList {
2958
3228
  flex: 1;
2959
3229
  padding: 4px;
2960
3230
  padding-bottom: 0;
2961
- min-height: 200px; }
3231
+ min-height: 200px;
3232
+ }
2962
3233
  .ab-ModuleSelector__ToolbarItem {
2963
3234
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
2964
3235
  padding-left: var(--ab-space-1);
2965
- margin-bottom: var(--ab-space-1); }
3236
+ margin-bottom: var(--ab-space-1);
3237
+ }
2966
3238
  .ab-ModuleSelector__UnusedPanel {
2967
3239
  margin-bottom: var(--ab-space-2);
2968
3240
  padding-bottom: var(--ab-space-1);
2969
3241
  border: var(--ab-cmp-module-selector__unused-panel__border);
2970
3242
  border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
2971
- background-color: var(--ab-cmp-module-selector__unused-panel__background); }
3243
+ background-color: var(--ab-cmp-module-selector__unused-panel__background);
3244
+ }
2972
3245
  .ab-AdaptableOptions {
2973
- background: var(--ab-cmp-adaptable-options__background-color); }
3246
+ background: var(--ab-cmp-adaptable-options__background-color);
3247
+ }
2974
3248
  .ab-GridOptions {
2975
- background: var(--ab-cmp-grid-options__background-color); }
3249
+ background: var(--ab-cmp-grid-options__background-color);
3250
+ }
2976
3251
  .ab-GridSummary {
2977
- background: var(--ab-cmp-grid-summary__background-color); }
3252
+ background: var(--ab-cmp-grid-summary__background-color);
3253
+ }
2978
3254
  .ab-SystemStatus-Popup-List {
2979
- background: var(--ab-cmp-system-status-list__background-color); }
3255
+ background: var(--ab-cmp-system-status-list__background-color);
3256
+ }
2980
3257
  .ab-ObjectCollection__list > * {
2981
3258
  background: var(--ab-cmp-listgroupitem__background);
2982
- color: var(--ab-cmp-listgroupitem__color); }
2983
- .ab-ObjectCollection__list > *:nth-child(2n + 1) {
3259
+ color: var(--ab-cmp-listgroupitem__color);
3260
+ }
3261
+ .ab-ObjectCollection__list > *:nth-child(2n+1) {
2984
3262
  background: var(--ab-cmp-listgroupitem--odd__background);
2985
- color: var(--ab-cmp-listgroupitem--odd__color); }
3263
+ color: var(--ab-cmp-listgroupitem--odd__color);
3264
+ }
2986
3265
  .ab-AdaptableObjectRow {
2987
3266
  align-items: center;
2988
3267
  padding: var(--ab-cmp-listgroupitem__padding);
2989
3268
  margin: var(--ab-cmp-listgroupitem__margin);
2990
3269
  background: var(--ab-cmp-listgroupitem__background);
2991
3270
  color: var(--ab-cmp-listgroupitem__color);
2992
- border-radius: var(--ab-cmp-listgroupitem__border-radius); }
2993
- .ab-AdaptableObjectRow:nth-child(2n + 1) {
2994
- background: var(--ab-cmp-listgroupitem--odd__background);
2995
- color: var(--ab-cmp-listgroupitem--odd__color); }
3271
+ border-radius: var(--ab-cmp-listgroupitem__border-radius);
3272
+ }
3273
+ .ab-AdaptableObjectRow:nth-child(2n+1) {
3274
+ background: var(--ab-cmp-listgroupitem--odd__background);
3275
+ color: var(--ab-cmp-listgroupitem--odd__color);
3276
+ }
2996
3277
  .ab-AdaptableObjectRow--is-suspended {
2997
- text-decoration: line-through; }
3278
+ text-decoration: line-through;
3279
+ }
2998
3280
  .ab-ListBoxFilterForm {
2999
3281
  overflow-y: auto;
3000
3282
  overflow-x: hidden;
3001
3283
  --ab-grid-row-height: 26px;
3002
- margin-bottom: 0; }
3284
+ margin-bottom: 0;
3285
+ }
3003
3286
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
3004
- overflow-x: hidden; }
3287
+ overflow-x: hidden;
3288
+ }
3005
3289
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
3006
3290
  .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
3007
3291
  --ab-cmp-dropdown__border-radius: 0;
3008
3292
  --ab-cmp-input__border-radius: 0;
3009
3293
  --ab-cmp-input__padding: 0;
3010
3294
  --ab-cmp-dropdown__padding: 3px;
3011
- --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent); }
3295
+ --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
3296
+ }
3012
3297
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
3013
- .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
3014
- border-radius: 0; }
3298
+ .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
3299
+ border-radius: 0;
3300
+ }
3015
3301
  html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3016
3302
  --ab-color-inputborder: white;
3017
- --ab-cmp-dropdown__border: 1px solid white; }
3303
+ --ab-cmp-dropdown__border: 1px solid white;
3304
+ }
3018
3305
  .ab-Popover {
3019
3306
  border-radius: var(--ab-cmp-popover__border-radius);
3020
3307
  border: var(--ab-cmp-popover__border);
@@ -3022,128 +3309,161 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3022
3309
  color: var(--ab-cmp-popover__color);
3023
3310
  box-shadow: var(--ab-cmp-popover__box-shadow);
3024
3311
  font-size: var(--ab-font-size-2);
3025
- font-family: var(--ab__font-family); }
3312
+ font-family: var(--ab__font-family);
3313
+ }
3026
3314
  .ab-Overlay--show-triangle > .ab-Popover:before {
3027
- content: '';
3315
+ content: "";
3028
3316
  position: absolute;
3029
3317
  width: 0;
3030
3318
  height: 0;
3031
- border-style: solid; }
3319
+ border-style: solid;
3320
+ }
3032
3321
  .ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover:before {
3033
3322
  border-width: 0 5px 10px 5px;
3034
3323
  border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
3035
3324
  left: 50%;
3036
3325
  top: -10px;
3037
- transform: translate3d(-5px, 0px, 0px); }
3326
+ transform: translate3d(-5px, 0px, 0px);
3327
+ }
3038
3328
  .ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover:before {
3039
3329
  border-width: 10px 5px 0 5px;
3040
3330
  border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
3041
3331
  left: 50%;
3042
3332
  bottom: -10px;
3043
- transform: translate3d(-5px, 0px, 0px); }
3333
+ transform: translate3d(-5px, 0px, 0px);
3334
+ }
3044
3335
  .ab-NocodeWizard {
3045
3336
  padding: var(--ab-cmp-wizard__padding);
3046
3337
  margin: var(--ab-cmp-wizard__margin);
3047
3338
  background: var(--ab-cmp-wizard__background);
3048
3339
  color: var(--ab-cmp-wizard__color);
3049
- height: 100%; }
3340
+ height: 100%;
3341
+ }
3050
3342
  .ab-NocodeWizard,
3051
- .ab-NocodeWizard *,
3052
- .ab-NocodeWizard *:before,
3053
- .ab-NocodeWizard *:after {
3054
- box-sizing: border-box; }
3343
+ .ab-NocodeWizard *,
3344
+ .ab-NocodeWizard *:before,
3345
+ .ab-NocodeWizard *:after {
3346
+ box-sizing: border-box;
3347
+ }
3055
3348
  .ab-NocodeWizardFormBox {
3056
3349
  border: 1px solid var(--ab-color-primarydark);
3057
3350
  border-radius: var(--ab__border-radius);
3058
- background-color: var(--ab-color-defaultbackground); }
3351
+ background-color: var(--ab-color-defaultbackground);
3352
+ }
3059
3353
  .ab-AvailableDropZone .placeholder,
3060
3354
  .ab-SelectedDropZone .placeholder {
3061
- width: 100%; }
3355
+ width: 100%;
3356
+ }
3062
3357
  .ab-AvailableDropZone .placeholder:before,
3063
- .ab-SelectedDropZone .placeholder:before {
3064
- content: 'DROPS HERE'; }
3358
+ .ab-SelectedDropZone .placeholder:before {
3359
+ content: "DROPS HERE";
3360
+ }
3065
3361
  .ab-Button.ab-Button {
3066
3362
  border-radius: var(--ab-cmp-button-border-radius);
3067
- padding: var(--ab-space-2); }
3363
+ padding: var(--ab-space-2);
3364
+ }
3068
3365
  .ab-Button.ab-Button--enabled {
3069
- cursor: pointer;
3070
- background: var(--ab-cmp-button-background); }
3366
+ cursor: pointer;
3367
+ background: var(--ab-cmp-button-background);
3368
+ }
3071
3369
  .ab-Button.ab-Button--disabled {
3072
- opacity: var(--ab-cmp-button-disabled-opacity);
3073
- background: var(--ab-cmp-button-disabled-background); }
3370
+ opacity: var(--ab-cmp-button-disabled-opacity);
3371
+ background: var(--ab-cmp-button-disabled-background);
3372
+ }
3074
3373
  .ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),
3075
3374
  .ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
3076
3375
  fill: currentColor;
3077
3376
  color: var(--ab-cmp-dashboardpanel_header__color);
3078
- border-color: currentColor; }
3377
+ border-color: currentColor;
3378
+ }
3079
3379
  .ab-DashboardPanel .glyphicon.glyphicon {
3080
- color: var(--ab-cmp-dashboardpanel__fill); }
3380
+ color: var(--ab-cmp-dashboardpanel__fill);
3381
+ }
3081
3382
  .ab-FilterFormPanel {
3082
- --ab-cmp-panel_body__background: var(--ag-control-panel-background-color); }
3383
+ --ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
3384
+ }
3083
3385
  .ab-Dashboard__application-icon {
3084
- margin-right: var(--ab-space-2); }
3386
+ margin-right: var(--ab-space-2);
3387
+ }
3085
3388
  .ab-Dashboard-Popup__Module-Selector {
3086
- background: var(--ab-cmp-dashboard-module-selector-background); }
3389
+ background: var(--ab-cmp-dashboard-module-selector-background);
3390
+ }
3087
3391
  .ab-ToolPanel {
3088
3392
  flex: 1 1 0;
3089
3393
  min-width: 0;
3090
3394
  color: var(--ab-cmp-toolpanel__color);
3091
- font-family: var(--ab-cmp-toolpanel__font-family); }
3395
+ font-family: var(--ab-cmp-toolpanel__font-family);
3396
+ }
3092
3397
  .ab-ToolPanel .ab-ToolPanel__header {
3093
- background: var(--ab-cmp-toolpanel-header__background);
3094
- color: var(--ab-cmp-toolpanel-header__color); }
3398
+ background: var(--ab-cmp-toolpanel-header__background);
3399
+ color: var(--ab-cmp-toolpanel-header__color);
3400
+ }
3095
3401
  .ab-ToolPanel .ab-ToolPanel__header__buttons {
3096
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
3402
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
3403
+ }
3097
3404
  .ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
3098
- display: flex;
3099
- flex-direction: row;
3100
- flex-wrap: wrap;
3101
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
3405
+ display: flex;
3406
+ flex-direction: row;
3407
+ flex-wrap: wrap;
3408
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
3409
+ }
3102
3410
  .ab-ToolPanel .ab-StateManagement__Clear-Button,
3103
- .ab-ToolPanel .ab-StateManagement__Load-Button {
3104
- justify-content: center;
3105
- flex: 1; }
3411
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
3412
+ justify-content: center;
3413
+ flex: 1;
3414
+ }
3106
3415
  .ab-ToolPanel .ab-StateManagement__Clear-Button,
3107
- .ab-ToolPanel .ab-StateManagement__Load-Button,
3108
- .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3109
- margin-bottom: var(--ab-space-1); }
3416
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
3417
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3418
+ margin-bottom: var(--ab-space-1);
3419
+ }
3110
3420
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
3111
- font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
3421
+ font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
3422
+ }
3112
3423
  .ab-Adaptable-Popup {
3113
3424
  background: var(--ab-cmp-adaptable-popup__background);
3114
- max-height: var(--ab-cmp-adaptable-popup__max-height); }
3425
+ max-height: var(--ab-cmp-adaptable-popup__max-height);
3426
+ }
3115
3427
  .ab-Adaptable-Popup--window {
3116
- box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
3428
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
3429
+ }
3117
3430
  .ab-Adaptable-Popup__Navigation {
3118
3431
  padding-top: 10px;
3119
3432
  overflow: auto;
3120
3433
  border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
3121
- font-family: var(--ab__font-family); }
3434
+ font-family: var(--ab__font-family);
3435
+ }
3122
3436
  .ab-Adaptable-Popup__Navigation__List {
3123
- list-style: none;
3124
- padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
3125
- margin: 0;
3126
- font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size); }
3437
+ list-style: none;
3438
+ padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
3439
+ margin: 0;
3440
+ font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
3441
+ }
3127
3442
  .ab-Adaptable-Popup__Navigation__List__Item {
3128
- padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
3129
- margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom); }
3443
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
3444
+ margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
3445
+ }
3130
3446
  .ab-Adaptable-Popup__Navigation__List__Item__Separator {
3131
- border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
3132
- margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin); }
3447
+ border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
3448
+ margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
3449
+ }
3133
3450
  .ab-Adaptable-Popup__Navigation__List__Item__Button {
3134
- background: none;
3135
- border: none;
3136
- width: 100%;
3137
- text-align: left;
3138
- cursor: pointer;
3139
- padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
3140
- border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
3141
- color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color); }
3451
+ background: none;
3452
+ border: none;
3453
+ width: 100%;
3454
+ text-align: left;
3455
+ cursor: pointer;
3456
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
3457
+ border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
3458
+ color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
3459
+ }
3142
3460
  .ab-Adaptable-Popup__Navigation__List__Item__Icon {
3143
- margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
3461
+ margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
3462
+ }
3144
3463
  .ab-Adaptable-Popup__Navigation__List__Item--active .ab-Adaptable-Popup__Navigation__List__Item__Button {
3145
- background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
3146
- color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color); }
3464
+ background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
3465
+ color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color);
3466
+ }
3147
3467
  .ab-Adaptable-Popup__TopBar {
3148
3468
  display: flex;
3149
3469
  align-items: center;
@@ -3152,195 +3472,257 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3152
3472
  color: var(--ab-cmp-adaptable-popup-topbar__color);
3153
3473
  font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
3154
3474
  padding: var(--ab-cmp-adaptable-popup-topbar__padding);
3155
- box-sizing: border-box; }
3475
+ box-sizing: border-box;
3476
+ }
3156
3477
  .ab-Adaptable-Popup__TopBar__Icon {
3157
- margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
3478
+ margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
3479
+ }
3158
3480
  .ab-Adaptable-Popup__TopBar__Close .ab-Icon {
3159
- color: var(--ab-cmp-adaptable-popup-topbar-icon__color); }
3481
+ color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
3482
+ }
3160
3483
  .ab-Adaptable-Popup--settings-popup {
3161
- height: var(--ab-cmp-adaptable-popup--settings__height); }
3484
+ height: var(--ab-cmp-adaptable-popup--settings__height);
3485
+ }
3162
3486
  .ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
3163
- top: 9px; }
3487
+ top: 9px;
3488
+ }
3164
3489
  .ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
3165
- padding: var(--ab-cmp-adaptable-popup--settings__padding);
3166
- min-width: 0; }
3490
+ padding: var(--ab-cmp-adaptable-popup--settings__padding);
3491
+ min-width: 0;
3492
+ }
3167
3493
  .ab-Adaptable-Popup__Panel {
3168
- width: 100%; }
3494
+ width: 100%;
3495
+ }
3169
3496
  .ab-Adaptable-Popup__Panel__Header {
3170
- display: flex;
3171
- padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
3172
- margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
3173
- margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
3497
+ display: flex;
3498
+ padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
3499
+ margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
3500
+ margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top);
3501
+ }
3174
3502
  .ab-Adaptable-Popup__Panel__Header__Title {
3175
- font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
3503
+ font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
3504
+ }
3176
3505
  .ab-Adaptable-Popup__Panel__Body {
3177
- padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
3178
- flex: 1 1 0;
3179
- min-height: 0;
3180
- overflow: auto; }
3506
+ padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
3507
+ flex: 1 1 0;
3508
+ min-height: 0;
3509
+ overflow: auto;
3510
+ }
3181
3511
  .ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
3182
- cursor: move; }
3512
+ cursor: move;
3513
+ }
3183
3514
  .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
3184
- cursor: move; }
3515
+ cursor: move;
3516
+ }
3185
3517
  .ab-Window-Modal .ab-Panel__header {
3186
- cursor: move; }
3518
+ cursor: move;
3519
+ }
3187
3520
  .ab-Window-Modal {
3188
3521
  max-height: 100%;
3189
- box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
3522
+ box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
3523
+ }
3190
3524
  .ab-Window-Modal .ab-Dialog__close-button {
3191
- top: 3px; }
3525
+ top: 3px;
3526
+ }
3192
3527
  .ab-Window-Modal .ab-Panel {
3193
- max-height: initial; }
3528
+ max-height: initial;
3529
+ }
3194
3530
  .ab-Adaptable-Object-List {
3195
3531
  list-style: none;
3196
- padding: 0; }
3532
+ padding: 0;
3533
+ }
3197
3534
  .ab-Adaptable-Object-List__Item {
3198
3535
  background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
3199
3536
  padding: var(--ab-cmp-adaptable-object-list-item__padding);
3200
- margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom); }
3537
+ margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
3538
+ }
3201
3539
  .ab-Adaptable-Object-List__Item__edit-property {
3202
- visibility: hidden; }
3540
+ visibility: hidden;
3541
+ }
3203
3542
  .ab-Adaptable-Object-List__Item__values {
3204
- min-width: 0;
3205
- word-break: break-all; }
3543
+ min-width: 0;
3544
+ word-break: break-all;
3545
+ }
3206
3546
  .ab-Adaptable-Object-List__Item__buttons {
3207
- padding-left: var(--ab-space-2);
3208
- min-width: 80px;
3209
- text-align: right;
3210
- margin-left: var(--ab-space-3); }
3547
+ padding-left: var(--ab-space-2);
3548
+ min-width: 80px;
3549
+ text-align: right;
3550
+ margin-left: var(--ab-space-3);
3551
+ }
3211
3552
  .ab-Adaptable-Object-List__Item__label {
3212
- padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
3213
- width: var(--ab-cmp-adaptable-object-list-item-label__width); }
3553
+ padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
3554
+ width: var(--ab-cmp-adaptable-object-list-item-label__width);
3555
+ }
3214
3556
  .ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
3215
- visibility: visible; }
3557
+ visibility: visible;
3558
+ }
3216
3559
  .ab-Adaptable-Object-List__Item .ab-Tag {
3217
- margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
3218
- margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
3219
- padding: var(--ab-cmp-adaptable-object-list-item-tag__padding); }
3560
+ margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
3561
+ margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
3562
+ padding: var(--ab-cmp-adaptable-object-list-item-tag__padding);
3563
+ }
3220
3564
  .ab-Adaptable-Object-Compact-List {
3221
3565
  padding: var(--ab-cmp-adaptable-object-compact-list__padding);
3222
3566
  background: var(--ab-cmp-adaptable-object-compact-list__background);
3223
- max-height: 70vh; }
3567
+ max-height: 70vh;
3568
+ }
3224
3569
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
3225
- padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
3226
- margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom); }
3570
+ padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
3571
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
3572
+ }
3227
3573
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
3228
- font-size: var(--ab-font-size-4); }
3574
+ font-size: var(--ab-font-size-4);
3575
+ }
3229
3576
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
3230
- overflow: auto;
3231
- height: 100%; }
3577
+ overflow: auto;
3578
+ height: 100%;
3579
+ }
3232
3580
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
3233
- padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
3234
- margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
3235
- background: var(--ab-cmp-adaptable-object-compact-list-item__background); }
3581
+ padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
3582
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
3583
+ background: var(--ab-cmp-adaptable-object-compact-list-item__background);
3584
+ }
3236
3585
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item:last-child {
3237
- margin-bottom: 0; }
3586
+ margin-bottom: 0;
3587
+ }
3238
3588
  .ab-Adaptable-Object-Compact-List__Item__Name {
3239
- width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
3240
- padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
3241
- margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
3242
- font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size); }
3589
+ width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
3590
+ padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
3591
+ margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
3592
+ font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
3593
+ }
3243
3594
  .ab-StatusBar {
3244
3595
  display: flex;
3245
3596
  border-right: var(--ab-cmp-adaptable-statusbar__border);
3246
- border-left: var(--ab-cmp-adaptable-statusbar__border); }
3597
+ border-left: var(--ab-cmp-adaptable-statusbar__border);
3598
+ }
3247
3599
  .ab-StatusBar__SubPanel {
3248
3600
  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
3249
3601
  border: 0;
3250
3602
  background: none;
3251
3603
  font-weight: 400;
3252
- border-right: var(--ab-cmp-adaptable-statusbar__border); }
3604
+ border-right: var(--ab-cmp-adaptable-statusbar__border);
3605
+ }
3253
3606
  .ab-StatusBar__SubPanel:last-child {
3254
- border-right: 0; }
3607
+ border-right: 0;
3608
+ }
3255
3609
  .ab-StatusBar__SubPanel,
3256
- .ab-StatusBar__SubPanel .ab-SimpleButton {
3257
- color: var(--ab-cmp-adaptable-statusbar__color); }
3610
+ .ab-StatusBar__SubPanel .ab-SimpleButton {
3611
+ color: var(--ab-cmp-adaptable-statusbar__color);
3612
+ }
3258
3613
  button.ab-StatusBar__SubPanel:hover {
3259
3614
  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
3260
- cursor: pointer; }
3615
+ cursor: pointer;
3616
+ }
3261
3617
  .ab-Shared-Entity-Shared-Object {
3262
- border: var(--ab-cmp-adaptable-shared-entity-shared-object__border); }
3618
+ border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
3619
+ }
3263
3620
  .ab-Layout-Wizard__ColumnRow__Header {
3264
- cursor: pointer; }
3621
+ cursor: pointer;
3622
+ }
3265
3623
  .ab-Layout-Wizard__ColumnRow__Title {
3266
3624
  border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious);
3267
3625
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
3268
- color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color); }
3626
+ color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
3627
+ }
3269
3628
  .ab-Layout-Wizard__ColumnRow__Expanded-Container {
3270
3629
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background);
3271
- border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius); }
3630
+ border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
3631
+ }
3272
3632
  .ab-Layout-Wizard__ColumnRow__Input {
3273
3633
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
3274
- width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
3634
+ width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
3635
+ }
3275
3636
  :root {
3276
3637
  --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
3277
3638
  --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
3278
3639
  --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
3279
- --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
3640
+ --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
3641
+ }
3280
3642
  .ab-ValueSelector {
3281
- overflow: hidden; }
3643
+ overflow: hidden;
3644
+ }
3282
3645
  .ab-ValueSelector__option {
3283
- border-radius: 'var(--ab__border-radius)'; }
3646
+ border-radius: "var(--ab__border-radius)";
3647
+ }
3284
3648
  .ab-ValueSelector__show-selected-only-checkbox {
3285
- position: sticky;
3286
- top: 0;
3287
- z-index: 10000; }
3649
+ position: sticky;
3650
+ top: 0;
3651
+ z-index: 10000;
3652
+ }
3288
3653
  .ab-ValueSelector__show-selected-only-checkbox__text {
3289
- position: absolute;
3290
- top: 2px;
3291
- right: 4px;
3292
- overflow: hidden;
3293
- border-radius: var(--ab__border-radius);
3294
- margin-right: var(--ab-space-1);
3295
- margin-top: var(--ab-space-1);
3296
- padding: 0 var(--ab-space-2);
3297
- font-size: var(--ab-font-size-2); }
3654
+ position: absolute;
3655
+ top: 2px;
3656
+ right: 4px;
3657
+ overflow: hidden;
3658
+ border-radius: var(--ab__border-radius);
3659
+ margin-right: var(--ab-space-1);
3660
+ margin-top: var(--ab-space-1);
3661
+ padding: 0 var(--ab-space-2);
3662
+ font-size: var(--ab-font-size-2);
3663
+ }
3298
3664
  .ab-alert--error {
3299
- background: var(--ab-color-error); }
3665
+ background: var(--ab-color-error);
3666
+ }
3300
3667
  .ab-alert--success {
3301
- background: var(--ab-color-success); }
3668
+ background: var(--ab-color-success);
3669
+ }
3302
3670
  .ab-alert--warn,
3303
3671
  .ab-alert--warning {
3304
- background: var(--ab-color-warn); }
3672
+ background: var(--ab-color-warn);
3673
+ }
3305
3674
  .ab-alert--info {
3306
- background: var(--ab-color-info); }
3675
+ background: var(--ab-color-info);
3676
+ }
3307
3677
  .ab-cell--align-left {
3308
- text-align: left; }
3678
+ text-align: left;
3679
+ }
3309
3680
  .ab-cell--align-right {
3310
- text-align: right; }
3681
+ text-align: right;
3682
+ }
3311
3683
  .ab-cell--align-center {
3312
- text-align: center; }
3684
+ text-align: center;
3685
+ }
3313
3686
  .popover-content {
3314
- padding: 1px; }
3687
+ padding: 1px;
3688
+ }
3315
3689
  /* Styles for the coloured cell render
3316
3690
  */
3317
3691
  .ab_div-colour-render-bar {
3318
3692
  display: inline-block;
3319
3693
  height: 100%;
3320
3694
  position: relative;
3321
- z-index: 0; }
3695
+ z-index: 0;
3696
+ }
3322
3697
  .ab_div-colour-render-text {
3323
3698
  position: absolute;
3324
3699
  font-weight: normal;
3325
3700
  font-size: 12px;
3326
- z-index: 100; }
3701
+ z-index: 100;
3702
+ }
3327
3703
  .ab_div-colour-render-div {
3328
3704
  display: inline-block;
3329
3705
  height: 100%;
3330
- width: 100%; }
3706
+ width: 100%;
3707
+ }
3331
3708
  .ab-ActionColumn {
3332
3709
  height: 100%;
3333
3710
  display: flex;
3334
- column-gap: var(--ab-space-1); }
3711
+ column-gap: var(--ab-space-1);
3712
+ }
3335
3713
  .ab-ActionColumn > button.ab-SimpleButton {
3336
- height: 100%; }
3714
+ height: 100%;
3715
+ }
3337
3716
  .adaptableRowActionButtons.ag-cell {
3338
- padding: 0; }
3717
+ padding: 0;
3718
+ }
3339
3719
  .adaptableRowActionButtons.ag-cell .ab-ActionColumn {
3340
- column-gap: 0; }
3720
+ column-gap: 0;
3721
+ }
3341
3722
  .Toastify__toast-container {
3342
3723
  border-style: none;
3343
- border-width: 0px; }
3724
+ border-width: 0px;
3725
+ }
3344
3726
  .Toastify__toast {
3345
3727
  padding: 0;
3346
3728
  padding-bottom: 5px;
@@ -3356,17 +3738,23 @@ button.ab-StatusBar__SubPanel:hover {
3356
3738
  --toastify-color-info: var(--ab-color-info);
3357
3739
  --toastify-color-success: var(--ab-color-success);
3358
3740
  --toastify-color-warning: var(--ab-color-warn);
3359
- --toastify-color-error: var(--ab-color-error); }
3741
+ --toastify-color-error: var(--ab-color-error);
3742
+ }
3360
3743
  .Toastify__toast-body {
3361
- padding: 0; }
3744
+ padding: 0;
3745
+ }
3362
3746
  .Toastify__toast--info {
3363
- --ab-toast-cmp__shadow-color: var(--ab-color-info); }
3747
+ --ab-toast-cmp__shadow-color: var(--ab-color-info);
3748
+ }
3364
3749
  .Toastify__toast--success {
3365
- --ab-toast-cmp__shadow-color: var(--ab-color-success); }
3750
+ --ab-toast-cmp__shadow-color: var(--ab-color-success);
3751
+ }
3366
3752
  .Toastify__toast--warning {
3367
- --ab-toast-cmp__shadow-color: var(--ab-color-warn); }
3753
+ --ab-toast-cmp__shadow-color: var(--ab-color-warn);
3754
+ }
3368
3755
  .Toastify__toast--error {
3369
- --ab-toast-cmp__shadow-color: var(--ab-color-error); }
3756
+ --ab-toast-cmp__shadow-color: var(--ab-color-error);
3757
+ }
3370
3758
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
3371
3759
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
3372
3760
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
@@ -3376,7 +3764,8 @@ button.ab-StatusBar__SubPanel:hover {
3376
3764
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
3377
3765
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
3378
3766
  background-color: rgba(0, 0, 0, 0);
3379
- border-radius: 100px; }
3767
+ border-radius: 100px;
3768
+ }
3380
3769
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
3381
3770
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
3382
3771
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
@@ -3385,7 +3774,8 @@ button.ab-StatusBar__SubPanel:hover {
3385
3774
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3386
3775
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
3387
3776
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
3388
- width: var(--ab-custom-scrollbar-size); }
3777
+ width: var(--ab-custom-scrollbar-size);
3778
+ }
3389
3779
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
3390
3780
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
3391
3781
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
@@ -3394,7 +3784,8 @@ button.ab-StatusBar__SubPanel:hover {
3394
3784
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3395
3785
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
3396
3786
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
3397
- height: var(--ab-custom-scrollbar-size); }
3787
+ height: var(--ab-custom-scrollbar-size);
3788
+ }
3398
3789
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
3399
3790
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
3400
3791
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
@@ -3403,7 +3794,8 @@ button.ab-StatusBar__SubPanel:hover {
3403
3794
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3404
3795
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
3405
3796
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
3406
- background-color: rgba(0, 0, 0, 0.09); }
3797
+ background-color: rgba(0, 0, 0, 0.09);
3798
+ }
3407
3799
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
3408
3800
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
3409
3801
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
@@ -3415,7 +3807,8 @@ button.ab-StatusBar__SubPanel:hover {
3415
3807
  background: rgba(0, 0, 0, 0.5);
3416
3808
  border-radius: 100px;
3417
3809
  background-clip: padding-box;
3418
- border: 2px solid rgba(0, 0, 0, 0); }
3810
+ border: 2px solid rgba(0, 0, 0, 0);
3811
+ }
3419
3812
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
3420
3813
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
3421
3814
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
@@ -3424,7 +3817,8 @@ button.ab-StatusBar__SubPanel:hover {
3424
3817
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3425
3818
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
3426
3819
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
3427
- min-height: var(--ab-custom-scrollbar-size); }
3820
+ min-height: var(--ab-custom-scrollbar-size);
3821
+ }
3428
3822
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
3429
3823
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
3430
3824
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
@@ -3433,7 +3827,8 @@ button.ab-StatusBar__SubPanel:hover {
3433
3827
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3434
3828
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
3435
3829
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
3436
- min-width: var(--ab-custom-scrollbar-size); }
3830
+ min-width: var(--ab-custom-scrollbar-size);
3831
+ }
3437
3832
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
3438
3833
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
3439
3834
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
@@ -3443,13 +3838,17 @@ button.ab-StatusBar__SubPanel:hover {
3443
3838
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
3444
3839
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
3445
3840
  background: rgba(0, 0, 0, 0.61);
3446
- border-radius: 100px; }
3841
+ border-radius: 100px;
3842
+ }
3447
3843
  .ag-details-row {
3448
3844
  display: flex;
3449
- flex-flow: column; }
3845
+ flex-flow: column;
3846
+ }
3450
3847
  .ag-details-row .ag-details-grid {
3451
- flex: 1; }
3848
+ flex: 1;
3849
+ }
3452
3850
  .ab-wait-for-progress-indicator.ab-Grid {
3453
- pointer-events: none; }
3851
+ pointer-events: none;
3852
+ }
3454
3853
 
3455
3854
  /*# sourceMappingURL=base.css.map */