i-slint-compiler 1.18.0

Internal Slint Compiler Library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0

TC := Rectangle {
// ><warning{':=' to declare a component is deprecated. The new syntax declare components with 'component MyComponent {'. Read the documentation for more info}
//    >        <^error{The binding for the property 'layoutinfo-h' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
    outer := VerticalLayout {
//           >             <error{The binding for the property 'width' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
//           >             <^error{The binding for the property 'layoutinfo-h' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
        inner := HorizontalLayout {
//               >               <error{The binding for the property 'width' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
//               >               <^error{The binding for the property 'layoutinfo-h' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
            inner_inner := VerticalLayout {
                width: parent.width;
//                     >           <error{The binding for the property 'width' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
                Rectangle {}
            }
        }
    }
}


export Test := Rectangle {
//          ><warning{':=' to declare a component is deprecated. The new syntax declare components with 'component MyComponent {'. Read the documentation for more info}
//             >        <^warning{The binding for the property 'width' is part of a binding loop (root_window.layoutinfo-h -> root.width -> l.width -> l.layout-cache -> width -> l.layoutinfo-v -> l.preferred-height -> text -> l.layoutinfo-h -> root.layoutinfo-h -> root_window.layoutinfo-h).↵This was allowed in previous version of Slint, but is deprecated and may cause panic at runtime}
    VerticalLayout {  // FIXME: That's an internal property, but people might understand
//  >             <error{The binding for the property 'min-width' is part of a binding loop (layoutinfo-h -> min-width -> width -> layoutinfo-h)}
//  >             <^error{The binding for the property 'layoutinfo-h' is part of a binding loop (layoutinfo-h -> min-width -> width -> layoutinfo-h)}
        Rectangle {
            width: parent.min_width;
//                 >               <error{The binding for the property 'width' is part of a binding loop (layoutinfo-h -> min-width -> width -> layoutinfo-h)}
        }
    }


    l := HorizontalLayout {  // FIXME: That's an internal property, but people might understand
//       >               <error{The binding for the property 'preferred-width' is part of a binding loop (l.layoutinfo-h -> l.preferred-width -> text -> l.layoutinfo-h)}
//       >               <^error{The binding for the property 'layoutinfo-h' is part of a binding loop (l.layoutinfo-h -> l.preferred-width -> text -> l.layoutinfo-h)}
//       >               <^^error{The binding for the property 'layoutinfo-v' is part of a binding loop (text -> l.layoutinfo-v -> l.preferred-height -> text)}
//       >               <^^^error{The binding for the property 'preferred-height' is part of a binding loop (text -> l.layoutinfo-v -> l.preferred-height -> text)}
//       >               <^^^^warning{The binding for the property 'width' is part of a binding loop (root_window.layoutinfo-h -> root.width -> l.width -> l.layout-cache -> width -> l.layoutinfo-v -> l.preferred-height -> text -> l.layoutinfo-h -> root.layoutinfo-h -> root_window.layoutinfo-h).↵This was allowed in previous version of Slint, but is deprecated and may cause panic at runtime}
//       >               <^^^^^warning{The binding for the property 'layout-cache' is part of a binding loop (root_window.layoutinfo-h -> root.width -> l.width -> l.layout-cache -> width -> l.layoutinfo-v -> l.preferred-height -> text -> l.layoutinfo-h -> root.layoutinfo-h -> root_window.layoutinfo-h).↵This was allowed in previous version of Slint, but is deprecated and may cause panic at runtime}
//       >               <^^^^^^warning{The binding for the property 'width' is part of a binding loop (root_window.layoutinfo-h -> root.width -> l.width -> l.layout-cache -> width -> l.layoutinfo-v -> l.preferred-height -> text -> l.layoutinfo-h -> root.layoutinfo-h -> root_window.layoutinfo-h).↵This was allowed in previous version of Slint, but is deprecated and may cause panic at runtime}
        Text {
            text: "hello \{l.preferred-width/1px}x\{l.preferred-height/1px}";
//                >                                                         <error{The binding for the property 'text' is part of a binding loop (l.layoutinfo-h -> l.preferred-width -> text -> l.layoutinfo-h)}
            wrap: word-wrap;
        }
    }

    tc := TC {
//        > <error{The binding for the property 'preferred-width' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
        width: preferred-width;
//             >              <error{The binding for the property 'width' is part of a binding loop (tc.layoutinfo-h -> tc.preferred-width -> tc.width -> outer.width -> inner.width -> inner-inner.width -> inner.layoutinfo-h -> outer.layoutinfo-h -> tc.layoutinfo-h)}
    }
}