{#snippet Variable()}
opt.value === component.properties.id)} onUpdate={(value) => { updateProperty("id", (value as UI.IOption).value as string, component, onPropertyChange) onPropertyChange({ name: (value as UI.IOption).name?.split("—")[1]?.trim(), eventHandler: { Variables: [(value as UI.IOption).value as string] }, }) }} /> {/snippet} {#snippet Access()}
o.value !== "viewOnly") : $optionsStore.ACCESS_OPTION} value={$optionsStore.ACCESS_OPTION.find((o) => o.value === component.access)} onUpdate={(option) => onPropertyChange({ access: (option as UI.IOption).value as string })} /> {/snippet} {#snippet Colors(initialValue: { color: UI.IOption
; uselessColors?: string[]; updateProperty?: (option: UI.IOption | UI.IOption[]) => {} })}
!initialValue.uselessColors?.includes(o.value))} value={initialValue.color} onUpdate={(option) => initialValue.updateProperty ? initialValue.updateProperty(option) : updateProperty("wrapperClass", twMerge(component.properties.wrapperClass, (option as UI.IOption
).value), component, onPropertyChange)} /> {/snippet} {#snippet Label()}
| UI.IFileAttachProps | UI.IJoystickProps | UI.IMapProps ).label?.name} onUpdate={(value) => updateProperty("label.name", value as string, component, onPropertyChange)} /> {/snippet} {#snippet LabelAlign(initialAlign: UI.IOption
)}
updateProperty( component.type == "TextField" ? "content.class" : "label.class", twMerge( ( component.properties as | UI.IAccordionProps | UI.IInputProps | UI.ISwitchProps | UI.IColorPickerProps | UI.ISliderProps | UI.IGraphProps | UI.ITableProps
| UI.IFileAttachProps | UI.IJoystickProps | UI.IMapProps ).label?.class, (option as UI.IOption
).value, ), component, onPropertyChange, )} /> {/snippet} {#snippet LabelClass()}
| UI.IFileAttachProps | UI.IJoystickProps | UI.IMapProps ).label?.class} onUpdate={(value) => updateProperty("label.class", value as string, component, onPropertyChange)} /> {/snippet} {#snippet Identificator()}
updateProperty("id", value as string, component, onPropertyChange)} /> {/snippet} {#snippet WrapperClass()}
updateProperty("wrapperClass", value as string, component, onPropertyChange)} /> {/snippet} {#snippet Disabled()}
updateProperty("disabled", value, component, onPropertyChange)} /> {/snippet} {#snippet EventHandlerArgument()}
h.value === component.eventHandler?.Argument)} options={$optionsStore.SHORT_ARGUMENT_OPTION} onUpdate={(option) => { updateProperty("eventHandler.Argument", (option as UI.IOption).value as string, component, onPropertyChange) onPropertyChange({ eventHandler: { Argument: (option as UI.IOption).value as string } }) }} /> {/snippet} {#snippet Readonly()}
updateProperty("readonly", value, component, onPropertyChange)} /> {/snippet} {#snippet BitModeInfo()} {#if (component.properties as UI.IInputProps).type === "bitMode" || (component.properties as UI.ISelectProps).bitMode || (component.properties as UI.ISwitchProps).bitMode}
{/if} {/snippet} {#snippet MinMaxStep(initialValue: { number: { minNum: number; maxNum: number; step?: number } bitMode?: boolean updateProperty: (value: number, property: string) => {} })}
initialValue.updateProperty(value as number, "number.minNum")} />
initialValue.updateProperty(value as number, "number.maxNum")} /> {#if component.type !== "ProgressBar" && component.type !== "Joystick"}
initialValue.updateProperty(value as number, "number.step")} /> {/if}
{/snippet} {#snippet IconsLib(initialValue: { name: string icons: { array: [string, string[]][]; selectArray?: false } icon: string | string[] updateProperty: (icon: string | string[]) => {} })}
(showIconLib = true)} /> {#if showIconLib}
{#snippet main()}
{#each initialValue.icons.array as category}
(initialValue.icons.selectArray ? initialValue.updateProperty(category[1]) : {})} >
{$T(`constructor.props.icon.${category[0]}`)}
{#each category[1] as icon}
initialValue.updateProperty(icon)} > {@html icon}
{/each}
{/each}
{/snippet}
{/if} {#if initialValue.icon}
initialValue.updateProperty("")} /> {/if}
{/snippet} {#if snippet === "Variable"} {@render Variable()} {:else if snippet === "Access"} {@render Access()} {:else if snippet === "Colors"} {@render Colors(initialValue)} {:else if snippet === "Label"} {@render Label()} {:else if snippet === "LabelAlign"} {@render LabelAlign(initialValue)} {:else if snippet === "LabelClass"} {@render LabelClass()} {:else if snippet === "Identificator"} {@render Identificator()} {:else if snippet === "WrapperClass"} {@render WrapperClass()} {:else if snippet === "Disabled"} {@render Disabled()} {:else if snippet === "EventHandlerArgument"} {@render EventHandlerArgument()} {:else if snippet === "Readonly"} {@render Readonly()} {:else if snippet === "BitModeInfo"} {@render BitModeInfo()} {:else if snippet === "IconsLib"} {@render IconsLib(initialValue)} {:else if snippet === "MinMaxStep"} {@render MinMaxStep(initialValue)} {/if}