x
{#if targetsToSearch.length > 1}
Element
{#each targetsToSearch as [_, name], elemIndex}
{
selectedElemIndex = elemIndex;
selectedRuleIndex = 0;
}}
>
{name}
{/each}
{/if}
Applied to:
{#if nbChars(getRuleNamesTransformed(allRules[selectedElemIndex])) > 30}
{:else}
{#each getRuleNames(allRules[selectedElemIndex]) as ruleName, ruleIndex}
{
selectRule(ruleIndex);
}}
>
{getCssRuleName(ruleName, clickedElement)}
{/each}
{/if}
Property type:
{#each allTypes[selectedElemIndex] || [] as type, typeIndex}
{#if type !== "custom" || (currentRule === "inline" && type === "custom" && hasDisplayedCustom)}
{
selectedTypeIndex = typeIndex;
}}
>
{type === "stroke" ? "SVG paint" : capitalizeFirstLetter(type)}
{/if}
{/each}
{#if allTypes[selectedElemIndex]}
{#each propsByType as choices}
{@const selectedName = choices.props[choices.selected]}
{#if choices.props.length > 1}
{:else}
{pascalCaseToSentence(selectedName)}
{/if}
deleteProp(selectedName)}>✕
{#if choices.type === "slider"}
updateProp(
selectedName,
e.target.value,
allCurrentPropDefs[selectedName].suffix,
e.target,
)}
/>
{allCurrentPropDefs[selectedName].displayed}
{:else if choices.type == "select"}
{@const choices = allCurrentPropDefs[selectedName].choices()}
{:else if choices.type == "color"}
updateProp(selectedName, color)}
/>
{/if}
{/each}
{#if currentRule === "inline" && bringableToFront[selectedElemIndex] !== null}
Bring to front
{/if}
{#if currentRule === "inline" && inlineDeletable(currentElement)}
Delete element
{/if}
{/if}