showIcon function
Last updated: 2026-03-01T23:25:47.108Z
Location
Metrics
LOC: 33
Complexity: 3
Params: 1
Signature
showIcon(target: HTMLElement): : void
Source Code
function showIcon(target: HTMLElement): void {
if (!iconElement) {
iconElement = document.createElement("div");
iconElement.id = ICON_ID;
iconElement.innerHTML = `
<button id="fill-all-field-icon-btn" title="Preencher este campo" type="button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="13" height="13">
<path d="M15.98 1.804a1 1 0 0 0-1.96 0l-.24 1.192a1 1 0 0 1-.784.785l-1.192.238a1 1 0 0 0 0 1.962l1.192.238a1 1 0 0 1 .785.785l.238 1.192a1 1 0 0 0 1.962 0l.238-1.192a1 1 0 0 1 .785-.785l1.192-.238a1 1 0 0 0 0-1.962l-1.192-.238a1 1 0 0 1-.785-.785l-.238-1.192ZM6.949 5.684a1 1 0 0 0-1.898 0l-.683 2.051a1 1 0 0 1-.633.633l-2.051.683a1 1 0 0 0 0 1.898l2.051.684a1 1 0 0 1 .633.632l.683 2.051a1 1 0 0 0 1.898 0l.683-2.051a1 1 0 0 1 .633-.633l2.051-.683a1 1 0 0 0 0-1.898l-2.051-.683a1 1 0 0 1-.633-.633L6.95 5.684ZM13.949 13.684a1 1 0 0 0-1.898 0l-.184.551a1 1 0 0 1-.632.633l-.551.183a1 1 0 0 0 0 1.898l.551.183a1 1 0 0 1 .633.633l.183.551a1 1 0 0 0 1.898 0l.184-.551a1 1 0 0 1 .632-.633l.551-.183a1 1 0 0 0 0-1.898l-.551-.184a1 1 0 0 1-.633-.632l-.183-.551Z"/>
</svg>
</button>
<button id="fill-all-field-rule-btn" title="Salvar regra para este campo" type="button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="13" height="13">
<path fill-rule="evenodd" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v3.879a2.5 2.5 0 0 0 .732 1.767l7.5 7.5a2.5 2.5 0 0 0 3.536 0l3.878-3.878a2.5 2.5 0 0 0 0-3.536l-7.5-7.5A2.5 2.5 0 0 0 8.38 2H4.5ZM5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" />
</svg>
</button>
`;
document.body.appendChild(iconElement);
iconElement
.querySelector("#fill-all-field-icon-btn")!
.addEventListener("mousedown", handleIconClick);
iconElement
.querySelector("#fill-all-field-rule-btn")!
.addEventListener("mousedown", onRuleClick);
}
positionIcon(target);
iconElement.style.display = "flex";
requestAnimationFrame(() => {
if (iconElement) iconElement.classList.add("visible");
});
}
Dependencies (Outgoing)
| Target | Type |
|---|---|
| positionIcon | calls |
| mousedown | dynamic_call |
Impact (Incoming)
| Source | Type |
|---|---|
| handleFocusIn | calls |