Bump WebUI to 2.8.0

lib/public/app.css

@@ -2,7 +2,6 @@ html, body {
     scroll-behavior: smooth;
 
     --ui-component-medium: 550px;
-    --ui-component-large: 850px;
 }
 
 .cell-xs { max-width: 2rem; }
@@ -483,29 +482,16 @@ label {
 
 /* Popover system */
 
-.popover {
-    flex-shrink: 0;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1002;
-    max-width: var(--ui-component-large);
-}
-
 .no-events {
     pointer-events: none;
 }
 
-.btn-group-item:not(.last-item) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+.btn-group .btn:not(.last-item) {
+    border-radius: .25rem 0 0 .25rem;
 }
 
-.btn-group-item:not(.first-item) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+.btn-group .btn:not(.first-item) {
+    border-radius: 0 .25rem .25rem 0;
 }
 
 /* Modal */

lib/public/components/Filters/common/filters/timeRangeFilter.js

@@ -10,8 +10,7 @@
  *  granted to it by virtue of its status as an Intergovernmental Organization
  *  or submit itself to any jurisdiction.
  */
-import { dropdown } from '../../../common/popover/dropdown.js';
-import { h } from '/js/src/index.js';
+import { DropdownComponent, h } from '/js/src/index.js';
 import {
     getLocaleDateAndTime,
     getStartOfMonth,
@@ -93,7 +92,7 @@
  * @param {TimeRangeInputModel} timeRangeFilterModel the model of the filter
  * @return {Component} the resulting component
  */
-export const timeRangeFilter = (timeRangeFilterModel) => dropdown(
+export const timeRangeFilter = (timeRangeFilterModel) => DropdownComponent(
     h(
         `.dropdown-trigger.form-control${timeRangeFilterModel.isValid ? '' : '.invalid'}`,
         [

lib/public/components/Filters/common/filtersPanelPopover.js

@@ -10,10 +10,7 @@
  *  granted to it by virtue of its status as an Intergovernmental Organization
  *  or submit itself to any jurisdiction.
  */
-import { popover } from '../../common/popover/popover.js';
-import { PopoverTriggerPreConfiguration } from '../../common/popover/popoverPreConfigurations.js';
-import { PopoverAnchors } from '../../common/popover/PopoverEngine.js';
-import { h, info } from '/js/src/index.js';
+import { h, info, popover, PopoverAnchors, PopoverTriggerPreConfiguration } from '/js/src/index.js';
 import { profiles } from '../../common/table/profiles.js';
 import { applyProfile } from '../../../utilities/applyProfile.js';
 import { tooltip } from '../../common/popover/tooltip.js';

lib/public/components/Log/logLinkButton.js

@@ -11,8 +11,7 @@
  * or submit itself to any jurisdiction.
  */
 
-import { h } from '/js/src/index.js';
-import { CopyToClipboardComponent } from '../common/selection/infoLoggerButtonGroup/CopyToClipboardComponent.js';
+import { CopyToClipboardComponent, h } from '/js/src/index.js';
 
 /**
  * Copies the url of the log to the clipboard

lib/public/components/Pagination/amountSelector.js

@@ -11,9 +11,8 @@
  * or submit itself to any jurisdiction.
  */
 
-import { h } from '/js/src/index.js';
+import { documentClickTaggedEventRegistry, h } from '/js/src/index.js';
 import { iconCaretTop } from '/js/src/icons.js';
-import { documentClickTaggedEventRegistry } from '../../utilities/documentClickTaggedEventRegistry.js';
 
 /**
  * Based on controllers limits

lib/public/components/common/chart/lineChart/lineChartComponent.js

@@ -11,8 +11,7 @@
  *  or submit itself to any jurisdiction.
  */
 
-import { h } from '/js/src/index.js';
-import { createPortal } from '../../../../utilities/createPortal.js';
+import { createPortal, h } from '/js/src/index.js';
 import { LineChartRenderer } from '../rendering/LineChartRenderer.js';
 
 const DEFAULT_TOOLTIP_MARGIN = 20;

lib/public/components/common/chart/rendering/dataset/renderDatasetAsLine.js

@@ -12,7 +12,7 @@
  */
 
 import { select, line } from '/assets/d3.min.js';
-import { getUniqueId } from '../../../../../utilities/getUniqueId.js';
+import { getUniqueId } from '/js/src/index.js';
 
 /**
  * @typedef LineGraphConfiguration

lib/public/components/common/chart/rendering/dataset/renderDatasetAsPointCloud.js

@@ -12,7 +12,7 @@
  */
 
 import { select } from '/assets/d3.min.js';
-import { getUniqueId } from '../../../../../utilities/getUniqueId.js';
+import { getUniqueId } from '/js/src/index.js';
 
 /**
  * @typedef PointCloudGraphConfiguration

lib/public/components/common/form/inputs/DateTimeInputComponent.js

@@ -10,11 +10,10 @@
  *  granted to it by virtue of its status as an Intergovernmental Organization
  *  or submit itself to any jurisdiction.
  */
-import { h } from '/js/src/index.js';
+import { h, StatefulComponent } from '/js/src/index.js';
 import { iconX } from '/js/src/icons.js';
 import { MILLISECONDS_IN_ONE_DAY } from '../../../../utilities/dateUtils.mjs';
 import { formatTimestampForDateTimeInput } from '../../../../utilities/formatting/dateTimeInputFormatters.mjs';
-import { StatefulComponent } from '../../StatefulComponent.js';
 
 /**
  * @typedef DateTimeInputComponentVnode

lib/public/components/common/form/inputs/TimestampInputComponent.js

@@ -10,13 +10,12 @@
  *  granted to it by virtue of its status as an Intergovernmental Organization
  *  or submit itself to any jurisdiction.
  */
-import { StatefulComponent } from '../../StatefulComponent.js';
 import { DateTimeInputComponent } from './DateTimeInputComponent.js';
 import {
     extractTimestampFromDateTimeInput,
     formatTimestampForDateTimeInput,
 } from '../../../../utilities/formatting/dateTimeInputFormatters.mjs';
-import { h } from '/js/src/index.js';
+import { h, StatefulComponent } from '/js/src/index.js';
 
 /**
  * @typedef TimestampInputComponentAttrs