@flexem/fc-gui 3.0.0-alpha.189 → 3.0.0-alpha.190

package/bundles/@flexem/fc-gui.umd.js

@@ -42489,6 +42489,9 @@ C140,111.8,99.2,158.4,78,178.6z M78,40.4c-17.8,0-32.4,14.4-32.4,32.2s14.5,32.2,3
 
 // CONCATENATED MODULE: ./.tmp/elements/alarm/alarm-table-scrollbar.ts
 /** SVG scrollbar overlays the table bounds but stays outside foreignObject for WKWebView scaling. */
+const TRACK_COLOR = '#f0f1f4';
+const THUMB_COLOR = '#c5cbd4';
+const ACTIVE_THUMB_COLOR = '#adb6c2';
 class AlarmTableScrollbar {
     constructor(parent, x, y, width, height, visibleRows, onChange, onPause, onResume) {
         this.y = y;
@@ -42521,7 +42524,7 @@ class AlarmTableScrollbar {
             this.dragging = true;
             this.dragStartY = localY;
             this.dragStartRow = this.start;
-            this.thumb.setAttribute('fill', '#8f99aa');
+            this.thumb.setAttribute('fill', ACTIVE_THUMB_COLOR);
             this.thumb.style.cursor = 'grabbing';
             this.ownerDocument.addEventListener('mousemove', this.handleMove);
             this.ownerDocument.addEventListener('mouseup', this.handleEnd);
@@ -42546,7 +42549,7 @@ class AlarmTableScrollbar {
                 return;
             this.dragging = false;
             this.unbindDrag();
-            this.thumb.setAttribute('fill', '#b6bdc9');
+            this.thumb.setAttribute('fill', THUMB_COLOR);
             this.thumb.style.cursor = 'grab';
             this.onResume();
         };
@@ -42584,12 +42587,13 @@ class AlarmTableScrollbar {
         this.group.style.cursor = 'default';
         this.track = this.createElement('rect');
         this.setRect(this.track, x, y, width, height);
-        this.track.setAttribute('fill', '#eef0f4');
+        this.track.setAttribute('fill', TRACK_COLOR);
         this.track.setAttribute('rx', '0');
         this.thumb = this.createElement('rect');
-        this.setRect(this.thumb, x + width / 4, y, width / 2, height);
-        this.thumb.setAttribute('fill', '#b6bdc9');
-        this.thumb.setAttribute('rx', String(width / 4));
+        this.setRect(this.thumb, x, y, width, height);
+        this.thumb.setAttribute('fill', THUMB_COLOR);
+        this.thumb.setAttribute('rx', String(width / 2));
+        this.thumb.style.transition = 'fill 120ms ease';
         this.thumb.style.cursor = 'grab';
         this.group.appendChild(this.track);
         this.group.appendChild(this.thumb);
@@ -43223,7 +43227,7 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
         this.scrollWindowStart = 0;
         // WKWebView can paint positioned HTML descendants outside the SVG scale.
         // Keep a single unpositioned table directly in foreignObject. The sibling
-        // SVG scrollbar overlays the table's right edge without an HTML scrolling layer.
+        // SVG scrollbar sits inside the table's right border without an HTML scrolling layer.
         const scrollbarWidth = Math.min(12, this.model.size.width * 0.04);
         const tableHeight = elementHeight - operationAreaReservedHeight;
         const table = document.createElement('table');
@@ -43238,7 +43242,7 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
         const renderedTableHeight = table.getBoundingClientRect().height / canvasScaleY || tableHeight;
         const renderedHeaderHeight = table.rows[0].getBoundingClientRect().height / canvasScaleY || this.model.heights[0];
         const scrollbarInset = 2;
-        this.scrollbar = new AlarmTableScrollbar(this.element.parentNode, this.model.size.width - scrollbarWidth, renderedHeaderHeight + scrollbarInset, scrollbarWidth, Math.max(0, renderedTableHeight - renderedHeaderHeight - scrollbarInset * 2), this.maxVisibleRows, start => this.moveScrollWindowBy(start - this.scrollWindowStart), () => clearInterval(this.scrollIntervalId), () => this.startAutoScroll());
+        this.scrollbar = new AlarmTableScrollbar(this.element.parentNode, this.model.size.width - scrollbarWidth - scrollbarInset, renderedHeaderHeight + scrollbarInset, scrollbarWidth, Math.max(0, renderedTableHeight - renderedHeaderHeight - scrollbarInset * 2), this.maxVisibleRows, start => this.moveScrollWindowBy(start - this.scrollWindowStart), () => clearInterval(this.scrollIntervalId), () => this.startAutoScroll());
         this.updateScrollThumb();
         this.hoverTarget = table;
         this.bindScrollHoverEvents();