InputFieldClearIcon.qml

import QtQuick 2.15
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.15
import AdaptiveCardQmlEngine 1.0
import "JSUtils/AdaptiveCardUtils.js" as AdaptiveCardUtils

Button {
    id: inputFieldClearIcon

    width: CardConstants.inputFieldConstants.clearIconSize
    horizontalPadding: 0
    verticalPadding: 0
    icon.width: CardConstants.inputFieldConstants.clearIconSize
    icon.height: CardConstants.inputFieldConstants.clearIconSize
    icon.color: CardConstants.inputFieldConstants.clearIconColorNormal
    icon.source: CardConstants.clearIconImage
    Accessible.name: qsTr("Clear Input")
    Accessible.role: Accessible.Button

    background: Rectangle {
        color: 'transparent'
        radius: CardConstants.inputFieldConstants.borderRadius

        WCustomFocusItem {
            isRectangle: true
            visible: inputFieldClearIcon.activeFocus
            designatedParent: parent
        }
    }
}