Add ExampleScreenMacros file as example of macro override from a file inside a component rather than in the runtime directory

Author: jonesde

screen/ExampleApp/Example.xml

@@ -17,7 +17,7 @@ along with this software (see the LICENSE.md file). If not, see
         default-menu-title="Example" default-menu-index="1">
 
     <!-- this is a test, and example, of overriding the default FTL macro template to use for this screen -->
-    <macro-template type="html" location="template/screen-macro/TestScreenHtmlMacros.ftl"/>
+    <macro-template type="vuet" location="component://example/template/screen-macro/ExampleScreenMacros.vuet.ftl"/>
 
     <subscreens default-item="FindExample"/>
 

template/screen-macro/ExampleScreenMacros.vuet.ftl

@@ -0,0 +1,21 @@
+<#--
+This software is in the public domain under CC0 1.0 Universal plus a Grant of Patent License.
+
+To the extent possible under law, the author(s) have dedicated all
+copyright and related and neighboring rights to this software to the
+public domain worldwide. This software is distributed without any
+warranty.
+
+You should have received a copy of the CC0 Public Domain Dedication
+along with this software (see the LICENSE.md file). If not, see
+<http://creativecommons.org/publicdomain/zero/1.0/>.
+-->
+
+<#include "runtime://template/screen-macro/DefaultScreenMacros.vuet.ftl"/>
+
+<#macro container>
+    <#assign divId><@nodeId .node/></#assign>
+    <${.node["@type"]!"div"}<#if divId?has_content> id="${divId}"</#if><#if .node["@style"]?has_content> class="${ec.resource.expand(.node["@style"], "")}"</#if>>
+    <#recurse>
+    </${.node["@type"]!"div"}><!-- CONTAINER OVERRIDE FOR THE Example.xml screen -->
+</#macro>