@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/index.css CHANGED
@@ -2305,7 +2305,8 @@ template {
2305
2305
  --ab-icon-fill: currentColor;
2306
2306
  --ab-custom-scrollbar-size: 10px;
2307
2307
  --ab-grid-row-height: 40px;
2308
- --ab-loaded: 777; }
2308
+ --ab-loaded: 777;
2309
+ }
2309
2310
 
2310
2311
  :root {
2311
2312
  --ITableHeader__color: var(--ab-color-text-on-primary);
@@ -2314,17 +2315,21 @@ template {
2314
2315
  --ITableRow__color: var(--ab-color-text-on-primary);
2315
2316
  --ITable__background: var(--ab-color-primarylight);
2316
2317
  --ITableRow__background: var(--ab-color-defaultbackground);
2317
- --ITableRow--odd__background: var(--ab-color-primarylight); }
2318
+ --ITableRow--odd__background: var(--ab-color-primarylight);
2319
+ }
2318
2320
 
2319
- .ab-style__list-group-item:nth-child(2n + 1) {
2320
- background: var(--ab-color-primarylight); }
2321
+ .ab-style__list-group-item:nth-child(2n+1) {
2322
+ background: var(--ab-color-primarylight);
2323
+ }
2321
2324
 
2322
- .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
2323
- margin-inline-start: 0px; }
2325
+ .ab-Grid .ag-header-cell input[type=date i]::-webkit-calendar-picker-indicator {
2326
+ margin-inline-start: 0px;
2327
+ }
2324
2328
 
2325
2329
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
2326
2330
  font-weight: bolder;
2327
- background: var(--ab-gridheader--filtered__background); }
2331
+ background: var(--ab-gridheader--filtered__background);
2332
+ }
2328
2333
 
2329
2334
  :root {
2330
2335
  --ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
@@ -2333,7 +2338,8 @@ template {
2333
2338
  --ab-cmp-checkbox--check-size: 16px;
2334
2339
  --ab-cmp-checkbox--check__color: white;
2335
2340
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
2336
- --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
2341
+ --ab-cmp-checkbox--check-indeterminate-radius: 2px;
2342
+ }
2337
2343
 
2338
2344
  .ab-CheckBox--variant-agGrid {
2339
2345
  --ab-cmp-checkbox--check__color: var(
@@ -2342,23 +2348,27 @@ template {
2342
2348
  );
2343
2349
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
2344
2350
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
2345
- --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
2351
+ --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
2352
+ }
2346
2353
 
2347
2354
  .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
2348
- --ab-cmp-checkbox--check__color: var(
2349
- --ag-checkbox-checked-color,
2350
- var(--ag-balham-active-color, #0091ea)
2351
- ); }
2355
+ --ab-cmp-checkbox--check__color: var(
2356
+ --ag-checkbox-checked-color,
2357
+ var(--ag-balham-active-color, #0091ea)
2358
+ );
2359
+ }
2352
2360
 
2353
2361
  .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
2354
- --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
2362
+ --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
2363
+ }
2355
2364
 
2356
2365
  :root {
2357
2366
  --ab-cmp-dialog__background: var(--ab-color-defaultbackground, white);
2358
2367
  --ab-cmp-dialog__color: var(--ab-color-text-on-defaultbackground, white);
2359
2368
  --ab-cmp-dialog-close-button__color: var(--ab-color-accentlight);
2360
2369
  --ab-cmp-dialog__border-radius: var(--ab__border-radius);
2361
- --ab-cmp-dialog__min-height: 60vh; }
2370
+ --ab-cmp-dialog__min-height: 60vh;
2371
+ }
2362
2372
 
2363
2373
  :root {
2364
2374
  --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
@@ -2368,7 +2378,8 @@ template {
2368
2378
  --ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
2369
2379
  --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
2370
2380
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
2371
- --ab-cmp-dropdown__padding: var(--ab-space-2); }
2381
+ --ab-cmp-dropdown__padding: var(--ab-space-2);
2382
+ }
2372
2383
 
2373
2384
  :root {
2374
2385
  --ab-cmp-dropdownbutton-list__border: none;
@@ -2381,30 +2392,35 @@ template {
2381
2392
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
2382
2393
  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
2383
2394
  -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
2384
- --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
2395
+ --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
2396
+ }
2385
2397
 
2386
2398
  :root {
2387
2399
  --ab-cmp-error-box__padding: var(--ab-space-3);
2388
2400
  --ab-cmp-error-box__border-radius: var(--ab__border-radius);
2389
2401
  --ab-cmp-error-box__color: var(--ab-color-text-on-error);
2390
- --ab-cmp-error-box__background: var(--ab-color-error); }
2402
+ --ab-cmp-error-box__background: var(--ab-color-error);
2403
+ }
2391
2404
 
2392
2405
  :root {
2393
2406
  --ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
2394
2407
  --ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
2395
- --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius); }
2408
+ --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
2409
+ }
2396
2410
 
2397
2411
  :root {
2398
2412
  --ab-cmp-help-block__padding: var(--ab-space-2);
2399
2413
  --ab-cmp-help-block__border-radius: var(--ab__border-radius);
2400
2414
  --ab-cmp-help-block__color: var(--ab-color-text-on-primary);
2401
- --ab-cmp-help-block__background: var(--ab-color-primarylight); }
2415
+ --ab-cmp-help-block__background: var(--ab-color-primarylight);
2416
+ }
2402
2417
 
2403
2418
  :root {
2404
2419
  --ab-cmp-code-block__padding: var(--ab-space-1);
2405
2420
  --ab-cmp-code-block__border-radius: var(--ab__border-radius);
2406
2421
  --ab-cmp-code-block__color: var(--ab-color-text-on-primary);
2407
- --ab-cmp-code-block__background: var(--ab-color-primary); }
2422
+ --ab-cmp-code-block__background: var(--ab-color-primary);
2423
+ }
2408
2424
 
2409
2425
  :root {
2410
2426
  --ab-cmp-input__padding: var(--ab-space-2);
@@ -2416,10 +2432,12 @@ template {
2416
2432
  --ab-cmp-input__font-size: var(--ab-font-size-2);
2417
2433
  --ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
2418
2434
  --ab-cmp-input__font-family: var(--ab__font-family);
2419
- --ab-cmp-input--placeholder__opacity: 0.6; }
2435
+ --ab-cmp-input--placeholder__opacity: 0.6;
2436
+ }
2420
2437
 
2421
2438
  :root {
2422
- --ab-cmp-listgroup: 1; }
2439
+ --ab-cmp-listgroup: 1;
2440
+ }
2423
2441
 
2424
2442
  .ab-ListGroupItem {
2425
2443
  width: var(--ab-cmp-listgroupitem__width);
@@ -2432,29 +2450,36 @@ template {
2432
2450
  align-items: center;
2433
2451
  background: var(--ab-cmp-listgroupitem__background);
2434
2452
  color: var(--ab-cmp-listgroupitem__color);
2435
- border-radius: var(--ab-cmp-listgroupitem__border-radius); }
2453
+ border-radius: var(--ab-cmp-listgroupitem__border-radius);
2454
+ }
2436
2455
 
2437
- .ab-ListGroupItem:nth-child(2n + 1) {
2438
- background: var(--ab-cmp-listgroupitem--odd__background);
2439
- color: var(--ab-cmp-listgroupitem--odd__color); }
2456
+ .ab-ListGroupItem:nth-child(2n+1) {
2457
+ background: var(--ab-cmp-listgroupitem--odd__background);
2458
+ color: var(--ab-cmp-listgroupitem--odd__color);
2459
+ }
2440
2460
 
2441
2461
  .ab-ListGroupItem.ab-ListGroupItem--no-zebra {
2442
- background: var(--ab-color-defaultbackground); }
2462
+ background: var(--ab-color-defaultbackground);
2463
+ }
2443
2464
 
2444
2465
  .ab-ListGroupItem--active.ab-ListGroupItem {
2445
- background: var(--ab-cmp-listgroupitem--active__background);
2446
- color: var(--ab-cmp-listgroupitem--active__color); }
2466
+ background: var(--ab-cmp-listgroupitem--active__background);
2467
+ color: var(--ab-cmp-listgroupitem--active__color);
2468
+ }
2447
2469
 
2448
2470
  .ab-ListGroupItem:focus {
2449
- z-index: 1; }
2471
+ z-index: 1;
2472
+ }
2450
2473
 
2451
2474
  :root {
2452
- --ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44); }
2475
+ --ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
2476
+ }
2453
2477
 
2454
2478
  :root {
2455
2479
  --ab-cmp-tabs__padding: var(--ab-space-2);
2456
2480
  --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
2457
- --ab-cmp-tabs-active__background: var(--ab-color-primarylight); }
2481
+ --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
2482
+ }
2458
2483
 
2459
2484
  :root {
2460
2485
  --ab-cmp-panel_header__background: var(--ab-color-primary);
@@ -2474,7 +2499,8 @@ template {
2474
2499
  --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
2475
2500
  --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
2476
2501
  --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
2477
- --ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight); }
2502
+ --ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
2503
+ }
2478
2504
 
2479
2505
  :root {
2480
2506
  --ab-cmp-simple-button__padding: var(--ab-space-1) var(--ab-space-1);
@@ -2484,7 +2510,8 @@ template {
2484
2510
  --ab-cmp-simple-button__font-size: var(--ab-font-size-2);
2485
2511
  --ab-cmp-simple-button__font-family: var(--ab__font-family);
2486
2512
  --ab-cmp-simple-button__height: 20px;
2487
- --ab-cmp-simple-button__width: 20px; }
2513
+ --ab-cmp-simple-button__width: 20px;
2514
+ }
2488
2515
 
2489
2516
  :root {
2490
2517
  --ab-cmp-textarea__padding: var(--ab-space-1) var(--ab-space-2);
@@ -2494,14 +2521,16 @@ template {
2494
2521
  --ab-cmp-textarea__font-size: var(--ab-font-size-3);
2495
2522
  --ab-cmp-textarea__font-family: var(--ab__font-family);
2496
2523
  --ab-cmp-textarea__background: var(--ab-cmp-input__background);
2497
- --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background); }
2524
+ --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
2525
+ }
2498
2526
 
2499
2527
  :root {
2500
2528
  --ab-cmp-tooltip__opacity: 0.96;
2501
2529
  --ab-cmp-tooltip__background: var(--ab-color-primary);
2502
2530
  --ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
2503
2531
  --ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
2504
- --ab-cmp-tooltip__font-size: var(--ab-font-size-2); }
2532
+ --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
2533
+ }
2505
2534
 
2506
2535
  :root {
2507
2536
  --ab-cmp-file-droppable__padding: var(--ab-space-5);
@@ -2514,7 +2543,8 @@ template {
2514
2543
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
2515
2544
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
2516
2545
  --ab-cmp-file-droppable--drag-over__outline: 2px dashed
2517
- var(--ab-cmp-file-droppable--drag-over__color); }
2546
+ var(--ab-cmp-file-droppable--drag-over__color);
2547
+ }
2518
2548
 
2519
2549
  :root {
2520
2550
  --ab-dashboard__background: var(--ab-color-primary);
@@ -2527,10 +2557,12 @@ template {
2527
2557
  --ab-dashboard-header__background: var(--ab-color-secondary);
2528
2558
  --ab-dashboard-header__color: var(--ab-color-text-on-secondary);
2529
2559
  --ab-dashboard-tab-drop-target__background: skyblue;
2530
- --ab-dashboard-toolbar-drag__background: lightgreen; }
2560
+ --ab-dashboard-toolbar-drag__background: lightgreen;
2561
+ }
2531
2562
 
2532
2563
  :root {
2533
- --ab-cmp-listgroup: 1; }
2564
+ --ab-cmp-listgroup: 1;
2565
+ }
2534
2566
 
2535
2567
  :root {
2536
2568
  --ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
@@ -2542,14 +2574,16 @@ template {
2542
2574
  --ab-cmp-datepicker__border: 1px solid var(--ab-color-primarydark);
2543
2575
  --ab-cmp-datepicker__font-size: var(--ab-font-size-2);
2544
2576
  --ab-cmp-datepicker__font-family: var(--ab__font-family);
2545
- --ab-cmp-datepicker__cell-size: 30px; }
2577
+ --ab-cmp-datepicker__cell-size: 30px;
2578
+ }
2546
2579
 
2547
2580
  :root {
2548
2581
  --ab-cmp-toggle-button__background: #ccc;
2549
2582
  --ab-cmp-toggle-button--active__background: var(--ab-color-success);
2550
2583
  --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
2551
2584
  --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
2552
- --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
2585
+ --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
2586
+ }
2553
2587
 
2554
2588
  :root {
2555
2589
  --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
@@ -2559,12 +2593,14 @@ template {
2559
2593
  --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
2560
2594
  --ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
2561
2595
  --ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
2562
- --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground); }
2596
+ --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
2597
+ }
2563
2598
 
2564
2599
  :root {
2565
2600
  --ab-cmp-loader__background: var(--ab-color-primarydark);
2566
2601
  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
2567
- --ab-cmp-loader__font-size: var(--ab-font-size-2); }
2602
+ --ab-cmp-loader__font-size: var(--ab-font-size-2);
2603
+ }
2568
2604
 
2569
2605
  :root {
2570
2606
  --ab-cmp-progress-indicator__delay: 1s;
@@ -2574,28 +2610,34 @@ template {
2574
2610
  --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
2575
2611
  --ab-cmp-progress-indicator__padding: var(--ab-space-3);
2576
2612
  --ab-cmp-progress-indicator__background: var(--ab-color-primary);
2577
- --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary); }
2613
+ --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
2614
+ }
2578
2615
 
2579
2616
  :root {
2580
2617
  --ab-cmp-icon__fill: var(--ab-icon-fill);
2581
2618
  --ab-cmp-icon__height: 17px;
2582
- --ab-cmp-icon__width: 17px; }
2619
+ --ab-cmp-icon__width: 17px;
2620
+ }
2583
2621
 
2584
2622
  :root {
2585
2623
  --ab-cmp-listgroupitem__padding: var(--ab-space-2);
2586
- --ab-cmp-listgroupitem__margin: 0; }
2624
+ --ab-cmp-listgroupitem__margin: 0;
2625
+ --ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
2626
+ }
2587
2627
 
2588
2628
  :root {
2589
2629
  --ab-cmp-wizard__padding: var(--ab-space-5);
2590
2630
  --ab-cmp-wizard__margin: var(--ab-space-1);
2591
2631
  --ab-cmp-wizard__background: var(--ab-color-primary);
2592
- --ab-cmp-wizard__color: var(--ab-color-text-on-primary); }
2632
+ --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
2633
+ }
2593
2634
 
2594
2635
  :root {
2595
2636
  --ab-cmp-button-border-radius: 0px;
2596
2637
  --ab-cmp-button-disabled-opacity: 0.5;
2597
2638
  --ab-cmp-button-background: var(--ab-color-primary);
2598
- --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
2639
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark);
2640
+ }
2599
2641
 
2600
2642
  :root {
2601
2643
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
@@ -2606,7 +2648,8 @@ template {
2606
2648
  --ab-cmp-dashboardpanel__color: currentColor;
2607
2649
  --ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
2608
2650
  --ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
2609
- --ab-cmp-dashboardpanel__border: none; }
2651
+ --ab-cmp-dashboardpanel__border: none;
2652
+ }
2610
2653
 
2611
2654
  :root {
2612
2655
  --ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
@@ -2617,36 +2660,43 @@ template {
2617
2660
  --ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
2618
2661
  --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
2619
2662
  --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
2620
- --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
2663
+ --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
2664
+ }
2621
2665
 
2622
2666
  :root {
2623
2667
  --ab-cmp-popover__border-radius: var(--ab__border-radius);
2624
2668
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
2625
2669
  --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
2626
2670
  --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
2627
- --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark); }
2671
+ --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
2672
+ }
2628
2673
 
2629
2674
  :root {
2630
2675
  --ab-cmp-one-page-wizard__background: var(--ab-color-primary);
2631
2676
  --ab-cmp-one-page-wizard-content__background: var(--ab-color-defaultbackground);
2632
2677
  --ab-cmp-one-page-wizard-section-title__color: var(--ab-color-text-on-secondary);
2633
- --ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary); }
2678
+ --ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
2679
+ }
2634
2680
 
2635
2681
  .ab-OnePageWizard__section {
2636
2682
  background: var(--ab-cmp-one-page-wizard-content__background);
2637
2683
  overflow: auto;
2638
- border-radius: var(--ab__border-radius); }
2684
+ border-radius: var(--ab__border-radius);
2685
+ }
2639
2686
 
2640
2687
  .ab-OnePageWizard__section-title-container {
2641
- background: var(--ab-cmp-one-page-wizard__background); }
2688
+ background: var(--ab-cmp-one-page-wizard__background);
2689
+ }
2642
2690
 
2643
2691
  .ab-OnePageWizard__section-container {
2644
2692
  background: var(--ab-cmp-one-page-wizard__background);
2645
2693
  min-height: 100%;
2646
- overflow: hidden; }
2694
+ overflow: hidden;
2695
+ }
2647
2696
 
2648
2697
  .ab-OnePageWizard__footer {
2649
- background: var(--ab-cmp-one-page-wizard__background); }
2698
+ background: var(--ab-cmp-one-page-wizard__background);
2699
+ }
2650
2700
 
2651
2701
  :root {
2652
2702
  --ab-cmp-toolpanel__width: 200px;
@@ -2654,10 +2704,12 @@ template {
2654
2704
  --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
2655
2705
  --ab-cmp-toolpanel-header__grid-gap: 3px;
2656
2706
  --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
2657
- --ab-cmp-toolpanel__font-family: var(--ab__font-family); }
2707
+ --ab-cmp-toolpanel__font-family: var(--ab__font-family);
2708
+ }
2658
2709
 
2659
2710
  :root {
2660
- --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4); }
2711
+ --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
2712
+ }
2661
2713
 
2662
2714
  :root {
2663
2715
  --ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
@@ -2695,10 +2747,12 @@ template {
2695
2747
  --ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
2696
2748
  --ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
2697
2749
  --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
2698
- --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2); }
2750
+ --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
2751
+ }
2699
2752
 
2700
2753
  :root {
2701
- --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
2754
+ --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
2755
+ }
2702
2756
 
2703
2757
  :root {
2704
2758
  --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
@@ -2720,29 +2774,40 @@ template {
2720
2774
  --ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
2721
2775
  --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
2722
2776
  --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
2723
- --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4); }
2777
+ --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
2778
+ }
2724
2779
 
2725
2780
  :root {
2726
2781
  --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
2727
2782
  --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
2728
- --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground); }
2783
+ --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
2784
+ }
2729
2785
 
2730
2786
  :root {
2731
- --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground); }
2787
+ --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
2788
+ --ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
2789
+ --ab-cmp-system-status-list-text__font-weight: bold;
2790
+ --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
2791
+ --ab-cmp-system-status-list-text__color: var(--ab-color-text-on-secondary);
2792
+ --ab-cmp-system-status-list-text__padding: var(--ab-space-2);
2793
+ }
2732
2794
 
2733
2795
  :root {
2734
- --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground); }
2796
+ --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
2797
+ }
2735
2798
 
2736
2799
  :root {
2737
2800
  --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
2738
2801
  --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
2739
2802
  --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
2740
2803
  --ab-cmp-adaptable-statusbar__font-weight: 400;
2741
- --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary); }
2804
+ --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
2805
+ }
2742
2806
 
2743
2807
  :root {
2744
2808
  --ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
2745
- --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary); }
2809
+ --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
2810
+ }
2746
2811
 
2747
2812
  :root {
2748
2813
  --ab-cmp-adaptable-layout-wizard-column-row-title__border-radious: var(--ab__border-radius);
@@ -2757,66 +2822,105 @@ template {
2757
2822
  --ab__border-radius
2758
2823
  );
2759
2824
  --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
2760
- --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
2825
+ --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
2826
+ }
2761
2827
 
2762
2828
  .ab-PermitedValuesSelector__PopupContent {
2763
2829
  z-index: 1000;
2764
2830
  font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
2765
2831
  border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
2766
2832
  background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
2767
- padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
2833
+ padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
2834
+ }
2835
+
2836
+ :root {
2837
+ --ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
2838
+ --ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
2839
+ --ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
2840
+ --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
2841
+ var(--ab-color-primarydark);
2842
+ --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
2843
+ --ab-cmp-expression-editor-input__font-family: monospace;
2844
+ --ab-cmp-expression-editor-feedback__border-radius: var(--ab__border-radius);
2845
+ }
2846
+
2847
+ :root {
2848
+ --ab-cmp-quickfilter__font-size: var(--ab-font-size-1);
2849
+ --ab-cmp-quickfilter__border: 1px solid var(--ab-color-primarydark);
2850
+ --ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
2851
+ }
2768
2852
 
2769
2853
  .ab-Radio-input:focus + svg rect {
2770
2854
  stroke: var(--ab-color-accent);
2771
- stroke-width: 2; }
2855
+ stroke-width: 2;
2856
+ }
2772
2857
 
2773
2858
  .ab-Radio-input:focus + svg {
2774
- outline: 2px solid var(--ab-color-accent); }
2859
+ outline: 2px solid var(--ab-color-accent);
2860
+ }
2775
2861
 
2776
- .ab-Radio-input:checked + svg rect,
2777
- .ab-Radio-input:checked + svg polyline {
2778
- stroke: currentColor; }
2862
+ .ab-Radio-input:checked + svg rect, .ab-Radio-input:checked + svg polyline {
2863
+ stroke: currentColor;
2864
+ }
2779
2865
 
2780
2866
  .ab-Radio-input:checked + svg polyline {
2781
2867
  animation: abRadioCheckAnimation 0.5s ease forwards;
2782
2868
  stroke-dasharray: 50;
2783
- stroke-dashoffset: 50; }
2869
+ stroke-dashoffset: 50;
2870
+ }
2784
2871
 
2785
2872
  .ab-Radio-input input:focus {
2786
2873
  box-shadow: var(--ab-focus__box-shadow);
2787
- outline: var(--ab-focus__outline); }
2874
+ outline: var(--ab-focus__outline);
2875
+ }
2788
2876
 
2789
2877
  @keyframes abRadioCheckAnimation {
2790
2878
  100% {
2791
- stroke-dashoffset: 0; } }
2879
+ stroke-dashoffset: 0;
2880
+ }
2881
+ }
2792
2882
 
2793
2883
  .ab-Table td,
2794
2884
  .ab-Table th {
2795
- padding: var(--ab-space-2); }
2885
+ padding: var(--ab-space-2);
2886
+ }
2796
2887
 
2797
2888
  .ab-Table th {
2798
- border-bottom: 2px solid var(--ab-color-primarydark); }
2889
+ border-bottom: 2px solid var(--ab-color-primarydark);
2890
+ }
2799
2891
 
2800
2892
  .ab-Table tr:not(last-child) td {
2801
- border-bottom: 1px solid var(--ab-color-primarylight); }
2893
+ border-bottom: 1px solid var(--ab-color-primarylight);
2894
+ }
2895
+
2896
+ .ab-CheckBox {
2897
+ display: inline-flex;
2898
+ flex-flow: row;
2899
+ align-items: center;
2900
+ cursor: pointer;
2901
+ position: relative;
2902
+ }
2802
2903
 
2803
- .ab-CheckBox,
2804
- .ab-CheckBox *,
2904
+ .ab-CheckBox, .ab-CheckBox *,
2805
2905
  .ab-CheckBox *:before,
2806
2906
  .ab-CheckBox *:after {
2807
- box-sizing: border-box; }
2907
+ box-sizing: border-box;
2908
+ }
2808
2909
 
2809
2910
  .ab-CheckBox--checked {
2810
- --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
2911
+ --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
2912
+ }
2811
2913
 
2812
2914
  .ab-CheckBox--indeterminate {
2813
- --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color); }
2915
+ --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
2916
+ }
2814
2917
 
2815
2918
  .ab-CheckBox:focus-within .ab-CheckBox__square,
2816
2919
  .ab-CheckBox:active .ab-CheckBox__square,
2817
2920
  .ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square,
2818
2921
  .ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
2819
- box-shadow: var(--ab-focus__box-shadow); }
2922
+ box-shadow: var(--ab-focus__box-shadow);
2923
+ }
2820
2924
 
2821
2925
  .ab-CheckBox__square {
2822
2926
  border-radius: var(--ab__border-radius);
@@ -2824,49 +2928,55 @@ template {
2824
2928
  border-style: solid;
2825
2929
  border-color: var(--ab-cmp-checkbox__border-color);
2826
2930
  background: var(--ab-cmp-checkbox__background);
2827
- height: var(--ab-cmp-checkbox--check-size);
2828
- width: var(--ab-cmp-checkbox--check-size);
2931
+ min-height: var(--ab-cmp-checkbox--check-size);
2932
+ min-width: var(--ab-cmp-checkbox--check-size);
2829
2933
  line-height: 0;
2830
2934
  font-size: 0;
2831
2935
  position: relative;
2832
- pointer-events: none; }
2936
+ pointer-events: none;
2937
+ }
2833
2938
 
2834
2939
  .ab-CheckBox__square:after {
2835
- opacity: 1;
2836
- transition-duration: 0.1s;
2837
- transition-timing-function: ease-in;
2838
- transition-property: opacity;
2839
- content: '';
2840
- display: block;
2841
- margin: auto;
2842
- width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
2843
- height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
2844
- border: solid var(--ab-cmp-checkbox--check__color);
2845
- border-width: 0 2px 2px 0;
2846
- transform: rotate(45deg);
2847
- border-radius: 1px; }
2940
+ opacity: 1;
2941
+ transition-duration: 0.1s;
2942
+ transition-timing-function: ease-in;
2943
+ transition-property: opacity;
2944
+ content: "";
2945
+ display: block;
2946
+ margin: auto;
2947
+ width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
2948
+ height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
2949
+ border: solid var(--ab-cmp-checkbox--check__color);
2950
+ border-width: 0 2px 2px 0;
2951
+ transform: rotate(45deg);
2952
+ border-radius: 1px;
2953
+ }
2848
2954
 
2849
2955
  .ab-CheckBox__square--unchecked::after {
2850
- opacity: 0; }
2956
+ opacity: 0;
2957
+ }
2851
2958
 
2852
2959
  .ab-CheckBox__square--indeterminate:after {
2853
- transform: rotate(0deg);
2854
- position: absolute;
2855
- top: 2px;
2856
- bottom: 2px;
2857
- right: 2px;
2858
- left: 2px;
2859
- border: none;
2860
- width: auto;
2861
- height: auto;
2862
- background: var(--ab-cmp-checkbox--check__color);
2863
- border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius); }
2960
+ transform: rotate(0deg);
2961
+ position: absolute;
2962
+ top: 2px;
2963
+ bottom: 2px;
2964
+ right: 2px;
2965
+ left: 2px;
2966
+ border: none;
2967
+ width: auto;
2968
+ height: auto;
2969
+ background: var(--ab-cmp-checkbox--check__color);
2970
+ border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
2971
+ }
2864
2972
 
2865
2973
  .ab-CheckBox--disabled {
2866
- opacity: 0.5; }
2974
+ opacity: 0.5;
2975
+ }
2867
2976
 
2868
2977
  .ab-CheckBox--readonly .ab-CheckBox__square {
2869
- opacity: 0.5; }
2978
+ opacity: 0.5;
2979
+ }
2870
2980
 
2871
2981
  .ab-CheckBox-input:not(.ag-checkbox-input) {
2872
2982
  width: 100%;
@@ -2876,7 +2986,8 @@ template {
2876
2986
  left: 0;
2877
2987
  top: 0;
2878
2988
  z-index: 1;
2879
- position: absolute; }
2989
+ position: absolute;
2990
+ }
2880
2991
 
2881
2992
  .ab-Dialog {
2882
2993
  position: relative;
@@ -2885,33 +2996,37 @@ template {
2885
2996
  color: var(--ab-cmp-dialog__color);
2886
2997
  border-radius: var(--ab-cmp-dialog__border-radius);
2887
2998
  display: flex;
2888
- flex-flow: column; }
2999
+ flex-flow: column;
3000
+ }
2889
3001
 
2890
3002
  .ab-Dialog:focus-within, .ab-Dialog:focus {
2891
- box-shadow: var(--ab-focus__box-shadow);
2892
- outline: var(--ab-focus__outline); }
3003
+ box-shadow: var(--ab-focus__box-shadow);
3004
+ outline: var(--ab-focus__outline);
3005
+ }
2893
3006
 
2894
3007
  .ab-Dialog__close-button {
2895
- position: absolute;
2896
- right: 6px;
2897
- top: 6px;
2898
- font-size: var(--ab-font-size-3);
2899
- font-weight: 700;
2900
- line-height: 1;
2901
- color: var(--ab-cmp-dialog-close-button__color);
2902
- text-shadow: 0 1px 0 #fff;
2903
- cursor: pointer; }
3008
+ position: absolute;
3009
+ right: 6px;
3010
+ top: 6px;
3011
+ font-size: var(--ab-font-size-3);
3012
+ font-weight: 700;
3013
+ line-height: 1;
3014
+ color: var(--ab-cmp-dialog-close-button__color);
3015
+ text-shadow: 0 1px 0 #fff;
3016
+ cursor: pointer;
3017
+ }
2904
3018
 
2905
3019
  .ab-Dialog-fixed-wrapper {
2906
- position: fixed;
2907
- margin: auto;
2908
- left: 0;
2909
- top: 0;
2910
- right: 0;
2911
- bottom: 0;
2912
- display: flex;
2913
- align-items: center;
2914
- justify-content: center; }
3020
+ position: fixed;
3021
+ margin: auto;
3022
+ left: 0;
3023
+ top: 0;
3024
+ right: 0;
3025
+ bottom: 0;
3026
+ display: flex;
3027
+ align-items: center;
3028
+ justify-content: center;
3029
+ }
2915
3030
 
2916
3031
  .ab-Dropdown {
2917
3032
  background: var(--ab-color-defaultbackground);
@@ -2921,43 +3036,51 @@ template {
2921
3036
  min-width: 120px;
2922
3037
  max-width: 300px;
2923
3038
  font-family: var(--ab-cmp-dropdown__font-family);
2924
- font-size: var(--ab-cmp-dropdown__font-size); }
3039
+ font-size: var(--ab-cmp-dropdown__font-size);
3040
+ }
2925
3041
 
2926
3042
  .ab-Dropdown--disabled {
2927
- opacity: 0.5; }
3043
+ opacity: 0.5;
3044
+ }
2928
3045
 
2929
3046
  .ab-Dropdown--focused {
2930
- box-shadow: var(--ab-focus__box-shadow);
2931
- outline: var(--ab-focus__outline); }
3047
+ box-shadow: var(--ab-focus__box-shadow);
3048
+ outline: var(--ab-focus__outline);
3049
+ }
2932
3050
 
2933
3051
  .ab-Dropdown__text {
2934
- color: var(--ab-cmp-dropdown__color);
2935
- padding: var(--ab-cmp-dropdown__padding);
2936
- pointer-events: none;
2937
- position: relative;
2938
- cursor: pointer;
2939
- overflow: hidden;
2940
- text-overflow: ellipsis;
2941
- white-space: nowrap;
2942
- flex: 1; }
3052
+ color: var(--ab-cmp-dropdown__color);
3053
+ padding: var(--ab-cmp-dropdown__padding);
3054
+ pointer-events: none;
3055
+ position: relative;
3056
+ cursor: pointer;
3057
+ overflow: hidden;
3058
+ text-overflow: ellipsis;
3059
+ white-space: nowrap;
3060
+ flex: 1;
3061
+ }
2943
3062
 
2944
3063
  .ab-Dropdown--empty .ab-Dropdown__text {
2945
- color: var(--ab-color-text-on-defaultbackground); }
3064
+ color: var(--ab-color-text-on-defaultbackground);
3065
+ }
2946
3066
 
2947
3067
  .ab-Dropdown select {
2948
- font-family: inherit;
2949
- font-size: inherit;
2950
- position: absolute;
2951
- cursor: pointer; }
3068
+ font-family: inherit;
3069
+ font-size: inherit;
3070
+ position: absolute;
3071
+ cursor: pointer;
3072
+ }
2952
3073
 
2953
3074
  .ab-Dropdown .ab-SimpleButton {
2954
- color: var(--ab-cmp-dropdown__color) !important; }
3075
+ color: var(--ab-cmp-dropdown__color) !important;
3076
+ }
2955
3077
 
2956
3078
  .ab-DropdownButton {
2957
3079
  position: relative;
2958
3080
  overflow: visible;
2959
3081
  outline: none;
2960
- --ab-overlay-horizontal-align: left; }
3082
+ --ab-overlay-horizontal-align: left;
3083
+ }
2961
3084
 
2962
3085
  .ab-DropdownButton__list {
2963
3086
  text-align: start;
@@ -2967,36 +3090,44 @@ template {
2967
3090
  border: var(--ab-cmp-dropdownbutton-list__border);
2968
3091
  border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
2969
3092
  z-index: var(--ab-cmp-dropdownbutton-list__z-index);
2970
- background: var(--ab-cmp-dropdownbutton-list__background); }
3093
+ background: var(--ab-cmp-dropdownbutton-list__background);
3094
+ }
2971
3095
 
2972
3096
  .ab-DropdownButton__content {
2973
3097
  font-family: var(--ab__font-family);
2974
3098
  font-size: var(--ab-font-size-2);
2975
3099
  max-width: 100%;
2976
3100
  width: 100%;
2977
- border-spacing: 0; }
3101
+ border-spacing: 0;
3102
+ }
2978
3103
 
2979
3104
  .ab-DropdownButton__list-item {
2980
3105
  fill: currentColor;
2981
- color: var(--ab-cmp-dropdownbutton-list-item__color); }
3106
+ color: var(--ab-cmp-dropdownbutton-list-item__color);
3107
+ }
2982
3108
 
2983
3109
  .ab-DropdownButton__list-item--disabled {
2984
- opacity: 0.5; }
3110
+ opacity: 0.5;
3111
+ }
2985
3112
 
2986
3113
  .ab-DropdownButton__list-item--not-clickable {
2987
- cursor: auto; }
3114
+ cursor: auto;
3115
+ }
2988
3116
 
2989
3117
  .ab-DropdownButton__list-item--clickable:hover {
2990
3118
  background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
2991
3119
  color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
2992
3120
  fill: currentColor;
2993
- cursor: pointer; }
3121
+ cursor: pointer;
3122
+ }
2994
3123
 
2995
3124
  .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
2996
- color: inherit; }
3125
+ color: inherit;
3126
+ }
2997
3127
 
2998
3128
  .ab-DropdownButton__separator td {
2999
- border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border); }
3129
+ border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
3130
+ }
3000
3131
 
3001
3132
  .ab-EmptyContent {
3002
3133
  position: absolute;
@@ -3006,21 +3137,25 @@ template {
3006
3137
  right: 0;
3007
3138
  font-size: var(--ab-font-size-3);
3008
3139
  text-align: center;
3009
- padding: var(--ab-space-4); }
3140
+ padding: var(--ab-space-4);
3141
+ }
3010
3142
 
3011
3143
  .ab-EmptyContent p {
3012
- color: var(--ab-color-text-on-primary); }
3144
+ color: var(--ab-color-text-on-primary);
3145
+ }
3013
3146
 
3014
3147
  .ab-EmptyContent__wrapper {
3015
3148
  position: relative;
3016
3149
  width: 100%;
3017
- height: 100%; }
3150
+ height: 100%;
3151
+ }
3018
3152
 
3019
3153
  .ab-ErrorBox {
3020
3154
  padding: var(--ab-cmp-error-box__padding);
3021
3155
  border-radius: var(--ab-cmp-error-box__border-radius);
3022
3156
  background: var(--ab-cmp-error-box__background);
3023
- color: var(--ab-cmp-error-box__color); }
3157
+ color: var(--ab-cmp-error-box__color);
3158
+ }
3024
3159
 
3025
3160
  .ab-FieldWrap {
3026
3161
  border: 1px solid var(--ab-color-inputborder);
@@ -3028,47 +3163,53 @@ template {
3028
3163
  border-radius: var(--ab-cmp-field-wrap__border-radius);
3029
3164
  background: var(--ab-cmp-field-wrap__background);
3030
3165
  overflow: hidden;
3031
- fill: var(--ab-cmp-field-wrap__fill); }
3166
+ fill: var(--ab-cmp-field-wrap__fill);
3167
+ }
3032
3168
 
3033
3169
  .ab-FieldWrap:focus-within {
3034
- box-shadow: var(--ab-focus__box-shadow); }
3170
+ box-shadow: var(--ab-focus__box-shadow);
3171
+ }
3035
3172
 
3036
- .ab-FieldWrap input,
3037
- .ab-FieldWrap select,
3038
- .ab-FieldWrap > * {
3039
- border: none;
3040
- flex: 1; }
3173
+ .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
3174
+ border: none;
3175
+ flex: 1;
3176
+ }
3041
3177
 
3042
- .ab-FieldWrap input,
3043
- .ab-FieldWrap select,
3044
- .ab-FieldWrap .ab-Dropdown {
3045
- outline: none !important;
3046
- box-shadow: none !important; }
3178
+ .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
3179
+ outline: none !important;
3180
+ box-shadow: none !important;
3181
+ }
3047
3182
 
3048
3183
  .ab-FormLayout {
3049
3184
  display: grid;
3050
- align-items: center; }
3185
+ align-items: center;
3186
+ }
3051
3187
 
3052
3188
  .ab-FormLayout_column--label {
3053
- text-align: end; }
3189
+ text-align: end;
3190
+ }
3054
3191
 
3055
3192
  .ab-HelpBlock {
3056
3193
  padding: var(--ab-cmp-help-block__padding);
3057
3194
  background: var(--ab-cmp-help-block__background);
3058
3195
  border-radius: var(--ab-cmp-help-block__border-radius);
3059
- color: var(--ab-cmp-help-block__color); }
3196
+ color: var(--ab-cmp-help-block__color);
3197
+ }
3060
3198
 
3061
3199
  .ab-CodeBlock {
3062
3200
  padding: var(--ab-cmp-code-block__padding);
3063
3201
  background: var(--ab-cmp-code-block__background);
3064
3202
  border-radius: var(--ab-cmp-code-block__border-radius);
3065
- color: var(--ab-cmp-code-block__color); }
3203
+ color: var(--ab-cmp-code-block__color);
3204
+ }
3066
3205
 
3067
3206
  input.ab-Input {
3068
- background: var(--ab-cmp-input__background); }
3207
+ background: var(--ab-cmp-input__background);
3208
+ }
3069
3209
 
3070
3210
  input.ab-Input[disabled] {
3071
- background: var(--ab-cmp-input--disabled__background); }
3211
+ background: var(--ab-cmp-input--disabled__background);
3212
+ }
3072
3213
 
3073
3214
  .ab-Input {
3074
3215
  position: relative;
@@ -3083,40 +3224,48 @@ input.ab-Input[disabled] {
3083
3224
  /* Firefox 19+ */
3084
3225
  /* IE 10-11 */
3085
3226
  /* Edge */
3086
- /* MODERN BROWSER */ }
3227
+ /* MODERN BROWSER */
3228
+ }
3087
3229
 
3088
3230
  .ab-Input:focus {
3089
- box-shadow: var(--ab-focus__box-shadow);
3090
- outline: var(--ab-focus__outline); }
3231
+ box-shadow: var(--ab-focus__box-shadow);
3232
+ outline: var(--ab-focus__outline);
3233
+ }
3091
3234
 
3092
3235
  .ab-Input::-webkit-input-placeholder {
3093
- color: var(--ab-cmp-input--placeholder__color);
3094
- opacity: var(--ab-cmp-input--placeholder__opacity); }
3236
+ color: var(--ab-cmp-input--placeholder__color);
3237
+ opacity: var(--ab-cmp-input--placeholder__opacity);
3238
+ }
3095
3239
 
3096
3240
  .ab-Input:-moz-placeholder {
3097
- color: var(--ab-cmp-input--placeholder__color);
3098
- opacity: var(--ab-cmp-input--placeholder__opacity); }
3241
+ color: var(--ab-cmp-input--placeholder__color);
3242
+ opacity: var(--ab-cmp-input--placeholder__opacity);
3243
+ }
3099
3244
 
3100
3245
  .ab-Input::-moz-placeholder {
3101
- color: var(--ab-cmp-input--placeholder__color);
3102
- opacity: var(--ab-cmp-input--placeholder__opacity); }
3246
+ color: var(--ab-cmp-input--placeholder__color);
3247
+ opacity: var(--ab-cmp-input--placeholder__opacity);
3248
+ }
3103
3249
 
3104
3250
  .ab-Input:-ms-input-placeholder {
3105
- color: var(--ab-cmp-input--placeholder__color);
3106
- opacity: var(--ab-cmp-input--placeholder__opacity); }
3251
+ color: var(--ab-cmp-input--placeholder__color);
3252
+ opacity: var(--ab-cmp-input--placeholder__opacity);
3253
+ }
3107
3254
 
3108
3255
  .ab-Input::-ms-input-placeholder {
3109
- color: var(--ab-cmp-input--placeholder__color);
3110
- opacity: var(--ab-cmp-input--placeholder__opacity); }
3256
+ color: var(--ab-cmp-input--placeholder__color);
3257
+ opacity: var(--ab-cmp-input--placeholder__opacity);
3258
+ }
3111
3259
 
3112
3260
  .ab-Input::placeholder {
3113
- color: var(--ab-cmp-input--placeholder__color);
3114
- opacity: var(--ab-cmp-input--placeholder__opacity); }
3261
+ color: var(--ab-cmp-input--placeholder__color);
3262
+ opacity: var(--ab-cmp-input--placeholder__opacity);
3263
+ }
3115
3264
 
3116
3265
  /* Spin Buttons modified */
3117
3266
 
3118
- input[type='number'].ab-Input::-webkit-outer-spin-button,
3119
- input[type='number'].ab-Input::-webkit-inner-spin-button {
3267
+ input[type=number].ab-Input::-webkit-outer-spin-button,
3268
+ input[type=number].ab-Input::-webkit-inner-spin-button {
3120
3269
  -webkit-appearance: none;
3121
3270
  width: 1em;
3122
3271
  opacity: 0;
@@ -3124,17 +3273,20 @@ input[type='number'].ab-Input::-webkit-inner-spin-button {
3124
3273
  top: 0;
3125
3274
  right: 0;
3126
3275
  bottom: 0;
3127
- 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; }
3276
+ 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;
3277
+ }
3128
3278
 
3129
- input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
3130
- input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
3131
- input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3132
- opacity: 1; }
3279
+ input[type=number].ab-Input:focus::-webkit-inner-spin-button, input[type=number].ab-Input:focus::-webkit-inner-spin-button:active,
3280
+ input[type=number].ab-Input:hover::-webkit-inner-spin-button,
3281
+ input[type=number].ab-Input:hover::-webkit-inner-spin-button:active {
3282
+ opacity: 1;
3283
+ }
3133
3284
 
3134
3285
  .ab-ListGroup {
3135
3286
  display: flex;
3136
3287
  flex-flow: column;
3137
- align-items: flex-start; }
3288
+ align-items: flex-start;
3289
+ }
3138
3290
 
3139
3291
  :root {
3140
3292
  --ab-cmp-listgroupitem__width: 100%;
@@ -3144,7 +3296,8 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3144
3296
  --ab-cmp-listgroupitem--odd__background: var(--ab-color-primarylight);
3145
3297
  --ab-cmp-listgroupitem--odd__color: var(--ab-color-text-on-primary);
3146
3298
  --ab-cmp-listgroupitem--active__background: var(--ab-color-secondarylight);
3147
- --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight); }
3299
+ --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
3300
+ }
3148
3301
 
3149
3302
  .ab-Modal {
3150
3303
  position: fixed;
@@ -3153,10 +3306,12 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3153
3306
  right: 0;
3154
3307
  bottom: 0;
3155
3308
  z-index: 1000;
3156
- font-family: var(--ab__font-family); }
3309
+ font-family: var(--ab__font-family);
3310
+ }
3157
3311
 
3158
3312
  .ab-Modal.ab-Modal--resizable-and-movable {
3159
- position: relative; }
3313
+ position: relative;
3314
+ }
3160
3315
 
3161
3316
  .ab-Modal-backdrop {
3162
3317
  background: var(--ab-cmp-modal-backdrop__background);
@@ -3165,68 +3320,81 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3165
3320
  left: 0;
3166
3321
  right: 0;
3167
3322
  top: 0;
3168
- bottom: 0; }
3323
+ bottom: 0;
3324
+ }
3169
3325
 
3170
3326
  .ab-Tabs {
3171
3327
  display: flex;
3172
- flex-direction: column; }
3328
+ flex-direction: column;
3329
+ }
3173
3330
 
3174
- .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
3331
+ .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
3175
3332
  .ab-Tabs__Tab--before-active {
3176
- border-bottom-right-radius: var(--ab__border-radius); }
3333
+ border-bottom-right-radius: var(--ab__border-radius);
3334
+ }
3177
3335
 
3178
3336
  .ab-Tabs__Strip {
3179
3337
  z-index: 10;
3180
- overflow: visible; }
3338
+ overflow: visible;
3339
+ }
3181
3340
 
3182
3341
  .ab-Tabs__Tab {
3183
3342
  cursor: pointer;
3184
- background: var(--ab-cmp-tabs-strip__background); }
3343
+ background: var(--ab-cmp-tabs-strip__background);
3344
+ }
3185
3345
 
3186
3346
  .ab-Tabs__Tab:focus {
3187
- outline: none; }
3347
+ outline: none;
3348
+ }
3188
3349
 
3189
3350
  .ab-Tabs__Tab:focus:after {
3190
- box-shadow: var(--ab-focus__box-shadow); }
3351
+ box-shadow: var(--ab-focus__box-shadow);
3352
+ }
3191
3353
 
3192
3354
  .ab-Tabs__Filler {
3193
- background: var(--ab-cmp-tabs-strip__background); }
3355
+ background: var(--ab-cmp-tabs-strip__background);
3356
+ }
3194
3357
 
3195
3358
  .ab-Tabs__Tab--active + .ab-Tabs__Filler,
3196
3359
  .ab-Tabs__Tab--active + .ab-Tabs__Tab {
3197
- border-bottom-left-radius: var(--ab__border-radius); }
3360
+ border-bottom-left-radius: var(--ab__border-radius);
3361
+ }
3198
3362
 
3199
3363
  .ab-Tabs__Tab--active {
3200
3364
  position: relative;
3201
- z-index: 30; }
3365
+ z-index: 30;
3366
+ }
3202
3367
 
3203
3368
  .ab-Tabs__Tab--active:after {
3204
- content: '';
3205
- pointer-events: none;
3206
- position: absolute;
3207
- top: 0;
3208
- bottom: 5px;
3209
- right: 0;
3210
- left: 0;
3211
- z-index: -2;
3212
- border-top-left-radius: var(--ab__border-radius);
3213
- border-top-right-radius: var(--ab__border-radius); }
3369
+ content: "";
3370
+ pointer-events: none;
3371
+ position: absolute;
3372
+ top: 0;
3373
+ bottom: 5px;
3374
+ right: 0;
3375
+ left: 0;
3376
+ z-index: -2;
3377
+ border-top-left-radius: var(--ab__border-radius);
3378
+ border-top-right-radius: var(--ab__border-radius);
3379
+ }
3214
3380
 
3215
3381
  .ab-Tabs__Tab--active:before {
3216
- content: '';
3217
- position: absolute;
3218
- pointer-events: none;
3219
- border-top-left-radius: var(--ab__border-radius);
3220
- border-top-right-radius: var(--ab__border-radius);
3221
- z-index: -1;
3222
- left: 0;
3223
- top: 0;
3224
- width: 100%;
3225
- height: 100%;
3226
- background: var(--ab-cmp-tabs-active__background); }
3382
+ content: "";
3383
+ position: absolute;
3384
+ pointer-events: none;
3385
+ border-top-left-radius: var(--ab__border-radius);
3386
+ border-top-right-radius: var(--ab__border-radius);
3387
+ z-index: -1;
3388
+ left: 0;
3389
+ top: 0;
3390
+ width: 100%;
3391
+ height: 100%;
3392
+ background: var(--ab-cmp-tabs-active__background);
3393
+ }
3227
3394
 
3228
3395
  .ab-Tabs__Strip {
3229
- background: var(--ab-cmp-tabs-active__background); }
3396
+ background: var(--ab-cmp-tabs-active__background);
3397
+ }
3230
3398
 
3231
3399
  .ab-Tabs__Body {
3232
3400
  background: var(--ab-cmp-tabs-active__background);
@@ -3234,76 +3402,91 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3234
3402
  flex: 1;
3235
3403
  overflow: auto;
3236
3404
  display: flex;
3237
- flex-flow: column; }
3405
+ flex-flow: column;
3406
+ }
3238
3407
 
3239
- .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
3240
- border-top-left-radius: 0; }
3408
+ .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
3409
+ border-top-left-radius: 0;
3410
+ }
3241
3411
 
3242
3412
  .ab-Panel {
3243
3413
  display: flex;
3244
3414
  flex-flow: column;
3245
3415
  max-height: var(--ab-cmp-panel__max-height);
3246
3416
  overflow: auto;
3247
- font-size: var(--ab-cmp-panel__font-size); }
3417
+ font-size: var(--ab-cmp-panel__font-size);
3418
+ }
3248
3419
 
3249
3420
  .ab-Panel .glyphicon {
3250
- -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
3251
- fill: var(--ab-cmp-panel-icon__fill); }
3421
+ -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
3422
+ fill: var(--ab-cmp-panel-icon__fill);
3423
+ }
3252
3424
 
3253
3425
  .ab-Panel--variant-modern {
3254
- --ab-cmp-panel__border-radius: var(--ab-space-1); }
3426
+ --ab-cmp-panel__border-radius: var(--ab-space-1);
3427
+ }
3255
3428
 
3256
3429
  .ab-Panel__header {
3257
- flex: none;
3258
- background: var(--ab-cmp-panel_header__background);
3259
- color: var(--ab-cmp-panel_header__color);
3260
- font-size: var(--ab-cmp-panel_header__font-size);
3261
- padding: var(--ab-cmp-panel_header__padding);
3262
- border-top-left-radius: var(--ab-cmp-panel__border-radius);
3263
- border-top-right-radius: var(--ab-cmp-panel__border-radius);
3264
- border: var(--ab-cmp-panel__border); }
3430
+ flex: none;
3431
+ background: var(--ab-cmp-panel_header__background);
3432
+ color: var(--ab-cmp-panel_header__color);
3433
+ font-size: var(--ab-cmp-panel_header__font-size);
3434
+ padding: var(--ab-cmp-panel_header__padding);
3435
+ border-top-left-radius: var(--ab-cmp-panel__border-radius);
3436
+ border-top-right-radius: var(--ab-cmp-panel__border-radius);
3437
+ border: var(--ab-cmp-panel__border);
3438
+ }
3265
3439
 
3266
3440
  .ab-Panel__header--variant-primary {
3267
- background: var(--ab-cmp-panel_header--variant-primary__background);
3268
- color: var(--ab-cmp-panel_header--variant-primary__color);
3269
- fill: currentColor; }
3441
+ background: var(--ab-cmp-panel_header--variant-primary__background);
3442
+ color: var(--ab-cmp-panel_header--variant-primary__color);
3443
+ fill: currentColor;
3444
+ }
3270
3445
 
3271
3446
  .ab-Panel__header--variant-modern {
3272
- border: none;
3273
- background: var(--ab-cmp-panel_header--variant-modern__background); }
3447
+ border: none;
3448
+ background: var(--ab-cmp-panel_header--variant-modern__background);
3449
+ }
3274
3450
 
3275
3451
  .ab-Panel__body {
3276
- position: relative;
3277
- padding: var(--ab-cmp-panel__padding);
3278
- border: var(--ab-cmp-panel__border);
3279
- background: var(--ab-cmp-panel_body__background);
3280
- color: var(--ab-cmp-panel_body__color);
3281
- flex: 1;
3282
- border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
3283
- border-bottom-right-radius: var(--ab-cmp-panel__border-radius); }
3452
+ position: relative;
3453
+ padding: var(--ab-cmp-panel__padding);
3454
+ border: var(--ab-cmp-panel__border);
3455
+ background: var(--ab-cmp-panel_body__background);
3456
+ color: var(--ab-cmp-panel_body__color);
3457
+ flex: 1;
3458
+ border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
3459
+ border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
3460
+ }
3284
3461
 
3285
3462
  .ab-Panel__body--scroll-auto {
3286
- overflow: auto; }
3463
+ overflow: auto;
3464
+ }
3287
3465
 
3288
3466
  .ab-Panel__body--variant-modern {
3289
- border: none;
3290
- background: var(--ab-cmp-panel_body--variant-modern__background); }
3467
+ border: none;
3468
+ background: var(--ab-cmp-panel_body--variant-modern__background);
3469
+ }
3291
3470
 
3292
3471
  .ab-Panel--with-header > .ab-Panel__body {
3293
- border-top: none; }
3472
+ border-top: none;
3473
+ }
3294
3474
 
3295
3475
  .ab-Panel--no-header > .ab-Panel__body {
3296
- border-top-left-radius: var(--ab-cmp-panel__border-radius);
3297
- border-top-right-radius: var(--ab-cmp-panel__border-radius); }
3476
+ border-top-left-radius: var(--ab-cmp-panel__border-radius);
3477
+ border-top-right-radius: var(--ab-cmp-panel__border-radius);
3478
+ }
3298
3479
 
3299
3480
  .ab-SimpleButton {
3300
3481
  padding: var(--ab-cmp-simple-button__padding);
3301
3482
  font-family: var(--ab-cmp-simple-button__font-family);
3302
- font-size: var(--ab-cmp-simple-button__font-size); }
3483
+ font-size: var(--ab-cmp-simple-button__font-size);
3484
+ }
3303
3485
 
3304
3486
  .ab-SimpleButton:focus {
3305
- box-shadow: var(--ab-focus__box-shadow);
3306
- outline: var(--ab-focus__outline); }
3487
+ box-shadow: var(--ab-focus__box-shadow);
3488
+ outline: var(--ab-focus__outline);
3489
+ }
3307
3490
 
3308
3491
  .ab-SimpleButton.ab-SimpleButton {
3309
3492
  vertical-align: middle;
@@ -3315,143 +3498,182 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3315
3498
  flex-flow: row;
3316
3499
  flex: none;
3317
3500
  align-items: center;
3318
- fill: currentColor; }
3501
+ fill: currentColor;
3502
+ }
3319
3503
 
3320
3504
  .ab-SimpleButton.ab-SimpleButton > * {
3321
- z-index: 1; }
3505
+ z-index: 1;
3506
+ }
3322
3507
 
3323
3508
  .ab-SimpleButton.ab-SimpleButton svg {
3324
- vertical-align: middle; }
3509
+ vertical-align: middle;
3510
+ }
3325
3511
 
3326
3512
  .ab-SimpleButton.ab-SimpleButton--tone-neutral {
3327
- color: var(--ab-color-text-on-primary); }
3513
+ color: var(--ab-color-text-on-primary);
3514
+ }
3328
3515
 
3329
3516
  .ab-SimpleButton.ab-SimpleButton--tone-none {
3330
- color: inherit; }
3517
+ color: inherit;
3518
+ }
3331
3519
 
3332
3520
  .ab-SimpleButton.ab-SimpleButton--tone-success {
3333
- color: var(--ab-color-success); }
3521
+ color: var(--ab-color-success);
3522
+ }
3334
3523
 
3335
3524
  .ab-SimpleButton.ab-SimpleButton--tone-accent {
3336
- color: var(--ab-color-text-on-secondary); }
3525
+ color: var(--ab-color-text-on-secondary);
3526
+ }
3337
3527
 
3338
3528
  .ab-SimpleButton.ab-SimpleButton--tone-error {
3339
- color: var(--ab-color-error); }
3529
+ color: var(--ab-color-error);
3530
+ }
3340
3531
 
3341
3532
  .ab-SimpleButton.ab-SimpleButton--tone-warning {
3342
- color: var(--ab-color-warn); }
3533
+ color: var(--ab-color-warn);
3534
+ }
3343
3535
 
3344
3536
  .ab-SimpleButton.ab-SimpleButton--tone-info {
3345
- color: var(--ab-color-info); }
3537
+ color: var(--ab-color-info);
3538
+ }
3346
3539
 
3347
3540
  .ab-SimpleButton.ab-SimpleButton--disabled {
3348
- opacity: 0.5; }
3541
+ opacity: 0.5;
3542
+ }
3349
3543
 
3350
3544
  .ab-SimpleButton.ab-SimpleButton:before {
3351
- content: '';
3352
- position: absolute;
3353
- display: block;
3354
- left: 0;
3355
- right: 0;
3356
- top: 0;
3357
- bottom: 0;
3358
- pointer-events: none;
3359
- z-index: 0;
3360
- border-radius: inherit; }
3545
+ content: "";
3546
+ position: absolute;
3547
+ display: block;
3548
+ left: 0;
3549
+ right: 0;
3550
+ top: 0;
3551
+ bottom: 0;
3552
+ pointer-events: none;
3553
+ z-index: 0;
3554
+ border-radius: inherit;
3555
+ }
3361
3556
 
3362
3557
  .ab-SimpleButton.ab-SimpleButton--variant-outlined, .ab-SimpleButton.ab-SimpleButton--variant-text {
3363
- transition: opacity 0.2s; }
3558
+ transition: opacity 0.2s;
3559
+ }
3364
3560
 
3365
3561
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:before, .ab-SimpleButton.ab-SimpleButton--variant-text:before {
3366
- content: '';
3367
- opacity: 0;
3368
- transition: opacity 0.2s; }
3562
+ content: "";
3563
+ opacity: 0;
3564
+ transition: opacity 0.2s;
3565
+ }
3369
3566
 
3370
3567
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled), .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled) {
3371
- cursor: pointer; }
3568
+ cursor: pointer;
3569
+ }
3372
3570
 
3373
3571
  .ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled):before, .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled):before {
3374
- opacity: 0.15;
3375
- background-color: currentColor; }
3572
+ opacity: 0.15;
3573
+ background-color: currentColor;
3574
+ }
3376
3575
 
3377
3576
  .ab-SimpleButton.ab-SimpleButton--variant-text {
3378
- background: transparent; }
3577
+ background: transparent;
3578
+ }
3379
3579
 
3380
3580
  .ab-SimpleButton.ab-SimpleButton--variant-outlined {
3381
- background: var(--ab-cmp-simple-button--outlined__background);
3382
- border: var(--ab-cmp-simple-button--outlined__border); }
3581
+ background: var(--ab-cmp-simple-button--outlined__background);
3582
+ border: var(--ab-cmp-simple-button--outlined__border);
3583
+ }
3383
3584
 
3384
3585
  .ab-SimpleButton.ab-SimpleButton--variant-raised {
3385
- color: var(--ab-color-text-on-primary);
3386
- 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);
3387
- 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); }
3586
+ color: var(--ab-color-text-on-primary);
3587
+ 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);
3588
+ 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);
3589
+ }
3388
3590
 
3389
3591
  .ab-SimpleButton.ab-SimpleButton--variant-raised:focus {
3390
- box-shadow: var(--ab-focus__box-shadow); }
3592
+ box-shadow: var(--ab-focus__box-shadow);
3593
+ }
3391
3594
 
3392
3595
  .ab-SimpleButton.ab-SimpleButton--variant-raised:hover {
3393
- 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); }
3596
+ 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);
3597
+ }
3394
3598
 
3395
3599
  .ab-SimpleButton.ab-SimpleButton--variant-raised:hover:not(.ab-SimpleButton--disabled) {
3396
- cursor: pointer; }
3600
+ cursor: pointer;
3601
+ }
3397
3602
 
3398
3603
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success {
3399
- background: var(--ab-color-success);
3400
- color: var(--ab-color-text-on-success); }
3604
+ background: var(--ab-color-success);
3605
+ color: var(--ab-color-text-on-success);
3606
+ }
3401
3607
 
3402
3608
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success:not(.ab-SimpleButton--disabled) {
3403
- opacity: 1; }
3609
+ opacity: 1;
3610
+ }
3404
3611
 
3405
3612
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent {
3406
- background: var(--ab-color-secondary);
3407
- color: var(--ab-color-text-on-secondary); }
3613
+ background: var(--ab-color-secondary);
3614
+ color: var(--ab-color-text-on-secondary);
3615
+ }
3408
3616
 
3409
3617
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent:not(.ab-SimpleButton--disabled) {
3410
- opacity: 1; }
3618
+ opacity: 1;
3619
+ }
3411
3620
 
3412
3621
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none {
3413
- background: transparent; }
3622
+ background: transparent;
3623
+ }
3414
3624
 
3415
3625
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none:not(.ab-SimpleButton--disabled) {
3416
- opacity: 1; }
3626
+ opacity: 1;
3627
+ }
3417
3628
 
3418
3629
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral {
3419
- background: var(--ab-color-primary);
3420
- color: var(--ab-color-text-on-primary); }
3630
+ background: var(--ab-color-primary);
3631
+ color: var(--ab-color-text-on-primary);
3632
+ }
3421
3633
 
3422
3634
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral:not(.ab-SimpleButton--disabled) {
3423
- opacity: 1; }
3635
+ opacity: 1;
3636
+ }
3424
3637
 
3425
3638
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error {
3426
- background: var(--ab-color-error);
3427
- color: var(--ab-color-text-on-error); }
3639
+ background: var(--ab-color-error);
3640
+ color: var(--ab-color-text-on-error);
3641
+ }
3428
3642
 
3429
3643
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error:not(.ab-SimpleButton--disabled) {
3430
- opacity: 1; }
3644
+ opacity: 1;
3645
+ }
3431
3646
 
3432
3647
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning {
3433
- background: var(--ab-color-warn);
3434
- color: var(--ab-color-text-on-warn); }
3648
+ background: var(--ab-color-warn);
3649
+ color: var(--ab-color-text-on-warn);
3650
+ }
3435
3651
 
3436
3652
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning:not(.ab-SimpleButton--disabled) {
3437
- opacity: 1; }
3653
+ opacity: 1;
3654
+ }
3438
3655
 
3439
3656
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info {
3440
- background: var(--ab-color-info);
3441
- color: var(--ab-color-text-on-info); }
3657
+ background: var(--ab-color-info);
3658
+ color: var(--ab-color-text-on-info);
3659
+ }
3442
3660
 
3443
3661
  .ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info:not(.ab-SimpleButton--disabled) {
3444
- opacity: 1; }
3662
+ opacity: 1;
3663
+ }
3445
3664
 
3446
3665
  .ab-SimpleButton.ab-SimpleButton--font-weight\=normal {
3447
- font-weight: normal; }
3666
+ font-weight: normal;
3667
+ }
3448
3668
 
3449
3669
  .ab-SimpleButton.ab-SimpleButton--font-weight\=bold,
3450
3670
  .ab-SimpleButton.ab-SimpleButton--font-weight\=700 {
3451
- font-weight: 700; }
3671
+ font-weight: 700;
3672
+ }
3452
3673
 
3453
3674
  .ab-SimpleButton.ab-SimpleButton--font-weight\=bolder {
3454
- font-weight: 800; }
3675
+ font-weight: 800;
3676
+ }
3455
3677
 
3456
3678
  .ab-Textarea {
3457
3679
  padding: var(--ab-cmp-textarea__padding);
@@ -3460,35 +3682,40 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3460
3682
  color: var(--ab-cmp-textarea__color);
3461
3683
  font-family: var(--ab-cmp-textarea__font-family);
3462
3684
  font-size: var(--ab-cmp-textarea__font-size);
3463
- background: var(--ab-cmp-textarea__background); }
3685
+ background: var(--ab-cmp-textarea__background);
3686
+ }
3464
3687
 
3465
3688
  .ab-Textarea[disabled] {
3466
- background: var(--ab-cmp-textarea--disabled__background); }
3689
+ background: var(--ab-cmp-textarea--disabled__background);
3690
+ }
3467
3691
 
3468
3692
  .ab-Textarea:focus {
3469
- box-shadow: var(--ab-focus__box-shadow);
3470
- outline: var(--ab-focus__outline); }
3693
+ box-shadow: var(--ab-focus__box-shadow);
3694
+ outline: var(--ab-focus__outline);
3695
+ }
3471
3696
 
3472
3697
  .ab-Tooltip {
3473
3698
  pointer-events: none;
3474
3699
  padding: var(--ab-space-1) var(--ab-space-2);
3475
- box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
3700
+ box-shadow: 2px 2px 10px hsla(0deg, 0%, 0%, 0.1);
3476
3701
  white-space: nowrap;
3477
3702
  font-size: var(--ab-cmp-tooltip__font-size);
3478
- color: var(--ab-cmp-tooltip__color); }
3703
+ color: var(--ab-cmp-tooltip__color);
3704
+ }
3479
3705
 
3480
3706
  .ab-Tooltip:before {
3481
- border: var(--ab-cmp-tooltip__border);
3482
- content: '';
3483
- position: absolute;
3484
- border-radius: var(--ab__border-radius);
3485
- width: 100%;
3486
- height: 100%;
3487
- left: 0;
3488
- top: 0;
3489
- opacity: var(--ab-cmp-tooltip__opacity);
3490
- background: var(--ab-cmp-tooltip__background);
3491
- z-index: -1; }
3707
+ border: var(--ab-cmp-tooltip__border);
3708
+ content: "";
3709
+ position: absolute;
3710
+ border-radius: var(--ab__border-radius);
3711
+ width: 100%;
3712
+ height: 100%;
3713
+ left: 0;
3714
+ top: 0;
3715
+ opacity: var(--ab-cmp-tooltip__opacity);
3716
+ background: var(--ab-cmp-tooltip__background);
3717
+ z-index: -1;
3718
+ }
3492
3719
 
3493
3720
  .ab-FileDroppable {
3494
3721
  align-items: center;
@@ -3499,187 +3726,224 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3499
3726
  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;
3500
3727
  outline: var(--ab-cmp-file-droppable__outline);
3501
3728
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
3502
- background: var(--ab-cmp-file-droppable__background); }
3729
+ background: var(--ab-cmp-file-droppable__background);
3730
+ }
3503
3731
 
3504
3732
  .ab-FileDroppable,
3505
- .ab-FileDroppable input,
3506
- .ab-FileDroppable button,
3507
- .ab-FileDroppable .ab-SimpleButton {
3508
- 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;
3509
- fill: currentColor; }
3733
+ .ab-FileDroppable input,
3734
+ .ab-FileDroppable button,
3735
+ .ab-FileDroppable .ab-SimpleButton {
3736
+ 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;
3737
+ fill: currentColor;
3738
+ }
3510
3739
 
3511
3740
  .ab-FileDroppable,
3512
- .ab-FileDroppable input,
3513
- .ab-FileDroppable button {
3514
- color: var(--ab-cmp-file-droppable__color); }
3741
+ .ab-FileDroppable input,
3742
+ .ab-FileDroppable button {
3743
+ color: var(--ab-cmp-file-droppable__color);
3744
+ }
3515
3745
 
3516
3746
  .ab-FileDroppable.ab-FileDroppable--drag-over {
3517
- outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
3518
- outline: var(--ab-cmp-file-droppable--drag-over__outline);
3519
- background: var(--ab-cmp-file-droppable--drag-over__background);
3520
- color: var(--ab-cmp-file-droppable--drag-over__color); }
3747
+ outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
3748
+ outline: var(--ab-cmp-file-droppable--drag-over__outline);
3749
+ background: var(--ab-cmp-file-droppable--drag-over__background);
3750
+ color: var(--ab-cmp-file-droppable--drag-over__color);
3751
+ }
3521
3752
 
3522
3753
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
3523
- pointer-events: none; }
3754
+ pointer-events: none;
3755
+ }
3524
3756
 
3525
3757
  .ab-FileDroppable,
3526
- .ab-FileDroppable *,
3527
- .ab-FileDroppable *:before,
3528
- .ab-FileDroppable *:after {
3529
- box-sizing: border-box; }
3758
+ .ab-FileDroppable *,
3759
+ .ab-FileDroppable *:before,
3760
+ .ab-FileDroppable *:after {
3761
+ box-sizing: border-box;
3762
+ }
3530
3763
 
3531
3764
  .ab-WizardPanel > .ab-Panel__body {
3532
3765
  display: flex;
3533
- flex-flow: column; }
3766
+ flex-flow: column;
3767
+ }
3534
3768
 
3535
3769
  .ab-Dashboard {
3536
3770
  z-index: 1000;
3537
3771
  user-select: none;
3538
3772
  background: var(--ab-dashboard-gap__background);
3539
3773
  color: var(--ab-dashboard__color);
3540
- font-family: var(--ab-dashboard__font-family); }
3774
+ font-family: var(--ab-dashboard__font-family);
3775
+ }
3541
3776
 
3542
3777
  .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
3543
- display: flex; }
3778
+ display: flex;
3779
+ }
3544
3780
 
3545
3781
  .ab-Dashboard__header {
3546
- display: flex;
3547
- align-items: stretch;
3548
- background: var(--ab-dashboard-header__background);
3549
- color: var(--ab-dashboard-header__color);
3550
- height: 40px;
3551
- padding: 0 var(--ab-space-2); }
3782
+ display: flex;
3783
+ align-items: stretch;
3784
+ background: var(--ab-dashboard-header__background);
3785
+ color: var(--ab-dashboard-header__color);
3786
+ height: 40px;
3787
+ padding: 0 var(--ab-space-2);
3788
+ }
3552
3789
 
3553
3790
  .ab-Dashboard__header-left, .ab-Dashboard__header-right {
3554
- display: flex;
3555
- align-items: center;
3556
- flex: 1; }
3791
+ display: flex;
3792
+ align-items: center;
3793
+ flex: 1;
3794
+ }
3557
3795
 
3558
3796
  .ab-Dashboard__header-left {
3559
- justify-content: flex-start; }
3797
+ justify-content: flex-start;
3798
+ }
3560
3799
 
3561
3800
  .ab-Dashboard__header-right {
3562
- justify-content: flex-end; }
3801
+ justify-content: flex-end;
3802
+ }
3563
3803
 
3564
3804
  .ab-Dashboard__title {
3565
- display: flex;
3566
- align-items: center;
3567
- padding: 0 var(--ab-space-3);
3568
- font-weight: bold;
3569
- font-size: var(--ab-font-size-4); }
3805
+ display: flex;
3806
+ align-items: center;
3807
+ padding: 0 var(--ab-space-3);
3808
+ font-weight: bold;
3809
+ font-size: var(--ab-font-size-4);
3810
+ }
3570
3811
 
3571
3812
  .ab-Dashboard__tabs {
3572
- align-self: flex-end;
3573
- margin-left: var(--ab-space-2); }
3813
+ align-self: flex-end;
3814
+ margin-left: var(--ab-space-2);
3815
+ }
3574
3816
 
3575
3817
  .ab-Dashboard__tab {
3576
- border: none;
3577
- outline: none;
3578
- cursor: pointer;
3579
- font-size: var(--ab-font-size-3);
3580
- border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
3581
- padding: 8px 12px 12px 12px;
3582
- color: var(--ab-dashboard-header__color);
3583
- background: var(--ab-dashboard-header__background); }
3818
+ border: none;
3819
+ outline: none;
3820
+ cursor: pointer;
3821
+ font-size: var(--ab-font-size-3);
3822
+ border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
3823
+ padding: 8px 12px 12px 12px;
3824
+ color: var(--ab-dashboard-header__color);
3825
+ background: var(--ab-dashboard-header__background);
3826
+ }
3584
3827
 
3585
3828
  .ab-Dashboard__tab--active {
3586
- color: var(--ab-dashboard__color);
3587
- background: var(--ab-dashboard__background); }
3829
+ color: var(--ab-dashboard__color);
3830
+ background: var(--ab-dashboard__background);
3831
+ }
3588
3832
 
3589
3833
  .ab-Dashboard__content {
3590
- display: flex;
3591
- grid-gap: var(--ab-dashboard-gap-size);
3592
- flex-flow: var(--ab-dashboard-wrap);
3593
- align-items: stretch;
3594
- flex: 1;
3595
- overflow-x: auto;
3596
- padding: var(--ab-dashboard-gap-size); }
3834
+ display: flex;
3835
+ grid-gap: var(--ab-dashboard-gap-size);
3836
+ flex-flow: var(--ab-dashboard-wrap);
3837
+ align-items: stretch;
3838
+ flex: 1;
3839
+ overflow-x: auto;
3840
+ padding: var(--ab-dashboard-gap-size);
3841
+ }
3597
3842
 
3598
3843
  .ab-Dashboard__container {
3599
- display: flex;
3600
- flex-shrink: 0;
3601
- background: var(--ab-dashboard__background); }
3844
+ display: flex;
3845
+ flex-shrink: 0;
3846
+ background: var(--ab-dashboard__background);
3847
+ }
3602
3848
 
3603
3849
  .ab-Dashboard__content-buttons {
3604
- display: flex;
3605
- flex-direction: column;
3606
- align-self: stretch;
3607
- padding: var(--ab-space-2);
3608
- border-left: 1px solid var(--ab-dashboard__border); }
3850
+ display: flex;
3851
+ flex-direction: column;
3852
+ align-self: stretch;
3853
+ padding: var(--ab-space-2);
3854
+ border-left: 1px solid var(--ab-dashboard__border);
3855
+ }
3609
3856
 
3610
3857
  .ab-Dashboard__toolbar {
3611
- display: flex;
3612
- flex-direction: column;
3613
- justify-content: space-between;
3614
- font-size: var(--ab-font-size-3); }
3858
+ display: flex;
3859
+ flex-direction: column;
3860
+ justify-content: space-between;
3861
+ font-size: var(--ab-font-size-3);
3862
+ }
3615
3863
 
3616
3864
  .ab-Dashboard__toolbar-content {
3617
- padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
3618
- display: flex; }
3865
+ padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
3866
+ display: flex;
3867
+ }
3619
3868
 
3620
3869
  .ab-Dashboard__toolbar-title {
3621
- display: flex;
3622
- align-items: center;
3623
- justify-content: center;
3624
- font-size: var(--ab-font-size-2);
3625
- padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
3626
- opacity: 0.7; }
3870
+ display: flex;
3871
+ align-items: center;
3872
+ justify-content: center;
3873
+ font-size: var(--ab-font-size-2);
3874
+ padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
3875
+ opacity: 0.7;
3876
+ }
3627
3877
 
3628
3878
  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
3629
- color: var(--ab-dashboard-header__color);
3630
- background: var(--ab-dashboard-header__background);
3631
- padding-top: var(--ab-dashboard-gap-size);
3632
- padding-bottom: var(--ab-dashboard-gap-size); }
3879
+ color: var(--ab-dashboard-header__color);
3880
+ background: var(--ab-dashboard-header__background);
3881
+ padding-top: var(--ab-dashboard-gap-size);
3882
+ padding-bottom: var(--ab-dashboard-gap-size);
3883
+ }
3633
3884
 
3634
3885
  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
3635
- opacity: 1; }
3886
+ opacity: 1;
3887
+ }
3636
3888
 
3637
3889
  .ab-Dashboard .ab-Input {
3638
- border: none; }
3890
+ border: none;
3891
+ }
3639
3892
 
3640
3893
  .ab-Dashboard .ab-DashboardToolbar__Export__wrap {
3641
- white-space: nowrap; }
3894
+ white-space: nowrap;
3895
+ }
3642
3896
 
3643
3897
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
3644
- padding: var(--ab-space-1); }
3898
+ padding: var(--ab-space-1);
3899
+ }
3645
3900
 
3646
3901
  .ab-Dashboard .ab-StateManagement__Clear-Button,
3647
- .ab-Dashboard .ab-StateManagement__Load-Button,
3648
- .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3649
- margin-left: var(--ab-space-1); }
3902
+ .ab-Dashboard .ab-StateManagement__Load-Button,
3903
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3904
+ margin-left: var(--ab-space-1);
3905
+ }
3650
3906
 
3651
3907
  .ab-GridList {
3652
- --at-grid__background: transparent; }
3908
+ --at-grid__background: transparent;
3909
+ }
3653
3910
 
3654
3911
  .ab-GridList .AT-GridCell_content,
3655
- .ab-GridList .ab-ListGroupItem,
3656
- .ab-GridList .AT-GridColumnCell {
3657
- width: 100%; }
3912
+ .ab-GridList .ab-ListGroupItem,
3913
+ .ab-GridList .AT-GridColumnCell {
3914
+ width: 100%;
3915
+ }
3658
3916
 
3659
3917
  .ab-GridList .AT-GridHeader {
3660
- display: none; }
3918
+ display: none;
3919
+ }
3661
3920
 
3662
3921
  .ab-GridList.ab-padding-horizontal-0 .AT-GridColumnCell {
3663
- padding-left: 0;
3664
- padding-right: 0; }
3922
+ padding-left: 0;
3923
+ padding-right: 0;
3924
+ }
3665
3925
 
3666
3926
  .ab-GridList .AT-GridRow--odd {
3667
3927
  background: var(--ab-cmp-listgroupitem--odd__background);
3668
- color: var(--ab-cmp-listgroupitem--odd__color); }
3928
+ color: var(--ab-cmp-listgroupitem--odd__color);
3929
+ }
3669
3930
 
3670
3931
  .ab-GridList .AT-GridRow--even {
3671
3932
  background: var(--ab-cmp-listgroupitem__background);
3672
- color: var(--ab-cmp-listgroupitem__color); }
3933
+ color: var(--ab-cmp-listgroupitem__color);
3934
+ }
3673
3935
 
3674
3936
  .ab-GridList .ab-ListGroupItem {
3675
3937
  --ab-cmp-listgroupitem__background: transparent;
3676
- --ab-cmp-listgroupitem--odd__background: transparent; }
3938
+ --ab-cmp-listgroupitem--odd__background: transparent;
3939
+ }
3677
3940
 
3678
3941
  :root {
3679
3942
  --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
3680
3943
  --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
3681
3944
  --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
3682
- --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color); }
3945
+ --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
3946
+ }
3683
3947
 
3684
3948
  .ab-Datepicker-Overlay {
3685
3949
  border: var(--ab-cmp-datepicker__border);
@@ -3687,50 +3951,61 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3687
3951
  z-index: 1000;
3688
3952
  box-shadow: var(--ab-focus__box-shadow);
3689
3953
  outline: var(--ab-focus__outline);
3690
- border-radius: var(--ab__border-radius); }
3954
+ border-radius: var(--ab__border-radius);
3955
+ }
3691
3956
 
3692
3957
  .ab-Datepicker-Overlay .rdp {
3693
- font-size: var(--ab-cmp-datepicker__font-size);
3694
- font-family: var(--ab-cmp-datepicker__font-family); }
3958
+ font-size: var(--ab-cmp-datepicker__font-size);
3959
+ font-family: var(--ab-cmp-datepicker__font-family);
3960
+ }
3695
3961
 
3696
3962
  .ab-Datepicker-Overlay .rdp .rdp-weeknumber,
3697
- .ab-Datepicker-Overlay .rdp .rdp-day {
3698
- border-radius: var(--ab-cmp-datepicker__day-border-radius); }
3963
+ .ab-Datepicker-Overlay .rdp .rdp-day {
3964
+ border-radius: var(--ab-cmp-datepicker__day-border-radius);
3965
+ }
3699
3966
 
3700
3967
  .ab-Datepicker-Overlay .rdp .rdp-day_selected:not([disabled]),
3701
- .ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
3702
- .ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
3703
- .ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
3704
- color: var(--ab-cmp-datepicker__selected-text-color);
3705
- border-radius: var(--ab-cmp-datepicker__selected-border-radius); }
3968
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
3969
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
3970
+ .ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
3971
+ color: var(--ab-cmp-datepicker__selected-text-color);
3972
+ border-radius: var(--ab-cmp-datepicker__selected-border-radius);
3973
+ }
3706
3974
 
3707
3975
  .ab-Datepicker-Overlay .rdp .rdp-caption_label {
3708
- font-size: 120%; }
3976
+ font-size: 120%;
3977
+ }
3709
3978
 
3710
3979
  .ab-Datepicker-Overlay .rdp .rdp-nav_button {
3711
- color: var(--ab-color-text-on-primary); }
3980
+ color: var(--ab-color-text-on-primary);
3981
+ }
3712
3982
 
3713
3983
  .ab-Datepicker-Overlay .rdp .rdp-table {
3714
- width: 100%;
3715
- max-width: none; }
3984
+ width: 100%;
3985
+ max-width: none;
3986
+ }
3716
3987
 
3717
3988
  .ab-Datepicker-Overlay .rdp .rdp-day_outside {
3718
- opacity: 0.4; }
3989
+ opacity: 0.4;
3990
+ }
3719
3991
 
3720
3992
  .ab-Datepicker-Overlay .rdp .rdp-day_today {
3721
- border: var(--rdp-outline); }
3993
+ border: var(--rdp-outline);
3994
+ }
3722
3995
 
3723
3996
  .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(8),
3724
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
3725
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
3726
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
3727
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
3728
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
3729
- .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
3730
- display: none; }
3997
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
3998
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
3999
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
4000
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
4001
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
4002
+ .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
4003
+ display: none;
4004
+ }
3731
4005
 
3732
4006
  .ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
3733
- display: table-cell; }
4007
+ display: table-cell;
4008
+ }
3734
4009
 
3735
4010
  .ab-ToggleButton {
3736
4011
  user-select: none;
@@ -3738,72 +4013,86 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3738
4013
  display: inline-block;
3739
4014
  min-width: 40px;
3740
4015
  width: 77px;
3741
- height: 32px; }
4016
+ height: 32px;
4017
+ }
3742
4018
 
3743
4019
  .ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
3744
- cursor: pointer;
3745
- opacity: 0.85; }
4020
+ cursor: pointer;
4021
+ opacity: 0.85;
4022
+ }
3746
4023
 
3747
4024
  .ab-ToggleButton__input {
3748
- opacity: 0;
3749
- width: 0;
3750
- height: 0; }
4025
+ opacity: 0;
4026
+ width: 0;
4027
+ height: 0;
4028
+ }
3751
4029
 
3752
4030
  .ab-ToggleButton__slider {
3753
- position: absolute;
3754
- top: 0;
3755
- left: 0;
3756
- right: 0;
3757
- bottom: 0;
3758
- background-color: var(--ab-cmp-toggle-button__background);
3759
- transition: 0.1s;
3760
- border-radius: var(--ab__border-radius); }
4031
+ position: absolute;
4032
+ top: 0;
4033
+ left: 0;
4034
+ right: 0;
4035
+ bottom: 0;
4036
+ background-color: var(--ab-cmp-toggle-button__background);
4037
+ transition: 0.1s;
4038
+ border-radius: var(--ab__border-radius);
4039
+ }
3761
4040
 
3762
4041
  .ab-ToggleButton__slider:before {
3763
- position: absolute;
3764
- content: '';
3765
- width: 24px;
3766
- height: 24px;
3767
- left: 4px;
3768
- top: 4px;
3769
- border-radius: var(--ab__border-radius);
3770
- background-color: #fff;
3771
- -webkit-transition: 0.4s;
3772
- transition: 0.2s; }
4042
+ position: absolute;
4043
+ content: "";
4044
+ width: 24px;
4045
+ height: 24px;
4046
+ left: 4px;
4047
+ top: 4px;
4048
+ border-radius: var(--ab__border-radius);
4049
+ background-color: #fff;
4050
+ -webkit-transition: 0.4s;
4051
+ transition: 0.2s;
4052
+ }
3773
4053
 
3774
4054
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
3775
- background-color: var(--ab-cmp-toggle-button--active__background); }
4055
+ background-color: var(--ab-cmp-toggle-button--active__background);
4056
+ }
3776
4057
 
3777
4058
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
3778
- transform: translateX(45px); }
4059
+ transform: translateX(45px);
4060
+ }
3779
4061
 
3780
4062
  .ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
3781
- box-shadow: var(--ab-focus__box-shadow); }
4063
+ box-shadow: var(--ab-focus__box-shadow);
4064
+ }
3782
4065
 
3783
4066
  .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
3784
- opacity: 0.5; }
4067
+ opacity: 0.5;
4068
+ }
3785
4069
 
3786
4070
  .ab-ToggleButton .ab-ToggleButton__text {
3787
- font-size: var(--ab-cmp-toggle-button__font-size);
3788
- padding-right: var(--ab-space-2);
3789
- color: var(--ab-cmp-toggle-button__color);
3790
- font-weight: 600; }
4071
+ font-size: var(--ab-cmp-toggle-button__font-size);
4072
+ padding-right: var(--ab-space-2);
4073
+ color: var(--ab-cmp-toggle-button__color);
4074
+ font-weight: 600;
4075
+ }
3791
4076
 
3792
4077
  .ab-ToggleButton--checked .ab-ToggleButton__text {
3793
- padding-left: var(--ab-space-2);
3794
- color: var(--ab-cmp-toggle-button--checked__color); }
4078
+ padding-left: var(--ab-space-2);
4079
+ color: var(--ab-cmp-toggle-button--checked__color);
4080
+ }
3795
4081
 
3796
4082
  .ab-Loader {
3797
4083
  font-size: var(--ab-cmp-loader__font-size);
3798
4084
  margin-top: 8px;
3799
- font-style: italic; }
4085
+ font-style: italic;
4086
+ }
3800
4087
 
3801
4088
  .ab-Loader__text,
3802
4089
  .ab-Loader__Spinner {
3803
- vertical-align: middle; }
4090
+ vertical-align: middle;
4091
+ }
3804
4092
 
3805
4093
  .ab-Loader .ab-Loader__Spinner {
3806
- margin-right: 5px; }
4094
+ margin-right: 5px;
4095
+ }
3807
4096
 
3808
4097
  .ab-Loader__Spinner {
3809
4098
  display: inline-block;
@@ -3813,13 +4102,17 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3813
4102
  width: 10px;
3814
4103
  height: 10px;
3815
4104
  bottom: 0;
3816
- animation: spin 1.5s linear infinite; }
4105
+ animation: spin 1.5s linear infinite;
4106
+ }
3817
4107
 
3818
4108
  @keyframes spin {
3819
4109
  0% {
3820
- transform: rotate(0deg); }
4110
+ transform: rotate(0deg);
4111
+ }
3821
4112
  100% {
3822
- transform: rotate(360deg); } }
4113
+ transform: rotate(360deg);
4114
+ }
4115
+ }
3823
4116
 
3824
4117
  .ab-progress-indicator-wrapper {
3825
4118
  align-items: center;
@@ -3834,30 +4127,35 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3834
4127
  opacity: 0;
3835
4128
  transition-delay: var(--ab-cmp-progress-indicator__delay);
3836
4129
  transition-property: opacity;
3837
- transition-duration: 0.3s; }
4130
+ transition-duration: 0.3s;
4131
+ }
3838
4132
 
3839
4133
  .ab-progress-indicator-wrapper--visible {
3840
- opacity: 1; }
4134
+ opacity: 1;
4135
+ }
3841
4136
 
3842
4137
  .ab-progress-indicator-wrapper .ab-progress-indicator-body {
3843
- padding: var(--ab-cmp-progress-indicator__padding);
3844
- background: var(--ab-cmp-progress-indicator__background);
3845
- color: var(--ab-cmp-progress-indicator__color);
3846
- border-style: none;
3847
- border-width: 0px;
3848
- border-radius: var(--ab__border-radius);
3849
- box-shadow: var(--ab-focus__box-shadow);
3850
- font-size: var(--ab-cmp-progress-indicator__font-size);
3851
- font-style: var(--ab-cmp-progress-indicator__font-style);
3852
- font-family: var(--ab-cmp-progress-indicator__font-family); }
4138
+ padding: var(--ab-cmp-progress-indicator__padding);
4139
+ background: var(--ab-cmp-progress-indicator__background);
4140
+ color: var(--ab-cmp-progress-indicator__color);
4141
+ border-style: none;
4142
+ border-width: 0px;
4143
+ border-radius: var(--ab__border-radius);
4144
+ box-shadow: var(--ab-focus__box-shadow);
4145
+ font-size: var(--ab-cmp-progress-indicator__font-size);
4146
+ font-style: var(--ab-cmp-progress-indicator__font-style);
4147
+ font-family: var(--ab-cmp-progress-indicator__font-family);
4148
+ }
3853
4149
 
3854
4150
  :root {
3855
- --ab-cmp-Tag__font-size: var(--ab-font-size-3); }
4151
+ --ab-cmp-Tag__font-size: var(--ab-font-size-3);
4152
+ }
3856
4153
 
3857
4154
  .ab-Tag {
3858
4155
  display: inline-flex;
3859
4156
  font-size: var(--ab-cmp-Tag__font-size);
3860
- max-width: 100%; }
4157
+ max-width: 100%;
4158
+ }
3861
4159
 
3862
4160
  .ab-ModuleSelector__TabItem {
3863
4161
  display: flex;
@@ -3866,13 +4164,15 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3866
4164
  margin-right: var(--ab-space-2);
3867
4165
  width: var(--ab-cmp-module-module-selector__tab-item__width);
3868
4166
  border: var(--ab-cmp-module-module-selector__tab-item__border);
3869
- border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius); }
4167
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
4168
+ }
3870
4169
 
3871
4170
  .ab-ModuleSelector__TabItem__header {
3872
4171
  display: flex;
3873
4172
  align-items: center;
3874
4173
  padding: var(--ab-space-1);
3875
- border-bottom: var(--ab-cmp-module-module-selector__tab-item__border); }
4174
+ border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
4175
+ }
3876
4176
 
3877
4177
  .ab-ModuleSelector__TabItem__header-input {
3878
4178
  flex: 1;
@@ -3882,45 +4182,72 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3882
4182
  align-self: stretch;
3883
4183
  background: transparent;
3884
4184
  border: none;
3885
- color: var(--ab-cmp-module-module-selector__tab-item__header-input__color); }
4185
+ color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
4186
+ }
3886
4187
 
3887
4188
  .ab-ModuleSelector__ToolbarList {
3888
4189
  flex: 1;
3889
4190
  padding: 4px;
3890
4191
  padding-bottom: 0;
3891
- min-height: 200px; }
4192
+ min-height: 200px;
4193
+ }
3892
4194
 
3893
4195
  .ab-ModuleSelector__ToolbarItem {
3894
4196
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
3895
4197
  padding-left: var(--ab-space-1);
3896
- margin-bottom: var(--ab-space-1); }
4198
+ margin-bottom: var(--ab-space-1);
4199
+ }
3897
4200
 
3898
4201
  .ab-ModuleSelector__UnusedPanel {
3899
4202
  margin-bottom: var(--ab-space-2);
3900
4203
  padding-bottom: var(--ab-space-1);
3901
4204
  border: var(--ab-cmp-module-selector__unused-panel__border);
3902
4205
  border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
3903
- background-color: var(--ab-cmp-module-selector__unused-panel__background); }
4206
+ background-color: var(--ab-cmp-module-selector__unused-panel__background);
4207
+ }
3904
4208
 
3905
4209
  .ab-AdaptableOptions {
3906
- background: var(--ab-cmp-adaptable-options__background-color); }
4210
+ background: var(--ab-cmp-adaptable-options__background-color);
4211
+ }
3907
4212
 
3908
4213
  .ab-GridOptions {
3909
- background: var(--ab-cmp-grid-options__background-color); }
4214
+ background: var(--ab-cmp-grid-options__background-color);
4215
+ }
3910
4216
 
3911
4217
  .ab-GridSummary {
3912
- background: var(--ab-cmp-grid-summary__background-color); }
4218
+ background: var(--ab-cmp-grid-summary__background-color);
4219
+ }
3913
4220
 
3914
4221
  .ab-SystemStatus-Popup-List {
3915
- background: var(--ab-cmp-system-status-list__background-color); }
4222
+ background: var(--ab-cmp-system-status-list__background-color);
4223
+ }
4224
+
4225
+ .ab-DashboardToolbar__SystemStatus__text {
4226
+ border-radius: var(--ab-cmp-system-status-list-text__border-radius);
4227
+ font-weight: var(--ab-cmp-system-status-list-text__font-weight);
4228
+ font-size: var(--ab-cmp-system-status-list-text__font-size);
4229
+ color: var(--ab-cmp-system-status-list-text__color);
4230
+ padding: var(--ab-cmp-system-status-list-text__padding);
4231
+ margin-right: var(--ab-space-2);
4232
+ }
4233
+
4234
+ .ab-DashboardToolbar__SystemStatus__text--expandable {
4235
+ cursor: pointer;
4236
+ }
4237
+
4238
+ .ab-DashboardToolbar__SystemStatus__further-information {
4239
+ white-space: normal;
4240
+ }
3916
4241
 
3917
4242
  .ab-ObjectCollection__list > * {
3918
4243
  background: var(--ab-cmp-listgroupitem__background);
3919
- color: var(--ab-cmp-listgroupitem__color); }
4244
+ color: var(--ab-cmp-listgroupitem__color);
4245
+ }
3920
4246
 
3921
- .ab-ObjectCollection__list > *:nth-child(2n + 1) {
4247
+ .ab-ObjectCollection__list > *:nth-child(2n+1) {
3922
4248
  background: var(--ab-cmp-listgroupitem--odd__background);
3923
- color: var(--ab-cmp-listgroupitem--odd__color); }
4249
+ color: var(--ab-cmp-listgroupitem--odd__color);
4250
+ }
3924
4251
 
3925
4252
  .ab-AdaptableObjectRow {
3926
4253
  align-items: center;
@@ -3928,23 +4255,35 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3928
4255
  margin: var(--ab-cmp-listgroupitem__margin);
3929
4256
  background: var(--ab-cmp-listgroupitem__background);
3930
4257
  color: var(--ab-cmp-listgroupitem__color);
3931
- border-radius: var(--ab-cmp-listgroupitem__border-radius); }
4258
+ border-radius: var(--ab-cmp-listgroupitem__border-radius);
4259
+ }
3932
4260
 
3933
- .ab-AdaptableObjectRow:nth-child(2n + 1) {
3934
- background: var(--ab-cmp-listgroupitem--odd__background);
3935
- color: var(--ab-cmp-listgroupitem--odd__color); }
4261
+ .ab-AdaptableObjectRow:nth-child(2n+1) {
4262
+ background: var(--ab-cmp-listgroupitem--odd__background);
4263
+ color: var(--ab-cmp-listgroupitem--odd__color);
4264
+ }
3936
4265
 
3937
4266
  .ab-AdaptableObjectRow--is-suspended {
3938
- text-decoration: line-through; }
4267
+ text-decoration: line-through;
4268
+ }
4269
+
4270
+ .ab-AdaptableObjectRow__cell {
4271
+ white-space: nowrap;
4272
+ text-overflow: ellipsis;
4273
+ overflow: hidden;
4274
+ font-size: var(--ab-cmp-listgroupitem-cell__font-size);
4275
+ }
3939
4276
 
3940
4277
  .ab-ListBoxFilterForm {
3941
4278
  overflow-y: auto;
3942
4279
  overflow-x: hidden;
3943
4280
  --ab-grid-row-height: 26px;
3944
- margin-bottom: 0; }
4281
+ margin-bottom: 0;
4282
+ }
3945
4283
 
3946
4284
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
3947
- overflow-x: hidden; }
4285
+ overflow-x: hidden;
4286
+ }
3948
4287
 
3949
4288
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
3950
4289
  .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
@@ -3952,15 +4291,18 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3952
4291
  --ab-cmp-input__border-radius: 0;
3953
4292
  --ab-cmp-input__padding: 0;
3954
4293
  --ab-cmp-dropdown__padding: 3px;
3955
- --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent); }
4294
+ --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
4295
+ }
3956
4296
 
3957
4297
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
3958
- .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
3959
- border-radius: 0; }
4298
+ .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
4299
+ border-radius: 0;
4300
+ }
3960
4301
 
3961
4302
  html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3962
4303
  --ab-color-inputborder: white;
3963
- --ab-cmp-dropdown__border: 1px solid white; }
4304
+ --ab-cmp-dropdown__border: 1px solid white;
4305
+ }
3964
4306
 
3965
4307
  .ab-Popover {
3966
4308
  border-radius: var(--ab-cmp-popover__border-radius);
@@ -3969,160 +4311,193 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3969
4311
  color: var(--ab-cmp-popover__color);
3970
4312
  box-shadow: var(--ab-cmp-popover__box-shadow);
3971
4313
  font-size: var(--ab-font-size-2);
3972
- font-family: var(--ab__font-family); }
4314
+ font-family: var(--ab__font-family);
4315
+ }
3973
4316
 
3974
4317
  .ab-Overlay--show-triangle > .ab-Popover:before {
3975
- content: '';
4318
+ content: "";
3976
4319
  position: absolute;
3977
4320
  width: 0;
3978
4321
  height: 0;
3979
- border-style: solid; }
4322
+ border-style: solid;
4323
+ }
3980
4324
 
3981
4325
  .ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover:before {
3982
4326
  border-width: 0 5px 10px 5px;
3983
4327
  border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
3984
4328
  left: 50%;
3985
4329
  top: -10px;
3986
- transform: translate3d(-5px, 0px, 0px); }
4330
+ transform: translate3d(-5px, 0px, 0px);
4331
+ }
3987
4332
 
3988
4333
  .ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover:before {
3989
4334
  border-width: 10px 5px 0 5px;
3990
4335
  border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
3991
4336
  left: 50%;
3992
4337
  bottom: -10px;
3993
- transform: translate3d(-5px, 0px, 0px); }
4338
+ transform: translate3d(-5px, 0px, 0px);
4339
+ }
3994
4340
 
3995
4341
  .ab-NocodeWizard {
3996
4342
  padding: var(--ab-cmp-wizard__padding);
3997
4343
  margin: var(--ab-cmp-wizard__margin);
3998
4344
  background: var(--ab-cmp-wizard__background);
3999
4345
  color: var(--ab-cmp-wizard__color);
4000
- height: 100%; }
4346
+ height: 100%;
4347
+ }
4001
4348
 
4002
4349
  .ab-NocodeWizard,
4003
- .ab-NocodeWizard *,
4004
- .ab-NocodeWizard *:before,
4005
- .ab-NocodeWizard *:after {
4006
- box-sizing: border-box; }
4350
+ .ab-NocodeWizard *,
4351
+ .ab-NocodeWizard *:before,
4352
+ .ab-NocodeWizard *:after {
4353
+ box-sizing: border-box;
4354
+ }
4007
4355
 
4008
4356
  .ab-NocodeWizardFormBox {
4009
4357
  border: 1px solid var(--ab-color-primarydark);
4010
4358
  border-radius: var(--ab__border-radius);
4011
- background-color: var(--ab-color-defaultbackground); }
4359
+ background-color: var(--ab-color-defaultbackground);
4360
+ }
4012
4361
 
4013
4362
  .ab-AvailableDropZone .placeholder,
4014
4363
  .ab-SelectedDropZone .placeholder {
4015
- width: 100%; }
4364
+ width: 100%;
4365
+ }
4016
4366
 
4017
4367
  .ab-AvailableDropZone .placeholder:before,
4018
- .ab-SelectedDropZone .placeholder:before {
4019
- content: 'DROPS HERE'; }
4368
+ .ab-SelectedDropZone .placeholder:before {
4369
+ content: "DROPS HERE";
4370
+ }
4020
4371
 
4021
4372
  .ab-Button.ab-Button {
4022
4373
  border-radius: var(--ab-cmp-button-border-radius);
4023
- padding: var(--ab-space-2); }
4374
+ padding: var(--ab-space-2);
4375
+ }
4024
4376
 
4025
4377
  .ab-Button.ab-Button--enabled {
4026
- cursor: pointer;
4027
- background: var(--ab-cmp-button-background); }
4378
+ cursor: pointer;
4379
+ background: var(--ab-cmp-button-background);
4380
+ }
4028
4381
 
4029
4382
  .ab-Button.ab-Button--disabled {
4030
- opacity: var(--ab-cmp-button-disabled-opacity);
4031
- background: var(--ab-cmp-button-disabled-background); }
4383
+ opacity: var(--ab-cmp-button-disabled-opacity);
4384
+ background: var(--ab-cmp-button-disabled-background);
4385
+ }
4032
4386
 
4033
4387
  .ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),
4034
4388
  .ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
4035
4389
  fill: currentColor;
4036
4390
  color: var(--ab-cmp-dashboardpanel_header__color);
4037
- border-color: currentColor; }
4391
+ border-color: currentColor;
4392
+ }
4038
4393
 
4039
4394
  .ab-DashboardPanel .glyphicon.glyphicon {
4040
- color: var(--ab-cmp-dashboardpanel__fill); }
4395
+ color: var(--ab-cmp-dashboardpanel__fill);
4396
+ }
4041
4397
 
4042
4398
  .ab-FilterFormPanel {
4043
- --ab-cmp-panel_body__background: var(--ag-control-panel-background-color); }
4399
+ --ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
4400
+ }
4044
4401
 
4045
4402
  .ab-Dashboard__application-icon {
4046
- margin-right: var(--ab-space-2); }
4403
+ margin-right: var(--ab-space-2);
4404
+ }
4047
4405
 
4048
4406
  .ab-Dashboard-Popup__Module-Selector {
4049
- background: var(--ab-cmp-dashboard-module-selector-background); }
4407
+ background: var(--ab-cmp-dashboard-module-selector-background);
4408
+ }
4050
4409
 
4051
4410
  .ab-ToolPanel {
4052
4411
  flex: 1 1 0;
4053
4412
  min-width: 0;
4054
4413
  color: var(--ab-cmp-toolpanel__color);
4055
- font-family: var(--ab-cmp-toolpanel__font-family); }
4414
+ font-family: var(--ab-cmp-toolpanel__font-family);
4415
+ }
4056
4416
 
4057
4417
  .ab-ToolPanel .ab-ToolPanel__header {
4058
- background: var(--ab-cmp-toolpanel-header__background);
4059
- color: var(--ab-cmp-toolpanel-header__color); }
4418
+ background: var(--ab-cmp-toolpanel-header__background);
4419
+ color: var(--ab-cmp-toolpanel-header__color);
4420
+ }
4060
4421
 
4061
4422
  .ab-ToolPanel .ab-ToolPanel__header__buttons {
4062
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
4423
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
4424
+ }
4063
4425
 
4064
4426
  .ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
4065
- display: flex;
4066
- flex-direction: row;
4067
- flex-wrap: wrap;
4068
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
4427
+ display: flex;
4428
+ flex-direction: row;
4429
+ flex-wrap: wrap;
4430
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
4431
+ }
4069
4432
 
4070
4433
  .ab-ToolPanel .ab-StateManagement__Clear-Button,
4071
- .ab-ToolPanel .ab-StateManagement__Load-Button {
4072
- justify-content: center;
4073
- flex: 1; }
4434
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
4435
+ justify-content: center;
4436
+ flex: 1;
4437
+ }
4074
4438
 
4075
4439
  .ab-ToolPanel .ab-StateManagement__Clear-Button,
4076
- .ab-ToolPanel .ab-StateManagement__Load-Button,
4077
- .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
4078
- margin-bottom: var(--ab-space-1); }
4440
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
4441
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
4442
+ margin-bottom: var(--ab-space-1);
4443
+ }
4079
4444
 
4080
4445
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
4081
- font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
4446
+ font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
4447
+ }
4082
4448
 
4083
4449
  .ab-Adaptable-Popup {
4084
4450
  background: var(--ab-cmp-adaptable-popup__background);
4085
- max-height: var(--ab-cmp-adaptable-popup__max-height); }
4451
+ max-height: var(--ab-cmp-adaptable-popup__max-height);
4452
+ }
4086
4453
 
4087
4454
  .ab-Adaptable-Popup--window {
4088
- box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
4455
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
4456
+ }
4089
4457
 
4090
4458
  .ab-Adaptable-Popup__Navigation {
4091
4459
  padding-top: 10px;
4092
4460
  overflow: auto;
4093
4461
  border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
4094
- font-family: var(--ab__font-family); }
4462
+ font-family: var(--ab__font-family);
4463
+ }
4095
4464
 
4096
4465
  .ab-Adaptable-Popup__Navigation__List {
4097
- list-style: none;
4098
- padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
4099
- margin: 0;
4100
- font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size); }
4466
+ list-style: none;
4467
+ padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
4468
+ margin: 0;
4469
+ font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
4470
+ }
4101
4471
 
4102
4472
  .ab-Adaptable-Popup__Navigation__List__Item {
4103
- padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
4104
- margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom); }
4473
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
4474
+ margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
4475
+ }
4105
4476
 
4106
4477
  .ab-Adaptable-Popup__Navigation__List__Item__Separator {
4107
- border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
4108
- margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin); }
4478
+ border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
4479
+ margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
4480
+ }
4109
4481
 
4110
4482
  .ab-Adaptable-Popup__Navigation__List__Item__Button {
4111
- background: none;
4112
- border: none;
4113
- width: 100%;
4114
- text-align: left;
4115
- cursor: pointer;
4116
- padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
4117
- border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
4118
- color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color); }
4483
+ background: none;
4484
+ border: none;
4485
+ width: 100%;
4486
+ text-align: left;
4487
+ cursor: pointer;
4488
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
4489
+ border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
4490
+ color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
4491
+ }
4119
4492
 
4120
4493
  .ab-Adaptable-Popup__Navigation__List__Item__Icon {
4121
- margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
4494
+ margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
4495
+ }
4122
4496
 
4123
4497
  .ab-Adaptable-Popup__Navigation__List__Item--active .ab-Adaptable-Popup__Navigation__List__Item__Button {
4124
- background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
4125
- color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color); }
4498
+ background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
4499
+ color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color);
4500
+ }
4126
4501
 
4127
4502
  .ab-Adaptable-Popup__TopBar {
4128
4503
  display: flex;
@@ -4132,219 +4507,333 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
4132
4507
  color: var(--ab-cmp-adaptable-popup-topbar__color);
4133
4508
  font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
4134
4509
  padding: var(--ab-cmp-adaptable-popup-topbar__padding);
4135
- box-sizing: border-box; }
4510
+ box-sizing: border-box;
4511
+ }
4136
4512
 
4137
4513
  .ab-Adaptable-Popup__TopBar__Icon {
4138
- margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
4514
+ margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
4515
+ }
4139
4516
 
4140
4517
  .ab-Adaptable-Popup__TopBar__Close .ab-Icon {
4141
- color: var(--ab-cmp-adaptable-popup-topbar-icon__color); }
4518
+ color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
4519
+ }
4142
4520
 
4143
4521
  .ab-Adaptable-Popup--settings-popup {
4144
- height: var(--ab-cmp-adaptable-popup--settings__height); }
4522
+ height: var(--ab-cmp-adaptable-popup--settings__height);
4523
+ }
4145
4524
 
4146
4525
  .ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
4147
- top: 9px; }
4526
+ top: 9px;
4527
+ }
4148
4528
 
4149
4529
  .ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
4150
- padding: var(--ab-cmp-adaptable-popup--settings__padding);
4151
- min-width: 0; }
4530
+ padding: var(--ab-cmp-adaptable-popup--settings__padding);
4531
+ min-width: 0;
4532
+ }
4152
4533
 
4153
4534
  .ab-Adaptable-Popup__Panel {
4154
- width: 100%; }
4535
+ width: 100%;
4536
+ }
4155
4537
 
4156
4538
  .ab-Adaptable-Popup__Panel__Header {
4157
- display: flex;
4158
- padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
4159
- margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
4160
- margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
4539
+ display: flex;
4540
+ padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
4541
+ margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
4542
+ margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top);
4543
+ }
4161
4544
 
4162
4545
  .ab-Adaptable-Popup__Panel__Header__Title {
4163
- font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
4546
+ font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
4547
+ }
4164
4548
 
4165
4549
  .ab-Adaptable-Popup__Panel__Body {
4166
- padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
4167
- flex: 1 1 0;
4168
- min-height: 0;
4169
- overflow: auto; }
4550
+ padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
4551
+ flex: 1 1 0;
4552
+ min-height: 0;
4553
+ overflow: auto;
4554
+ }
4170
4555
 
4171
4556
  .ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
4172
- cursor: move; }
4557
+ cursor: move;
4558
+ }
4173
4559
 
4174
4560
  .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
4175
- cursor: move; }
4561
+ cursor: move;
4562
+ }
4176
4563
 
4177
4564
  .ab-Window-Modal .ab-Panel__header {
4178
- cursor: move; }
4565
+ cursor: move;
4566
+ }
4179
4567
 
4180
4568
  .ab-Window-Modal {
4181
4569
  max-height: 100%;
4182
- box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
4570
+ box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
4571
+ }
4183
4572
 
4184
4573
  .ab-Window-Modal .ab-Dialog__close-button {
4185
- top: 3px; }
4574
+ top: 3px;
4575
+ }
4186
4576
 
4187
4577
  .ab-Window-Modal .ab-Panel {
4188
- max-height: initial; }
4578
+ max-height: initial;
4579
+ }
4189
4580
 
4190
4581
  .ab-Adaptable-Object-List {
4191
4582
  list-style: none;
4192
- padding: 0; }
4583
+ padding: 0;
4584
+ }
4193
4585
 
4194
4586
  .ab-Adaptable-Object-List__Item {
4195
4587
  background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
4196
4588
  padding: var(--ab-cmp-adaptable-object-list-item__padding);
4197
- margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom); }
4589
+ margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
4590
+ }
4198
4591
 
4199
4592
  .ab-Adaptable-Object-List__Item__edit-property {
4200
- visibility: hidden; }
4593
+ visibility: hidden;
4594
+ }
4201
4595
 
4202
4596
  .ab-Adaptable-Object-List__Item__values {
4203
- min-width: 0;
4204
- word-break: break-all; }
4597
+ min-width: 0;
4598
+ word-break: break-all;
4599
+ }
4205
4600
 
4206
4601
  .ab-Adaptable-Object-List__Item__buttons {
4207
- padding-left: var(--ab-space-2);
4208
- min-width: 80px;
4209
- text-align: right;
4210
- margin-left: var(--ab-space-3); }
4602
+ padding-left: var(--ab-space-2);
4603
+ min-width: 80px;
4604
+ text-align: right;
4605
+ margin-left: var(--ab-space-3);
4606
+ }
4211
4607
 
4212
4608
  .ab-Adaptable-Object-List__Item__label {
4213
- padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
4214
- width: var(--ab-cmp-adaptable-object-list-item-label__width); }
4609
+ padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
4610
+ width: var(--ab-cmp-adaptable-object-list-item-label__width);
4611
+ }
4215
4612
 
4216
4613
  .ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
4217
- visibility: visible; }
4614
+ visibility: visible;
4615
+ }
4218
4616
 
4219
4617
  .ab-Adaptable-Object-List__Item .ab-Tag {
4220
- margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
4221
- margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
4222
- padding: var(--ab-cmp-adaptable-object-list-item-tag__padding); }
4618
+ margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
4619
+ margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
4620
+ padding: var(--ab-cmp-adaptable-object-list-item-tag__padding);
4621
+ }
4223
4622
 
4224
4623
  .ab-Adaptable-Object-Compact-List {
4225
4624
  padding: var(--ab-cmp-adaptable-object-compact-list__padding);
4226
4625
  background: var(--ab-cmp-adaptable-object-compact-list__background);
4227
- max-height: 70vh; }
4626
+ max-height: 70vh;
4627
+ }
4228
4628
 
4229
4629
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
4230
- padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
4231
- margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom); }
4630
+ padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
4631
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
4632
+ }
4232
4633
 
4233
4634
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
4234
- font-size: var(--ab-font-size-4); }
4635
+ font-size: var(--ab-font-size-4);
4636
+ }
4235
4637
 
4236
4638
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
4237
- overflow: auto;
4238
- height: 100%; }
4639
+ overflow: auto;
4640
+ height: 100%;
4641
+ }
4239
4642
 
4240
4643
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
4241
- padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
4242
- margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
4243
- background: var(--ab-cmp-adaptable-object-compact-list-item__background); }
4644
+ padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
4645
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
4646
+ background: var(--ab-cmp-adaptable-object-compact-list-item__background);
4647
+ }
4244
4648
 
4245
4649
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item:last-child {
4246
- margin-bottom: 0; }
4650
+ margin-bottom: 0;
4651
+ }
4247
4652
 
4248
4653
  .ab-Adaptable-Object-Compact-List__Item__Name {
4249
- width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
4250
- padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
4251
- margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
4252
- font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size); }
4654
+ width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
4655
+ padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
4656
+ margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
4657
+ font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
4658
+ }
4253
4659
 
4254
4660
  .ab-StatusBar {
4255
4661
  display: flex;
4256
4662
  border-right: var(--ab-cmp-adaptable-statusbar__border);
4257
- border-left: var(--ab-cmp-adaptable-statusbar__border); }
4663
+ border-left: var(--ab-cmp-adaptable-statusbar__border);
4664
+ }
4258
4665
 
4259
4666
  .ab-StatusBar__SubPanel {
4260
4667
  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
4261
4668
  border: 0;
4262
4669
  background: none;
4263
4670
  font-weight: 400;
4264
- border-right: var(--ab-cmp-adaptable-statusbar__border); }
4671
+ border-right: var(--ab-cmp-adaptable-statusbar__border);
4672
+ }
4265
4673
 
4266
4674
  .ab-StatusBar__SubPanel:last-child {
4267
- border-right: 0; }
4675
+ border-right: 0;
4676
+ }
4268
4677
 
4269
4678
  .ab-StatusBar__SubPanel,
4270
- .ab-StatusBar__SubPanel .ab-SimpleButton {
4271
- color: var(--ab-cmp-adaptable-statusbar__color); }
4679
+ .ab-StatusBar__SubPanel .ab-SimpleButton {
4680
+ color: var(--ab-cmp-adaptable-statusbar__color);
4681
+ }
4272
4682
 
4273
4683
  button.ab-StatusBar__SubPanel:hover {
4274
4684
  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
4275
- cursor: pointer; }
4685
+ cursor: pointer;
4686
+ }
4276
4687
 
4277
4688
  .ab-Shared-Entity-Shared-Object {
4278
- border: var(--ab-cmp-adaptable-shared-entity-shared-object__border); }
4689
+ border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
4690
+ }
4279
4691
 
4280
4692
  .ab-Layout-Wizard__ColumnRow__Header {
4281
- cursor: pointer; }
4693
+ cursor: pointer;
4694
+ }
4282
4695
 
4283
4696
  .ab-Layout-Wizard__ColumnRow__Title {
4284
4697
  border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious);
4285
4698
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
4286
- color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color); }
4699
+ color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
4700
+ }
4287
4701
 
4288
4702
  .ab-Layout-Wizard__ColumnRow__Expanded-Container {
4289
4703
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background);
4290
- border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius); }
4704
+ border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
4705
+ }
4291
4706
 
4292
4707
  .ab-Layout-Wizard__ColumnRow__Input {
4293
4708
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
4294
- width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
4709
+ width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
4710
+ }
4295
4711
 
4296
4712
  :root {
4297
4713
  --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
4298
4714
  --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
4299
4715
  --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
4300
- --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
4716
+ --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
4717
+ }
4301
4718
 
4302
4719
  .ab-ValueSelector {
4303
- overflow: hidden; }
4720
+ overflow: hidden;
4721
+ }
4304
4722
 
4305
4723
  .ab-ValueSelector__option {
4306
- border-radius: 'var(--ab__border-radius)'; }
4724
+ border-radius: "var(--ab__border-radius)";
4725
+ }
4307
4726
 
4308
4727
  .ab-ValueSelector__show-selected-only-checkbox {
4309
- position: sticky;
4310
- top: 0;
4311
- z-index: 10000; }
4728
+ position: sticky;
4729
+ top: 0;
4730
+ z-index: 10000;
4731
+ }
4312
4732
 
4313
4733
  .ab-ValueSelector__show-selected-only-checkbox__text {
4314
- position: absolute;
4315
- top: 2px;
4316
- right: 4px;
4317
- overflow: hidden;
4318
- border-radius: var(--ab__border-radius);
4319
- margin-right: var(--ab-space-1);
4320
- margin-top: var(--ab-space-1);
4321
- padding: 0 var(--ab-space-2);
4322
- font-size: var(--ab-font-size-2); }
4734
+ position: absolute;
4735
+ top: 2px;
4736
+ right: 4px;
4737
+ overflow: hidden;
4738
+ border-radius: var(--ab__border-radius);
4739
+ margin-right: var(--ab-space-1);
4740
+ margin-top: var(--ab-space-1);
4741
+ padding: 0 var(--ab-space-2);
4742
+ font-size: var(--ab-font-size-2);
4743
+ }
4744
+
4745
+ .ab-EntityRulesEditor__predicate-dropdown {
4746
+ min-width: 15rem;
4747
+ white-space: nowrap;
4748
+ overflow: hidden;
4749
+ text-overflow: ellipsis;
4750
+ max-width: inherit;
4751
+ }
4752
+
4753
+ .ab-ExpressionEditor {
4754
+ overflow: auto;
4755
+ }
4756
+
4757
+ .ab-ExpressionEditor__column-picker {
4758
+ overflow: auto;
4759
+ min-width: 255px;
4760
+ height: 100%;
4761
+ }
4762
+
4763
+ .ab-ExpressionEditorInput {
4764
+ background: var(--ab-cmp-expression-editor-input__background);
4765
+ border-radius: var(--ab-cmp-expression-editor-input__border-radius);
4766
+ width: 100%;
4767
+ --ab-overlay-horizontal-align: left;
4768
+ }
4769
+
4770
+ .ab-ExpressionEditorInput__info-button {
4771
+ margin-right: 5px;
4772
+ }
4773
+
4774
+ .ab-ExpressionEditorInput__dropdown-functions-list {
4775
+ font-size: var(--ab-cmp-expression-editor-input-dropdown-functions-list__font-size);
4776
+ border: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border);
4777
+ border-radius: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius);
4778
+ background: var(--ab-cmp-expression-editor-input__background);
4779
+ z-index: 1000;
4780
+ max-height: 300;
4781
+ overflow: auto;
4782
+ }
4783
+
4784
+ .ab-ExpressionEditorInput__textarea {
4785
+ width: 100%;
4786
+ min-height: 100px;
4787
+ font-family: var(--ab-cmp-expression-editor-input__font-family);
4788
+ resize: vertical;
4789
+ font-size: 1rem;
4790
+ padding: var(--ab-space-2);
4791
+ }
4792
+
4793
+ .ab-ExpressionEditorInput__editor-feedback {
4794
+ background: var(--ab-cmp-expression-editor-input__background);
4795
+ border-radius: var(--ab-cmp-expression-editor-feedback__border-radius);
4796
+ }
4797
+
4798
+ .ab-QuickFilter {
4799
+ overflow-y: auto;
4800
+ font-size: var(--ab-cmp-quickfilter__font-size);
4801
+ border: var(--ab-cmp-quickfilter__border);
4802
+ background: var(--ab-cmp-quickfilter__background);
4803
+ }
4323
4804
 
4324
4805
  .ab-alert--error {
4325
- background: var(--ab-color-error); }
4806
+ background: var(--ab-color-error);
4807
+ }
4326
4808
 
4327
4809
  .ab-alert--success {
4328
- background: var(--ab-color-success); }
4810
+ background: var(--ab-color-success);
4811
+ }
4329
4812
 
4330
4813
  .ab-alert--warn,
4331
4814
  .ab-alert--warning {
4332
- background: var(--ab-color-warn); }
4815
+ background: var(--ab-color-warn);
4816
+ }
4333
4817
 
4334
4818
  .ab-alert--info {
4335
- background: var(--ab-color-info); }
4819
+ background: var(--ab-color-info);
4820
+ }
4336
4821
 
4337
4822
  .ab-cell--align-left {
4338
- text-align: left; }
4823
+ text-align: left;
4824
+ }
4339
4825
 
4340
4826
  .ab-cell--align-right {
4341
- text-align: right; }
4827
+ text-align: right;
4828
+ }
4342
4829
 
4343
4830
  .ab-cell--align-center {
4344
- text-align: center; }
4831
+ text-align: center;
4832
+ }
4345
4833
 
4346
4834
  .popover-content {
4347
- padding: 1px; }
4835
+ padding: 1px;
4836
+ }
4348
4837
 
4349
4838
  /* Styles for the coloured cell render
4350
4839
  */
@@ -4353,36 +4842,44 @@ button.ab-StatusBar__SubPanel:hover {
4353
4842
  display: inline-block;
4354
4843
  height: 100%;
4355
4844
  position: relative;
4356
- z-index: 0; }
4845
+ z-index: 0;
4846
+ }
4357
4847
 
4358
4848
  .ab_div-colour-render-text {
4359
4849
  position: absolute;
4360
4850
  font-weight: normal;
4361
4851
  font-size: 12px;
4362
- z-index: 100; }
4852
+ z-index: 100;
4853
+ }
4363
4854
 
4364
4855
  .ab_div-colour-render-div {
4365
4856
  display: inline-block;
4366
4857
  height: 100%;
4367
- width: 100%; }
4858
+ width: 100%;
4859
+ }
4368
4860
 
4369
4861
  .ab-ActionColumn {
4370
4862
  height: 100%;
4371
4863
  display: flex;
4372
- column-gap: var(--ab-space-1); }
4864
+ column-gap: var(--ab-space-1);
4865
+ }
4373
4866
 
4374
4867
  .ab-ActionColumn > button.ab-SimpleButton {
4375
- height: 100%; }
4868
+ height: 100%;
4869
+ }
4376
4870
 
4377
4871
  .adaptableRowActionButtons.ag-cell {
4378
- padding: 0; }
4872
+ padding: 0;
4873
+ }
4379
4874
 
4380
4875
  .adaptableRowActionButtons.ag-cell .ab-ActionColumn {
4381
- column-gap: 0; }
4876
+ column-gap: 0;
4877
+ }
4382
4878
 
4383
4879
  .Toastify__toast-container {
4384
4880
  border-style: none;
4385
- border-width: 0px; }
4881
+ border-width: 0px;
4882
+ }
4386
4883
 
4387
4884
  .Toastify__toast {
4388
4885
  padding: 0;
@@ -4399,22 +4896,28 @@ button.ab-StatusBar__SubPanel:hover {
4399
4896
  --toastify-color-info: var(--ab-color-info);
4400
4897
  --toastify-color-success: var(--ab-color-success);
4401
4898
  --toastify-color-warning: var(--ab-color-warn);
4402
- --toastify-color-error: var(--ab-color-error); }
4899
+ --toastify-color-error: var(--ab-color-error);
4900
+ }
4403
4901
 
4404
4902
  .Toastify__toast-body {
4405
- padding: 0; }
4903
+ padding: 0;
4904
+ }
4406
4905
 
4407
4906
  .Toastify__toast--info {
4408
- --ab-toast-cmp__shadow-color: var(--ab-color-info); }
4907
+ --ab-toast-cmp__shadow-color: var(--ab-color-info);
4908
+ }
4409
4909
 
4410
4910
  .Toastify__toast--success {
4411
- --ab-toast-cmp__shadow-color: var(--ab-color-success); }
4911
+ --ab-toast-cmp__shadow-color: var(--ab-color-success);
4912
+ }
4412
4913
 
4413
4914
  .Toastify__toast--warning {
4414
- --ab-toast-cmp__shadow-color: var(--ab-color-warn); }
4915
+ --ab-toast-cmp__shadow-color: var(--ab-color-warn);
4916
+ }
4415
4917
 
4416
4918
  .Toastify__toast--error {
4417
- --ab-toast-cmp__shadow-color: var(--ab-color-error); }
4919
+ --ab-toast-cmp__shadow-color: var(--ab-color-error);
4920
+ }
4418
4921
 
4419
4922
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
4420
4923
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
@@ -4425,7 +4928,8 @@ button.ab-StatusBar__SubPanel:hover {
4425
4928
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
4426
4929
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
4427
4930
  background-color: rgba(0, 0, 0, 0);
4428
- border-radius: 100px; }
4931
+ border-radius: 100px;
4932
+ }
4429
4933
 
4430
4934
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
4431
4935
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
@@ -4435,7 +4939,8 @@ button.ab-StatusBar__SubPanel:hover {
4435
4939
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
4436
4940
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
4437
4941
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
4438
- width: var(--ab-custom-scrollbar-size); }
4942
+ width: var(--ab-custom-scrollbar-size);
4943
+ }
4439
4944
 
4440
4945
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
4441
4946
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
@@ -4445,7 +4950,8 @@ button.ab-StatusBar__SubPanel:hover {
4445
4950
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
4446
4951
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
4447
4952
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
4448
- height: var(--ab-custom-scrollbar-size); }
4953
+ height: var(--ab-custom-scrollbar-size);
4954
+ }
4449
4955
 
4450
4956
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
4451
4957
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
@@ -4455,7 +4961,8 @@ button.ab-StatusBar__SubPanel:hover {
4455
4961
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
4456
4962
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
4457
4963
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
4458
- background-color: rgba(0, 0, 0, 0.09); }
4964
+ background-color: rgba(0, 0, 0, 0.09);
4965
+ }
4459
4966
 
4460
4967
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
4461
4968
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
@@ -4468,7 +4975,8 @@ button.ab-StatusBar__SubPanel:hover {
4468
4975
  background: rgba(0, 0, 0, 0.5);
4469
4976
  border-radius: 100px;
4470
4977
  background-clip: padding-box;
4471
- border: 2px solid rgba(0, 0, 0, 0); }
4978
+ border: 2px solid rgba(0, 0, 0, 0);
4979
+ }
4472
4980
 
4473
4981
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
4474
4982
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
@@ -4478,7 +4986,8 @@ button.ab-StatusBar__SubPanel:hover {
4478
4986
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
4479
4987
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
4480
4988
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
4481
- min-height: var(--ab-custom-scrollbar-size); }
4989
+ min-height: var(--ab-custom-scrollbar-size);
4990
+ }
4482
4991
 
4483
4992
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
4484
4993
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
@@ -4488,7 +4997,8 @@ button.ab-StatusBar__SubPanel:hover {
4488
4997
  .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
4489
4998
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
4490
4999
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
4491
- min-width: var(--ab-custom-scrollbar-size); }
5000
+ min-width: var(--ab-custom-scrollbar-size);
5001
+ }
4492
5002
 
4493
5003
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
4494
5004
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
@@ -4499,19 +5009,24 @@ button.ab-StatusBar__SubPanel:hover {
4499
5009
  .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
4500
5010
  .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
4501
5011
  background: rgba(0, 0, 0, 0.61);
4502
- border-radius: 100px; }
5012
+ border-radius: 100px;
5013
+ }
4503
5014
 
4504
5015
  .ag-details-row {
4505
5016
  display: flex;
4506
- flex-flow: column; }
5017
+ flex-flow: column;
5018
+ }
4507
5019
 
4508
5020
  .ag-details-row .ag-details-grid {
4509
- flex: 1; }
5021
+ flex: 1;
5022
+ }
4510
5023
 
4511
5024
  .ab-wait-for-progress-indicator.ab-Grid {
4512
- pointer-events: none; }
5025
+ pointer-events: none;
5026
+ }
4513
5027
 
4514
5028
  html.ab--theme-light {
4515
- --ab-theme-loaded: light; }
5029
+ --ab-theme-loaded: light;
5030
+ }
4516
5031
 
4517
5032
  /*# sourceMappingURL=index.css.map */