@adaptabletools/adaptable 13.0.0-canary.9 → 13.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/base.css +1231 -733
  2. package/base.css.map +1 -0
  3. package/bundle.cjs.js +236 -219
  4. package/index.css +1249 -734
  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/AdaptableInterfaces/IAdaptable.d.ts +3 -0
  10. package/src/AdaptableOptions/AdaptableQLOptions.d.ts +30 -6
  11. package/src/AdaptableOptions/ExportOptions.d.ts +2 -2
  12. package/src/AdaptableOptions/GeneralOptions.d.ts +0 -5
  13. package/src/AdaptableOptions/LayoutOptions.d.ts +2 -1
  14. package/src/AdaptableOptions/UserInterfaceOptions.d.ts +2 -2
  15. package/src/Api/AdaptableApi.d.ts +2 -5
  16. package/src/Api/ColumnApi.d.ts +8 -2
  17. package/src/Api/ConfigApi.d.ts +0 -5
  18. package/src/Api/ExportApi.d.ts +6 -6
  19. package/src/Api/FormatColumnApi.d.ts +46 -73
  20. package/src/Api/Implementation/AdaptableApiImpl.d.ts +2 -2
  21. package/src/Api/Implementation/AdaptableApiImpl.js +2 -3
  22. package/src/Api/Implementation/AlertApiImpl.js +9 -4
  23. package/src/Api/Implementation/ColumnApiImpl.d.ts +2 -1
  24. package/src/Api/Implementation/ColumnApiImpl.js +15 -11
  25. package/src/Api/Implementation/ConfigApiImpl.d.ts +0 -2
  26. package/src/Api/Implementation/ConfigApiImpl.js +0 -11
  27. package/src/Api/Implementation/ExportApiImpl.d.ts +4 -4
  28. package/src/Api/Implementation/ExportApiImpl.js +14 -14
  29. package/src/Api/Implementation/FlashingCellApiImpl.js +4 -1
  30. package/src/Api/Implementation/FormatColumnApiImpl.d.ts +24 -22
  31. package/src/Api/Implementation/FormatColumnApiImpl.js +57 -224
  32. package/src/Api/Implementation/InternalApiImpl.d.ts +1 -1
  33. package/src/Api/Implementation/InternalApiImpl.js +4 -3
  34. package/src/Api/Implementation/QueryLanguageApiImpl.d.ts +2 -1
  35. package/src/Api/Implementation/QueryLanguageApiImpl.js +9 -15
  36. package/src/Api/Implementation/ScopeApiImpl.d.ts +1 -1
  37. package/src/Api/Implementation/StyledColumnApiImpl.d.ts +25 -0
  38. package/src/Api/Implementation/StyledColumnApiImpl.js +193 -0
  39. package/src/Api/InternalApi.d.ts +1 -1
  40. package/src/Api/QueryLanguageApi.d.ts +3 -2
  41. package/src/Api/ScopeApi.d.ts +1 -1
  42. package/src/Api/StyledColumnApi.d.ts +106 -0
  43. package/src/Api/{ConditionalStyleApi.js → StyledColumnApi.js} +0 -0
  44. package/src/PredefinedConfig/AdaptableState.d.ts +2 -0
  45. package/src/PredefinedConfig/Common/AdaptableIcon.d.ts +1 -1
  46. package/src/PredefinedConfig/Common/Types.d.ts +3 -3
  47. package/src/PredefinedConfig/Common/Types.js +1 -0
  48. package/src/PredefinedConfig/FormatColumnState.d.ts +6 -90
  49. package/src/PredefinedConfig/PredefinedConfig.d.ts +5 -0
  50. package/src/PredefinedConfig/StyledColumnState.d.ts +119 -0
  51. package/src/{Strategy/Interface/IConditionalStyleModule.js → PredefinedConfig/StyledColumnState.js} +0 -0
  52. package/src/Redux/ActionsReducers/PluginsRedux.d.ts +4 -4
  53. package/src/Redux/ActionsReducers/PluginsRedux.js +5 -5
  54. package/src/Redux/ActionsReducers/StyledColumnRedux.d.ts +49 -0
  55. package/src/Redux/ActionsReducers/StyledColumnRedux.js +92 -0
  56. package/src/Redux/DeadRedux.d.ts +6 -0
  57. package/src/Redux/DeadRedux.js +19 -1
  58. package/src/Redux/Store/AdaptableStore.js +9 -8
  59. package/src/Strategy/ConditionalStyleModule.d.ts +2 -27
  60. package/src/Strategy/ConditionalStyleModule.js +0 -219
  61. package/src/Strategy/FormatColumnModule.d.ts +0 -2
  62. package/src/Strategy/FormatColumnModule.js +30 -221
  63. package/src/Strategy/LayoutModule.js +0 -4
  64. package/src/Strategy/StyledColumnModule.d.ts +24 -0
  65. package/src/Strategy/StyledColumnModule.js +165 -0
  66. package/src/Strategy/Utilities/FormatColumn/getFormatColumnStyleViewItems.js +1 -16
  67. package/src/Strategy/Utilities/getScopeViewItems.js +1 -1
  68. package/src/Utilities/Constants/ModuleConstants.d.ts +3 -0
  69. package/src/Utilities/Constants/ModuleConstants.js +4 -1
  70. package/src/Utilities/Defaults/DefaultAdaptableOptions.js +1 -3
  71. package/src/Utilities/Defaults/DefaultSettingsPanel.js +1 -1
  72. package/src/Utilities/ExpressionFunctions/observableExpressionFunctions.d.ts +1 -4
  73. package/src/Utilities/ObjectFactory.d.ts +5 -2
  74. package/src/Utilities/ObjectFactory.js +14 -6
  75. package/src/Utilities/Services/ModuleService.js +2 -2
  76. package/src/Utilities/Services/QueryLanguageService.js +1 -1
  77. package/src/Utilities/Services/ReportService.js +6 -6
  78. package/src/View/AdaptablePopover/index.js +1 -1
  79. package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js +15 -14
  80. package/src/View/Alert/Wizard/AlertButtonsEditor.js +24 -1
  81. package/src/View/Alert/Wizard/AlertDisplayWizardSection.js +6 -5
  82. package/src/View/Alert/Wizard/BaseAlertRulesWizardSection.js +3 -3
  83. package/src/View/Alert/Wizard/BaseAlertScopeWizardSection.js +3 -3
  84. package/src/View/Alert/Wizard/isValidAlertRules.js +1 -1
  85. package/src/View/BulkUpdate/BulkUpdatePopup.js +1 -1
  86. package/src/View/CalculatedColumn/CalculatedColumnSummary.d.ts +1 -1
  87. package/src/View/Components/AdaptableObjectList/AdaptableObjectList.js +1 -1
  88. package/src/View/Components/AdaptableObjectRow/index.js +1 -6
  89. package/src/View/Components/Buttons/ButtonInfo.d.ts +1 -3
  90. package/src/View/Components/Buttons/ButtonInfo.js +3 -5
  91. package/src/View/Components/EntityRulesEditor/index.js +8 -17
  92. package/src/View/Components/FilterForm/FilterForm.js +11 -16
  93. package/src/View/Components/FilterForm/ListBoxFilterForm.js +2 -1
  94. package/src/View/Components/FilterForm/QuickFilterForm.js +7 -13
  95. package/src/View/Components/NewScopeComponent.js +3 -3
  96. package/src/View/Components/Panels/PanelWithButton.js +1 -5
  97. package/src/View/Components/Panels/PanelWithImage.js +1 -5
  98. package/src/View/Components/Popups/AdaptablePopup/AdaptablePopup.js +2 -2
  99. package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupDialog.d.ts +1 -0
  100. package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupDialog.js +3 -16
  101. package/src/View/Components/Popups/AdaptablePopup/PopupPanel.js +1 -1
  102. package/src/View/Components/Popups/AdaptablePopupTeamSharing.js +5 -5
  103. package/src/View/Components/RangesComponent.d.ts +8 -1
  104. package/src/View/Components/RangesComponent.js +60 -24
  105. package/src/View/Components/ScopeComponent.js +6 -6
  106. package/src/View/Components/Selectors/ColumnSelector.d.ts +1 -0
  107. package/src/View/Components/Selectors/ColumnSelector.js +2 -1
  108. package/src/View/Components/Selectors/ColumnValueSelector.js +2 -2
  109. package/src/View/Components/StyleComponent.js +14 -19
  110. package/src/View/Components/ToolPanel/AdaptableToolPanel.d.ts +1 -11
  111. package/src/View/Components/ToolPanel/AdaptableToolPanel.js +21 -9
  112. package/src/View/Components/ToolPanel/CustomToolPanelContent.js +1 -1
  113. package/src/View/Components/ToolPanel/ToolPanelPopup.d.ts +1 -1
  114. package/src/View/DataSet/DataSetSelector.js +1 -1
  115. package/src/View/DataSet/DataSetViewPanel.d.ts +1 -1
  116. package/src/View/Export/ExportViewPanel.d.ts +1 -1
  117. package/src/View/Export/ExportViewPanel.js +4 -4
  118. package/src/View/Export/ReportExportDropdown.js +1 -1
  119. package/src/View/Export/Wizard/ReportNameWizardSection.js +10 -11
  120. package/src/View/Filter/FilterSummary.d.ts +1 -1
  121. package/src/View/Filter/FilterViewPanel.d.ts +1 -1
  122. package/src/View/FlashingCell/FlashingCellStyle.js +3 -3
  123. package/src/View/FlashingCell/Wizard/FlashingCellRulesWizardSection.js +3 -3
  124. package/src/View/FlashingCell/Wizard/FlashingCellSettingsWizardSection.js +6 -6
  125. package/src/View/FlashingCell/Wizard/FlashingCellWizard.js +4 -4
  126. package/src/View/FormatColumn/FormatColumnSummary.js +1 -1
  127. package/src/View/FormatColumn/Wizard/FormatColumnFormatWizardSection.js +27 -27
  128. package/src/View/FormatColumn/Wizard/FormatColumnRuleWizardSection.js +4 -5
  129. package/src/View/FormatColumn/Wizard/FormatColumnScopeWizardSection.js +1 -1
  130. package/src/View/FormatColumn/Wizard/FormatColumnSettingsWizardSection.js +2 -6
  131. package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.d.ts +3 -3
  132. package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.js +6 -300
  133. package/src/View/FormatColumn/Wizard/FormatColumnWizard.js +3 -10
  134. package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.js +7 -7
  135. package/src/View/GridInfo/ColumnInfoComponent.js +0 -7
  136. package/src/View/Layout/LayoutRadioSelector.js +1 -1
  137. package/src/View/Layout/LayoutViewPanel.d.ts +1 -1
  138. package/src/View/Layout/Wizard/Components/ColumnLabels.js +1 -1
  139. package/src/View/Layout/Wizard/sections/AggregationsSection.js +1 -1
  140. package/src/View/Layout/Wizard/sections/ColumnsSection.js +7 -6
  141. package/src/View/Layout/Wizard/sections/SettingsSection.js +2 -2
  142. package/src/View/PlusMinus/Wizard/PlusMinusRuleWizardSection.js +1 -1
  143. package/src/View/PlusMinus/Wizard/PlusMinusSettingsWizardSection.js +3 -3
  144. package/src/View/Query/QueryViewPanel.d.ts +1 -1
  145. package/src/View/Query/Wizard/NamedQuerySettingsWizardSection.js +1 -1
  146. package/src/View/QuickSearch/QuickSearchPopup.js +2 -2
  147. package/src/View/QuickSearch/QuickSearchViewPanel.d.ts +1 -1
  148. package/src/View/Schedule/Wizard/ScheduleScheduleWizard.js +5 -5
  149. package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsGlue42.js +1 -1
  150. package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsIPushPull.js +5 -5
  151. package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsOpenFin.js +1 -1
  152. package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReminder.js +5 -5
  153. package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReport.js +2 -2
  154. package/src/View/Shortcut/Wizard/ShortcutSettingsWizard.js +3 -3
  155. package/src/View/SmartEdit/SmartEditPopup.js +3 -3
  156. package/src/View/SpecialColumnSettingsWizardStep.js +10 -10
  157. package/src/View/StateManagement/StateManagementPopup.js +4 -4
  158. package/src/View/StyledColumn/Wizard/StyledColumnWizard.d.ts +7 -0
  159. package/src/View/StyledColumn/Wizard/StyledColumnWizard.js +77 -0
  160. package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.d.ts +9 -0
  161. package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.js +65 -0
  162. package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection.d.ts +9 -0
  163. package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection.js +234 -0
  164. package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.d.ts +7 -0
  165. package/src/View/StyledColumn/Wizard/StyledColumnWizardTypeSection.js +59 -0
  166. package/src/View/SystemStatus/SystemStatusEntityRow.js +4 -6
  167. package/src/View/SystemStatus/SystemStatusViewPanel.d.ts +1 -1
  168. package/src/View/TeamSharing/SharedEntityObjectView.js +1 -1
  169. package/src/View/TeamSharing/TeamSharingApplyButton.js +1 -1
  170. package/src/View/Theme/ThemePopup.js +1 -1
  171. package/src/View/Wizard/OnePageAdaptableWizard.d.ts +1 -1
  172. package/src/View/Wizard/OnePageAdaptableWizard.js +1 -2
  173. package/src/agGrid/ActionColumnRenderer.d.ts +2 -0
  174. package/src/agGrid/ActionColumnRenderer.js +94 -62
  175. package/src/agGrid/Adaptable.d.ts +10 -11
  176. package/src/agGrid/Adaptable.js +161 -222
  177. package/src/agGrid/CheckboxRenderer.js +1 -1
  178. package/src/agGrid/FilterWrapper.js +60 -16
  179. package/src/agGrid/FloatingFilterWrapper.d.ts +2 -2
  180. package/src/agGrid/FloatingFilterWrapper.js +71 -32
  181. package/src/agGrid/PercentBarRenderer.d.ts +6 -2
  182. package/src/agGrid/PercentBarRenderer.js +19 -17
  183. package/src/agGrid/agGridHelper.d.ts +6 -2
  184. package/src/agGrid/agGridHelper.js +17 -17
  185. package/src/agGrid/createAgStatusPanelComponent.d.ts +1 -1
  186. package/src/agGrid/createAgStatusPanelComponent.js +17 -0
  187. package/src/agGrid/editors/AdaptableDateEditor/index.d.ts +4 -1
  188. package/src/agGrid/editors/AdaptableDateEditor/index.js +84 -17
  189. package/src/agGrid/editors/AdaptableNumberEditor/InternalAdaptableNumberEditor.js +1 -1
  190. package/src/agGrid/editors/AdaptableNumberEditor/index.d.ts +2 -3
  191. package/src/agGrid/editors/AdaptableNumberEditor/index.js +78 -27
  192. package/src/agGrid/weightedAverage.js +19 -11
  193. package/src/components/CheckBox/index.js +7 -2
  194. package/src/components/Datepicker/index.d.ts +1 -1
  195. package/src/components/ExpressionEditor/BaseEditorInput.js +13 -32
  196. package/src/components/ExpressionEditor/index.js +9 -17
  197. package/src/components/FormLayout/index.js +1 -1
  198. package/src/components/StylePreview.js +2 -1
  199. package/src/components/icons/brush.d.ts +3 -0
  200. package/src/components/icons/brush.js +7 -0
  201. package/src/components/icons/index.js +2 -0
  202. package/src/metamodel/adaptable.metamodel.d.ts +113 -57
  203. package/src/metamodel/adaptable.metamodel.js +1 -1
  204. package/src/renderReactRoot.d.ts +2 -0
  205. package/src/renderReactRoot.js +11 -9
  206. package/src/types.d.ts +5 -5
  207. package/themes/dark.css +8 -4
  208. package/themes/dark.css.map +1 -0
  209. package/themes/light.css +4 -1
  210. package/themes/light.css.map +1 -0
  211. package/version.d.ts +1 -1
  212. package/version.js +1 -1
  213. package/src/AdaptableComponents.d.ts +0 -1
  214. package/src/AdaptableComponents.js +0 -5
  215. package/src/Api/ConditionalStyleApi.d.ts +0 -86
  216. package/src/Api/Implementation/ConditionalStyleApiImpl.d.ts +0 -29
  217. package/src/Api/Implementation/ConditionalStyleApiImpl.js +0 -98
  218. package/src/Redux/ActionsReducers/ConditionalStyleRedux.d.ts +0 -49
  219. package/src/Redux/ActionsReducers/ConditionalStyleRedux.js +0 -95
  220. package/src/Strategy/Interface/IConditionalStyleModule.d.ts +0 -6
  221. package/src/Strategy/Utilities/getStyleViewItems.d.ts +0 -2
  222. package/src/Strategy/Utilities/getStyleViewItems.js +0 -16
  223. package/src/View/ConditionalStyle/ConditionalStylePopupHeader.d.ts +0 -2
  224. package/src/View/ConditionalStyle/ConditionalStylePopupHeader.js +0 -18
  225. package/src/View/ConditionalStyle/ConditionalStyleSummary.d.ts +0 -25
  226. package/src/View/ConditionalStyle/ConditionalStyleSummary.js +0 -108
  227. package/src/View/ConditionalStyle/Wizard/ConditionalStyleRuleWizardSection.d.ts +0 -9
  228. package/src/View/ConditionalStyle/Wizard/ConditionalStyleRuleWizardSection.js +0 -42
  229. package/src/View/ConditionalStyle/Wizard/ConditionalStyleScopeWizardSection.d.ts +0 -8
  230. package/src/View/ConditionalStyle/Wizard/ConditionalStyleScopeWizardSection.js +0 -43
  231. package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.d.ts +0 -8
  232. package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.js +0 -29
  233. package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.d.ts +0 -8
  234. package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.js +0 -23
  235. package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.d.ts +0 -6
  236. package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js +0 -114
  237. package/src/View/ConditionalStyle/Wizard/DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE.d.ts +0 -1
  238. package/src/View/ConditionalStyle/Wizard/DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE.js +0 -4
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,30 @@
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
+ --ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
1932
+ }
1893
1933
  :root {
1894
1934
  --ab-cmp-wizard__padding: var(--ab-space-5);
1895
1935
  --ab-cmp-wizard__margin: var(--ab-space-1);
1896
1936
  --ab-cmp-wizard__background: var(--ab-color-primary);
1897
- --ab-cmp-wizard__color: var(--ab-color-text-on-primary); }
1937
+ --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
1938
+ }
1898
1939
  :root {
1899
1940
  --ab-cmp-button-border-radius: 0px;
1900
1941
  --ab-cmp-button-disabled-opacity: 0.5;
1901
1942
  --ab-cmp-button-background: var(--ab-color-primary);
1902
- --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
1943
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark);
1944
+ }
1903
1945
  :root {
1904
1946
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
1905
1947
  --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
@@ -1909,7 +1951,8 @@
1909
1951
  --ab-cmp-dashboardpanel__color: currentColor;
1910
1952
  --ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
1911
1953
  --ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
1912
- --ab-cmp-dashboardpanel__border: none; }
1954
+ --ab-cmp-dashboardpanel__border: none;
1955
+ }
1913
1956
  :root {
1914
1957
  --ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
1915
1958
  --ab-cmp-toolpanelpanel__fill: var(--ab-cmp-dashboardpanel__fill);
@@ -1919,39 +1962,48 @@
1919
1962
  --ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
1920
1963
  --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
1921
1964
  --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
1922
- --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
1965
+ --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
1966
+ }
1923
1967
  :root {
1924
1968
  --ab-cmp-popover__border-radius: var(--ab__border-radius);
1925
1969
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
1926
1970
  --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
1927
1971
  --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
1928
- --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark); }
1972
+ --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
1973
+ }
1929
1974
  :root {
1930
1975
  --ab-cmp-one-page-wizard__background: var(--ab-color-primary);
1931
1976
  --ab-cmp-one-page-wizard-content__background: var(--ab-color-defaultbackground);
1932
1977
  --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); }
1978
+ --ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
1979
+ }
1934
1980
  .ab-OnePageWizard__section {
1935
1981
  background: var(--ab-cmp-one-page-wizard-content__background);
1936
1982
  overflow: auto;
1937
- border-radius: var(--ab__border-radius); }
1983
+ border-radius: var(--ab__border-radius);
1984
+ }
1938
1985
  .ab-OnePageWizard__section-title-container {
1939
- background: var(--ab-cmp-one-page-wizard__background); }
1986
+ background: var(--ab-cmp-one-page-wizard__background);
1987
+ }
1940
1988
  .ab-OnePageWizard__section-container {
1941
1989
  background: var(--ab-cmp-one-page-wizard__background);
1942
1990
  min-height: 100%;
1943
- overflow: hidden; }
1991
+ overflow: hidden;
1992
+ }
1944
1993
  .ab-OnePageWizard__footer {
1945
- background: var(--ab-cmp-one-page-wizard__background); }
1994
+ background: var(--ab-cmp-one-page-wizard__background);
1995
+ }
1946
1996
  :root {
1947
1997
  --ab-cmp-toolpanel__width: 200px;
1948
1998
  --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
1949
1999
  --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
1950
2000
  --ab-cmp-toolpanel-header__grid-gap: 3px;
1951
2001
  --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
1952
- --ab-cmp-toolpanel__font-family: var(--ab__font-family); }
2002
+ --ab-cmp-toolpanel__font-family: var(--ab__font-family);
2003
+ }
1953
2004
  :root {
1954
- --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4); }
2005
+ --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
2006
+ }
1955
2007
  :root {
1956
2008
  --ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
1957
2009
  --ab-cmp-adaptable-popup--settings__padding: 20px;
@@ -1988,9 +2040,11 @@
1988
2040
  --ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
1989
2041
  --ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
1990
2042
  --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); }
2043
+ --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
2044
+ }
1992
2045
  :root {
1993
- --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
2046
+ --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
2047
+ }
1994
2048
  :root {
1995
2049
  --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
1996
2050
  --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
@@ -2011,24 +2065,35 @@
2011
2065
  --ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
2012
2066
  --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
2013
2067
  --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); }
2068
+ --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
2069
+ }
2015
2070
  :root {
2016
2071
  --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
2017
2072
  --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
2018
- --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground); }
2073
+ --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
2074
+ }
2019
2075
  :root {
2020
- --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground); }
2076
+ --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
2077
+ --ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
2078
+ --ab-cmp-system-status-list-text__font-weight: bold;
2079
+ --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
2080
+ --ab-cmp-system-status-list-text__color: var(--ab-color-text-on-secondary);
2081
+ --ab-cmp-system-status-list-text__padding: var(--ab-space-2);
2082
+ }
2021
2083
  :root {
2022
- --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground); }
2084
+ --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
2085
+ }
2023
2086
  :root {
2024
2087
  --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
2025
2088
  --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
2026
2089
  --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
2027
2090
  --ab-cmp-adaptable-statusbar__font-weight: 400;
2028
- --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary); }
2091
+ --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
2092
+ }
2029
2093
  :root {
2030
2094
  --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); }
2095
+ --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
2096
+ }
2032
2097
  :root {
2033
2098
  --ab-cmp-adaptable-layout-wizard-column-row-title__border-radious: var(--ab__border-radius);
2034
2099
  --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
@@ -2042,96 +2107,138 @@
2042
2107
  --ab__border-radius
2043
2108
  );
2044
2109
  --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
2045
- --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
2110
+ --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
2111
+ }
2046
2112
  .ab-PermitedValuesSelector__PopupContent {
2047
2113
  z-index: 1000;
2048
2114
  font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
2049
2115
  border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
2050
2116
  background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
2051
- padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
2117
+ padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
2118
+ }
2119
+ :root {
2120
+ --ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
2121
+ --ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
2122
+ --ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
2123
+ --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
2124
+ var(--ab-color-primarydark);
2125
+ --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
2126
+ --ab-cmp-expression-editor-input__font-family: monospace;
2127
+ --ab-cmp-expression-editor-feedback__border-radius: var(--ab__border-radius);
2128
+ }
2129
+ :root {
2130
+ --ab-cmp-quickfilter__font-size: var(--ab-font-size-1);
2131
+ --ab-cmp-quickfilter__border: 1px solid var(--ab-color-primarydark);
2132
+ --ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
2133
+ }
2052
2134
  .ab-Radio-input:focus + svg rect {
2053
2135
  stroke: var(--ab-color-accent);
2054
- stroke-width: 2; }
2136
+ stroke-width: 2;
2137
+ }
2055
2138
  .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; }
2139
+ outline: 2px solid var(--ab-color-accent);
2140
+ }
2141
+ .ab-Radio-input:checked + svg rect, .ab-Radio-input:checked + svg polyline {
2142
+ stroke: currentColor;
2143
+ }
2060
2144
  .ab-Radio-input:checked + svg polyline {
2061
2145
  animation: abRadioCheckAnimation 0.5s ease forwards;
2062
2146
  stroke-dasharray: 50;
2063
- stroke-dashoffset: 50; }
2147
+ stroke-dashoffset: 50;
2148
+ }
2064
2149
  .ab-Radio-input input:focus {
2065
2150
  box-shadow: var(--ab-focus__box-shadow);
2066
- outline: var(--ab-focus__outline); }
2151
+ outline: var(--ab-focus__outline);
2152
+ }
2067
2153
  @keyframes abRadioCheckAnimation {
2068
2154
  100% {
2069
- stroke-dashoffset: 0; } }
2155
+ stroke-dashoffset: 0;
2156
+ }
2157
+ }
2070
2158
  .ab-Table td,
2071
2159
  .ab-Table th {
2072
- padding: var(--ab-space-2); }
2160
+ padding: var(--ab-space-2);
2161
+ }
2073
2162
  .ab-Table th {
2074
- border-bottom: 2px solid var(--ab-color-primarydark); }
2163
+ border-bottom: 2px solid var(--ab-color-primarydark);
2164
+ }
2075
2165
  .ab-Table tr:not(last-child) td {
2076
- border-bottom: 1px solid var(--ab-color-primarylight); }
2077
- .ab-CheckBox,
2078
- .ab-CheckBox *,
2166
+ border-bottom: 1px solid var(--ab-color-primarylight);
2167
+ }
2168
+ .ab-CheckBox {
2169
+ display: inline-flex;
2170
+ flex-flow: row;
2171
+ align-items: center;
2172
+ cursor: pointer;
2173
+ position: relative;
2174
+ }
2175
+ .ab-CheckBox, .ab-CheckBox *,
2079
2176
  .ab-CheckBox *:before,
2080
2177
  .ab-CheckBox *:after {
2081
- box-sizing: border-box; }
2178
+ box-sizing: border-box;
2179
+ }
2082
2180
  .ab-CheckBox--checked {
2083
- --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
2181
+ --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
2182
+ }
2084
2183
  .ab-CheckBox--indeterminate {
2085
- --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color); }
2184
+ --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
2185
+ }
2086
2186
  .ab-CheckBox:focus-within .ab-CheckBox__square,
2087
2187
  .ab-CheckBox:active .ab-CheckBox__square,
2088
2188
  .ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square,
2089
2189
  .ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
2090
- box-shadow: var(--ab-focus__box-shadow); }
2190
+ box-shadow: var(--ab-focus__box-shadow);
2191
+ }
2091
2192
  .ab-CheckBox__square {
2092
2193
  border-radius: var(--ab__border-radius);
2093
2194
  border-width: 1px;
2094
2195
  border-style: solid;
2095
2196
  border-color: var(--ab-cmp-checkbox__border-color);
2096
2197
  background: var(--ab-cmp-checkbox__background);
2097
- height: var(--ab-cmp-checkbox--check-size);
2098
- width: var(--ab-cmp-checkbox--check-size);
2198
+ min-height: var(--ab-cmp-checkbox--check-size);
2199
+ min-width: var(--ab-cmp-checkbox--check-size);
2099
2200
  line-height: 0;
2100
2201
  font-size: 0;
2101
2202
  position: relative;
2102
- pointer-events: none; }
2203
+ pointer-events: none;
2204
+ }
2103
2205
  .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; }
2206
+ opacity: 1;
2207
+ transition-duration: 0.1s;
2208
+ transition-timing-function: ease-in;
2209
+ transition-property: opacity;
2210
+ content: "";
2211
+ display: block;
2212
+ margin: auto;
2213
+ width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
2214
+ height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
2215
+ border: solid var(--ab-cmp-checkbox--check__color);
2216
+ border-width: 0 2px 2px 0;
2217
+ transform: rotate(45deg);
2218
+ border-radius: 1px;
2219
+ }
2117
2220
  .ab-CheckBox__square--unchecked::after {
2118
- opacity: 0; }
2221
+ opacity: 0;
2222
+ }
2119
2223
  .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); }
2224
+ transform: rotate(0deg);
2225
+ position: absolute;
2226
+ top: 2px;
2227
+ bottom: 2px;
2228
+ right: 2px;
2229
+ left: 2px;
2230
+ border: none;
2231
+ width: auto;
2232
+ height: auto;
2233
+ background: var(--ab-cmp-checkbox--check__color);
2234
+ border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
2235
+ }
2131
2236
  .ab-CheckBox--disabled {
2132
- opacity: 0.5; }
2237
+ opacity: 0.5;
2238
+ }
2133
2239
  .ab-CheckBox--readonly .ab-CheckBox__square {
2134
- opacity: 0.5; }
2240
+ opacity: 0.5;
2241
+ }
2135
2242
  .ab-CheckBox-input:not(.ag-checkbox-input) {
2136
2243
  width: 100%;
2137
2244
  height: 100%;
@@ -2140,7 +2247,8 @@
2140
2247
  left: 0;
2141
2248
  top: 0;
2142
2249
  z-index: 1;
2143
- position: absolute; }
2250
+ position: absolute;
2251
+ }
2144
2252
  .ab-Dialog {
2145
2253
  position: relative;
2146
2254
  background: var(--ab-cmp-dialog__background);
@@ -2148,30 +2256,34 @@
2148
2256
  color: var(--ab-cmp-dialog__color);
2149
2257
  border-radius: var(--ab-cmp-dialog__border-radius);
2150
2258
  display: flex;
2151
- flex-flow: column; }
2259
+ flex-flow: column;
2260
+ }
2152
2261
  .ab-Dialog:focus-within, .ab-Dialog:focus {
2153
- box-shadow: var(--ab-focus__box-shadow);
2154
- outline: var(--ab-focus__outline); }
2262
+ box-shadow: var(--ab-focus__box-shadow);
2263
+ outline: var(--ab-focus__outline);
2264
+ }
2155
2265
  .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; }
2266
+ position: absolute;
2267
+ right: 6px;
2268
+ top: 6px;
2269
+ font-size: var(--ab-font-size-3);
2270
+ font-weight: 700;
2271
+ line-height: 1;
2272
+ color: var(--ab-cmp-dialog-close-button__color);
2273
+ text-shadow: 0 1px 0 #fff;
2274
+ cursor: pointer;
2275
+ }
2165
2276
  .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; }
2277
+ position: fixed;
2278
+ margin: auto;
2279
+ left: 0;
2280
+ top: 0;
2281
+ right: 0;
2282
+ bottom: 0;
2283
+ display: flex;
2284
+ align-items: center;
2285
+ justify-content: center;
2286
+ }
2175
2287
  .ab-Dropdown {
2176
2288
  background: var(--ab-color-defaultbackground);
2177
2289
  border: var(--ab-cmp-dropdown__border);
@@ -2180,36 +2292,44 @@
2180
2292
  min-width: 120px;
2181
2293
  max-width: 300px;
2182
2294
  font-family: var(--ab-cmp-dropdown__font-family);
2183
- font-size: var(--ab-cmp-dropdown__font-size); }
2295
+ font-size: var(--ab-cmp-dropdown__font-size);
2296
+ }
2184
2297
  .ab-Dropdown--disabled {
2185
- opacity: 0.5; }
2298
+ opacity: 0.5;
2299
+ }
2186
2300
  .ab-Dropdown--focused {
2187
- box-shadow: var(--ab-focus__box-shadow);
2188
- outline: var(--ab-focus__outline); }
2301
+ box-shadow: var(--ab-focus__box-shadow);
2302
+ outline: var(--ab-focus__outline);
2303
+ }
2189
2304
  .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; }
2305
+ color: var(--ab-cmp-dropdown__color);
2306
+ padding: var(--ab-cmp-dropdown__padding);
2307
+ pointer-events: none;
2308
+ position: relative;
2309
+ cursor: pointer;
2310
+ overflow: hidden;
2311
+ text-overflow: ellipsis;
2312
+ white-space: nowrap;
2313
+ flex: 1;
2314
+ }
2199
2315
  .ab-Dropdown--empty .ab-Dropdown__text {
2200
- color: var(--ab-color-text-on-defaultbackground); }
2316
+ color: var(--ab-color-text-on-defaultbackground);
2317
+ }
2201
2318
  .ab-Dropdown select {
2202
- font-family: inherit;
2203
- font-size: inherit;
2204
- position: absolute;
2205
- cursor: pointer; }
2319
+ font-family: inherit;
2320
+ font-size: inherit;
2321
+ position: absolute;
2322
+ cursor: pointer;
2323
+ }
2206
2324
  .ab-Dropdown .ab-SimpleButton {
2207
- color: var(--ab-cmp-dropdown__color) !important; }
2325
+ color: var(--ab-cmp-dropdown__color) !important;
2326
+ }
2208
2327
  .ab-DropdownButton {
2209
2328
  position: relative;
2210
2329
  overflow: visible;
2211
2330
  outline: none;
2212
- --ab-overlay-horizontal-align: left; }
2331
+ --ab-overlay-horizontal-align: left;
2332
+ }
2213
2333
  .ab-DropdownButton__list {
2214
2334
  text-align: start;
2215
2335
  padding: var(--ab-space-1) 0;
@@ -2218,29 +2338,37 @@
2218
2338
  border: var(--ab-cmp-dropdownbutton-list__border);
2219
2339
  border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
2220
2340
  z-index: var(--ab-cmp-dropdownbutton-list__z-index);
2221
- background: var(--ab-cmp-dropdownbutton-list__background); }
2341
+ background: var(--ab-cmp-dropdownbutton-list__background);
2342
+ }
2222
2343
  .ab-DropdownButton__content {
2223
2344
  font-family: var(--ab__font-family);
2224
2345
  font-size: var(--ab-font-size-2);
2225
2346
  max-width: 100%;
2226
2347
  width: 100%;
2227
- border-spacing: 0; }
2348
+ border-spacing: 0;
2349
+ }
2228
2350
  .ab-DropdownButton__list-item {
2229
2351
  fill: currentColor;
2230
- color: var(--ab-cmp-dropdownbutton-list-item__color); }
2352
+ color: var(--ab-cmp-dropdownbutton-list-item__color);
2353
+ }
2231
2354
  .ab-DropdownButton__list-item--disabled {
2232
- opacity: 0.5; }
2355
+ opacity: 0.5;
2356
+ }
2233
2357
  .ab-DropdownButton__list-item--not-clickable {
2234
- cursor: auto; }
2358
+ cursor: auto;
2359
+ }
2235
2360
  .ab-DropdownButton__list-item--clickable:hover {
2236
2361
  background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
2237
2362
  color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
2238
2363
  fill: currentColor;
2239
- cursor: pointer; }
2364
+ cursor: pointer;
2365
+ }
2240
2366
  .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
2241
- color: inherit; }
2367
+ color: inherit;
2368
+ }
2242
2369
  .ab-DropdownButton__separator td {
2243
- border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border); }
2370
+ border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
2371
+ }
2244
2372
  .ab-EmptyContent {
2245
2373
  position: absolute;
2246
2374
  top: 0;
@@ -2249,56 +2377,66 @@
2249
2377
  right: 0;
2250
2378
  font-size: var(--ab-font-size-3);
2251
2379
  text-align: center;
2252
- padding: var(--ab-space-4); }
2380
+ padding: var(--ab-space-4);
2381
+ }
2253
2382
  .ab-EmptyContent p {
2254
- color: var(--ab-color-text-on-primary); }
2383
+ color: var(--ab-color-text-on-primary);
2384
+ }
2255
2385
  .ab-EmptyContent__wrapper {
2256
2386
  position: relative;
2257
2387
  width: 100%;
2258
- height: 100%; }
2388
+ height: 100%;
2389
+ }
2259
2390
  .ab-ErrorBox {
2260
2391
  padding: var(--ab-cmp-error-box__padding);
2261
2392
  border-radius: var(--ab-cmp-error-box__border-radius);
2262
2393
  background: var(--ab-cmp-error-box__background);
2263
- color: var(--ab-cmp-error-box__color); }
2394
+ color: var(--ab-cmp-error-box__color);
2395
+ }
2264
2396
  .ab-FieldWrap {
2265
2397
  border: 1px solid var(--ab-color-inputborder);
2266
2398
  color: 1px solid var(--ab-color-inputcolor);
2267
2399
  border-radius: var(--ab-cmp-field-wrap__border-radius);
2268
2400
  background: var(--ab-cmp-field-wrap__background);
2269
2401
  overflow: hidden;
2270
- fill: var(--ab-cmp-field-wrap__fill); }
2402
+ fill: var(--ab-cmp-field-wrap__fill);
2403
+ }
2271
2404
  .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; }
2405
+ box-shadow: var(--ab-focus__box-shadow);
2406
+ }
2407
+ .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
2408
+ border: none;
2409
+ flex: 1;
2410
+ }
2411
+ .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
2412
+ outline: none !important;
2413
+ box-shadow: none !important;
2414
+ }
2283
2415
  .ab-FormLayout {
2284
2416
  display: grid;
2285
- align-items: center; }
2417
+ align-items: center;
2418
+ }
2286
2419
  .ab-FormLayout_column--label {
2287
- text-align: end; }
2420
+ text-align: end;
2421
+ }
2288
2422
  .ab-HelpBlock {
2289
2423
  padding: var(--ab-cmp-help-block__padding);
2290
2424
  background: var(--ab-cmp-help-block__background);
2291
2425
  border-radius: var(--ab-cmp-help-block__border-radius);
2292
- color: var(--ab-cmp-help-block__color); }
2426
+ color: var(--ab-cmp-help-block__color);
2427
+ }
2293
2428
  .ab-CodeBlock {
2294
2429
  padding: var(--ab-cmp-code-block__padding);
2295
2430
  background: var(--ab-cmp-code-block__background);
2296
2431
  border-radius: var(--ab-cmp-code-block__border-radius);
2297
- color: var(--ab-cmp-code-block__color); }
2432
+ color: var(--ab-cmp-code-block__color);
2433
+ }
2298
2434
  input.ab-Input {
2299
- background: var(--ab-cmp-input__background); }
2435
+ background: var(--ab-cmp-input__background);
2436
+ }
2300
2437
  input.ab-Input[disabled] {
2301
- background: var(--ab-cmp-input--disabled__background); }
2438
+ background: var(--ab-cmp-input--disabled__background);
2439
+ }
2302
2440
  .ab-Input {
2303
2441
  position: relative;
2304
2442
  padding: var(--ab-cmp-input__padding);
@@ -2312,31 +2450,39 @@ input.ab-Input[disabled] {
2312
2450
  /* Firefox 19+ */
2313
2451
  /* IE 10-11 */
2314
2452
  /* Edge */
2315
- /* MODERN BROWSER */ }
2453
+ /* MODERN BROWSER */
2454
+ }
2316
2455
  .ab-Input:focus {
2317
- box-shadow: var(--ab-focus__box-shadow);
2318
- outline: var(--ab-focus__outline); }
2456
+ box-shadow: var(--ab-focus__box-shadow);
2457
+ outline: var(--ab-focus__outline);
2458
+ }
2319
2459
  .ab-Input::-webkit-input-placeholder {
2320
- color: var(--ab-cmp-input--placeholder__color);
2321
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2460
+ color: var(--ab-cmp-input--placeholder__color);
2461
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2462
+ }
2322
2463
  .ab-Input:-moz-placeholder {
2323
- color: var(--ab-cmp-input--placeholder__color);
2324
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2464
+ color: var(--ab-cmp-input--placeholder__color);
2465
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2466
+ }
2325
2467
  .ab-Input::-moz-placeholder {
2326
- color: var(--ab-cmp-input--placeholder__color);
2327
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2468
+ color: var(--ab-cmp-input--placeholder__color);
2469
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2470
+ }
2328
2471
  .ab-Input:-ms-input-placeholder {
2329
- color: var(--ab-cmp-input--placeholder__color);
2330
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2472
+ color: var(--ab-cmp-input--placeholder__color);
2473
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2474
+ }
2331
2475
  .ab-Input::-ms-input-placeholder {
2332
- color: var(--ab-cmp-input--placeholder__color);
2333
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2476
+ color: var(--ab-cmp-input--placeholder__color);
2477
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2478
+ }
2334
2479
  .ab-Input::placeholder {
2335
- color: var(--ab-cmp-input--placeholder__color);
2336
- opacity: var(--ab-cmp-input--placeholder__opacity); }
2480
+ color: var(--ab-cmp-input--placeholder__color);
2481
+ opacity: var(--ab-cmp-input--placeholder__opacity);
2482
+ }
2337
2483
  /* Spin Buttons modified */
2338
- input[type='number'].ab-Input::-webkit-outer-spin-button,
2339
- input[type='number'].ab-Input::-webkit-inner-spin-button {
2484
+ input[type=number].ab-Input::-webkit-outer-spin-button,
2485
+ input[type=number].ab-Input::-webkit-inner-spin-button {
2340
2486
  -webkit-appearance: none;
2341
2487
  width: 1em;
2342
2488
  opacity: 0;
@@ -2344,15 +2490,18 @@ input[type='number'].ab-Input::-webkit-inner-spin-button {
2344
2490
  top: 0;
2345
2491
  right: 0;
2346
2492
  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; }
2493
+ 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;
2494
+ }
2495
+ input[type=number].ab-Input:focus::-webkit-inner-spin-button, input[type=number].ab-Input:focus::-webkit-inner-spin-button:active,
2496
+ input[type=number].ab-Input:hover::-webkit-inner-spin-button,
2497
+ input[type=number].ab-Input:hover::-webkit-inner-spin-button:active {
2498
+ opacity: 1;
2499
+ }
2352
2500
  .ab-ListGroup {
2353
2501
  display: flex;
2354
2502
  flex-flow: column;
2355
- align-items: flex-start; }
2503
+ align-items: flex-start;
2504
+ }
2356
2505
  :root {
2357
2506
  --ab-cmp-listgroupitem__width: 100%;
2358
2507
  --ab-cmp-listgroupitem__background: var(--ab-color-primary);
@@ -2361,7 +2510,8 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2361
2510
  --ab-cmp-listgroupitem--odd__background: var(--ab-color-primarylight);
2362
2511
  --ab-cmp-listgroupitem--odd__color: var(--ab-color-text-on-primary);
2363
2512
  --ab-cmp-listgroupitem--active__background: var(--ab-color-secondarylight);
2364
- --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight); }
2513
+ --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
2514
+ }
2365
2515
  .ab-Modal {
2366
2516
  position: fixed;
2367
2517
  top: 0;
@@ -2369,9 +2519,11 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2369
2519
  right: 0;
2370
2520
  bottom: 0;
2371
2521
  z-index: 1000;
2372
- font-family: var(--ab__font-family); }
2522
+ font-family: var(--ab__font-family);
2523
+ }
2373
2524
  .ab-Modal.ab-Modal--resizable-and-movable {
2374
- position: relative; }
2525
+ position: relative;
2526
+ }
2375
2527
  .ab-Modal-backdrop {
2376
2528
  background: var(--ab-cmp-modal-backdrop__background);
2377
2529
  z-index: 900;
@@ -2379,118 +2531,146 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2379
2531
  left: 0;
2380
2532
  right: 0;
2381
2533
  top: 0;
2382
- bottom: 0; }
2534
+ bottom: 0;
2535
+ }
2383
2536
  .ab-Tabs {
2384
2537
  display: flex;
2385
- flex-direction: column; }
2386
- .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
2538
+ flex-direction: column;
2539
+ }
2540
+ .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
2387
2541
  .ab-Tabs__Tab--before-active {
2388
- border-bottom-right-radius: var(--ab__border-radius); }
2542
+ border-bottom-right-radius: var(--ab__border-radius);
2543
+ }
2389
2544
  .ab-Tabs__Strip {
2390
2545
  z-index: 10;
2391
- overflow: visible; }
2546
+ overflow: visible;
2547
+ }
2392
2548
  .ab-Tabs__Tab {
2393
2549
  cursor: pointer;
2394
- background: var(--ab-cmp-tabs-strip__background); }
2550
+ background: var(--ab-cmp-tabs-strip__background);
2551
+ }
2395
2552
  .ab-Tabs__Tab:focus {
2396
- outline: none; }
2553
+ outline: none;
2554
+ }
2397
2555
  .ab-Tabs__Tab:focus:after {
2398
- box-shadow: var(--ab-focus__box-shadow); }
2556
+ box-shadow: var(--ab-focus__box-shadow);
2557
+ }
2399
2558
  .ab-Tabs__Filler {
2400
- background: var(--ab-cmp-tabs-strip__background); }
2559
+ background: var(--ab-cmp-tabs-strip__background);
2560
+ }
2401
2561
  .ab-Tabs__Tab--active + .ab-Tabs__Filler,
2402
2562
  .ab-Tabs__Tab--active + .ab-Tabs__Tab {
2403
- border-bottom-left-radius: var(--ab__border-radius); }
2563
+ border-bottom-left-radius: var(--ab__border-radius);
2564
+ }
2404
2565
  .ab-Tabs__Tab--active {
2405
2566
  position: relative;
2406
- z-index: 30; }
2567
+ z-index: 30;
2568
+ }
2407
2569
  .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); }
2570
+ content: "";
2571
+ pointer-events: none;
2572
+ position: absolute;
2573
+ top: 0;
2574
+ bottom: 5px;
2575
+ right: 0;
2576
+ left: 0;
2577
+ z-index: -2;
2578
+ border-top-left-radius: var(--ab__border-radius);
2579
+ border-top-right-radius: var(--ab__border-radius);
2580
+ }
2418
2581
  .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); }
2582
+ content: "";
2583
+ position: absolute;
2584
+ pointer-events: none;
2585
+ border-top-left-radius: var(--ab__border-radius);
2586
+ border-top-right-radius: var(--ab__border-radius);
2587
+ z-index: -1;
2588
+ left: 0;
2589
+ top: 0;
2590
+ width: 100%;
2591
+ height: 100%;
2592
+ background: var(--ab-cmp-tabs-active__background);
2593
+ }
2430
2594
  .ab-Tabs__Strip {
2431
- background: var(--ab-cmp-tabs-active__background); }
2595
+ background: var(--ab-cmp-tabs-active__background);
2596
+ }
2432
2597
  .ab-Tabs__Body {
2433
2598
  background: var(--ab-cmp-tabs-active__background);
2434
2599
  border-radius: var(--ab__border-radius);
2435
2600
  flex: 1;
2436
2601
  overflow: auto;
2437
2602
  display: flex;
2438
- flex-flow: column; }
2439
- .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2440
- border-top-left-radius: 0; }
2603
+ flex-flow: column;
2604
+ }
2605
+ .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2606
+ border-top-left-radius: 0;
2607
+ }
2441
2608
  .ab-Panel {
2442
2609
  display: flex;
2443
2610
  flex-flow: column;
2444
2611
  max-height: var(--ab-cmp-panel__max-height);
2445
2612
  overflow: auto;
2446
- font-size: var(--ab-cmp-panel__font-size); }
2613
+ font-size: var(--ab-cmp-panel__font-size);
2614
+ }
2447
2615
  .ab-Panel .glyphicon {
2448
- -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2449
- fill: var(--ab-cmp-panel-icon__fill); }
2616
+ -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2617
+ fill: var(--ab-cmp-panel-icon__fill);
2618
+ }
2450
2619
  .ab-Panel--variant-modern {
2451
- --ab-cmp-panel__border-radius: var(--ab-space-1); }
2620
+ --ab-cmp-panel__border-radius: var(--ab-space-1);
2621
+ }
2452
2622
  .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); }
2623
+ flex: none;
2624
+ background: var(--ab-cmp-panel_header__background);
2625
+ color: var(--ab-cmp-panel_header__color);
2626
+ font-size: var(--ab-cmp-panel_header__font-size);
2627
+ padding: var(--ab-cmp-panel_header__padding);
2628
+ border-top-left-radius: var(--ab-cmp-panel__border-radius);
2629
+ border-top-right-radius: var(--ab-cmp-panel__border-radius);
2630
+ border: var(--ab-cmp-panel__border);
2631
+ }
2461
2632
  .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; }
2633
+ background: var(--ab-cmp-panel_header--variant-primary__background);
2634
+ color: var(--ab-cmp-panel_header--variant-primary__color);
2635
+ fill: currentColor;
2636
+ }
2465
2637
  .ab-Panel__header--variant-modern {
2466
- border: none;
2467
- background: var(--ab-cmp-panel_header--variant-modern__background); }
2638
+ border: none;
2639
+ background: var(--ab-cmp-panel_header--variant-modern__background);
2640
+ }
2468
2641
  .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); }
2642
+ position: relative;
2643
+ padding: var(--ab-cmp-panel__padding);
2644
+ border: var(--ab-cmp-panel__border);
2645
+ background: var(--ab-cmp-panel_body__background);
2646
+ color: var(--ab-cmp-panel_body__color);
2647
+ flex: 1;
2648
+ border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
2649
+ border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
2650
+ }
2477
2651
  .ab-Panel__body--scroll-auto {
2478
- overflow: auto; }
2652
+ overflow: auto;
2653
+ }
2479
2654
  .ab-Panel__body--variant-modern {
2480
- border: none;
2481
- background: var(--ab-cmp-panel_body--variant-modern__background); }
2655
+ border: none;
2656
+ background: var(--ab-cmp-panel_body--variant-modern__background);
2657
+ }
2482
2658
  .ab-Panel--with-header > .ab-Panel__body {
2483
- border-top: none; }
2659
+ border-top: none;
2660
+ }
2484
2661
  .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); }
2662
+ border-top-left-radius: var(--ab-cmp-panel__border-radius);
2663
+ border-top-right-radius: var(--ab-cmp-panel__border-radius);
2664
+ }
2487
2665
  .ab-SimpleButton {
2488
2666
  padding: var(--ab-cmp-simple-button__padding);
2489
2667
  font-family: var(--ab-cmp-simple-button__font-family);
2490
- font-size: var(--ab-cmp-simple-button__font-size); }
2668
+ font-size: var(--ab-cmp-simple-button__font-size);
2669
+ }
2491
2670
  .ab-SimpleButton:focus {
2492
- box-shadow: var(--ab-focus__box-shadow);
2493
- outline: var(--ab-focus__outline); }
2671
+ box-shadow: var(--ab-focus__box-shadow);
2672
+ outline: var(--ab-focus__outline);
2673
+ }
2494
2674
  .ab-SimpleButton.ab-SimpleButton {
2495
2675
  vertical-align: middle;
2496
2676
  border-radius: var(--ab-cmp-simple-button__border-radius);
@@ -2501,105 +2681,144 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2501
2681
  flex-flow: row;
2502
2682
  flex: none;
2503
2683
  align-items: center;
2504
- fill: currentColor; }
2684
+ fill: currentColor;
2685
+ }
2505
2686
  .ab-SimpleButton.ab-SimpleButton > * {
2506
- z-index: 1; }
2687
+ z-index: 1;
2688
+ }
2507
2689
  .ab-SimpleButton.ab-SimpleButton svg {
2508
- vertical-align: middle; }
2690
+ vertical-align: middle;
2691
+ }
2509
2692
  .ab-SimpleButton.ab-SimpleButton--tone-neutral {
2510
- color: var(--ab-color-text-on-primary); }
2693
+ color: var(--ab-color-text-on-primary);
2694
+ }
2511
2695
  .ab-SimpleButton.ab-SimpleButton--tone-none {
2512
- color: inherit; }
2696
+ color: inherit;
2697
+ }
2513
2698
  .ab-SimpleButton.ab-SimpleButton--tone-success {
2514
- color: var(--ab-color-success); }
2699
+ color: var(--ab-color-success);
2700
+ }
2515
2701
  .ab-SimpleButton.ab-SimpleButton--tone-accent {
2516
- color: var(--ab-color-text-on-secondary); }
2702
+ color: var(--ab-color-text-on-secondary);
2703
+ }
2517
2704
  .ab-SimpleButton.ab-SimpleButton--tone-error {
2518
- color: var(--ab-color-error); }
2705
+ color: var(--ab-color-error);
2706
+ }
2519
2707
  .ab-SimpleButton.ab-SimpleButton--tone-warning {
2520
- color: var(--ab-color-warn); }
2708
+ color: var(--ab-color-warn);
2709
+ }
2521
2710
  .ab-SimpleButton.ab-SimpleButton--tone-info {
2522
- color: var(--ab-color-info); }
2711
+ color: var(--ab-color-info);
2712
+ }
2523
2713
  .ab-SimpleButton.ab-SimpleButton--disabled {
2524
- opacity: 0.5; }
2714
+ opacity: 0.5;
2715
+ }
2525
2716
  .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; }
2717
+ content: "";
2718
+ position: absolute;
2719
+ display: block;
2720
+ left: 0;
2721
+ right: 0;
2722
+ top: 0;
2723
+ bottom: 0;
2724
+ pointer-events: none;
2725
+ z-index: 0;
2726
+ border-radius: inherit;
2727
+ }
2536
2728
  .ab-SimpleButton.ab-SimpleButton--variant-outlined, .ab-SimpleButton.ab-SimpleButton--variant-text {
2537
- transition: opacity 0.2s; }
2729
+ transition: opacity 0.2s;
2730
+ }
2538
2731
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:before, .ab-SimpleButton.ab-SimpleButton--variant-text:before {
2539
- content: '';
2540
- opacity: 0;
2541
- transition: opacity 0.2s; }
2732
+ content: "";
2733
+ opacity: 0;
2734
+ transition: opacity 0.2s;
2735
+ }
2542
2736
  .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; }
2737
+ cursor: pointer;
2738
+ }
2544
2739
  .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; }
2740
+ opacity: 0.15;
2741
+ background-color: currentColor;
2742
+ }
2547
2743
  .ab-SimpleButton.ab-SimpleButton--variant-text {
2548
- background: transparent; }
2744
+ background: transparent;
2745
+ }
2549
2746
  .ab-SimpleButton.ab-SimpleButton--variant-outlined {
2550
- background: var(--ab-cmp-simple-button--outlined__background);
2551
- border: var(--ab-cmp-simple-button--outlined__border); }
2747
+ background: var(--ab-cmp-simple-button--outlined__background);
2748
+ border: var(--ab-cmp-simple-button--outlined__border);
2749
+ }
2552
2750
  .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); }
2751
+ color: var(--ab-color-text-on-primary);
2752
+ 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);
2753
+ 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);
2754
+ }
2556
2755
  .ab-SimpleButton.ab-SimpleButton--variant-raised:focus {
2557
- box-shadow: var(--ab-focus__box-shadow); }
2756
+ box-shadow: var(--ab-focus__box-shadow);
2757
+ }
2558
2758
  .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); }
2759
+ 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);
2760
+ }
2560
2761
  .ab-SimpleButton.ab-SimpleButton--variant-raised:hover:not(.ab-SimpleButton--disabled) {
2561
- cursor: pointer; }
2762
+ cursor: pointer;
2763
+ }
2562
2764
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success {
2563
- background: var(--ab-color-success);
2564
- color: var(--ab-color-text-on-success); }
2765
+ background: var(--ab-color-success);
2766
+ color: var(--ab-color-text-on-success);
2767
+ }
2565
2768
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success:not(.ab-SimpleButton--disabled) {
2566
- opacity: 1; }
2769
+ opacity: 1;
2770
+ }
2567
2771
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent {
2568
- background: var(--ab-color-secondary);
2569
- color: var(--ab-color-text-on-secondary); }
2772
+ background: var(--ab-color-secondary);
2773
+ color: var(--ab-color-text-on-secondary);
2774
+ }
2570
2775
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent:not(.ab-SimpleButton--disabled) {
2571
- opacity: 1; }
2776
+ opacity: 1;
2777
+ }
2572
2778
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none {
2573
- background: transparent; }
2779
+ background: transparent;
2780
+ }
2574
2781
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none:not(.ab-SimpleButton--disabled) {
2575
- opacity: 1; }
2782
+ opacity: 1;
2783
+ }
2576
2784
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral {
2577
- background: var(--ab-color-primary);
2578
- color: var(--ab-color-text-on-primary); }
2785
+ background: var(--ab-color-primary);
2786
+ color: var(--ab-color-text-on-primary);
2787
+ }
2579
2788
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral:not(.ab-SimpleButton--disabled) {
2580
- opacity: 1; }
2789
+ opacity: 1;
2790
+ }
2581
2791
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error {
2582
- background: var(--ab-color-error);
2583
- color: var(--ab-color-text-on-error); }
2792
+ background: var(--ab-color-error);
2793
+ color: var(--ab-color-text-on-error);
2794
+ }
2584
2795
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error:not(.ab-SimpleButton--disabled) {
2585
- opacity: 1; }
2796
+ opacity: 1;
2797
+ }
2586
2798
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning {
2587
- background: var(--ab-color-warn);
2588
- color: var(--ab-color-text-on-warn); }
2799
+ background: var(--ab-color-warn);
2800
+ color: var(--ab-color-text-on-warn);
2801
+ }
2589
2802
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning:not(.ab-SimpleButton--disabled) {
2590
- opacity: 1; }
2803
+ opacity: 1;
2804
+ }
2591
2805
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info {
2592
- background: var(--ab-color-info);
2593
- color: var(--ab-color-text-on-info); }
2806
+ background: var(--ab-color-info);
2807
+ color: var(--ab-color-text-on-info);
2808
+ }
2594
2809
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info:not(.ab-SimpleButton--disabled) {
2595
- opacity: 1; }
2810
+ opacity: 1;
2811
+ }
2596
2812
  .ab-SimpleButton.ab-SimpleButton--font-weight\=normal {
2597
- font-weight: normal; }
2813
+ font-weight: normal;
2814
+ }
2598
2815
  .ab-SimpleButton.ab-SimpleButton--font-weight\=bold,
2599
2816
  .ab-SimpleButton.ab-SimpleButton--font-weight\=700 {
2600
- font-weight: 700; }
2817
+ font-weight: 700;
2818
+ }
2601
2819
  .ab-SimpleButton.ab-SimpleButton--font-weight\=bolder {
2602
- font-weight: 800; }
2820
+ font-weight: 800;
2821
+ }
2603
2822
  .ab-Textarea {
2604
2823
  padding: var(--ab-cmp-textarea__padding);
2605
2824
  border-radius: var(--ab-cmp-textarea__border-radius);
@@ -2607,31 +2826,36 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2607
2826
  color: var(--ab-cmp-textarea__color);
2608
2827
  font-family: var(--ab-cmp-textarea__font-family);
2609
2828
  font-size: var(--ab-cmp-textarea__font-size);
2610
- background: var(--ab-cmp-textarea__background); }
2829
+ background: var(--ab-cmp-textarea__background);
2830
+ }
2611
2831
  .ab-Textarea[disabled] {
2612
- background: var(--ab-cmp-textarea--disabled__background); }
2832
+ background: var(--ab-cmp-textarea--disabled__background);
2833
+ }
2613
2834
  .ab-Textarea:focus {
2614
- box-shadow: var(--ab-focus__box-shadow);
2615
- outline: var(--ab-focus__outline); }
2835
+ box-shadow: var(--ab-focus__box-shadow);
2836
+ outline: var(--ab-focus__outline);
2837
+ }
2616
2838
  .ab-Tooltip {
2617
2839
  pointer-events: none;
2618
2840
  padding: var(--ab-space-1) var(--ab-space-2);
2619
- box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
2841
+ box-shadow: 2px 2px 10px hsla(0deg, 0%, 0%, 0.1);
2620
2842
  white-space: nowrap;
2621
2843
  font-size: var(--ab-cmp-tooltip__font-size);
2622
- color: var(--ab-cmp-tooltip__color); }
2844
+ color: var(--ab-cmp-tooltip__color);
2845
+ }
2623
2846
  .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; }
2847
+ border: var(--ab-cmp-tooltip__border);
2848
+ content: "";
2849
+ position: absolute;
2850
+ border-radius: var(--ab__border-radius);
2851
+ width: 100%;
2852
+ height: 100%;
2853
+ left: 0;
2854
+ top: 0;
2855
+ opacity: var(--ab-cmp-tooltip__opacity);
2856
+ background: var(--ab-cmp-tooltip__background);
2857
+ z-index: -1;
2858
+ }
2635
2859
  .ab-FileDroppable {
2636
2860
  align-items: center;
2637
2861
  justify-content: center;
@@ -2641,250 +2865,312 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2641
2865
  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
2866
  outline: var(--ab-cmp-file-droppable__outline);
2643
2867
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2644
- background: var(--ab-cmp-file-droppable__background); }
2868
+ background: var(--ab-cmp-file-droppable__background);
2869
+ }
2645
2870
  .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; }
2871
+ .ab-FileDroppable input,
2872
+ .ab-FileDroppable button,
2873
+ .ab-FileDroppable .ab-SimpleButton {
2874
+ 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;
2875
+ fill: currentColor;
2876
+ }
2651
2877
  .ab-FileDroppable,
2652
- .ab-FileDroppable input,
2653
- .ab-FileDroppable button {
2654
- color: var(--ab-cmp-file-droppable__color); }
2878
+ .ab-FileDroppable input,
2879
+ .ab-FileDroppable button {
2880
+ color: var(--ab-cmp-file-droppable__color);
2881
+ }
2655
2882
  .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); }
2883
+ outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
2884
+ outline: var(--ab-cmp-file-droppable--drag-over__outline);
2885
+ background: var(--ab-cmp-file-droppable--drag-over__background);
2886
+ color: var(--ab-cmp-file-droppable--drag-over__color);
2887
+ }
2660
2888
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
2661
- pointer-events: none; }
2889
+ pointer-events: none;
2890
+ }
2662
2891
  .ab-FileDroppable,
2663
- .ab-FileDroppable *,
2664
- .ab-FileDroppable *:before,
2665
- .ab-FileDroppable *:after {
2666
- box-sizing: border-box; }
2892
+ .ab-FileDroppable *,
2893
+ .ab-FileDroppable *:before,
2894
+ .ab-FileDroppable *:after {
2895
+ box-sizing: border-box;
2896
+ }
2667
2897
  .ab-WizardPanel > .ab-Panel__body {
2668
2898
  display: flex;
2669
- flex-flow: column; }
2899
+ flex-flow: column;
2900
+ }
2670
2901
  .ab-Dashboard {
2671
2902
  z-index: 1000;
2672
2903
  user-select: none;
2673
2904
  background: var(--ab-dashboard-gap__background);
2674
2905
  color: var(--ab-dashboard__color);
2675
- font-family: var(--ab-dashboard__font-family); }
2906
+ font-family: var(--ab-dashboard__font-family);
2907
+ }
2676
2908
  .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
2677
- display: flex; }
2909
+ display: flex;
2910
+ }
2678
2911
  .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); }
2912
+ display: flex;
2913
+ align-items: stretch;
2914
+ background: var(--ab-dashboard-header__background);
2915
+ color: var(--ab-dashboard-header__color);
2916
+ height: 40px;
2917
+ padding: 0 var(--ab-space-2);
2918
+ }
2685
2919
  .ab-Dashboard__header-left, .ab-Dashboard__header-right {
2686
- display: flex;
2687
- align-items: center;
2688
- flex: 1; }
2920
+ display: flex;
2921
+ align-items: center;
2922
+ flex: 1;
2923
+ }
2689
2924
  .ab-Dashboard__header-left {
2690
- justify-content: flex-start; }
2925
+ justify-content: flex-start;
2926
+ }
2691
2927
  .ab-Dashboard__header-right {
2692
- justify-content: flex-end; }
2928
+ justify-content: flex-end;
2929
+ }
2693
2930
  .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); }
2931
+ display: flex;
2932
+ align-items: center;
2933
+ padding: 0 var(--ab-space-3);
2934
+ font-weight: bold;
2935
+ font-size: var(--ab-font-size-4);
2936
+ }
2699
2937
  .ab-Dashboard__tabs {
2700
- align-self: flex-end;
2701
- margin-left: var(--ab-space-2); }
2938
+ align-self: flex-end;
2939
+ margin-left: var(--ab-space-2);
2940
+ }
2702
2941
  .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); }
2942
+ border: none;
2943
+ outline: none;
2944
+ cursor: pointer;
2945
+ font-size: var(--ab-font-size-3);
2946
+ border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
2947
+ padding: 8px 12px 12px 12px;
2948
+ color: var(--ab-dashboard-header__color);
2949
+ background: var(--ab-dashboard-header__background);
2950
+ }
2711
2951
  .ab-Dashboard__tab--active {
2712
- color: var(--ab-dashboard__color);
2713
- background: var(--ab-dashboard__background); }
2952
+ color: var(--ab-dashboard__color);
2953
+ background: var(--ab-dashboard__background);
2954
+ }
2714
2955
  .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); }
2956
+ display: flex;
2957
+ grid-gap: var(--ab-dashboard-gap-size);
2958
+ flex-flow: var(--ab-dashboard-wrap);
2959
+ align-items: stretch;
2960
+ flex: 1;
2961
+ overflow-x: auto;
2962
+ padding: var(--ab-dashboard-gap-size);
2963
+ }
2722
2964
  .ab-Dashboard__container {
2723
- display: flex;
2724
- flex-shrink: 0;
2725
- background: var(--ab-dashboard__background); }
2965
+ display: flex;
2966
+ flex-shrink: 0;
2967
+ background: var(--ab-dashboard__background);
2968
+ }
2726
2969
  .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); }
2970
+ display: flex;
2971
+ flex-direction: column;
2972
+ align-self: stretch;
2973
+ padding: var(--ab-space-2);
2974
+ border-left: 1px solid var(--ab-dashboard__border);
2975
+ }
2732
2976
  .ab-Dashboard__toolbar {
2733
- display: flex;
2734
- flex-direction: column;
2735
- justify-content: space-between;
2736
- font-size: var(--ab-font-size-3); }
2977
+ display: flex;
2978
+ flex-direction: column;
2979
+ justify-content: space-between;
2980
+ font-size: var(--ab-font-size-3);
2981
+ }
2737
2982
  .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; }
2983
+ padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
2984
+ display: flex;
2985
+ }
2740
2986
  .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; }
2987
+ display: flex;
2988
+ align-items: center;
2989
+ justify-content: center;
2990
+ font-size: var(--ab-font-size-2);
2991
+ padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
2992
+ opacity: 0.7;
2993
+ }
2747
2994
  .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); }
2995
+ color: var(--ab-dashboard-header__color);
2996
+ background: var(--ab-dashboard-header__background);
2997
+ padding-top: var(--ab-dashboard-gap-size);
2998
+ padding-bottom: var(--ab-dashboard-gap-size);
2999
+ }
2752
3000
  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
2753
- opacity: 1; }
3001
+ opacity: 1;
3002
+ }
2754
3003
  .ab-Dashboard .ab-Input {
2755
- border: none; }
3004
+ border: none;
3005
+ }
2756
3006
  .ab-Dashboard .ab-DashboardToolbar__Export__wrap {
2757
- white-space: nowrap; }
3007
+ white-space: nowrap;
3008
+ }
2758
3009
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
2759
- padding: var(--ab-space-1); }
3010
+ padding: var(--ab-space-1);
3011
+ }
2760
3012
  .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); }
3013
+ .ab-Dashboard .ab-StateManagement__Load-Button,
3014
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3015
+ margin-left: var(--ab-space-1);
3016
+ }
2764
3017
  .ab-GridList {
2765
- --at-grid__background: transparent; }
3018
+ --at-grid__background: transparent;
3019
+ }
2766
3020
  .ab-GridList .AT-GridCell_content,
2767
- .ab-GridList .ab-ListGroupItem,
2768
- .ab-GridList .AT-GridColumnCell {
2769
- width: 100%; }
3021
+ .ab-GridList .ab-ListGroupItem,
3022
+ .ab-GridList .AT-GridColumnCell {
3023
+ width: 100%;
3024
+ }
2770
3025
  .ab-GridList .AT-GridHeader {
2771
- display: none; }
3026
+ display: none;
3027
+ }
2772
3028
  .ab-GridList.ab-padding-horizontal-0 .AT-GridColumnCell {
2773
- padding-left: 0;
2774
- padding-right: 0; }
3029
+ padding-left: 0;
3030
+ padding-right: 0;
3031
+ }
2775
3032
  .ab-GridList .AT-GridRow--odd {
2776
3033
  background: var(--ab-cmp-listgroupitem--odd__background);
2777
- color: var(--ab-cmp-listgroupitem--odd__color); }
3034
+ color: var(--ab-cmp-listgroupitem--odd__color);
3035
+ }
2778
3036
  .ab-GridList .AT-GridRow--even {
2779
3037
  background: var(--ab-cmp-listgroupitem__background);
2780
- color: var(--ab-cmp-listgroupitem__color); }
3038
+ color: var(--ab-cmp-listgroupitem__color);
3039
+ }
2781
3040
  .ab-GridList .ab-ListGroupItem {
2782
3041
  --ab-cmp-listgroupitem__background: transparent;
2783
- --ab-cmp-listgroupitem--odd__background: transparent; }
3042
+ --ab-cmp-listgroupitem--odd__background: transparent;
3043
+ }
2784
3044
  :root {
2785
3045
  --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
2786
3046
  --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
2787
3047
  --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
2788
- --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color); }
3048
+ --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
3049
+ }
2789
3050
  .ab-Datepicker-Overlay {
2790
3051
  border: var(--ab-cmp-datepicker__border);
2791
3052
  background: var(--ab-cmp-datepicker__background);
2792
3053
  z-index: 1000;
2793
3054
  box-shadow: var(--ab-focus__box-shadow);
2794
3055
  outline: var(--ab-focus__outline);
2795
- border-radius: var(--ab__border-radius); }
3056
+ border-radius: var(--ab__border-radius);
3057
+ }
2796
3058
  .ab-Datepicker-Overlay .rdp {
2797
- font-size: var(--ab-cmp-datepicker__font-size);
2798
- font-family: var(--ab-cmp-datepicker__font-family); }
3059
+ font-size: var(--ab-cmp-datepicker__font-size);
3060
+ font-family: var(--ab-cmp-datepicker__font-family);
3061
+ }
2799
3062
  .ab-Datepicker-Overlay .rdp .rdp-weeknumber,
2800
- .ab-Datepicker-Overlay .rdp .rdp-day {
2801
- border-radius: var(--ab-cmp-datepicker__day-border-radius); }
3063
+ .ab-Datepicker-Overlay .rdp .rdp-day {
3064
+ border-radius: var(--ab-cmp-datepicker__day-border-radius);
3065
+ }
2802
3066
  .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); }
3067
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
3068
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
3069
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
3070
+ color: var(--ab-cmp-datepicker__selected-text-color);
3071
+ border-radius: var(--ab-cmp-datepicker__selected-border-radius);
3072
+ }
2808
3073
  .ab-Datepicker-Overlay .rdp .rdp-caption_label {
2809
- font-size: 120%; }
3074
+ font-size: 120%;
3075
+ }
2810
3076
  .ab-Datepicker-Overlay .rdp .rdp-nav_button {
2811
- color: var(--ab-color-text-on-primary); }
3077
+ color: var(--ab-color-text-on-primary);
3078
+ }
2812
3079
  .ab-Datepicker-Overlay .rdp .rdp-table {
2813
- width: 100%;
2814
- max-width: none; }
3080
+ width: 100%;
3081
+ max-width: none;
3082
+ }
2815
3083
  .ab-Datepicker-Overlay .rdp .rdp-day_outside {
2816
- opacity: 0.4; }
3084
+ opacity: 0.4;
3085
+ }
2817
3086
  .ab-Datepicker-Overlay .rdp .rdp-day_today {
2818
- border: var(--rdp-outline); }
3087
+ border: var(--rdp-outline);
3088
+ }
2819
3089
  .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; }
3090
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
3091
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
3092
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
3093
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
3094
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
3095
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
3096
+ display: none;
3097
+ }
2827
3098
  .ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
2828
- display: table-cell; }
3099
+ display: table-cell;
3100
+ }
2829
3101
  .ab-ToggleButton {
2830
3102
  user-select: none;
2831
3103
  position: relative;
2832
3104
  display: inline-block;
2833
3105
  min-width: 40px;
2834
3106
  width: 77px;
2835
- height: 32px; }
3107
+ height: 32px;
3108
+ }
2836
3109
  .ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
2837
- cursor: pointer;
2838
- opacity: 0.85; }
3110
+ cursor: pointer;
3111
+ opacity: 0.85;
3112
+ }
2839
3113
  .ab-ToggleButton__input {
2840
- opacity: 0;
2841
- width: 0;
2842
- height: 0; }
3114
+ opacity: 0;
3115
+ width: 0;
3116
+ height: 0;
3117
+ }
2843
3118
  .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); }
3119
+ position: absolute;
3120
+ top: 0;
3121
+ left: 0;
3122
+ right: 0;
3123
+ bottom: 0;
3124
+ background-color: var(--ab-cmp-toggle-button__background);
3125
+ transition: 0.1s;
3126
+ border-radius: var(--ab__border-radius);
3127
+ }
2852
3128
  .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; }
3129
+ position: absolute;
3130
+ content: "";
3131
+ width: 24px;
3132
+ height: 24px;
3133
+ left: 4px;
3134
+ top: 4px;
3135
+ border-radius: var(--ab__border-radius);
3136
+ background-color: #fff;
3137
+ -webkit-transition: 0.4s;
3138
+ transition: 0.2s;
3139
+ }
2863
3140
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
2864
- background-color: var(--ab-cmp-toggle-button--active__background); }
3141
+ background-color: var(--ab-cmp-toggle-button--active__background);
3142
+ }
2865
3143
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
2866
- transform: translateX(45px); }
3144
+ transform: translateX(45px);
3145
+ }
2867
3146
  .ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
2868
- box-shadow: var(--ab-focus__box-shadow); }
3147
+ box-shadow: var(--ab-focus__box-shadow);
3148
+ }
2869
3149
  .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
2870
- opacity: 0.5; }
3150
+ opacity: 0.5;
3151
+ }
2871
3152
  .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; }
3153
+ font-size: var(--ab-cmp-toggle-button__font-size);
3154
+ padding-right: var(--ab-space-2);
3155
+ color: var(--ab-cmp-toggle-button__color);
3156
+ font-weight: 600;
3157
+ }
2876
3158
  .ab-ToggleButton--checked .ab-ToggleButton__text {
2877
- padding-left: var(--ab-space-2);
2878
- color: var(--ab-cmp-toggle-button--checked__color); }
3159
+ padding-left: var(--ab-space-2);
3160
+ color: var(--ab-cmp-toggle-button--checked__color);
3161
+ }
2879
3162
  .ab-Loader {
2880
3163
  font-size: var(--ab-cmp-loader__font-size);
2881
3164
  margin-top: 8px;
2882
- font-style: italic; }
3165
+ font-style: italic;
3166
+ }
2883
3167
  .ab-Loader__text,
2884
3168
  .ab-Loader__Spinner {
2885
- vertical-align: middle; }
3169
+ vertical-align: middle;
3170
+ }
2886
3171
  .ab-Loader .ab-Loader__Spinner {
2887
- margin-right: 5px; }
3172
+ margin-right: 5px;
3173
+ }
2888
3174
  .ab-Loader__Spinner {
2889
3175
  display: inline-block;
2890
3176
  border-radius: 50%;
@@ -2893,12 +3179,16 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2893
3179
  width: 10px;
2894
3180
  height: 10px;
2895
3181
  bottom: 0;
2896
- animation: spin 1.5s linear infinite; }
3182
+ animation: spin 1.5s linear infinite;
3183
+ }
2897
3184
  @keyframes spin {
2898
3185
  0% {
2899
- transform: rotate(0deg); }
3186
+ transform: rotate(0deg);
3187
+ }
2900
3188
  100% {
2901
- transform: rotate(360deg); } }
3189
+ transform: rotate(360deg);
3190
+ }
3191
+ }
2902
3192
  .ab-progress-indicator-wrapper {
2903
3193
  align-items: center;
2904
3194
  display: flex;
@@ -2912,26 +3202,31 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2912
3202
  opacity: 0;
2913
3203
  transition-delay: var(--ab-cmp-progress-indicator__delay);
2914
3204
  transition-property: opacity;
2915
- transition-duration: 0.3s; }
3205
+ transition-duration: 0.3s;
3206
+ }
2916
3207
  .ab-progress-indicator-wrapper--visible {
2917
- opacity: 1; }
3208
+ opacity: 1;
3209
+ }
2918
3210
  .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); }
3211
+ padding: var(--ab-cmp-progress-indicator__padding);
3212
+ background: var(--ab-cmp-progress-indicator__background);
3213
+ color: var(--ab-cmp-progress-indicator__color);
3214
+ border-style: none;
3215
+ border-width: 0px;
3216
+ border-radius: var(--ab__border-radius);
3217
+ box-shadow: var(--ab-focus__box-shadow);
3218
+ font-size: var(--ab-cmp-progress-indicator__font-size);
3219
+ font-style: var(--ab-cmp-progress-indicator__font-style);
3220
+ font-family: var(--ab-cmp-progress-indicator__font-family);
3221
+ }
2929
3222
  :root {
2930
- --ab-cmp-Tag__font-size: var(--ab-font-size-3); }
3223
+ --ab-cmp-Tag__font-size: var(--ab-font-size-3);
3224
+ }
2931
3225
  .ab-Tag {
2932
3226
  display: inline-flex;
2933
3227
  font-size: var(--ab-cmp-Tag__font-size);
2934
- max-width: 100%; }
3228
+ max-width: 100%;
3229
+ }
2935
3230
  .ab-ModuleSelector__TabItem {
2936
3231
  display: flex;
2937
3232
  flex-direction: column;
@@ -2939,12 +3234,14 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2939
3234
  margin-right: var(--ab-space-2);
2940
3235
  width: var(--ab-cmp-module-module-selector__tab-item__width);
2941
3236
  border: var(--ab-cmp-module-module-selector__tab-item__border);
2942
- border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius); }
3237
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
3238
+ }
2943
3239
  .ab-ModuleSelector__TabItem__header {
2944
3240
  display: flex;
2945
3241
  align-items: center;
2946
3242
  padding: var(--ab-space-1);
2947
- border-bottom: var(--ab-cmp-module-module-selector__tab-item__border); }
3243
+ border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
3244
+ }
2948
3245
  .ab-ModuleSelector__TabItem__header-input {
2949
3246
  flex: 1;
2950
3247
  width: 100%;
@@ -2953,68 +3250,106 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2953
3250
  align-self: stretch;
2954
3251
  background: transparent;
2955
3252
  border: none;
2956
- color: var(--ab-cmp-module-module-selector__tab-item__header-input__color); }
3253
+ color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
3254
+ }
2957
3255
  .ab-ModuleSelector__ToolbarList {
2958
3256
  flex: 1;
2959
3257
  padding: 4px;
2960
3258
  padding-bottom: 0;
2961
- min-height: 200px; }
3259
+ min-height: 200px;
3260
+ }
2962
3261
  .ab-ModuleSelector__ToolbarItem {
2963
3262
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
2964
3263
  padding-left: var(--ab-space-1);
2965
- margin-bottom: var(--ab-space-1); }
3264
+ margin-bottom: var(--ab-space-1);
3265
+ }
2966
3266
  .ab-ModuleSelector__UnusedPanel {
2967
3267
  margin-bottom: var(--ab-space-2);
2968
3268
  padding-bottom: var(--ab-space-1);
2969
3269
  border: var(--ab-cmp-module-selector__unused-panel__border);
2970
3270
  border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
2971
- background-color: var(--ab-cmp-module-selector__unused-panel__background); }
3271
+ background-color: var(--ab-cmp-module-selector__unused-panel__background);
3272
+ }
2972
3273
  .ab-AdaptableOptions {
2973
- background: var(--ab-cmp-adaptable-options__background-color); }
3274
+ background: var(--ab-cmp-adaptable-options__background-color);
3275
+ }
2974
3276
  .ab-GridOptions {
2975
- background: var(--ab-cmp-grid-options__background-color); }
3277
+ background: var(--ab-cmp-grid-options__background-color);
3278
+ }
2976
3279
  .ab-GridSummary {
2977
- background: var(--ab-cmp-grid-summary__background-color); }
3280
+ background: var(--ab-cmp-grid-summary__background-color);
3281
+ }
2978
3282
  .ab-SystemStatus-Popup-List {
2979
- background: var(--ab-cmp-system-status-list__background-color); }
3283
+ background: var(--ab-cmp-system-status-list__background-color);
3284
+ }
3285
+ .ab-DashboardToolbar__SystemStatus__text {
3286
+ border-radius: var(--ab-cmp-system-status-list-text__border-radius);
3287
+ font-weight: var(--ab-cmp-system-status-list-text__font-weight);
3288
+ font-size: var(--ab-cmp-system-status-list-text__font-size);
3289
+ color: var(--ab-cmp-system-status-list-text__color);
3290
+ padding: var(--ab-cmp-system-status-list-text__padding);
3291
+ margin-right: var(--ab-space-2);
3292
+ }
3293
+ .ab-DashboardToolbar__SystemStatus__text--expandable {
3294
+ cursor: pointer;
3295
+ }
3296
+ .ab-DashboardToolbar__SystemStatus__further-information {
3297
+ white-space: normal;
3298
+ }
2980
3299
  .ab-ObjectCollection__list > * {
2981
3300
  background: var(--ab-cmp-listgroupitem__background);
2982
- color: var(--ab-cmp-listgroupitem__color); }
2983
- .ab-ObjectCollection__list > *:nth-child(2n + 1) {
3301
+ color: var(--ab-cmp-listgroupitem__color);
3302
+ }
3303
+ .ab-ObjectCollection__list > *:nth-child(2n+1) {
2984
3304
  background: var(--ab-cmp-listgroupitem--odd__background);
2985
- color: var(--ab-cmp-listgroupitem--odd__color); }
3305
+ color: var(--ab-cmp-listgroupitem--odd__color);
3306
+ }
2986
3307
  .ab-AdaptableObjectRow {
2987
3308
  align-items: center;
2988
3309
  padding: var(--ab-cmp-listgroupitem__padding);
2989
3310
  margin: var(--ab-cmp-listgroupitem__margin);
2990
3311
  background: var(--ab-cmp-listgroupitem__background);
2991
3312
  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); }
3313
+ border-radius: var(--ab-cmp-listgroupitem__border-radius);
3314
+ }
3315
+ .ab-AdaptableObjectRow:nth-child(2n+1) {
3316
+ background: var(--ab-cmp-listgroupitem--odd__background);
3317
+ color: var(--ab-cmp-listgroupitem--odd__color);
3318
+ }
2996
3319
  .ab-AdaptableObjectRow--is-suspended {
2997
- text-decoration: line-through; }
3320
+ text-decoration: line-through;
3321
+ }
3322
+ .ab-AdaptableObjectRow__cell {
3323
+ white-space: nowrap;
3324
+ text-overflow: ellipsis;
3325
+ overflow: hidden;
3326
+ font-size: var(--ab-cmp-listgroupitem-cell__font-size);
3327
+ }
2998
3328
  .ab-ListBoxFilterForm {
2999
3329
  overflow-y: auto;
3000
3330
  overflow-x: hidden;
3001
3331
  --ab-grid-row-height: 26px;
3002
- margin-bottom: 0; }
3332
+ margin-bottom: 0;
3333
+ }
3003
3334
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
3004
- overflow-x: hidden; }
3335
+ overflow-x: hidden;
3336
+ }
3005
3337
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
3006
3338
  .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
3007
3339
  --ab-cmp-dropdown__border-radius: 0;
3008
3340
  --ab-cmp-input__border-radius: 0;
3009
3341
  --ab-cmp-input__padding: 0;
3010
3342
  --ab-cmp-dropdown__padding: 3px;
3011
- --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent); }
3343
+ --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
3344
+ }
3012
3345
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
3013
- .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
3014
- border-radius: 0; }
3346
+ .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
3347
+ border-radius: 0;
3348
+ }
3015
3349
  html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3016
3350
  --ab-color-inputborder: white;
3017
- --ab-cmp-dropdown__border: 1px solid white; }
3351
+ --ab-cmp-dropdown__border: 1px solid white;
3352
+ }
3018
3353
  .ab-Popover {
3019
3354
  border-radius: var(--ab-cmp-popover__border-radius);
3020
3355
  border: var(--ab-cmp-popover__border);
@@ -3022,128 +3357,161 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3022
3357
  color: var(--ab-cmp-popover__color);
3023
3358
  box-shadow: var(--ab-cmp-popover__box-shadow);
3024
3359
  font-size: var(--ab-font-size-2);
3025
- font-family: var(--ab__font-family); }
3360
+ font-family: var(--ab__font-family);
3361
+ }
3026
3362
  .ab-Overlay--show-triangle > .ab-Popover:before {
3027
- content: '';
3363
+ content: "";
3028
3364
  position: absolute;
3029
3365
  width: 0;
3030
3366
  height: 0;
3031
- border-style: solid; }
3367
+ border-style: solid;
3368
+ }
3032
3369
  .ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover:before {
3033
3370
  border-width: 0 5px 10px 5px;
3034
3371
  border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
3035
3372
  left: 50%;
3036
3373
  top: -10px;
3037
- transform: translate3d(-5px, 0px, 0px); }
3374
+ transform: translate3d(-5px, 0px, 0px);
3375
+ }
3038
3376
  .ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover:before {
3039
3377
  border-width: 10px 5px 0 5px;
3040
3378
  border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
3041
3379
  left: 50%;
3042
3380
  bottom: -10px;
3043
- transform: translate3d(-5px, 0px, 0px); }
3381
+ transform: translate3d(-5px, 0px, 0px);
3382
+ }
3044
3383
  .ab-NocodeWizard {
3045
3384
  padding: var(--ab-cmp-wizard__padding);
3046
3385
  margin: var(--ab-cmp-wizard__margin);
3047
3386
  background: var(--ab-cmp-wizard__background);
3048
3387
  color: var(--ab-cmp-wizard__color);
3049
- height: 100%; }
3388
+ height: 100%;
3389
+ }
3050
3390
  .ab-NocodeWizard,
3051
- .ab-NocodeWizard *,
3052
- .ab-NocodeWizard *:before,
3053
- .ab-NocodeWizard *:after {
3054
- box-sizing: border-box; }
3391
+ .ab-NocodeWizard *,
3392
+ .ab-NocodeWizard *:before,
3393
+ .ab-NocodeWizard *:after {
3394
+ box-sizing: border-box;
3395
+ }
3055
3396
  .ab-NocodeWizardFormBox {
3056
3397
  border: 1px solid var(--ab-color-primarydark);
3057
3398
  border-radius: var(--ab__border-radius);
3058
- background-color: var(--ab-color-defaultbackground); }
3399
+ background-color: var(--ab-color-defaultbackground);
3400
+ }
3059
3401
  .ab-AvailableDropZone .placeholder,
3060
3402
  .ab-SelectedDropZone .placeholder {
3061
- width: 100%; }
3403
+ width: 100%;
3404
+ }
3062
3405
  .ab-AvailableDropZone .placeholder:before,
3063
- .ab-SelectedDropZone .placeholder:before {
3064
- content: 'DROPS HERE'; }
3406
+ .ab-SelectedDropZone .placeholder:before {
3407
+ content: "DROPS HERE";
3408
+ }
3065
3409
  .ab-Button.ab-Button {
3066
3410
  border-radius: var(--ab-cmp-button-border-radius);
3067
- padding: var(--ab-space-2); }
3411
+ padding: var(--ab-space-2);
3412
+ }
3068
3413
  .ab-Button.ab-Button--enabled {
3069
- cursor: pointer;
3070
- background: var(--ab-cmp-button-background); }
3414
+ cursor: pointer;
3415
+ background: var(--ab-cmp-button-background);
3416
+ }
3071
3417
  .ab-Button.ab-Button--disabled {
3072
- opacity: var(--ab-cmp-button-disabled-opacity);
3073
- background: var(--ab-cmp-button-disabled-background); }
3418
+ opacity: var(--ab-cmp-button-disabled-opacity);
3419
+ background: var(--ab-cmp-button-disabled-background);
3420
+ }
3074
3421
  .ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),
3075
3422
  .ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
3076
3423
  fill: currentColor;
3077
3424
  color: var(--ab-cmp-dashboardpanel_header__color);
3078
- border-color: currentColor; }
3425
+ border-color: currentColor;
3426
+ }
3079
3427
  .ab-DashboardPanel .glyphicon.glyphicon {
3080
- color: var(--ab-cmp-dashboardpanel__fill); }
3428
+ color: var(--ab-cmp-dashboardpanel__fill);
3429
+ }
3081
3430
  .ab-FilterFormPanel {
3082
- --ab-cmp-panel_body__background: var(--ag-control-panel-background-color); }
3431
+ --ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
3432
+ }
3083
3433
  .ab-Dashboard__application-icon {
3084
- margin-right: var(--ab-space-2); }
3434
+ margin-right: var(--ab-space-2);
3435
+ }
3085
3436
  .ab-Dashboard-Popup__Module-Selector {
3086
- background: var(--ab-cmp-dashboard-module-selector-background); }
3437
+ background: var(--ab-cmp-dashboard-module-selector-background);
3438
+ }
3087
3439
  .ab-ToolPanel {
3088
3440
  flex: 1 1 0;
3089
3441
  min-width: 0;
3090
3442
  color: var(--ab-cmp-toolpanel__color);
3091
- font-family: var(--ab-cmp-toolpanel__font-family); }
3443
+ font-family: var(--ab-cmp-toolpanel__font-family);
3444
+ }
3092
3445
  .ab-ToolPanel .ab-ToolPanel__header {
3093
- background: var(--ab-cmp-toolpanel-header__background);
3094
- color: var(--ab-cmp-toolpanel-header__color); }
3446
+ background: var(--ab-cmp-toolpanel-header__background);
3447
+ color: var(--ab-cmp-toolpanel-header__color);
3448
+ }
3095
3449
  .ab-ToolPanel .ab-ToolPanel__header__buttons {
3096
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
3450
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
3451
+ }
3097
3452
  .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); }
3453
+ display: flex;
3454
+ flex-direction: row;
3455
+ flex-wrap: wrap;
3456
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
3457
+ }
3102
3458
  .ab-ToolPanel .ab-StateManagement__Clear-Button,
3103
- .ab-ToolPanel .ab-StateManagement__Load-Button {
3104
- justify-content: center;
3105
- flex: 1; }
3459
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
3460
+ justify-content: center;
3461
+ flex: 1;
3462
+ }
3106
3463
  .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); }
3464
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
3465
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3466
+ margin-bottom: var(--ab-space-1);
3467
+ }
3110
3468
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
3111
- font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
3469
+ font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
3470
+ }
3112
3471
  .ab-Adaptable-Popup {
3113
3472
  background: var(--ab-cmp-adaptable-popup__background);
3114
- max-height: var(--ab-cmp-adaptable-popup__max-height); }
3473
+ max-height: var(--ab-cmp-adaptable-popup__max-height);
3474
+ }
3115
3475
  .ab-Adaptable-Popup--window {
3116
- box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
3476
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
3477
+ }
3117
3478
  .ab-Adaptable-Popup__Navigation {
3118
3479
  padding-top: 10px;
3119
3480
  overflow: auto;
3120
3481
  border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
3121
- font-family: var(--ab__font-family); }
3482
+ font-family: var(--ab__font-family);
3483
+ }
3122
3484
  .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); }
3485
+ list-style: none;
3486
+ padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
3487
+ margin: 0;
3488
+ font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
3489
+ }
3127
3490
  .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); }
3491
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
3492
+ margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
3493
+ }
3130
3494
  .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); }
3495
+ border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
3496
+ margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
3497
+ }
3133
3498
  .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); }
3499
+ background: none;
3500
+ border: none;
3501
+ width: 100%;
3502
+ text-align: left;
3503
+ cursor: pointer;
3504
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
3505
+ border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
3506
+ color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
3507
+ }
3142
3508
  .ab-Adaptable-Popup__Navigation__List__Item__Icon {
3143
- margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
3509
+ margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
3510
+ }
3144
3511
  .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); }
3512
+ background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
3513
+ color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color);
3514
+ }
3147
3515
  .ab-Adaptable-Popup__TopBar {
3148
3516
  display: flex;
3149
3517
  align-items: center;
@@ -3152,195 +3520,308 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3152
3520
  color: var(--ab-cmp-adaptable-popup-topbar__color);
3153
3521
  font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
3154
3522
  padding: var(--ab-cmp-adaptable-popup-topbar__padding);
3155
- box-sizing: border-box; }
3523
+ box-sizing: border-box;
3524
+ }
3156
3525
  .ab-Adaptable-Popup__TopBar__Icon {
3157
- margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
3526
+ margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
3527
+ }
3158
3528
  .ab-Adaptable-Popup__TopBar__Close .ab-Icon {
3159
- color: var(--ab-cmp-adaptable-popup-topbar-icon__color); }
3529
+ color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
3530
+ }
3160
3531
  .ab-Adaptable-Popup--settings-popup {
3161
- height: var(--ab-cmp-adaptable-popup--settings__height); }
3532
+ height: var(--ab-cmp-adaptable-popup--settings__height);
3533
+ }
3162
3534
  .ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
3163
- top: 9px; }
3535
+ top: 9px;
3536
+ }
3164
3537
  .ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
3165
- padding: var(--ab-cmp-adaptable-popup--settings__padding);
3166
- min-width: 0; }
3538
+ padding: var(--ab-cmp-adaptable-popup--settings__padding);
3539
+ min-width: 0;
3540
+ }
3167
3541
  .ab-Adaptable-Popup__Panel {
3168
- width: 100%; }
3542
+ width: 100%;
3543
+ }
3169
3544
  .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); }
3545
+ display: flex;
3546
+ padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
3547
+ margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
3548
+ margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top);
3549
+ }
3174
3550
  .ab-Adaptable-Popup__Panel__Header__Title {
3175
- font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
3551
+ font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
3552
+ }
3176
3553
  .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; }
3554
+ padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
3555
+ flex: 1 1 0;
3556
+ min-height: 0;
3557
+ overflow: auto;
3558
+ }
3181
3559
  .ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
3182
- cursor: move; }
3560
+ cursor: move;
3561
+ }
3183
3562
  .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
3184
- cursor: move; }
3563
+ cursor: move;
3564
+ }
3185
3565
  .ab-Window-Modal .ab-Panel__header {
3186
- cursor: move; }
3566
+ cursor: move;
3567
+ }
3187
3568
  .ab-Window-Modal {
3188
3569
  max-height: 100%;
3189
- box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
3570
+ box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
3571
+ }
3190
3572
  .ab-Window-Modal .ab-Dialog__close-button {
3191
- top: 3px; }
3573
+ top: 3px;
3574
+ }
3192
3575
  .ab-Window-Modal .ab-Panel {
3193
- max-height: initial; }
3576
+ max-height: initial;
3577
+ }
3194
3578
  .ab-Adaptable-Object-List {
3195
3579
  list-style: none;
3196
- padding: 0; }
3580
+ padding: 0;
3581
+ }
3197
3582
  .ab-Adaptable-Object-List__Item {
3198
3583
  background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
3199
3584
  padding: var(--ab-cmp-adaptable-object-list-item__padding);
3200
- margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom); }
3585
+ margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
3586
+ }
3201
3587
  .ab-Adaptable-Object-List__Item__edit-property {
3202
- visibility: hidden; }
3588
+ visibility: hidden;
3589
+ }
3203
3590
  .ab-Adaptable-Object-List__Item__values {
3204
- min-width: 0;
3205
- word-break: break-all; }
3591
+ min-width: 0;
3592
+ word-break: break-all;
3593
+ }
3206
3594
  .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); }
3595
+ padding-left: var(--ab-space-2);
3596
+ min-width: 80px;
3597
+ text-align: right;
3598
+ margin-left: var(--ab-space-3);
3599
+ }
3211
3600
  .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); }
3601
+ padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
3602
+ width: var(--ab-cmp-adaptable-object-list-item-label__width);
3603
+ }
3214
3604
  .ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
3215
- visibility: visible; }
3605
+ visibility: visible;
3606
+ }
3216
3607
  .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); }
3608
+ margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
3609
+ margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
3610
+ padding: var(--ab-cmp-adaptable-object-list-item-tag__padding);
3611
+ }
3220
3612
  .ab-Adaptable-Object-Compact-List {
3221
3613
  padding: var(--ab-cmp-adaptable-object-compact-list__padding);
3222
3614
  background: var(--ab-cmp-adaptable-object-compact-list__background);
3223
- max-height: 70vh; }
3615
+ max-height: 70vh;
3616
+ }
3224
3617
  .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); }
3618
+ padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
3619
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
3620
+ }
3227
3621
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
3228
- font-size: var(--ab-font-size-4); }
3622
+ font-size: var(--ab-font-size-4);
3623
+ }
3229
3624
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
3230
- overflow: auto;
3231
- height: 100%; }
3625
+ overflow: auto;
3626
+ height: 100%;
3627
+ }
3232
3628
  .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); }
3629
+ padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
3630
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
3631
+ background: var(--ab-cmp-adaptable-object-compact-list-item__background);
3632
+ }
3236
3633
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item:last-child {
3237
- margin-bottom: 0; }
3634
+ margin-bottom: 0;
3635
+ }
3238
3636
  .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); }
3637
+ width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
3638
+ padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
3639
+ margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
3640
+ font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
3641
+ }
3243
3642
  .ab-StatusBar {
3244
3643
  display: flex;
3245
3644
  border-right: var(--ab-cmp-adaptable-statusbar__border);
3246
- border-left: var(--ab-cmp-adaptable-statusbar__border); }
3645
+ border-left: var(--ab-cmp-adaptable-statusbar__border);
3646
+ }
3247
3647
  .ab-StatusBar__SubPanel {
3248
3648
  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
3249
3649
  border: 0;
3250
3650
  background: none;
3251
3651
  font-weight: 400;
3252
- border-right: var(--ab-cmp-adaptable-statusbar__border); }
3652
+ border-right: var(--ab-cmp-adaptable-statusbar__border);
3653
+ }
3253
3654
  .ab-StatusBar__SubPanel:last-child {
3254
- border-right: 0; }
3655
+ border-right: 0;
3656
+ }
3255
3657
  .ab-StatusBar__SubPanel,
3256
- .ab-StatusBar__SubPanel .ab-SimpleButton {
3257
- color: var(--ab-cmp-adaptable-statusbar__color); }
3658
+ .ab-StatusBar__SubPanel .ab-SimpleButton {
3659
+ color: var(--ab-cmp-adaptable-statusbar__color);
3660
+ }
3258
3661
  button.ab-StatusBar__SubPanel:hover {
3259
3662
  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
3260
- cursor: pointer; }
3663
+ cursor: pointer;
3664
+ }
3261
3665
  .ab-Shared-Entity-Shared-Object {
3262
- border: var(--ab-cmp-adaptable-shared-entity-shared-object__border); }
3666
+ border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
3667
+ }
3263
3668
  .ab-Layout-Wizard__ColumnRow__Header {
3264
- cursor: pointer; }
3669
+ cursor: pointer;
3670
+ }
3265
3671
  .ab-Layout-Wizard__ColumnRow__Title {
3266
3672
  border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious);
3267
3673
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
3268
- color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color); }
3674
+ color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
3675
+ }
3269
3676
  .ab-Layout-Wizard__ColumnRow__Expanded-Container {
3270
3677
  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); }
3678
+ border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
3679
+ }
3272
3680
  .ab-Layout-Wizard__ColumnRow__Input {
3273
3681
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
3274
- width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
3682
+ width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
3683
+ }
3275
3684
  :root {
3276
3685
  --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
3277
3686
  --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
3278
3687
  --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
3279
- --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
3688
+ --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
3689
+ }
3280
3690
  .ab-ValueSelector {
3281
- overflow: hidden; }
3691
+ overflow: hidden;
3692
+ }
3282
3693
  .ab-ValueSelector__option {
3283
- border-radius: 'var(--ab__border-radius)'; }
3694
+ border-radius: "var(--ab__border-radius)";
3695
+ }
3284
3696
  .ab-ValueSelector__show-selected-only-checkbox {
3285
- position: sticky;
3286
- top: 0;
3287
- z-index: 10000; }
3697
+ position: sticky;
3698
+ top: 0;
3699
+ z-index: 10000;
3700
+ }
3288
3701
  .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); }
3702
+ position: absolute;
3703
+ top: 2px;
3704
+ right: 4px;
3705
+ overflow: hidden;
3706
+ border-radius: var(--ab__border-radius);
3707
+ margin-right: var(--ab-space-1);
3708
+ margin-top: var(--ab-space-1);
3709
+ padding: 0 var(--ab-space-2);
3710
+ font-size: var(--ab-font-size-2);
3711
+ }
3712
+ .ab-EntityRulesEditor__predicate-dropdown {
3713
+ min-width: 15rem;
3714
+ white-space: nowrap;
3715
+ overflow: hidden;
3716
+ text-overflow: ellipsis;
3717
+ max-width: inherit;
3718
+ }
3719
+ .ab-ExpressionEditor {
3720
+ overflow: auto;
3721
+ }
3722
+ .ab-ExpressionEditor__column-picker {
3723
+ overflow: auto;
3724
+ min-width: 255px;
3725
+ height: 100%;
3726
+ }
3727
+ .ab-ExpressionEditorInput {
3728
+ background: var(--ab-cmp-expression-editor-input__background);
3729
+ border-radius: var(--ab-cmp-expression-editor-input__border-radius);
3730
+ width: 100%;
3731
+ --ab-overlay-horizontal-align: left;
3732
+ }
3733
+ .ab-ExpressionEditorInput__info-button {
3734
+ margin-right: 5px;
3735
+ }
3736
+ .ab-ExpressionEditorInput__dropdown-functions-list {
3737
+ font-size: var(--ab-cmp-expression-editor-input-dropdown-functions-list__font-size);
3738
+ border: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border);
3739
+ border-radius: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius);
3740
+ background: var(--ab-cmp-expression-editor-input__background);
3741
+ z-index: 1000;
3742
+ max-height: 300;
3743
+ overflow: auto;
3744
+ }
3745
+ .ab-ExpressionEditorInput__textarea {
3746
+ width: 100%;
3747
+ min-height: 100px;
3748
+ font-family: var(--ab-cmp-expression-editor-input__font-family);
3749
+ resize: vertical;
3750
+ font-size: 1rem;
3751
+ padding: var(--ab-space-2);
3752
+ }
3753
+ .ab-ExpressionEditorInput__editor-feedback {
3754
+ background: var(--ab-cmp-expression-editor-input__background);
3755
+ border-radius: var(--ab-cmp-expression-editor-feedback__border-radius);
3756
+ }
3757
+ .ab-QuickFilter {
3758
+ overflow-y: auto;
3759
+ font-size: var(--ab-cmp-quickfilter__font-size);
3760
+ border: var(--ab-cmp-quickfilter__border);
3761
+ background: var(--ab-cmp-quickfilter__background);
3762
+ }
3298
3763
  .ab-alert--error {
3299
- background: var(--ab-color-error); }
3764
+ background: var(--ab-color-error);
3765
+ }
3300
3766
  .ab-alert--success {
3301
- background: var(--ab-color-success); }
3767
+ background: var(--ab-color-success);
3768
+ }
3302
3769
  .ab-alert--warn,
3303
3770
  .ab-alert--warning {
3304
- background: var(--ab-color-warn); }
3771
+ background: var(--ab-color-warn);
3772
+ }
3305
3773
  .ab-alert--info {
3306
- background: var(--ab-color-info); }
3774
+ background: var(--ab-color-info);
3775
+ }
3307
3776
  .ab-cell--align-left {
3308
- text-align: left; }
3777
+ text-align: left;
3778
+ }
3309
3779
  .ab-cell--align-right {
3310
- text-align: right; }
3780
+ text-align: right;
3781
+ }
3311
3782
  .ab-cell--align-center {
3312
- text-align: center; }
3783
+ text-align: center;
3784
+ }
3313
3785
  .popover-content {
3314
- padding: 1px; }
3786
+ padding: 1px;
3787
+ }
3315
3788
  /* Styles for the coloured cell render
3316
3789
  */
3317
3790
  .ab_div-colour-render-bar {
3318
3791
  display: inline-block;
3319
3792
  height: 100%;
3320
3793
  position: relative;
3321
- z-index: 0; }
3794
+ z-index: 0;
3795
+ }
3322
3796
  .ab_div-colour-render-text {
3323
3797
  position: absolute;
3324
3798
  font-weight: normal;
3325
3799
  font-size: 12px;
3326
- z-index: 100; }
3800
+ z-index: 100;
3801
+ }
3327
3802
  .ab_div-colour-render-div {
3328
3803
  display: inline-block;
3329
3804
  height: 100%;
3330
- width: 100%; }
3805
+ width: 100%;
3806
+ }
3331
3807
  .ab-ActionColumn {
3332
3808
  height: 100%;
3333
3809
  display: flex;
3334
- column-gap: var(--ab-space-1); }
3810
+ column-gap: var(--ab-space-1);
3811
+ }
3335
3812
  .ab-ActionColumn > button.ab-SimpleButton {
3336
- height: 100%; }
3813
+ height: 100%;
3814
+ }
3337
3815
  .adaptableRowActionButtons.ag-cell {
3338
- padding: 0; }
3816
+ padding: 0;
3817
+ }
3339
3818
  .adaptableRowActionButtons.ag-cell .ab-ActionColumn {
3340
- column-gap: 0; }
3819
+ column-gap: 0;
3820
+ }
3341
3821
  .Toastify__toast-container {
3342
3822
  border-style: none;
3343
- border-width: 0px; }
3823
+ border-width: 0px;
3824
+ }
3344
3825
  .Toastify__toast {
3345
3826
  padding: 0;
3346
3827
  padding-bottom: 5px;
@@ -3356,17 +3837,23 @@ button.ab-StatusBar__SubPanel:hover {
3356
3837
  --toastify-color-info: var(--ab-color-info);
3357
3838
  --toastify-color-success: var(--ab-color-success);
3358
3839
  --toastify-color-warning: var(--ab-color-warn);
3359
- --toastify-color-error: var(--ab-color-error); }
3840
+ --toastify-color-error: var(--ab-color-error);
3841
+ }
3360
3842
  .Toastify__toast-body {
3361
- padding: 0; }
3843
+ padding: 0;
3844
+ }
3362
3845
  .Toastify__toast--info {
3363
- --ab-toast-cmp__shadow-color: var(--ab-color-info); }
3846
+ --ab-toast-cmp__shadow-color: var(--ab-color-info);
3847
+ }
3364
3848
  .Toastify__toast--success {
3365
- --ab-toast-cmp__shadow-color: var(--ab-color-success); }
3849
+ --ab-toast-cmp__shadow-color: var(--ab-color-success);
3850
+ }
3366
3851
  .Toastify__toast--warning {
3367
- --ab-toast-cmp__shadow-color: var(--ab-color-warn); }
3852
+ --ab-toast-cmp__shadow-color: var(--ab-color-warn);
3853
+ }
3368
3854
  .Toastify__toast--error {
3369
- --ab-toast-cmp__shadow-color: var(--ab-color-error); }
3855
+ --ab-toast-cmp__shadow-color: var(--ab-color-error);
3856
+ }
3370
3857
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
3371
3858
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
3372
3859
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
@@ -3376,7 +3863,8 @@ button.ab-StatusBar__SubPanel:hover {
3376
3863
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
3377
3864
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
3378
3865
  background-color: rgba(0, 0, 0, 0);
3379
- border-radius: 100px; }
3866
+ border-radius: 100px;
3867
+ }
3380
3868
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
3381
3869
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
3382
3870
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
@@ -3385,7 +3873,8 @@ button.ab-StatusBar__SubPanel:hover {
3385
3873
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3386
3874
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
3387
3875
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
3388
- width: var(--ab-custom-scrollbar-size); }
3876
+ width: var(--ab-custom-scrollbar-size);
3877
+ }
3389
3878
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
3390
3879
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
3391
3880
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
@@ -3394,7 +3883,8 @@ button.ab-StatusBar__SubPanel:hover {
3394
3883
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3395
3884
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
3396
3885
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
3397
- height: var(--ab-custom-scrollbar-size); }
3886
+ height: var(--ab-custom-scrollbar-size);
3887
+ }
3398
3888
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
3399
3889
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
3400
3890
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
@@ -3403,7 +3893,8 @@ button.ab-StatusBar__SubPanel:hover {
3403
3893
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3404
3894
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
3405
3895
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
3406
- background-color: rgba(0, 0, 0, 0.09); }
3896
+ background-color: rgba(0, 0, 0, 0.09);
3897
+ }
3407
3898
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
3408
3899
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
3409
3900
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
@@ -3415,7 +3906,8 @@ button.ab-StatusBar__SubPanel:hover {
3415
3906
  background: rgba(0, 0, 0, 0.5);
3416
3907
  border-radius: 100px;
3417
3908
  background-clip: padding-box;
3418
- border: 2px solid rgba(0, 0, 0, 0); }
3909
+ border: 2px solid rgba(0, 0, 0, 0);
3910
+ }
3419
3911
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
3420
3912
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
3421
3913
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
@@ -3424,7 +3916,8 @@ button.ab-StatusBar__SubPanel:hover {
3424
3916
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3425
3917
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
3426
3918
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
3427
- min-height: var(--ab-custom-scrollbar-size); }
3919
+ min-height: var(--ab-custom-scrollbar-size);
3920
+ }
3428
3921
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
3429
3922
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
3430
3923
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
@@ -3433,7 +3926,8 @@ button.ab-StatusBar__SubPanel:hover {
3433
3926
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3434
3927
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
3435
3928
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
3436
- min-width: var(--ab-custom-scrollbar-size); }
3929
+ min-width: var(--ab-custom-scrollbar-size);
3930
+ }
3437
3931
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
3438
3932
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
3439
3933
  .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
@@ -3443,13 +3937,17 @@ button.ab-StatusBar__SubPanel:hover {
3443
3937
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
3444
3938
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
3445
3939
  background: rgba(0, 0, 0, 0.61);
3446
- border-radius: 100px; }
3940
+ border-radius: 100px;
3941
+ }
3447
3942
  .ag-details-row {
3448
3943
  display: flex;
3449
- flex-flow: column; }
3944
+ flex-flow: column;
3945
+ }
3450
3946
  .ag-details-row .ag-details-grid {
3451
- flex: 1; }
3947
+ flex: 1;
3948
+ }
3452
3949
  .ab-wait-for-progress-indicator.ab-Grid {
3453
- pointer-events: none; }
3950
+ pointer-events: none;
3951
+ }
3454
3952
 
3455
3953
  /*# sourceMappingURL=base.css.map */