poe-svelte-ui-lib 1.68.0 → 1.69.0

package/dist/Graph/Graph.svelte

@@ -389,11 +389,12 @@
     <h5 class={`w-full px-4 text-center ${label.class}`}>{label.name}</h5>
   {/if}
 
-  <div class="flex w-full flex-row gap-4">
-    <!-- График -->
+  <div class="flex w-full min-w-0 flex-row gap-4">
+    <!-- График: холст абсолютно поверх контейнера — его пиксельная ширина не распирает контейнер, иначе в сетке/flex с 1fr ширина растёт по кругу (ResizeObserver) -->
     <!-- design-handoff, раздел 9: рамка --hairline-color без тени, тултип в оформлении общего Tooltip.svelte -->
-    <div bind:this={container} class="relative h-64 grow overflow-hidden rounded-[14px] border border-(--hairline-color)">
-      <canvas class="h-full w-full bg-(--back-color)" bind:this={canvas} onmousemove={handleMouseMove} onmouseleave={handleMouseLeave}></canvas>
+    <div bind:this={container} class="relative h-64 min-w-0 grow overflow-hidden rounded-[14px] border border-(--hairline-color)">
+      <canvas class="absolute inset-0 h-full w-full bg-(--back-color)" bind:this={canvas} onmousemove={handleMouseMove} onmouseleave={handleMouseLeave}
+      ></canvas>
 
       {#if tooltip.visible}
         <div

package/dist/Graph/README.md

@@ -23,6 +23,8 @@
 
 ### Адаптивность
 
+- Холст лежит поверх контейнера (`absolute`), контейнер может сжиматься (`min-w-0`) — в сетке или flex с колонкой `1fr` график не распирает колонку своей пиксельной шириной и не растёт по кругу при каждом пересчёте размера
+
 - График автоматически масштабируется под размер контейнера
 
 ### Ограничения

package/dist/Table/README.md

@@ -28,6 +28,8 @@
 
 - Таблица автоматически адаптируется под размеры контейнера
 - Размер текста строк задаётся CSS-переменной `--table-font-size` на любом родителе (по умолчанию `13px`), например `style="--table-font-size: 11.5px"` — так потребитель меняет масштаб данных без правки компонента
+- Ширина колонки в символах моноширинного текста — `tableMonoWidth(знаков, знаковПодписи?)`: растёт вместе с `--table-font-size` и не бывает уже подписи шапки, например `width: tableMonoWidth(6, 2)` для `0x0000`
+- Окно полного значения (`modal`) переносит длинные строки (hex пакета, base64) и сохраняет отступы форматирования — содержимое видно целиком, без горизонтальной прокрутки
 
 ### Ограничения
 

package/dist/Table/Table.svelte

@@ -528,7 +528,8 @@
 
 <Modal isOpen={modalData.isOpen} title={$T("constructor.props.table.fulldata")} wrapperClass="max-h-[80%]" width="{0.8 * (container?.offsetWidth ?? 0)}px">
   {#snippet main()}
-    <div class="text-left whitespace-pre">
+    <!-- Длинные строки (hex пакета, base64, длинные значения) переносятся, отступы форматирования сохраняются — содержимое видно целиком -->
+    <div class="text-left whitespace-pre-wrap [overflow-wrap:anywhere]">
       {@html modalData.formattedData}
     </div>
   {/snippet}

package/dist/Table/columnWidth.d.ts

@@ -0,0 +1 @@
+export declare const tableMonoWidth: (chars: number, labelChars?: number) => string;

package/dist/Table/columnWidth.js

@@ -0,0 +1,4 @@
+/* $lib/Table/columnWidth.ts */
+/* Ширина колонки моноширинного текста таблицы в символах: растёт вместе с --table-font-size (знак моноширинного шрифта — 0.6–0.62em, берётся 0.64 с запасом),
+   не уже подписи шапки (11px, заглавные, ~0.5rem на знак); 1.5rem — внутренние отступы ячейки, 1px — разделитель колонок */
+export const tableMonoWidth = (chars, labelChars = 0) => `max(calc(var(--table-font-size, 13px) * ${+(chars * 0.64).toFixed(2)} + 1.5rem + 1px), calc(${labelChars * 0.5}rem + 1.5rem + 1px))`;

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export { default as Switch } from "./Switch/Switch.svelte";
 export { default as SwitchProps } from "./Switch/SwitchProps.svelte";
 export { default as Table } from "./Table/Table.svelte";
 export { default as TableProps } from "./Table/TableProps.svelte";
+export { tableMonoWidth } from "./Table/columnWidth";
 export { default as Tabs } from "./Tabs/Tabs.svelte";
 export { default as TabsProps } from "./Tabs/TabsProps.svelte";
 export { default as TextField } from "./TextField/TextField.svelte";

package/dist/index.js

@@ -29,6 +29,7 @@ export { default as Switch } from "./Switch/Switch.svelte";
 export { default as SwitchProps } from "./Switch/SwitchProps.svelte";
 export { default as Table } from "./Table/Table.svelte";
 export { default as TableProps } from "./Table/TableProps.svelte";
+export { tableMonoWidth } from "./Table/columnWidth";
 export { default as Tabs } from "./Tabs/Tabs.svelte";
 export { default as TabsProps } from "./Tabs/TabsProps.svelte";
 export { default as TextField } from "./TextField/TextField.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.68.0",
+  "version": "1.69.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Oleg-Perevyshin/ElementsUI.git"