{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>vueapp.html</code></h3>\n</div>\n<div class=\"djDebugPanelContent\">\n  <div class=\"djdt-scroll\">\n    <div class=\"highlight\"><pre><span></span><span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">render_vite_bundle</span> <span class=\"cp\">%}</span> <span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">static</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">&lt;!DOCTYPE html&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">html</span> <span class=\"na\">lang</span><span class=\"o\">=</span><span class=\"s\">&quot;en&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">head</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">charset</span><span class=\"o\">=</span><span class=\"s\">&quot;UTF-8&quot;</span> <span class=\"p\">/&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;viewport&quot;</span> <span class=\"na\">content</span><span class=\"o\">=</span><span class=\"s\">&quot;width=device-width, initial-scale=1.0&quot;</span> <span class=\"p\">/&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;icon&quot;</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;&quot;</span> <span class=\"p\">/&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">include</span> <span class=\"s1\">&#39;includes/favicon.html&#39;</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">link</span>\n      <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css&quot;</span>\n      <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;stylesheet&quot;</span>\n    <span class=\"p\">/&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">link</span>\n      <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;https://fonts.googleapis.com/css?family=Material+Icons&quot;</span>\n      <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;stylesheet&quot;</span>\n    <span class=\"p\">/&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">title</span><span class=\"p\">&gt;</span>HRA Source<span class=\"p\">&lt;/</span><span class=\"nt\">title</span><span class=\"p\">&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">debug</span> <span class=\"k\">and</span> <span class=\"nv\">env</span> <span class=\"o\">==</span> <span class=\"s1\">&#39;DEV&#39;</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;module&quot;</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;http://localhost:</span><span class=\"cp\">{{</span> <span class=\"nv\">vite_dev_port</span> <span class=\"cp\">}}</span><span class=\"s\">/@vite/client&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">else</span> <span class=\"cp\">%}</span> <span class=\"cp\">{%</span> <span class=\"k\">render_vite_bundle</span> <span class=\"cp\">%}</span> <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">comment</span> <span class=\"cp\">%}</span><span class=\"c\"> Support Button </span><span class=\"cp\">{%</span> <span class=\"k\">endcomment</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span><span class=\"w\"></span>\n<span class=\"w\">      </span><span class=\"nb\">window</span><span class=\"p\">.</span><span class=\"nx\">fwSettings</span><span class=\"o\">=</span><span class=\"p\">{</span><span class=\"w\"></span>\n<span class=\"w\">      </span><span class=\"s1\">&#39;widget_id&#39;</span><span class=\"o\">:</span><span class=\"mf\">157000000685</span><span class=\"w\"></span>\n<span class=\"w\">      </span><span class=\"p\">};</span><span class=\"w\"></span>\n<span class=\"w\">      </span><span class=\"o\">!</span><span class=\"kd\">function</span><span class=\"p\">(){</span><span class=\"k\">if</span><span class=\"p\">(</span><span class=\"s2\">&quot;function&quot;</span><span class=\"o\">!=</span><span class=\"ow\">typeof</span><span class=\"w\"> </span><span class=\"nb\">window</span><span class=\"p\">.</span><span class=\"nx\">FreshworksWidget</span><span class=\"p\">){</span><span class=\"kd\">var</span><span class=\"w\"> </span><span class=\"nx\">n</span><span class=\"o\">=</span><span class=\"kd\">function</span><span class=\"p\">(){</span><span class=\"nx\">n</span><span class=\"p\">.</span><span class=\"nx\">q</span><span class=\"p\">.</span><span class=\"nx\">push</span><span class=\"p\">(</span><span class=\"nx\">arguments</span><span class=\"p\">)};</span><span class=\"nx\">n</span><span class=\"p\">.</span><span class=\"nx\">q</span><span class=\"o\">=</span><span class=\"p\">[],</span><span class=\"nb\">window</span><span class=\"p\">.</span><span class=\"nx\">FreshworksWidget</span><span class=\"o\">=</span><span class=\"nx\">n</span><span class=\"p\">}}()</span><span class=\"w\"></span>\n<span class=\"w\">    </span><span class=\"p\">&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&#39;text/javascript&#39;</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&#39;https://widget.freshworks.com/widgets/157000000685.js&#39;</span> <span class=\"na\">async</span> <span class=\"na\">defer</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;/</span><span class=\"nt\">head</span><span class=\"p\">&gt;</span>\n\n  <span class=\"p\">&lt;</span><span class=\"nt\">body</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s\">&quot;app&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">debug</span> <span class=\"k\">and</span> <span class=\"nv\">env</span> <span class=\"o\">==</span> <span class=\"s1\">&#39;DEV&#39;</span> <span class=\"cp\">%}</span> Start the vite development server to see the frontend app!\n    <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;module&quot;</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;http://localhost:</span><span class=\"cp\">{{</span> <span class=\"nv\">vite_dev_port</span> <span class=\"cp\">}}</span><span class=\"s\">/src/app.js&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span><span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;/</span><span class=\"nt\">body</span><span class=\"p\">&gt;</span>\n\n  <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">debug</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">style</span><span class=\"p\">&gt;</span><span class=\"w\"></span>\n<span class=\"w\">    </span><span class=\"p\">#</span><span class=\"nn\">djDebugToolbarHandle</span><span class=\"w\"> </span><span class=\"p\">{</span><span class=\"w\"></span>\n<span class=\"w\">      </span><span class=\"k\">position</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"kc\">absolute</span><span class=\"w\"> </span><span class=\"cp\">!important</span><span class=\"p\">;</span><span class=\"w\"></span>\n<span class=\"w\">      </span><span class=\"k\">top</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">50</span><span class=\"kt\">%</span><span class=\"w\"> </span><span class=\"cp\">!important</span><span class=\"p\">;</span><span class=\"w\"></span>\n<span class=\"w\">    </span><span class=\"p\">}</span><span class=\"w\"></span>\n<span class=\"w\">  </span><span class=\"p\">&lt;/</span><span class=\"nt\">style</span><span class=\"p\">&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">html</span><span class=\"p\">&gt;</span>\n</pre></div>\n\n  </div>\n</div>\n"}