asab_webui_shell 27.3.4 → 27.3.6

package/dist/containers/Application.js

@@ -489,6 +489,7 @@ class Application extends _react.Component {
     this.setState(prevState => ({
       printReadyIndicators: prevState.printReadyIndicators + 1
     }));
+    console.log('print-ready', document.body.getAttribute('print-ready'), 'push');
   }
   popPrintReadyIndicator() {
     this.setState(prevState => {
@@ -500,6 +501,7 @@ class Application extends _react.Component {
         printReadyIndicators: Math.max(nextValue, 0)
       };
     });
+    console.log('print-ready', document.body.getAttribute('print-ready'), 'pop');
   }
   registerService(service) {
     if (service.Name in this.Services) {
@@ -550,11 +552,13 @@ class Application extends _react.Component {
         if (this.state.printReadyIndicators === 0) {
           document.body.setAttribute('print-ready', 'true');
           this._printReadyTimeout = null;
+          console.log('print-ready', document.body.getAttribute('print-ready'), 'set true');
         }
       }, 1500); // Add 1500ms delay to ensure that the print-ready attribute is set after the last print-ready indicator is popped
     } else {
       this._clearPrintReadyTimeout();
       document.body.setAttribute('print-ready', 'false');
+      console.log('print-ready', document.body.getAttribute('print-ready'), 'set false');
     }
   }
   componentWillUnmount() {
@@ -567,6 +571,7 @@ class Application extends _react.Component {
     }
     this._clearPrintReadyTimeout();
     document.body.removeAttribute('print-ready');
+    console.log('print-ready', document.body.getAttribute('print-ready'), 'unmount removed');
   }
   _clearPrintReadyTimeout() {
     if (this._printReadyTimeout !== null) {
@@ -601,6 +606,7 @@ class Application extends _react.Component {
     if (this.SplashscreenRequestors.size == 0) {
       var splashscreen = document.getElementById('app-splashscreen'); // See public/index.html
       splashscreen === null || splashscreen === void 0 || splashscreen.classList.add("d-none");
+      console.log('print-ready', document.body.getAttribute('print-ready'), 'splash last removed, pop');
       // Decrement print-ready indicator value if no splash screen requestors are present
       this.popPrintReadyIndicator();
     }

package/dist/screens/UnauthorizedAccessScreen.js

@@ -36,15 +36,18 @@ function UnauthorizedAccessScreen(props) {
     if (!isAuthorized) {
       document.body.setAttribute('print-ready', 'true');
       document.body.setAttribute('print-unauthorized', 'true');
+      console.log('print-ready', document.body.getAttribute('print-ready'), 'UnauthorizedAccessScreen set true');
     } else {
       document.body.removeAttribute('print-ready');
       document.body.removeAttribute('print-unauthorized');
+      console.log('print-ready', document.body.getAttribute('print-ready'), 'UnauthorizedAccessScreen cleared');
     }
 
     // Cleanup function to remove the attributes when the component unmounts
     return () => {
       document.body.removeAttribute('print-ready');
       document.body.removeAttribute('print-unauthorized');
+      console.log('print-ready', document.body.getAttribute('print-ready'), 'UnauthorizedAccessScreen cleanup');
     };
   }, [isAuthorized]);
 

package/dist/styles/components/find-in-page.scss

@@ -0,0 +1,26 @@
+/*
+	Custom styling for the browser's find-in-page (Ctrl/Cmd+F) functionality (highlights matches).
+	These pseudo-elements are experimental and not supported by all browsers yet. They will silently fail in most browsers.
+	(Fully supported by Chrome and Edge as of 02/2026)
+	Browser support: https://caniuse.com/mdn-css_selectors_search-text
+	https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::search-text
+*/
+
+@supports selector(::search-text) {
+	[data-bs-theme=dark]:root::search-text {
+		color: var(--black);
+		background-color: rgba(var(--light-honey-rgb), 0.9);
+	}
+
+	[data-bs-theme=light]:root::search-text {
+		color: var(--fiery-sunset);
+		background-color: rgba(var(--bright-orange-rgb), 0.25);
+	}
+
+	// current selected is same in both themes
+	:root::search-text:current {
+		color: var(--white);
+		background-color: rgba(var(--bright-orange-rgb), 0.9);
+		text-decoration: underline;
+	}
+}

package/dist/styles/index.scss

@@ -7,6 +7,7 @@
 @use './components/alert';
 @use './components/button.scss';
 @use './components/form';
+@use './components/find-in-page';
 
 // Import default bootstrap styles
 @import 'bootstrap/dist/css/bootstrap.min.css';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "asab_webui_shell",
-	"version": "27.3.4",
+	"version": "27.3.6",
 	"license": "BSD-3-Clause",
 	"description": "TeskaLabs ASAB WebUI Shell Application",
 	"contributors": [