<?xml version="1.0" ?><xml>
<category name="Alert Message">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Shows a warning message for your application users. Replace &quot;Out app does ...&quot; text with your own warning.</field>
  <next>
    <block type="addHTMLElement">
      <field name="ELEMENT">div</field>
      <field name="MODE">TO</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">alert-panel</field>
        </shadow>
      </value>
      <value name="TARGET_ID">
        <shadow type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </shadow>
      </value>
      <next>
        <block type="addHTMLElement">
          <field name="ELEMENT">span</field>
          <field name="MODE">TO</field>
          <field name="PARENT">FALSE</field>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">alert-close-button</field>
            </shadow>
          </value>
          <value name="TARGET_ID">
            <shadow type="DOMObjectSelector">
              <field name="DOM_OBJECT">CONTAINER</field>
            </shadow>
            <block type="text">
              <field name="TEXT">alert-panel</field>
            </block>
          </value>
          <next>
            <block type="setHTMLElemAttribute">
              <field name="ATTRIBUTE">textContent</field>
              <field name="PARENT">FALSE</field>
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT">×</field>
                </shadow>
              </value>
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">alert-close-button</field>
                </shadow>
              </value>
              <next>
                <block type="addHTMLElement">
                  <field name="ELEMENT">span</field>
                  <field name="MODE">TO</field>
                  <field name="PARENT">FALSE</field>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">alert-message</field>
                    </shadow>
                  </value>
                  <value name="TARGET_ID">
                    <shadow type="DOMObjectSelector">
                      <field name="DOM_OBJECT">CONTAINER</field>
                    </shadow>
                    <block type="text">
                      <field name="TEXT">alert-panel</field>
                    </block>
                  </value>
                  <next>
                    <block type="setHTMLElemAttribute">
                      <field name="ATTRIBUTE">textContent</field>
                      <field name="PARENT">FALSE</field>
                      <value name="VALUE">
                        <shadow type="text">
                          <field name="TEXT">Our app does this and that. If you continue to use this app we will assume that you are happy with it.</field>
                        </shadow>
                      </value>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">alert-message</field>
                        </shadow>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">style</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT"/>
                            </shadow>
                            <block type="cssStyleList">
                              <mutation>
                                <prop name="position" shadowvalue="absolute"/>
                                <prop name="padding" shadowvalue="0px"/>
                                <prop name="background-color" shadowvalue="#ADE043"/>
                                <prop name="color" shadowvalue="#000000"/>
                                <prop name="opacity" shadowvalue="1"/>
                                <prop name="transition" shadowvalue="opacity 0.6s;"/>
                                <prop name="left" shadowvalue="0px"/>
                                <prop name="right" shadowvalue="0px"/>
                                <prop name="bottom" shadowvalue="0px"/>
                                <prop name="font-family" shadowvalue="system-ui"/>
                                <prop name="text-align" shadowvalue="start"/>
                              </mutation>
                              <value name="PROP0">
                                <shadow type="positionDropdown">
                                  <field name="TEXT">absolute</field>
                                </shadow>
                              </value>
                              <value name="PROP1">
                                <shadow type="text">
                                  <field name="TEXT">20px</field>
                                </shadow>
                              </value>
                              <value name="PROP2">
                                <shadow type="text">
                                  <field name="TEXT">#f44336</field>
                                </shadow>
                              </value>
                              <value name="PROP3">
                                <shadow type="text">
                                  <field name="TEXT">white</field>
                                </shadow>
                              </value>
                              <value name="PROP4">
                                <shadow type="text">
                                  <field name="TEXT">1</field>
                                </shadow>
                              </value>
                              <value name="PROP5">
                                <shadow type="text">
                                  <field name="TEXT">opacity 0.6s</field>
                                </shadow>
                              </value>
                              <value name="PROP6">
                                <shadow type="text">
                                  <field name="TEXT">0px</field>
                                </shadow>
                              </value>
                              <value name="PROP7">
                                <shadow type="text">
                                  <field name="TEXT">0px</field>
                                </shadow>
                              </value>
                              <value name="PROP8">
                                <shadow type="text">
                                  <field name="TEXT">0px</field>
                                </shadow>
                              </value>
                              <value name="PROP9">
                                <shadow type="text">
                                  <field name="TEXT">system-ui</field>
                                </shadow>
                              </value>
                              <value name="PROP10">
                                <shadow type="textAlignDropdown">
                                  <field name="TEXT">center</field>
                                </shadow>
                              </value>
                            </block>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">alert-panel</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="setHTMLElemAttribute">
                              <field name="ATTRIBUTE">style</field>
                              <field name="PARENT">FALSE</field>
                              <value name="VALUE">
                                <shadow type="text">
                                  <field name="TEXT"/>
                                </shadow>
                                <block type="cssStyleList">
                                  <mutation>
                                    <prop name="font-weight" shadowvalue="bold"/>
                                    <prop name="float" shadowvalue="right"/>
                                    <prop name="font-size" shadowvalue="22px"/>
                                    <prop name="line-height" shadowvalue="20px"/>
                                    <prop name="cursor" shadowvalue="pointer"/>
                                  </mutation>
                                  <value name="PROP0">
                                    <shadow type="text">
                                      <field name="TEXT">bold</field>
                                    </shadow>
                                  </value>
                                  <value name="PROP1">
                                    <shadow type="floatDropdown">
                                      <field name="TEXT">right</field>
                                    </shadow>
                                  </value>
                                  <value name="PROP2">
                                    <shadow type="text">
                                      <field name="TEXT">22px</field>
                                    </shadow>
                                  </value>
                                  <value name="PROP3">
                                    <shadow type="text">
                                      <field name="TEXT">20px</field>
                                    </shadow>
                                  </value>
                                  <value name="PROP4">
                                    <shadow type="cursorDropdown">
                                      <field name="TEXT">pointer</field>
                                    </shadow>
                                  </value>
                                </block>
                              </value>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">alert-close-button</field>
                                </shadow>
                              </value>
                              <next>
                                <block type="eventHTMLElem">
                                  <field name="EVENT">click</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">alert-close-button</field>
                                    </shadow>
                                  </value>
                                  <statement name="DO">
                                    <block type="setHTMLElemStyle">
                                      <field name="PROPERTY">opacity</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="text">
                                          <field name="TEXT">0</field>
                                        </shadow>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">alert-panel</field>
                                        </shadow>
                                      </value>
                                    </block>
                                  </statement>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Auto-Rotate Camera">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Automatically rotate camera upon inactivity.</field>
  <next>
    <block type="eventHTMLElem">
      <field name="EVENT">click</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT"/>
        </shadow>
        <block type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </block>
      </value>
      <statement name="DO">
        <block type="autoRotateCamera">
          <field name="ON_OFF">OFF</field>
          <value name="SPEED">
            <shadow type="math_number">
              <field name="NUM">2</field>
            </shadow>
          </value>
          <next>
            <block type="setTimer">
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">autorotate delay</field>
                </shadow>
              </value>
              <value name="VALUE">
                <shadow type="math_number">
                  <field name="NUM">2</field>
                </shadow>
              </value>
              <value name="REPEAT">
                <shadow type="math_number">
                  <field name="NUM">Infinity</field>
                </shadow>
              </value>
              <statement name="DO">
                <block type="autoRotateCamera">
                  <field name="ON_OFF">ON</field>
                  <value name="SPEED">
                    <shadow type="math_number">
                      <field name="NUM">2</field>
                    </shadow>
                  </value>
                </block>
              </statement>
            </block>
          </next>
        </block>
      </statement>
      <next>
        <block type="setTimer">
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">autorotate delay</field>
            </shadow>
          </value>
          <value name="VALUE">
            <shadow type="math_number">
              <field name="NUM">2</field>
            </shadow>
          </value>
          <value name="REPEAT">
            <shadow type="math_number">
              <field name="NUM">Infinity</field>
            </shadow>
          </value>
          <statement name="DO">
            <block type="autoRotateCamera">
              <field name="ON_OFF">ON</field>
              <value name="SPEED">
                <shadow type="math_number">
                  <field name="NUM">2</field>
                </shadow>
              </value>
            </block>
          </statement>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Color Picker">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Create color picker attached to 3D object. Replace "pCube1" with actual object name and "standardSurface1" with actual material.</field>
  <next>
    <block type="addHTMLElement">
      <field name="ELEMENT">input</field>
      <field name="MODE">TO</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">color-picker</field>
        </shadow>
      </value>
      <value name="TARGET_ID">
        <shadow type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </shadow>
      </value>
      <next>
        <block type="setHTMLElemAttribute">
          <field name="ATTRIBUTE">type</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="typeDropdown">
              <field name="TEXT">color</field>
            </shadow>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">color-picker</field>
            </shadow>
          </value>
          <next>
            <block type="setHTMLElemAttribute">
              <field name="ATTRIBUTE">value</field>
              <field name="PARENT">FALSE</field>
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT"/>
                </shadow>
                <block type="getMaterialColor">
                  <mutation flexcolinput="false"/>
                  <field name="MAT_COL_NAME">standardSurface1 Base Color</field>
                  <field name="COORD">CSS_HEX</field>
                  <value name="MATERIAL">
                    <shadow type="materialList">
                      <field name="FIELDNAME">standardSurface1</field>
                    </shadow>
                  </value>
                </block>
              </value>
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">color-picker</field>
                </shadow>
              </value>
              <next>
                <block type="setHTMLElemAttribute">
                  <field name="ATTRIBUTE">style</field>
                  <field name="PARENT">FALSE</field>
                  <value name="VALUE">
                    <shadow type="text">
                      <field name="TEXT"/>
                    </shadow>
                    <block type="cssStyleList">
                      <mutation>
                        <prop name="position" shadowvalue="absolute"/>
                        <prop name="width" shadowvalue="25px"/>
                        <prop name="height" shadowvalue="25px"/>
                        <prop name="border" shadowvalue="1px solid #ccc"/>
                        <prop name="border-radius" shadowvalue="50%"/>
                        <prop name="padding" shadowvalue="0px"/>
                        <prop name="cursor" shadowvalue="pointer"/>
                        <prop name="background" shadowvalue="none"/>
                      </mutation>
                      <value name="PROP0">
                        <shadow type="positionDropdown">
                          <field name="TEXT">absolute</field>
                        </shadow>
                      </value>
                      <value name="PROP1">
                        <shadow type="text">
                          <field name="TEXT">25px</field>
                        </shadow>
                      </value>
                      <value name="PROP2">
                        <shadow type="text">
                          <field name="TEXT">25px</field>
                        </shadow>
                      </value>
                      <value name="PROP3">
                        <shadow type="text">
                          <field name="TEXT">1px solid #aaa</field>
                        </shadow>
                      </value>
                      <value name="PROP4">
                        <shadow type="text">
                          <field name="TEXT">50%</field>
                        </shadow>
                      </value>
                      <value name="PROP5">
                        <shadow type="text">
                          <field name="TEXT">0px</field>
                        </shadow>
                      </value>
                      <value name="PROP6">
                        <shadow type="cursorDropdown">
                          <field name="TEXT">pointer</field>
                        </shadow>
                      </value>
                      <value name="PROP7">
                        <shadow type="text">
                          <field name="TEXT">none</field>
                        </shadow>
                      </value>
                    </block>
                  </value>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">color-picker</field>
                    </shadow>
                  </value>
                  <next>
                    <block type="createCSSRule">
                      <mutation mediaruleslot="false"/>
                      <field name="PARENT">FALSE</field>
                      <value name="CSS_RULE">
                        <shadow type="text">
                          <field name="TEXT">#color-picker::-webkit-color-swatch-wrapper</field>
                        </shadow>
                      </value>
                      <value name="CSS_RULE_CONT">
                        <shadow type="cssStyleList">
                          <mutation>
                            <prop name="padding" shadowvalue="0px"/>
                            <prop name="border-radius" shadowvalue="0px"/>
                          </mutation>
                          <value name="PROP0">
                            <shadow type="text">
                              <field name="TEXT">0</field>
                            </shadow>
                          </value>
                          <value name="PROP1">
                            <shadow type="text">
                              <field name="TEXT">50%</field>
                            </shadow>
                          </value>
                        </shadow>
                      </value>
                      <next>
                        <block type="createCSSRule">
                          <mutation mediaruleslot="false"/>
                          <field name="PARENT">FALSE</field>
                          <value name="CSS_RULE">
                            <shadow type="text">
                              <field name="TEXT">#color-picker::-webkit-color-swatch</field>
                            </shadow>
                          </value>
                          <value name="CSS_RULE_CONT">
                            <shadow type="cssStyleList">
                              <mutation>
                                <prop name="padding" shadowvalue="0px"/>
                                <prop name="border-radius" shadowvalue="0px"/>
                              </mutation>
                              <value name="PROP0">
                                <shadow type="text">
                                  <field name="TEXT">0</field>
                                </shadow>
                              </value>
                              <value name="PROP1">
                                <shadow type="text">
                                  <field name="TEXT">50%</field>
                                </shadow>
                              </value>
                            </shadow>
                          </value>
                          <next>
                            <block type="createCSSRule">
                              <mutation mediaruleslot="false"/>
                              <field name="PARENT">FALSE</field>
                              <value name="CSS_RULE">
                                <shadow type="text">
                                  <field name="TEXT">#color-picker::-moz-color-swatch</field>
                                </shadow>
                              </value>
                              <value name="CSS_RULE_CONT">
                                <shadow type="cssStyleList">
                                  <mutation>
                                    <prop name="padding" shadowvalue="0px"/>
                                    <prop name="border-radius" shadowvalue="0px"/>
                                  </mutation>
                                  <value name="PROP0">
                                    <shadow type="text">
                                      <field name="TEXT">0</field>
                                    </shadow>
                                  </value>
                                  <value name="PROP1">
                                    <shadow type="text">
                                      <field name="TEXT">50%</field>
                                    </shadow>
                                  </value>
                                </shadow>
                              </value>
                              <next>
                                <block type="eventHTMLElem">
                                  <field name="EVENT">input</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">color-picker</field>
                                    </shadow>
                                  </value>
                                  <statement name="DO">
                                    <block type="setMaterialColor">
                                      <mutation flexcolinput="false" usecsscolor="true"/>
                                      <field name="MAT_COL_NAME">standardSurface1 Base Color</field>
                                      <value name="MATERIAL">
                                        <shadow type="materialList">
                                          <field name="FIELDNAME">standardSurface1</field>
                                        </shadow>
                                      </value>
                                      <value name="CSS">
                                        <block type="getHTMLElemAttribute">
                                          <field name="ATTRIBUTE">value</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">color-picker</field>
                                            </shadow>
                                          </value>
                                        </block>
                                      </value>
                                    </block>
                                  </statement>
                                  <next>
                                    <block type="bindHTMLObject">
                                      <field name="PARENT">FALSE</field>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">color-picker</field>
                                        </shadow>
                                      </value>
                                      <value name="OBJECTINPUT">
                                        <shadow type="objectList">
                                          <field name="FIELDNAME">pCube1</field>
                                        </shadow>
                                      </value>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Context Menu">
<block xmlns="https://developers.google.com/blockly/xml" type="comment">
  <field name="TEXT">Displays context menu upon right click on 3D object. Replace &quot;pCube1&quot; and menu items in actual app.</field>
  <next>
    <block type="createCSSRule">
      <mutation xmlns="http://www.w3.org/1999/xhtml" mediaruleslot="false"/>
      <field name="PARENT">FALSE</field>
      <value name="CSS_RULE">
        <shadow type="text">
          <field name="TEXT">.menu-item</field>
        </shadow>
      </value>
      <value name="CSS_RULE_CONT">
        <shadow type="cssStyleList">
          <mutation xmlns="http://www.w3.org/1999/xhtml">
            <prop name="color" shadowvalue="black"/>
            <prop name="background-color" shadowvalue="white"/>
            <prop name="font-family" shadowvalue="system-ui"/>
            <prop name="padding" shadowvalue="10px 15px"/>
            <prop name="cursor" shadowvalue="pointer"/>
          </mutation>
          <value name="PROP0">
            <shadow type="text">
              <field name="TEXT">black</field>
            </shadow>
          </value>
          <value name="PROP1">
            <shadow type="text">
              <field name="TEXT">white</field>
            </shadow>
          </value>
          <value name="PROP2">
            <shadow type="text">
              <field name="TEXT">system-ui</field>
            </shadow>
          </value>
          <value name="PROP3">
            <shadow type="text">
              <field name="TEXT">10px 15px</field>
            </shadow>
          </value>
          <value name="PROP4">
            <shadow type="cursorDropdown">
              <field name="TEXT">pointer</field>
            </shadow>
          </value>
        </shadow>
      </value>
      <next>
        <block type="createCSSRule">
          <mutation xmlns="http://www.w3.org/1999/xhtml" mediaruleslot="false"/>
          <field name="PARENT">FALSE</field>
          <value name="CSS_RULE">
            <shadow type="text">
              <field name="TEXT">.menu-item:hover</field>
            </shadow>
          </value>
          <value name="CSS_RULE_CONT">
            <shadow type="cssStyleList">
              <mutation xmlns="http://www.w3.org/1999/xhtml">
                <prop name="color" shadowvalue="#000000"/>
                <prop name="background-color" shadowvalue="blue"/>
              </mutation>
              <value name="PROP0">
                <shadow type="text">
                  <field name="TEXT">white</field>
                </shadow>
              </value>
              <value name="PROP1">
                <shadow type="text">
                  <field name="TEXT">#6565e6</field>
                </shadow>
              </value>
            </shadow>
          </value>
          <next>
            <block type="eventHTMLElem">
              <field name="EVENT">contextmenu</field>
              <field name="PARENT">FALSE</field>
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">myElem</field>
                </shadow>
                <block type="DOMObjectSelector">
                  <field name="DOM_OBJECT">CONTAINER</field>
                </block>
              </value>
              <statement name="DO">
                <block type="domObjectCall">
                  <mutation xmlns="http://www.w3.org/1999/xhtml" method_to_call="PREVENT_DEFAULT"/>
                  <field name="METHOD">PREVENT_DEFAULT</field>
                </block>
              </statement>
              <next>
                <block type="whenClicked" inline="true">
                  <mutation xmlns="http://www.w3.org/1999/xhtml" adveventoptions="true" enableifmissed="true" useid="false"/>
                  <field name="X_RAY">FALSE</field>
                  <field name="DOUBLE_CLICK">FALSE</field>
                  <field name="LEFT_BUTTON">FALSE</field>
                  <field name="MIDDLE_BUTTON">FALSE</field>
                  <field name="RIGHT_BUTTON">TRUE</field>
                  <value name="VALUE">
                    <shadow type="objectList">
                      <field name="FIELDNAME">pCube1</field>
                    </shadow>
                  </value>
                  <statement name="DO">
                    <block type="addHTMLElement">
                      <field name="ELEMENT">div</field>
                      <field name="MODE">TO</field>
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">my-menu</field>
                        </shadow>
                      </value>
                      <value name="TARGET_ID">
                        <shadow type="DOMObjectSelector">
                          <field name="DOM_OBJECT">CONTAINER</field>
                        </shadow>
                      </value>
                      <next>
                        <block type="setHTMLElemStyle">
                          <field name="PROPERTY">position</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="positionDropdown">
                              <field name="TEXT">absolute</field>
                            </shadow>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">my-menu</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="setHTMLElemStyle">
                              <field name="PROPERTY">left</field>
                              <field name="PARENT">FALSE</field>
                              <value name="VALUE">
                                <shadow type="text">
                                  <field name="TEXT">auto</field>
                                </shadow>
                                <block type="text_join" inline="true">
                                  <mutation items="2"/>
                                  <value name="ADD0">
                                    <block type="getEventProperty">
                                      <field name="PROPERTY">offsetX</field>
                                    </block>
                                  </value>
                                  <value name="ADD1">
                                    <block type="text">
                                      <field name="TEXT">px</field>
                                    </block>
                                  </value>
                                </block>
                              </value>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">my-menu</field>
                                </shadow>
                              </value>
                              <next>
                                <block type="setHTMLElemStyle">
                                  <field name="PROPERTY">top</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">auto</field>
                                    </shadow>
                                    <block type="text_join" inline="true">
                                      <mutation items="2"/>
                                      <value name="ADD0">
                                        <block type="getEventProperty">
                                          <field name="PROPERTY">offsetY</field>
                                        </block>
                                      </value>
                                      <value name="ADD1">
                                        <block type="text">
                                          <field name="TEXT">px</field>
                                        </block>
                                      </value>
                                    </block>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">my-menu</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="addHTMLElement">
                                      <field name="ELEMENT">div</field>
                                      <field name="MODE">TO</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">my-menu-item-1</field>
                                        </shadow>
                                      </value>
                                      <value name="TARGET_ID">
                                        <shadow type="DOMObjectSelector">
                                          <field name="DOM_OBJECT">CONTAINER</field>
                                        </shadow>
                                        <block type="text">
                                          <field name="TEXT">my-menu</field>
                                        </block>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemAttribute">
                                          <field name="ATTRIBUTE">textContent</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT">Item 1</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">my-menu-item-1</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="setHTMLElemAttribute">
                                              <field name="ATTRIBUTE">className</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="VALUE">
                                                <shadow type="text">
                                                  <field name="TEXT">menu-item</field>
                                                </shadow>
                                              </value>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">my-menu-item-1</field>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="addHTMLElement">
                                                  <field name="ELEMENT">div</field>
                                                  <field name="MODE">TO</field>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="ID">
                                                    <shadow type="text">
                                                      <field name="TEXT">my-menu-item-2</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="TARGET_ID">
                                                    <shadow type="DOMObjectSelector">
                                                      <field name="DOM_OBJECT">CONTAINER</field>
                                                    </shadow>
                                                    <block type="text">
                                                      <field name="TEXT">my-menu</field>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="setHTMLElemAttribute">
                                                      <field name="ATTRIBUTE">className</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="VALUE">
                                                        <shadow type="text">
                                                          <field name="TEXT">menu-item</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">my-menu-item-2</field>
                                                        </shadow>
                                                      </value>
                                                      <next>
                                                        <block type="setHTMLElemAttribute">
                                                          <field name="ATTRIBUTE">textContent</field>
                                                          <field name="PARENT">FALSE</field>
                                                          <value name="VALUE">
                                                            <shadow type="text">
                                                              <field name="TEXT">Item 2</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="ID">
                                                            <shadow type="text">
                                                              <field name="TEXT">my-menu-item-2</field>
                                                            </shadow>
                                                          </value>
                                                          <next>
                                                            <block type="eventHTMLElem">
                                                              <field name="EVENT">click</field>
                                                              <field name="PARENT">FALSE</field>
                                                              <value name="ID">
                                                                <shadow type="text">
                                                                  <field name="TEXT">my-menu</field>
                                                                </shadow>
                                                              </value>
                                                              <statement name="DO">
                                                                <block type="comment">
                                                                  <field name="TEXT">Process item clicks here.</field>
                                                                  <next>
                                                                    <block type="console.log">
                                                                      <value name="VALUE">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">Hello, Verge!</field>
                                                                        </shadow>
                                                                        <block type="text_join">
                                                                          <mutation items="2"/>
                                                                          <value name="ADD0">
                                                                            <block type="getEventProperty">
                                                                              <field name="PROPERTY">target.id</field>
                                                                            </block>
                                                                          </value>
                                                                          <value name="ADD1">
                                                                            <block type="text">
                                                                              <field name="TEXT"> element clicked!</field>
                                                                            </block>
                                                                          </value>
                                                                        </block>
                                                                      </value>
                                                                    </block>
                                                                  </next>
                                                                </block>
                                                              </statement>
                                                            </block>
                                                          </next>
                                                        </block>
                                                      </next>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </statement>
                  <statement name="IF_MISSED_DO">
                    <block type="removeHTMLElement">
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">my-menu</field>
                        </shadow>
                      </value>
                    </block>
                  </statement>
                  <next>
                    <block type="eventHTMLElem">
                      <field name="EVENT">click</field>
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">myElem</field>
                        </shadow>
                        <block type="DOMObjectSelector">
                          <field name="DOM_OBJECT">DOCUMENT</field>
                        </block>
                      </value>
                      <statement name="DO">
                        <block type="removeHTMLElement">
                          <field name="PARENT">FALSE</field>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">my-menu</field>
                            </shadow>
                          </value>
                        </block>
                      </statement>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Detect Pressed/Released">
<block xmlns="https://developers.google.com/blockly/xml" type="comment">
  <field name="TEXT">Detect if mouse/touch is being pressed or released over object. Replace &quot;pCube1&quot; with actual object name.</field>
  <next>
    <block type="eventHTMLElem">
      <field name="EVENT">pointerdown</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT"/>
        </shadow>
        <block type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </block>
      </value>
      <statement name="DO">
        <block type="variables_set">
          <field name="VAR" id="QOe75Oob#y|HhF5iYd=J">raycast</field>
          <value name="VALUE">
            <block type="raycast">
              <field name="ONLY_VISIBLE">TRUE</field>
              <value name="FROM">
                <block type="getActiveCamera"/>
              </value>
              <value name="DIRECTION">
                <block type="getCameraDirection">
                  <field name="MOUSE_TOUCH">TRUE</field>
                  <field name="INVERTED">FALSE</field>
                </block>
              </value>
              <value name="INTERSECT_OBJS">
                <shadow type="objectList">
                  <field name="FIELDNAME">pCube1</field>
                </shadow>
              </value>
            </block>
          </value>
          <next>
            <block type="controls_if">
              <value name="IF0">
                <block type="logic_operation">
                  <field name="OP">AND</field>
                  <value name="A">
                    <block type="logic_compare">
                      <field name="OP">GT</field>
                      <value name="A">
                        <block type="lists_length">
                          <value name="VALUE">
                            <block type="variables_get">
                              <field name="VAR" id="QOe75Oob#y|HhF5iYd=J">raycast</field>
                            </block>
                          </value>
                        </block>
                      </value>
                      <value name="B">
                        <block type="math_number">
                          <field name="NUM">0</field>
                        </block>
                      </value>
                    </block>
                  </value>
                  <value name="B">
                    <block type="logic_compare">
                      <field name="OP">EQ</field>
                      <value name="A">
                        <block type="dictGet">
                          <mutation xmlns="http://www.w3.org/1999/xhtml" defaultvalueslot="false"/>
                          <value name="DICT">
                            <block type="lists_getIndex">
                              <mutation statement="false" at="false"/>
                              <field name="MODE">GET</field>
                              <field name="WHERE">FIRST</field>
                              <value name="VALUE">
                                <block type="variables_get">
                                  <field name="VAR" id="QOe75Oob#y|HhF5iYd=J">raycast</field>
                                </block>
                              </value>
                            </block>
                          </value>
                          <value name="KEY">
                            <shadow type="text">
                              <field name="TEXT">object</field>
                            </shadow>
                          </value>
                        </block>
                      </value>
                      <value name="B">
                        <block type="text">
                          <field name="TEXT">pCube1</field>
                        </block>
                      </value>
                    </block>
                  </value>
                </block>
              </value>
              <statement name="DO0">
                <block type="console.log">
                  <value name="VALUE">
                    <shadow type="text">
                      <field name="TEXT">Mouse/Touch Pressed!</field>
                    </shadow>
                  </value>
                </block>
              </statement>
            </block>
          </next>
        </block>
      </statement>
      <next>
        <block type="eventHTMLElem">
          <field name="EVENT">pointerup</field>
          <field name="PARENT">FALSE</field>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT"/>
            </shadow>
            <block type="DOMObjectSelector">
              <field name="DOM_OBJECT">CONTAINER</field>
            </block>
          </value>
          <statement name="DO">
            <block type="variables_set">
              <field name="VAR" id="QOe75Oob#y|HhF5iYd=J">raycast</field>
              <value name="VALUE">
                <block type="raycast">
                  <field name="ONLY_VISIBLE">TRUE</field>
                  <value name="FROM">
                    <block type="getActiveCamera"/>
                  </value>
                  <value name="DIRECTION">
                    <block type="getCameraDirection">
                      <field name="MOUSE_TOUCH">TRUE</field>
                      <field name="INVERTED">FALSE</field>
                    </block>
                  </value>
                  <value name="INTERSECT_OBJS">
                    <shadow type="objectList">
                      <field name="FIELDNAME">pCube1</field>
                    </shadow>
                  </value>
                </block>
              </value>
              <next>
                <block type="controls_if">
                  <value name="IF0">
                    <block type="logic_operation">
                      <field name="OP">AND</field>
                      <value name="A">
                        <block type="logic_compare">
                          <field name="OP">GT</field>
                          <value name="A">
                            <block type="lists_length">
                              <value name="VALUE">
                                <block type="variables_get">
                                  <field name="VAR" id="QOe75Oob#y|HhF5iYd=J">raycast</field>
                                </block>
                              </value>
                            </block>
                          </value>
                          <value name="B">
                            <block type="math_number">
                              <field name="NUM">0</field>
                            </block>
                          </value>
                        </block>
                      </value>
                      <value name="B">
                        <block type="logic_compare">
                          <field name="OP">EQ</field>
                          <value name="A">
                            <block type="dictGet">
                              <mutation xmlns="http://www.w3.org/1999/xhtml" defaultvalueslot="false"/>
                              <value name="DICT">
                                <block type="lists_getIndex">
                                  <mutation statement="false" at="false"/>
                                  <field name="MODE">GET</field>
                                  <field name="WHERE">FIRST</field>
                                  <value name="VALUE">
                                    <block type="variables_get">
                                      <field name="VAR" id="QOe75Oob#y|HhF5iYd=J">raycast</field>
                                    </block>
                                  </value>
                                </block>
                              </value>
                              <value name="KEY">
                                <shadow type="text">
                                  <field name="TEXT">object</field>
                                </shadow>
                              </value>
                            </block>
                          </value>
                          <value name="B">
                            <block type="text">
                              <field name="TEXT">pCube1</field>
                            </block>
                          </value>
                        </block>
                      </value>
                    </block>
                  </value>
                  <statement name="DO0">
                    <block type="console.log">
                      <value name="VALUE">
                        <shadow type="text">
                          <field name="TEXT">Mouse/Touch Released!</field>
                        </shadow>
                      </value>
                    </block>
                  </statement>
                </block>
              </next>
            </block>
          </statement>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Hovered Cursor">
<block xmlns="https://developers.google.com/blockly/xml" type="comment">
  <field name="TEXT">Change mouse cursor over object. Replace &quot;pCube1&quot; with actual object name.</field>
  <next>
    <block type="whenHovered" inline="false">
      <mutation xmlns="http://www.w3.org/1999/xhtml" adveventoptions="false"/>
      <field name="X_RAY">FALSE</field>
      <value name="VALUE">
        <shadow type="objectList">
          <field name="FIELDNAME">pCube1</field>
        </shadow>
      </value>
      <statement name="DO_OVER">
        <block type="setHTMLElemStyle">
          <field name="PROPERTY">cursor</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="cursorDropdown">
              <field name="TEXT">pointer</field>
            </shadow>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">myElem</field>
            </shadow>
            <block type="DOMObjectSelector">
              <field name="DOM_OBJECT">BODY</field>
            </block>
          </value>
        </block>
      </statement>
      <statement name="DO_OUT">
        <block type="setHTMLElemStyle">
          <field name="PROPERTY">cursor</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="cursorDropdown">
              <field name="TEXT">default</field>
            </shadow>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">myElem</field>
            </shadow>
            <block type="DOMObjectSelector">
              <field name="DOM_OBJECT">BODY</field>
            </block>
          </value>
        </block>
      </statement>
    </block>
  </next>
</block>
</category>
<category name="HTML Dialogs">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Create simple &quot;OK&quot; dialog. Place the last &quot;showModal&quot; puzzle somewhere else to open the dialog on demand.</field>
  <next>
    <block type="addHTMLElement">
      <field name="ELEMENT">dialog</field>
      <field name="MODE">TO</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">ok-dialog</field>
        </shadow>
      </value>
      <value name="TARGET_ID">
        <shadow type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </shadow>
      </value>
      <next>
        <block type="setHTMLElemAttribute">
          <field name="ATTRIBUTE">style</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="text">
              <field name="TEXT"/>
            </shadow>
            <block type="cssStyleList">
              <mutation>
                <prop name="min-width" shadowvalue="120px"/>
                <prop name="padding" shadowvalue="20px"/>
                <prop name="font-family" shadowvalue="system-ui"/>
                <prop name="border" shadowvalue="1px solid #888"/>
                <prop name="filter" shadowvalue=""/>
              </mutation>
              <value name="PROP0">
                <shadow type="text">
                  <field name="TEXT">120px</field>
                </shadow>
              </value>
              <value name="PROP1">
                <shadow type="text">
                  <field name="TEXT">20px</field>
                </shadow>
              </value>
              <value name="PROP2">
                <shadow type="text">
                  <field name="TEXT">system-ui</field>
                </shadow>
              </value>
              <value name="PROP3">
                <shadow type="text">
                  <field name="TEXT">solid #444 1px</field>
                </shadow>
              </value>
              <value name="PROP4">
                <shadow type="text">
                  <field name="TEXT">drop-shadow(0px 0px 6px #00000034)</field>
                </shadow>
              </value>
            </block>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">ok-dialog</field>
            </shadow>
          </value>
          <next>
            <block type="createCSSRule">
              <mutation mediaruleslot="false"/>
              <field name="PARENT">FALSE</field>
              <value name="CSS_RULE">
                <shadow type="text">
                  <field name="TEXT">#ok-dialog::backdrop</field>
                </shadow>
              </value>
              <value name="CSS_RULE_CONT">
                <shadow type="cssStyleList">
                  <mutation>
                    <prop name="backdrop-filter" shadowvalue="blur(3px)"/>
                  </mutation>
                  <value name="PROP0">
                    <shadow type="text">
                      <field name="TEXT">blur(3px)</field>
                    </shadow>
                  </value>
                </shadow>
              </value>
              <next>
                <block type="addHTMLElement">
                  <field name="ELEMENT">form</field>
                  <field name="MODE">TO</field>
                  <field name="PARENT">FALSE</field>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">ok-dialog-form</field>
                    </shadow>
                  </value>
                  <value name="TARGET_ID">
                    <shadow type="DOMObjectSelector">
                      <field name="DOM_OBJECT">CONTAINER</field>
                    </shadow>
                    <block type="text">
                      <field name="TEXT">ok-dialog</field>
                    </block>
                  </value>
                  <next>
                    <block type="setHTMLElemAttribute">
                      <field name="ATTRIBUTE">method</field>
                      <field name="PARENT">FALSE</field>
                      <value name="VALUE">
                        <shadow type="methodDropdown">
                          <field name="TEXT">dialog</field>
                        </shadow>
                      </value>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">ok-dialog-form</field>
                        </shadow>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">style</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT"/>
                            </shadow>
                            <block type="cssStyleList">
                              <mutation>
                                <prop name="display" shadowvalue="flex"/>
                                <prop name="gap" shadowvalue="10px"/>
                                <prop name="flex-direction" shadowvalue="column"/>
                                <prop name="align-items" shadowvalue="normal"/>
                              </mutation>
                              <value name="PROP0">
                                <shadow type="displayDropdown">
                                  <field name="TEXT">flex</field>
                                </shadow>
                              </value>
                              <value name="PROP1">
                                <shadow type="text">
                                  <field name="TEXT">15px</field>
                                </shadow>
                              </value>
                              <value name="PROP2">
                                <shadow type="flexDirectionDropdown">
                                  <field name="TEXT">column</field>
                                </shadow>
                              </value>
                              <value name="PROP3">
                                <shadow type="alignItemsDropdown">
                                  <field name="TEXT">center</field>
                                </shadow>
                              </value>
                            </block>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">ok-dialog-form</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="addHTMLElement">
                              <field name="ELEMENT">div</field>
                              <field name="MODE">TO</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">ok-dialog-text</field>
                                </shadow>
                              </value>
                              <value name="TARGET_ID">
                                <shadow type="DOMObjectSelector">
                                  <field name="DOM_OBJECT">CONTAINER</field>
                                </shadow>
                                <block type="text">
                                  <field name="TEXT">ok-dialog-form</field>
                                </block>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">textContent</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">You are doing great!</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">ok-dialog-text</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="addHTMLElement">
                                      <field name="ELEMENT">button</field>
                                      <field name="MODE">TO</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">ok-dialog-button</field>
                                        </shadow>
                                      </value>
                                      <value name="TARGET_ID">
                                        <shadow type="DOMObjectSelector">
                                          <field name="DOM_OBJECT">CONTAINER</field>
                                        </shadow>
                                        <block type="text">
                                          <field name="TEXT">ok-dialog-form</field>
                                        </block>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemAttribute">
                                          <field name="ATTRIBUTE">textContent</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT">OK</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">ok-dialog-button</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="setHTMLElemAttribute">
                                              <field name="ATTRIBUTE">style</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="VALUE">
                                                <shadow type="text">
                                                  <field name="TEXT"/>
                                                </shadow>
                                                <block type="cssStyleList">
                                                  <mutation>
                                                    <prop name="padding" shadowvalue="2px 15px"/>
                                                    <prop name="font-size" shadowvalue="inherit"/>
                                                    <prop name="font-family" shadowvalue="inherit"/>
                                                    <prop name="cursor" shadowvalue="default"/>
                                                  </mutation>
                                                  <value name="PROP0">
                                                    <shadow type="text">
                                                      <field name="TEXT">2px 15px</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="PROP1">
                                                    <shadow type="text">
                                                      <field name="TEXT">inherit</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="PROP2">
                                                    <shadow type="text">
                                                      <field name="TEXT">inherit</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="PROP3">
                                                    <shadow type="cursorDropdown">
                                                      <field name="TEXT">pointer</field>
                                                    </shadow>
                                                  </value>
                                                </block>
                                              </value>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">ok-dialog-button</field>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="domObjectCall">
                                                  <mutation method_to_call="SHOW_MODAL"/>
                                                  <field name="METHOD">SHOW_MODAL</field>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="ID">
                                                    <shadow type="text">
                                                      <field name="TEXT">ok-dialog</field>
                                                    </shadow>
                                                  </value>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Create &quot;Yes/No&quot; dialog. Place the last &quot;showModal&quot; puzzle somewhere else to open the dialog on demand.</field>
  <next>
    <block type="addHTMLElement">
      <field name="ELEMENT">dialog</field>
      <field name="MODE">TO</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">yes-no-dialog</field>
        </shadow>
      </value>
      <value name="TARGET_ID">
        <shadow type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </shadow>
      </value>
      <next>
        <block type="setHTMLElemAttribute">
          <field name="ATTRIBUTE">style</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="text">
              <field name="TEXT"/>
            </shadow>
            <block type="cssStyleList">
              <mutation>
                <prop name="min-width" shadowvalue="120px"/>
                <prop name="padding" shadowvalue="20px"/>
                <prop name="font-family" shadowvalue="system-ui"/>
                <prop name="border" shadowvalue="1px solid #888"/>
                <prop name="filter" shadowvalue=""/>
              </mutation>
              <value name="PROP0">
                <shadow type="text">
                  <field name="TEXT">150px</field>
                </shadow>
              </value>
              <value name="PROP1">
                <shadow type="text">
                  <field name="TEXT">20px</field>
                </shadow>
              </value>
              <value name="PROP2">
                <shadow type="text">
                  <field name="TEXT">system-ui</field>
                </shadow>
              </value>
              <value name="PROP3">
                <shadow type="text">
                  <field name="TEXT">solid #444 1px</field>
                </shadow>
              </value>
              <value name="PROP4">
                <shadow type="text">
                  <field name="TEXT">drop-shadow(0px 0px 6px #00000034)</field>
                </shadow>
              </value>
            </block>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">yes-no-dialog</field>
            </shadow>
          </value>
          <next>
            <block type="createCSSRule">
              <mutation mediaruleslot="false"/>
              <field name="PARENT">FALSE</field>
              <value name="CSS_RULE">
                <shadow type="text">
                  <field name="TEXT">#yes-no-dialog::backdrop</field>
                </shadow>
              </value>
              <value name="CSS_RULE_CONT">
                <shadow type="cssStyleList">
                  <mutation>
                    <prop name="backdrop-filter" shadowvalue="blur(3px)"/>
                  </mutation>
                  <value name="PROP0">
                    <shadow type="text">
                      <field name="TEXT">blur(3px)</field>
                    </shadow>
                  </value>
                </shadow>
              </value>
              <next>
                <block type="addHTMLElement">
                  <field name="ELEMENT">form</field>
                  <field name="MODE">TO</field>
                  <field name="PARENT">FALSE</field>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">yes-no-dialog-form</field>
                    </shadow>
                  </value>
                  <value name="TARGET_ID">
                    <shadow type="DOMObjectSelector">
                      <field name="DOM_OBJECT">CONTAINER</field>
                    </shadow>
                    <block type="text">
                      <field name="TEXT">yes-no-dialog</field>
                    </block>
                  </value>
                  <next>
                    <block type="setHTMLElemAttribute">
                      <field name="ATTRIBUTE">method</field>
                      <field name="PARENT">FALSE</field>
                      <value name="VALUE">
                        <shadow type="methodDropdown">
                          <field name="TEXT">dialog</field>
                        </shadow>
                      </value>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">yes-no-dialog-form</field>
                        </shadow>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">style</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT"/>
                            </shadow>
                            <block type="cssStyleList">
                              <mutation>
                                <prop name="display" shadowvalue="flex"/>
                                <prop name="gap" shadowvalue="10px"/>
                                <prop name="flex-direction" shadowvalue="column"/>
                                <prop name="align-items" shadowvalue="normal"/>
                              </mutation>
                              <value name="PROP0">
                                <shadow type="displayDropdown">
                                  <field name="TEXT">flex</field>
                                </shadow>
                              </value>
                              <value name="PROP1">
                                <shadow type="text">
                                  <field name="TEXT">15px</field>
                                </shadow>
                              </value>
                              <value name="PROP2">
                                <shadow type="flexDirectionDropdown">
                                  <field name="TEXT">column</field>
                                </shadow>
                              </value>
                              <value name="PROP3">
                                <shadow type="alignItemsDropdown">
                                  <field name="TEXT">center</field>
                                </shadow>
                              </value>
                            </block>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">yes-no-dialog-form</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="addHTMLElement">
                              <field name="ELEMENT">div</field>
                              <field name="MODE">TO</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">yes-no-dialog-text</field>
                                </shadow>
                              </value>
                              <value name="TARGET_ID">
                                <shadow type="DOMObjectSelector">
                                  <field name="DOM_OBJECT">CONTAINER</field>
                                </shadow>
                                <block type="text">
                                  <field name="TEXT">yes-no-dialog-form</field>
                                </block>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">textContent</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">Would you like to proceed?</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">yes-no-dialog-text</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="addHTMLElement">
                                      <field name="ELEMENT">div</field>
                                      <field name="MODE">TO</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">yes-no-dialog-buttons</field>
                                        </shadow>
                                      </value>
                                      <value name="TARGET_ID">
                                        <shadow type="DOMObjectSelector">
                                          <field name="DOM_OBJECT">CONTAINER</field>
                                        </shadow>
                                        <block type="text">
                                          <field name="TEXT">yes-no-dialog-form</field>
                                        </block>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemAttribute">
                                          <field name="ATTRIBUTE">style</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT"/>
                                            </shadow>
                                            <block type="cssStyleList">
                                              <mutation>
                                                <prop name="display" shadowvalue="flex"/>
                                                <prop name="gap" shadowvalue="10px"/>
                                              </mutation>
                                              <value name="PROP0">
                                                <shadow type="displayDropdown">
                                                  <field name="TEXT">flex</field>
                                                </shadow>
                                              </value>
                                              <value name="PROP1">
                                                <shadow type="text">
                                                  <field name="TEXT">15px</field>
                                                </shadow>
                                              </value>
                                            </block>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">yes-no-dialog-buttons</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="addHTMLElement">
                                              <field name="ELEMENT">button</field>
                                              <field name="MODE">TO</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">yes-no-dialog-yes-button</field>
                                                </shadow>
                                              </value>
                                              <value name="TARGET_ID">
                                                <shadow type="DOMObjectSelector">
                                                  <field name="DOM_OBJECT">CONTAINER</field>
                                                </shadow>
                                                <block type="text">
                                                  <field name="TEXT">yes-no-dialog-buttons</field>
                                                </block>
                                              </value>
                                              <next>
                                                <block type="setHTMLElemAttribute">
                                                  <field name="ATTRIBUTE">textContent</field>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="VALUE">
                                                    <shadow type="text">
                                                      <field name="TEXT">Yes</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="ID">
                                                    <shadow type="text">
                                                      <field name="TEXT">yes-no-dialog-yes-button</field>
                                                    </shadow>
                                                  </value>
                                                  <next>
                                                    <block type="setHTMLElemAttribute">
                                                      <field name="ATTRIBUTE">value</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="VALUE">
                                                        <shadow type="text">
                                                          <field name="TEXT">yes</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">yes-no-dialog-yes-button</field>
                                                        </shadow>
                                                      </value>
                                                      <next>
                                                        <block type="setHTMLElemAttribute">
                                                          <field name="ATTRIBUTE">style</field>
                                                          <field name="PARENT">FALSE</field>
                                                          <value name="VALUE">
                                                            <shadow type="text">
                                                              <field name="TEXT"/>
                                                            </shadow>
                                                            <block type="cssStyleList">
                                                              <mutation>
                                                                <prop name="padding" shadowvalue="2px 15px"/>
                                                                <prop name="font-size" shadowvalue="inherit"/>
                                                                <prop name="font-family" shadowvalue="inherit"/>
                                                                <prop name="cursor" shadowvalue="default"/>
                                                              </mutation>
                                                              <value name="PROP0">
                                                                <shadow type="text">
                                                                  <field name="TEXT">2px 15px</field>
                                                                </shadow>
                                                              </value>
                                                              <value name="PROP1">
                                                                <shadow type="text">
                                                                  <field name="TEXT">inherit</field>
                                                                </shadow>
                                                              </value>
                                                              <value name="PROP2">
                                                                <shadow type="text">
                                                                  <field name="TEXT">inherit</field>
                                                                </shadow>
                                                              </value>
                                                              <value name="PROP3">
                                                                <shadow type="cursorDropdown">
                                                                  <field name="TEXT">pointer</field>
                                                                </shadow>
                                                              </value>
                                                            </block>
                                                          </value>
                                                          <value name="ID">
                                                            <shadow type="text">
                                                              <field name="TEXT">yes-no-dialog-yes-button</field>
                                                            </shadow>
                                                          </value>
                                                          <next>
                                                            <block type="addHTMLElement">
                                                              <field name="ELEMENT">button</field>
                                                              <field name="MODE">TO</field>
                                                              <field name="PARENT">FALSE</field>
                                                              <value name="ID">
                                                                <shadow type="text">
                                                                  <field name="TEXT">yes-no-dialog-no-button</field>
                                                                </shadow>
                                                              </value>
                                                              <value name="TARGET_ID">
                                                                <shadow type="DOMObjectSelector">
                                                                  <field name="DOM_OBJECT">CONTAINER</field>
                                                                </shadow>
                                                                <block type="text">
                                                                  <field name="TEXT">yes-no-dialog-buttons</field>
                                                                </block>
                                                              </value>
                                                              <next>
                                                                <block type="setHTMLElemAttribute">
                                                                  <field name="ATTRIBUTE">textContent</field>
                                                                  <field name="PARENT">FALSE</field>
                                                                  <value name="VALUE">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">No</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <value name="ID">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">yes-no-dialog-no-button</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <next>
                                                                    <block type="setHTMLElemAttribute">
                                                                      <field name="ATTRIBUTE">value</field>
                                                                      <field name="PARENT">FALSE</field>
                                                                      <value name="VALUE">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">no</field>
                                                                        </shadow>
                                                                      </value>
                                                                      <value name="ID">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">yes-no-dialog-no-button</field>
                                                                        </shadow>
                                                                      </value>
                                                                      <next>
                                                                        <block type="setHTMLElemAttribute">
                                                                          <field name="ATTRIBUTE">style</field>
                                                                          <field name="PARENT">FALSE</field>
                                                                          <value name="VALUE">
                                                                            <shadow type="text">
                                                                              <field name="TEXT"/>
                                                                            </shadow>
                                                                            <block type="cssStyleList">
                                                                              <mutation>
                                                                                <prop name="padding" shadowvalue="2px 15px"/>
                                                                                <prop name="font-size" shadowvalue="inherit"/>
                                                                                <prop name="font-family" shadowvalue="inherit"/>
                                                                                <prop name="cursor" shadowvalue="default"/>
                                                                              </mutation>
                                                                              <value name="PROP0">
                                                                                <shadow type="text">
                                                                                  <field name="TEXT">2px 15px</field>
                                                                                </shadow>
                                                                              </value>
                                                                              <value name="PROP1">
                                                                                <shadow type="text">
                                                                                  <field name="TEXT">inherit</field>
                                                                                </shadow>
                                                                              </value>
                                                                              <value name="PROP2">
                                                                                <shadow type="text">
                                                                                  <field name="TEXT">inherit</field>
                                                                                </shadow>
                                                                              </value>
                                                                              <value name="PROP3">
                                                                                <shadow type="cursorDropdown">
                                                                                  <field name="TEXT">pointer</field>
                                                                                </shadow>
                                                                              </value>
                                                                            </block>
                                                                          </value>
                                                                          <value name="ID">
                                                                            <shadow type="text">
                                                                              <field name="TEXT">yes-no-dialog-no-button</field>
                                                                            </shadow>
                                                                          </value>
                                                                          <next>
                                                                            <block type="eventHTMLElem">
                                                                              <field name="EVENT">close</field>
                                                                              <field name="PARENT">FALSE</field>
                                                                              <value name="ID">
                                                                                <shadow type="text">
                                                                                  <field name="TEXT">yes-no-dialog</field>
                                                                                </shadow>
                                                                              </value>
                                                                              <statement name="DO">
                                                                                <block type="controls_ifelse">
                                                                                  <value name="IF0">
                                                                                    <block type="logic_compare">
                                                                                      <field name="OP">EQ</field>
                                                                                      <value name="A">
                                                                                        <block type="getHTMLElemAttribute">
                                                                                          <field name="ATTRIBUTE">returnValue</field>
                                                                                          <field name="PARENT">FALSE</field>
                                                                                          <value name="ID">
                                                                                            <shadow type="text">
                                                                                              <field name="TEXT">yes-no-dialog</field>
                                                                                            </shadow>
                                                                                          </value>
                                                                                        </block>
                                                                                      </value>
                                                                                      <value name="B">
                                                                                        <block type="text">
                                                                                          <field name="TEXT">yes</field>
                                                                                        </block>
                                                                                      </value>
                                                                                    </block>
                                                                                  </value>
                                                                                  <statement name="DO0">
                                                                                    <block type="console.log">
                                                                                      <value name="VALUE">
                                                                                        <shadow type="text">
                                                                                          <field name="TEXT">Yes clicked!</field>
                                                                                        </shadow>
                                                                                      </value>
                                                                                    </block>
                                                                                  </statement>
                                                                                  <statement name="ELSE">
                                                                                    <block type="console.log">
                                                                                      <value name="VALUE">
                                                                                        <shadow type="text">
                                                                                          <field name="TEXT">No clicked!</field>
                                                                                        </shadow>
                                                                                      </value>
                                                                                    </block>
                                                                                  </statement>
                                                                                </block>
                                                                              </statement>
                                                                              <next>
                                                                                <block type="domObjectCall">
                                                                                  <mutation method_to_call="SHOW_MODAL"/>
                                                                                  <field name="METHOD">SHOW_MODAL</field>
                                                                                  <field name="PARENT">FALSE</field>
                                                                                  <value name="ID">
                                                                                    <shadow type="text">
                                                                                      <field name="TEXT">yes-no-dialog</field>
                                                                                    </shadow>
                                                                                  </value>
                                                                                </block>
                                                                              </next>
                                                                            </block>
                                                                          </next>
                                                                        </block>
                                                                      </next>
                                                                    </block>
                                                                  </next>
                                                                </block>
                                                              </next>
                                                            </block>
                                                          </next>
                                                        </block>
                                                      </next>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Create &quot;Login&quot; dialog. Place the last &quot;showModal&quot; puzzle somewhere else to open the dialog on demand.</field>
  <next>
    <block type="addHTMLElement">
      <field name="ELEMENT">dialog</field>
      <field name="MODE">TO</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">login-dialog</field>
        </shadow>
      </value>
      <value name="TARGET_ID">
        <shadow type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </shadow>
      </value>
      <next>
        <block type="setHTMLElemAttribute">
          <field name="ATTRIBUTE">style</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="text">
              <field name="TEXT"/>
            </shadow>
            <block type="cssStyleList">
              <mutation>
                <prop name="padding" shadowvalue="20px"/>
                <prop name="font-family" shadowvalue="system-ui"/>
                <prop name="border" shadowvalue="solid #444 1px"/>
                <prop name="filter" shadowvalue="drop-shadow(0px 0px 6px #00000034)"/>
              </mutation>
              <value name="PROP0">
                <shadow type="text">
                  <field name="TEXT">20px</field>
                </shadow>
              </value>
              <value name="PROP1">
                <shadow type="text">
                  <field name="TEXT">system-ui</field>
                </shadow>
              </value>
              <value name="PROP2">
                <shadow type="text">
                  <field name="TEXT">solid #444 1px</field>
                </shadow>
              </value>
              <value name="PROP3">
                <shadow type="text">
                  <field name="TEXT">drop-shadow(0px 0px 6px #00000034)</field>
                </shadow>
              </value>
            </block>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">login-dialog</field>
            </shadow>
          </value>
          <next>
            <block type="createCSSRule">
              <mutation mediaruleslot="false"/>
              <field name="PARENT">FALSE</field>
              <value name="CSS_RULE">
                <shadow type="text">
                  <field name="TEXT">#login-dialog::backdrop</field>
                </shadow>
              </value>
              <value name="CSS_RULE_CONT">
                <shadow type="cssStyleList">
                  <mutation>
                    <prop name="backdrop-filter" shadowvalue="blur(3px)"/>
                  </mutation>
                  <value name="PROP0">
                    <shadow type="text">
                      <field name="TEXT">blur(3px)</field>
                    </shadow>
                  </value>
                </shadow>
              </value>
              <next>
                <block type="addHTMLElement">
                  <field name="ELEMENT">form</field>
                  <field name="MODE">TO</field>
                  <field name="PARENT">FALSE</field>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">login-dialog-form</field>
                    </shadow>
                  </value>
                  <value name="TARGET_ID">
                    <shadow type="DOMObjectSelector">
                      <field name="DOM_OBJECT">CONTAINER</field>
                    </shadow>
                    <block type="text">
                      <field name="TEXT">login-dialog</field>
                    </block>
                  </value>
                  <next>
                    <block type="setHTMLElemAttribute">
                      <field name="ATTRIBUTE">method</field>
                      <field name="PARENT">FALSE</field>
                      <value name="VALUE">
                        <shadow type="methodDropdown">
                          <field name="TEXT">dialog</field>
                        </shadow>
                      </value>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">login-dialog-form</field>
                        </shadow>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">style</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT"/>
                            </shadow>
                            <block type="cssStyleList">
                              <mutation>
                                <prop name="display" shadowvalue="grid"/>
                                <prop name="grid-template-columns" shadowvalue="80px 230px"/>
                                <prop name="align-items" shadowvalue="center"/>
                                <prop name="gap" shadowvalue="15px"/>
                              </mutation>
                              <value name="PROP0">
                                <shadow type="displayDropdown">
                                  <field name="TEXT">grid</field>
                                </shadow>
                              </value>
                              <value name="PROP1">
                                <shadow type="text">
                                  <field name="TEXT">90px 220px</field>
                                </shadow>
                              </value>
                              <value name="PROP2">
                                <shadow type="alignItemsDropdown">
                                  <field name="TEXT">center</field>
                                </shadow>
                              </value>
                              <value name="PROP3">
                                <shadow type="text">
                                  <field name="TEXT">15px</field>
                                </shadow>
                              </value>
                            </block>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">login-dialog-form</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="eventHTMLElem">
                              <field name="EVENT">keydown</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">login-dialog</field>
                                </shadow>
                              </value>
                              <statement name="DO">
                                <block type="domObjectCall">
                                  <mutation method_to_call="STOP_PROPAGATION"/>
                                  <field name="METHOD">STOP_PROPAGATION</field>
                                </block>
                              </statement>
                              <next>
                                <block type="addHTMLElement">
                                  <field name="ELEMENT">div</field>
                                  <field name="MODE">TO</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">login-dialog-text</field>
                                    </shadow>
                                  </value>
                                  <value name="TARGET_ID">
                                    <shadow type="DOMObjectSelector">
                                      <field name="DOM_OBJECT">CONTAINER</field>
                                    </shadow>
                                    <block type="text">
                                      <field name="TEXT">login-dialog-form</field>
                                    </block>
                                  </value>
                                  <next>
                                    <block type="setHTMLElemStyle">
                                      <field name="PROPERTY">gridColumn</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="text">
                                          <field name="TEXT">span 2</field>
                                        </shadow>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">login-dialog-text</field>
                                        </shadow>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemAttribute">
                                          <field name="ATTRIBUTE">textContent</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT">Enter your credentials to sign in:</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">login-dialog-text</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="createCSSRule">
                                              <mutation mediaruleslot="false"/>
                                              <field name="PARENT">FALSE</field>
                                              <value name="CSS_RULE">
                                                <shadow type="text">
                                                  <field name="TEXT">#login-dialog-form input</field>
                                                </shadow>
                                              </value>
                                              <value name="CSS_RULE_CONT">
                                                <shadow type="cssStyleList">
                                                  <mutation>
                                                    <prop name="font-family" shadowvalue="Arial, Helvetica, sans-serif"/>
                                                    <prop name="font-size" shadowvalue="16px"/>
                                                  </mutation>
                                                  <value name="PROP0">
                                                    <shadow type="text">
                                                      <field name="TEXT">inherit</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="PROP1">
                                                    <shadow type="text">
                                                      <field name="TEXT">inherit</field>
                                                    </shadow>
                                                  </value>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="addHTMLElement">
                                                  <field name="ELEMENT">label</field>
                                                  <field name="MODE">TO</field>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="ID">
                                                    <shadow type="text">
                                                      <field name="TEXT">login-dialog-email-label</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="TARGET_ID">
                                                    <shadow type="DOMObjectSelector">
                                                      <field name="DOM_OBJECT">CONTAINER</field>
                                                    </shadow>
                                                    <block type="text">
                                                      <field name="TEXT">login-dialog-form</field>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="setHTMLElemAttribute">
                                                      <field name="ATTRIBUTE">htmlFor</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="VALUE">
                                                        <shadow type="text">
                                                          <field name="TEXT">login-dialog-email</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">login-dialog-email-label</field>
                                                        </shadow>
                                                      </value>
                                                      <next>
                                                        <block type="setHTMLElemAttribute">
                                                          <field name="ATTRIBUTE">textContent</field>
                                                          <field name="PARENT">FALSE</field>
                                                          <value name="VALUE">
                                                            <shadow type="text">
                                                              <field name="TEXT">Email:</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="ID">
                                                            <shadow type="text">
                                                              <field name="TEXT">login-dialog-email-label</field>
                                                            </shadow>
                                                          </value>
                                                          <next>
                                                            <block type="addHTMLElement">
                                                              <field name="ELEMENT">input</field>
                                                              <field name="MODE">TO</field>
                                                              <field name="PARENT">FALSE</field>
                                                              <value name="ID">
                                                                <shadow type="text">
                                                                  <field name="TEXT">login-dialog-email</field>
                                                                </shadow>
                                                              </value>
                                                              <value name="TARGET_ID">
                                                                <shadow type="DOMObjectSelector">
                                                                  <field name="DOM_OBJECT">CONTAINER</field>
                                                                </shadow>
                                                                <block type="text">
                                                                  <field name="TEXT">login-dialog-form</field>
                                                                </block>
                                                              </value>
                                                              <next>
                                                                <block type="setHTMLElemAttribute">
                                                                  <field name="ATTRIBUTE">type</field>
                                                                  <field name="PARENT">FALSE</field>
                                                                  <value name="VALUE">
                                                                    <shadow type="typeDropdown">
                                                                      <field name="TEXT">email</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <value name="ID">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">login-dialog-email</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <next>
                                                                    <block type="setHTMLElemAttribute">
                                                                      <field name="ATTRIBUTE">placeholder</field>
                                                                      <field name="PARENT">FALSE</field>
                                                                      <value name="VALUE">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">me@example.com</field>
                                                                        </shadow>
                                                                      </value>
                                                                      <value name="ID">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">login-dialog-email</field>
                                                                        </shadow>
                                                                      </value>
                                                                      <next>
                                                                        <block type="setHTMLElemAttribute">
                                                                          <field name="ATTRIBUTE">required</field>
                                                                          <field name="PARENT">FALSE</field>
                                                                          <value name="VALUE">
                                                                            <shadow type="logic_boolean">
                                                                              <field name="BOOL">TRUE</field>
                                                                            </shadow>
                                                                          </value>
                                                                          <value name="ID">
                                                                            <shadow type="text">
                                                                              <field name="TEXT">login-dialog-email</field>
                                                                            </shadow>
                                                                          </value>
                                                                          <next>
                                                                            <block type="addHTMLElement">
                                                                              <field name="ELEMENT">label</field>
                                                                              <field name="MODE">TO</field>
                                                                              <field name="PARENT">FALSE</field>
                                                                              <value name="ID">
                                                                                <shadow type="text">
                                                                                  <field name="TEXT">login-dialog-pass-label</field>
                                                                                </shadow>
                                                                              </value>
                                                                              <value name="TARGET_ID">
                                                                                <shadow type="DOMObjectSelector">
                                                                                  <field name="DOM_OBJECT">CONTAINER</field>
                                                                                </shadow>
                                                                                <block type="text">
                                                                                  <field name="TEXT">login-dialog-form</field>
                                                                                </block>
                                                                              </value>
                                                                              <next>
                                                                                <block type="setHTMLElemAttribute">
                                                                                  <field name="ATTRIBUTE">htmlFor</field>
                                                                                  <field name="PARENT">FALSE</field>
                                                                                  <value name="VALUE">
                                                                                    <shadow type="text">
                                                                                      <field name="TEXT">login-dialog-pass</field>
                                                                                    </shadow>
                                                                                  </value>
                                                                                  <value name="ID">
                                                                                    <shadow type="text">
                                                                                      <field name="TEXT">login-dialog-pass-label</field>
                                                                                    </shadow>
                                                                                  </value>
                                                                                  <next>
                                                                                    <block type="setHTMLElemAttribute">
                                                                                      <field name="ATTRIBUTE">textContent</field>
                                                                                      <field name="PARENT">FALSE</field>
                                                                                      <value name="VALUE">
                                                                                        <shadow type="text">
                                                                                          <field name="TEXT">Password:</field>
                                                                                        </shadow>
                                                                                      </value>
                                                                                      <value name="ID">
                                                                                        <shadow type="text">
                                                                                          <field name="TEXT">login-dialog-pass-label</field>
                                                                                        </shadow>
                                                                                      </value>
                                                                                      <next>
                                                                                        <block type="addHTMLElement">
                                                                                          <field name="ELEMENT">input</field>
                                                                                          <field name="MODE">TO</field>
                                                                                          <field name="PARENT">FALSE</field>
                                                                                          <value name="ID">
                                                                                            <shadow type="text">
                                                                                              <field name="TEXT">login-dialog-pass</field>
                                                                                            </shadow>
                                                                                          </value>
                                                                                          <value name="TARGET_ID">
                                                                                            <shadow type="DOMObjectSelector">
                                                                                              <field name="DOM_OBJECT">CONTAINER</field>
                                                                                            </shadow>
                                                                                            <block type="text">
                                                                                              <field name="TEXT">login-dialog-form</field>
                                                                                            </block>
                                                                                          </value>
                                                                                          <next>
                                                                                            <block type="setHTMLElemAttribute">
                                                                                              <field name="ATTRIBUTE">type</field>
                                                                                              <field name="PARENT">FALSE</field>
                                                                                              <value name="VALUE">
                                                                                                <shadow type="typeDropdown">
                                                                                                  <field name="TEXT">password</field>
                                                                                                </shadow>
                                                                                              </value>
                                                                                              <value name="ID">
                                                                                                <shadow type="text">
                                                                                                  <field name="TEXT">login-dialog-pass</field>
                                                                                                </shadow>
                                                                                              </value>
                                                                                              <next>
                                                                                                <block type="setHTMLElemAttribute">
                                                                                                  <field name="ATTRIBUTE">required</field>
                                                                                                  <field name="PARENT">FALSE</field>
                                                                                                  <value name="VALUE">
                                                                                                    <shadow type="logic_boolean">
                                                                                                      <field name="BOOL">TRUE</field>
                                                                                                    </shadow>
                                                                                                  </value>
                                                                                                  <value name="ID">
                                                                                                    <shadow type="text">
                                                                                                      <field name="TEXT">login-dialog-name</field>
                                                                                                    </shadow>
                                                                                                  </value>
                                                                                                  <next>
                                                                                                    <block type="addHTMLElement">
                                                                                                      <field name="ELEMENT">div</field>
                                                                                                      <field name="MODE">TO</field>
                                                                                                      <field name="PARENT">FALSE</field>
                                                                                                      <value name="ID">
                                                                                                        <shadow type="text">
                                                                                                          <field name="TEXT">login-dialog-buttons</field>
                                                                                                        </shadow>
                                                                                                      </value>
                                                                                                      <value name="TARGET_ID">
                                                                                                        <shadow type="DOMObjectSelector">
                                                                                                          <field name="DOM_OBJECT">CONTAINER</field>
                                                                                                        </shadow>
                                                                                                        <block type="text">
                                                                                                          <field name="TEXT">login-dialog-form</field>
                                                                                                        </block>
                                                                                                      </value>
                                                                                                      <next>
                                                                                                        <block type="setHTMLElemAttribute">
                                                                                                          <field name="ATTRIBUTE">style</field>
                                                                                                          <field name="PARENT">FALSE</field>
                                                                                                          <value name="VALUE">
                                                                                                            <shadow type="text">
                                                                                                              <field name="TEXT"/>
                                                                                                            </shadow>
                                                                                                            <block type="cssStyleList">
                                                                                                              <mutation>
                                                                                                                <prop name="display" shadowvalue="flex"/>
                                                                                                                <prop name="gap" shadowvalue="15px"/>
                                                                                                                <prop name="grid-column" shadowvalue=""/>
                                                                                                                <prop name="justify-content" shadowvalue="center"/>
                                                                                                              </mutation>
                                                                                                              <value name="PROP0">
                                                                                                                <shadow type="displayDropdown">
                                                                                                                  <field name="TEXT">flex</field>
                                                                                                                </shadow>
                                                                                                              </value>
                                                                                                              <value name="PROP1">
                                                                                                                <shadow type="text">
                                                                                                                  <field name="TEXT">15px</field>
                                                                                                                </shadow>
                                                                                                              </value>
                                                                                                              <value name="PROP2">
                                                                                                                <shadow type="text">
                                                                                                                  <field name="TEXT">span 2</field>
                                                                                                                </shadow>
                                                                                                              </value>
                                                                                                              <value name="PROP3">
                                                                                                                <shadow type="justifyContentDropdown">
                                                                                                                  <field name="TEXT">center</field>
                                                                                                                </shadow>
                                                                                                              </value>
                                                                                                            </block>
                                                                                                          </value>
                                                                                                          <value name="ID">
                                                                                                            <shadow type="text">
                                                                                                              <field name="TEXT">login-dialog-buttons</field>
                                                                                                            </shadow>
                                                                                                          </value>
                                                                                                          <next>
                                                                                                            <block type="createCSSRule">
                                                                                                              <mutation mediaruleslot="false"/>
                                                                                                              <field name="PARENT">FALSE</field>
                                                                                                              <value name="CSS_RULE">
                                                                                                                <shadow type="text">
                                                                                                                  <field name="TEXT">#login-dialog-form button</field>
                                                                                                                </shadow>
                                                                                                              </value>
                                                                                                              <value name="CSS_RULE_CONT">
                                                                                                                <shadow type="cssStyleList">
                                                                                                                  <mutation>
                                                                                                                    <prop name="font-family" shadowvalue="Arial, Helvetica, sans-serif"/>
                                                                                                                    <prop name="font-size" shadowvalue="16px"/>
                                                                                                                  </mutation>
                                                                                                                  <value name="PROP0">
                                                                                                                    <shadow type="text">
                                                                                                                      <field name="TEXT">inherit</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                  <value name="PROP1">
                                                                                                                    <shadow type="text">
                                                                                                                      <field name="TEXT">inherit</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                </shadow>
                                                                                                                <block type="cssStyleList">
                                                                                                                  <mutation>
                                                                                                                    <prop name="padding" shadowvalue="2px 15px"/>
                                                                                                                    <prop name="font-family" shadowvalue="inherit"/>
                                                                                                                    <prop name="font-size" shadowvalue="inherit"/>
                                                                                                                    <prop name="cursor" shadowvalue="pointer"/>
                                                                                                                  </mutation>
                                                                                                                  <value name="PROP0">
                                                                                                                    <shadow type="text">
                                                                                                                      <field name="TEXT">2px 15px</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                  <value name="PROP1">
                                                                                                                    <shadow type="text">
                                                                                                                      <field name="TEXT">inherit</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                  <value name="PROP2">
                                                                                                                    <shadow type="text">
                                                                                                                      <field name="TEXT">inherit</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                  <value name="PROP3">
                                                                                                                    <shadow type="cursorDropdown">
                                                                                                                      <field name="TEXT">pointer</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                </block>
                                                                                                              </value>
                                                                                                              <next>
                                                                                                                <block type="addHTMLElement">
                                                                                                                  <field name="ELEMENT">button</field>
                                                                                                                  <field name="MODE">TO</field>
                                                                                                                  <field name="PARENT">FALSE</field>
                                                                                                                  <value name="ID">
                                                                                                                    <shadow type="text">
                                                                                                                      <field name="TEXT">login-dialog-submit</field>
                                                                                                                    </shadow>
                                                                                                                  </value>
                                                                                                                  <value name="TARGET_ID">
                                                                                                                    <shadow type="DOMObjectSelector">
                                                                                                                      <field name="DOM_OBJECT">CONTAINER</field>
                                                                                                                    </shadow>
                                                                                                                    <block type="text">
                                                                                                                      <field name="TEXT">login-dialog-buttons</field>
                                                                                                                    </block>
                                                                                                                  </value>
                                                                                                                  <next>
                                                                                                                    <block type="setHTMLElemAttribute">
                                                                                                                      <field name="ATTRIBUTE">textContent</field>
                                                                                                                      <field name="PARENT">FALSE</field>
                                                                                                                      <value name="VALUE">
                                                                                                                        <shadow type="text">
                                                                                                                          <field name="TEXT">Login</field>
                                                                                                                        </shadow>
                                                                                                                      </value>
                                                                                                                      <value name="ID">
                                                                                                                        <shadow type="text">
                                                                                                                          <field name="TEXT">login-dialog-submit</field>
                                                                                                                        </shadow>
                                                                                                                      </value>
                                                                                                                      <next>
                                                                                                                        <block type="setHTMLElemAttribute">
                                                                                                                          <field name="ATTRIBUTE">type</field>
                                                                                                                          <field name="PARENT">FALSE</field>
                                                                                                                          <value name="VALUE">
                                                                                                                            <shadow type="typeDropdown">
                                                                                                                              <field name="TEXT">submit</field>
                                                                                                                            </shadow>
                                                                                                                          </value>
                                                                                                                          <value name="ID">
                                                                                                                            <shadow type="text">
                                                                                                                              <field name="TEXT">login-dialog-submit</field>
                                                                                                                            </shadow>
                                                                                                                          </value>
                                                                                                                          <next>
                                                                                                                            <block type="setHTMLElemAttribute">
                                                                                                                              <field name="ATTRIBUTE">value</field>
                                                                                                                              <field name="PARENT">FALSE</field>
                                                                                                                              <value name="VALUE">
                                                                                                                                <shadow type="text">
                                                                                                                                  <field name="TEXT">send</field>
                                                                                                                                </shadow>
                                                                                                                              </value>
                                                                                                                              <value name="ID">
                                                                                                                                <shadow type="text">
                                                                                                                                  <field name="TEXT">login-dialog-submit</field>
                                                                                                                                </shadow>
                                                                                                                              </value>
                                                                                                                              <next>
                                                                                                                                <block type="addHTMLElement">
                                                                                                                                  <field name="ELEMENT">button</field>
                                                                                                                                  <field name="MODE">TO</field>
                                                                                                                                  <field name="PARENT">FALSE</field>
                                                                                                                                  <value name="ID">
                                                                                                                                    <shadow type="text">
                                                                                                                                      <field name="TEXT">login-dialog-cancel</field>
                                                                                                                                    </shadow>
                                                                                                                                  </value>
                                                                                                                                  <value name="TARGET_ID">
                                                                                                                                    <shadow type="DOMObjectSelector">
                                                                                                                                      <field name="DOM_OBJECT">CONTAINER</field>
                                                                                                                                    </shadow>
                                                                                                                                    <block type="text">
                                                                                                                                      <field name="TEXT">login-dialog-buttons</field>
                                                                                                                                    </block>
                                                                                                                                  </value>
                                                                                                                                  <next>
                                                                                                                                    <block type="setHTMLElemAttribute">
                                                                                                                                      <field name="ATTRIBUTE">textContent</field>
                                                                                                                                      <field name="PARENT">FALSE</field>
                                                                                                                                      <value name="VALUE">
                                                                                                                                        <shadow type="text">
                                                                                                                                          <field name="TEXT">Cancel</field>
                                                                                                                                        </shadow>
                                                                                                                                      </value>
                                                                                                                                      <value name="ID">
                                                                                                                                        <shadow type="text">
                                                                                                                                          <field name="TEXT">login-dialog-cancel</field>
                                                                                                                                        </shadow>
                                                                                                                                      </value>
                                                                                                                                      <next>
                                                                                                                                        <block type="setHTMLElemAttribute">
                                                                                                                                          <field name="ATTRIBUTE">type</field>
                                                                                                                                          <field name="PARENT">FALSE</field>
                                                                                                                                          <value name="VALUE">
                                                                                                                                            <shadow type="typeDropdown">
                                                                                                                                              <field name="TEXT">button</field>
                                                                                                                                            </shadow>
                                                                                                                                          </value>
                                                                                                                                          <value name="ID">
                                                                                                                                            <shadow type="text">
                                                                                                                                              <field name="TEXT">login-dialog-cancel</field>
                                                                                                                                            </shadow>
                                                                                                                                          </value>
                                                                                                                                          <next>
                                                                                                                                            <block type="eventHTMLElem">
                                                                                                                                              <field name="EVENT">click</field>
                                                                                                                                              <field name="PARENT">FALSE</field>
                                                                                                                                              <value name="ID">
                                                                                                                                                <shadow type="text">
                                                                                                                                                  <field name="TEXT">login-dialog-cancel</field>
                                                                                                                                                </shadow>
                                                                                                                                              </value>
                                                                                                                                              <statement name="DO">
                                                                                                                                                <block type="domObjectCall">
                                                                                                                                                  <mutation method_to_call="CLOSE"/>
                                                                                                                                                  <field name="METHOD">CLOSE</field>
                                                                                                                                                  <field name="PARENT">FALSE</field>
                                                                                                                                                  <value name="ID">
                                                                                                                                                    <shadow type="text">
                                                                                                                                                      <field name="TEXT">login-dialog</field>
                                                                                                                                                    </shadow>
                                                                                                                                                  </value>
                                                                                                                                                </block>
                                                                                                                                              </statement>
                                                                                                                                              <next>
                                                                                                                                                <block type="domObjectCall">
                                                                                                                                                  <mutation method_to_call="SHOW_MODAL"/>
                                                                                                                                                  <field name="METHOD">SHOW_MODAL</field>
                                                                                                                                                  <field name="PARENT">FALSE</field>
                                                                                                                                                  <value name="ID">
                                                                                                                                                    <shadow type="text">
                                                                                                                                                      <field name="TEXT">login-dialog</field>
                                                                                                                                                    </shadow>
                                                                                                                                                  </value>
                                                                                                                                                </block>
                                                                                                                                              </next>
                                                                                                                                            </block>
                                                                                                                                          </next>
                                                                                                                                        </block>
                                                                                                                                      </next>
                                                                                                                                    </block>
                                                                                                                                  </next>
                                                                                                                                </block>
                                                                                                                              </next>
                                                                                                                            </block>
                                                                                                                          </next>
                                                                                                                        </block>
                                                                                                                      </next>
                                                                                                                    </block>
                                                                                                                  </next>
                                                                                                                </block>
                                                                                                              </next>
                                                                                                            </block>
                                                                                                          </next>
                                                                                                        </block>
                                                                                                      </next>
                                                                                                    </block>
                                                                                                  </next>
                                                                                                </block>
                                                                                              </next>
                                                                                            </block>
                                                                                          </next>
                                                                                        </block>
                                                                                      </next>
                                                                                    </block>
                                                                                  </next>
                                                                                </block>
                                                                              </next>
                                                                            </block>
                                                                          </next>
                                                                        </block>
                                                                      </next>
                                                                    </block>
                                                                  </next>
                                                                </block>
                                                              </next>
                                                            </block>
                                                          </next>
                                                        </block>
                                                      </next>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Inquiry Form">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Create inquiry form. Replace &quot;pCube1&quot; and backend URL in actual app.</field>
  <next>
    <block type="connectorSlot">
      <statement name="DO">
        <block type="addHTMLElement">
          <field name="ELEMENT">dialog</field>
          <field name="MODE">TO</field>
          <field name="PARENT">FALSE</field>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">inquiry-dialog</field>
            </shadow>
          </value>
          <value name="TARGET_ID">
            <shadow type="DOMObjectSelector">
              <field name="DOM_OBJECT">CONTAINER</field>
            </shadow>
          </value>
          <next>
            <block type="setHTMLElemAttribute">
              <field name="ATTRIBUTE">style</field>
              <field name="PARENT">FALSE</field>
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT"/>
                </shadow>
                <block type="cssStyleList">
                  <mutation>
                    <prop name="font-family" shadowvalue="system-ui"/>
                    <prop name="border" shadowvalue="solid #444 1px"/>
                    <prop name="filter" shadowvalue="drop-shadow(0px 0px 6px #00000034)"/>
                  </mutation>
                  <value name="PROP0">
                    <shadow type="text">
                      <field name="TEXT">system-ui</field>
                    </shadow>
                  </value>
                  <value name="PROP1">
                    <shadow type="text">
                      <field name="TEXT">solid #444 1px</field>
                    </shadow>
                  </value>
                  <value name="PROP2">
                    <shadow type="text">
                      <field name="TEXT">drop-shadow(0px 0px 6px #00000034)</field>
                    </shadow>
                  </value>
                </block>
              </value>
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">inquiry-dialog</field>
                </shadow>
              </value>
              <next>
                <block type="createCSSRule">
                  <mutation mediaruleslot="false"/>
                  <field name="PARENT">FALSE</field>
                  <value name="CSS_RULE">
                    <shadow type="text">
                      <field name="TEXT">#inquiry-dialog::backdrop</field>
                    </shadow>
                  </value>
                  <value name="CSS_RULE_CONT">
                    <shadow type="cssStyleList">
                      <mutation>
                        <prop name="backdrop-filter" shadowvalue="blur(3px)"/>
                      </mutation>
                      <value name="PROP0">
                        <shadow type="text">
                          <field name="TEXT">blur(3px)</field>
                        </shadow>
                      </value>
                    </shadow>
                  </value>
                  <next>
                    <block type="addHTMLElement">
                      <field name="ELEMENT">form</field>
                      <field name="MODE">TO</field>
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">inquiry-dialog-form</field>
                        </shadow>
                      </value>
                      <value name="TARGET_ID">
                        <shadow type="DOMObjectSelector">
                          <field name="DOM_OBJECT">CONTAINER</field>
                        </shadow>
                        <block type="text">
                          <field name="TEXT">inquiry-dialog</field>
                        </block>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">method</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="methodDropdown">
                              <field name="TEXT">dialog</field>
                            </shadow>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">inquiry-dialog-form</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="setHTMLElemStyle">
                              <field name="PROPERTY">display</field>
                              <field name="PARENT">FALSE</field>
                              <value name="VALUE">
                                <shadow type="displayDropdown">
                                  <field name="TEXT">grid</field>
                                </shadow>
                              </value>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">inquiry-dialog-form</field>
                                </shadow>
                              </value>
                              <next>
                                <block type="setHTMLElemStyle">
                                  <field name="PROPERTY">gridTemplateColumns</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">50px 200px</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">inquiry-dialog-form</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="setHTMLElemStyle">
                                      <field name="PROPERTY">alignItems</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="alignItemsDropdown">
                                          <field name="TEXT">center</field>
                                        </shadow>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog-form</field>
                                        </shadow>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemStyle">
                                          <field name="PROPERTY">gap</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT">15px</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">inquiry-dialog-form</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="setHTMLElemStyle">
                                              <field name="PROPERTY">fontFamily</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="VALUE">
                                                <shadow type="text">
                                                  <field name="TEXT">system-ui</field>
                                                </shadow>
                                              </value>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">inquiry-dialog-form</field>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="createCSSRule">
                                                  <mutation mediaruleslot="false"/>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="CSS_RULE">
                                                    <shadow type="text">
                                                      <field name="TEXT">#inquiry-dialog-form *</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="CSS_RULE_CONT">
                                                    <shadow type="cssStyleList">
                                                      <mutation>
                                                        <prop name="font-size" shadowvalue="inherit"/>
                                                        <prop name="font-family" shadowvalue="inherit"/>
                                                      </mutation>
                                                      <value name="PROP0">
                                                        <shadow type="text">
                                                          <field name="TEXT">inherit</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="PROP1">
                                                        <shadow type="text">
                                                          <field name="TEXT">inherit</field>
                                                        </shadow>
                                                      </value>
                                                    </shadow>
                                                    <block type="cssStyleList">
                                                      <mutation>
                                                        <prop name="font-size" shadowvalue="inherit"/>
                                                        <prop name="font-family" shadowvalue="inherit"/>
                                                      </mutation>
                                                      <value name="PROP0">
                                                        <shadow type="text">
                                                          <field name="TEXT">inherit</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="PROP1">
                                                        <shadow type="text">
                                                          <field name="TEXT">inherit</field>
                                                        </shadow>
                                                      </value>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="eventHTMLElem">
                                                      <field name="EVENT">keydown</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">inquiry-dialog</field>
                                                        </shadow>
                                                      </value>
                                                      <statement name="DO">
                                                        <block type="domObjectCall">
                                                          <mutation method_to_call="STOP_PROPAGATION"/>
                                                          <field name="METHOD">STOP_PROPAGATION</field>
                                                        </block>
                                                      </statement>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </statement>
      <next>
        <block type="connectorSlot">
          <statement name="DO">
            <block type="addHTMLElement">
              <field name="ELEMENT">div</field>
              <field name="MODE">TO</field>
              <field name="PARENT">FALSE</field>
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">inquiry-dialog-header</field>
                </shadow>
              </value>
              <value name="TARGET_ID">
                <shadow type="DOMObjectSelector">
                  <field name="DOM_OBJECT">CONTAINER</field>
                </shadow>
                <block type="text">
                  <field name="TEXT">inquiry-dialog-form</field>
                </block>
              </value>
              <next>
                <block type="setHTMLElemStyle">
                  <field name="PROPERTY">gridColumn</field>
                  <field name="PARENT">FALSE</field>
                  <value name="VALUE">
                    <shadow type="text">
                      <field name="TEXT">span 2</field>
                    </shadow>
                  </value>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">inquiry-dialog-header</field>
                    </shadow>
                  </value>
                  <next>
                    <block type="addHTMLElement">
                      <field name="ELEMENT">span</field>
                      <field name="MODE">TO</field>
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">inquiry-dialog-text</field>
                        </shadow>
                      </value>
                      <value name="TARGET_ID">
                        <shadow type="DOMObjectSelector">
                          <field name="DOM_OBJECT">CONTAINER</field>
                        </shadow>
                        <block type="text">
                          <field name="TEXT">inquiry-dialog-header</field>
                        </block>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">textContent</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT">Product Inquiry</field>
                            </shadow>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">inquiry-dialog-text</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="addHTMLElement">
                              <field name="ELEMENT">span</field>
                              <field name="MODE">TO</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">inquiry-dialog-close</field>
                                </shadow>
                              </value>
                              <value name="TARGET_ID">
                                <shadow type="DOMObjectSelector">
                                  <field name="DOM_OBJECT">CONTAINER</field>
                                </shadow>
                                <block type="text">
                                  <field name="TEXT">inquiry-dialog-header</field>
                                </block>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">textContent</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">×</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">inquiry-dialog-close</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="setHTMLElemAttribute">
                                      <field name="ATTRIBUTE">style</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="text">
                                          <field name="TEXT"/>
                                        </shadow>
                                        <block type="cssStyleList">
                                          <mutation>
                                            <prop name="font-weight" shadowvalue="bold"/>
                                            <prop name="float" shadowvalue="right"/>
                                            <prop name="cursor" shadowvalue="pointer"/>
                                          </mutation>
                                          <value name="PROP0">
                                            <shadow type="text">
                                              <field name="TEXT">bold</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP1">
                                            <shadow type="floatDropdown">
                                              <field name="TEXT">right</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP2">
                                            <shadow type="cursorDropdown">
                                              <field name="TEXT">pointer</field>
                                            </shadow>
                                          </value>
                                        </block>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog-close</field>
                                        </shadow>
                                      </value>
                                      <next>
                                        <block type="eventHTMLElem">
                                          <field name="EVENT">click</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">inquiry-dialog-close</field>
                                            </shadow>
                                          </value>
                                          <statement name="DO">
                                            <block type="domObjectCall">
                                              <mutation method_to_call="CLOSE"/>
                                              <field name="METHOD">CLOSE</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">inquiry-dialog</field>
                                                </shadow>
                                              </value>
                                            </block>
                                          </statement>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </statement>
          <next>
            <block type="connectorSlot">
              <statement name="DO">
                <block type="addHTMLElement">
                  <field name="ELEMENT">label</field>
                  <field name="MODE">TO</field>
                  <field name="PARENT">FALSE</field>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">inquiry-dialog-name-label</field>
                    </shadow>
                  </value>
                  <value name="TARGET_ID">
                    <shadow type="DOMObjectSelector">
                      <field name="DOM_OBJECT">CONTAINER</field>
                    </shadow>
                    <block type="text">
                      <field name="TEXT">inquiry-dialog-form</field>
                    </block>
                  </value>
                  <next>
                    <block type="setHTMLElemAttribute">
                      <field name="ATTRIBUTE">htmlFor</field>
                      <field name="PARENT">FALSE</field>
                      <value name="VALUE">
                        <shadow type="text">
                          <field name="TEXT">inquiry-dialog-name</field>
                        </shadow>
                      </value>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">inquiry-dialog-name-label</field>
                        </shadow>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">textContent</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT">Name:</field>
                            </shadow>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">inquiry-dialog-name-label</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="addHTMLElement">
                              <field name="ELEMENT">input</field>
                              <field name="MODE">TO</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">inquiry-dialog-name</field>
                                </shadow>
                              </value>
                              <value name="TARGET_ID">
                                <shadow type="DOMObjectSelector">
                                  <field name="DOM_OBJECT">CONTAINER</field>
                                </shadow>
                                <block type="text">
                                  <field name="TEXT">inquiry-dialog-form</field>
                                </block>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">type</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="typeDropdown">
                                      <field name="TEXT">text</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">inquiry-dialog-name</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="setHTMLElemAttribute">
                                      <field name="ATTRIBUTE">name</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="text">
                                          <field name="TEXT">FullName</field>
                                        </shadow>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog-name</field>
                                        </shadow>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemAttribute">
                                          <field name="ATTRIBUTE">placeholder</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT">John Smith</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">inquiry-dialog-name</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="setHTMLElemAttribute">
                                              <field name="ATTRIBUTE">required</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="VALUE">
                                                <shadow type="logic_boolean">
                                                  <field name="BOOL">TRUE</field>
                                                </shadow>
                                              </value>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">inquiry-dialog-name</field>
                                                </shadow>
                                              </value>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </statement>
              <next>
                <block type="connectorSlot">
                  <statement name="DO">
                    <block type="addHTMLElement">
                      <field name="ELEMENT">label</field>
                      <field name="MODE">TO</field>
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">inquiry-dialog-email-label</field>
                        </shadow>
                      </value>
                      <value name="TARGET_ID">
                        <shadow type="DOMObjectSelector">
                          <field name="DOM_OBJECT">CONTAINER</field>
                        </shadow>
                        <block type="text">
                          <field name="TEXT">inquiry-dialog-form</field>
                        </block>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">htmlFor</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT">inquiry-dialog-email</field>
                            </shadow>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">inquiry-dialog-email-label</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="setHTMLElemAttribute">
                              <field name="ATTRIBUTE">textContent</field>
                              <field name="PARENT">FALSE</field>
                              <value name="VALUE">
                                <shadow type="text">
                                  <field name="TEXT">Email:</field>
                                </shadow>
                              </value>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">inquiry-dialog-email-label</field>
                                </shadow>
                              </value>
                              <next>
                                <block type="addHTMLElement">
                                  <field name="ELEMENT">input</field>
                                  <field name="MODE">TO</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">inquiry-dialog-email</field>
                                    </shadow>
                                  </value>
                                  <value name="TARGET_ID">
                                    <shadow type="DOMObjectSelector">
                                      <field name="DOM_OBJECT">CONTAINER</field>
                                    </shadow>
                                    <block type="text">
                                      <field name="TEXT">inquiry-dialog-form</field>
                                    </block>
                                  </value>
                                  <next>
                                    <block type="setHTMLElemAttribute">
                                      <field name="ATTRIBUTE">type</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="typeDropdown">
                                          <field name="TEXT">email</field>
                                        </shadow>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog-email</field>
                                        </shadow>
                                      </value>
                                      <next>
                                        <block type="setHTMLElemAttribute">
                                          <field name="ATTRIBUTE">name</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="text">
                                              <field name="TEXT">Email</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">inquiry-dialog-email</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="setHTMLElemAttribute">
                                              <field name="ATTRIBUTE">placeholder</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="VALUE">
                                                <shadow type="text">
                                                  <field name="TEXT">someone@example.com</field>
                                                </shadow>
                                              </value>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">inquiry-dialog-email</field>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="setHTMLElemAttribute">
                                                  <field name="ATTRIBUTE">required</field>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="VALUE">
                                                    <shadow type="logic_boolean">
                                                      <field name="BOOL">TRUE</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="ID">
                                                    <shadow type="text">
                                                      <field name="TEXT">inquiry-dialog-email</field>
                                                    </shadow>
                                                  </value>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </statement>
                  <next>
                    <block type="connectorSlot">
                      <statement name="DO">
                        <block type="addHTMLElement">
                          <field name="ELEMENT">button</field>
                          <field name="MODE">TO</field>
                          <field name="PARENT">FALSE</field>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">inquiry-dialog-send</field>
                            </shadow>
                          </value>
                          <value name="TARGET_ID">
                            <shadow type="DOMObjectSelector">
                              <field name="DOM_OBJECT">CONTAINER</field>
                            </shadow>
                            <block type="text">
                              <field name="TEXT">inquiry-dialog-form</field>
                            </block>
                          </value>
                          <next>
                            <block type="setHTMLElemAttribute">
                              <field name="ATTRIBUTE">textContent</field>
                              <field name="PARENT">FALSE</field>
                              <value name="VALUE">
                                <shadow type="text">
                                  <field name="TEXT">Send</field>
                                </shadow>
                              </value>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">inquiry-dialog-send</field>
                                </shadow>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">value</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">send</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">inquiry-dialog-send</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="setHTMLElemAttribute">
                                      <field name="ATTRIBUTE">style</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="VALUE">
                                        <shadow type="text">
                                          <field name="TEXT"/>
                                        </shadow>
                                        <block type="cssStyleList">
                                          <mutation>
                                            <prop name="grid-column" shadowvalue=""/>
                                            <prop name="justify-self" shadowvalue="auto"/>
                                            <prop name="padding" shadowvalue="2px 15px"/>
                                            <prop name="font-size" shadowvalue="inherit"/>
                                            <prop name="font-family" shadowvalue="inherit"/>
                                            <prop name="cursor" shadowvalue="pointer"/>
                                          </mutation>
                                          <value name="PROP0">
                                            <shadow type="text">
                                              <field name="TEXT">span 2</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP1">
                                            <shadow type="justifySelfDropdown">
                                              <field name="TEXT">center</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP2">
                                            <shadow type="text">
                                              <field name="TEXT">2px 15px</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP3">
                                            <shadow type="text">
                                              <field name="TEXT">inherit</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP4">
                                            <shadow type="text">
                                              <field name="TEXT">inherit</field>
                                            </shadow>
                                          </value>
                                          <value name="PROP5">
                                            <shadow type="cursorDropdown">
                                              <field name="TEXT">pointer</field>
                                            </shadow>
                                          </value>
                                        </block>
                                      </value>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog-send</field>
                                        </shadow>
                                      </value>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </statement>
                      <next>
                        <block type="connectorSlot">
                          <statement name="DO">
                            <block type="addHTMLElement">
                              <field name="ELEMENT">dialog</field>
                              <field name="MODE">TO</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">inquiry-dialog-done</field>
                                </shadow>
                              </value>
                              <value name="TARGET_ID">
                                <shadow type="DOMObjectSelector">
                                  <field name="DOM_OBJECT">CONTAINER</field>
                                </shadow>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">style</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT"/>
                                    </shadow>
                                    <block type="cssStyleList">
                                      <mutation>
                                        <prop name="width" shadowvalue="auto"/>
                                        <prop name="font-family" shadowvalue="system-ui"/>
                                        <prop name="border" shadowvalue="solid #444 1px"/>
                                        <prop name="filter" shadowvalue="drop-shadow(0px 0px 6px #00000034)"/>
                                      </mutation>
                                      <value name="PROP0">
                                        <shadow type="text">
                                          <field name="TEXT">220px</field>
                                        </shadow>
                                      </value>
                                      <value name="PROP1">
                                        <shadow type="text">
                                          <field name="TEXT">system-ui</field>
                                        </shadow>
                                      </value>
                                      <value name="PROP2">
                                        <shadow type="text">
                                          <field name="TEXT">solid #444 1px</field>
                                        </shadow>
                                      </value>
                                      <value name="PROP3">
                                        <shadow type="text">
                                          <field name="TEXT">drop-shadow(0px 0px 6px #00000034)</field>
                                        </shadow>
                                      </value>
                                    </block>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">inquiry-dialog-done</field>
                                    </shadow>
                                  </value>
                                  <next>
                                    <block type="createCSSRule">
                                      <mutation mediaruleslot="false"/>
                                      <field name="PARENT">FALSE</field>
                                      <value name="CSS_RULE">
                                        <shadow type="text">
                                          <field name="TEXT">#inquiry-dialog-done::backdrop</field>
                                        </shadow>
                                      </value>
                                      <value name="CSS_RULE_CONT">
                                        <shadow type="cssStyleList">
                                          <mutation>
                                            <prop name="backdrop-filter" shadowvalue="blur(3px)"/>
                                          </mutation>
                                          <value name="PROP0">
                                            <shadow type="text">
                                              <field name="TEXT">blur(3px)</field>
                                            </shadow>
                                          </value>
                                        </shadow>
                                      </value>
                                      <next>
                                        <block type="addHTMLElement">
                                          <field name="ELEMENT">span</field>
                                          <field name="MODE">TO</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">inquiry-dialog-done-text</field>
                                            </shadow>
                                          </value>
                                          <value name="TARGET_ID">
                                            <shadow type="DOMObjectSelector">
                                              <field name="DOM_OBJECT">CONTAINER</field>
                                            </shadow>
                                            <block type="text">
                                              <field name="TEXT">inquiry-dialog-done</field>
                                            </block>
                                          </value>
                                          <next>
                                            <block type="addHTMLElement">
                                              <field name="ELEMENT">span</field>
                                              <field name="MODE">TO</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">inquiry-dialog-done-close</field>
                                                </shadow>
                                              </value>
                                              <value name="TARGET_ID">
                                                <shadow type="DOMObjectSelector">
                                                  <field name="DOM_OBJECT">CONTAINER</field>
                                                </shadow>
                                                <block type="text">
                                                  <field name="TEXT">inquiry-dialog-done</field>
                                                </block>
                                              </value>
                                              <next>
                                                <block type="setHTMLElemAttribute">
                                                  <field name="ATTRIBUTE">textContent</field>
                                                  <field name="PARENT">FALSE</field>
                                                  <value name="VALUE">
                                                    <shadow type="text">
                                                      <field name="TEXT">×</field>
                                                    </shadow>
                                                  </value>
                                                  <value name="ID">
                                                    <shadow type="text">
                                                      <field name="TEXT">inquiry-dialog-done-close</field>
                                                    </shadow>
                                                  </value>
                                                  <next>
                                                    <block type="setHTMLElemAttribute">
                                                      <field name="ATTRIBUTE">style</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="VALUE">
                                                        <shadow type="text">
                                                          <field name="TEXT"/>
                                                        </shadow>
                                                        <block type="cssStyleList">
                                                          <mutation>
                                                            <prop name="font-weight" shadowvalue="bold"/>
                                                            <prop name="float" shadowvalue="right"/>
                                                            <prop name="cursor" shadowvalue="pointer"/>
                                                          </mutation>
                                                          <value name="PROP0">
                                                            <shadow type="text">
                                                              <field name="TEXT">bold</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="PROP1">
                                                            <shadow type="floatDropdown">
                                                              <field name="TEXT">right</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="PROP2">
                                                            <shadow type="cursorDropdown">
                                                              <field name="TEXT">pointer</field>
                                                            </shadow>
                                                          </value>
                                                        </block>
                                                      </value>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">inquiry-dialog-done-close</field>
                                                        </shadow>
                                                      </value>
                                                      <next>
                                                        <block type="eventHTMLElem">
                                                          <field name="EVENT">click</field>
                                                          <field name="PARENT">FALSE</field>
                                                          <value name="ID">
                                                            <shadow type="text">
                                                              <field name="TEXT">inquiry-dialog-done-close</field>
                                                            </shadow>
                                                          </value>
                                                          <statement name="DO">
                                                            <block type="domObjectCall">
                                                              <mutation method_to_call="CLOSE"/>
                                                              <field name="METHOD">CLOSE</field>
                                                              <field name="PARENT">FALSE</field>
                                                              <value name="ID">
                                                                <shadow type="text">
                                                                  <field name="TEXT">inquiry-dialog-done</field>
                                                                </shadow>
                                                              </value>
                                                            </block>
                                                          </statement>
                                                        </block>
                                                      </next>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </statement>
                          <next>
                            <block type="connectorSlot">
                              <statement name="DO">
                                <block type="whenClicked" inline="false">
                                  <mutation adveventoptions="false" enableifmissed="false" useid="false"/>
                                  <field name="X_RAY">FALSE</field>
                                  <field name="DOUBLE_CLICK">FALSE</field>
                                  <field name="LEFT_BUTTON">TRUE</field>
                                  <field name="MIDDLE_BUTTON">TRUE</field>
                                  <field name="RIGHT_BUTTON">TRUE</field>
                                  <value name="VALUE">
                                    <shadow type="objectList">
                                      <field name="FIELDNAME">pCube1</field>
                                    </shadow>
                                  </value>
                                  <statement name="DO">
                                    <block type="domObjectCall">
                                      <mutation method_to_call="SHOW_MODAL"/>
                                      <field name="METHOD">SHOW_MODAL</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog</field>
                                        </shadow>
                                      </value>
                                    </block>
                                  </statement>
                                  <next>
                                    <block type="eventHTMLElem">
                                      <field name="EVENT">submit</field>
                                      <field name="PARENT">FALSE</field>
                                      <value name="ID">
                                        <shadow type="text">
                                          <field name="TEXT">inquiry-dialog-form</field>
                                        </shadow>
                                      </value>
                                      <statement name="DO">
                                        <block type="setHTMLElemStyle">
                                          <field name="PROPERTY">cursor</field>
                                          <field name="PARENT">FALSE</field>
                                          <value name="VALUE">
                                            <shadow type="cursorDropdown">
                                              <field name="TEXT">wait</field>
                                            </shadow>
                                          </value>
                                          <value name="ID">
                                            <shadow type="text">
                                              <field name="TEXT">inquiry-dialog-form</field>
                                            </shadow>
                                          </value>
                                          <next>
                                            <block type="setHTMLElemStyle">
                                              <field name="PROPERTY">cursor</field>
                                              <field name="PARENT">FALSE</field>
                                              <value name="VALUE">
                                                <shadow type="cursorDropdown">
                                                  <field name="TEXT">wait</field>
                                                </shadow>
                                              </value>
                                              <value name="ID">
                                                <shadow type="text">
                                                  <field name="TEXT">inquiry-dialog-send</field>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="sendData">
                                                  <mutation enableheaders="false" enableonerror="true"/>
                                                  <value name="DATA">
                                                    <block type="getJavaScriptObject">
                                                      <mutation js_obj_type="FORM_DATA"/>
                                                      <field name="TYPE">FORM_DATA</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">inquiry-dialog-form</field>
                                                        </shadow>
                                                      </value>
                                                    </block>
                                                  </value>
                                                  <value name="URL">
                                                    <shadow type="text">
                                                      <field name="TEXT">https://sandbox.soft8soft.com/wp-json/verge3d/v1/send_form</field>
                                                    </shadow>
                                                  </value>
                                                  <statement name="DO">
                                                    <block type="setHTMLElemStyle">
                                                      <field name="PROPERTY">cursor</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="VALUE">
                                                        <shadow type="cursorDropdown">
                                                          <field name="TEXT">default</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">inquiry-dialog-form</field>
                                                        </shadow>
                                                      </value>
                                                      <next>
                                                        <block type="setHTMLElemStyle">
                                                          <field name="PROPERTY">cursor</field>
                                                          <field name="PARENT">FALSE</field>
                                                          <value name="VALUE">
                                                            <shadow type="cursorDropdown">
                                                              <field name="TEXT">pointer</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="ID">
                                                            <shadow type="text">
                                                              <field name="TEXT">inquiry-dialog-send</field>
                                                            </shadow>
                                                          </value>
                                                          <next>
                                                            <block type="domObjectCall">
                                                              <mutation method_to_call="CLOSE"/>
                                                              <field name="METHOD">CLOSE</field>
                                                              <field name="PARENT">FALSE</field>
                                                              <value name="ID">
                                                                <shadow type="text">
                                                                  <field name="TEXT">inquiry-dialog</field>
                                                                </shadow>
                                                              </value>
                                                              <next>
                                                                <block type="setHTMLElemAttribute">
                                                                  <field name="ATTRIBUTE">textContent</field>
                                                                  <field name="PARENT">FALSE</field>
                                                                  <value name="VALUE">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">Inquiry sent successfully!</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <value name="ID">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">inquiry-dialog-done-text</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <next>
                                                                    <block type="domObjectCall">
                                                                      <mutation method_to_call="SHOW_MODAL"/>
                                                                      <field name="METHOD">SHOW_MODAL</field>
                                                                      <field name="PARENT">FALSE</field>
                                                                      <value name="ID">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">inquiry-dialog-done</field>
                                                                        </shadow>
                                                                      </value>
                                                                    </block>
                                                                  </next>
                                                                </block>
                                                              </next>
                                                            </block>
                                                          </next>
                                                        </block>
                                                      </next>
                                                    </block>
                                                  </statement>
                                                  <statement name="DO_ERROR">
                                                    <block type="setHTMLElemStyle">
                                                      <field name="PROPERTY">cursor</field>
                                                      <field name="PARENT">FALSE</field>
                                                      <value name="VALUE">
                                                        <shadow type="cursorDropdown">
                                                          <field name="TEXT">default</field>
                                                        </shadow>
                                                      </value>
                                                      <value name="ID">
                                                        <shadow type="text">
                                                          <field name="TEXT">inquiry-dialog-form</field>
                                                        </shadow>
                                                      </value>
                                                      <next>
                                                        <block type="setHTMLElemStyle">
                                                          <field name="PROPERTY">cursor</field>
                                                          <field name="PARENT">FALSE</field>
                                                          <value name="VALUE">
                                                            <shadow type="cursorDropdown">
                                                              <field name="TEXT">pointer</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="ID">
                                                            <shadow type="text">
                                                              <field name="TEXT">inquiry-dialog-send</field>
                                                            </shadow>
                                                          </value>
                                                          <next>
                                                            <block type="domObjectCall">
                                                              <mutation method_to_call="CLOSE"/>
                                                              <field name="METHOD">CLOSE</field>
                                                              <field name="PARENT">FALSE</field>
                                                              <value name="ID">
                                                                <shadow type="text">
                                                                  <field name="TEXT">inquiry-dialog</field>
                                                                </shadow>
                                                              </value>
                                                              <next>
                                                                <block type="setHTMLElemAttribute">
                                                                  <field name="ATTRIBUTE">textContent</field>
                                                                  <field name="PARENT">FALSE</field>
                                                                  <value name="VALUE">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">Inquiry failed!</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <value name="ID">
                                                                    <shadow type="text">
                                                                      <field name="TEXT">inquiry-dialog-done-text</field>
                                                                    </shadow>
                                                                  </value>
                                                                  <next>
                                                                    <block type="domObjectCall">
                                                                      <mutation method_to_call="SHOW_MODAL"/>
                                                                      <field name="METHOD">SHOW_MODAL</field>
                                                                      <field name="PARENT">FALSE</field>
                                                                      <value name="ID">
                                                                        <shadow type="text">
                                                                          <field name="TEXT">inquiry-dialog-done</field>
                                                                        </shadow>
                                                                      </value>
                                                                    </block>
                                                                  </next>
                                                                </block>
                                                              </next>
                                                            </block>
                                                          </next>
                                                        </block>
                                                      </next>
                                                    </block>
                                                  </statement>
                                                  <next>
                                                    <block type="domObjectCall">
                                                      <mutation method_to_call="PREVENT_DEFAULT"/>
                                                      <field name="METHOD">PREVENT_DEFAULT</field>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </statement>
                                    </block>
                                  </next>
                                </block>
                              </statement>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="Keyboard Controls">
<block xmlns="https://developers.google.com/blockly/xml" type="comment">
  <field name="TEXT">Implement keyboard controls.</field>
  <next>
    <block type="eventHTMLElem">
      <field name="EVENT">keyup</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <block type="DOMObjectSelector">
          <field name="DOM_OBJECT">DOCUMENT</field>
        </block>
      </value>
      <statement name="DO">
        <block type="controls_if">
          <mutation elseif="2"/>
          <value name="IF0">
            <block type="logic_compare">
              <field name="OP">EQ</field>
              <value name="A">
                <block type="getEventProperty">
                  <field name="PROPERTY">key</field>
                </block>
              </value>
              <value name="B">
                <block type="text">
                  <field name="TEXT">ArrowLeft</field>
                </block>
              </value>
            </block>
          </value>
          <statement name="DO0">
            <block type="console.log">
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT">go left!</field>
                </shadow>
                <block type="text">
                  <field name="TEXT">go left!</field>
                </block>
              </value>
            </block>
          </statement>
          <value name="IF1">
            <block type="logic_compare">
              <field name="OP">EQ</field>
              <value name="A">
                <block type="getEventProperty">
                  <field name="PROPERTY">key</field>
                </block>
              </value>
              <value name="B">
                <block type="text">
                  <field name="TEXT">ArrowRight</field>
                </block>
              </value>
            </block>
          </value>
          <statement name="DO1">
            <block type="console.log">
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT">go right!</field>
                </shadow>
                <block type="text">
                  <field name="TEXT">go right!</field>
                </block>
              </value>
            </block>
          </statement>
          <value name="IF2">
            <block type="logic_compare">
              <field name="OP">EQ</field>
              <value name="A">
                <block type="getEventProperty">
                  <field name="PROPERTY">key</field>
                </block>
              </value>
              <value name="B">
                <block type="text">
                  <field name="TEXT"> </field>
                </block>
              </value>
            </block>
          </value>
          <statement name="DO2">
            <block type="console.log">
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT">go right!</field>
                </shadow>
                <block type="text">
                  <field name="TEXT">jump!</field>
                </block>
              </value>
            </block>
          </statement>
        </block>
      </statement>
    </block>
  </next>
</block>
</category>
<category name="Performance Tweaks">
<block xmlns="https://developers.google.com/blockly/xml" type="checkPerformance">
  <statement name="DO_HIGH">
    <block type="comment">
      <field name="TEXT">Increase rendering quality for powerful devices with Retina displays.</field>
      <next>
        <block type="controls_if">
          <value name="IF0">
            <block type="featureAvailable">
              <field name="FEATURE">RETINA</field>
            </block>
          </value>
          <statement name="DO0">
            <block type="setScreenScale">
              <value name="FACTOR">
                <shadow type="math_number">
                  <field name="NUM">1.5</field>
                </shadow>
              </value>
            </block>
          </statement>
        </block>
      </next>
    </block>
  </statement>
  <statement name="DO_LOW">
    <block type="comment">
      <field name="TEXT">Perform aggressive optimizations for low-end devices.</field>
      <next>
        <block type="removePostprocessing">
          <field name="MODE">ALL</field>
          <next>
            <block type="setLightParam">
              <field name="TYPE">USE_SHADOW</field>
              <value name="USE_SHADOW">
                <shadow type="logic_boolean">
                  <field name="BOOL">TRUE</field>
                </shadow>
                <block type="logic_boolean">
                  <field name="BOOL">FALSE</field>
                </block>
              </value>
              <value name="OBJECT">
                <shadow type="objectList">
                  <field name="FIELDNAME">&lt;none&gt;</field>
                </shadow>
                <block type="getObjectsFrom">
                  <mutation xmlns="http://www.w3.org/1999/xhtml" usenamefilter="false" useid="false"/>
                  <field name="TYPE">LIGHT</field>
                  <value name="OBJ">
                    <block type="allObjectList"/>
                  </value>
                </block>
              </value>
            </block>
          </next>
        </block>
      </next>
    </block>
  </statement>
</block>
</category>
<category name="Preloader">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Create preloader with the same styles as native app preloader.</field>
  <next>
    <block type="addHTMLElement">
      <field name="ELEMENT">div</field>
      <field name="MODE">TO</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">preloader-background</field>
        </shadow>
      </value>
      <value name="TARGET_ID">
        <shadow type="DOMObjectSelector">
          <field name="DOM_OBJECT">CONTAINER</field>
        </shadow>
      </value>
      <next>
        <block type="setHTMLElemAttribute">
          <field name="ATTRIBUTE">className</field>
          <field name="PARENT">FALSE</field>
          <value name="VALUE">
            <shadow type="text">
              <field name="TEXT">v3d-simple-preloader-background</field>
            </shadow>
          </value>
          <value name="ID">
            <shadow type="text">
              <field name="TEXT">preloader-background</field>
            </shadow>
          </value>
          <next>
            <block type="addHTMLElement">
              <field name="ELEMENT">div</field>
              <field name="MODE">TO</field>
              <field name="PARENT">FALSE</field>
              <value name="ID">
                <shadow type="text">
                  <field name="TEXT">preloader-container</field>
                </shadow>
              </value>
              <value name="TARGET_ID">
                <shadow type="DOMObjectSelector">
                  <field name="DOM_OBJECT">CONTAINER</field>
                </shadow>
                <block type="text">
                  <field name="TEXT">preloader-background</field>
                </block>
              </value>
              <next>
                <block type="setHTMLElemAttribute">
                  <field name="ATTRIBUTE">className</field>
                  <field name="PARENT">FALSE</field>
                  <value name="VALUE">
                    <shadow type="text">
                      <field name="TEXT">v3d-simple-preloader-container</field>
                    </shadow>
                  </value>
                  <value name="ID">
                    <shadow type="text">
                      <field name="TEXT">preloader-container</field>
                    </shadow>
                  </value>
                  <next>
                    <block type="addHTMLElement">
                      <field name="ELEMENT">div</field>
                      <field name="MODE">TO</field>
                      <field name="PARENT">FALSE</field>
                      <value name="ID">
                        <shadow type="text">
                          <field name="TEXT">preloader-logo</field>
                        </shadow>
                      </value>
                      <value name="TARGET_ID">
                        <shadow type="DOMObjectSelector">
                          <field name="DOM_OBJECT">CONTAINER</field>
                        </shadow>
                        <block type="text">
                          <field name="TEXT">preloader-container</field>
                        </block>
                      </value>
                      <next>
                        <block type="setHTMLElemAttribute">
                          <field name="ATTRIBUTE">className</field>
                          <field name="PARENT">FALSE</field>
                          <value name="VALUE">
                            <shadow type="text">
                              <field name="TEXT">v3d-simple-preloader-logo</field>
                            </shadow>
                          </value>
                          <value name="ID">
                            <shadow type="text">
                              <field name="TEXT">preloader-logo</field>
                            </shadow>
                          </value>
                          <next>
                            <block type="addHTMLElement">
                              <field name="ELEMENT">div</field>
                              <field name="MODE">TO</field>
                              <field name="PARENT">FALSE</field>
                              <value name="ID">
                                <shadow type="text">
                                  <field name="TEXT">preloader-bar</field>
                                </shadow>
                              </value>
                              <value name="TARGET_ID">
                                <shadow type="DOMObjectSelector">
                                  <field name="DOM_OBJECT">CONTAINER</field>
                                </shadow>
                                <block type="text">
                                  <field name="TEXT">preloader-container</field>
                                </block>
                              </value>
                              <next>
                                <block type="setHTMLElemAttribute">
                                  <field name="ATTRIBUTE">className</field>
                                  <field name="PARENT">FALSE</field>
                                  <value name="VALUE">
                                    <shadow type="text">
                                      <field name="TEXT">v3d-simple-preloader-bar</field>
                                    </shadow>
                                  </value>
                                  <value name="ID">
                                    <shadow type="text">
                                      <field name="TEXT">preloader-bar</field>
                                    </shadow>
                                  </value>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </next>
        </block>
      </next>
    </block>
  </next>
</block>
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Update preloader. Replace 50 with the &quot;percentage&quot; puzzle or your own progress variable (ranging from 0 to 100).</field>
  <next>
    <block type="setHTMLElemStyle">
      <field name="PROPERTY">width</field>
      <field name="PARENT">FALSE</field>
      <value name="VALUE">
        <shadow type="text">
          <field name="TEXT">auto</field>
        </shadow>
        <block type="text_join">
          <mutation items="2"/>
          <value name="ADD0">
            <block type="math_number">
              <field name="NUM">50</field>
            </block>
          </value>
          <value name="ADD1">
            <block type="text">
              <field name="TEXT">%</field>
            </block>
          </value>
        </block>
      </value>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">preloader-bar</field>
        </shadow>
      </value>
    </block>
  </next>
</block>
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Remove preloader.</field>
  <next>
    <block type="removeHTMLElement">
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">preloader-background</field>
        </shadow>
      </value>
    </block>
  </next>
</block>
</category>
<category name="Prepare Sound">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Activates audio on mobile devices. Replace &quot;mySound&quot; with actual sound.</field>
  <next>
    <block type="eventHTMLElem">
      <field name="EVENT">pointerup</field>
      <field name="PARENT">FALSE</field>
      <value name="ID">
        <shadow type="text">
          <field name="TEXT">myElem</field>
        </shadow>
        <block type="DOMObjectSelector">
          <field name="DOM_OBJECT">DOCUMENT</field>
        </block>
      </value>
      <statement name="DO">
        <block type="controls_if">
          <value name="IF0">
            <block type="logic_negate">
              <value name="BOOL">
                <block type="variables_get">
                  <field name="VAR" id=",|#UI=t.+x#-gs(d_)B{">initialised</field>
                </block>
              </value>
            </block>
          </value>
          <statement name="DO0">
            <block type="playSound">
              <field name="LOOP">FALSE</field>
              <value name="VALUE">
                <block type="loadSoundAdv">
                  <field name="TYPE">SOUND</field>
                  <value name="URL">
                    <shadow type="text">
                      <field name="TEXT">mySound.mp3</field>
                    </shadow>
                  </value>
                </block>
              </value>
              <next>
                <block type="pauseSound">
                  <value name="VALUE">
                    <block type="loadSoundAdv">
                      <field name="TYPE">SOUND</field>
                      <value name="URL">
                        <shadow type="text">
                          <field name="TEXT">mySound.mp3</field>
                        </shadow>
                      </value>
                    </block>
                  </value>
                  <next>
                    <block type="variables_set">
                      <field name="VAR" id=",|#UI=t.+x#-gs(d_)B{">initialised</field>
                      <value name="VALUE">
                        <block type="logic_boolean">
                          <field name="BOOL">TRUE</field>
                        </block>
                      </value>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </statement>
        </block>
      </statement>
    </block>
  </next>
</block>
</category>
<category name="URL Params">
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Save value as URL param. The value can be a number, text, list/vector, or dictionary.</field>
  <next>
    <block type="variables_set">
      <field name="VAR" id="LTY+|N.XJp$H(7fZ39y#">my value</field>
      <value name="VALUE">
        <block type="getObjTransform">
          <mutation useworldspace="false"/>
          <field name="MODE">position</field>
          <field name="COORD">xyz</field>
          <value name="TARGETOBJ">
            <shadow type="objectList">
              <field name="FIELDNAME">pCube1</field>
            </shadow>
          </value>
        </block>
      </value>
      <next>
        <block type="openWebPage">
          <field name="MODE">NO_RELOAD</field>
          <value name="URL">
            <shadow type="text">
              <field name="TEXT">https://www.soft8soft.com/</field>
            </shadow>
            <block type="setUrlParam">
              <value name="URL">
                <shadow type="text">
                  <field name="TEXT">https://sandbox.soft8soft.com/</field>
                </shadow>
                <block type="getUrlData">
                  <field name="KIND">URL</field>
                  <field name="PARENT">FALSE</field>
                </block>
              </value>
              <value name="NAME">
                <shadow type="text">
                  <field name="TEXT">position</field>
                </shadow>
              </value>
              <value name="VALUE">
                <shadow type="text">
                  <field name="TEXT"/>
                </shadow>
                <block type="stringifyJSON">
                  <value name="VALUE">
                    <block type="variables_get">
                      <field name="VAR" id="LTY+|N.XJp$H(7fZ39y#">my value</field>
                    </block>
                  </value>
                </block>
              </value>
            </block>
          </value>
        </block>
      </next>
    </block>
  </next>
</block>
<block xmlns="https://www.soft8soft.com/puzzles/xml" type="comment">
  <field name="TEXT">Restore value from URL param. Use default value if param is missing.</field>
  <next>
    <block type="variables_set">
      <field name="VAR" id="LTY+|N.XJp$H(7fZ39y#">my value</field>
      <value name="VALUE">
        <block type="readJSON">
          <value name="TEXT">
            <shadow type="text">
              <field name="TEXT">{}</field>
            </shadow>
            <block type="dictGet">
              <mutation defaultvalueslot="true"/>
              <value name="DICT">
                <block type="getUrlData">
                  <field name="KIND">PARAMS</field>
                  <field name="PARENT">FALSE</field>
                </block>
              </value>
              <value name="KEY">
                <shadow type="text">
                  <field name="TEXT">position</field>
                </shadow>
              </value>
              <value name="DEFAULT_VALUE">
                <block type="text">
                  <field name="TEXT">[0,0,0]</field>
                </block>
              </value>
            </block>
          </value>
        </block>
      </value>
      <next>
        <block type="setObjTransform">
          <mutation usevectorslot="true" useworldspace="false"/>
          <field name="MODE">position</field>
          <field name="OFFSET">FALSE</field>
          <value name="TARGETOBJ">
            <shadow type="objectList">
              <field name="FIELDNAME">pCube1</field>
            </shadow>
          </value>
          <value name="USE_VECTOR">
            <block type="variables_get">
              <field name="VAR" id="LTY+|N.XJp$H(7fZ39y#">my value</field>
            </block>
          </value>
        </block>
      </next>
    </block>
  </next>
</block>
</category>
<category name="VR Controls">
<block xmlns="https://developers.google.com/blockly/xml" type="comment">
  <field name="TEXT">Move VR camera with controllers. Provide your own collision mesh.</field>
  <next>
    <block type="everyFrame">
      <statement name="DO">
        <block type="traverseControllers">
          <statement name="DO">
            <block type="variables_set">
              <field name="VAR" id="-.h88?$85U|3}LvR2UU)">move forward</field>
              <value name="VALUE">
                <block type="math_single">
                  <field name="OP">NEG</field>
                  <value name="NUM">
                    <shadow type="math_number">
                      <field name="NUM">4</field>
                    </shadow>
                    <block type="math_arithmetic" inline="false">
                      <field name="OP">ADD</field>
                      <value name="A">
                        <shadow type="math_number">
                          <field name="NUM">2</field>
                        </shadow>
                        <block type="getGamepadProp">
                          <field name="PROPERTY">AXIS</field>
                          <field name="CONTROL_INDEX">1</field>
                          <value name="INDEX">
                            <shadow type="math_number">
                              <field name="NUM">2</field>
                            </shadow>
                            <block type="xrControllerProp">
                              <field name="PROPERTY">GAMEPAD_INDEX</field>
                            </block>
                          </value>
                        </block>
                      </value>
                      <value name="B">
                        <shadow type="math_number">
                          <field name="NUM">2</field>
                        </shadow>
                        <block type="getGamepadProp">
                          <field name="PROPERTY">AXIS</field>
                          <field name="CONTROL_INDEX">3</field>
                          <value name="INDEX">
                            <shadow type="math_number">
                              <field name="NUM">2</field>
                            </shadow>
                            <block type="xrControllerProp">
                              <field name="PROPERTY">GAMEPAD_INDEX</field>
                            </block>
                          </value>
                        </block>
                      </value>
                    </block>
                  </value>
                </block>
              </value>
              <next>
                <block type="variables_set">
                  <field name="VAR" id="j3/d.QT85aC$:.b(?S{z">move side</field>
                  <value name="VALUE">
                    <block type="math_arithmetic" inline="false">
                      <field name="OP">ADD</field>
                      <value name="A">
                        <shadow type="math_number">
                          <field name="NUM">2</field>
                        </shadow>
                        <block type="getGamepadProp">
                          <field name="PROPERTY">AXIS</field>
                          <field name="CONTROL_INDEX">0</field>
                          <value name="INDEX">
                            <shadow type="math_number">
                              <field name="NUM">2</field>
                            </shadow>
                            <block type="xrControllerProp">
                              <field name="PROPERTY">GAMEPAD_INDEX</field>
                            </block>
                          </value>
                        </block>
                      </value>
                      <value name="B">
                        <shadow type="math_number">
                          <field name="NUM">2</field>
                        </shadow>
                        <block type="getGamepadProp">
                          <field name="PROPERTY">AXIS</field>
                          <field name="CONTROL_INDEX">2</field>
                          <value name="INDEX">
                            <shadow type="math_number">
                              <field name="NUM">2</field>
                            </shadow>
                            <block type="xrControllerProp">
                              <field name="PROPERTY">GAMEPAD_INDEX</field>
                            </block>
                          </value>
                        </block>
                      </value>
                    </block>
                  </value>
                  <next>
                    <block type="variables_set">
                      <field name="VAR" id="2oj|+Q,rv1jk,~GZfH}2">dir vector forward</field>
                      <value name="VALUE">
                        <block type="getObjDirection">
                          <field name="COORD">HORIZONTAL</field>
                          <value name="TARGETOBJ">
                            <shadow type="objectList">
                              <field name="FIELDNAME">&lt;none&gt;</field>
                            </shadow>
                            <block type="getActiveCamera"/>
                          </value>
                        </block>
                      </value>
                      <next>
                        <block type="variables_set">
                          <field name="VAR" id="Rq2D?pn(}trbviHRy3Nw">dir vector side</field>
                          <value name="VALUE">
                            <block type="vectorMath">
                              <field name="VALUE_NAME">ROTATE</field>
                              <value name="VECTOR">
                                <block type="variables_get">
                                  <field name="VAR" id="2oj|+Q,rv1jk,~GZfH}2">dir vector forward</field>
                                </block>
                              </value>
                              <value name="VECTOR2">
                                <block type="createVector">
                                  <value name="X">
                                    <shadow type="math_number">
                                      <field name="NUM">0</field>
                                    </shadow>
                                  </value>
                                  <value name="Y">
                                    <shadow type="math_number">
                                      <field name="NUM">0</field>
                                    </shadow>
                                  </value>
                                  <value name="Z">
                                    <shadow type="math_number">
                                      <field name="NUM">-90</field>
                                    </shadow>
                                  </value>
                                </block>
                              </value>
                            </block>
                          </value>
                          <next>
                            <block type="variables_set">
                              <field name="VAR" id="ERucHEkk,9CGs?o?.zqp">dir vector</field>
                              <value name="VALUE">
                                <block type="vectorMath" inline="false">
                                  <field name="VALUE_NAME">ADD</field>
                                  <value name="VECTOR">
                                    <block type="vectorMath">
                                      <field name="VALUE_NAME">MULTIPLY</field>
                                      <value name="VECTOR">
                                        <block type="variables_get">
                                          <field name="VAR" id="2oj|+Q,rv1jk,~GZfH}2">dir vector forward</field>
                                        </block>
                                      </value>
                                      <value name="VECTOR2">
                                        <block type="variables_get">
                                          <field name="VAR" id="-.h88?$85U|3}LvR2UU)">move forward</field>
                                        </block>
                                      </value>
                                    </block>
                                  </value>
                                  <value name="VECTOR2">
                                    <block type="vectorMath">
                                      <field name="VALUE_NAME">MULTIPLY</field>
                                      <value name="VECTOR">
                                        <block type="variables_get">
                                          <field name="VAR" id="Rq2D?pn(}trbviHRy3Nw">dir vector side</field>
                                        </block>
                                      </value>
                                      <value name="VECTOR2">
                                        <block type="variables_get">
                                          <field name="VAR" id="j3/d.QT85aC$:.b(?S{z">move side</field>
                                        </block>
                                      </value>
                                    </block>
                                  </value>
                                </block>
                              </value>
                              <next>
                                <block type="variables_set">
                                  <field name="VAR" id="bo4wB^/{z~m`*yjQ5jl!">move speed</field>
                                  <value name="VALUE">
                                    <block type="math_arithmetic">
                                      <field name="OP">MULTIPLY</field>
                                      <value name="A">
                                        <shadow type="math_number">
                                          <field name="NUM">2</field>
                                        </shadow>
                                        <block type="elapsed"/>
                                      </value>
                                      <value name="B">
                                        <shadow type="math_number">
                                          <field name="NUM">1.5</field>
                                        </shadow>
                                      </value>
                                    </block>
                                  </value>
                                  <next>
                                    <block type="variables_set">
                                      <field name="VAR" id="ERucHEkk,9CGs?o?.zqp">dir vector</field>
                                      <value name="VALUE">
                                        <block type="vectorMath">
                                          <field name="VALUE_NAME">MULTIPLY</field>
                                          <value name="VECTOR">
                                            <block type="variables_get">
                                              <field name="VAR" id="ERucHEkk,9CGs?o?.zqp">dir vector</field>
                                            </block>
                                          </value>
                                          <value name="VECTOR2">
                                            <block type="variables_get">
                                              <field name="VAR" id="bo4wB^/{z~m`*yjQ5jl!">move speed</field>
                                            </block>
                                          </value>
                                        </block>
                                      </value>
                                      <next>
                                        <block type="variables_set">
                                          <field name="VAR" id="$Zp.;QZ*r6wCsp4-bNux">ray cast position</field>
                                          <value name="VALUE">
                                            <block type="vectorMath">
                                              <field name="VALUE_NAME">ADD</field>
                                              <value name="VECTOR">
                                                <block type="getObjTransform">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" useworldspace="false"/>
                                                  <field name="MODE">position</field>
                                                  <field name="COORD">xyz</field>
                                                  <value name="TARGETOBJ">
                                                    <shadow type="objectList">
                                                      <field name="FIELDNAME">&lt;none&gt;</field>
                                                    </shadow>
                                                    <block type="xrCameraControlObject"/>
                                                  </value>
                                                </block>
                                              </value>
                                              <value name="VECTOR2">
                                                <block type="variables_get">
                                                  <field name="VAR" id="ERucHEkk,9CGs?o?.zqp">dir vector</field>
                                                </block>
                                              </value>
                                            </block>
                                          </value>
                                          <next>
                                            <block type="setVectorValue">
                                              <field name="VALUE_NAME">Z</field>
                                              <value name="VECTOR">
                                                <block type="variables_get">
                                                  <field name="VAR" id="$Zp.;QZ*r6wCsp4-bNux">ray cast position</field>
                                                </block>
                                              </value>
                                              <value name="VALUE">
                                                <shadow type="math_number">
                                                  <field name="NUM">2</field>
                                                </shadow>
                                              </value>
                                              <next>
                                                <block type="variables_set">
                                                  <field name="VAR" id="mz!$hZRVPq;i*P$p!|ar">raycast result</field>
                                                  <value name="VALUE">
                                                    <block type="raycast">
                                                      <field name="ONLY_VISIBLE">FALSE</field>
                                                      <value name="FROM">
                                                        <block type="variables_get">
                                                          <field name="VAR" id="$Zp.;QZ*r6wCsp4-bNux">ray cast position</field>
                                                        </block>
                                                      </value>
                                                      <value name="DIRECTION">
                                                        <block type="createVector">
                                                          <value name="X">
                                                            <shadow type="math_number">
                                                              <field name="NUM">0</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="Y">
                                                            <shadow type="math_number">
                                                              <field name="NUM">0</field>
                                                            </shadow>
                                                          </value>
                                                          <value name="Z">
                                                            <shadow type="math_number">
                                                              <field name="NUM">-1</field>
                                                            </shadow>
                                                          </value>
                                                        </block>
                                                      </value>
                                                      <value name="INTERSECT_OBJS">
                                                        <shadow type="objectList">
                                                          <field name="FIELDNAME">collision_mesh</field>
                                                        </shadow>
                                                      </value>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="controls_if">
                                                      <value name="IF0">
                                                        <block type="logic_negate">
                                                          <value name="BOOL">
                                                            <block type="lists_isEmpty">
                                                              <value name="VALUE">
                                                                <block type="variables_get">
                                                                  <field name="VAR" id="mz!$hZRVPq;i*P$p!|ar">raycast result</field>
                                                                </block>
                                                              </value>
                                                            </block>
                                                          </value>
                                                        </block>
                                                      </value>
                                                      <statement name="DO0">
                                                        <block type="setObjTransform">
                                                          <mutation xmlns="http://www.w3.org/1999/xhtml" usevectorslot="true" useworldspace="false"/>
                                                          <field name="MODE">position</field>
                                                          <field name="OFFSET">TRUE</field>
                                                          <value name="TARGETOBJ">
                                                            <shadow type="objectList">
                                                              <field name="FIELDNAME">&lt;none&gt;</field>
                                                            </shadow>
                                                            <block type="xrCameraControlObject"/>
                                                          </value>
                                                          <value name="USE_VECTOR">
                                                            <block type="variables_get">
                                                              <field name="VAR" id="ERucHEkk,9CGs?o?.zqp">dir vector</field>
                                                            </block>
                                                          </value>
                                                        </block>
                                                      </statement>
                                                    </block>
                                                  </next>
                                                </block>
                                              </next>
                                            </block>
                                          </next>
                                        </block>
                                      </next>
                                    </block>
                                  </next>
                                </block>
                              </next>
                            </block>
                          </next>
                        </block>
                      </next>
                    </block>
                  </next>
                </block>
              </next>
            </block>
          </statement>
        </block>
      </statement>
    </block>
  </next>
</block>
</category>
</xml>
