Components-$72.lzx

<canvas height="140" debug="true">
              <debug x="150" y="10"/>
              
              <include href="base"/>
            
              <class name="aquatab" extends="basetab" width="40" height="20" bgcolor="aqua">
                <text>tab</text>
              </class>
              
              <class name="borderedtabscontent" extends="basetabscontent" bgcolor="black">
                <attribute name="defaultplacement" value="borderedcontent" type="string"/>
                <view name="borderedcontent" x="${parent.parent.bordersize}" y="${parent.parent.bordersize}" width="${parent.width-(2*parent.parent.bordersize)}" height="${parent.height-(2*parent.parent.bordersize)}" clip="true" bgcolor="red"/>
              </class>
            
              <basetabs x="10" y="10" bordersize="3" tabclass="aquatab" contentclass="borderedtabscontent">
                <basetabpane name="one">
                  <handler name="onvisible" args="isvisible">
                    if (isvisible) {
                      Debug.debug("parent: %w", parent);
                      Debug.debug("immediate parent: %w", immediateparent);
                    }
                  </handler>
                  <text>one</text>
                </basetabpane>
                <basetabpane>
                  <text>two</text>
                </basetabpane>
                <basetabpane>
                  <text height="${parent.height}" width="${parent.width}" bgcolor="green">
                    three
                  </text>
                </basetabpane>
              </basetabs>
            </canvas>