@lavalogic/scoria 0.37.47 → 0.37.48

package/dist/Components/AlertModal.svelte

@@ -203,6 +203,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Base/BaseModal.svelte

@@ -133,6 +133,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/LoadingModal.svelte

@@ -53,6 +53,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Modal.svelte

@@ -266,6 +266,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Nav/ServiceMenuItem.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import { dev } from '$app/environment';
+	import { resolve } from '$app/paths';
 	import { page } from '$app/state';
 	import { useAsyncFlag } from '../../Helpers/AsyncFlag.svelte.js';
 	import { Size } from '../../Types/Internal/Size.js';
@@ -11,12 +12,18 @@
 
 	const { item, selected: maybeSelected }: SideMenuItemProps = $props();
 
-	const selected = $derived(maybeSelected ?? (item.path ? page.url.pathname == item.path : false));
+	// `page.url.pathname` carries the configured base path; `item.path`
+	// does not. Match with `includes` so the comparison holds whether or
+	// not a base path (e.g. a `URI_PREFIX` build arg) is set.
+	const selected = $derived(
+		maybeSelected ?? (item.path ? page.url.pathname.includes(item.path) : false)
+	);
 
 	const visible = useAsyncFlag(() => item.visible, true);
 
 	/**
-	 * Constrain the rendered `href` to safe, relative paths only.
+	 * Constrain the rendered `href` to safe, relative paths only, then
+	 * prefix the SvelteKit `base` path.
 	 *
 	 * `item.path` is typed as the SvelteKit `Pathname` brand at the
 	 * boundary, but the property is still a `string` at runtime. To
@@ -25,6 +32,11 @@
 	 * input that does not start with `/`. Disallowed values resolve
 	 * to `#` so the link is harmless if a future consumer supplies an
 	 * unsafe value.
+	 *
+	 * The validated path is run through `resolve` so the rendered `href`
+	 * honours a configured base path (e.g. a `URI_PREFIX` build arg).
+	 * `item.path` is the bare app-relative route; without the prefix the
+	 * `<a href>` would point outside the deployed sub-path.
 	 */
 	function safeHref(path: string): string {
 		if (typeof path !== 'string' || path.length === 0) {
@@ -36,7 +48,7 @@
 		if (/^[a-z][a-z0-9+.-]*:/i.test(path)) {
 			return '#';
 		}
-		return path;
+		return resolve(path as '/');
 	}
 </script>
 

package/dist/Components/Touch/NumberModal.svelte

@@ -87,6 +87,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Touch/SelectModal.svelte

@@ -131,6 +131,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Touch/TextAreaModal.svelte

@@ -103,6 +103,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Touch/TextModal.svelte

@@ -114,6 +114,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/Components/Touch/TouchModal.svelte

@@ -282,6 +282,12 @@
   border-radius: 0.1875rem;
   border: none;
   padding: 0;
+  --input-border: initial;
+  --input-height: initial;
+  --input-width: initial;
+  --input-min-width: initial;
+  --sv-border: initial;
+  --sv-min-height: initial;
 }
 dialog::backdrop {
   background: rgba(0, 0, 0, 0.3);

package/dist/scss/_mixins.scss

@@ -372,6 +372,21 @@
 		border: none;
 		padding: 0;
 
+		// A `<dialog>` stays in the DOM at its mount point even while
+		// shown in the top layer, so it inherits CSS custom properties
+		// from whatever opened it. Display-cell modals mount inside a
+		// table cell, which sets `--input-border` / `--input-height` to
+		// strip and shrink in-cell inputs; left unchecked those leak into
+		// the modal's own inputs, selects and date pickers (missing
+		// borders, collapsed height). Reset the input-theming variables
+		// so modal content always renders with default input styling.
+		--input-border: initial;
+		--input-height: initial;
+		--input-width: initial;
+		--input-min-width: initial;
+		--sv-border: initial;
+		--sv-min-height: initial;
+
 		&::backdrop {
 			background: rgba(0, 0, 0, 0.3);
 			backdrop-filter: blur(1px);
@@ -2303,6 +2318,21 @@
 		border: none;
 		padding: 0;
 
+		// A `<dialog>` stays in the DOM at its mount point even while
+		// shown in the top layer, so it inherits CSS custom properties
+		// from whatever opened it. Display-cell modals mount inside a
+		// table cell, which sets `--input-border` / `--input-height` to
+		// strip and shrink in-cell inputs; left unchecked those leak into
+		// the modal's own inputs, selects and date pickers (missing
+		// borders, collapsed height). Reset the input-theming variables
+		// so modal content always renders with default input styling.
+		--input-border: initial;
+		--input-height: initial;
+		--input-width: initial;
+		--input-min-width: initial;
+		--sv-border: initial;
+		--sv-min-height: initial;
+
 		&::backdrop {
 			background: rgba(0, 0, 0, 0.3);
 			backdrop-filter: blur(1px);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.47",
+  "version": "0.37.48",
   "publishConfig": {
     "access": "restricted"
   },