<?xml version="1.0" encoding="UTF-16"?>
<!-- This XML file has been created by WebEJS 1.0. Visit http://t.um.es/webejs -->
<!-- Please, open it with WebEJS or save the file to your hard disk on your EJS' user directory and open it with Desktop Ejs 6.01 or later. -->
<Osejs version="7.0" password="">
<Osejs.Information>
<Title><![CDATA[Thinking Aloud Fill Tank]]></Title>
<Copyright><![CDATA[]]></Copyright>
<Keywords><![CDATA[]]></Keywords>
<Password><![CDATA[unused]]></Password>
<Level><![CDATA[]]></Level>
<Language><![CDATA[]]></Language>
<Abstract><![CDATA[]]></Abstract>
<FixedNavigationBar>false</FixedNavigationBar>
<RunAlways>true</RunAlways>
<UseInterpreter>true</UseInterpreter>
<UseDeltaForODE>false</UseDeltaForODE>
<PreviewFullModel>false</PreviewFullModel>
<ModelTab></ModelTab>
<ModelTabTitle><![CDATA[]]></ModelTabTitle>
<ModelName><![CDATA[]]></ModelName>
<CSSFile></CSSFile>
<HTMLHead><![CDATA[]]></HTMLHead>
<SaveInXMLFormat>true</SaveInXMLFormat>
<IncludeSource>true</IncludeSource>
<IncludeLibrary>true</IncludeLibrary>
<UglifyJS>false</UglifyJS>
<Logo></Logo>
<Author><![CDATA[]]></Author>
<AuthorLogo></AuthorLogo>
<DetectedFiles><![CDATA[]]></DetectedFiles>
<AuxiliaryFiles><![CDATA[]]></AuxiliaryFiles>
</Osejs.Information>
<Osejs.Description>
</Osejs.Description>
<Osejs.Model>
<Osejs.Model.FramesPerSecond>20</Osejs.Model.FramesPerSecond>
<Osejs.Model.StepsPerDisplay>1</Osejs.Model.StepsPerDisplay>
<Osejs.Model.RealTimeVariable></Osejs.Model.RealTimeVariable>
<Osejs.Model.Autostart>true</Osejs.Model.Autostart>
<Osejs.Model.Variables>
<Osejs.Model.Variables.Page>
<Type>undefined</Type>
<Name>initVar</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<PageComment><![CDATA[]]></PageComment>
<Variable>
<Name><![CDATA[scenarios]]></Name>
<Value><![CDATA[{}]]></Value>
<Type><![CDATA[Object]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[pailX]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[pailY]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[pailIndex]]></Name>
<Value><![CDATA[-1]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[waterX]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[waterY]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[coverX]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[coverY]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[textX]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[textY]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[selectedScenario]]></Name>
<Value><![CDATA["Scenario A"]]></Value>
<Type><![CDATA[String]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[selected]]></Name>
<Value><![CDATA[[]]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
<Variable>
<Name><![CDATA[]]></Name>
<Value><![CDATA[]]></Value>
<Type><![CDATA[double]]></Type>
<Dimension><![CDATA[]]></Dimension>
<Domain><![CDATA[]]></Domain>
<Comment><![CDATA[]]></Comment>
</Variable>
</Content>
</Osejs.Model.Variables.Page>
</Osejs.Model.Variables>
<Osejs.Model.Initialization>
<Osejs.Model.Initialization.Page>
<Type>undefined</Type>
<Name>scenarios</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<Comment><![CDATA[]]></Comment>
<Code><![CDATA[
scenarios = {
    "Scenario A": {
        scenario: "Jia Hao wants to have 4L of water in his tank, he only has a 5L and 3L pail, how will he fill up his tank?",
        pails: [
            {
                volume: 5,
                currentVol: 0,
                selected: false
            },
            {
                volume: 3,
                currentVol: 0,
                selected: false
            }
        ],
        tank: {
            volume: 4,
            currentVol: 0
        }
    },
    "Scenario B": {
        scenario: "Lina needs exactly 7L of water in her 7L tank, but she only has a 9L and a 4L pail. How will she get exactly 7L?",
        pails: [
            {
                volume: 9,
                currentVol: 0,
                selected: false
            },
            {
                volume: 4,
                currentVol: 0,
                selected: false
            }
        ],
        tank: {
            volume: 7,
            currentVol: 0
        }
    },
    "Scenario C": {
        scenario: "Ethan needs 2L of water for his experiment, but he only has a 6L and 5L pail. How will he measure out exactly 2L?",
        pails: [
            {
                volume: 6,
                currentVol: 0,
                selected: false
            },
            {
                volume: 5,
                currentVol: 0,
                selected: false
            }
        ],
        tank: {
            volume: 2,
            currentVol: 0
        }
    }
}

]]></Code>
</Content>
</Osejs.Model.Initialization.Page>
<Osejs.Model.Initialization.Page>
<Type>CODE_EDITOR</Type>
<Name>init</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<Comment><![CDATA[]]></Comment>
<Code><![CDATA[
initPails();
]]></Code>
</Content>
</Osejs.Model.Initialization.Page>
</Osejs.Model.Initialization>
<Osejs.Model.Evolution>
</Osejs.Model.Evolution>
<Osejs.Model.Constraints>
</Osejs.Model.Constraints>
<Osejs.Model.Library>
<Osejs.Model.Library.Page>
<Type>undefined</Type>
<Name>initFunctions</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<Comment><![CDATA[]]></Comment>
<Code><![CDATA[
function initPails() {
    scenarios[selectedScenario].pails.forEach(pail => pail.currentVol = 0);
    scenarios[selectedScenario].tank.currentVol = 0;
    
    pailX = [];
    pailY = [];
    waterX = [];
    waterY = [];
    coverX = [];
    coverY = [];
    textX = [];
    textY = [];
    
    let numOfPails = scenarios[selectedScenario].pails.length;
    let currentY = 15;
    let pailIndex = 0;
    
    while (pailIndex < numOfPails) {
        let pailsInRow = Math.min(3, numOfPails - pailIndex);
        let xCoords = [];
        
        for (let i = 0; i < pailsInRow; i++) {
            xCoords.push((i + 0.6) * (12 / (pailsInRow + 0.2)));
        }
        
        for (let i = 0; i < pailsInRow; i++) {
            pailX.push(xCoords[i]);
            pailY.push(currentY);
            coverX.push(xCoords[i]);
            coverY.push(currentY+scenarios[selectedScenario].pails[pailIndex].volume/2)
            waterX.push(xCoords[i]);
            waterY.push(currentY-scenarios[selectedScenario].pails[pailIndex].volume/2)
            textX.push(xCoords[i]);
            textY.push(currentY-scenarios[selectedScenario].pails[pailIndex].volume/2-0.5)
            pailIndex++;
        } 
    
        currentY -= 6;
    }
}
]]></Code>
</Content>
</Osejs.Model.Library.Page>
<Osejs.Model.Library.Page>
<Type>CODE_EDITOR</Type>
<Name>onClick</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<Comment><![CDATA[]]></Comment>
<Code><![CDATA[
function onClick (element) {
    
    if (!selected.length) {
        if (element === "tank") {
            alert("Please select a pail first");
            return;
        }
        selected.push(element);
        if (typeof element === "number") {
            scenarios[selectedScenario].pails[element].selected = true;
        }
    } else {
        if (selected[0] === "hose" && element === "tank") {
            alert("Please pour some water into the pail first");
            return;
        }
        
        if (typeof selected[0] === "number" && element === "hose") {
            alert("Please pour the water into the pail");
            return;
        }
        
        if (selected[0] === element) {
            selected = [];
            if (typeof element === "number") {
                 scenarios[selectedScenario].pails[element].selected = false;
            }
            return;
            
        }
        
        if (selected[0] === "hose" && typeof element === "number") {
            scenarios[selectedScenario].pails[element].currentVol = scenarios[selectedScenario].pails[element].volume;
            selected = [];
            return;
        }
        
        if (typeof selected[0] === "number" && element === "tank") {
            const selectedPail = scenarios[selectedScenario].pails[selected[0]];
            const tank = scenarios[selectedScenario].tank;
        
            if (tank.currentVol === 10) {
                alert("Tank is already full!");
                return;
            }
        
            const transferableVolume = Math.min(10 - tank.currentVol, selectedPail.currentVol);
        
            tank.currentVol += transferableVolume;
            selectedPail.currentVol -= transferableVolume;
        
            selectedPail.selected = false;
            selected = [];
            return;
        }
        
        if (typeof selected[0] === "number" && typeof element === "number") {
            const sourcePail = scenarios[selectedScenario].pails[selected[0]];
            const destinationPail = scenarios[selectedScenario].pails[element];
        
            if (destinationPail.currentVol === destinationPail.volume) {
                alert("Pail is already full!");
                return;
            }
        
            const transferableVolume = Math.min(destinationPail.volume - destinationPail.currentVol, sourcePail.currentVol);
        
            destinationPail.currentVol += transferableVolume;
            sourcePail.currentVol -= transferableVolume;
        
            sourcePail.selected = false;
            selected = [];
        }

    }

}
]]></Code>
</Content>
</Osejs.Model.Library.Page>
<Osejs.Model.Library.Page>
<Type>CODE_EDITOR</Type>
<Name>check</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<Comment><![CDATA[]]></Comment>
<Code><![CDATA[
function check() {
    if (scenarios[selectedScenario].tank.currentVol === scenarios[selectedScenario].tank.volume) {
        alert("You did it! Try a different scenario");
        setTimeout(() => {
            reset();
        }, 1000); // 1000 ms = 1 second delay
        return;
    } else {
        alert("Incorrect, try again!");
        setTimeout(() => {
            reset();
        }, 1000); // Optional: add delay here too if desired
    }
}

]]></Code>
</Content>
</Osejs.Model.Library.Page>
<Osejs.Model.Library.Page>
<Type>CODE_EDITOR</Type>
<Name>reset</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<Comment><![CDATA[]]></Comment>
<Code><![CDATA[
function reset() {
    selected = [];
    scenarios[selectedScenario].pails.forEach(pail => {pail.selected = false; pail.currentVol = 0});
    scenarios[selectedScenario].tank.currentVol = 0;
}
]]></Code>
</Content>
</Osejs.Model.Library.Page>
</Osejs.Model.Library>
<Osejs.Model.Elements>
</Osejs.Model.Elements>
</Osejs.Model>
<Osejs.HtmlView>
<Osejs.HtmlView.Page>
<Type>HTML_VIEW_EDITOR</Type>
<Name>HtmlView</Name>
<Active>true</Active>
<Internal>false</Internal>
<Content>
<SizeOption>0</SizeOption>
<X>0</X>
<Y>0</Y>
<Width>800</Width>
<Height>600</Height>
<KeepHidden>true</KeepHidden>
<RootProperties>
</RootProperties>
<Tree>
<HtmlView.Element>
<Expanded>true</Expanded>
<Type>Elements.Panel</Type>
<Name><![CDATA[wrapper]]></Name>
</HtmlView.Element>
<HtmlView.Element>
<Expanded>true</Expanded>
<Type>Elements.Panel</Type>
<Name><![CDATA[firstRow]]></Name>
<Parent><![CDATA[wrapper]]></Parent>
<Property name="CSS"><![CDATA["{
margin-bottom: 10px
}"]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Label</Type>
<Name><![CDATA[currentScenario]]></Name>
<Parent><![CDATA[firstRow]]></Parent>
<Property name="Text"><![CDATA[scenarios[selectedScenario].scenario]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Expanded>true</Expanded>
<Type>Elements.Panel</Type>
<Name><![CDATA[secondRow]]></Name>
<Parent><![CDATA[wrapper]]></Parent>
<Property name="CSS"><![CDATA["{ margin-bottom: 10px }"]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.ComboBox</Type>
<Name><![CDATA[selectScenario]]></Name>
<Parent><![CDATA[secondRow]]></Parent>
<Property name="CSS"><![CDATA["{ margin-right: 10px }"]]></Property>
<Property name="Options"><![CDATA[["Scenario A", "Scenario B", "Scenario C"]]]></Property>
<Property name="OnChange"><![CDATA[var opts = _view.selectScenario.getProperty("SelectedOptions");  
selectedScenario = (opts.length > 0)? opts[0]:"";
initPails();]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Button</Type>
<Name><![CDATA[check]]></Name>
<Parent><![CDATA[secondRow]]></Parent>
<Property name="Text"><![CDATA["check"]]></Property>
<Property name="OnPress"><![CDATA[check()]]></Property>
<Property name="CSS"><![CDATA["{ margin-right: 10px }"]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Button</Type>
<Name><![CDATA[reset]]></Name>
<Parent><![CDATA[secondRow]]></Parent>
<Property name="Text"><![CDATA["reset"]]></Property>
<Property name="OnPress"><![CDATA[reset();]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Expanded>true</Expanded>
<Type>Elements.PlottingPanel</Type>
<Name><![CDATA[plottingPanel]]></Name>
<Parent><![CDATA[wrapper]]></Parent>
<Property name="AutoScaleX"><![CDATA[false]]></Property>
<Property name="AutoScaleY"><![CDATA[false]]></Property>
<Property name="MinimumX"><![CDATA[0]]></Property>
<Property name="MaximumX"><![CDATA[20]]></Property>
<Property name="MinimumY"><![CDATA[0]]></Property>
<Property name="MaximumY"><![CDATA[20]]></Property>
<Property name="Width"><![CDATA["100%"]]></Property>
<Property name="Height"><![CDATA["90vh"]]></Property>
<Property name="Gutters"><![CDATA[[0,0,0,0]]]></Property>
<Property name="Enabled"><![CDATA[true]]></Property>
<Property name="OnPress"><![CDATA[selected = [];
scenarios[selectedScenario].pails.forEach(pail => pail.selected = false)]]></Property>
<Property name="TLMessage"><![CDATA["Click and click to pour water into the selected container"]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Shape2D</Type>
<Name><![CDATA[tankWater]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="X"><![CDATA[16]]></Property>
<Property name="Y"><![CDATA[10-10/2]]></Property>
<Property name="ShapeType"><![CDATA["RECTANGLE"]]></Property>
<Property name="FillColor"><![CDATA["Cyan"]]></Property>
<Property name="SizeX"><![CDATA[6]]></Property>
<Property name="RelativePosition"><![CDATA["SOUTH"]]></Property>
<Property name="LineWidth"><![CDATA[0]]></Property>
<Property name="SizeY"><![CDATA[scenarios[selectedScenario].tank.currentVol]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Shape2D</Type>
<Name><![CDATA[tank]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="X"><![CDATA[16]]></Property>
<Property name="Y"><![CDATA[10]]></Property>
<Property name="SizeX"><![CDATA[6]]></Property>
<Property name="SizeY"><![CDATA[10]]></Property>
<Property name="ShapeType"><![CDATA["RECTANGLE"]]></Property>
<Property name="FillColor"><![CDATA["rgba(0,0,0,0)"]]></Property>
<Property name="OnPress"><![CDATA[onClick("tank")]]></Property>
<Property name="Visibility"><![CDATA[true]]></Property>
<Property name="Sensitivity"><![CDATA[0]]></Property>
<Property name="EnabledPosition"><![CDATA["ENABLED_NO_MOVE"]]></Property>
<Property name="LineWidth"><![CDATA[3]]></Property>
<Property name="LineColor"><![CDATA["rgb(122, 122, 122)"]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Shape2D</Type>
<Name><![CDATA[tankCover]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="ShapeType"><![CDATA["RECTANGLE"]]></Property>
<Property name="Y"><![CDATA[10+10/2]]></Property>
<Property name="X"><![CDATA[16]]></Property>
<Property name="SizeX"><![CDATA[6.1]]></Property>
<Property name="SizeY"><![CDATA[0.2]]></Property>
<Property name="LineWidth"><![CDATA[0]]></Property>
<Property name="FillColor"><![CDATA["white"]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.ShapeSet2D</Type>
<Name><![CDATA[waterSet]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="ShapeType"><![CDATA["RECTANGLE"]]></Property>
<Property name="FillColor"><![CDATA["Cyan"]]></Property>
<Property name="RelativePosition"><![CDATA["SOUTH"]]></Property>
<Property name="NumberOfElements"><![CDATA[scenarios[selectedScenario].pails.length]]></Property>
<Property name="X"><![CDATA[waterX]]></Property>
<Property name="Y"><![CDATA[waterY]]></Property>
<Property name="SizeX"><![CDATA[3]]></Property>
<Property name="SizeY"><![CDATA[scenarios[selectedScenario].pails.map(pail => pail.currentVol)]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.ShapeSet2D</Type>
<Name><![CDATA[pailSet]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="NumberOfElements"><![CDATA[scenarios[selectedScenario].pails.length]]></Property>
<Property name="Visibility"><![CDATA[true]]></Property>
<Property name="OnPress"><![CDATA[onClick(pailIndex)]]></Property>
<Property name="ShapeType"><![CDATA["RECTANGLE"]]></Property>
<Property name="FillColor"><![CDATA["rgba(0,0,0,0)"]]></Property>
<Property name="X"><![CDATA[pailX]]></Property>
<Property name="Y"><![CDATA[pailY]]></Property>
<Property name="SizeX"><![CDATA[3]]></Property>
<Property name="SizeY"><![CDATA[scenarios[selectedScenario].pails.map(pail => pail.volume)]]></Property>
<Property name="Sensitivity"><![CDATA[0]]></Property>
<Property name="EnabledPosition"><![CDATA["ENABLED_NO_MOVE"]]></Property>
<Property name="LineWidth"><![CDATA[3]]></Property>
<Property name="ElementInteracted"><![CDATA[pailIndex]]></Property>
<Property name="LineColor"><![CDATA[scenarios[selectedScenario].pails.map(pail => pail.selected ? "Black" : "rgb(122, 122, 122)")]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.ShapeSet2D</Type>
<Name><![CDATA[coverSet]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="NumberOfElements"><![CDATA[scenarios[selectedScenario].pails.length]]></Property>
<Property name="ShapeType"><![CDATA["RECTANGLE"]]></Property>
<Property name="LineWidth"><![CDATA[0]]></Property>
<Property name="FillColor"><![CDATA["white"]]></Property>
<Property name="SizeX"><![CDATA[3.1]]></Property>
<Property name="SizeY"><![CDATA[0.2]]></Property>
<Property name="X"><![CDATA[coverX]]></Property>
<Property name="Y"><![CDATA[coverY]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.TextSet2D</Type>
<Name><![CDATA[textSet]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="NumberOfElements"><![CDATA[scenarios[selectedScenario].pails.length]]></Property>
<Property name="X"><![CDATA[textX]]></Property>
<Property name="Y"><![CDATA[textY]]></Property>
<Property name="Text"><![CDATA[scenarios[selectedScenario].pails.map(pail => `${pail.currentVol}L / ${pail.volume}L`)]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Text2D</Type>
<Name><![CDATA[tankText]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="Text"><![CDATA[`${scenarios[selectedScenario].tank.currentVol}L / ${scenarios[selectedScenario].tank.volume}L`]]></Property>
<Property name="X"><![CDATA[16]]></Property>
<Property name="Y"><![CDATA[10-10/2-0.5]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Image2D</Type>
<Name><![CDATA[hose]]></Name>
<Parent><![CDATA[plottingPanel]]></Parent>
<Property name="ImageUrl"><![CDATA["./hose.png"]]></Property>
<Property name="Y"><![CDATA[2]]></Property>
<Property name="SizeX"><![CDATA[3]]></Property>
<Property name="SizeY"><![CDATA[3]]></Property>
<Property name="X"><![CDATA[1.2]]></Property>
<Property name="Sensitivity"><![CDATA[0]]></Property>
<Property name="EnabledPosition"><![CDATA["ENABLED_NO_MOVE"]]></Property>
<Property name="Rotate"><![CDATA[selected[0] === "hose" ? 7: 0]]></Property>
<Property name="OnPress"><![CDATA[onClick("hose")]]></Property>
</HtmlView.Element>
<HtmlView.Element>
<Type>Elements.Panel</Type>
<Name><![CDATA[pastAttempts]]></Name>
<Parent><![CDATA[wrapper]]></Parent>
<Property name="CSS"><![CDATA["{text-align: left}"]]></Property>
</HtmlView.Element>
</Tree>
</Content>
</Osejs.HtmlView.Page>
</Osejs.HtmlView>
</Osejs>