{#if typeof column.content !== "function"}
{#each column.content as content, index}
{#if content.type == "text"}
{@const text = content.data}
{
updateTableHeader(
columnIndex,
"content",
column.content.map((textItem: any, i: number) => (i == index ? { ...textItem, data: { ...textItem.data, key: value } } : textItem)),
)
}}
/>
{
if (column.content[index].data[opt.value]) return opt
})}
options={$optionsStore.TABLE_TEXT_SETTING_OPTIONS.slice(0, forConstructor ? 3 : 5)}
onUpdate={(value) => changeColumnSettings(value, columnIndex, index)}
/>
{:else if content.type == "select"}
{@const select = content.data}
{
updateTableHeader(
columnIndex,
"content",
column.content.map((textItem: any, i: number) => (i == index ? { ...textItem, data: { ...textItem.data, key: value } } : textItem)),
)
// updateTableBody()
}}
/>
{
const headers = [...component.properties.header]
headers[columnIndex].content[index].data = { ...headers[columnIndex].content[index].data, keyCol: value }
updateProperty("header", headers, component, onPropertyChange)
}}
/>
{:else if content.type == "button"}
{@const button = content.data}
updateContentProperty(columnIndex, index, "name", value)}
/>
option.value !== "bg-max")}
value={$optionsStore.COLOR_OPTIONS.find((c) =>
(c.value as string).includes(
(button.class ?? component.properties.wrapperClass).split(" ").find((cls: string) => cls.startsWith("bg-")),
),
)}
onUpdate={(option) => {
if (button.class === (option as UI.IOption).value) updateContentProperty(columnIndex, index, "class", "bg-transparent")
else updateContentProperty(columnIndex, index, "class", (option as UI.IOption).value)
}}
/>
updateContentProperty(columnIndex, index, "icon", icon),
icons: { array: ICONS },
}}
{component}
{onPropertyChange}
/>
h.value === button.eventHandler?.Header)}
options={$optionsStore.HEADER_OPTIONS}
onUpdate={(option) => {
const handler = button.eventHandler
handler.Header = (option as UI.IOption).value as string
updateContentProperty(columnIndex, index, "eventHandler", handler)
}}
/>
{
const handler = button.eventHandler
handler.Argument = value as string
updateContentProperty(columnIndex, index, "eventHandler", handler)
}}
/>
{
const handler = { ...button.eventHandler }
handler.Variables = (value as string).trim().split(/\s+/)
updateContentProperty(columnIndex, index, "eventHandler", handler)
}}
/>
{:else if content.type == "progressBar"}
{@const progressBar = content.data}
{
updateTableHeader(
columnIndex,
"content",
column.content.map((textItem: any, i: number) => (i == index ? { ...textItem, data: { ...textItem.data, key: value } } : textItem)),
)
// updateTableBody()
}}
/>
updateContentProperty(columnIndex, index, "minNum", value as string)}
/>
updateContentProperty(columnIndex, index, "maxNum", value as string)}
/>
updateContentProperty(columnIndex, index, "units", value as string)}
/>
{:else if !forConstructor && content.type == "image"}
{@const image = content.data}
{
updateContentProperty(columnIndex, index, "defaultIcon", icon)
if (!image?.width || image?.width === "0rem") updateContentProperty(columnIndex, index, "width", "1rem")
if (!image?.width || image?.height === "0rem") updateContentProperty(columnIndex, index, "height", "1rem")
},
icons: { array: ICONS },
}}
{component}
{onPropertyChange}
/>
updateContentProperty(columnIndex, index, "class", value)}
/>
updateContentProperty(columnIndex, index, "width", `${value ?? 0}rem`)}
/>
updateContentProperty(columnIndex, index, "height", `${value ?? 0}rem`)}
/>
{/if}
{
if (index === columnIndex) {
const headers = [...component.properties.header]
headers[columnIndex].content = updatedArray
updateProperty("header", headers, component, onPropertyChange)
}
}}
/>
{
const headers = [...(component.properties.header || [])]
;((headers as ITableHeader