1/****************************************************************************
2**
3** Copyright (C) 2017 The Qt Company Ltd.
4** Contact: http://www.qt.io/licensing/
5**
6** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
7**
8** $QT_BEGIN_LICENSE:LGPL3$
9** Commercial License Usage
10** Licensees holding valid commercial Qt licenses may use this file in
11** accordance with the commercial license agreement provided with the
12** Software or, alternatively, in accordance with the terms contained in
13** a written agreement between you and The Qt Company. For licensing terms
14** and conditions see http://www.qt.io/terms-conditions. For further
15** information use the contact form at http://www.qt.io/contact-us.
16**
17** GNU Lesser General Public License Usage
18** Alternatively, this file may be used under the terms of the GNU Lesser
19** General Public License version 3 as published by the Free Software
20** Foundation and appearing in the file LICENSE.LGPLv3 included in the
21** packaging of this file. Please review the following information to
22** ensure the GNU Lesser General Public License version 3 requirements
23** will be met: https://www.gnu.org/licenses/lgpl.html.
24**
25** GNU General Public License Usage
26** Alternatively, this file may be used under the terms of the GNU
27** General Public License version 2.0 or later as published by the Free
28** Software Foundation and appearing in the file LICENSE.GPL included in
29** the packaging of this file. Please review the following information to
30** ensure the GNU General Public License version 2.0 requirements will be
31** met: http://www.gnu.org/licenses/gpl-2.0.html.
32**
33** $QT_END_LICENSE$
34**
35****************************************************************************/
36
37import QtQuick 2.12
38import QtQuick.Templates 2.12 as T
39import QtQuick.Controls.Material 2.12
40import QtQuick.Controls.Material.impl 2.12
41
42T.Popup {
43    id: control
44
45    Material.elevation: 24
46
47    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
48                            contentWidth + leftPadding + rightPadding)
49    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
50                             contentHeight + topPadding + bottomPadding)
51
52    padding: 12
53
54    enter: Transition {
55        // grow_fade_in
56        NumberAnimation { property: "scale"; from: 0.9; to: 1.0; easing.type: Easing.OutQuint; duration: 220 }
57        NumberAnimation { property: "opacity"; from: 0.0; to: 1.0; easing.type: Easing.OutCubic; duration: 150 }
58    }
59
60    exit: Transition {
61        // shrink_fade_out
62        NumberAnimation { property: "scale"; from: 1.0; to: 0.9; easing.type: Easing.OutQuint; duration: 220 }
63        NumberAnimation { property: "opacity"; from: 1.0; to: 0.0; easing.type: Easing.OutCubic; duration: 150 }
64    }
65
66    background: Rectangle {
67        radius: 2
68        color: control.Material.dialogColor
69
70        layer.enabled: control.Material.elevation > 0
71        layer.effect: ElevationEffect {
72            elevation: control.Material.elevation
73        }
74    }
75
76    T.Overlay.modal: Rectangle {
77        color: control.Material.backgroundDimColor
78        Behavior on opacity { NumberAnimation { duration: 150 } }
79    }
80
81    T.Overlay.modeless: Rectangle {
82        color: control.Material.backgroundDimColor
83        Behavior on opacity { NumberAnimation { duration: 150 } }
84    }
85}
86