@qhealth-design-system/core 1.0.38

package/dist/components/left_hand_navigation/manifest.json

@@ -0,0 +1,40 @@
+{
+	"component": {
+		"name": "left_hand_navigation",
+		"description": "",
+		"version": "1.0",
+		"status": "In Development",
+		"data": {
+			"assetid": "left_hand_navigation-123",
+			"metadata": {
+				"field1": {
+					"type": "metadata_field_text",
+					"description": "A text field",
+					"friendly_name": "Field 1",
+					"value": "Example text",
+					"required": false,
+					"editable": true
+				},
+				"root_node": {
+					"type": "metadata_field_related_asset",
+					"description": "",
+					"friendly_name": "Parent asset (populates 'children' and 'childrenThumbnails')",
+					"value": "123",
+					"required": false,
+					"editable": true
+				},
+				"asset_select": {
+					"type": "metadata_field_related_asset",
+					"description": "",
+					"friendly_name": "Assets to link to (populates 'assets')",
+					"value": "1; 2; 3",
+					"required": false,
+					"editable": true
+				}
+			}
+		},
+		"children": [],
+		"childrenThumbnails": [],
+		"assets": []
+	}
+}

package/dist/components/left_hand_navigation/presentation.js

@@ -0,0 +1,178 @@
+{"1":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=container.escapeExpression, alias2=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "            <li>\n                <a class=\"qld__left-nav__item-link\" href=\"./?a="
+    + alias1(container.lambda(((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1), depth0))
+    + "\">\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias2,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavHomeIconShow") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":7,"column":20},"end":{"line":11,"column":27}}})) != null ? stack1 : "")
+    + "                    <span class=\"qld__left-nav__item-text\" data-name=\""
+    + alias1(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias2,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":12,"column":70},"end":{"line":12,"column":90}}}) : helper)))
+    + "\">Home</span>\n                </a>\n            </li>\n";
+},"2":function(container,depth0,helpers,partials,data) {
+    return "                    <span class=\"qld__left-nav__item-icon\">\n                        <svg aria-hidden=\"true\" focusable=\"false\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\" height=\"32\" width=\"32\"><path fill=\"currentColor\" d=\"M277.4 4.002C283.5-1.334 292.5-1.334 298.6 4.002L384 79.37V56C384 42.75 394.7 31.1 408 31.1H488C501.3 31.1 512 42.75 512 56V192.3L570.6 244C577.2 249.8 577.8 259.1 571.1 266.6C566.2 273.2 556 273.8 549.4 267.1L512 234.1V432C512 476.2 476.2 512 432 512H144C99.82 512 64 476.2 64 432V234.1L26.59 267.1C19.96 273.8 9.849 273.2 4.003 266.6C-1.844 259.1-1.212 249.8 5.414 244L277.4 4.002zM480 164.1V64H416V107.6L480 164.1zM96 206.7V432C96 458.5 117.5 480 144 480H208V320C208 302.3 222.3 288 240 288H336C353.7 288 368 302.3 368 320V480H432C458.5 480 480 458.5 480 432V206.7L288 37.34L96 206.7zM240 320V480H336V320H240z\"/></svg> \n                    </span>\n";
+},"4":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "            <li class=\"active\" aria-current=\"page\">\n                <span class=\"qld__left-nav__item-link\">\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavHomeIconShow") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":18,"column":20},"end":{"line":22,"column":27}}})) != null ? stack1 : "")
+    + "                    <span class=\"qld__left-nav__item-text\" data-name=\""
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":23,"column":70},"end":{"line":23,"column":90}}}) : helper)))
+    + "\">Home</span>\n                </span>\n            </li>\n";
+},"5":function(container,depth0,helpers,partials,data) {
+    return "                        <span class=\"qld__left-nav__item-icon\">\n                            <svg aria-hidden=\"true\" focusable=\"false\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\" height=\"32\" width=\"32\"><path fill=\"currentColor\" d=\"M277.4 4.002C283.5-1.334 292.5-1.334 298.6 4.002L384 79.37V56C384 42.75 394.7 31.1 408 31.1H488C501.3 31.1 512 42.75 512 56V192.3L570.6 244C577.2 249.8 577.8 259.1 571.1 266.6C566.2 273.2 556 273.8 549.4 267.1L512 234.1V432C512 476.2 476.2 512 432 512H144C99.82 512 64 476.2 64 432V234.1L26.59 267.1C19.96 273.8 9.849 273.2 4.003 266.6C-1.844 259.1-1.212 249.8 5.414 244L277.4 4.002zM480 164.1V64H416V107.6L480 164.1zM96 206.7V432C96 458.5 117.5 480 144 480H208V320C208 302.3 222.3 288 240 288H336C353.7 288 368 302.3 368 320V480H432C458.5 480 480 458.5 480 432V206.7L288 37.34L96 206.7zM240 320V480H336V320H240z\"/></svg> \n                        </span>\n";
+},"7":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0),"!=",((stack1 = ((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"current"))) && lookupProperty(stack1,"data"))) && lookupProperty(stack1,"assetid")),{"name":"ifCond","hash":{},"fn":container.program(8, data, 0, blockParams, depths),"inverse":container.program(10, data, 0, blockParams, depths),"data":data,"loc":{"start":{"line":28,"column":16},"end":{"line":39,"column":27}}})) != null ? stack1 : "")
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"site") : depths[1])) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavMegaMenuShow") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","true",{"name":"ifCond","hash":{},"fn":container.program(12, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":40,"column":16},"end":{"line":72,"column":27}}})) != null ? stack1 : "")
+    + "                </li>\n";
+},"8":function(container,depth0,helpers,partials,data) {
+    var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3="function", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                <li>\n                    <a class=\"qld__left-nav__item-link\" href=\""
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_url") || (depth0 != null ? lookupProperty(depth0,"asset_url") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_url","hash":{},"data":data,"loc":{"start":{"line":30,"column":62},"end":{"line":30,"column":75}}}) : helper)))
+    + "\">\n                        <span class=\"qld__left-nav__item-text\" data-name=\""
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":31,"column":74},"end":{"line":31,"column":94}}}) : helper)))
+    + "\">"
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":31,"column":96},"end":{"line":31,"column":116}}}) : helper)))
+    + "\n                        </span>\n                    </a>\n";
+},"10":function(container,depth0,helpers,partials,data) {
+    var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                <li class=\"active\" aria-current=\"page\">\n                    <span class=\"qld__left-nav__item-link\">\n                        <span class=\"qld__left-nav__item-text\">"
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":37,"column":63},"end":{"line":37,"column":83}}}) : helper)))
+    + "</span>\n                    </span>\n";
+},"12":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return ((stack1 = (lookupProperty(helpers,"arrayWith")||(depth0 && lookupProperty(depth0,"arrayWith"))||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,"children") : depth0),"asset_metadata_showInMegaNav","true",{"name":"arrayWith","hash":{},"fn":container.program(13, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":41,"column":20},"end":{"line":71,"column":34}}})) != null ? stack1 : "");
+},"13":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return ((stack1 = lookupProperty(helpers,"if").call(depth0 != null ? depth0 : (container.nullContext || {}),depth0,{"name":"if","hash":{},"fn":container.program(14, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":42,"column":24},"end":{"line":70,"column":31}}})) != null ? stack1 : "");
+},"14":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return ((stack1 = (lookupProperty(helpers,"inArray")||(depth0 && lookupProperty(depth0,"inArray"))||container.hooks.helperMissing).call(alias1,((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"current"))) && lookupProperty(stack1,"lineage")),"asset_assetid",(depths[1] != null ? lookupProperty(depths[1],"asset_assetid") : depths[1]),{"name":"inArray","hash":{},"fn":container.program(15, data, 0, blockParams, depths),"inverse":container.program(17, data, 0, blockParams, depths),"data":data,"loc":{"start":{"line":43,"column":28},"end":{"line":49,"column":40}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"each").call(alias1,depth0,{"name":"each","hash":{},"fn":container.program(19, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":50,"column":28},"end":{"line":68,"column":37}}})) != null ? stack1 : "")
+    + "                            </ul>  \n";
+},"15":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var alias1=container.lambda, alias2=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                                <button class=\"qld__left-nav__item-toggle\" aria-controls=\"internal-nav-"
+    + alias2(alias1((depths[1] != null ? lookupProperty(depths[1],"asset_assetid") : depths[1]), depth0))
+    + "\" aria-expanded=\"true\" aria-selected=\"true\" aria-label=\"Toggle navigation, "
+    + alias2(alias1((depths[1] != null ? lookupProperty(depths[1],"asset_short_name") : depths[1]), depth0))
+    + "\"  ></button>\n                                <ul id=\"internal-nav-"
+    + alias2(alias1((depths[1] != null ? lookupProperty(depths[1],"asset_assetid") : depths[1]), depth0))
+    + "\" class=\"qld__link-list qld__accordion--open qld__accordion__body\">\n";
+},"17":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var alias1=container.lambda, alias2=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                                <button class=\"qld__left-nav__item-toggle qld__accordion--closed\" aria-controls=\"internal-nav-"
+    + alias2(alias1((depths[1] != null ? lookupProperty(depths[1],"asset_assetid") : depths[1]), depth0))
+    + "\" aria-expanded=\"false\" aria-selected=\"false\" aria-label=\"Toggle navigation, "
+    + alias2(alias1((depths[1] != null ? lookupProperty(depths[1],"asset_short_name") : depths[1]), depth0))
+    + "\"  ></button>\n                                <ul id=\"internal-nav-"
+    + alias2(alias1((depths[1] != null ? lookupProperty(depths[1],"asset_assetid") : depths[1]), depth0))
+    + "\" class=\"qld__link-list qld__accordion--closed qld__accordion__body\" style=\"display: none;\">\n";
+},"19":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0),"!=",((stack1 = ((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"current"))) && lookupProperty(stack1,"data"))) && lookupProperty(stack1,"assetid")),{"name":"ifCond","hash":{},"fn":container.program(20, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":51,"column":32},"end":{"line":58,"column":43}}})) != null ? stack1 : "")
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0),"==",((stack1 = ((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"current"))) && lookupProperty(stack1,"data"))) && lookupProperty(stack1,"assetid")),{"name":"ifCond","hash":{},"fn":container.program(22, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":59,"column":32},"end":{"line":66,"column":43}}})) != null ? stack1 : "")
+    + "                                </li>\n";
+},"20":function(container,depth0,helpers,partials,data) {
+    var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3="function", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                                <li>\n                                    <a class=\"qld__left-nav__item-link\" href=\""
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_url") || (depth0 != null ? lookupProperty(depth0,"asset_url") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_url","hash":{},"data":data,"loc":{"start":{"line":53,"column":78},"end":{"line":53,"column":91}}}) : helper)))
+    + "\">\n                                        <span class=\"qld__left-nav__item-text\">\n                                            "
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":55,"column":44},"end":{"line":55,"column":64}}}) : helper)))
+    + "\n                                        </span>\n                                    </a>\n";
+},"22":function(container,depth0,helpers,partials,data) {
+    var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                                <li class=\"active\" aria-current=\"page\">\n                                    <span class=\"qld__left-nav__item-link\">\n                                        <span class=\"qld__left-nav__item-text\">\n                                            "
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":63,"column":44},"end":{"line":63,"column":64}}}) : helper)))
+    + "\n                                        </span>\n                                    </span>\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<div class=\"qld__left-nav "
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavStyle") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\">\n    <nav aria-label=\"left navigation\" id=\"left-nav\" class=\"qld__left-nav__content\"> \n        <ul class=\"qld__link-list\">\n"
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||container.hooks.helperMissing).call(alias1,((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),"!=",((stack1 = ((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"current"))) && lookupProperty(stack1,"data"))) && lookupProperty(stack1,"assetid")),{"name":"ifCond","hash":{},"fn":container.program(1, data, 0, blockParams, depths),"inverse":container.program(4, data, 0, blockParams, depths),"data":data,"loc":{"start":{"line":4,"column":12},"end":{"line":26,"column":23}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"each").call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"children") : stack1),{"name":"each","hash":{},"fn":container.program(7, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":27,"column":12},"end":{"line":74,"column":21}}})) != null ? stack1 : "")
+    + "        </ul>\n    </nav>\n</div>";
+},"useData":true,"useDepths":true}

package/dist/components/left_hand_navigation/static.html

@@ -0,0 +1,64 @@
+<div class="qld__left-nav ">
+    <nav aria-label="left navigation" id="left-nav" class="qld__left-nav__content"> 
+        <ul class="qld__link-list">
+            <li>
+                <a class="qld__left-nav__item-link" href="./?a=/home.html">
+                    <span class="qld__left-nav__item-icon">
+                        <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="32" width="32"><path fill="currentColor" d="M277.4 4.002C283.5-1.334 292.5-1.334 298.6 4.002L384 79.37V56C384 42.75 394.7 31.1 408 31.1H488C501.3 31.1 512 42.75 512 56V192.3L570.6 244C577.2 249.8 577.8 259.1 571.1 266.6C566.2 273.2 556 273.8 549.4 267.1L512 234.1V432C512 476.2 476.2 512 432 512H144C99.82 512 64 476.2 64 432V234.1L26.59 267.1C19.96 273.8 9.849 273.2 4.003 266.6C-1.844 259.1-1.212 249.8 5.414 244L277.4 4.002zM480 164.1V64H416V107.6L480 164.1zM96 206.7V432C96 458.5 117.5 480 144 480H208V320C208 302.3 222.3 288 240 288H336C353.7 288 368 302.3 368 320V480H432C458.5 480 480 458.5 480 432V206.7L288 37.34L96 206.7zM240 320V480H336V320H240z"/></svg> 
+                    </span>
+                    <span class="qld__left-nav__item-text" data-name="">Home</span>
+                </a>
+            </li>
+                <li>
+                    <a class="qld__left-nav__item-link" href="/components.html">
+                        <span class="qld__left-nav__item-text" data-name="Components">Components
+                        </span>
+                    </a>
+                                <button class="qld__left-nav__item-toggle qld__accordion--closed" aria-controls="internal-nav-/components.html" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation, Components"  ></button>
+                                <ul id="internal-nav-/components.html" class="qld__link-list qld__accordion--closed qld__accordion__body" style="display: none;">
+                                <li>
+                                    <a class="qld__left-nav__item-link" href="/components.html">
+                                        <span class="qld__left-nav__item-text">
+                                            Link 1
+                                        </span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="qld__left-nav__item-link" href="/site-templates.html">
+                                        <span class="qld__left-nav__item-text">
+                                            Link 2
+                                        </span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="qld__left-nav__item-link" href="/site-templates.html">
+                                        <span class="qld__left-nav__item-text">
+                                            Link 3
+                                        </span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="qld__left-nav__item-link" href="/site-templates.html">
+                                        <span class="qld__left-nav__item-text">
+                                            Link 4
+                                        </span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="qld__left-nav__item-link" href="/site-templates.html">
+                                        <span class="qld__left-nav__item-text">
+                                            Link 5
+                                        </span>
+                                    </a>
+                                </li>
+                            </ul>  
+                </li>
+                <li>
+                    <a class="qld__left-nav__item-link" href="/inner.html">
+                        <span class="qld__left-nav__item-text" data-name="Inner">Inner
+                        </span>
+                    </a>
+                </li>
+        </ul>
+    </nav>
+</div>

package/dist/components/main_navigation/import.xml

@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?>
+          <actions>
+          <action>
+            <action_id>create_Content_Container_Template_9843450984</action_id>
+            <action_type>create_asset</action_type>
+            <type_code>Content_Container_Template</type_code>
+            <link_type>1</link_type>
+            <parentid>1</parentid>
+            <value></value>
+            <is_dependant>0</is_dependant>
+            <is_exclusive>0</is_exclusive>
+          </action>
+          <action>
+            <action_id>set_Content_Container_Template_9843450984_name</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Content_Container_Template_9843450984.assetid]]</asset>
+            <attribute>name</attribute>
+            <value><![CDATA[Main Navigation]]></value>
+          </action>
+
+          <action>
+            <action_id>set_Content_Container_Template_9843450984_edit_interface_in_admin</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Content_Container_Template_9843450984.assetid]]</asset>
+            <attribute>edit_interface_in_admin</attribute>
+            <value><![CDATA[1]]></value>
+          </action>
+
+          <action>
+            <action_id>set_Content_Container_Template_9843450984_icon_color</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Content_Container_Template_9843450984.assetid]]</asset>
+            <attribute>icon_color</attribute>
+            <value><![CDATA[blue]]></value>
+          </action>
+          
+          <action>
+          <action_id>create_Metadata_Schema_5877102921</action_id>
+          <action_type>create_asset</action_type>
+          <type_code>Metadata_Schema</type_code>
+          <link_type>1</link_type>
+          <parentid>[[output://create_Content_Container_Template_9843450984.assetid]]</parentid>
+          <value></value>
+          <is_dependant>0</is_dependant>
+          <is_exclusive>0</is_exclusive>
+          </action>
+          <action>
+            <action_id>set_Metadata_Schema_5877102921_name</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Metadata_Schema_5877102921.assetid]]</asset>
+            <attribute>name</attribute>
+            <value><![CDATA[Main Navigation]]></value>
+          </action>
+          <action>
+              <action_id>set_permission_5877102921_read_5</action_id>
+              <action_type>set_permission</action_type>
+              <asset>[[output://create_Metadata_Schema_5877102921.assetid]]</asset>
+              <permission>1</permission>
+              <granted>1</granted>
+              <userid>[[system://public_user]]</userid>
+          </action>
+          
+          <action>
+            <action_id>create_Metadata_Section_8239676651</action_id>
+            <action_type>create_asset</action_type>
+            <type_code>Metadata_Section</type_code>
+            <link_type>2</link_type>
+            <parentid>[[output://create_Metadata_Schema_5877102921.assetid]]</parentid>
+            <value></value>
+            <is_dependant>1</is_dependant>
+            <is_exclusive>0</is_exclusive>
+          </action>
+          <action>
+            <action_id>add_Metadata_Section_8239676651_path</action_id>
+            <action_type>add_web_path</action_type>
+            <asset>[[output://create_Metadata_Section_8239676651.assetid]]</asset>
+            <parent_asset>[[output://create_Metadata_Schema_5877102921.assetid]]</parent_asset>
+            <path>settings</path>
+          </action>
+          <action>
+            <action_id>set_Metadata_Section_8239676651_name</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Metadata_Section_8239676651.assetid]]</asset>
+            <attribute>name</attribute>
+            <value><![CDATA[Settings]]></value>
+          </action>
+          <action>
+              <action_id>set_permission_8239676651_read_5</action_id>
+              <action_type>set_permission</action_type>
+              <asset>[[output://create_Metadata_Section_8239676651.assetid]]</asset>
+              <permission>1</permission>
+              <granted>1</granted>
+              <userid>[[system://public_user]]</userid>
+          </action>           
+          </actions>

package/dist/components/main_navigation/manifest.json

@@ -0,0 +1,11 @@
+{
+	"component": {
+		"name": "Main Navigation",
+		"description": "",
+		"version": "1.0",
+		"status": "Released",
+		"type":"design"
+	},
+	"data": {
+	}
+}

package/dist/components/main_navigation/presentation.js

@@ -0,0 +1,150 @@
+{"1":function(container,depth0,helpers,partials,data) {
+    return "qld__main-nav__no-desktop";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "qld__main-nav__menu--dark";
+},"5":function(container,depth0,helpers,partials,data) {
+    return "qld__main-nav__menu--dark-alt";
+},"7":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.lambda, alias3=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                        <li class=\""
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"home") : stack1),{"name":"if","hash":{},"fn":container.program(8, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":20,"column":35},"end":{"line":20,"column":68}}})) != null ? stack1 : "")
+    + " qld__main-nav__item\">\n                            <div class=\"qld__main-nav__item-title\">\n                                <a class=\"qld__main-nav__item-link\" "
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"home") : stack1),{"name":"if","hash":{},"fn":container.program(10, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":22,"column":68},"end":{"line":22,"column":114}}})) != null ? stack1 : "")
+    + " href=\"./?a="
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1), depth0))
+    + "\">\n                                    <span class=\"qld__main-nav__item-icon\">\n                                        <svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" class=\"qld__icon qld__icon--md \"><use href=\""
+    + alias3(alias2(((stack1 = ((stack1 = ((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"site"))) && lookupProperty(stack1,"metadata"))) && lookupProperty(stack1,"siteDefaultIcons"))) && lookupProperty(stack1,"value")), depth0))
+    + "#qld__icon__home\"></use></svg>\n                                    </span>\n                                    <span class=\"qld__main-nav__item-text\" data-name=\""
+    + alias3(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":26,"column":86},"end":{"line":26,"column":106}}}) : helper)))
+    + "\">Home</span>\n                                </a>\n                            </div>\n                        </li>\n";
+},"8":function(container,depth0,helpers,partials,data) {
+    return "active";
+},"10":function(container,depth0,helpers,partials,data) {
+    return "aria-current=\"page\"";
+},"12":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3="function", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                        <li class=\"qld__main-nav__item "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(8, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":32,"column":55},"end":{"line":32,"column":126}}})) != null ? stack1 : "")
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"top") : stack1)) != null ? lookupProperty(stack1,"asset_assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(8, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":32,"column":126},"end":{"line":32,"column":202}}})) != null ? stack1 : "")
+    + "\">\n                            <div class=\"qld__main-nav__item-title\">\n                                <a class=\"qld__main-nav__item-link\" "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(10, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":34,"column":68},"end":{"line":34,"column":152}}})) != null ? stack1 : "")
+    + " href=\"./?a="
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_assetid") || (depth0 != null ? lookupProperty(depth0,"asset_assetid") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_assetid","hash":{},"data":data,"loc":{"start":{"line":34,"column":164},"end":{"line":34,"column":181}}}) : helper)))
+    + "\" >\n                                    <span class=\"qld__main-nav__item-text\" data-name=\""
+    + alias4(((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":35,"column":86},"end":{"line":35,"column":106}}}) : helper)))
+    + "\">"
+    + ((stack1 = ((helper = (helper = lookupProperty(helpers,"asset_short_name") || (depth0 != null ? lookupProperty(depth0,"asset_short_name") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"asset_short_name","hash":{},"data":data,"loc":{"start":{"line":35,"column":108},"end":{"line":35,"column":130}}}) : helper))) != null ? stack1 : "")
+    + "</span>\n                                </a>\n                            </div>\n                        </li>\n";
+},"14":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                    <div class=\"qld__main-nav__cta-wrapper\">\n                        <ul class=\"qld__link-list\">\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOne") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(15, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":45,"column":24},"end":{"line":58,"column":35}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwo") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(18, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":59,"column":28},"end":{"line":72,"column":31}}})) != null ? stack1 : "")
+    + "                        </ul>\n                    </div>\n";
+},"15":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=container.lambda, alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                            <li class=\"qld__main-nav__item qld__main-nav__item--cta "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOne") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(8, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":46,"column":84},"end":{"line":46,"column":175}}})) != null ? stack1 : "")
+    + "\">\n                                <div class=\"qld__main-nav__item-title\">\n                                    <a class=\"qld__main-nav__item-link\" "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOne") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(10, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":48,"column":72},"end":{"line":48,"column":176}}})) != null ? stack1 : "")
+    + " href=\"./?a="
+    + alias4(alias3(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOne") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\" >\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOneIcon") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(16, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":49,"column":40},"end":{"line":53,"column":47}}})) != null ? stack1 : "")
+    + "                                        <span class=\"qld__main-nav__item-text\" data-name=\""
+    + alias4(alias3(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOneText") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\">"
+    + ((stack1 = alias3(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOneText") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\n                                    </a>\n                                </div>\n                            </li>\n";
+},"16":function(container,depth0,helpers,partials,data) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                                        <span class=\"qld__main-nav__item-icon\">\n                                            <i class=\""
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOneIcon") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\"></i>\n                                        </span>\n";
+},"18":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=container.lambda, alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                            <li class=\"qld__main-nav__item qld__main-nav__item--cta "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwo") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(8, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":60,"column":84},"end":{"line":60,"column":175}}})) != null ? stack1 : "")
+    + "\">\n                                <div class=\"qld__main-nav__item-title\">\n                                    <a class=\"qld__main-nav__item-link\" "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwo") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==",((stack1 = ((stack1 = (depths[1] != null ? lookupProperty(depths[1],"current") : depths[1])) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"assetid") : stack1),{"name":"ifCond","hash":{},"fn":container.program(10, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":62,"column":72},"end":{"line":62,"column":176}}})) != null ? stack1 : "")
+    + " href=\"./?a="
+    + alias4(alias3(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwo") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\" >\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwoIcon") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(19, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":63,"column":40},"end":{"line":67,"column":47}}})) != null ? stack1 : "")
+    + "                                        <span class=\"qld__main-nav__item-text\" data-name=\""
+    + alias4(alias3(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwoText") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\">"
+    + ((stack1 = alias3(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwoText") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\n                                    </a>\n                                </div>\n                            </li>\n";
+},"19":function(container,depth0,helpers,partials,data) {
+    var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "                                        <span class=\"qld__main-nav__item-icon\">\n                                            <i class=\""
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwoIcon") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\"></i>\n                                        </span>\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data,blockParams,depths) {
+    var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {}), alias4=container.hooks.helperMissing, lookupProperty = container.lookupProperty || function(parent, propertyName) {
+        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {
+          return parent[propertyName];
+        }
+        return undefined
+    };
+
+  return "<!-- MAIN NAVIGATION -->\n<nav class=\"qld__main-nav "
+    + alias2(alias1(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavStyle") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + "\" id=\"#mainmenu\" aria-label=\"main\">\n    <div class=\"container-fluid\">\n        <div class=\"qld__main-nav__content "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias4).call(alias3,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"hideMenuDesktop") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","yes",{"name":"ifCond","hash":{},"fn":container.program(1, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":4,"column":43},"end":{"line":4,"column":137}}})) != null ? stack1 : "")
+    + "\" id=\"main-nav\">\n            <div class=\"qld__main-nav__menu\n            "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias4).call(alias3,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"sitePreHeaderTheme") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","qld__header__pre-header--dark",{"name":"ifCond","hash":{},"fn":container.program(3, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":6,"column":12},"end":{"line":6,"column":135}}})) != null ? stack1 : "")
+    + "\n            "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias4).call(alias3,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"sitePreHeaderTheme") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","qld__header__pre-header--dark-alt",{"name":"ifCond","hash":{},"fn":container.program(5, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":7,"column":12},"end":{"line":7,"column":143}}})) != null ? stack1 : "")
+    + "\n            \">\n                <div class=\"qld__main-nav__menu-inner\">\n                    <div class=\"qld__main-nav__focus-trap-top\"></div>\n                    <div class=\"qld__main-nav__header\">\n                        <h6 class=\"qld__main-nav__menu-heading\">Menu</h6>\n                        <button aria-controls=\"main-nav\" class=\"qld__main-nav__toggle qld__main-nav__toggle--close\">\n                            <svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" class=\"qld__icon qld__icon--md \"><use href=\""
+    + alias2(alias1(((stack1 = ((stack1 = ((stack1 = ((stack1 = (data && lookupProperty(data,"root"))) && lookupProperty(stack1,"site"))) && lookupProperty(stack1,"metadata"))) && lookupProperty(stack1,"siteDefaultIcons"))) && lookupProperty(stack1,"value")), depth0))
+    + "#qld__icon__close\"></use></svg>\n                            <span class=\"qld__main-nav__toggle-text\">Close</span>\n                        </button>\n                    </div>\n                    <ul class=\"qld__link-list\">\n"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias3,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavHomeIconShow") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"if","hash":{},"fn":container.program(7, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":19,"column":24},"end":{"line":30,"column":31}}})) != null ? stack1 : "")
+    + ((stack1 = lookupProperty(helpers,"each").call(alias3,((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"children") : stack1),{"name":"each","hash":{},"fn":container.program(12, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":31,"column":24},"end":{"line":39,"column":33}}})) != null ? stack1 : "")
+    + "                        \n                    </ul>\n"
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias4).call(alias3,((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaOne") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"||",((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"mainNavCtaTwo") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),{"name":"ifCond","hash":{},"fn":container.program(14, data, 0, blockParams, depths),"inverse":container.noop,"data":data,"loc":{"start":{"line":42,"column":20},"end":{"line":75,"column":31}}})) != null ? stack1 : "")
+    + "                    \n                    <div class=\"qld__main-nav__focus-trap-bottom\"></div>\n                </div>\n            </div>\n            <div\n                class=\"qld__main-nav__overlay\"\n                aria-controls=\"main-nav\"\n            ></div>\n        </div>\n    </div>\n</nav>\n<!-- MAIN NAVIGATION END -->\n";
+},"useData":true,"useDepths":true}