<commit_before>import Qt 4.6

Rectangle {
    width: 800
    height: 800
    color: "black"

    Rectangle {
        id: MyPhone
        transformOrigin: "Center"
        anchors.centerIn: parent
        width: 800
        height: 480
        clip: true

        states: State { 
            name: "rotated"
            PropertyChanges { target: MyListView; z: 2 }
            PropertyChanges { target: TopBar; y: -30 }
            PropertyChanges { target: BottomBar; y: 480 }
            PropertyChanges { target: LeftBar; x: 0 }
            PropertyChanges { target: RightBar; x: 770 }
        }
        transitions: Transition {
            from: "" ; to: "rotated"
            reversible: true
            SequentialAnimation {
                NumberAnimation { targets: [TopBar, BottomBar]; properties: "x,y"; easing: "easeInOutQuad" }
                NumberAnimation { targets: [LeftBar, RightBar]; properties: "x,y"; easing: "easeInOutQuad"}
            }
        }

        color: "lightsteelblue"

        VisualDataModel {
            id: Model
            model: ListModel {
                ListElement { background: "red"; weblet: "rect.qml"  }
                ListElement { background: "yellow"; weblet: "rect.qml"  }
                ListElement { background: "blue"; weblet: "rect.qml"  }
                ListElement { background: "green"; weblet: "flickr.qml"  }
                ListElement { background: "orange"; weblet: "rect.qml"  }
                ListElement { background: "lightblue"; weblet: "rect.qml"  }
            }
            delegate: Package {
                Item { id: List; Package.name: "list"; width:120; height: 400; }
                Item { id: GridItem; Package.name: "grid"; width:400; height: 120; }
                Loader { id: MyContent; width:400; height: 120; source: weblet }

                StateGroup {
                    states: [
                        State { 
                            name: "InList"
                            when: MyPhone.state == "rotated"
                            ParentChange { target: MyContent; parent: List }
                            PropertyChanges { target: MyContent; x: 120; y: 0; rotation: 90}
                        },
                        State { 
                            name: "InGrid"
                            when: MyPhone.state != "rotated"
                            ParentChange { target: MyContent; parent: GridItem }
                            PropertyChanges { target: MyContent; x: 0; y: 0; }
                        }
                    ]
                    transitions: [
                    Transition {
                        from: "*"; to: "InGrid"
                        SequentialAnimation { 
                            ParentAction{} 
                            PauseAnimation { duration: 50 * List.FlowView.column }
                            NumberAnimation { properties: "x,y,rotation"; easing: "easeInOutQuad" } 
                        } 
                    },
                    Transition {
                        from: "*"; to: "InList"
                        SequentialAnimation { 
                            ParentAction{} 
                            PauseAnimation { duration: 50 * (GridItem.FlowView.row * 2 + GridItem.FlowView.column) }
                            NumberAnimation { properties: "x,y,rotation"; easing: "easeInOutQuad" } 
                        } 
                    }
                    ]
                }

            }
        }

        Item {
            FlowView {
                id: MyListView
                vertical: true
                y: 40
                x: 40
                width: 800
                height: 400
                column: 1
                model: Model.parts.list
            }

            FlowView {
                z: 1
                y: 60
                width: 800
                height: 400
                column: 2
                model: Model.parts.grid
            }
        }

        Rectangle {
            id: TopBar<commit_msg>Update following component file name changes.<commit_after>import Qt 4.6

Rectangle {
    width: 800
    height: 800
    color: "black"

    Rectangle {
        id: MyPhone
        transformOrigin: "Center"
        anchors.centerIn: parent
        width: 800
        height: 480
        clip: true

        states: State { 
            name: "rotated"
            PropertyChanges { target: MyListView; z: 2 }
            PropertyChanges { target: TopBar; y: -30 }
            PropertyChanges { target: BottomBar; y: 480 }
            PropertyChanges { target: LeftBar; x: 0 }
            PropertyChanges { target: RightBar; x: 770 }
        }
        transitions: Transition {
            from: "" ; to: "rotated"
            reversible: true
            SequentialAnimation {
                NumberAnimation { targets: [TopBar, BottomBar]; properties: "x,y"; easing: "easeInOutQuad" }
                NumberAnimation { targets: [LeftBar, RightBar]; properties: "x,y"; easing: "easeInOutQuad"}
            }
        }

        color: "lightsteelblue"

        VisualDataModel {
            id: Model
            model: ListModel {
                ListElement { background: "red"; weblet: "RoundedRect.qml"  }
                ListElement { background: "yellow"; weblet: "RoundedRect.qml"  }
                ListElement { background: "blue"; weblet: "RoundedRect.qml"  }
                ListElement { background: "green"; weblet: "FlickrView.qml"  }
                ListElement { background: "orange"; weblet: "RoundedRect.qml"  }
                ListElement { background: "lightblue"; weblet: "RoundedRect.qml"  }
            }
            delegate: Package {
                Item { id: List; Package.name: "list"; width:120; height: 400; }
                Item { id: GridItem; Package.name: "grid"; width:400; height: 120; }
                Loader { id: MyContent; width:400; height: 120; source: weblet }

                StateGroup {
                    states: [
                        State { 
                            name: "InList"
                            when: MyPhone.state == "rotated"
                            ParentChange { target: MyContent; parent: List }
                            PropertyChanges { target: MyContent; x: 120; y: 0; rotation: 90}
                        },
                        State { 
                            name: "InGrid"
                            when: MyPhone.state != "rotated"
                            ParentChange { target: MyContent; parent: GridItem }
                            PropertyChanges { target: MyContent; x: 0; y: 0; }
                        }
                    ]
                    transitions: [
                        Transition {
                            from: "*"; to: "InGrid"
                            SequentialAnimation { 
                                ParentAction{} 
                                PauseAnimation { duration: 50 * List.FlowView.column }
                                NumberAnimation { properties: "x,y,rotation"; easing: "easeInOutQuad" } 
                            } 
                        },
                        Transition {
                            from: "*"; to: "InList"
                            SequentialAnimation { 
                                ParentAction{} 
                                PauseAnimation { duration: 50 * (GridItem.FlowView.row * 2 + GridItem.FlowView.column) }
                                NumberAnimation { properties: "x,y,rotation"; easing: "easeInOutQuad" } 
                            } 
                        }
                    ]
                }

            }
        }

        Item {
            FlowView {
                id: MyListView
                vertical: true
                y: 40
                x: 40
                width: 800
                height: 400
                column: 1
                model: Model.parts.list
            }

            FlowView {
                z: 1
                y: 60
                width: 800
                height: 400
                column: 2
                model: Model.parts.grid
            }
        }

        Rectangle {
            id: TopBar
{'fraction_non_alphanumeric': 0.08625500424602693, 'fraction_numerical': 0.018439888390149217, 'mean_word_length': 1.0270469633636587, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2967490', 'n_tokens_mistral': 2219, 'n_tokens_neox': 1944, 'n_words': 496}