@everymatrix/general-footer-template 1.16.1 → 1.18.0

package/dist/cjs/general-footer-template.cjs.entry.js

@@ -292,7 +292,7 @@ const GeneralFooterTemplate = class {
       const FooterElement = componentRules[section].component;
       const elementIsRepeater = this.footerContent.repeaters.hasOwnProperty(section);
       const elementIsCustom = this.footerContent.wysiwyg.hasOwnProperty(section);
-      return index.h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
+      return index.h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, "base-url": this.baseUrl, language: this.language, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
     });
     if (this.hasErrors) {
       return index.h("div", null, "There was an error while bootstraping the widget");

package/dist/cjs/general-footer-template.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
+  return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
 });

package/dist/cjs/link-section-list.cjs.entry.js

@@ -18,7 +18,8 @@ const LinkSectionList = class {
         foundCategory.links.push({
           linkName: elem.title,
           linkUrl: elem.url,
-          target: elem.target
+          target: elem.target,
+          externalLink: elem.isExternalLink
         });
       }
       else {
@@ -27,7 +28,8 @@ const LinkSectionList = class {
           links: [{
               linkName: elem.title,
               linkUrl: elem.url,
-              target: elem.target
+              target: elem.target,
+              externalLink: elem.isExternalLink
             }]
         });
       }
@@ -35,7 +37,7 @@ const LinkSectionList = class {
     }, []);
     return index.h("div", { class: "LinkSectionListContainer" }, index.h("div", { class: "LinkSectionListWrapper" }, linkSections.map(category => index.h("ul", null, index.h("li", { class: "LinkSectionListTitle" }, category.categoryTitle), category.links.map(link => {
       var _a;
-      return index.h("li", { class: "LinkSectionListLink" }, index.h("a", { href: link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
+      return index.h("li", { class: "LinkSectionListLink" }, index.h("a", { href: link.externalLink ? link.linkUrl : this.baseUrl + `/${this.language}` + link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
     })))));
   }
 };

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
+  return index.bootstrapLazy([["custom-content-section.cjs",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template.cjs",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list.cjs",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513]}]]],["image-list.cjs",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
   });
 };
 

package/dist/collection/components/general-footer-template/general-footer-template.js

@@ -82,7 +82,7 @@ export class GeneralFooterTemplate {
       const FooterElement = componentRules[section].component;
       const elementIsRepeater = this.footerContent.repeaters.hasOwnProperty(section);
       const elementIsCustom = this.footerContent.wysiwyg.hasOwnProperty(section);
-      return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
+      return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, "base-url": this.baseUrl, language: this.language, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
     });
     if (this.hasErrors) {
       return h("div", null, "There was an error while bootstraping the widget");
@@ -222,6 +222,23 @@ export class GeneralFooterTemplate {
       "attribute": "session",
       "reflect": true
     },
+    "baseUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can\u2019t take the parent host to create the right anchors."
+      },
+      "attribute": "base-url",
+      "reflect": true
+    },
     "clientStyling": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/link-section-list/link-section-list.js

@@ -8,7 +8,8 @@ export class LinkSectionList {
         foundCategory.links.push({
           linkName: elem.title,
           linkUrl: elem.url,
-          target: elem.target
+          target: elem.target,
+          externalLink: elem.isExternalLink
         });
       }
       else {
@@ -17,7 +18,8 @@ export class LinkSectionList {
           links: [{
               linkName: elem.title,
               linkUrl: elem.url,
-              target: elem.target
+              target: elem.target,
+              externalLink: elem.isExternalLink
             }]
         });
       }
@@ -26,8 +28,11 @@ export class LinkSectionList {
     return h("div", { class: "LinkSectionListContainer" },
       h("div", { class: "LinkSectionListWrapper" }, linkSections.map(category => h("ul", null,
         h("li", { class: "LinkSectionListTitle" }, category.categoryTitle),
-        category.links.map(link => { var _a; return h("li", { class: "LinkSectionListLink" },
-          h("a", { href: link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName)); })))));
+        category.links.map(link => {
+          var _a;
+          return h("li", { class: "LinkSectionListLink" },
+            h("a", { href: link.externalLink ? link.linkUrl : this.baseUrl + `/${this.language}` + link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
+        })))));
   }
   static get is() { return "link-section-list"; }
   static get originalStyleUrls() { return {
@@ -53,6 +58,40 @@ export class LinkSectionList {
       },
       "attribute": "repeater-content",
       "reflect": false
+    },
+    "baseUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can\u2019t take the parent host to create the right anchors."
+      },
+      "attribute": "base-url",
+      "reflect": true
+    },
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "the language of the footer"
+      },
+      "attribute": "language",
+      "reflect": true
     }
   }; }
 }

package/dist/components/general-footer-template.js

@@ -290,7 +290,7 @@ const GeneralFooterTemplate$1 = /*@__PURE__*/ proxyCustomElement(class extends H
       const FooterElement = componentRules[section].component;
       const elementIsRepeater = this.footerContent.repeaters.hasOwnProperty(section);
       const elementIsCustom = this.footerContent.wysiwyg.hasOwnProperty(section);
-      return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
+      return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, "base-url": this.baseUrl, language: this.language, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
     });
     if (this.hasErrors) {
       return h("div", null, "There was an error while bootstraping the widget");
@@ -309,6 +309,7 @@ const GeneralFooterTemplate$1 = /*@__PURE__*/ proxyCustomElement(class extends H
     "userRoles": [513, "user-roles"],
     "userid": [513],
     "session": [513],
+    "baseUrl": [513, "base-url"],
     "clientStyling": [513, "client-styling"],
     "clientStylingUrl": [513, "client-styling-url"],
     "limitStylingAppends": [32],

package/dist/components/link-section-list.js

@@ -15,7 +15,8 @@ const LinkSectionList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
         foundCategory.links.push({
           linkName: elem.title,
           linkUrl: elem.url,
-          target: elem.target
+          target: elem.target,
+          externalLink: elem.isExternalLink
         });
       }
       else {
@@ -24,7 +25,8 @@ const LinkSectionList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
           links: [{
               linkName: elem.title,
               linkUrl: elem.url,
-              target: elem.target
+              target: elem.target,
+              externalLink: elem.isExternalLink
             }]
         });
       }
@@ -32,12 +34,14 @@ const LinkSectionList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     }, []);
     return h("div", { class: "LinkSectionListContainer" }, h("div", { class: "LinkSectionListWrapper" }, linkSections.map(category => h("ul", null, h("li", { class: "LinkSectionListTitle" }, category.categoryTitle), category.links.map(link => {
       var _a;
-      return h("li", { class: "LinkSectionListLink" }, h("a", { href: link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
+      return h("li", { class: "LinkSectionListLink" }, h("a", { href: link.externalLink ? link.linkUrl : this.baseUrl + `/${this.language}` + link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
     })))));
   }
   static get style() { return linkSectionListCss; }
 }, [0, "link-section-list", {
-    "repeaterContent": [8, "repeater-content"]
+    "repeaterContent": [8, "repeater-content"],
+    "baseUrl": [513, "base-url"],
+    "language": [513]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/esm/general-footer-template.entry.js

@@ -288,7 +288,7 @@ const GeneralFooterTemplate = class {
       const FooterElement = componentRules[section].component;
       const elementIsRepeater = this.footerContent.repeaters.hasOwnProperty(section);
       const elementIsCustom = this.footerContent.wysiwyg.hasOwnProperty(section);
-      return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
+      return h(FooterElement, { class: `${section} FooterSectionContainer FooterSectionContainer${i + 1}`, userid: this.userid, session: this.session, "base-url": this.baseUrl, language: this.language, ruleset: componentRules[section], repeaterContent: elementIsRepeater ? this.footerContent.repeaters[section] : null, customContent: elementIsCustom ? this.footerContent.wysiwyg[section].content : null });
     });
     if (this.hasErrors) {
       return h("div", null, "There was an error while bootstraping the widget");

package/dist/esm/general-footer-template.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
+  return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
 });

package/dist/esm/link-section-list.entry.js

@@ -14,7 +14,8 @@ const LinkSectionList = class {
         foundCategory.links.push({
           linkName: elem.title,
           linkUrl: elem.url,
-          target: elem.target
+          target: elem.target,
+          externalLink: elem.isExternalLink
         });
       }
       else {
@@ -23,7 +24,8 @@ const LinkSectionList = class {
           links: [{
               linkName: elem.title,
               linkUrl: elem.url,
-              target: elem.target
+              target: elem.target,
+              externalLink: elem.isExternalLink
             }]
         });
       }
@@ -31,7 +33,7 @@ const LinkSectionList = class {
     }, []);
     return h("div", { class: "LinkSectionListContainer" }, h("div", { class: "LinkSectionListWrapper" }, linkSections.map(category => h("ul", null, h("li", { class: "LinkSectionListTitle" }, category.categoryTitle), category.links.map(link => {
       var _a;
-      return h("li", { class: "LinkSectionListLink" }, h("a", { href: link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
+      return h("li", { class: "LinkSectionListLink" }, h("a", { href: link.externalLink ? link.linkUrl : this.baseUrl + `/${this.language}` + link.linkUrl, target: (_a = link.target) !== null && _a !== void 0 ? _a : '_blank' }, link.linkName));
     })))));
   }
 };

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
+  return bootstrapLazy([["custom-content-section",[[2,"custom-content-section",{"customContent":[1,"custom-content"],"repeaterContent":[8,"repeater-content"]}]]],["general-footer-template",[[1,"general-footer-template",{"language":[513],"sections":[513],"endpoint":[513],"env":[513],"userRoles":[513,"user-roles"],"userid":[513],"session":[513],"baseUrl":[513,"base-url"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32],"hasErrors":[32]}]]],["link-section-list",[[0,"link-section-list",{"repeaterContent":[8,"repeater-content"],"baseUrl":[513,"base-url"],"language":[513]}]]],["image-list",[[2,"image-list",{"repeaterContent":[8,"repeater-content"]}]]]], options);
   });
 };
 

package/dist/general-footer-template/general-footer-template.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-7aafd945.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-7998a5ba",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"]}]]],["p-81253ed9",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],limitStylingAppends:[32],hasErrors:[32]}]]],["p-212a82d9",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"]}]]],["p-0468caec",[[2,"image-list",{repeaterContent:[8,"repeater-content"]}]]]],e)));
+import{p as e,b as t}from"./p-7aafd945.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-7998a5ba",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"]}]]],["p-0fb1fab8",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],limitStylingAppends:[32],hasErrors:[32]}]]],["p-9be6b765",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513]}]]],["p-0468caec",[[2,"image-list",{repeaterContent:[8,"repeater-content"]}]]]],e)));

package/dist/general-footer-template/{p-81253ed9.entry.js → p-0fb1fab8.entry.js}

@@ -1 +1 @@
-import{r as n,h as e,g as t}from"./p-7aafd945.js";const o={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"}},i=class{constructor(e){n(this,e),this.env="stage",this.userRoles="everyone",this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1,this.hasErrors=!1,this.platform=(()=>{const n=(()=>{let n=window.navigator.userAgent;return n.toLowerCase().match(/android/i)?"Android":n.toLowerCase().match(/iphone/i)?"iPhone":n.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(n)return"PC"===n?"dk":"iPad"===n||"iPhone"===n?"ios":"mtWeb"})(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.host.shadowRoot.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{this.clientStylingUrl=n,e.innerHTML=n,setTimeout((()=>{this.host.shadowRoot.prepend(e)}),1)})).catch((n=>{console.log("error ",n)}))}}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userroles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{this.footerContent=(n=>{const e={repeaters:{vendors:{categoryTitle:n.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:n.helpLinksTitle,content:[]},helpLinks:{categoryTitle:n.helpLinksTitle,content:[]},licenses:{categoryTitle:n.licensesLinksTitle,content:[]},sponsors:{categoryTitle:n.sponsorsLinksTitle,content:[]},payment:{categoryTitle:n.paymentLinksTitle,content:[]},social:{categoryTitle:n.socialLinksTitle,content:[]},downloadApp:{categoryTitle:n.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},t={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"isExternalLink",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"isExternalLink",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(e.repeaters).forEach((e=>{var o,i,r;t[e[0]]&&n[null===(o=t[e[0]])||void 0===o?void 0:o.repeaterName]&&(e[1].content=null===(r=n[null===(i=t[e[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((n=>({isExternalLink:n[t[e[0]].isExternalLink],linkCategory:n[t[e[0]].linkCategory],image:n[t[e[0]].image],title:n[t[e[0]].title],url:n[t[e[0]].url],target:n[t[e[0]].target]}))))})),e.repeaters.downloadApp.content=n.downloadInfos.imageArea,e.wysiwyg.downloadApp.content=n.downloadInfos.downloadDescription,e.wysiwyg.copyright.content=n.copyright,e.wysiwyg["license-description"].content=n.licenseDesc,e})(n)}))}componentDidRender(){!this.limitStylingAppends&&this.host.shadowRoot&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const n=this.sectionsList.map(((n,t)=>{const i=o[n].component,r=this.footerContent.repeaters.hasOwnProperty(n),a=this.footerContent.wysiwyg.hasOwnProperty(n);return e(i,{class:`${n} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,ruleset:o[n],repeaterContent:r?this.footerContent.repeaters[n]:null,customContent:a?this.footerContent.wysiwyg[n].content:null})}));return this.hasErrors?e("div",null,"There was an error while bootstraping the widget"):e("footer",{class:"FooterContainer"},e("div",{class:"FooterGrid customStyle"},n))}get host(){return t(this)}};i.style=':host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: #fff;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.FooterGrid {\n  background-color: #14202D;\n  display: grid;\n  padding: 8px 24px 0 24px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one"\n                       "two"\n                       "three"\n                       "four"\n                       "five"\n                       "six"\n                       "seven";\n}\n\n \n\n.FooterSectionContainer1 {\n  position: relative;\n  grid-area: one;\n  \n}\n.FooterSectionContainer2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n  position: relative;\n  grid-area: three;\n  \n}\n.FooterSectionContainer4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n  grid-area: five;\n  /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.FooterSectionContainer7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n  padding: 0;\n}\n\n.FooterSectionContainer3:after {\n  position: absolute;\n  content: "";\n  left: 30%;\n  bottom: -20px;\n  height: 1px;\n  width: 40%;\n  background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .FooterGrid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: "one two"\n                         "three four"\n                         "five five"\n                         "six six"\n                         "seven seven";\n  }\n  \n  \n  .FooterSectionContainer1 {\n    grid-area: one;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .FooterSectionContainer3:after {\n    position: absolute;\n    content: "";\n    left: initial;\n    bottom:initial;\n    top: 30%;\n    right: 20px;\n    width: 1px;\n    height: 40%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .FooterSectionContainer5 .CustomContentSectionWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n    margin: 5px;\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n    /* padding-bottom: 22px; */\n    /* font-size: 14px; */\n  }\n\n  .FooterSectionContainer7 .CustomContentSectionWrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n}';export{i as general_footer_template}
+import{r as n,h as e,g as t}from"./p-7aafd945.js";const o={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"}},i=class{constructor(e){n(this,e),this.env="stage",this.userRoles="everyone",this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1,this.hasErrors=!1,this.platform=(()=>{const n=(()=>{let n=window.navigator.userAgent;return n.toLowerCase().match(/android/i)?"Android":n.toLowerCase().match(/iphone/i)?"iPhone":n.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(n)return"PC"===n?"dk":"iPad"===n||"iPhone"===n?"ios":"mtWeb"})(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.host.shadowRoot.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{this.clientStylingUrl=n,e.innerHTML=n,setTimeout((()=>{this.host.shadowRoot.prepend(e)}),1)})).catch((n=>{console.log("error ",n)}))}}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}componentWillLoad(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userroles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{this.footerContent=(n=>{const e={repeaters:{vendors:{categoryTitle:n.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:n.helpLinksTitle,content:[]},helpLinks:{categoryTitle:n.helpLinksTitle,content:[]},licenses:{categoryTitle:n.licensesLinksTitle,content:[]},sponsors:{categoryTitle:n.sponsorsLinksTitle,content:[]},payment:{categoryTitle:n.paymentLinksTitle,content:[]},social:{categoryTitle:n.socialLinksTitle,content:[]},downloadApp:{categoryTitle:n.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},t={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"isExternalLink",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"isExternalLink",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(e.repeaters).forEach((e=>{var o,i,r;t[e[0]]&&n[null===(o=t[e[0]])||void 0===o?void 0:o.repeaterName]&&(e[1].content=null===(r=n[null===(i=t[e[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((n=>({isExternalLink:n[t[e[0]].isExternalLink],linkCategory:n[t[e[0]].linkCategory],image:n[t[e[0]].image],title:n[t[e[0]].title],url:n[t[e[0]].url],target:n[t[e[0]].target]}))))})),e.repeaters.downloadApp.content=n.downloadInfos.imageArea,e.wysiwyg.downloadApp.content=n.downloadInfos.downloadDescription,e.wysiwyg.copyright.content=n.copyright,e.wysiwyg["license-description"].content=n.licenseDesc,e})(n)}))}componentDidRender(){!this.limitStylingAppends&&this.host.shadowRoot&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const n=this.sectionsList.map(((n,t)=>{const i=o[n].component,r=this.footerContent.repeaters.hasOwnProperty(n),a=this.footerContent.wysiwyg.hasOwnProperty(n);return e(i,{class:`${n} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,language:this.language,ruleset:o[n],repeaterContent:r?this.footerContent.repeaters[n]:null,customContent:a?this.footerContent.wysiwyg[n].content:null})}));return this.hasErrors?e("div",null,"There was an error while bootstraping the widget"):e("footer",{class:"FooterContainer"},e("div",{class:"FooterGrid customStyle"},n))}get host(){return t(this)}};i.style=':host {\n  display: block;\n}\n\n/* $-background-primary: #14202d; */\n\n* {\n  font-family: sans-serif;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n}\n\n.FooterSectionContainer {\n  color: #fff;\n  padding: 12px;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n  container-type: inline-size;\n  container-name: footerContainer;\n}\n\n\n.FooterGrid {\n  background-color: #14202D;\n  display: grid;\n  padding: 8px 24px 0 24px;\n  grid-template-rows: repeat(9, auto);\n  grid-template-areas: "one"\n                       "two"\n                       "three"\n                       "four"\n                       "five"\n                       "six"\n                       "seven";\n}\n\n \n\n.FooterSectionContainer1 {\n  position: relative;\n  grid-area: one;\n  \n}\n.FooterSectionContainer2 {\n  position: relative;\n  grid-area: two;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer3 {\n  position: relative;\n  grid-area: three;\n  \n}\n.FooterSectionContainer4 {\n  position: relative;\n  grid-area: four;\n  border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n}\n.FooterSectionContainer5 {\n  grid-area: five;\n  /* border-bottom: 1px solid #444; */\n}\n.FooterSectionContainer6 {\n  padding-top: 22px;\n  grid-area: six;\n}\n.FooterSectionContainer7 {\n  grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div{\n  padding: 0;\n}\n\n.FooterSectionContainer3:after {\n  position: absolute;\n  content: "";\n  left: 30%;\n  bottom: -20px;\n  height: 1px;\n  width: 40%;\n  background-color: #444;\n}\n\n\n\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n  .FooterGrid {\n    background: $-background-primary;\n    display: grid;\n    grid-template-rows: repeat(5, auto);\n    grid-template-columns: 2fr 1fr;\n    grid-template-areas: "one two"\n                         "three four"\n                         "five five"\n                         "six six"\n                         "seven seven";\n  }\n  \n  \n  .FooterSectionContainer1 {\n    grid-area: one;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer2 {\n    grid-area: two;\n\n  }\n  .FooterSectionContainer3 {\n    grid-area: three;\n    border-bottom: 1px solid rgba(254, 254, 254, 0.2);\n  }\n  .FooterSectionContainer4 {\n    grid-area: four;\n  }\n  .FooterSectionContainer5 {\n    grid-area: five;\n  }\n  .FooterSectionContainer6 {\n    grid-area: six;\n    padding: 0;\n  }\n  .FooterSectionContainer7 {\n    grid-area: seven;\n    padding: 0;\n  }\n\n  /* VERTICAL BARS */\n  .FooterSectionContainer3:after {\n    position: absolute;\n    content: "";\n    left: initial;\n    bottom:initial;\n    top: 30%;\n    right: 20px;\n    width: 1px;\n    height: 40%;\n    background-color: #444;\n  }\n\n  /* // remove paddings */\n  .FooterSectionContainer5 .CustomContentSectionWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n    margin: 5px;\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n    text-align: center;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n  }\n\n  .FooterSectionContainer6 .ImageListWrapper {\n    padding: 0;\n    /* padding-bottom: 22px; */\n    /* font-size: 14px; */\n  }\n\n  .FooterSectionContainer7 .CustomContentSectionWrapper {\n    padding: 0;\n    padding-bottom: 22px;\n    font-size: 14px;\n  }\n}';export{i as general_footer_template}

package/dist/general-footer-template/p-9be6b765.entry.js

@@ -0,0 +1 @@
+import{r as n,h as i}from"./p-7aafd945.js";const t=class{constructor(i){n(this,i)}render(){const n=this.repeaterContent.content.reduce(((n,i)=>{const t=i.linkCategory,e=n.find((n=>n.categoryTitle===t));return e?e.links.push({linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink}]}),n}),[]);return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper"},n.map((n=>i("ul",null,i("li",{class:"LinkSectionListTitle"},n.categoryTitle),n.links.map((n=>{var t;return i("li",{class:"LinkSectionListLink"},i("a",{href:n.externalLink?n.linkUrl:this.baseUrl+`/${this.language}`+n.linkUrl,target:null!==(t=n.target)&&void 0!==t?t:"_blank"},n.linkName))})))))))}};t.style=":host {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.LinkSectionListContainer {\n  display: block;\n  container-type: inline-size;\n}\n.LinkSectionListWrapper {\n  box-sizing: border-box;\n  display: grid;\n  grid-gap: 2rem;\n  grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n  font-weight: 600;\n}\n.LinkSectionListLink {\n  font-weight: 300;\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\nul {\n  width: fit-content;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\nli {\n  list-style: none;\n}\n\na {\n  color: inherit;\n}\n\n@container (min-width: 280px) {\n  .LinkSectionListWrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@container (min-width: 650px) {\n  .LinkSectionListWrapper {\n    grid-gap: 2rem;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-rows: 1fr;\n  }\n}";export{t as link_section_list}

package/dist/types/components/general-footer-template/general-footer-template.d.ts

@@ -27,6 +27,10 @@ export declare class GeneralFooterTemplate {
    * the current session, to be used in order to determine login status (relevant for certain components ex. "panic button")
    */
   session: string;
+  /**
+   * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
+   */
+  baseUrl: string;
   /**
    * custom styling by string content
    */

package/dist/types/components/link-section-list/link-section-list.d.ts

@@ -3,5 +3,13 @@ export declare class LinkSectionList {
    * the links content to be displayed, including titles, url, open target
    */
   repeaterContent: any;
+  /**
+   * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
+   */
+  baseUrl: string;
+  /**
+   * the language of the footer
+   */
+  language: string;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -17,6 +17,10 @@ export namespace Components {
         "repeaterContent": any;
     }
     interface GeneralFooterTemplate {
+        /**
+          * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
+         */
+        "baseUrl": string;
         /**
           * custom styling by string content
          */
@@ -61,6 +65,14 @@ export namespace Components {
         "repeaterContent": any;
     }
     interface LinkSectionList {
+        /**
+          * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
+         */
+        "baseUrl": string;
+        /**
+          * the language of the footer
+         */
+        "language": string;
         /**
           * the links content to be displayed, including titles, url, open target
          */
@@ -111,6 +123,10 @@ declare namespace LocalJSX {
         "repeaterContent"?: any;
     }
     interface GeneralFooterTemplate {
+        /**
+          * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
+         */
+        "baseUrl"?: string;
         /**
           * custom styling by string content
          */
@@ -155,6 +171,14 @@ declare namespace LocalJSX {
         "repeaterContent"?: any;
     }
     interface LinkSectionList {
+        /**
+          * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
+         */
+        "baseUrl"?: string;
+        /**
+          * the language of the footer
+         */
+        "language": string;
         /**
           * the links content to be displayed, including titles, url, open target
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-footer-template",
-  "version": "1.16.1",
+  "version": "1.18.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/general-footer-template/p-212a82d9.entry.js

@@ -1 +0,0 @@
-import{r as n,h as i}from"./p-7aafd945.js";const t=class{constructor(i){n(this,i)}render(){const n=this.repeaterContent.content.reduce(((n,i)=>{const t=i.linkCategory,e=n.find((n=>n.categoryTitle===t));return e?e.links.push({linkName:i.title,linkUrl:i.url,target:i.target}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target}]}),n}),[]);return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper"},n.map((n=>i("ul",null,i("li",{class:"LinkSectionListTitle"},n.categoryTitle),n.links.map((n=>{var t;return i("li",{class:"LinkSectionListLink"},i("a",{href:n.linkUrl,target:null!==(t=n.target)&&void 0!==t?t:"_blank"},n.linkName))})))))))}};t.style=":host {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.LinkSectionListContainer {\n  display: block;\n  container-type: inline-size;\n}\n.LinkSectionListWrapper {\n  box-sizing: border-box;\n  display: grid;\n  grid-gap: 2rem;\n  grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n  font-weight: 600;\n}\n.LinkSectionListLink {\n  font-weight: 300;\n  text-decoration: underline;\n  text-underline-offset: 0.2rem;\n}\n\nul {\n  width: fit-content;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\nli {\n  list-style: none;\n}\n\na {\n  color: inherit;\n}\n\n@container (min-width: 280px) {\n  .LinkSectionListWrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@container (min-width: 650px) {\n  .LinkSectionListWrapper {\n    grid-gap: 2rem;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-rows: 1fr;\n  }\n}";export{t as link_section_list}