- {{ caption }}
-
- {% endif %}
-
{% if header %}
-
-
+
{% if column_1 %}
-
+
{% endif %}
-
{{ header }}
+
+
+ {% if caption | render | striptags | trim %}
+
{% for item in items %}
{% if not item['#column_1'] and columns.column_1 %}
{% set item = item | merge({'#column_1': empty_cell}) %}
@@ -67,3 +61,9 @@
{% endfor %}
+ {{ caption }}
+
+ {% endif %}
diff --git a/docroot/themes/humsci/humsci_basic/patterns/table-row/table-row.html.twig b/docroot/themes/humsci/humsci_basic/patterns/table-row/table-row.html.twig
index c958edc7e6..d2f2a8906b 100644
--- a/docroot/themes/humsci/humsci_basic/patterns/table-row/table-row.html.twig
+++ b/docroot/themes/humsci/humsci_basic/patterns/table-row/table-row.html.twig
@@ -1,34 +1,39 @@
-{% set attributes = attributes.addClass('table-row') %}
+{% set attributes = attributes.addClass('hb-table-row') %}
{# Remove data-column-label from each column div once dynamic funtionality is added #}
+
+
{{ column_1 }}
{% endif %}
{% if column_2 %}
-
+
+
{{ column_2 }}
{% endif %}
{% if column_3 %}
-
+
+
{{ column_3 }}
{% endif %}
{% if column_4 %}
-
+
+
{{ column_4 }}
{% endif %}
{% if column_5 %}
-
+ ![]()
')|trim -%}
+{%- set has_description = description|render|striptags('![]()
')|trim -%}
- {% if button %}
-
+ {% if has_image %}
+ {for(;e&&e!==this.elem;)"LI"===e.tagName&&(e.classList.add(this.itemExpandedClass),e.classList.add(this.itemActiveTrailClass),"function"==typeof this.item.expandActivePathItem&&this.item.expandActivePathItem(e)),e=e.parentNode})}}const r=e=>"Home"===e||122===e,a=e=>"End"===e||123===e,o=e=>"Tab"===e||9===e,l=e=>"Escape"===e||"Esc"===e||27===e,c=e=>" "===e||"Spacebar"===e||32===e,h=e=>"Enter"===e||13===e,d=e=>"ArrowLeft"===e||"Left"===e||37===e,u=e=>"ArrowRight"===e||"Right"===e||39===e,v=e=>"ArrowUp"===e||"Up"===e||38===e,m=e=>"ArrowDown"===e||"Down"===e||40===e;class p{constructor(e,t){this.elem=e,this.handler=t,this.createEventListeners()}createEventListeners(){this.elem.addEventListener("keydown",this),this.elem.addEventListener("click",this),this.elem.addEventListener("preOpenSubnav",this),this.elem.addEventListener("postOpenSubnav",this)}handleEvent(e){const t="on"+(e=e||window.event).type.charAt(0).toUpperCase()+e.type.slice(1),n=e.target||e.srcElement;"onKeydown"===t?this.onKeydown(e,n):"onClick"===t?this.onClick(e,n):this.callEvent(t,e,n)}onKeydown(e,t){let n=(e=>{const t={home:r,end:a,tab:o,escape:l,space:c,enter:h,arrowLeft:d,arrowRight:u,arrowUp:v,arrowDown:m};for(var n of Object.entries(t))if(n[1](e))return n[0];return!1})(e.key||e.keyCode);if(!n)return;let s="onKeydown"+n.charAt(0).toUpperCase()+n.slice(1);this.callEvent(s,e,t)}onClick(e,t){this.callEvent("onClick",e,t)}callEvent(e,t,n){"function"==typeof this.handler.eventRegistry[e]&&new this.handler.eventRegistry[e](this.handler,t,n).init()}}class g{constructor(e,t){this.item=e,this.what=t}fetch(){try{switch(this.what){case"first":return this.item.parentNode.firstElementChild.firstChild;case"last":return this.item.parentNode.lastElementChild.firstChild;case"firstElement":return this.item.parentNode.firstElementChild;case"lastElement":return this.item.parentNode.lastElementChild;case"next":return this.item.nextElementSibling.querySelector("a");case"prev":return this.item.previousElementSibling.querySelector("a");case"nextElement":return this.item.nextElementSibling;case"prevElement":return this.item.previousElementSibling;case"parentItem":var e=this.item.parentNode.parentNode;return"NAV"!==e.tagName&&e.querySelector("a");case"parentButton":return this.item.parentNode.parentNode.querySelector("button");case"parentNav":return this.item.parentNode.parentNode;case"parentNavLast":return this.item.parentNode.parentNode.parentNode.lastElementChild.querySelector("a");case"parentNavFirst":return this.item.parentNode.parentNode.parentNode.firstElementChild.querySelector("a");case"parentNavNext":return this.item.parentNode.parentNode.nextElementSibling;case"parentNavNextItem":return this.item.parentNode.parentNode.nextElementSibling.querySelector("a");case"parentNavPrev":return this.item.parentNode.parentNode.previousElementSibling;case"parentNavPrevItem":return this.item.parentNode.parentNode.previousElementSibling.querySelector("a");case"firstSubnavLink":return this.item.querySelector(":scope > ul li a");case"firstSubnavItem":return this.item.querySelector(":scope > ul li");case"subnav":return this.item.querySelector(":scope > ul");default:return!1}}catch(e){return!1}}}class f{constructor(e,t,n){this.item=e,this.elem=e.elem,this.masterNav=e.masterNav,this.parentNav=e.parentNav,this.target=n,this.event=t}isOnTarget(){return this.target===this.elem}validate(){return!!this.isOnTarget()}init(){this.validate()&&this.exec()}getElement(e,t=this.elem.parentNode){return new g(t,e).fetch()}}class y extends f{exec(){this.event.preventDefault();let e=!1;this.item.getDepth()>1?(this.event.stopPropagation(),this.parentNav.closeSubNav(),e=this.getElement("parentItem")):(this.masterNav.closeAllSubNavs(),e=this.getElement("first",this.item.parentNode)),e&&e.focus()}}class E extends f{exec(){this.event.stopPropagation(),this.event.preventDefault(),window.location=this.target.getAttribute("href")}}class N extends f{exec(){this.event.preventDefault();var e=this.getElement("first");e&&e.focus()}}class w extends f{exec(){this.event.preventDefault();let e=this.getElement("next");e?e.focus():new N(this.item,this.event,this.target).init()}}class b extends f{exec(){this.event.preventDefault();var e=this.getElement("last");e&&e.focus()}}class x extends f{exec(){this.event.preventDefault();let e=this.getElement("prev");e?e.focus():new b(this.item,this.event,this.target).init()}}class S extends f{exec(){this.event.preventDefault(),this.item.getDepth()>1?this.nestedLeft():1===this.item.getDepth()&&this.firstLevelLeft()}firstLevelLeft(){new x(this.item,this.event,this.target).init()}nestedLeft(){let e=this.getElement("parentItem")||this.getElement("parentNavLast");this.parentNav.closeSubNav(),e&&e.focus()}}class A extends f{exec(){if(this.item.getDepth()>1){let e=this.getElement("parentNavNext");this.parentNav.closeSubNav(),e?e.querySelector("a").focus():this.getElement("parentNavFirst").focus()}else{new w(this.item,this.event,this.target).init()}}}class C extends f{exec(){this.event.stopPropagation(),this.event.preventDefault(),window.location=this.target.getAttribute("href")}}class L extends f{exec(){const e=event.shiftKey;let t=null,n=this.masterNav.elem.querySelector("a"),s=this.masterNav.elem.firstElementChild.lastElementChild.querySelector("li:last-child");if(e){if(t=this.getElement("prev"),this.target===n)return void this.masterNav.closeAllSubNavs()}else if(t=this.getElement("next"),this.target.parentNode===s)return void this.masterNav.closeAllSubNavs();t||this.item.getDepth()>1&&this.parentNav.closeSubNav()}}class K{constructor(e,t,n=null,s={}){this.elem=e,this.item=e.parentNode,this.masterNav=t,this.parentNav=n,this.depth=s.depth||1,this.eventRegistry=this.createEventRegistry(s),this.dispatch=new p(e,this)}createEventRegistry(e){var t={onKeydownHome:N,onKeydownEnd:b,onKeydownTab:L,onKeydownSpace:E,onKeydownEnter:C,onKeydownEscape:y,onKeydownArrowUp:x,onKeydownArrowRight:A,onKeydownArrowDown:w,onKeydownArrowLeft:S};return Object.assign(t,e.eventRegistry)}getDepth(){return this.depth}}class q extends f{exec(){this.parentNav.isExpanded()?(this.parentNav.closeSubNav(),this.elem.blur(),this.elem.focus()):this.parentNav.openSubNav()}}class I extends f{exec(){if(this.event.preventDefault(),new q(this.item,this.event,this.target).init(),this.parentNav.isExpanded()){var e=this.getElement("firstSubnavLink");e&&e.focus()}}}class P extends f{exec(){if(this.event.preventDefault(),this.parentNav.isExpanded())event.stopPropagation(),event.preventDefault(),this.getElement("firstSubnavLink").focus();else{var e=this.getElement("next")||this.getElement("parentNavNext")||this.getElement("last");e&&e.focus()}}}class D extends f{exec(){event.stopPropagation(),event.preventDefault(),this.parentNav.elem.focus()}}class _ extends f{exec(){if(this.event.preventDefault(),this.parentNav.isExpanded())event.stopPropagation(),event.preventDefault(),this.parentNav.closeSubNav(),this.getElement("parentItem").focus();else{var e=this.getElement("prev")||this.getElement("parentNavPrev")||this.getElement("first");e&&e.focus()}}}class R{constructor(e,t,n){this.parentNav=t,this.masterNav=t.masterNav,this.toggle=e,this.elem=e,this.options=n,this.eventRegistry=this.createEventRegistry(n),this.dispatch=new p(e,this)}createEventRegistry(e){var t={onClick:q,onKeydownSpace:I,onKeydownEnter:I,onKeydownHome:N,onKeydownEnd:b,onKeydownEscape:y,onKeydownArrowUp:_,onKeydownArrowRight:I,onKeydownArrowDown:P,onKeydownArrowLeft:D};return Object.assign(t,e.eventRegistry)}}class O extends f{exec(){if(!event.shiftKey)return void(this.getElement("nextElement")||1!==this.item.getDepth()||this.masterNav.closeAllSubNavs());this.getElement("prev")||this.parentNav.closeSubNav()}}class T extends f{exec(){this.item.toggleElement.focus()}}class j{constructor(e,t,n=null,s={}){this.elem=e,this.item=e.parentNode,this.masterNav=t,this.parentNav=n,this.depth=s.depth||1,this.options=Object.assign({itemExpandedClass:"su-secondary-nav__item--expanded",toggleClass:"su-nav-toggle",toggleLabel:"expand menu",subNavToggleText:"+"},s),this.eventRegistry=this.createEventRegistry(s),this.dispatch=new p(e,this),this.toggleElement=this.createToggleButton(),this.item.insertBefore(this.toggleElement,this.item.querySelector("ul")),this.toggle=new R(this.toggleElement,this,s)}createEventRegistry(e){var t={onKeydownSpace:E,onKeydownEnter:E,onKeydownHome:N,onKeydownEnd:b,onKeydownTab:O,onKeydownEscape:y,onKeydownArrowUp:x,onKeydownArrowRight:T,onKeydownArrowDown:w,onKeydownArrowLeft:S};return Object.assign(t,e.eventRegistry)}createToggleButton(){let e=document.createElement("button"),t=document.createTextNode(this.options.toggleText),n="toggle-"+Math.random().toString(36).substr(2,9);return e.setAttribute("class",this.options.toggleClass),e.setAttribute("aria-expanded","false"),e.setAttribute("aria-label",this.options.toggleLabel),e.setAttribute("id",n),e.appendChild(t),e}isExpanded(){return"true"===this.toggleElement.getAttribute("aria-expanded")}openSubNav(){this.toggleElement.setAttribute("aria-expanded",!0),this.item.classList.add(this.options.itemExpandedClass)}closeSubNav(){this.toggleElement.setAttribute("aria-expanded",!1),this.item.classList.remove(this.options.itemExpandedClass)}getDepth(){return this.depth}}class k extends class{constructor(e,t={}){this.elem=e;this.options=Object.assign({itemClass:"su-secondary-nav__item",itemExpandedClass:"su-secondary-nav__item--expanded",itemActiveClass:"su-secondary-nav__item--current",itemActiveTrailClass:"su-secondary-nav__item--active-trail",itemParentClass:"su-secondary-nav__item--parent",eventRegistry:{}},t),this.elem.classList.remove("no-js"),this.eventRegistry=this.createEventRegistry(t),this.dispatch=new p(e,this),this.activePath=new i(e,this,this.options),this.activePath.setActivePath(),this.navItems=[],this.subNavItems=[],this.parentItemSelector=":scope > ul > ."+this.options.itemParentClass,this.navItemSelector=":scope > ul > ."+this.options.itemClass+":not(."+this.options.itemParentClass+")"}expandActivePathItem(e){}createEventRegistry(e){var t={onKeydownEscape:y,onKeydownSpace:E};return Object.assign(t,e.eventRegistry)}createSubNavItems(){var e=this.elem.querySelectorAll(this.parentItemSelector),t=this.elem.querySelectorAll(this.navItemSelector);e.length>=1&&this.createParentItems(e),t.length>=1&&this.createNavItems(t)}createParentItems(e,t=1,n=null){e.forEach(e=>{var s=e.querySelector("a"),i=e.querySelectorAll(this.parentItemSelector),r=e.querySelectorAll(this.navItemSelector),a=t+1,o=null;s&&(o=this.newParentItem(s,t,n)),i.length>=1&&this.createParentItems(i,a,o),r.length>=1&&this.createNavItems(r,a,o)})}createNavItems(e,t=1,n=null){e.forEach(e=>{var s=e.querySelector("a");s&&this.newNavItem(s,t,n)})}closeAllSubNavs(){this.subNavItems.forEach((e,t)=>{e.closeSubNav()})}closeSubNav(){this.closeAllSubNavs()}}{constructor(e,t={}){super(e,t=Object.assign({itemExpandedClass:"su-secondary-nav__item--expanded",toggleClass:"su-nav-toggle",toggleLabel:"expand menu",subNavToggleText:"+"},t)),this.createSubNavItems(),this.activePath.expandActivePath()}expandActivePathItem(e){var t=e.querySelector("."+this.options.toggleClass);t&&t.setAttribute("aria-expanded","true")}newParentItem(e,t,n){var s=new j(e,this,n,{itemExpandedClass:this.options.itemExpandedClass,depth:t});return this.subNavItems.push(s),s}newNavItem(e,t,n){var s=new K(e,this,n,{depth:t});return this.navItems.push(s),s}}document.addEventListener("DOMContentLoaded",e=>{s.forEach((e,t)=>{e.className.match(/su-secondary-nav--buttons/)&&new k(e)})});n(1),n(2),n(3);var U,M,B=function(e,t,n){e.setAttribute("aria-expanded",n),t.setAttribute("aria-hidden",!n)},W=document.querySelector(".hb-main-nav__toggle"),H=document.querySelector(".hb-main-nav__menu-lv1"),z=window.innerWidth;W&&(window.innerWidth<992&&(B(W,H,!1),U=!0),W.addEventListener("click",(function(){U?(B(W,H,!0),U=!1):(B(W,H,!1),U=!0)})),window.addEventListener("resize",(function(){(z=window.innerWidth)>=992&&!M&&(B(W,H,!0),U=!1,M=!0),z<992&&M&&(B(W,H,!1),U=!0,M=!1)})));var F=document.querySelectorAll(".hb-nested-toggler"),V=window.innerWidth;if(F)for(var G=function(e){var t=F[e],n=t.getAttribute("id"),s=document.querySelector('[aria-labelledby="'.concat(n,'"]')),i=t.parentNode,r=!!i.classList.contains("hb-main-nav__item--active-trail"),a=void 0;s&&(r&&V<992?(B(t,s,!0),a=!1):(B(t,s,!1),a=!0),t.addEventListener("click",(function(e){e.preventDefault(),a?(B(t,s,!0),a=!1):(B(t,s,!1),a=!0)})),t.addEventListener("keydown",(function(e){32===e.which&&(e.preventDefault(),a?(B(t,s,!0),a=!1):(B(t,s,!1),a=!0))})),window.addEventListener("resize",(function(){(V=window.innerWidth)>=992&&(B(t,s,!1),a=!0)})),["focusin","click"].forEach((function(e){document.body.addEventListener(e,(function(e){V>=992&&!i.contains(e.target)&&(B(t,s,!1),a=!0)}),!1)})))},J=0;J div.hb-table-pattern__row > div",", ").concat("div.hb-table-pattern__header > div.hb-table-pattern__row > span",", ").concat("div.hb-table-pattern__header > div.hb-table-pattern__row > p")),s=document.querySelectorAll(".hb-table-row"),i=document.querySelectorAll(".hb-table-row__heading"),r=0;r{for(;e&&e!==this.elem;)"LI"===e.tagName&&(e.classList.add(this.itemExpandedClass),e.classList.add(this.itemActiveTrailClass),"function"==typeof this.item.expandActivePathItem&&this.item.expandActivePathItem(e)),e=e.parentNode})}}const r=e=>"Home"===e||122===e,a=e=>"End"===e||123===e,o=e=>"Tab"===e||9===e,l=e=>"Escape"===e||"Esc"===e||27===e,c=e=>" "===e||"Spacebar"===e||32===e,h=e=>"Enter"===e||13===e,d=e=>"ArrowLeft"===e||"Left"===e||37===e,u=e=>"ArrowRight"===e||"Right"===e||39===e,v=e=>"ArrowUp"===e||"Up"===e||38===e,p=e=>"ArrowDown"===e||"Down"===e||40===e;class m{constructor(e,t){this.elem=e,this.handler=t,this.createEventListeners()}createEventListeners(){this.elem.addEventListener("keydown",this),this.elem.addEventListener("click",this),this.elem.addEventListener("preOpenSubnav",this),this.elem.addEventListener("postOpenSubnav",this)}handleEvent(e){const t="on"+(e=e||window.event).type.charAt(0).toUpperCase()+e.type.slice(1),n=e.target||e.srcElement;"onKeydown"===t?this.onKeydown(e,n):"onClick"===t?this.onClick(e,n):this.callEvent(t,e,n)}onKeydown(e,t){let n=(e=>{const t={home:r,end:a,tab:o,escape:l,space:c,enter:h,arrowLeft:d,arrowRight:u,arrowUp:v,arrowDown:p};for(var n of Object.entries(t))if(n[1](e))return n[0];return!1})(e.key||e.keyCode);if(!n)return;let s="onKeydown"+n.charAt(0).toUpperCase()+n.slice(1);this.callEvent(s,e,t)}onClick(e,t){this.callEvent("onClick",e,t)}callEvent(e,t,n){"function"==typeof this.handler.eventRegistry[e]&&new this.handler.eventRegistry[e](this.handler,t,n).init()}}class g{constructor(e,t){this.item=e,this.what=t}fetch(){try{switch(this.what){case"first":return this.item.parentNode.firstElementChild.firstChild;case"last":return this.item.parentNode.lastElementChild.firstChild;case"firstElement":return this.item.parentNode.firstElementChild;case"lastElement":return this.item.parentNode.lastElementChild;case"next":return this.item.nextElementSibling.querySelector("a");case"prev":return this.item.previousElementSibling.querySelector("a");case"nextElement":return this.item.nextElementSibling;case"prevElement":return this.item.previousElementSibling;case"parentItem":var e=this.item.parentNode.parentNode;return"NAV"!==e.tagName&&e.querySelector("a");case"parentButton":return this.item.parentNode.parentNode.querySelector("button");case"parentNav":return this.item.parentNode.parentNode;case"parentNavLast":return this.item.parentNode.parentNode.parentNode.lastElementChild.querySelector("a");case"parentNavFirst":return this.item.parentNode.parentNode.parentNode.firstElementChild.querySelector("a");case"parentNavNext":return this.item.parentNode.parentNode.nextElementSibling;case"parentNavNextItem":return this.item.parentNode.parentNode.nextElementSibling.querySelector("a");case"parentNavPrev":return this.item.parentNode.parentNode.previousElementSibling;case"parentNavPrevItem":return this.item.parentNode.parentNode.previousElementSibling.querySelector("a");case"firstSubnavLink":return this.item.querySelector(":scope > ul li a");case"firstSubnavItem":return this.item.querySelector(":scope > ul li");case"subnav":return this.item.querySelector(":scope > ul");default:return!1}}catch(e){return!1}}}class f{constructor(e,t,n){this.item=e,this.elem=e.elem,this.masterNav=e.masterNav,this.parentNav=e.parentNav,this.target=n,this.event=t}isOnTarget(){return this.target===this.elem}validate(){return!!this.isOnTarget()}init(){this.validate()&&this.exec()}getElement(e,t=this.elem.parentNode){return new g(t,e).fetch()}}class y extends f{exec(){this.event.preventDefault();let e=!1;this.item.getDepth()>1?(this.event.stopPropagation(),this.parentNav.closeSubNav(),e=this.getElement("parentItem")):(this.masterNav.closeAllSubNavs(),e=this.getElement("first",this.item.parentNode)),e&&e.focus()}}class w extends f{exec(){this.event.stopPropagation(),this.event.preventDefault(),window.location=this.target.getAttribute("href")}}class E extends f{exec(){this.event.preventDefault();var e=this.getElement("first");e&&e.focus()}}class b extends f{exec(){this.event.preventDefault();let e=this.getElement("next");e?e.focus():new E(this.item,this.event,this.target).init()}}class N extends f{exec(){this.event.preventDefault();var e=this.getElement("last");e&&e.focus()}}class x extends f{exec(){this.event.preventDefault();let e=this.getElement("prev");e?e.focus():new N(this.item,this.event,this.target).init()}}class S extends f{exec(){this.event.preventDefault(),this.item.getDepth()>1?this.nestedLeft():1===this.item.getDepth()&&this.firstLevelLeft()}firstLevelLeft(){new x(this.item,this.event,this.target).init()}nestedLeft(){let e=this.getElement("parentItem")||this.getElement("parentNavLast");this.parentNav.closeSubNav(),e&&e.focus()}}class A extends f{exec(){if(this.item.getDepth()>1){let e=this.getElement("parentNavNext");this.parentNav.closeSubNav(),e?e.querySelector("a").focus():this.getElement("parentNavFirst").focus()}else{new b(this.item,this.event,this.target).init()}}}class C extends f{exec(){this.event.stopPropagation(),this.event.preventDefault(),window.location=this.target.getAttribute("href")}}class L extends f{exec(){const e=event.shiftKey;let t=null,n=this.masterNav.elem.querySelector("a"),s=this.masterNav.elem.firstElementChild.lastElementChild.querySelector("li:last-child");if(e){if(t=this.getElement("prev"),this.target===n)return void this.masterNav.closeAllSubNavs()}else if(t=this.getElement("next"),this.target.parentNode===s)return void this.masterNav.closeAllSubNavs();t||this.item.getDepth()>1&&this.parentNav.closeSubNav()}}class q{constructor(e,t,n=null,s={}){this.elem=e,this.item=e.parentNode,this.masterNav=t,this.parentNav=n,this.depth=s.depth||1,this.eventRegistry=this.createEventRegistry(s),this.dispatch=new m(e,this)}createEventRegistry(e){var t={onKeydownHome:E,onKeydownEnd:N,onKeydownTab:L,onKeydownSpace:w,onKeydownEnter:C,onKeydownEscape:y,onKeydownArrowUp:x,onKeydownArrowRight:A,onKeydownArrowDown:b,onKeydownArrowLeft:S};return Object.assign(t,e.eventRegistry)}getDepth(){return this.depth}}class _ extends f{exec(){this.parentNav.isExpanded()?(this.parentNav.closeSubNav(),this.elem.blur(),this.elem.focus()):this.parentNav.openSubNav()}}class K extends f{exec(){if(this.event.preventDefault(),new _(this.item,this.event,this.target).init(),this.parentNav.isExpanded()){var e=this.getElement("firstSubnavLink");e&&e.focus()}}}class I extends f{exec(){if(this.event.preventDefault(),this.parentNav.isExpanded())event.stopPropagation(),event.preventDefault(),this.getElement("firstSubnavLink").focus();else{var e=this.getElement("next")||this.getElement("parentNavNext")||this.getElement("last");e&&e.focus()}}}class P extends f{exec(){event.stopPropagation(),event.preventDefault(),this.parentNav.elem.focus()}}class D extends f{exec(){if(this.event.preventDefault(),this.parentNav.isExpanded())event.stopPropagation(),event.preventDefault(),this.parentNav.closeSubNav(),this.getElement("parentItem").focus();else{var e=this.getElement("prev")||this.getElement("parentNavPrev")||this.getElement("first");e&&e.focus()}}}class R{constructor(e,t,n){this.parentNav=t,this.masterNav=t.masterNav,this.toggle=e,this.elem=e,this.options=n,this.eventRegistry=this.createEventRegistry(n),this.dispatch=new m(e,this)}createEventRegistry(e){var t={onClick:_,onKeydownSpace:K,onKeydownEnter:K,onKeydownHome:E,onKeydownEnd:N,onKeydownEscape:y,onKeydownArrowUp:D,onKeydownArrowRight:K,onKeydownArrowDown:I,onKeydownArrowLeft:P};return Object.assign(t,e.eventRegistry)}}class T extends f{exec(){if(!event.shiftKey)return void(this.getElement("nextElement")||1!==this.item.getDepth()||this.masterNav.closeAllSubNavs());this.getElement("prev")||this.parentNav.closeSubNav()}}class O extends f{exec(){this.item.toggleElement.focus()}}class j{constructor(e,t,n=null,s={}){this.elem=e,this.item=e.parentNode,this.masterNav=t,this.parentNav=n,this.depth=s.depth||1,this.options=Object.assign({itemExpandedClass:"su-secondary-nav__item--expanded",toggleClass:"su-nav-toggle",toggleLabel:"expand menu",subNavToggleText:"+"},s),this.eventRegistry=this.createEventRegistry(s),this.dispatch=new m(e,this),this.toggleElement=this.createToggleButton(),this.item.insertBefore(this.toggleElement,this.item.querySelector("ul")),this.toggle=new R(this.toggleElement,this,s)}createEventRegistry(e){var t={onKeydownSpace:w,onKeydownEnter:w,onKeydownHome:E,onKeydownEnd:N,onKeydownTab:T,onKeydownEscape:y,onKeydownArrowUp:x,onKeydownArrowRight:O,onKeydownArrowDown:b,onKeydownArrowLeft:S};return Object.assign(t,e.eventRegistry)}createToggleButton(){let e=document.createElement("button"),t=document.createTextNode(this.options.toggleText),n="toggle-"+Math.random().toString(36).substr(2,9);return e.setAttribute("class",this.options.toggleClass),e.setAttribute("aria-expanded","false"),e.setAttribute("aria-label",this.options.toggleLabel),e.setAttribute("id",n),e.appendChild(t),e}isExpanded(){return"true"===this.toggleElement.getAttribute("aria-expanded")}openSubNav(){this.toggleElement.setAttribute("aria-expanded",!0),this.item.classList.add(this.options.itemExpandedClass)}closeSubNav(){this.toggleElement.setAttribute("aria-expanded",!1),this.item.classList.remove(this.options.itemExpandedClass)}getDepth(){return this.depth}}class k extends class{constructor(e,t={}){this.elem=e;this.options=Object.assign({itemClass:"su-secondary-nav__item",itemExpandedClass:"su-secondary-nav__item--expanded",itemActiveClass:"su-secondary-nav__item--current",itemActiveTrailClass:"su-secondary-nav__item--active-trail",itemParentClass:"su-secondary-nav__item--parent",eventRegistry:{}},t),this.elem.classList.remove("no-js"),this.eventRegistry=this.createEventRegistry(t),this.dispatch=new m(e,this),this.activePath=new i(e,this,this.options),this.activePath.setActivePath(),this.navItems=[],this.subNavItems=[],this.parentItemSelector=":scope > ul > ."+this.options.itemParentClass,this.navItemSelector=":scope > ul > ."+this.options.itemClass+":not(."+this.options.itemParentClass+")"}expandActivePathItem(e){}createEventRegistry(e){var t={onKeydownEscape:y,onKeydownSpace:w};return Object.assign(t,e.eventRegistry)}createSubNavItems(){var e=this.elem.querySelectorAll(this.parentItemSelector),t=this.elem.querySelectorAll(this.navItemSelector);e.length>=1&&this.createParentItems(e),t.length>=1&&this.createNavItems(t)}createParentItems(e,t=1,n=null){e.forEach(e=>{var s=e.querySelector("a"),i=e.querySelectorAll(this.parentItemSelector),r=e.querySelectorAll(this.navItemSelector),a=t+1,o=null;s&&(o=this.newParentItem(s,t,n)),i.length>=1&&this.createParentItems(i,a,o),r.length>=1&&this.createNavItems(r,a,o)})}createNavItems(e,t=1,n=null){e.forEach(e=>{var s=e.querySelector("a");s&&this.newNavItem(s,t,n)})}closeAllSubNavs(){this.subNavItems.forEach((e,t)=>{e.closeSubNav()})}closeSubNav(){this.closeAllSubNavs()}}{constructor(e,t={}){super(e,t=Object.assign({itemExpandedClass:"su-secondary-nav__item--expanded",toggleClass:"su-nav-toggle",toggleLabel:"expand menu",subNavToggleText:"+"},t)),this.createSubNavItems(),this.activePath.expandActivePath()}expandActivePathItem(e){var t=e.querySelector("."+this.options.toggleClass);t&&t.setAttribute("aria-expanded","true")}newParentItem(e,t,n){var s=new j(e,this,n,{itemExpandedClass:this.options.itemExpandedClass,depth:t});return this.subNavItems.push(s),s}newNavItem(e,t,n){var s=new q(e,this,n,{depth:t});return this.navItems.push(s),s}}document.addEventListener("DOMContentLoaded",e=>{s.forEach((e,t)=>{e.className.match(/su-secondary-nav--buttons/)&&new k(e)})});n(1),n(2),n(3),n(4);var M,U,H=function(e,t,n){e.setAttribute("aria-expanded",n),t.setAttribute("aria-hidden",!n)},B=document.querySelector(".hb-main-nav__toggle"),W=document.querySelector(".hb-main-nav__menu-lv1"),z=window.innerWidth;B&&(window.innerWidth<992&&(H(B,W,!1),M=!0),B.addEventListener("click",(function(){M?(H(B,W,!0),M=!1):(H(B,W,!1),M=!0)})),window.addEventListener("resize",(function(){(z=window.innerWidth)>=992&&!U&&(H(B,W,!0),M=!1,U=!0),z<992&&U&&(H(B,W,!1),M=!0,U=!1)})));var F=document.querySelectorAll(".hb-nested-toggler"),V=window.innerWidth;if(F)for(var G=function(e){var t=F[e],n=t.getAttribute("id"),s=document.querySelector('[aria-labelledby="'.concat(n,'"]')),i=t.parentNode,r=!!i.classList.contains("hb-main-nav__item--active-trail"),a=void 0;s&&(r&&V<992?(H(t,s,!0),a=!1):(H(t,s,!1),a=!0),t.addEventListener("click",(function(e){e.preventDefault(),a?(H(t,s,!0),a=!1):(H(t,s,!1),a=!0)})),t.addEventListener("keydown",(function(e){32===e.which&&(e.preventDefault(),a?(H(t,s,!0),a=!1):(H(t,s,!1),a=!0))})),window.addEventListener("resize",(function(){(V=window.innerWidth)>=992&&(H(t,s,!1),a=!0)})),["focusin","click"].forEach((function(e){document.body.addEventListener(e,(function(e){V>=992&&!i.contains(e.target)&&(H(t,s,!1),a=!0)}),!1)})))},J=0;J
+
{{ column_5 }}
{% endif %}
diff --git a/docroot/themes/humsci/humsci_basic/patterns/vertical-link-card/vertical-link-card.html.twig b/docroot/themes/humsci/humsci_basic/patterns/vertical-link-card/vertical-link-card.html.twig
index aaea130231..af4983f9b1 100644
--- a/docroot/themes/humsci/humsci_basic/patterns/vertical-link-card/vertical-link-card.html.twig
+++ b/docroot/themes/humsci/humsci_basic/patterns/vertical-link-card/vertical-link-card.html.twig
@@ -1,28 +1,27 @@
-{% set attributes = attributes.addClass('vertical-link-card') %}
+{% set attributes = attributes.addClass('hb-vertical-linked-card') %}
+{%- set has_image = image|render|striptags('
+ {{ image }}
+
{% endif %}
- {% if image %}
-
- {{ image }}
-
- {% endif %}
+ {% if title %}
+ + {{ title|render|striptags|trim|raw }} +
+ {% endif %} -
- {% if title %}
-
diff --git a/docroot/themes/humsci/humsci_basic/src/js/build/scripts.js b/docroot/themes/humsci/humsci_basic/src/js/build/scripts.js
index d6e24ec147..9e9ddc4004 100644
--- a/docroot/themes/humsci/humsci_basic/src/js/build/scripts.js
+++ b/docroot/themes/humsci/humsci_basic/src/js/build/scripts.js
@@ -1 +1 @@
-!function(e){var t={};function n(s){if(t[s])return t[s].exports;var i=t[s]={i:s,l:!1,exports:{}};return e[s].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(s,i,function(t){return e[t]}.bind(null,i));return s},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t){NodeList.prototype.forEach=NodeList.prototype.forEach||Array.prototype.forEach},function(e,t){!function(e){e.classList.remove("no-js"),e.classList.add("js")}(document.querySelector("html"))},function(e,t){for(var n,s,i=document.querySelectorAll("table"),r=0;r{{ title|render|striptags|trim|raw }}
- {% endif %} - {% if description %} -
- {{ description }}
-
- {% endif %}
+ {% if has_description %}
+
+ {{ description }}
+ {% endif %}
{% if button %}
-
+
{% endif %}