https://www.paxlovid.com/lib/blocks/gateway-list/gateway-list-dist.js

1/* eslint-disable */ 
2import{FranklinBlock}from"../../scripts/lib-franklin.js";export default class GatewayList extends FranklinBlock{async beforeBlockRender(){let{buttonCollection:t}=this.inputData;t=(t??[]).filter(t=>t.link).map(({link:t,body:e})=>{const n=document.createElement("div");n.innerHTML=t;const{href:o,innerText:a}=n.firstElementChild,i=document.createElement("a");i.className="core-gateway-list-button",i.href=o;const s=document.createElement("div"),l=document.createElement("span");if(l.className="core-gateway-list-button-header",l.innerText=a,s.appendChild(l),s.className="core-gateway-list-button-left-wrapper",e){const t=document.createElement("span");t.className="core-gateway-list-button-body",t.innerText=e,s.appendChild(t)}i.appendChild(s);const c=document.createElement("div");return c.className="core-gateway-list-button-icon",c.innerHTML='<span class="icon icon-lib-chevron-right"></span>',i.appendChild(c),i.outerHTML}),4===t.length&&this.block.classList.add("core-gateway-list-2-col"),this.inputData.buttonCollection=t}async afterBlockRender(){this.block.classList.add("block-padding-standard"),this.block.classList.add("block-focus-visible"),this.block.classList.add("block-padding-desktop-bottom-0"),this.block.classList.add("block-padding-mobile-bottom-0"),this.block.classList.add("block-focus-visible")}}export const schema='{\n  "gateway-list": {\n    "name": "gateway-list",\n    "description": "A navigation component that displays a collection of styled buttons with descriptions, providing users with gateway links to key sections or content pages.",\n    "coreBlockData": {\n      "blockName": "core-gateway-list",\n      "isGlobalBlock": false,\n      "variants": ["default"],\n      "positionInPage": "inline-content",\n      "isCollection": true,\n      "collectionContains": ["core-hero", "core-gateway-list"]\n    },\n    "schema": {\n      "classes": ["headline-small", "headline-medium", "headline-large"],\n      "header": {\n        "selector": "selectRow:header",\n        "target": "innerHTML",\n        "description": "The heading text displayed above the list of gateway buttons, providing context for the navigation options below.",\n        "optional": true\n      },\n      "buttonCollection": {\n        "type": "multiple",\n        "description": "Collection of gateway buttons, each containing a link and descriptive text that serves as navigation options for users.",\n        "subTarget": ".core-gateway-list > div",\n        "items": {\n          "link": {\n            "selector": ":scope a",\n            "target": "outerHTML",\n            "description": "The HTML structure for the gateway button, including the link URL and button text that users click to navigate to different sections.",\n            "optional": true\n          },\n          "body": {\n            "selector": ":scope div:last-child p:nth-child(2)",\n            "target": "textContent",\n            "description": "Descriptive text displayed below each gateway button that provides additional context or explains the destination content.",\n            "optional": true\n          }\n        }\n      }\n    }\n  }\n}\n';export const template=' <div class="core-gateway-list-inside block-inside">\n  {{ header }}\n\n  <div class="core-gateway-list-button-group">\n    {{ #buttonCollection }}\n      {{ . }}\n    {{ /buttonCollection }}\n  </div>\n</div>\n';export const smartCaptureConfig=" {}";