poe-svelte-ui-lib 1.25.0 → 1.25.2

package/dist/Modal.svelte

@@ -52,7 +52,11 @@
 
     const handleClickOutside = (e: MouseEvent) => {
       const target = e.target as HTMLElement
-      if (isTopmost && !target.closest("[data-modal]")) {
+      /* [data-ui-portal] — элементы вроде выпадающего списка Select физически вынесены в
+         document.body (портал, чтобы их не обрезал overflow родителя), т.е. DOM-предок у них —
+         не [data-modal], а <body>. Без этой проверки клик по такому элементу внутри модалки
+         считался бы кликом "снаружи" и сразу закрывал бы её. */
+      if (isTopmost && !target.closest("[data-modal]") && !target.closest("[data-ui-portal]")) {
         isOpen = false
         onCancel()
       }

package/dist/Select/Select.svelte

@@ -16,7 +16,9 @@
   /* Список вариантов выносится в document.body (портал), чтобы его не обрезал
      overflow-hidden/overflow-auto ближайшего скроллящегося предка (например,
      панель свойств конструктора). Позиция считается от dropdownElement и
-     обновляется, пока список открыт, при скролле/резайзе где угодно на странице. */
+     обновляется, пока список открыт, при скролле/резайзе где угодно на странице.
+     Атрибут data-ui-portal на контейнере — чтобы Modal.svelte не принимал клик по
+     опции (физически лежащей вне [data-modal]) за клик "снаружи" и не закрывался. */
   function portal(node: HTMLElement) {
     document.body.appendChild(node)
     return {
@@ -174,6 +176,7 @@
         <div
           use:portal
           bind:this={portalElement}
+          data-ui-portal
           class="fixed z-[9999] mt-1"
           style="top: {anchorRect?.bottom ?? 0}px; left: {anchorRect?.left ?? 0}px; width: {anchorRect?.width ?? 0}px;"
           transition:slide={{ duration: 150 }}
@@ -262,6 +265,7 @@
         <div
           use:portal
           bind:this={portalElement}
+          data-ui-portal
           class="fixed z-[9999] mt-1 select-none"
           style="top: {anchorRect?.bottom ?? 0}px; left: {anchorRect?.left ?? 0}px; width: {anchorRect?.width ?? 0}px;"
           transition:slide={{ duration: 150 }}

package/dist/Table/Table.svelte

@@ -393,7 +393,7 @@
                         {@const image = content.data}
                         <div
                           class="flex items-center justify-center [&_svg]:h-full [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full"
-                          style={`width: ${image.width || "5rem"}; height: ${image.height || "5rem"}; `}
+                          style={`width: ${image.width || "2rem"}; height: ${image.height || "2rem"}; `}
                         >
                           {#if hasImage(column, row, index)}
                             <img

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.25.0",
+  "version": "1.25.2",
   "license": "MIT",
   "type": "module",
   "scripts": {