@platformscode/core 0.0.51 → 0.0.52

package/dist/collection/components/dga-floating-button/style.css

@@ -183,13 +183,11 @@ fieldset {
 /**
  * 1. Correct color not being inherited in IE 6/7/8/9.
  * 2. Correct text not wrapping in Firefox 3.
- * 3. Correct alignment displayed oddly in IE 6/7.
  */
 legend {
   border: 0; /* 1 */
   padding: 0;
   white-space: normal; /* 2 */
-  *margin-left: -7px; /* 3 */
 }
 
 /**
@@ -205,7 +203,6 @@ textarea {
   font-size: 100%; /* 1 */
   margin: 0; /* 2 */
   vertical-align: baseline; /* 3 */
-  *vertical-align: middle; /* 3 */
 }
 
 /**
@@ -234,8 +231,6 @@ select {
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
- * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
- *    Known issue: inner spacing remains in IE 6.
  */
 button,
 html input[type=button],
@@ -243,7 +238,6 @@ input[type=reset],
 input[type=submit] {
   -webkit-appearance: button; /* 2 */
   cursor: pointer; /* 3 */
-  *overflow: visible; /* 4 */
 }
 
 /**
@@ -257,15 +251,11 @@ html input[disabled] {
 /**
  * 1. Address box sizing set to content-box in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
- * 3. Remove excess padding in IE 7.
- *    Known issue: excess padding remains in IE 6.
  */
 input[type=checkbox],
 input[type=radio] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
-  *height: 13px; /* 3 */
-  *width: 13px; /* 3 */
 }
 
 /**
@@ -660,33 +650,8 @@ template {
   display: none;
 }
 
-@font-face {
-  font-family: "IBM Plex Sans Arabic";
-  src: url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-}
-@font-face {
-  font-family: "IBM Plex Sans Arabic";
-  src: url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-}
-@font-face {
-  font-family: "IBM Plex Sans Arabic";
-  src: url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");
-  font-weight: 600;
-  font-style: normal;
-}
-@font-face {
-  font-family: "IBM Plex Sans Arabic";
-  src: url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");
-  font-weight: 700;
-  font-style: normal;
-  font-display: auto;
-}
 body {
-  font-family: "IBM Plex Sans Arabic";
+  font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 a,
@@ -697,195 +662,195 @@ a:focus {
 }
 
 .display-2xl-regular {
-  font: 400 72px/90px "IBM Plex Sans Arabic";
+  font: 400 72px/90px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xl-regular {
-  font: 400 60px/72px "IBM Plex Sans Arabic";
+  font: 400 60px/72px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-lg-regular {
-  font: 400 48px/60px "IBM Plex Sans Arabic";
+  font: 400 48px/60px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-md-regular {
-  font: 400 36px/44px "IBM Plex Sans Arabic";
+  font: 400 36px/44px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-sm-regular {
-  font: 400 30px/38px "IBM Plex Sans Arabic";
+  font: 400 30px/38px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xs-regular {
-  font: 400 24px/32px "IBM Plex Sans Arabic";
+  font: 400 24px/32px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xl-regular {
-  font: 400 20px/30px "IBM Plex Sans Arabic";
+  font: 400 20px/30px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-lg-regular {
-  font: 400 18px/28px "IBM Plex Sans Arabic";
+  font: 400 18px/28px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-md-regular {
-  font: 400 16px/24px "IBM Plex Sans Arabic";
+  font: 400 16px/24px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-sm-regular {
-  font: 400 14px/20px "IBM Plex Sans Arabic";
+  font: 400 14px/20px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xs-regular {
-  font: 400 12px/18px "IBM Plex Sans Arabic";
+  font: 400 12px/18px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-2xs-regular {
-  font: 400 10px/14px "IBM Plex Sans Arabic";
+  font: 400 10px/14px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-2xl-medium {
-  font: 500 72px/90px "IBM Plex Sans Arabic";
+  font: 500 72px/90px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xl-medium {
-  font: 500 60px/72px "IBM Plex Sans Arabic";
+  font: 500 60px/72px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-lg-medium {
-  font: 500 48px/60px "IBM Plex Sans Arabic";
+  font: 500 48px/60px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-md-medium {
-  font: 500 36px/44px "IBM Plex Sans Arabic";
+  font: 500 36px/44px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-sm-medium {
-  font: 500 30px/38px "IBM Plex Sans Arabic";
+  font: 500 30px/38px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xs-medium {
-  font: 500 24px/32px "IBM Plex Sans Arabic";
+  font: 500 24px/32px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xl-medium {
-  font: 500 20px/30px "IBM Plex Sans Arabic";
+  font: 500 20px/30px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-lg-medium {
-  font: 500 18px/28px "IBM Plex Sans Arabic";
+  font: 500 18px/28px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-md-medium {
-  font: 500 16px/24px "IBM Plex Sans Arabic";
+  font: 500 16px/24px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-sm-medium {
-  font: 500 14px/20px "IBM Plex Sans Arabic";
+  font: 500 14px/20px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xs-medium {
-  font: 500 12px/18px "IBM Plex Sans Arabic";
+  font: 500 12px/18px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-2xs-medium {
-  font: 500 10px/14px "IBM Plex Sans Arabic";
+  font: 500 10px/14px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-2xl-semibold {
-  font: 600 72px/90px "IBM Plex Sans Arabic";
+  font: 600 72px/90px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xl-semibold {
-  font: 600 60px/72px "IBM Plex Sans Arabic";
+  font: 600 60px/72px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-lg-semibold {
-  font: 600 48px/60px "IBM Plex Sans Arabic";
+  font: 600 48px/60px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-md-semibold {
-  font: 600 36px/44px "IBM Plex Sans Arabic";
+  font: 600 36px/44px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-sm-semibold {
-  font: 600 30px/38px "IBM Plex Sans Arabic";
+  font: 600 30px/38px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xs-semibold {
-  font: 600 24px/32px "IBM Plex Sans Arabic";
+  font: 600 24px/32px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xl-semibold {
-  font: 600 20px/30px "IBM Plex Sans Arabic";
+  font: 600 20px/30px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-lg-semibold {
-  font: 600 18px/28px "IBM Plex Sans Arabic";
+  font: 600 18px/28px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-md-semibold {
-  font: 600 16px/24px "IBM Plex Sans Arabic";
+  font: 600 16px/24px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-sm-semibold {
-  font: 600 14px/20px "IBM Plex Sans Arabic";
+  font: 600 14px/20px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xs-semibold {
-  font: 600 12px/18px "IBM Plex Sans Arabic";
+  font: 600 12px/18px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-2xs-semibold {
-  font: 600 10px/14px "IBM Plex Sans Arabic";
+  font: 600 10px/14px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-2xl-bold {
-  font: 700 72px/90px "IBM Plex Sans Arabic";
+  font: 700 72px/90px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xl-bold {
-  font: 700 60px/72px "IBM Plex Sans Arabic";
+  font: 700 60px/72px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-lg-bold {
-  font: 700 48px/60px "IBM Plex Sans Arabic";
+  font: 700 48px/60px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-md-bold {
-  font: 700 36px/44px "IBM Plex Sans Arabic";
+  font: 700 36px/44px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-sm-bold {
-  font: 700 30px/38px "IBM Plex Sans Arabic";
+  font: 700 30px/38px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .display-xs-bold {
-  font: 700 24px/32px "IBM Plex Sans Arabic";
+  font: 700 24px/32px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xl-bold {
-  font: 700 20px/30px "IBM Plex Sans Arabic";
+  font: 700 20px/30px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-lg-bold {
-  font: 700 18px/28px "IBM Plex Sans Arabic";
+  font: 700 18px/28px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-md-bold {
-  font: 700 16px/24px "IBM Plex Sans Arabic";
+  font: 700 16px/24px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-sm-bold {
-  font: 700 14px/20px "IBM Plex Sans Arabic";
+  font: 700 14px/20px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-xs-bold {
-  font: 700 12px/18px "IBM Plex Sans Arabic";
+  font: 700 12px/18px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .text-2xs-bold {
-  font: 700 10px/14px "IBM Plex Sans Arabic";
+  font: 700 10px/14px "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;
 }
 
 .dga-spacing-hor-0 {
@@ -2267,11 +2232,11 @@ a:focus {
 }
 
 .dga-flex-justify-between {
-  justify-content: between;
+  justify-content: space-between;
 }
 
 .dga-flex-justify-around {
-  justify-content: around;
+  justify-content: space-around;
 }
 
 .dga-flex-align-start {

package/dist/collection/components/dga-footer/dga-footer.js

@@ -17,7 +17,7 @@ export class DgaFooter {
         this.bottomImages = [];
     }
     render() {
-        return (h("footer", { key: '53fb9687b4b7920939c3fbe14309c28f630bb3ef', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '0dfc7567c0e7f7faa20711525c6efad6b6f89273', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: 'b4b7fb4a623784ef74e3536d7b1cfa2e54de8ae1', class: "footer-icon-section" }, h("a", { key: '15a20e648a6a7f31789a064593cca3f6c8141e00', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '33fdb00dea87683cc35455a872e8fbdc6e035490', class: "footer-title-description" }, h("h3", { key: 'acd43a8abe5acbc2c52792b3f1d7722385891e84', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: 'c208fecc6c45e2fdd449c76ca9aae621633effe9', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '4826b67dfa2bc55f823caa3b3155e94d0449baff', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: '74acff0760f42b47832810312991255ddb004e60', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: 'ae2d79eb7fc8bd4fb4b4570bbd7faf1a16e5aafb' }, this.socialMediaTitle && h("div", { key: 'd2588177888fba75d3fed371037c947d9e5ec7b6', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: '5499cdb9e3c21088acc8fe462654cd02f4c3389e', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: '10dbaa1bc268096c396ccd90d4defd89c3e3267e' }, h("div", { key: 'a1aec0ab427c4bcdc1b839f976d46ce21f03d837', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'ec3cef1dd8c71b3f72aaedd73b8e0a2ed7d81c8b', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: 'f59fddfc5cedefe3c194c90f337ebf3558a46ea2', class: "footer__basic" }, h("div", { key: 'a69be7e47fe947fe21b8d451caad8c33dd6c08fa', class: "footer__actions-copyright" }, h("ul", { key: '79229c9135024df860a396d1b0ec2fe2b900bcce', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: '804a3f07dbbaec1bbc3694237814da6a87619779', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: '4d7a53f66ab3772f4fdc8b45ed64e447e02e4f3f', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: 'ca3f4043c3a51fe8807b2fd0e690f3de25071042', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
+        return (h("footer", { key: '6afd80e5d62faf6918adb8bcfc04772713d6cd21', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: 'b747bed34f6bcf1198bfd83dd84675f4a42c220a', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: 'bb3d04ae74671c9a7d8ed5e0452013a0fb79a068', class: "footer-icon-section" }, h("a", { key: '1b9d6d01d02b89be3c567cd35f7b0a129debf335', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '7d5ae294054785f998af8ce40491e7d3dd6a9af3', class: "footer-title-description" }, h("h3", { key: '391e69e6dc49b5f4ea2ffd678602f924b65f18b3', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: '78769de992cc2f9ea8151c9cc007a9be7428abe9', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: 'c464093cb07f7f6bee4c6b471d06bc355484c92b', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: 'f97a5f1aa9f650ee7e564cf8d5f759370fbb18ed', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: 'ece56db01b01834646a502621177a89e20ceeaef' }, this.socialMediaTitle && h("div", { key: '6583a0cfdbd5598bfc26ded67fbc95092eaf4fd4', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: 'd8a8718b2c83c2ad9903dc3640e31256cbdef0b9', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: '000806dac7df4dcc9ad58a0da2ad6aab3c097af2' }, h("div", { key: '8f302ca02f82251f7be849acc58de03d15505a79', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: '208deb45f98dacd3f572b14c63ecaf6481f275f4', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: '2ec745e6da50b8d41ea4a53caebdf8b28f99a1e1', class: "footer__basic" }, h("div", { key: 'eda66c7a556732be7617a475a72e35115e549158', class: "footer__actions-copyright" }, h("ul", { key: '9a99299286fa284cb5cc2a14f08cc91b3af180aa', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: '9ae99af2cad56e3606d78b03f43bf793bf755930', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: '2f53355abe4c5e45a01737c8191ed42c1a44e1aa', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: '856c32c69ef6d6cab551967bbefdb09905d058be', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
     }
     static get is() { return "dga-footer"; }
     static get encapsulation() { return "shadow"; }