poe-svelte-ui-lib 1.8.13 → 1.8.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -88,6 +88,7 @@
88
88
  if (!container) return
89
89
  isAutoscroll = container.scrollHeight - container.scrollTop <= container.clientHeight + 50
90
90
  }
91
+
91
92
  const scrollToBottom = () => {
92
93
  if (isAutoscroll && container) {
93
94
  container.scrollTop = container.scrollHeight
@@ -218,8 +219,7 @@
218
219
 
219
220
  <div
220
221
  class="relative flex h-full w-full flex-col overflow-hidden rounded-xl transition-shadow duration-250
221
- shadow-[0_0_3px_rgb(0_0_0_/0.25)] hover:shadow-[0_0_6px_rgb(0_0_0_/0.25)]
222
- {outline ? 'border border-(--border-color)' : ''} "
222
+ shadow-[0_0_3px_rgb(0_0_0_/0.25)]"
223
223
  >
224
224
  <!-- Table Header -->
225
225
  <div
@@ -274,11 +274,13 @@
274
274
  class="relative flex w-full min-w-0 items-center gap-x-2 px-2 py-1 wrap-break-word
275
275
  {i % 2 ? 'bg-(--back-color)/40' : 'bg-[#edeef3] dark:bg-[#1f2a3a]'}
276
276
  {column.align === 'center' ? 'justify-center text-center' : column.align === 'right' ? 'justify-end text-right' : 'justify-start text-left'}
277
- border-t {j !== 0 ? ' border-l ' : ''} {outline ? 'border-(--border-color)' : 'border-transparent'}"
277
+ border-t {j !== 0 ? ' border-l ' : ''} {outline ? 'border-(--border-color)' : 'border-transparent'} {column.disableSelect
278
+ ? 'select-none'
279
+ : 'select-all'}"
278
280
  >
279
281
  {#if column.type == "buttons" && column.buttons}
280
282
  {@const buttons = typeof column.buttons === "function" ? column.buttons(row) : column.buttons}
281
- <div class="flex w-full flex-wrap gap-1">
283
+ <div class="flex flex-wrap gap-1">
282
284
  {#each buttons as button (button)}
283
285
  <button
284
286
  class="{twMerge(`flex items-center justify-center gap-2 cursor-pointer rounded-full
@@ -388,7 +390,7 @@
388
390
  >
389
391
  {#if column.text?.modal}
390
392
  <button
391
- class="w-full cursor-pointer overflow-hidden text-left text-ellipsis whitespace-nowrap"
393
+ class="cursor-pointer overflow-hidden text-left text-ellipsis whitespace-nowrap"
392
394
  onclick={(e) => {
393
395
  e.stopPropagation()
394
396
  showModal(text, column.text?.formatting)
@@ -128,7 +128,7 @@
128
128
  const addNewButton = (columnIndex: number) => {
129
129
  const newButton = {
130
130
  name: `button${(component.properties.header[columnIndex].buttons ? component.properties.header[columnIndex].buttons.length : 0) + 1}`,
131
- class: "bg-blue",
131
+ class: "bg-blue w-full",
132
132
  eventHandler: { Header: "SET", Argument: "Save", Variables: [] },
133
133
  onClick: () => {},
134
134
  }
@@ -456,7 +456,6 @@
456
456
  options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
457
457
  onChange={(value) => {
458
458
  updateProperty("dataBuffer.stashData", value, component, onPropertyChange)
459
- updateProperty("dataBuffer.visibleRows", value === 0 ? 0 : 5, component, onPropertyChange)
460
459
  if (value == 0) {
461
460
  updateProperty("dataBuffer.clearButton", 0, component, onPropertyChange)
462
461
  updateProperty("dataBuffer.logger", 0, component, onPropertyChange)
@@ -27,9 +27,7 @@
27
27
  </script>
28
28
 
29
29
  <div id={`${id}-${crypto.randomUUID().slice(0, 6)}`} class="w-full h-full rounded-xl overflow-hidden p-1">
30
- <div
31
- class="flex flex-col shadow-[0_0_3px_rgb(0_0_0_/0.25)] hover:shadow-[0_0_6px_rgb(0_0_0_/0.25)] transition-shadow duration-250 h-full w-full overflow-hidden rounded-xl bg-(--back-color)"
32
- >
30
+ <div class="flex flex-col shadow-[0_0_3px_rgb(0_0_0_/0.25)] transition-shadow duration-250 h-full w-full overflow-hidden rounded-xl bg-(--back-color)">
33
31
  <!-- Вкладки -->
34
32
  <div
35
33
  class="{twMerge(`z-40 flex h-fit items-center rounded-t-xl overflow-x-auto px-1 `, wrapperClass)}
package/dist/types.d.ts CHANGED
@@ -309,6 +309,7 @@ export interface ITableHeader<T extends object> {
309
309
  width?: string;
310
310
  align?: "left" | "center" | "right";
311
311
  type?: "buttons" | "select" | "text" | "image";
312
+ disableSelect?: boolean;
312
313
  text?: {
313
314
  sortable?: boolean;
314
315
  truncated?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "poe-svelte-ui-lib",
3
- "version": "1.8.13",
3
+ "version": "1.8.15",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -37,17 +37,17 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@sveltejs/adapter-static": "^3.0.10",
40
- "@sveltejs/kit": "^2.53.4",
40
+ "@sveltejs/kit": "^2.54.0",
41
41
  "@sveltejs/package": "^2.5.7",
42
42
  "@sveltejs/vite-plugin-svelte": "^6.2.4",
43
43
  "@tailwindcss/vite": "^4.2.1",
44
44
  "@types/maplibre-gl": "^1.14.0",
45
- "@types/node": "^25.3.5",
45
+ "@types/node": "^25.4.0",
46
46
  "prettier": "^3.8.1",
47
47
  "prettier-plugin-svelte": "^3.5.1",
48
48
  "prettier-plugin-tailwindcss": "^0.7.2",
49
49
  "publint": "^0.3.18",
50
- "svelte": "^5.53.7",
50
+ "svelte": "^5.53.10",
51
51
  "tailwindcss": "^4.2.1",
52
52
  "tsx": "^4.21.0",
53
53
  "typescript": "^5.9.3",