@qhealth-design-system/core 1.0.38

package/dist/components/banner/import.xml

@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?>
+          <actions>
+          <action>
+            <action_id>create_Content_Container_Template_2968027036</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_2968027036_name</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Content_Container_Template_2968027036.assetid]]</asset>
+            <attribute>name</attribute>
+            <value><![CDATA[Banner]]></value>
+          </action>
+
+          <action>
+            <action_id>set_Content_Container_Template_2968027036_edit_interface_in_admin</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Content_Container_Template_2968027036.assetid]]</asset>
+            <attribute>edit_interface_in_admin</attribute>
+            <value><![CDATA[1]]></value>
+          </action>
+
+          <action>
+            <action_id>set_Content_Container_Template_2968027036_icon_color</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Content_Container_Template_2968027036.assetid]]</asset>
+            <attribute>icon_color</attribute>
+            <value><![CDATA[blue]]></value>
+          </action>
+          
+          <action>
+          <action_id>create_Metadata_Schema_3611290767</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_2968027036.assetid]]</parentid>
+          <value></value>
+          <is_dependant>0</is_dependant>
+          <is_exclusive>0</is_exclusive>
+          </action>
+          <action>
+            <action_id>set_Metadata_Schema_3611290767_name</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Metadata_Schema_3611290767.assetid]]</asset>
+            <attribute>name</attribute>
+            <value><![CDATA[Banner]]></value>
+          </action>
+          <action>
+              <action_id>set_permission_3611290767_read_5</action_id>
+              <action_type>set_permission</action_type>
+              <asset>[[output://create_Metadata_Schema_3611290767.assetid]]</asset>
+              <permission>1</permission>
+              <granted>1</granted>
+              <userid>[[system://public_user]]</userid>
+          </action>
+          
+          <action>
+            <action_id>create_Metadata_Section_9917683500</action_id>
+            <action_type>create_asset</action_type>
+            <type_code>Metadata_Section</type_code>
+            <link_type>2</link_type>
+            <parentid>[[output://create_Metadata_Schema_3611290767.assetid]]</parentid>
+            <value></value>
+            <is_dependant>1</is_dependant>
+            <is_exclusive>0</is_exclusive>
+          </action>
+          <action>
+            <action_id>add_Metadata_Section_9917683500_path</action_id>
+            <action_type>add_web_path</action_type>
+            <asset>[[output://create_Metadata_Section_9917683500.assetid]]</asset>
+            <parent_asset>[[output://create_Metadata_Schema_3611290767.assetid]]</parent_asset>
+            <path>settings</path>
+          </action>
+          <action>
+            <action_id>set_Metadata_Section_9917683500_name</action_id>
+            <action_type>set_attribute_value</action_type>
+            <asset>[[output://create_Metadata_Section_9917683500.assetid]]</asset>
+            <attribute>name</attribute>
+            <value><![CDATA[Settings]]></value>
+          </action>
+          <action>
+              <action_id>set_permission_9917683500_read_5</action_id>
+              <action_type>set_permission</action_type>
+              <asset>[[output://create_Metadata_Section_9917683500.assetid]]</asset>
+              <permission>1</permission>
+              <granted>1</granted>
+              <userid>[[system://public_user]]</userid>
+          </action>           
+          </actions>

package/dist/components/banner/manifest.json

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

package/dist/components/banner/presentation.js

@@ -0,0 +1,138 @@
+{"1":function(container,depth0,helpers,partials,data) {
+    return "qld__banner--alt";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "qld__banner--dark";
+},"5":function(container,depth0,helpers,partials,data) {
+    return "qld__banner--dark-alt";
+},"7":function(container,depth0,helpers,partials,data) {
+    return "qld__banner--breadcrumbs";
+},"9":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 "    style=\"background-image: url(./?a="
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"site") : depth0)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"defaultBannerTexture") : stack1)) != null ? lookupProperty(stack1,"value") : stack1), depth0))
+    + ");\"\n";
+},"11":function(container,depth0,helpers,partials,data) {
+    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 "    <nav class=\"qld__breadcrumbs qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile\" aria-label=\"breadcrumb\">\n        <ul class=\"qld__link-list qld__link-list--inline\">\n"
+    + ((stack1 = lookupProperty(helpers,"with").call(alias1,(lookupProperty(helpers,"itemAt")||(depth0 && lookupProperty(depth0,"itemAt"))||container.hooks.helperMissing).call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"lineage") : stack1),-2,{"name":"itemAt","hash":{},"data":data,"loc":{"start":{"line":20,"column":20},"end":{"line":20,"column":47}}}),{"name":"with","hash":{},"fn":container.program(12, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":20,"column":12},"end":{"line":30,"column":21}}})) != null ? stack1 : "")
+    + "        </ul>\n    </nav>\n";
+},"12":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, 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 "                <li>\n                <a href=\""
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"asset_url") || (depth0 != null ? lookupProperty(depth0,"asset_url") : depth0)) != null ? helper : alias2),(typeof helper === "function" ? helper.call(alias1,{"name":"asset_url","hash":{},"data":data,"loc":{"start":{"line":22,"column":25},"end":{"line":22,"column":38}}}) : helper)))
+    + "\">\n"
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,(depth0 != null ? lookupProperty(depth0,"asset_is_site_asset") : depth0),"==","1",{"name":"ifCond","hash":{},"fn":container.program(13, data, 0),"inverse":container.program(15, data, 0),"data":data,"loc":{"start":{"line":23,"column":20},"end":{"line":27,"column":31}}})) != null ? stack1 : "")
+    + "                </a>    \n            </li>\n";
+},"13":function(container,depth0,helpers,partials,data) {
+    return "                        Home\n";
+},"15":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 "                        "
+    + 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":26,"column":24},"end":{"line":26,"column":44}}}) : helper)))
+    + "\n";
+},"17":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 "                <nav class=\"qld__breadcrumbs \n                "
+    + ((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,"defaultBannerColour") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","dark",{"name":"ifCond","hash":{},"fn":container.program(18, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":38,"column":16},"end":{"line":38,"column":112}}})) != null ? stack1 : "")
+    + " \n                "
+    + ((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,"defaultBannerColour") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","dark-alternate",{"name":"ifCond","hash":{},"fn":container.program(18, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":39,"column":16},"end":{"line":39,"column":122}}})) != null ? stack1 : "")
+    + " \n                qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop\"\n                aria-label=\"breadcrumb\">\n                    <ul class=\"qld__link-list qld__link-list--inline\">\n"
+    + ((stack1 = lookupProperty(helpers,"each").call(alias1,((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"lineage") : stack1),{"name":"each","hash":{},"fn":container.program(20, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":43,"column":24},"end":{"line":45,"column":33}}})) != null ? stack1 : "")
+    + "                    </ul>\n                </nav>\n";
+},"18":function(container,depth0,helpers,partials,data) {
+    return "qld__breadcrumbs--dark";
+},"20":function(container,depth0,helpers,partials,data) {
+    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 "                                <li "
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(data && lookupProperty(data,"last")),{"name":"if","hash":{},"fn":container.program(21, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":44,"column":36},"end":{"line":44,"column":75}}})) != null ? stack1 : "")
+    + ">"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(data && lookupProperty(data,"last")),{"name":"if","hash":{},"fn":container.program(23, data, 0),"inverse":container.program(25, data, 0),"data":data,"loc":{"start":{"line":44,"column":76},"end":{"line":44,"column":205}}})) != null ? stack1 : "")
+    + "</li>\n";
+},"21":function(container,depth0,helpers,partials,data) {
+    return "aria-current=\"page\"";
+},"23":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 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":44,"column":89},"end":{"line":44,"column":109}}}) : helper)));
+},"25":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 "<a href=\""
+    + container.escapeExpression(((helper = (helper = lookupProperty(helpers,"asset_url") || (depth0 != null ? lookupProperty(depth0,"asset_url") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"asset_url","hash":{},"data":data,"loc":{"start":{"line":44,"column":126},"end":{"line":44,"column":139}}}) : helper)))
+    + "\">"
+    + ((stack1 = lookupProperty(helpers,"if").call(alias1,(data && lookupProperty(data,"first")),{"name":"if","hash":{},"fn":container.program(26, data, 0),"inverse":container.program(23, data, 0),"data":data,"loc":{"start":{"line":44,"column":141},"end":{"line":44,"column":194}}})) != null ? stack1 : "")
+    + "</a>";
+},"26":function(container,depth0,helpers,partials,data) {
+    return "Home";
+},"compiler":[8,">= 4.3.0"],"main":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 "<section class=\"qld__banner \n\n    "
+    + ((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,"defaultBannerColour") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","alternate",{"name":"ifCond","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":3,"column":4},"end":{"line":3,"column":99}}})) != null ? stack1 : "")
+    + "\n\n    "
+    + ((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,"defaultBannerColour") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","dark",{"name":"ifCond","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":5,"column":4},"end":{"line":5,"column":95}}})) != null ? stack1 : "")
+    + "\n\n    "
+    + ((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,"defaultBannerColour") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","dark-alternate",{"name":"ifCond","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":7,"column":4},"end":{"line":7,"column":109}}})) != null ? stack1 : "")
+    + "\n    "
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"displayBreadcrumbs") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","true",{"name":"ifCond","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":8,"column":4},"end":{"line":8,"column":109}}})) != null ? stack1 : "")
+    + "\n    \"\n\n"
+    + ((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,"defaultBannerType") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","texture",{"name":"ifCond","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":11,"column":4},"end":{"line":13,"column":15}}})) != null ? stack1 : "")
+    + "    \n>\n<!--@@ Breadcrumbs - Mobile @@-->\n"
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"displayBreadcrumbs") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","true",{"name":"ifCond","hash":{},"fn":container.program(11, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":17,"column":0},"end":{"line":33,"column":11}}})) != null ? stack1 : "")
+    + "    <div class=\"container-fluid\">\n        <div class=\"qld__banner__content\">\n"
+    + ((stack1 = (lookupProperty(helpers,"ifCond")||(depth0 && lookupProperty(depth0,"ifCond"))||alias2).call(alias1,((stack1 = ((stack1 = ((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"metadata") : stack1)) != null ? lookupProperty(stack1,"displayBreadcrumbs") : stack1)) != null ? lookupProperty(stack1,"value") : stack1),"==","true",{"name":"ifCond","hash":{},"fn":container.program(17, data, 0),"inverse":container.noop,"data":data,"loc":{"start":{"line":36,"column":12},"end":{"line":48,"column":23}}})) != null ? stack1 : "")
+    + "            <h1>"
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depth0 != null ? lookupProperty(depth0,"current") : depth0)) != null ? lookupProperty(stack1,"data") : stack1)) != null ? lookupProperty(stack1,"name") : stack1), depth0))
+    + "</h1>\n        </div>\n    </div>\n</section>";
+},"useData":true}

package/dist/components/banner/static.html

@@ -0,0 +1,39 @@
+<section class="qld__banner 
+
+    
+
+    
+
+    qld__banner--dark-alt
+    qld__banner--breadcrumbs
+    "
+
+    
+>
+<!--@@ Breadcrumbs - Mobile @@-->
+    <nav class="qld__breadcrumbs qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
+        <ul class="qld__link-list qld__link-list--inline">
+                <li>
+                <a href="/">
+                        Design
+                </a>    
+            </li>
+        </ul>
+    </nav>
+    <div class="container-fluid">
+        <div class="qld__banner__content">
+                <nav class="qld__breadcrumbs 
+                 
+                qld__breadcrumbs--dark 
+                qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop"
+                aria-label="breadcrumb">
+                    <ul class="qld__link-list qld__link-list--inline">
+                                <li ><a href="/home.html">Home</a></li>
+                                <li ><a href="/">Design</a></li>
+                                <li aria-current="page">Components</li>
+                    </ul>
+                </nav>
+            <h1>Queensland Design System</h1>
+        </div>
+    </div>
+</section>