Add specifics for ArcArrow and StraightArrow

Task-number: QDS-5911
Change-Id: I325ac94da3409150942f61575c33d7ffdd7ef4b7
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

3 files changed, 313 insertions, 0 deletions

diff --git a/src/imports/components/designer/ArcArrowSpecifics.qml b/src/imports/components/designer/ArcArrowSpecifics.qml
new file mode 100644
index 0000000..3e7b529
--- /dev/null
+++ b/src/imports/components/designer/ArcArrowSpecifics.qml
@@ -0,0 +1,156 @@
+/****************************************************************************
+**
+** Copyright (C) 2022 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of Qt Quick Designer Components.
+**
+** $QT_BEGIN_LICENSE:GPL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    anchors.left: parent.left
+    anchors.right: parent.right
+
+    Section {
+        caption: qsTr("Arc Arrow")
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+
+        SectionLayout {
+            PropertyLabel { text: qsTr("Color") }
+
+            ColorEditor {
+                backendValue: backendValues.color
+                supportGradient: true
+                shapeGradients: true
+            }
+
+            PropertyLabel { text: qsTr("Thickness") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.thickness
+                    decimals: 1
+                    minimumValue: 1
+                    maximumValue: 500
+                    stepSize: 1
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Arrow Size") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.arrowSize
+                    decimals: 1
+                    minimumValue: 1
+                    maximumValue: 500
+                    stepSize: 1
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Radius") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.radius
+                    decimals: 1
+                    minimumValue: 1
+                    maximumValue: 500
+                    stepSize: 1
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Arc start") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.begin
+                    decimals: 1
+                    minimumValue: -720
+                    maximumValue: 720
+                    stepSize: 1
+                }
+
+                Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                ControlLabel { text: "°" }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Arc end") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.end
+                    decimals: 1
+                    minimumValue: -720
+                    maximumValue: 720
+                    stepSize: 1
+                }
+
+                Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                ControlLabel { text: "°" }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Flip") }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: backendValues.round.valueToString
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.flip
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
diff --git a/src/imports/components/designer/StraightArrowSpecifics.qml b/src/imports/components/designer/StraightArrowSpecifics.qml
new file mode 100644
index 0000000..10fd1d6
--- /dev/null
+++ b/src/imports/components/designer/StraightArrowSpecifics.qml
@@ -0,0 +1,155 @@
+/****************************************************************************
+**
+** Copyright (C) 2022 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of Qt Quick Designer Components.
+**
+** $QT_BEGIN_LICENSE:GPL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    anchors.left: parent.left
+    anchors.right: parent.right
+
+    Section {
+        caption: qsTr("Straight Arrow")
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+
+        SectionLayout {
+            PropertyLabel { text: qsTr("Color") }
+
+            ColorEditor {
+                backendValue: backendValues.color
+                supportGradient: true
+                shapeGradients: true
+            }
+
+            PropertyLabel { text: qsTr("Thickness") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.thickness
+                    decimals: 1
+                    minimumValue: 1
+                    maximumValue: 500
+                    stepSize: 1
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Arrow Size") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.arrowSize
+                    decimals: 1
+                    minimumValue: 1
+                    maximumValue: 500
+                    stepSize: 1
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Radius") }
+
+            SecondColumnLayout {
+                SpinBox {
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.radius
+                    decimals: 1
+                    minimumValue: 1
+                    maximumValue: 500
+                    stepSize: 1
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Flip") }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: backendValues.round.valueToString
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.flip
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Rotate") }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: backendValues.round.valueToString
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.rotate
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Corner") }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: backendValues.round.valueToString
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.corner
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel { text: qsTr("Flip Corner") }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: backendValues.round.valueToString
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                    backendValue: backendValues.flipCorner
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
diff --git a/src/imports/components/designer/designer.pri b/src/imports/components/designer/designer.pri
index 8238992..f5e8d59 100644
--- a/src/imports/components/designer/designer.pri
+++ b/src/imports/components/designer/designer.pri
@@ -2,6 +2,7 @@ AUX_QML_FILES += \
     $$PWD/components.metainfo
 
 AUX_QML_FILES += \
+    $$PWD/ArcArrowSpecifics.qml \
     $$PWD/ArcItemSpecifics.qml \
     $$PWD/BevelSection.qml \
     $$PWD/BorderItemSpecifics.qml \
@@ -16,6 +17,7 @@ AUX_QML_FILES += \
     $$PWD/PieItemSpecifics.qml \
     $$PWD/RectangleItemSpecifics.qml \
     $$PWD/RegularPolygonItemSpecifics.qml \
+    $$PWD/StraightArrowSpecifics.qml \
     $$PWD/StrokeDetailsSection.qml \
     $$PWD/SvgPathItemSpecifics.qml \
     $$PWD/TriangleItemSpecifics.qml