poe-svelte-ui-lib 1.9.17 → 1.9.18

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.
@@ -135,12 +135,12 @@
135
135
  id={option.id}
136
136
  value={option?.value ? String(option.value) : ""}
137
137
  class={twMerge(
138
- `flex h-full w-full cursor-pointer items-center justify-center p-1 inset-shadow-[0_10px_10px_-15px_rgb(0_0_0_/0.5)] dark:inset-shadow-[0_10px_10px_-15px_rgb(255_255_255_/0.5)] duration-250 hover:bg-(--field-color) wrap-break-word
139
- ${index === options.length - 1 ? "rounded-b-xl" : ""}`,
138
+ `flex h-full w-full items-center justify-center p-1 inset-shadow-[0_10px_10px_-15px_rgb(0_0_0_/0.5)] dark:inset-shadow-[0_10px_10px_-15px_rgb(255_255_255_/0.5)]
139
+ duration-250 hover:bg-(--field-color) wrap-break-word ${index === options.length - 1 ? "rounded-b-xl" : ""} ${option.disabled ? "opacity-50" : "cursor-pointer"}`,
140
140
  option.class,
141
141
  )}
142
142
  onclick={(e) => selectOption(option, e)}
143
- {disabled}
143
+ disabled={option.disabled}
144
144
  style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%);"
145
145
  >
146
146
  {option.name}
@@ -202,12 +202,12 @@
202
202
  id={option.id}
203
203
  value={option?.value ? String(option.value) : ""}
204
204
  class={twMerge(
205
- `flex h-full w-full cursor-pointer items-center justify-center p-1 inset-shadow-[0_10px_10px_-15px_rgb(0_0_0_/0.5)] dark:inset-shadow-[0_10px_10px_-15px_rgb(255_255_255_/0.5)] duration-250 hover:bg-(--field-color)
206
- ${index === filteredOptions.length - 1 ? "rounded-b-xl" : ""}`,
205
+ `flex h-full w-full items-center justify-center p-1 inset-shadow-[0_10px_10px_-15px_rgb(0_0_0_/0.5)] dark:inset-shadow-[0_10px_10px_-15px_rgb(255_255_255_/0.5)]
206
+ uration-250 hover:bg-(--field-color) ${index === filteredOptions.length - 1 ? "rounded-b-xl" : ""} ${option.disabled ? "opacity-50" : "cursor-pointer"}`,
207
207
  option.class,
208
208
  )}
209
209
  onclick={(e) => selectOption(option, e)}
210
- {disabled}
210
+ disabled={option.disabled}
211
211
  style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%);"
212
212
  >
213
213
  {option.name}
@@ -286,7 +286,7 @@
286
286
  {#if dataBuffer.clearButton}
287
287
  <button
288
288
  class={twMerge(
289
- "absolute right-2 bg-(--back-color) rounded-full p-1 cursor-pointer [&_svg]:h-full [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full",
289
+ "absolute size-[2.25em] top-0.5 right-2 bg-(--back-color) rounded-full p-1 cursor-pointer [&_svg]:h-full [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full",
290
290
  dataBuffer.clearClass,
291
291
  )}
292
292
  onclick={clearBuffer}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "poe-svelte-ui-lib",
3
- "version": "1.9.17",
3
+ "version": "1.9.18",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {