<?xml version="1.0" encoding="utf-8"?>
<s:Module xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:scroller="ardisia.components.scroller.*"
xmlns:containers="containers.*"
xmlns:data="containers.data.*"
xmlns:separators="ardisia.components.separators.*"
frameRate="60"
width="100%" height="100%"
removedFromStage="removedFromStageHandler(event)">
<fx:Script>
<![CDATA[
import spark.effects.easing.Bounce;
import spark.effects.easing.Elastic;
import spark.effects.easing.Linear;
import spark.effects.easing.Power;
import spark.effects.easing.Sine;
public function creationComplete():void
{
}
public var countries:Array = ["Afghanistan","Albania","Algeria","Andorra","Angola","Antigua and Barbuda","Argentina","Armenia","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bosnia and Herzegovina","Botswana","Brazil","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Central African Republic","Chad","Chile","China","Colombia","Comoros","Congo (Brazzaville)","Congo","Costa Rica","Cote d'Ivoire","Croatia","Cuba","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","East Timor (Timor Timur)","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Fiji","Finland","France","Gabon","Gambia, The","Georgia","Germany","Ghana","Greece","Grenada","Guatemala","Guinea","Guinea-Bissau","Guyana","Haiti","Honduras","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Israel","Italy","Jamaica","Japan","Jordan","Kazakhstan","Kenya","Kiribati","Korea, North","Korea, South","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepa","Netherlands","New Zealand","Nicaragua","Niger","Nigeria","Norway","Oman","Pakistan","Palau","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Qatar","Romania","Russia","Rwanda","Saint Kitts and Nevis","Saint Lucia","Saint Vincent","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia and Montenegro","Seychelles","Sierra leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","Spain","Sri Lanka","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Togo","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Yemen","Zambia","Zimbabwe" ];
protected function removedFromStageHandler(event:Event):void
{
}
]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<s:states>
<s:State name="stockholm" />
<s:State name="london" />
<s:State name="spark" />
</s:states>
<containers:DemoApplicationWrapper id="demoAppWrapper"
width="100%" height="100%"
westRegionTitle="Scroller Description"
description="Scroller class that adds support for smooth mouse wheel scrolling and granular control over the number of pixels scrolled via the mouse wheel and stepping by the keyboard and the scrollbar thumbs. The Flex SDK Scroller makes control over the number of pixels scrolled difficult by requiring the developer to extend the viewport/layout to change the default scroll amount from 1 pixel. The SDK is also vague on the mouse event 'delta' property that can wildly fluctuate the amount of scroll on each mouse wheel tick, and is OS dependent. This class solves these deficiencies and adds optional smooth scrolling. It is easy to fallback to the vanilla Flex SDK Scroller when Ardisia Scroller techniques are not desired by simply setting the relevant properties to 0 or false."
currentState.stockholm="stockholm" currentState.london="london" currentState.spark="spark">
<containers:expandingContainerContent>
<!--- expanding container #1 -->
<data:ExpandingContainerData>
<data:label>API</data:label>
<data:content>
<s:FormItem label="Wheel Step Size:">
<s:HSlider id="wheelStepSelect"
width="100"
minimum="0" maximum="1000" value="70"
change="Scroller(exampleB.scroller).mouseWheelStepSize=wheelStepSelect.value;"/>
<s:helpContent>
<s:Image source="@Embed(source='icons/question.png')"
toolTip="The number of pixels to scroll on each tick of the mouse wheel. Set to 0 to use the use the step size returned by the layout or viewport."/>
</s:helpContent>
</s:FormItem>
<s:FormItem label="Wheel Event Delta:">
<s:NumericStepper id="wheelEventDelta"
width="100"
minimum="0" maximum="6" value="1"
change="Scroller(exampleB.scroller).mouseWheelEventDelta=wheelEventDelta.value;"/>
<s:helpContent>
<s:Image source="@Embed(source='icons/question.png')"
toolTip="The event delta is a number that is multiplied by the mouse wheel scroll for the final number of pixels to scroll. Operating systems and the Flash Player use this value to accelerate scrolling when they believe a user wants to scroll a large amount of content. The problem is that it makes scrolling unpredictable. Set this value to 0 to use the delta returned by the Flash Player. The recommended setting is 1, which means the mouse wheel delta has no effect on mouse wheel scrolling."/>
</s:helpContent>
</s:FormItem>
<s:FormItem label="Other Step Size:">
<s:HSlider id="scrollStepSelect"
width="100"
minimum="0" maximum="1000" value="70"
change="Scroller(exampleB.scroller).scrollStepSize=scrollStepSelect.value;"/>
<s:helpContent>
<s:Image source="@Embed(source='icons/question.png')"
toolTip="The number of pixels to scroll on each step triggered by the keyboard arrow keys or by clicking the scrollbar increment/decrement buttons. This value does not apply to the mouse wheel or paging. Set to 0 to use the step size returned by the layout/viewport."/>
</s:helpContent>
</s:FormItem>
</data:content>
</data:ExpandingContainerData>
<!--- expanding container #2 -->
<data:ExpandingContainerData>
<data:label>Animation</data:label>
<data:content>
<s:FormItem label="Smooth Scrolling:">
<s:CheckBox id="smoothScrollSelect"
selected="true"
change="Scroller(exampleB.scroller).setStyle('smoothScrolling', smoothScrollSelect.selected);"/>
<s:helpContent>
<s:Image source="@Embed(source='icons/question.png')"
toolTip="True to enable smooth mouse scrolling. Keyboard triggered scrolling is not smoothed."/>
</s:helpContent>
</s:FormItem>
<s:FormItem label="Duration:"
enabled="{smoothScrollSelect.selected}">
<s:HSlider id="animationSelect"
width="100"
minimum="0" maximum="1000" value="400"
change="Scroller(exampleB.scroller).animationDuration=animationSelect.value;"/>
<s:helpContent>
<s:Image source="@Embed(source='icons/question.png')"
toolTip="If smooth scrolling is enabled, the duration of the animation for all mouse wheel scrolling."/>
</s:helpContent>
</s:FormItem>
<s:FormItem label="Easer:"
enabled="{smoothScrollSelect.selected}">
<s:DropDownList id="animationEaserSelect"
width="100"
labelField="name"
selectedIndex="1"
change="Scroller(exampleB.scroller).easer=animationEaserSelect.selectedItem.easer;">
<s:ArrayCollection>
<fx:Object name="Sine" easer="{new Sine()}"/>
<fx:Object name="Linear" easer="{new Linear(0.5, 0.5)}"/>
<fx:Object name="Power" easer="{new Power()}"/>
<fx:Object name="Bounce" easer="{new Bounce()}"/>
<fx:Object name="Elastic" easer="{new Elastic()}"/>
</s:ArrayCollection>
</s:DropDownList>
<s:helpContent>
<s:Image source="@Embed(source='icons/question.png')"
toolTip="The easer to use with the animation."/>
</s:helpContent>
</s:FormItem>
</data:content>
</data:ExpandingContainerData>
</containers:expandingContainerContent>
<containers:centerContent>
<!--- example #1 -->
<data:PrimaryContentData>
<data:tabLabel>Dropdown Example</data:tabLabel>
<data:exampleDescription>DropDownList using a skin with an Ardisia Scroller. For this example, the keyboard navigation will be handled by the List's layout instead of the Scroller so that the keyboard can change the List's selection. Therefore, the 'Other Step Size' will have no effect on keyboard navigation. For this example, the 'Other Step Size' slider will only affect the distance scrolled by the scrollbar increment/decrement buttons.</data:exampleDescription>
<data:primaryContent>
<s:DropDownList id="exampleA"
width="170"
top="100"
horizontalCenter="0"
focusEnabled="true"
selectedIndex="0"
dataProvider="{new ArrayCollection(countries)}"
skinClass.spark="components.scroller.DropDownListSkin"
open="Scroller(exampleA.scroller).setStyle('smoothScrolling', smoothScrollSelect.selected);
Scroller(exampleA.scroller).mouseWheelStepSize=wheelStepSelect.value;
Scroller(exampleA.scroller).mouseWheelEventDelta=wheelEventDelta.value;
Scroller(exampleA.scroller).animationDuration=animationSelect.value;
Scroller(exampleA.scroller).easer=animationEaserSelect.selectedItem.easer;
Scroller(exampleA.scroller).scrollStepSize=scrollStepSelect.value"/>
</data:primaryContent>
</data:PrimaryContentData>
<!--- example #2 -->
<data:PrimaryContentData>
<data:tabLabel>List Example</data:tabLabel>
<data:exampleDescription>List example. For this example, the keyboard navigation will be handled by the List's layout instead of the scroller so that the keyboard can change the List's selection. Therefore, the 'Other Step Size' slider will have no effect on keyboard navigation. For this example, the 'Other Step Size' slider will only affect the distance scrolled by the scrollbar increment/decrement buttons.</data:exampleDescription>
<data:primaryContent>
<s:List id="exampleB"
top="118" bottom="20" left="20"
width="200"
horizontalCenter="0" verticalCenter="0"
focusEnabled="true"
skinClass.spark="components.scroller.ListSkin"
creationComplete="Scroller(exampleB.scroller).setStyle('smoothScrolling', smoothScrollSelect.selected);
Scroller(exampleB.scroller).mouseWheelStepSize=wheelStepSelect.value;
Scroller(exampleB.scroller).mouseWheelEventDelta=wheelEventDelta.value;
Scroller(exampleB.scroller).animationDuration=animationSelect.value;
Scroller(exampleB.scroller).easer=animationEaserSelect.selectedItem.easer;
Scroller(exampleB.scroller).scrollStepSize=scrollStepSelect.value;">
<s:ArrayCollection source="{countries}"/>
</s:List>
</data:primaryContent>
</data:PrimaryContentData>
<!--- example #3 -->
<data:PrimaryContentData>
<data:tabLabel>Text Example</data:tabLabel>
<data:exampleDescription>Scrollable sample text box. For this example keyboard navigation is controlled by the Scroller, therefore 'Other Step Size' slider will set the scroll for the keyboard arrow keys (up, down, left, and right) and the scrollbar increment/decrement buttons.</data:exampleDescription>
<data:primaryContent>
<s:Group width="300"
horizontalCenter="0"
top="38" bottom="20">
<s:Rect top="0" right="0" bottom="0" left="0">
<s:stroke>
<s:SolidColorStroke color="{getStyle('borderColor')}"/>
</s:stroke>
</s:Rect>
<scroller:Scroller id="exampleC"
top="1" right="1" bottom="1" left="1"
focusEnabled="true"
smoothScrolling="{smoothScrollSelect.selected}"
mouseWheelStepSize="{wheelStepSelect.value}"
animationDuration="{animationSelect.value}"
mouseWheelEventDelta="{wheelEventDelta.value}"
scrollStepSize="{scrollStepSelect.value}"
easer="{animationEaserSelect.selectedItem.easer}">
<s:Group>
<s:RichText top="3" left="3" right="-200">
<s:textFlow>
<s:TextFlow>
<s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
<s:br/><s:p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</s:p>
</s:TextFlow>
</s:textFlow>
</s:RichText>
</s:Group>
</scroller:Scroller>
</s:Group>
</data:primaryContent>
</data:PrimaryContentData>
<!--- example #4 -->
<data:PrimaryContentData>
<data:tabLabel>Image Example</data:tabLabel>
<data:exampleDescription>Scrollable image. For this example keyboard navigation is controlled by the Scroller, therefore 'Other Step Size' slider will set the scroll for the keyboard arrow keys (up, down, left, and right) and the scrollbar increment/decrement buttons. Image is of Leo 'The Lion'.</data:exampleDescription>
<data:primaryContent>
<scroller:Scroller id="exampleD"
top="0" right="0" bottom="0" left="0"
focusEnabled="true"
smoothScrolling="{smoothScrollSelect.selected}"
mouseWheelStepSize="{wheelStepSelect.value}"
animationDuration="{animationSelect.value}"
mouseWheelEventDelta="{wheelEventDelta.value}"
scrollStepSize="{scrollStepSelect.value}"
easer="{animationEaserSelect.selectedItem.easer}">
<s:Group>
<s:BitmapImage source="@Embed(source='images/noRedistribution/leo.jpg')"/>
</s:Group>
</scroller:Scroller>
</data:primaryContent>
</data:PrimaryContentData>
</containers:centerContent>
</containers:DemoApplicationWrapper>
</s:Module>