sveltekit-ui 1.1.81 → 1.1.83

package/CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### Component fixes
 
+- Preserve natural popover height in Safari by giving the scrolling content container a content-based flex basis, while retaining fixed-height and scrolling layouts.
+- Focus the image comparison slider before starting a drag so focus changes cannot cancel the new drag.
 - Preserve native button activation, including popover toggles and form submission, when an `on_click` callback starts an async loading state, while still blocking repeated actions until it settles.
 - Accept Apple's domain-restricted, non-expiring MapKit JS tokens while continuing to reject malformed and expired tokens.
 

package/README.md

@@ -55,6 +55,14 @@ npm run verify
 
 This checks the Svelte source, runs tests, generates and verifies the distributable package, and builds the documentation site.
 
+Publish with `npm run publish:npm`. It checks npm for the newest published release, selects the next patch version when needed, keeps `package.json` and `package-lock.json` in sync, and runs verification before publishing. A prepared version that is newer than the published releases is reused, so retrying a failed publish does not skip another version.
+
+Preview the version without changing files or publishing:
+
+```sh
+npm run version:available -- --dry-run
+```
+
 ## Compatibility and releases
 
 - Svelte 5 is required.

package/dist/Components/Alert/index.svelte

@@ -1,22 +1,24 @@
 <script>
   import SuccessCheck from "../SuccessCheck/index.svelte"
   import ErrorX from "../ErrorX/index.svelte"
-  import Icon from "../Icon/index.svelte"
   import Button from "../Button/index.svelte"
+  import { untrack } from "svelte"
+  import { flip } from "svelte/animate"
   import { fly } from "svelte/transition"
 
   let { manager = null, options = null, on_alert_added } = $props()
 
   $effect(() => {
     const current_manager = manager
-    current_manager?.run_auto_delete?.()
+    // Only manager replacement should restart the lifecycle, not timer or queue updates.
+    untrack(() => current_manager?.run_auto_delete?.())
     return () => current_manager?.destroy?.()
   })
 </script>
 
 <div class="alerts_container" role="region" aria-label="Notifications" aria-live="polite">
   {#if Array.isArray(manager?.alerts) && manager?.alerts.length > 0}
-    {#each manager?.alerts as alert, i (alert)}
+    {#each manager?.alerts as alert (alert.id)}
       <div
         class="card alert_box"
         role="status"
@@ -24,6 +26,7 @@
         class:small_alert_container={manager?.is_small_screen}
         style="--br: {manager?.border_radius}rem;"
         transition:fly={{ x: 300, duration: 400 }}
+        animate:flip={{ duration: 250 }}
       >
         <div class="icon">
           {#if alert.icon === "check"}
@@ -46,11 +49,17 @@
 
 <style>
   .alerts_container {
-    position: absolute;
+    position: fixed;
+    top: 0;
     right: 0;
-    overflow: scroll;
+    width: 32rem;
+    max-width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
     max-height: 100vh;
-    z-index: 10;
+    max-height: 100dvh;
+    z-index: 11;
+    pointer-events: none;
   }
   .alerts_container h3 {
     font-size: clamp(2.2rem, 4.2vw, 2.4rem);
@@ -58,7 +67,6 @@
   }
   .alert_container {
     position: relative;
-    width: 30rem;
     height: 7rem;
     display: flex;
     align-items: center;
@@ -70,6 +78,7 @@
     align-items: center;
   }
   .alert_box {
+    pointer-events: auto;
     border-radius: var(--br);
     border: 1px solid var(--g15-t);
     box-shadow: 0 0.2rem 1rem var(--shadow3);

package/dist/Components/ImageSlider/index.svelte.js

@@ -79,9 +79,9 @@ export function create_image_slider_manager(config) {
     const container_rect = container_el?.getBoundingClientRect()
     if (!container_rect?.width) return
     if (type == "down") {
+      event.currentTarget?.focus?.({ preventScroll: true })
       is_dragging = true
       active_pointer_id = event.pointerId ?? null
-      event.currentTarget?.focus?.({ preventScroll: true })
     }
     event.preventDefault()
     touch_start_x = event.clientX

package/dist/Components/Popover/index.svelte

@@ -379,7 +379,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    flex: 1;
+    flex: 1 1 auto;
     width: 100%;
     overflow: scroll;
   }

package/dist/client/mapkit.js

@@ -43,6 +43,25 @@ export function get_mapkit_api() {
   return Reflect.get(globalThis, "mapkit") ?? Reflect.get(globalThis.window ?? {}, "mapkit") ?? null
 }
 
+function mapkit_libraries_are_ready(mapkit_api) {
+  // The core SDK's unloaded constructor getters throw. Its library list is safe to read.
+  const loaded_libraries = mapkit_api?.loadedLibraries
+  if (Array.isArray(loaded_libraries)) {
+    const has_full_map = loaded_libraries.includes("full-map") ||
+      ["map", "annotations", "overlays", "user-location"].every((name) => loaded_libraries.includes(name))
+    return has_full_map && loaded_libraries.includes("services")
+  }
+
+  // The full SDK has no library list; inspect values without invoking property getters.
+  return ["Map", "Search", "PlaceLookup"].every((name) => {
+    for (let object = mapkit_api; object; object = Object.getPrototypeOf(object)) {
+      const descriptor = Object.getOwnPropertyDescriptor(object, name)
+      if (descriptor) return typeof descriptor.value === "function"
+    }
+    return false
+  })
+}
+
 export function load_mapkit_script(token) {
   const window_ref = globalThis.window
   const document_ref = globalThis.document
@@ -51,7 +70,7 @@ export function load_mapkit_script(token) {
   }
 
   const ready_api = get_mapkit_api()
-  if (ready_api) return Promise.resolve(ready_api)
+  if (mapkit_libraries_are_ready(ready_api)) return Promise.resolve(ready_api)
   if (shared_mapkit_load_promise) return shared_mapkit_load_promise
 
   const token_error = get_mapkit_token_error(token)
@@ -74,7 +93,7 @@ export function load_mapkit_script(token) {
 
     const finish_if_ready = () => {
       const mapkit_api = get_mapkit_api()
-      if (!mapkit_api) return false
+      if (!mapkit_libraries_are_ready(mapkit_api)) return false
       window_ref.init_map_kit_loaded = true
       cleanup()
       resolve(mapkit_api)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.1.81",
+  "version": "1.1.83",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "repository": {
@@ -41,7 +41,7 @@
     "version:available": "node ./scripts/use-next-npm-version.js",
     "postpublish": "npm run clean:dist",
     "prepublishOnly": "npm run verify",
-    "publish:npm": "npm run package && npm run version:available && (npm whoami >/dev/null 2>&1 || npm login --auth-type=web) && npm publish"
+    "publish:npm": "npm run version:available && (npm whoami >/dev/null 2>&1 || npm login --auth-type=web) && npm publish"
   },
   "dependencies": {
     "context-filter-polyfill": "^0.3.23",
@@ -57,12 +57,12 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@vercel/analytics": "^2.0.1",
-    "jsdom": "^30.0.1",
-    "svelte": "^5.57.0",
+    "jsdom": "^30.1.0",
+    "svelte": "^5.57.1",
     "svelte-check": "^4.7.6",
     "typescript": "^6.0.3",
-    "vite": "^8.2.2",
-    "vitest": "^5.0.0"
+    "vite": "^8.3.0",
+    "vitest": "^5.0.1"
   },
   "homepage": "https://www.sveltekit-ui.com",
   "keywords": [
@@ -79,7 +79,7 @@
     "access": "public"
   },
   "overrides": {
-    "brace-expansion": "^5.0.8",
+    "brace-expansion": "^5.0.12",
     "cookie": "^0.7.2",
     "tar": "^7.5.22"
   }