{"version":3,"file":"aKnc2MET.js","sources":["../../../../src/@types/badge.ts","../../../../src/components/components/cms/imageGalleryExtended/vdv/image-gallery-extended.vue"],"sourcesContent":["export enum EBadge {\n  NONE = 'none',\n  DIGITAL_EXCELLENCE_LOGO = 'digitalExcellenceLogo',\n  VOLLTREFFER = 'volltreffer',\n}\n","<!-- eslint-disable vue/no-v-html -->\n<template>\n  <ContainerBasic\n    container-type=\"PAGE\"\n    :class=\"isHeader ? '!mt-0 md:!mt-0' : ''\"\n    class=\"print:max-w-[720px] print:mx-auto\"\n  >\n    <div\n      ref=\"mobileHeadlineRef\"\n      :style=\"blockData.bgColor?.style ?? ''\"\n      class=\"print:hidden\"\n    >\n      <HeadlineDynamic\n        v-if=\"blockData.headline && isMobile\"\n        :class=\"blockData.text ? 'p-lg !pb-sm' : 'p-lg'\"\n        :has-decoration=\"true\"\n        :headline=\"blockData.headline\"\n        level=\"h1\"\n        :logo-color=\"\n          blockData.bgColor?.themeType !== 'BASE' ? '#346e73' : 'white'\n        \"\n        :text-color=\"\n          blockData.bgColor?.themeType !== 'BASE' ? '' : 'text-white'\n        \"\n        :deco-container-classes=\"\n          blockData.bgColor?.themeType !== 'BASE' ? '' : 'stroke-white'\n        \"\n      />\n      <div\n        v-if=\"blockData.text && isMobile\"\n        class=\"text-center px-md pb-md [&_p]:mb-2xs\"\n        v-html=\"blockData.text\"\n      ></div>\n    </div>\n\n    <ClientOnly>\n      <ImageCarousel\n        :show=\"state.showCarousel\"\n        :images=\"blockData.images\"\n        :active-index=\"state.carouselIndex\"\n        @close=\"state.showCarousel = false\"\n      />\n      <section\n        v-if=\"blockData\"\n        class=\"pb-lg\"\n        :class=\"'section' + (cutOffImageGrid() ? ' print:p-0' : '')\"\n      >\n        <div\n          ref=\"gridRef\"\n          :key=\"gridKey\"\n          :class=\"[\n            'grid gap-md grid-cols-',\n            'grid-cols-' +\n              (isMobile\n                ? blockData.images.length > 1\n                  ? 2\n                  : 1\n                : colCountForAmountImages[blockData.images.length] || 4) +\n              (blockData.images.length > 1 ? ' p-md' : ' md:p-md'),\n          ]\"\n          class=\"print:!grid-cols-2 print:!p-0 print:!gap-sm print:!pt-xs\"\n          :style=\"imageContainerStyle\"\n        >\n          <div\n            v-if=\"blockData.headline && !isMobile\"\n            class=\"relative justify-center\"\n            :class=\"'print:hidden flex flex-col ' + getColAndRowStyle(-1)\"\n            :style=\"(headingContainerStyle, blockData.bgColor?.style)\"\n          >\n            <div\n              v-if=\"\n                blockData.badgeLeft !== EBadge.NONE ||\n                blockData.badgeRight !== EBadge.NONE\n              \"\n              class=\"grid grid-cols-2 mt-md mb-md\"\n            >\n              <img\n                v-if=\"blockData.badgeLeft === EBadge.VOLLTREFFER\"\n                src=\"~/assets/images/volltreffer-badge.svg\"\n                alt=\"Volltreffer-Badge\"\n              />\n              <img\n                v-if=\"blockData.badgeRight === EBadge.DIGITAL_EXCELLENCE_LOGO\"\n                class=\"col-start-2 ml-auto mr-sm\"\n                alt=\"Digital Excellence Logo\"\n                src=\"~/assets/images/digital-excellence-logo.svg\"\n              />\n            </div>\n            <HeadlineDynamic\n              container-classes=\"flex flex-col items-center justify-center p-md\"\n              :has-decoration=\"true\"\n              :headline=\"blockData.headline\"\n              :deco-container-classes=\"\n                blockData.bgColor?.themeType !== 'BASE' ? '' : 'stroke-white'\n              \"\n              :logo-color=\"\n                blockData.bgColor?.themeType !== 'BASE' ? '#346e73' : 'white'\n              \"\n              level=\"h1\"\n              :text-color=\"\n                blockData.bgColor?.themeType !== 'BASE' ? '' : 'text-white'\n              \"\n              width=\"w-full\"\n            />\n            <div\n              v-if=\"blockData.text\"\n              class=\"text-center px-md pb-md [&_p]:mb-2xs\"\n              v-html=\"blockData.text\"\n            ></div>\n          </div>\n\n          <!-- ### Print Version START -->\n          <div class=\"hidden print:block\">\n            <div class=\"relative\">\n              <img\n                v-if=\"blockData.badgeLeft === EBadge.VOLLTREFFER\"\n                src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5OCAxNi43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5OCAxNi43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQ2RTczO30NCgkuc3Qxe2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyBpZD0iR3J1cHBlXzM3MTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTA2IC0xMDg5KSI+DQoJPGcgaWQ9IkdydXBwZV8zNzA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNiA3ODYpIHJvdGF0ZSgtOTApIj4NCgkJPHBhdGggaWQ9IlBmYWRfMTQwMyIgY2xhc3M9InN0MCIgZD0iTS0zMTkuNy0xMzEyMmgxNi43djk4bC04LjMtNS4ybC04LjQsNS4yVi0xMzEyMnoiLz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTMwOTUuOSwxMDkzLjlsMi4yLDUuNWwtMC45LTAuMmwyLTUuM2gxLjhsLTMuNSw4bC0zLjUtOEgtMTMwOTUuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTS0xMzA5MC40LDEwOTcuN2MwLTAuNSwwLjEtMSwwLjMtMS41YzAuMi0wLjUsMC41LTAuOSwwLjgtMS4zYzAuNC0wLjQsMC44LTAuNywxLjItMC45DQoJCQljMC41LTAuMiwxLTAuMywxLjUtMC4zYzAuNSwwLDEsMC4xLDEuNSwwLjNjMC41LDAuMiwwLjksMC41LDEuMywwLjljMC40LDAuNCwwLjYsMC44LDAuOSwxLjNjMC4yLDAuNSwwLjMsMSwwLjMsMS41DQoJCQljMCwwLjUtMC4xLDEtMC4zLDEuNWMtMC4yLDAuNS0wLjUsMC45LTAuOSwxLjJjLTAuNCwwLjQtMC44LDAuNi0xLjMsMC44cy0xLDAuMy0xLjUsMC4zYy0wLjUsMC0xLTAuMS0xLjUtMC4zcy0wLjktMC41LTEuMi0wLjgNCgkJCWMtMC40LTAuNC0wLjYtMC44LTAuOC0xLjJDLTEzMDkwLjMsMTA5OC44LTEzMDkwLjQsMTA5OC4zLTEzMDkwLjQsMTA5Ny43eiBNLTEzMDg4LjgsMTA5Ny43YzAsMC4zLDAuMSwwLjcsMC4yLDENCgkJCWMwLjEsMC4zLDAuMywwLjYsMC41LDAuOGMwLjIsMC4yLDAuNSwwLjQsMC44LDAuNXMwLjYsMC4yLDAuOSwwLjJjMC4zLDAsMC42LTAuMSwwLjktMC4yczAuNS0wLjMsMC43LTAuNQ0KCQkJYzAuMi0wLjIsMC40LTAuNSwwLjUtMC44YzAuMS0wLjMsMC4yLTAuNiwwLjItMWMwLTAuMy0wLjEtMC43LTAuMi0xYy0wLjEtMC4zLTAuMy0wLjYtMC41LTAuOGMtMC4yLTAuMi0wLjUtMC40LTAuNy0wLjUNCgkJCXMtMC42LTAuMi0wLjktMC4yYy0wLjMsMC0wLjYsMC4xLTAuOSwwLjJjLTAuMywwLjEtMC41LDAuMy0wLjgsMC41Yy0wLjIsMC4yLTAuNCwwLjUtMC41LDAuOA0KCQkJQy0xMzA4OC43LDEwOTcuMS0xMzA4OC44LDEwOTcuNC0xMzA4OC44LDEwOTcuN3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTS0xMzA4MSwxMDkzLjloMS41djYuMmgzLjZ2MS41aC01LjFWMTA5My45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTEzMDc0LjMsMTA5My45aDEuNXY2LjJoMy42djEuNWgtNS4xVjEwOTMuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTS0xMzA2OSwxMDkzLjloNS4ydjEuNWgtMS45djYuMmgtMS41di02LjJoLTEuOFYxMDkzLjl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTMwNjAsMTA5My45YzAuNSwwLDAuOSwwLjEsMS4zLDAuMmMwLjQsMC4xLDAuNywwLjMsMC45LDAuNXMwLjQsMC41LDAuNiwwLjhjMC4xLDAuMywwLjIsMC43LDAuMiwxLjENCgkJCWMwLDAuMywwLDAuNi0wLjEsMC45cy0wLjIsMC42LTAuNSwwLjljLTAuMiwwLjMtMC41LDAuNS0wLjgsMC42cy0wLjgsMC4yLTEuMywwLjJoLTEuMXYyLjRoLTEuNXYtNy43SC0xMzA2MHogTS0xMzA1OS44LDEwOTcuNw0KCQkJYzAuMiwwLDAuNCwwLDAuNi0wLjFjMC4yLTAuMSwwLjMtMC4yLDAuNC0wLjNzMC4xLTAuMiwwLjItMC40YzAtMC4xLDAuMS0wLjIsMC4xLTAuNGMwLTAuMSwwLTAuMiwwLTAuM2MwLTAuMS0wLjEtMC4zLTAuMi0wLjQNCgkJCXMtMC4yLTAuMi0wLjMtMC4zYy0wLjItMC4xLTAuNC0wLjEtMC42LTAuMWgtMS4xdjIuM0gtMTMwNTkuOHogTS0xMzA1OC4zLDEwOTguNmwxLjksM2gtMS44bC0xLjktMi45TC0xMzA1OC4zLDEwOTguNnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTS0xMzA1NS4yLDEwOTMuOWg1LjJ2MS41aC0zLjd2MS42aDMuM3YxLjVoLTMuM3YxLjdoMy45djEuNWgtNS40VjEwOTMuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTS0xMzA0OC4zLDEwOTMuOWg0Ljh2MS41aC0zLjN2MS43aDIuOHYxLjVoLTIuOHYzaC0xLjVWMTA5My45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTEzMDQyLDEwOTMuOWg0Ljh2MS41aC0zLjN2MS43aDIuOHYxLjVoLTIuOHYzaC0xLjVWMTA5My45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTEzMDM1LjgsMTA5My45aDUuMnYxLjVoLTMuN3YxLjZoMy4zdjEuNWgtMy4zdjEuN2gzLjl2MS41aC01LjRWMTA5My45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTEzMDI2LjUsMTA5My45YzAuNSwwLDAuOSwwLjEsMS4zLDAuMmMwLjQsMC4xLDAuNywwLjMsMC45LDAuNWMwLjMsMC4yLDAuNCwwLjUsMC42LDAuOA0KCQkJYzAuMSwwLjMsMC4yLDAuNywwLjIsMS4xYzAsMC4zLDAsMC42LTAuMSwwLjlzLTAuMiwwLjYtMC41LDAuOWMtMC4yLDAuMy0wLjUsMC41LTAuOCwwLjZjLTAuMywwLjItMC44LDAuMi0xLjMsMC4yaC0xLjF2Mi40aC0xLjUNCgkJCXYtNy43SC0xMzAyNi41eiBNLTEzMDI2LjIsMTA5Ny43YzAuMiwwLDAuNCwwLDAuNi0wLjFjMC4yLTAuMSwwLjMtMC4yLDAuNC0wLjNjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjRjMC0wLjEsMC4xLTAuMiwwLjEtMC40DQoJCQljMC0wLjEsMC0wLjIsMC0wLjNzLTAuMS0wLjMtMC4yLTAuNGMtMC4xLTAuMS0wLjItMC4yLTAuMy0wLjNjLTAuMi0wLjEtMC40LTAuMS0wLjYtMC4xaC0xLjF2Mi4zSC0xMzAyNi4yeiBNLTEzMDI0LjgsMTA5OC42DQoJCQlsMS45LDNoLTEuOGwtMS45LTIuOUwtMTMwMjQuOCwxMDk4LjZ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\"\n                alt=\"Volltreffer-Badge\"\n                class=\"absolute top-0 left-0 -translate-y-1/2 w-[130px] z-10\"\n              />\n\n              <img\n                v-if=\"blockData.badgeRight === EBadge.DIGITAL_EXCELLENCE_LOGO\"\n                src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjY4LjY0IiBoZWlnaHQ9IjQ0LjUyIiB2aWV3Qm94PSIwIDAgMjY4LjY0IDQ0LjUyIj4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzE3NjgiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTc2OCIgd2lkdGg9IjI2OC42NCIgaGVpZ2h0PSI0NC41MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMyA2NykiIGZpbGw9Im5vbmUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcnVwcGVfNDI0MyIgZGF0YS1uYW1lPSJHcnVwcGUgNDI0MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEzIC02NykiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQZmFkXzE0MjUiIGRhdGEtbmFtZT0iUGZhZCAxNDI1IiBkPSJNNTQuMjcxLDcwLjAyM2wuMDA4LS4wMDljLTMuOTI0LTEuNzk0LTcuODMxLTMuNjYtMTAuNjEyLTQuOTkxbDQuOCwxMS4xMzZjLjY0Ny0uNjc3LDUuMTM2LTUuNDI2LDUuODA2LTYuMTM2bTM3LjA4MS0zLjY4MmExMC41NjQsMTAuNTY0LDAsMCwxLTIuODIyLDYuOTA4bC0uMDQuMDQ0QTEyLjk0OSwxMi45NDksMCwwLDEsODMuMjY3LDc2LjVhMTcuODU1LDE3Ljg1NSwwLDAsMS01LjU3LjgzMWMtNC40LDAtOS4zMzgtMS4yNzMtMTYuMzQxLTQuMTkybC0uNzMxLS4zYTMuMDA2LDMuMDA2LDAsMCwxLDIuNTg4LTIuOTg4QTUzLjY3Nyw1My42NzcsMCwwLDAsNjkuMDExLDcyLDI3LjUsMjcuNSwwLDAsMCw3Ny43LDczLjU4OWMzLjQ3MywwLDYuMi0uOTc1LDguMTA2LTIuOWE3LjU4OCw3LjU4OCwwLDAsMCwuOTQ4LTguNDU2LDI3LjY4LDI3LjY4LDAsMCwwLTUuNzI1LTcuMmMtMS41NDItMS40LTMuMDM4LTIuMjY4LTQtMi4zMTktMS4wMzUtLjA1Ny0xLjg2NC43NTYtMi44NSwxLjgzMS0uMTUzLjE2NC0yMy4xNTgsMjQuMzYtMjMuMzkxLDI0LjU5NGwtLjAzMi4wMzJhMy42ODcsMy42ODcsMCwwLDEtMi41MTksMS4yODRoMGEyLjU1LDIuNTUsMCwwLDEtLjgtLjEzLDQuNDQ2LDQuNDQ2LDAsMCwxLTIuMjc2LTIuNDA2bC0uMDExLS4wMjVMMzkuNzMxLDY1LjMzOGE1LjQsNS40LDAsMCwxLS4zNzUtMS4wNTEsMi43ODksMi43ODksMCwwLDEsLjc5Mi0yLjkzOCwzLjEwNSwzLjEwNSwwLDAsMSwyLjAyOC0uNzI2LDUuMTk0LDUuMTk0LDAsMCwxLDIuMjQ2LjYxOGwuNy4zMzZjMy4wNTEsMS40NTgsNy41MjYsMy42LDExLjg3Miw1LjU2Nyw0LjU2My00LjgyLDE0LjI5MS0xNC45ODIsMTQuNDI0LTE1LjEyNiwxLjA0Ny0xLjEzOSwyLjgtMy4wNDMsNS41LTMuMDQzLjEsMCwuMiwwLC4zLjAwOCwyLjM3My4xMjcsNC43NDUsMS44NTgsNi4zMTcsMy4yODdhMzEuMTYyLDMxLjE2MiwwLDAsMSw2LjU0Miw4LjI2NSwxMi4yNzQsMTIuMjc0LDAsMCwxLDEuMjcsNS44MDZNNTQuMjcxLDcwLjAyM2wuMDA4LS4wMDljLTMuOTI0LTEuNzk0LTcuODMxLTMuNjYtMTAuNjEyLTQuOTkxbDQuOCwxMS4xMzZjLjY0Ny0uNjc3LDUuMTM2LTUuNDI2LDUuODA2LTYuMTM2bTM3LjA4MS0zLjY4MmExMC41NjQsMTAuNTY0LDAsMCwxLTIuODIyLDYuOTA4bC0uMDQuMDQ0QTEyLjk0OSwxMi45NDksMCwwLDEsODMuMjY3LDc2LjVhMTcuODU1LDE3Ljg1NSwwLDAsMS01LjU3LjgzMWMtNC40LDAtOS4zMzgtMS4yNzMtMTYuMzQxLTQuMTkybC0uNzMxLS4zYTMuMDA2LDMuMDA2LDAsMCwxLDIuNTg4LTIuOTg4QTUzLjY3Nyw1My42NzcsMCwwLDAsNjkuMDExLDcyLDI3LjUsMjcuNSwwLDAsMCw3Ny43LDczLjU4OWMzLjQ3MywwLDYuMi0uOTc1LDguMTA2LTIuOWE3LjU4OCw3LjU4OCwwLDAsMCwuOTQ4LTguNDU2LDI3LjY4LDI3LjY4LDAsMCwwLTUuNzI1LTcuMmMtMS41NDItMS40LTMuMDM4LTIuMjY4LTQtMi4zMTktMS4wMzUtLjA1Ny0xLjg2NC43NTYtMi44NSwxLjgzMS0uMTUzLjE2NC0yMy4xNTgsMjQuMzYtMjMuMzkxLDI0LjU5NGwtLjAzMi4wMzJhMy42ODcsMy42ODcsMCwwLDEtMi41MTksMS4yODRoMGEyLjU1LDIuNTUsMCwwLDEtLjgtLjEzLDQuNDQ2LDQuNDQ2LDAsMCwxLTIuMjc2LTIuNDA2bC0uMDExLS4wMjVMMzkuNzMxLDY1LjMzOGE1LjQsNS40LDAsMCwxLS4zNzUtMS4wNTEsMi43ODksMi43ODksMCwwLDEsLjc5Mi0yLjkzOCwzLjEwNSwzLjEwNSwwLDAsMSwyLjAyOC0uNzI2LDUuMTk0LDUuMTk0LDAsMCwxLDIuMjQ2LjYxOGwuNy4zMzZjMy4wNTEsMS40NTgsNy41MjYsMy42LDExLjg3Miw1LjU2Nyw0LjU2My00LjgyLDE0LjI5MS0xNC45ODIsMTQuNDI0LTE1LjEyNiwxLjA0Ny0xLjEzOSwyLjgtMy4wNDMsNS41LTMuMDQzLjEsMCwuMiwwLC4zLjAwOCwyLjM3My4xMjcsNC43NDUsMS44NTgsNi4zMTcsMy4yODdhMzEuMTYyLDMxLjE2MiwwLDAsMSw2LjU0Miw4LjI2NSwxMi4yNzQsMTIuMjc0LDAsMCwxLDEuMjcsNS44MDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzggMjUuMTc3KSIgZmlsbD0iIzA1NGI1NCIvPgogICAgPHBhdGggaWQ9IlBmYWRfMTQyNiIgZGF0YS1uYW1lPSJQZmFkIDE0MjYiIGQ9Ik0xMjAuNjUxLDEyMC44Mzd2LS40NzZoLTYuOTh2LTUuNWg2LjA0NnYtLjQ3NmgtNi4wNDZ2LTUuNDExSDEyMC40VjEwOC41aC03LjIyNnYxMi4zMzhabS0xMS45NjgtLjU0NmE1LjYxOCw1LjYxOCwwLDAsMS0xLjU1MS4yMTEsNS41NCw1LjU0LDAsMCwxLTIuMjQ3LS40NTgsNS44MDgsNS44MDgsMCwwLDEtMS44MjUtMS4yNDMsNS45NDMsNS45NDMsMCwwLDEtMS4yMzMtMS44NDIsNS42LDUuNiwwLDAsMS0uNDU5LTIuMjU2LDUuNzEyLDUuNzEyLDAsMCwxLC40NTktMi4yODIsNS44ODIsNS44ODIsMCwwLDEsMy4wODQtMy4xMiw1LjcyMSw1LjcyMSwwLDAsMSw1LjIuMzQ0LDQuNTQ0LDQuNTQ0LDAsMCwwLC4yODItLjQwNiw2LjYsNi42LDAsMCwwLTEuNTI1LS42NTIsNi4xOTEsNi4xOTEsMCwwLDAtMS43LS4yMjksNi4wNTEsNi4wNTEsMCwwLDAtMi40NS41LDYuNDc3LDYuNDc3LDAsMCwwLTIsMS4zNTgsNi4zMjMsNi4zMjMsMCwwLDAtMS4zNDksMi4wMDksNi4zNTcsNi4zNTcsMCwwLDAsMCw0LjkwOSw2LjMxNSw2LjMxNSwwLDAsMCwzLjM0OSwzLjM0OCw2LjExMiw2LjExMiwwLDAsMCwyLjQ1LjQ5NCw1LjkzNiw1LjkzNiwwLDAsMCwxLjctLjIzOCw3LjAzNiw3LjAzNiwwLDAsMCwxLjUwNy0uNjQzbC0uMjgyLS40MDZhNi4xODgsNi4xODgsMCwwLDEtMS40MS42TTk3LjQ5MSwxMDguNXYxMS4yMWMuMDEyLjA5NC4wMi4xODguMDI2LjI4MnMuMDE1LjE4OC4wMjcuMjgyYy0uMDU5LS4wODItLjExNS0uMTU5LS4xNjgtLjIyOXMtLjEwOC0uMTQ3LS4xNjctLjIyOXEtMi41Mi0zLTUtNS45MzF0LTUtNS45NDl2MTIuOWguNDk0VjEwOS43cS0uMDE4LS4xNDEtLjAyNy0uMjgyYy0uMDA2LS4wOTQtLjAxNS0uMTg4LS4wMjYtLjI4Mi4wNTkuMDgyLjExNC4xNTguMTY3LjIyOXMuMTA5LjE0Ny4xNjguMjI5cTIuNTIsMi45NzksNSw1LjkxM3Q1LDUuOVYxMDguNVpNODMuOTE5LDEyMC44Mzd2LS40NzZINzYuOTR2LTUuNWg2LjA0NXYtLjQ3Nkg3Ni45NHYtNS40MTFoNi43MzNWMTA4LjVINzYuNDQ2djEyLjMzOFptLTEwLjQ1MSwwdi0uNDc2aC02Ljk4VjEwOC41aC0uNDk0djEyLjMzOFptLTEwLjQ1Miwwdi0uNDc2aC02Ljk4VjEwOC41aC0uNDkzdjEyLjMzOFptLTEwLjU5Mywwdi0uNDc2aC02Ljk4di01LjVoNi4wNDZ2LS40NzZINDUuNDQzdi01LjQxMWg2LjczM1YxMDguNUg0NC45NXYxMi4zMzhabS0xMS45NjgtLjU0NmE1LjYxOCw1LjYxOCwwLDAsMS0xLjU1MS4yMTEsNS41NCw1LjU0LDAsMCwxLTIuMjQ3LS40NTgsNS44MTUsNS44MTUsMCwwLDEtMS44MjQtMS4yNDMsNS45MjksNS45MjksMCwwLDEtMS4yMzQtMS44NDIsNS42LDUuNiwwLDAsMS0uNDU4LTIuMjU2LDUuNzExLDUuNzExLDAsMCwxLC40NTgtMi4yODIsNS44ODIsNS44ODIsMCwwLDEsMy4wODQtMy4xMiw1LjcyMSw1LjcyMSwwLDAsMSw1LjIuMzQ0LDQuNTQzLDQuNTQzLDAsMCwwLC4yODItLjQwNiw2LjYsNi42LDAsMCwwLTEuNTI1LS42NTIsNi4xOTEsNi4xOTEsMCwwLDAtMS43LS4yMjksNi4wNTEsNi4wNTEsMCwwLDAtMi40NS41LDYuNDc3LDYuNDc3LDAsMCwwLTIsMS4zNTgsNi4zLDYuMywwLDAsMC0xLjM0OCwyLjAwOSw2LjM0NSw2LjM0NSwwLDAsMCwwLDQuOTA5LDYuMzA5LDYuMzA5LDAsMCwwLDMuMzQ4LDMuMzQ4LDYuMTEyLDYuMTEyLDAsMCwwLDIuNDUuNDk0LDUuOTM2LDUuOTM2LDAsMCwwLDEuNy0uMjM4LDcuMDM2LDcuMDM2LDAsMCwwLDEuNTA3LS42NDNsLS4yODItLjQwNmE2LjE2OSw2LjE2OSwwLDAsMS0xLjQxLjZtLTE3LjU3Mi0yLjYyN3EtMS4wMDUsMS41NjktMi4wMjcsMy4xNzNoLjU4MXEuOS0xLjQyOCwxLjgwNy0yLjgydDEuODA2LTIuODJjLjAyNC0uMDQ3LjA1LS4wOTQuMDgtLjE0MXMuMDU1LS4wOTQuMDc5LS4xNDFhMy4zNDYsMy4zNDYsMCwwLDEsLjM0NC41MzcsNC4xNTMsNC4xNTMsMCwwLDAsLjMyNi41MzhsMy4xNzIsNC44NDdoLjZxLTEuMDIzLTEuNTg3LTIuMDM2LTMuMTI5dC0yLjAzNi0zLjEyOHEuOTY5LTEuNTMzLDEuOTQ4LTMuMDQxdDEuOTQ3LTMuMDRoLS41ODFxLS44NjQsMS4zNTctMS43MjcsMi43bC0xLjcyOCwyLjY3OWMtLjAyMy4wNDctLjA1LjA5NC0uMDc5LjE0MWExLjQyNywxLjQyNywwLDAsMC0uMDc5LjE0MWMtLjAyNC0uMDQ3LS4wNTEtLjA5NC0uMDgtLjE0MXMtLjA1Ni0uMDk0LS4wNzktLjE0MXEtLjg4Mi0xLjMzOS0xLjc1NC0yLjY3OWwtMS43NTQtMi43aC0uNTgxcS45NjksMS41LDEuOTM5LDN0MS45NTYsMy4wMTRxLTEuMDQsMS41ODctMi4wNDQsMy4xNTVtLTUuMiwzLjE3M3YtLjQ3NkgxMC43di01LjVoNi4wNDZ2LS40NzZIMTAuN3YtNS40MTFoNi43MzNWMTA4LjVIMTAuMjF2MTIuMzM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2IC0yNC41NjMpIiBmaWxsPSIjMDU0YjU0Ii8+CiAgICA8cGF0aCBpZD0iUGZhZF8xNDI3IiBkYXRhLW5hbWU9IlBmYWQgMTQyNyIgZD0iTTEwMi4xMTcsOTkuMkg5OC44NzR2LjQ3NmgzLjI0M1ptLTUuNTY5LDMuNnYtLjQ3NmgtNi45OFY5MC40NThoLS40OTRWMTAyLjhaTTgzLjcsOTYuMzQ1cS0xLjM1Ny0zLjIwNy0yLjczMi02LjQ1MS0xLjM3NSwzLjI0My0yLjczMiw2LjQ1MVQ3NS41LDEwMi44aC41MTFxLjU4Mi0xLjM1NywxLjE1NS0yLjcxNHQxLjEzNi0yLjcxNWg1LjMyM3EuNTgyLDEuMzU4LDEuMTU1LDIuNzE1dDEuMTU0LDIuNzE0aC40OTRxLTEuMzc1LTMuMjQzLTIuNzMyLTYuNDUxTTgyLjI4LDk0LjE3N3EuNTczLDEuMzM5LDEuMTM3LDIuNzE0aC00LjlxLjYxNy0xLjQ4LDEuMjYtMi45MzR0MS4xOS0yLjk3bC4xNTkuNDc2cS41ODEsMS4zNzQsMS4xNTQsMi43MTRNNjQuNyw5MC40NTh2LjQ3Nmg0LjYxN1YxMDIuOGguNDk0VjkwLjkzNGg0LjYzNnYtLjQ3NlpNNjIuMzU1LDEwMi44aC40OTRWOTAuNDU4aC0uNDk0Wk01OC4xNiw5Ny45ODRhLjUxNy41MTcsMCwwLDEsLjM4OC4xMTUuNDM3LjQzNywwLDAsMSwuMS4zMDh2My4zNDlhNS43MjcsNS43MjcsMCwwLDEtNSwuMjQ3LDUuODE1LDUuODE1LDAsMCwxLTEuODI0LTEuMjQzQTUuOTYzLDUuOTYzLDAsMCwxLDUwLjYsOTguOTE4YTUuNjIxLDUuNjIxLDAsMCwxLS40NTgtMi4yNTZBNS43MjgsNS43MjgsMCwwLDEsNTAuNiw5NC4zOGE1Ljg4OSw1Ljg4OSwwLDAsMSwzLjA4NS0zLjEyLDUuNzE4LDUuNzE4LDAsMCwxLDUuMi4zNDQsNC4xNTksNC4xNTksMCwwLDAsLjI4Mi0uNDA2LDYuNjEzLDYuNjEzLDAsMCwwLTEuNTI0LS42NTIsNi4yLDYuMiwwLDAsMC0xLjctLjIyOSw2LjA0Nyw2LjA0NywwLDAsMC0yLjQ1LjUsNi40ODIsNi40ODIsMCwwLDAtMiwxLjM1OCw2LjMyLDYuMzIsMCwwLDAtMS4zNDgsMi4wMDksNi4zNTcsNi4zNTcsMCwwLDAsMCw0LjkwOSw2LjMwNiw2LjMwNiwwLDAsMCwzLjM0OSwzLjM0OCw2LjEwOSw2LjEwOSwwLDAsMCwyLjQ1LjQ5NCw1Ljk0MSw1Ljk0MSwwLDAsMCwxLjctLjIzOCw3LjA1OCw3LjA1OCwwLDAsMCwxLjUwNy0uNjQzdi0zLjdhLjgwNi44MDYsMCwwLDAtLjIyOS0uNjc4LDEuMzEzLDEuMzEzLDAsMCwwLS43NTgtLjE2OEg1NS44Njh2LjQ3NlpNNDYuMjEsMTAyLjhINDYuN1Y5MC40NThINDYuMjFaTTM2Ljg1MSw5MC45MzRhNi4wNDUsNi4wNDUsMCwwLDEsMi4xOTQuNCw1LjI3NCw1LjI3NCwwLDAsMSwzLjAzMiwyLjkzNCw2LDYsMCwwLDEsLjQ0OSwyLjM2Miw2LjE2MSw2LjE2MSwwLDAsMS0uMzUyLDIuMDM2LDUuMTc5LDUuMTc5LDAsMCwxLTEuMSwxLjgyNCw1LjU3Nyw1LjU3NywwLDAsMS0xLjksMS4zMTMsNi44NzksNi44NzksMCwwLDEtMi43NTguNUgzNC43ODlWOTAuOTM0Wk0zNC4yOTUsMTAyLjhoMS45YTcuOCw3LjgsMCwwLDAsMy4xNjMtLjU3Myw2LjExMyw2LjExMywwLDAsMCwyLjEwNy0xLjQ3Miw1LjU2Niw1LjU2NiwwLDAsMCwxLjE3Mi0xLjk5MUE2LjgsNi44LDAsMCwwLDQzLDk2LjYyN2E2LjQxNiw2LjQxNiwwLDAsMC0uNDkzLTIuNTU2LDUuODQxLDUuODQxLDAsMCwwLTEuMzQtMS45NDcsNS45LDUuOSwwLDAsMC0xLjk3NC0xLjIzNCw2LjY0NCw2LjY0NCwwLDAsMC0yLjQtLjQzMmgtMi41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MCAtNi41MjIpIiBmaWxsPSIjMDU0YjU0Ii8+CiAgPC9nPgo8L3N2Zz4K\"\n                alt=\"Digital Excellence Logo\"\n                class=\"absolute top-[5px] right-[2px] w-[115px] z-10\"\n              />\n            </div>\n\n            <div class=\"hidden h-full grid-cols-1 gap-6 print:grid\">\n              <div\n                v-if=\"blockData.headline\"\n                class=\"relative justify-center\"\n                :class=\"'flex flex-col'\"\n                :style=\"(headingContainerStyle, blockData.bgColor?.style)\"\n              >\n                <HeadlineDynamic\n                  container-classes=\"flex flex-col items-center justify-center px-md print:!pb-0\"\n                  :has-decoration=\"true\"\n                  :headline=\"blockData.headline\"\n                  :deco-container-classes=\"\n                    blockData.bgColor?.themeType !== 'BASE'\n                      ? ''\n                      : 'stroke-white'\n                  \"\n                  :logo-color=\"\n                    blockData.bgColor?.themeType !== 'BASE'\n                      ? '#346e73'\n                      : 'white'\n                  \"\n                  level=\"h1\"\n                  :text-color=\"\n                    blockData.bgColor?.themeType !== 'BASE' ? '' : 'text-white'\n                  \"\n                  width=\"w-full\"\n                />\n                <div\n                  v-if=\"blockData.text\"\n                  class=\"text-center px-md\"\n                  v-html=\"blockData.text\"\n                ></div>\n              </div>\n            </div>\n          </div>\n\n          <!-- ### Print Version END ### -->\n          <div\n            v-for=\"(image, index) in blockData.images\"\n            :key=\"image.id\"\n            :class=\"'print:mr-8 flex flex-auto ' + getColAndRowStyle(index)\"\n          >\n            <Image\n              v-if=\"getFirstOneRowImageIndex() !== index\"\n              :src=\"image.url\"\n              :alt=\"image.altText\"\n              :title=\"image.title\"\n              :loading=\"renderIndex < 4 ? 'eager' : 'lazy'\"\n              class=\"flex flex-auto object-cover cursor-pointer aspect-video\"\n              sizes=\"xs:100vw sm:700px md:660px\"\n              quality=\"80\"\n              @click=\"openImageCarousel(index)\"\n            />\n            <div v-if=\"getFirstOneRowImageIndex() === index\" ref=\"lastImgRef\">\n              <Image\n                :src=\"image.url\"\n                :alt=\"image.altText\"\n                :title=\"image.title\"\n                :loading=\"renderIndex < 4 ? 'eager' : 'lazy'\"\n                class=\"flex flex-auto object-cover cursor-pointer aspect-video\"\n                sizes=\"xs:100vw sm:700px md:660px\"\n                quality=\"80\"\n                @click=\"openImageCarousel(index)\"\n                @load=\"onLastImageLoaded()\"\n              />\n            </div>\n          </div>\n        </div>\n        <div class=\"text-center mx-lg\"></div>\n        <div\n          v-if=\"cutOffImageGrid()\"\n          class=\"absolute pointer-events-none bg-gradient-to-t from-white\"\n          :style=\"gradientOverlayPosition\"\n        />\n        <div\n          v-if=\"blockData.images.length > 8\"\n          :class=\"[\n            'flex flex-row items-center justify-center',\n            state.showAllImages ? '' : isMobile ? 'mt-sm' : 'mt-md',\n          ]\"\n        >\n          <div\n            class=\"w-full border-dotted border-t-1 border-vdv-border-dark mx-md\"\n          />\n          <div\n            v-if=\"state.showAllImages === false\"\n            class=\"flex flex-row items-center justify-center cursor-pointer text-vdv-base whitespace-nowrap\"\n            @click=\"toggleImages(true)\"\n          >\n            <p v-text=\"t('extendedGallery.showMore')\" />\n            <div class=\"pl-xs\">\n              <FaIcon icon-class=\"fas fa-chevron-down\" />\n            </div>\n          </div>\n          <div\n            v-if=\"state.showAllImages === true\"\n            class=\"flex flex-row items-center justify-center cursor-pointer text-vdv-base whitespace-nowrap\"\n            @click=\"toggleImages(false)\"\n          >\n            <p v-text=\"t('extendedGallery.showLess')\" />\n            <div class=\"pl-xs\">\n              <FaIcon icon-class=\"fas fa-chevron-up\" />\n            </div>\n          </div>\n          <div\n            class=\"w-full border-dotted border-t-1 border-vdv-border-dark mx-md\"\n          />\n        </div>\n      </section>\n    </ClientOnly>\n    <div\n      v-if=\"isHeader\"\n      class=\"bg-activesection-base w-full h-[36px] print:hidden\"\n    />\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport { useResizeObserver } from '@vueuse/core';\nimport { EBadge } from '@/@types/badge';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport ImageCarousel from '@/components/components/core/image-carousel/image-carousel.vue';\nimport HeadlineDynamic from '@/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport type { ImageGalleryExtendedData } from '../blockType';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { Image } from '@/complib';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<ImageGalleryExtendedData>,\n    required: true,\n    default: {} as ImageGalleryExtendedData,\n  },\n  isHeader: {\n    type: Boolean,\n    required: true,\n    default: () => {\n      return false;\n    },\n  },\n  renderIndex: {\n    type: Number,\n    required: false,\n    default: 999,\n  },\n});\nconst { t } = useTrans();\n\nconst isMobile = inject(mq_breakpointIsMobile);\nconst gridRef = ref(null);\nconst lastImgRef = ref(null);\nconst gradientOverlayPosition = ref('');\nconst rowHeight = ref(0);\nconst imageContainerStyle = ref('');\nconst mobileHeadlineRef = ref<HTMLDivElement>();\nconst gridKey = ref(0);\n\nonMounted(() => {\n  calculateStyles();\n});\n\nuseResizeObserver(gridRef, (entries) => {\n  const entry = entries[0];\n  state.gridRect = entry.contentRect;\n  calculateStyles();\n});\n\nfunction calculateStyles(): void {\n  if (lastImgRef.value?.[0]?.clientHeight) {\n    rowHeight.value = lastImgRef.value[0].clientHeight;\n  }\n\n  if (cutOffImageGrid()) {\n    let cutOffHeight;\n    const halfRowHeight = 0.5 * rowHeight.value;\n\n    if (state.gridRect && gridRef.value) {\n      gradientOverlayPosition.value = `width: ${\n        state.gridRect.width + 50\n      }px; height: ${halfRowHeight}px; top: ${\n        gridRef.value.offsetTop + gridRef.value.offsetHeight - halfRowHeight\n      }px;`;\n    }\n\n    if (isMobile.value === true) {\n      // 140 px = 4 * 35 px grid gap\n      cutOffHeight = 140 + 4.5 * rowHeight.value;\n    } else {\n      // 105 px = 3 * 35 px grid gap\n      cutOffHeight = 105 + 3.5 * rowHeight.value;\n    }\n    imageContainerStyle.value = ` overflow: hidden; height: ${cutOffHeight}px`;\n  } else {\n    imageContainerStyle.value = '';\n  }\n}\n\nfunction toggleImages(show: boolean): void {\n  state.showAllImages = show;\n  if (!show && isMobile.value) {\n    mobileHeadlineRef.value.scrollIntoView({ behavior: 'smooth' });\n  }\n  calculateStyles();\n}\n\nfunction getColAndRowStyle(imageIndex: number): string {\n  return colAndRowSpanForImage[props.blockData.images.length][imageIndex + 1];\n}\n\nconst headingContainerStyle = computed(() => {\n  return `min-height: ${rowHeight.value}px;` + (props.blockData.bgColor ?? '');\n});\n\nfunction cutOffImageGrid(): boolean {\n  return props.blockData.images.length > 8 && state.showAllImages === false;\n}\n\nfunction onLastImageLoaded(): void {\n  if (state.isInitialLoad) {\n    calculateStyles();\n    state.isInitialLoad = false;\n  }\n}\n\nfunction getFirstOneRowImageIndex(): number {\n  return firstOneRowImage[props.blockData.images.length - 1];\n}\n\n// number of grid columns for amount images (default: 4 grid columns)\nconst colCountForAmountImages: Record<number, number> = {\n  1: 2,\n  2: 3,\n  5: 3,\n};\n\n// key: amount of images, value: array with all col/row spans for images. index 0 = headline, index 1 = images[0]...\nconst colAndRowSpanForImage: Record<number, string[]> = {\n  1: ['', ''],\n  2: ['', '', ''],\n  3: ['col-span-2', 'col-span-2 row-span-2', '', ''],\n  4: ['col-span-2', 'col-span-2 row-span-2', 'col-span-2 row-span-2', '', ''],\n  5: ['', 'col-span-2 row-span-2', '', '', '', ''],\n  6: [\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n  7: ['col-span-2', 'col-span-2 row-span-2', '', '', '', '', '', ''],\n  8: [\n    'col-span-2',\n    '',\n    '',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n  9: [\n    'col-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n  10: [\n    'col-span-2',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n  11: [\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n  12: [\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n  13: [\n    'col-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    '',\n    '',\n    '',\n    '',\n  ],\n  14: [\n    'col-span-2',\n    '',\n    '',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n    '',\n    '',\n    'col-span-2 row-span-2',\n    'col-span-2 row-span-2',\n    '',\n    '',\n  ],\n};\n\n// we need to know the first image index that occupies 1 row, to calculate image / rowhheight on load :/\nconst firstOneRowImage: Record<number, number> = {\n  1: 1,\n  2: 1,\n  3: 2,\n  4: 3,\n  5: 2,\n  6: 1,\n  7: 2,\n  8: 1,\n  9: 4,\n  10: 3,\n  11: 1,\n  12: 1,\n  13: 2,\n  14: 1,\n};\n\ntype ImageGalleryExtendedDefaultState = {\n  carouselIndex: number;\n  showCarousel: boolean;\n  showAllImages: boolean;\n  isInitialLoad: boolean;\n  gridRect?: DOMRectReadOnly;\n};\n\nconst state: ImageGalleryExtendedDefaultState = reactive({\n  carouselIndex: 0,\n  showCarousel: false,\n  showAllImages: false,\n  isInitialLoad: true,\n});\n\nonUnmounted(() => {\n  state.carouselIndex = 0;\n  state.showCarousel = false;\n  state.isInitialLoad = true;\n});\n\nconst openImageCarousel = (imageIndex: number) => {\n  state.carouselIndex = imageIndex;\n  state.showCarousel = true;\n};\n</script>\n"],"names":["EBadge","props","__props","t","useTrans","isMobile","inject","mq_breakpointIsMobile","gridRef","ref","lastImgRef","gradientOverlayPosition","rowHeight","imageContainerStyle","mobileHeadlineRef","gridKey","onMounted","calculateStyles","useResizeObserver","entries","entry","state","_b","_a","cutOffImageGrid","cutOffHeight","halfRowHeight","toggleImages","show","getColAndRowStyle","imageIndex","colAndRowSpanForImage","headingContainerStyle","computed","onLastImageLoaded","getFirstOneRowImageIndex","firstOneRowImage","colCountForAmountImages","reactive","onUnmounted","openImageCarousel"],"mappings":"krBAAY,IAAAA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,wBAA0B,wBAC1BA,EAAA,YAAc,cAHJA,IAAAA,GAAA,CAAA,CAAA,2ncCiQZ,MAAMC,EAAQC,EAmBR,CAAE,EAAAC,GAAMC,KAERC,EAAWC,GAAOC,EAAqB,EACvCC,EAAUC,EAAI,IAAI,EAClBC,EAAaD,EAAI,IAAI,EACrBE,EAA0BF,EAAI,EAAE,EAChCG,EAAYH,EAAI,CAAC,EACjBI,EAAsBJ,EAAI,EAAE,EAC5BK,EAAoBL,IACpBM,EAAUN,EAAI,CAAC,EAErBO,GAAU,IAAM,CACEC,GAAA,CACjB,EAEiBC,GAAAV,EAAUW,GAAY,CAChC,MAAAC,EAAQD,EAAQ,CAAC,EACvBE,EAAM,SAAWD,EAAM,YACPH,GAAA,CACjB,EAED,SAASA,GAAwB,SAK/B,IAJIK,GAAAC,EAAAb,EAAW,QAAX,YAAAa,EAAmB,KAAnB,MAAAD,EAAuB,eACzBV,EAAU,MAAQF,EAAW,MAAM,CAAC,EAAE,cAGpCc,IAAmB,CACjB,IAAAC,EACE,MAAAC,EAAgB,GAAMd,EAAU,MAElCS,EAAM,UAAYb,EAAQ,QAC5BG,EAAwB,MAAQ,UAC9BU,EAAM,SAAS,MAAQ,EACzB,eAAeK,CAAa,YAC1BlB,EAAQ,MAAM,UAAYA,EAAQ,MAAM,aAAekB,CACzD,OAGErB,EAAS,QAAU,GAENoB,EAAA,IAAM,IAAMb,EAAU,MAGtBa,EAAA,IAAM,IAAMb,EAAU,MAEnBC,EAAA,MAAQ,8BAA8BY,CAAY,IAAA,MAEtEZ,EAAoB,MAAQ,EAEhC,CAEA,SAASc,EAAaC,EAAqB,CACzCP,EAAM,cAAgBO,EAClB,CAACA,GAAQvB,EAAS,OACpBS,EAAkB,MAAM,eAAe,CAAE,SAAU,QAAU,CAAA,EAE/CG,GAClB,CAEA,SAASY,EAAkBC,EAA4B,CACrD,OAAOC,GAAsB9B,EAAM,UAAU,OAAO,MAAM,EAAE6B,EAAa,CAAC,CAC5E,CAEM,MAAAE,EAAwBC,GAAS,IAC9B,eAAerB,EAAU,KAAK,OAASX,EAAM,UAAU,SAAW,GAC1E,EAED,SAASuB,GAA2B,CAClC,OAAOvB,EAAM,UAAU,OAAO,OAAS,GAAKoB,EAAM,gBAAkB,EACtE,CAEA,SAASa,GAA0B,CAC7Bb,EAAM,gBACQJ,IAChBI,EAAM,cAAgB,GAE1B,CAEA,SAASc,GAAmC,CAC1C,OAAOC,GAAiBnC,EAAM,UAAU,OAAO,OAAS,CAAC,CAC3D,CAGA,MAAMoC,GAAkD,CACtD,EAAG,EACH,EAAG,EACH,EAAG,CAAA,EAICN,GAAkD,CACtD,EAAG,CAAC,GAAI,EAAE,EACV,EAAG,CAAC,GAAI,GAAI,EAAE,EACd,EAAG,CAAC,aAAc,wBAAyB,GAAI,EAAE,EACjD,EAAG,CAAC,aAAc,wBAAyB,wBAAyB,GAAI,EAAE,EAC1E,EAAG,CAAC,GAAI,wBAAyB,GAAI,GAAI,GAAI,EAAE,EAC/C,EAAG,CACD,wBACA,GACA,GACA,wBACA,wBACA,GACA,EACF,EACA,EAAG,CAAC,aAAc,wBAAyB,GAAI,GAAI,GAAI,GAAI,GAAI,EAAE,EACjE,EAAG,CACD,aACA,GACA,GACA,GACA,GACA,wBACA,wBACA,GACA,EACF,EACA,EAAG,CACD,aACA,wBACA,GACA,GACA,wBACA,GACA,GACA,wBACA,GACA,EACF,EACA,GAAI,CACF,aACA,wBACA,wBACA,GACA,GACA,GACA,GACA,wBACA,wBACA,GACA,EACF,EACA,GAAI,CACF,wBACA,GACA,GACA,wBACA,GACA,GACA,wBACA,GACA,GACA,wBACA,GACA,EACF,EACA,GAAI,CACF,wBACA,GACA,GACA,wBACA,wBACA,GACA,GACA,GACA,GACA,wBACA,wBACA,GACA,EACF,EACA,GAAI,CACF,aACA,wBACA,GACA,GACA,wBACA,GACA,GACA,wBACA,GACA,GACA,GACA,GACA,GACA,EACF,EACA,GAAI,CACF,aACA,GACA,GACA,GACA,GACA,wBACA,wBACA,GACA,GACA,GACA,GACA,wBACA,wBACA,GACA,EACF,CAAA,EAIIK,GAA2C,CAC/C,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CAAA,EAWAf,EAA0CiB,GAAS,CACvD,cAAe,EACf,aAAc,GACd,cAAe,GACf,cAAe,EAAA,CAChB,EAEDC,GAAY,IAAM,CAChBlB,EAAM,cAAgB,EACtBA,EAAM,aAAe,GACrBA,EAAM,cAAgB,EAAA,CACvB,EAEK,MAAAmB,EAAqBV,GAAuB,CAChDT,EAAM,cAAgBS,EACtBT,EAAM,aAAe,EAAA"}