{#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)}
/>
updateContentProperty(columnIndex, index, "icon", icon),
icons: { array: ICONS },
}}
{component}
{onPropertyChange}
/>
option.value !== "bg-max")}
value={findColorOption($optionsStore.COLOR_OPTIONS, button.class ?? component.properties.wrapperClass)}
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)
}}
/>
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}