@blateral/b.kit 2.5.2 → 2.6.0

package/esm/{TableBlock-cc49e089.js → TableBlock-67fe2385.js}

@@ -1,5 +1,6 @@
 import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
-import React__default, { forwardRef } from 'react';
+import * as React from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import styled, { css } from 'styled-components';
 import { H as Heading, C as Copy } from './Copy-a28aeb61.js';
 import { s as spacings, g as getColors } from './styles-da982973.js';
@@ -8,7 +9,7 @@ import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
 var View$1 = styled.div.withConfig({
   displayName: "Title__View",
   componentId: "sc-1pyc768-0"
-})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'left';
 }, function (_a) {
@@ -61,12 +62,89 @@ var Title = function (_a) {
     maxLines: maxLines
   }));
 };
-var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1;
+var templateObject_1$3, templateObject_2$1, templateObject_3$1, templateObject_4$1;
+
+var SVG$1 = styled.svg.withConfig({
+  displayName: "ButtonLeft__SVG",
+  componentId: "sc-1k7dd0m-0"
+})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+
+var ButtonLeft = function (_a) {
+  var id = _a.id,
+      className = _a.className,
+      _b = _a.ariaHidden,
+      ariaHidden = _b === void 0 ? true : _b;
+  return React.createElement(SVG$1, {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: className,
+    "aria-hidden": ariaHidden
+  }, React.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "24",
+    transform: "rotate(-180 24 24)",
+    fill: "#000",
+    fillOpacity: ".4"
+  }), React.createElement("g", {
+    clipPath: "url(#button-left-path-".concat(id, ")")
+  }, React.createElement("path", {
+    d: "m29.51 15.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L21.38 24l8.13-8.13Z",
+    fill: "#fff"
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: "button-left-path-".concat(id)
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M36 36H12V12h24z"
+  }))));
+};
+var templateObject_1$2;
+
+var SVG = styled.svg.withConfig({
+  displayName: "ButtonRight__SVG",
+  componentId: "sc-ibg8un-0"
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+
+var ButtonRight = function (_a) {
+  var id = _a.id,
+      className = _a.className,
+      _b = _a.ariaHidden,
+      ariaHidden = _b === void 0 ? true : _b;
+  return React.createElement(SVG, {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: className,
+    "aria-hidden": ariaHidden
+  }, React.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "24",
+    fill: "#000",
+    fillOpacity: ".4"
+  }), React.createElement("g", {
+    clipPath: "url(#button-right-path-".concat(id, ")")
+  }, React.createElement("path", {
+    d: "m18.49 32.13 1.77 1.77 9.9-9.9-9.9-9.9-1.77 1.77L26.62 24l-8.13 8.13Z",
+    fill: "#fff"
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: "button-right-path-".concat(id)
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M12 12h24v24H12z"
+  }))));
+};
+var templateObject_1$1;
 
 var View = styled.div.withConfig({
   displayName: "TableBlock__View",
   componentId: "sc-1n2im8m-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &:focus {\n        outline: 1px dashed ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"], ["\n    &:focus {\n        outline: 1px dashed ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: grid;\n    position: relative;\n\n    &:focus {\n        outline: 1px dashed ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"], ["\n    display: grid;\n    position: relative;\n\n    &:focus {\n        outline: 1px dashed ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.default;
 });
@@ -77,7 +155,7 @@ var Caption = styled(Copy).withConfig({
 var TableContainer = styled.div.withConfig({
   displayName: "TableBlock__TableContainer",
   componentId: "sc-1n2im8m-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"], ["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])), function (_a) {
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"], ["\n    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.default;
 });
@@ -111,7 +189,32 @@ var TableData = styled(Copy).withConfig({
   var alignRight = _a.alignRight;
   return alignRight ? 'right' : 'left';
 }, spacings.spacer * 2.5);
-var TableBlock = forwardRef(function (_a, ref) {
+var ButtonContainer = styled.button.withConfig({
+  displayName: "TableBlock__ButtonContainer",
+  componentId: "sc-1n2im8m-6"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: sticky;\n    bottom: 40px;\n    opacity: ", ";\n    pointer-events: ", ";\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ", "px ", "px;\n\n    cursor: ", ";\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ", ";\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n"], ["\n    position: sticky;\n    bottom: 40px;\n    opacity: ", ";\n    pointer-events: ", ";\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ", "px ", "px;\n\n    cursor: ", ";\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ", ";\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n"])), function (_a) {
+  var isVisible = _a.isVisible;
+  return isVisible ? 1 : 0;
+}, function (_a) {
+  var isVisible = _a.isVisible;
+  return isVisible ? 'all' : 'none';
+}, spacings.spacer, spacings.nudge * 2, function (_a) {
+  var isVisible = _a.isVisible;
+  return isVisible ? 'pointer' : 'default';
+}, function (_a) {
+  var isVisible = _a.isVisible;
+  return isVisible ? 0.7 : 0;
+});
+var ButtonRightContainer = styled(ButtonContainer).withConfig({
+  displayName: "TableBlock__ButtonRightContainer",
+  componentId: "sc-1n2im8m-7"
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    float: right;\n    justify-self: end;\n"], ["\n    float: right;\n    justify-self: end;\n"])));
+var ButtonLeftContainer = styled(ButtonContainer).withConfig({
+  displayName: "TableBlock__ButtonLeftContainer",
+  componentId: "sc-1n2im8m-8"
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    float: left;\n    justify-self: start;\n"], ["\n    float: left;\n    justify-self: start;\n"])));
+
+var TableBlock = function (_a) {
   var row = _a.row,
       tableTitle = _a.tableTitle,
       rowTitle = _a.rowTitle,
@@ -121,10 +224,62 @@ var TableBlock = forwardRef(function (_a, ref) {
       hasBack = _c === void 0 ? false : _c,
       _d = _a.lastCol,
       lastCol = _d === void 0 ? 'left' : _d;
-  return React__default.createElement(View, {
-    ref: ref
-  }, React__default.createElement(TableContainer, {
-    tabIndex: 1
+  var scrollRef = useRef(null);
+
+  var _e = React__default.useState(false),
+      showButtonRight = _e[0],
+      setShowButtonRight = _e[1];
+
+  var _f = React__default.useState(false),
+      showButtonLeft = _f[0],
+      setShowButtonLeft = _f[1];
+
+  useEffect(function () {
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+
+    var calcControls = function () {
+      if (scrollEl.scrollWidth > scrollEl.offsetWidth) {
+        setShowButtonLeft(scrollEl.scrollLeft > 0);
+        setShowButtonRight(scrollEl.scrollLeft + scrollEl.offsetWidth < scrollEl.scrollWidth - 1 // reduced by 1 pixel to prevent bug on some viewport widths
+        );
+      } else {
+        setShowButtonLeft(false);
+        setShowButtonRight(false);
+      }
+    };
+
+    calcControls();
+    window.addEventListener('resize', calcControls);
+    scrollEl.addEventListener('scroll', calcControls);
+    return function () {
+      window.removeEventListener('resize', calcControls);
+      scrollEl.removeEventListener('scroll', calcControls);
+    };
+  }, []);
+
+  var handleRightClick = function () {
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+    scrollEl === null || scrollEl === void 0 ? void 0 : scrollEl.scrollBy({
+      left: scrollEl.offsetWidth,
+      behavior: 'smooth'
+    });
+  };
+
+  var handleLeftClick = function () {
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+    scrollEl === null || scrollEl === void 0 ? void 0 : scrollEl.scrollBy({
+      left: scrollEl.offsetWidth * -1,
+      behavior: 'smooth'
+    });
+  };
+
+  var showButtons = rowTitle || row.length > 0;
+  return React__default.createElement(View, null, React__default.createElement(TableContainer, {
+    tabIndex: 1,
+    ref: scrollRef
   }, React__default.createElement(TableBody, null, tableTitle && React__default.createElement(Caption, {
     renderAs: "caption",
     type: "copy-b",
@@ -150,10 +305,27 @@ var TableBlock = forwardRef(function (_a, ref) {
         innerHTML: itemText
       });
     }));
-  })))));
-});
+  })))), React__default.createElement(ButtonLeftContainer, {
+    style: {
+      marginTop: rowTitle && row.length > 1 ? '80px' : undefined
+    },
+    isVisible: showButtons && showButtonLeft,
+    onClick: handleLeftClick
+  }, React__default.createElement(ButtonLeft, {
+    id: "left"
+  })), React__default.createElement(ButtonRightContainer, {
+    style: {
+      marginTop: rowTitle && row.length > 1 ? '80px' : undefined
+    },
+    isVisible: showButtons && showButtonRight,
+    onClick: handleRightClick
+  }, React__default.createElement(ButtonRight, {
+    id: "right"
+  })));
+};
+
 TableBlock.displayName = 'TableBlock';
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 
 export { Title as T, TableBlock as a };
-//# sourceMappingURL=TableBlock-cc49e089.js.map
+//# sourceMappingURL=TableBlock-67fe2385.js.map

package/esm/TableBlock-67fe2385.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-67fe2385.js","sources":["../src/components/blocks/Title.tsx","../src/components/base/icons/ButtonLeft.tsx","../src/components/base/icons/ButtonRight.tsx","../src/components/blocks/TableBlock.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst ButtonLeft: React.FC<{\n    id?: string;\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ id, className, ariaHidden = true }) => (\n    <SVG\n        width=\"48\"\n        height=\"48\"\n        viewBox=\"0 0 48 48\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        aria-hidden={ariaHidden}\n    >\n        <circle\n            cx=\"24\"\n            cy=\"24\"\n            r=\"24\"\n            transform=\"rotate(-180 24 24)\"\n            fill=\"#000\"\n            fillOpacity=\".4\"\n        />\n        <g clipPath={`url(#button-left-path-${id})`}>\n            <path\n                d=\"m29.51 15.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L21.38 24l8.13-8.13Z\"\n                fill=\"#fff\"\n            />\n        </g>\n        <defs>\n            <clipPath id={`button-left-path-${id}`}>\n                <path fill=\"#fff\" d=\"M36 36H12V12h24z\" />\n            </clipPath>\n        </defs>\n    </SVG>\n);\n\nexport default ButtonLeft;\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst ButtonRight: React.FC<{\n    id?: string;\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ id, className, ariaHidden = true }) => (\n    <SVG\n        width=\"48\"\n        height=\"48\"\n        viewBox=\"0 0 48 48\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        aria-hidden={ariaHidden}\n    >\n        <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"#000\" fillOpacity=\".4\" />\n        <g clipPath={`url(#button-right-path-${id})`}>\n            <path\n                d=\"m18.49 32.13 1.77 1.77 9.9-9.9-9.9-9.9-1.77 1.77L26.62 24l-8.13 8.13Z\"\n                fill=\"#fff\"\n            />\n        </g>\n        <defs>\n            <clipPath id={`button-right-path-${id}`}>\n                <path fill=\"#fff\" d=\"M12 12h24v24H12z\" />\n            </clipPath>\n        </defs>\n    </SVG>\n);\n\nexport default ButtonRight;\n","import ButtonLeft from 'components/base/icons/ButtonLeft';\nimport ButtonRight from 'components/base/icons/ButtonRight';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: grid;\n    position: relative;\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nconst ButtonContainer = styled.button<{ isVisible?: boolean }>`\n    position: sticky;\n    bottom: 40px;\n    opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ${spacings.spacer}px ${spacings.nudge * 2}px;\n\n    cursor: ${({ isVisible }) => (isVisible ? 'pointer' : 'default')};\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ${({ isVisible }) => (isVisible ? 0.7 : 0)};\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n`;\n\nconst ButtonRightContainer = styled(ButtonContainer)`\n    float: right;\n    justify-self: end;\n`;\n\nconst ButtonLeftContainer = styled(ButtonContainer)`\n    float: left;\n    justify-self: start;\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock: FC<TableProps> = ({\n    row,\n    tableTitle,\n    rowTitle,\n    isInverted = false,\n    hasBack = false,\n    lastCol = 'left',\n}) => {\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const [showButtonRight, setShowButtonRight] = React.useState(false);\n    const [showButtonLeft, setShowButtonLeft] = React.useState(false);\n\n    useEffect(() => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        const calcControls = () => {\n            if (scrollEl.scrollWidth > scrollEl.offsetWidth) {\n                setShowButtonLeft(scrollEl.scrollLeft > 0);\n                setShowButtonRight(\n                    scrollEl.scrollLeft + scrollEl.offsetWidth <\n                        scrollEl.scrollWidth - 1 // reduced by 1 pixel to prevent bug on some viewport widths\n                );\n            } else {\n                setShowButtonLeft(false);\n                setShowButtonRight(false);\n            }\n        };\n\n        calcControls();\n        window.addEventListener('resize', calcControls);\n        scrollEl.addEventListener('scroll', calcControls);\n\n        return () => {\n            window.removeEventListener('resize', calcControls);\n            scrollEl.removeEventListener('scroll', calcControls);\n        };\n    }, []);\n\n    const handleRightClick = () => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        scrollEl?.scrollBy({ left: scrollEl.offsetWidth, behavior: 'smooth' });\n    };\n\n    const handleLeftClick = () => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        scrollEl?.scrollBy({\n            left: scrollEl.offsetWidth * -1,\n            behavior: 'smooth',\n        });\n    };\n\n    const showButtons = rowTitle || row.length > 0;\n\n    return (\n        <View>\n            <TableContainer tabIndex={1} ref={scrollRef}>\n                <TableBody>\n                    {tableTitle && (\n                        <Caption\n                            renderAs=\"caption\"\n                            type=\"copy-b\"\n                            isInverted={isInverted}\n                        >\n                            {tableTitle}\n                        </Caption>\n                    )}\n                    {rowTitle && (\n                        <thead>\n                            <tr>\n                                {rowTitle.map((item, ii) => (\n                                    <TableHead\n                                        key={ii}\n                                        type=\"copy-b\"\n                                        renderAs=\"th\"\n                                        isInverted={!isInverted}\n                                        alignRight={lastCol === 'right'}\n                                    >\n                                        {item}\n                                    </TableHead>\n                                ))}\n                            </tr>\n                        </thead>\n                    )}\n                    <tbody>\n                        {row.map(({ cols }, i) => (\n                            <tr key={i}>\n                                {cols.map((itemText, ii) => {\n                                    return (\n                                        <TableData\n                                            key={ii}\n                                            renderAs=\"td\"\n                                            hasBack={hasBack}\n                                            alignRight={lastCol === 'right'}\n                                            innerHTML={itemText}\n                                        />\n                                    );\n                                })}\n                            </tr>\n                        ))}\n                    </tbody>\n                </TableBody>\n            </TableContainer>\n            <ButtonLeftContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonLeft}\n                onClick={handleLeftClick}\n            >\n                <ButtonLeft id=\"left\" />\n            </ButtonLeftContainer>\n            <ButtonRightContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonRight}\n                onClick={handleRightClick}\n            >\n                <ButtonRight id=\"right\" />\n            </ButtonRightContainer>\n        </View>\n    );\n};\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","Title","_b","colorMode","superTitle","superTitleAs","title","titleAs","_c","titleSize","_d","titleHyphens","className","colors","useLibTheme","React","createElement","renderAs","size","textColor","text","inverted","undefined","isInverted","innerHTML","hyphens","SVG","svg","ButtonLeft","id","ariaHidden","width","height","viewBox","fill","xmlns","cx","cy","r","transform","fillOpacity","clipPath","concat","d","ButtonRight","theme","color","primary","default","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","ButtonContainer","button","templateObject_7","isVisible","ButtonRightContainer","templateObject_8","ButtonLeftContainer","templateObject_9","TableBlock","row","tableTitle","rowTitle","lastCol","scrollRef","useRef","_e","useState","showButtonRight","setShowButtonRight","_f","showButtonLeft","setShowButtonLeft","useEffect","scrollEl","current","calcControls","scrollWidth","offsetWidth","scrollLeft","window","addEventListener","removeEventListener","handleRightClick","scrollBy","left","behavior","handleLeftClick","showButtons","length","tabIndex","ref","type","map","item","ii","key","i","cols","itemText","style","marginTop","onClick","displayName"],"mappings":";;;;;;;;AAOA,IAAMA,MAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAuCC,kBAAA,KAAAA,kBAAA,GAAAC,oBAAA,CAAA,CAAA,yCAAA,EAAA,iBAAA,EAAA,4CAAA,EAAA,cAAA,CAAA,EAAA,CAAA,yCAAA,EAEqB,iBAFrB,EAGO,4CAHP,EAMT,cANS,CAAA,CAAA,CAAvC,EAEQ,UAACC,EAAD,EAAe;AAAZ,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,EAAA,OAACA,UAAU,GAAG,QAAH,GAAc,MAAzB,CAAA;AAAgC,CAF5D,EAGI,UAACD,EAAD,EAAe;AAAZ,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,EAAAA,OAAAA,UAAU,IAAI,QAAd,CAAA;AAAsB,CAH9C,EAMYC,QAAQ,CAACC,KAAT,GAAiB,CAN7B,CAAV,CAAA;AAUA,IAAMC,UAAU,GAAGR,MAAM,CAACS,OAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAkBC,kBAAA,KAAAA,kBAAA,GAAAP,oBAAA,CAAA,CAAA,sPAAA,CAAA,EAAA,CAAA,sPAAA,CAAA,CAAA,CAAlB,CAAhB,CAAA;AAYA,IAAMQ,SAAS,GAAGX,MAAM,CAACS,OAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAyCG,CAAAA,CAAAA,kBAAA,KAAAA,kBAAA,GAAAT,oBAAA,CAAA,CAAA,+BAAA,EAAA,IAAA,CAAA,EAAA,CAAA,+BAAA,EAa/C,IAb+C,CAAA,CAAA,CAAzC,EAGT,UAACC,EAAD,EAAa;AAAV,EAAA,IAAAS,QAAQ,GAAAT,EAAA,CAAAS,QAAR,CAAA;AACD,EAAA,OAAAA,QAAQ,IACRA,QAAQ,GAAG,CADX,IAEAC,GAAG,0UAAA,8IAI+B,6DACR,2DALvB,EAIuBD,QAJvB,EAKeA,QALf,CAFH,CAAA;AASC,CAbM,CAAf,CAAA;;AAkBA,IAAME,KAAK,GAgCN,UAACX,EAAD,EAWJ;AAVG,EAAA,IAAAY,EAAA,GAAAZ,EAAA,CAAAa,SAAA;AAAA,MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAH,GAAYA,EAArB;AAAA,MACAE,UAAU,GAAAd,EAAA,CAAAc,UADV;AAAA,MAEAC,YAAY,kBAFZ;AAAA,MAGAC,KAAK,WAHL;AAAA,MAIAC,OAAO,aAJP;AAAA,MAKAC,EAAA,GAAAlB,EAAA,CAAAmB,SALA;AAAA,MAKAA,SAAS,mBAAG,cAAWD,EALvB;AAAA,MAMAT,QAAQ,GAAAT,EAAA,CAAAS,QANR;AAAA,MAOAW,EAAkB,GAAApB,EAAA,CAAAC,UAPlB;AAAA,MAOAA,UAAU,GAAAmB,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EAPlB;AAAA,MAQAC,YAAY,GAAArB,EAAA,CAAAqB,YARZ;AAAA,MASAC,SAAS,GAAAtB,EAAA,CAAAsB,SATT,CAAA;AAWQ,EAAA,IAAAC,MAAM,GAAKC,WAAW,EAAA,OAAtB,CAAA;AAER,EAAA,OACIC,cAAC,CAAAC,aAAD,CAAC/B,MAAD,EAAM;AAAAM,IAAAA,UAAU,EAAEA,UAAZ;AAAwBqB,IAAAA,SAAS,EAAEA,SAAAA;AAAnC,GAAN,EACKR,UAAU,IACPW,cAAA,CAAAC,aAAA,CAACtB,UAAD,EACI;AAAAuB,IAAAA,QAAQ,EAAEZ,YAAY,IAAI,KAA1B;AACAa,IAAAA,IAAI,EAAC,OADL;AAEAC,IAAAA,SAAS,EACLhB,SAAS,KAAK,SAAd,GACMU,MAAM,CAACO,IAAP,CAAYC,QADlB,GAEMC,SALV;AAOAC,IAAAA,UAAU,EAAEpB,SAAS,KAAK,UAP1B;AAQAqB,IAAAA,SAAS,EAAEpB,UAAAA;AARX,GADJ,CAFR,EAcKE,KAAK,IACFS,cAAC,CAAAC,aAAD,CAACnB,SAAD;AACIoB,IAAAA,QAAQ,EAAEV,OAAO,IAAI;AACrBW,IAAAA,IAAI,EAAET,SAAS,KAAK,WAAd,GAA4B,WAA5B,GAA0C;AAChDgB,IAAAA,OAAO,EAAEd;AACTQ,IAAAA,SAAS,EACLhB,SAAS,KAAK,SAAd,GACMU,MAAM,CAACO,IAAP,CAAYC,QADlB,GAEMC;AAEVC,IAAAA,UAAU,EAAEpB,SAAS,KAAK;AAC1BqB,IAAAA,SAAS,EAAElB;AACXP,IAAAA,QAAQ,EAAEA,QAAAA;GAXd,CAfR,CADJ,CAAA;AAgCH,EA9ED;;;AC5CA,IAAM2B,KAAG,GAAGxC,MAAM,CAACyC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAavC,kBAAA,KAAAA,kBAAA,GAAAC,oBAAA,CAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,yBAAA,CAAA,CAAA,CAAb,CAAT,CAAA;;AAIA,IAAMuC,UAAU,GAKX,UAACtC,EAAD,EAAqC;MAAlCuC,EAAE,GAAAvC,EAAA,CAAAuC;MAAEjB,SAAS,GAAAtB,EAAA,CAAAsB;MAAEV;MAAA4B,UAAU,GAAG5B,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,GAAIA;AAAO,EAAA,OAC3Ca,KAAA,CAAAC,aAAA,CAACU,KAAD,EAAI;AACAK,IAAAA,KAAK,EAAC,IADN;AAEAC,IAAAA,MAAM,EAAC,IAFP;AAGAC,IAAAA,OAAO,EAAC,WAHR;AAIAC,IAAAA,IAAI,EAAC,MAJL;AAKAC,IAAAA,KAAK,EAAC,4BALN;AAMAvB,IAAAA,SAAS,EAAEA,SANX;AAMoB,IACPkB,aAAAA,EAAAA,UAAAA;AAPb,GAAJ,EASIf,KACI,CAAAC,aADJ,CACI,QADJ,EACI;AAAAoB,IAAAA,EAAE,EAAC,IAAH;AACAC,IAAAA,EAAE,EAAC,IADH;AAEAC,IAAAA,CAAC,EAAC,IAFF;AAGAC,IAAAA,SAAS,EAAC,oBAHV;AAIAL,IAAAA,IAAI,EAAC,MAJL;AAKAM,IAAAA,WAAW,EAAC,IAAA;AALZ,GADJ,CATJ,EAiBIzB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGyB,IAAAA,QAAQ,EAAE,wBAAA,CAAyBC,MAAzB,CAAyBb,EAAzB,EAA8B,GAA9B,CAAA;AAAb,GAAA,EACId,KACI,CAAAC,aADJ,CACI,MADJ,EACI;AAAA2B,IAAAA,CAAC,EAAC,sEAAF;AACAT,IAAAA,IAAI,EAAC,MAAA;AADL,GADJ,CADJ,CAjBJ,EAuBInB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACID,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUa,IAAAA,EAAE,EAAE,mBAAoBa,CAAAA,MAApB,CAAoBb,EAApB,CAAA;AAAd,GAAA,EACId,KAAM,CAAAC,aAAN,CAAM,MAAN,EAAM;AAAAkB,IAAAA,IAAI,EAAC,MAAL;AAAYS,IAAAA,CAAC,EAAC,kBAAA;AAAd,GAAN,CADJ,CADJ,CAvBJ,CAD2C,CAAA;AA8B9C,CAnCD,CAAA;;;ACJA,IAAMjB,GAAG,GAAGxC,MAAM,CAACyC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAavC,kBAAA,KAAAA,kBAAA,GAAAC,oBAAA,CAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,yBAAA,CAAA,CAAA,CAAb,CAAT,CAAA;;AAIA,IAAMuD,WAAW,GAKZ,UAACtD,EAAD,EAAqC;MAAlCuC,EAAE,GAAAvC,EAAA,CAAAuC;MAAEjB,SAAS,GAAAtB,EAAA,CAAAsB;MAAEV;MAAA4B,UAAU,GAAG5B,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,GAAIA;AAAO,EAAA,OAC3Ca,KAAA,CAAAC,aAAA,CAACU,GAAD,EAAI;AACAK,IAAAA,KAAK,EAAC,IADN;AAEAC,IAAAA,MAAM,EAAC,IAFP;AAGAC,IAAAA,OAAO,EAAC,WAHR;AAIAC,IAAAA,IAAI,EAAC,MAJL;AAKAC,IAAAA,KAAK,EAAC,4BALN;AAMAvB,IAAAA,SAAS,EAAEA,SANX;AAMoB,IACPkB,aAAAA,EAAAA,UAAAA;AAPb,GAAJ,EASIf,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQoB,IAAAA,EAAE,EAAC,IAAX;AAAgBC,IAAAA,EAAE,EAAC,IAAnB;AAAwBC,IAAAA,CAAC,EAAC,IAA1B;AAA+BJ,IAAAA,IAAI,EAAC,MAApC;AAA2CM,IAAAA,WAAW,EAAC,IAAA;AAAvD,GAAA,CATJ,EAUIzB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGyB,IAAAA,QAAQ,EAAE,yBAAA,CAA0BC,MAA1B,CAA0Bb,EAA1B,EAA+B,GAA/B,CAAA;AAAb,GAAA,EACId,KACI,CAAAC,aADJ,CACI,MADJ,EACI;AAAA2B,IAAAA,CAAC,EAAC,uEAAF;AACAT,IAAAA,IAAI,EAAC,MAAA;AADL,GADJ,CADJ,CAVJ,EAgBInB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACID,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUa,IAAAA,EAAE,EAAE,oBAAqBa,CAAAA,MAArB,CAAqBb,EAArB,CAAA;AAAd,GAAA,EACId,KAAM,CAAAC,aAAN,CAAM,MAAN,EAAM;AAAAkB,IAAAA,IAAI,EAAC,MAAL;AAAYS,IAAAA,CAAC,EAAC,kBAAA;AAAd,GAAN,CADJ,CADJ,CAhBJ,CAD2C,CAAA;AAuB9C,CA5BD,CAAA;;;ACCA,IAAM1D,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,8FAAA,EAAA,gFAAA,CAAA,EAAA,CAAA,8FAAA,EAKkD,gFALlD,CAAA,CAAA,CAAb,EAKoB,UAACC,EAAD,EAAU;AAAP,EAAA,IAAAuD,KAAK,GAAAvD,EAAA,CAAAuD,KAAL,CAAA;AAAY,EAAA,OAAAC,SAAK,CAACD,KAAD,CAAL,CAAaE,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAL/D,CAAV,CAAA;AAaA,IAAMC,OAAO,GAAG/D,MAAM,CAACgE,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,qBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAetD,gBAAA,KAAAA,gBAAA,GAAAP,oBAAA,CAAA,CAAA,uBAAA,EAAA,sBAAA,EAAA,8BAAA,CAAA,EAAA,CAAA,uBAAA,EACO,sBADP,EAEO,8BAFP,CAAA,CAAA,CAAf,EACQG,QAAQ,CAACC,KADjB,EAEID,QAAQ,CAACC,KAAT,GAAiB,CAFrB,CAAb,CAAA;AAMA,IAAM0D,cAAc,GAAGjE,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,4BAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaiE,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAA/D,oBAAA,CAAA,CAAA,qNAAA,EAAA,oMAAA,CAAA,EAAA,CAAA,qNAAA,EAWsC,oMAXtC,CAAA,CAAA,CAAb,EAWQ,UAACC,EAAD,EAAU;AAAP,EAAA,IAAAuD,KAAK,GAAAvD,EAAA,CAAAuD,KAAL,CAAA;AAAY,EAAA,OAAAC,SAAK,CAACD,KAAD,CAAL,CAAaE,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAXnD,CAApB,CAAA;AAyBA,IAAMK,SAAS,GAAGnE,MAAM,CAACoE,KAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,0MAAe,sGAKc,0BAET,UAPpB,EAKS9D,QAAQ,CAACC,KAAT,GAAiB,GAL1B,EAOED,QAAQ,CAACC,KAAT,GAAiB,CAPnB,CAAf,CAAA;AAUA,IAAM8D,SAAS,GAAGrE,MAAM,CAACgE,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAeM,gBAAA,KAAAA,gBAAA,GAAAnE,oBAAA,CAAA,CAAA,sCAAA,EAAA,2BAAA,EAAA,sBAAA,EAAA,oGAAA,EAAA,2BAAA,EAAA,YAAA,CAAA,EAAA,CAG5B,sCAH4B,EAM6C,2BAN7C,EAUa,sBAVb,EAYK,oGAZL,EAiBgB,2BAjBhB,EAkB2C,YAlB3C,CAAA,CAAA,CAAf,EAKF,UAACC,EAAD,EAAsB;MAAnBuD,KAAK,GAAAvD,EAAA,CAAAuD;MAAEtB,UAAU,GAAAjC,EAAA,CAAAiC;AACzB,EAAA,OAAAA,UAAU,GAAGuB,SAAK,CAACD,KAAD,CAAL,CAAazB,IAAb,CAAkBC,QAArB,GAAgCyB,SAAK,CAACD,KAAD,CAAL,CAAazB,IAAb,CAAkB4B,OAA5D,CAAA;AAAmE,CAN5D,EAOS,UAAC1D,EAAD,EAAsB;MAAnBuD,KAAK,GAAAvD,EAAA,CAAAuD;MAAEtB,UAAU,GAAAjC,EAAA,CAAAiC;AACpC,EAAA,OAAAA,UAAU,GACJuB,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBC,IADnB,GAEJZ,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBE,MAF7B,CAAA;AAEmC,CAV5B,EAYEnE,QAAQ,CAACC,KAAT,GAAiB,CAZnB,EAiBUD,QAAQ,CAACoE,MAAT,GAAkB,GAjB5B,EAkBO,UAACtE,EAAD,EAAe;AAAZ,EAAA,IAAAuE,UAAU,GAAAvE,EAAA,CAAAuE,UAAV,CAAA;AAAiB,EAAA,OAACA,UAAU,GAAG,OAAH,GAAa,MAAxB,CAAA;AAA+B,CAlB1D,CAAf,CAAA;AAsBA,IAAMC,SAAS,GAAG5E,MAAM,CAACgE,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAGba,gBAAA,KAAAA,gBAAA,GAAA1E,oBAAA,CAAA,CAAA,mBAAA,EAAA,gFAAA,EAAA,8CAAA,EAAA,4BAAA,EAAA,cAAA,CAAA,EAAA,CAAA,mBAAA,EACiC,gFADjC,EAM4E,8CAN5E,EASuE,4BATvE,EAU4C,cAV5C,CAAA,CAAA,CAHa,EAIEG,QAAQ,CAACC,KAAT,GAAiB,CAJnB,EAQS,UAACH,EAAD,EAAmB;MAAhB0E,OAAO,GAAA1E,EAAA,CAAA0E;MAAEnB,KAAK,GAAAvD,EAAA,CAAAuD;AACjC,EAAA,OAAAmB,OAAO,GAAGlB,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBQ,KAA1B,GAAkCnB,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBE,MAAhE,CAAA;AAAsE,CAT/D,EAYO,UAACrE,EAAD,EAAe;AAAZ,EAAA,IAAAuE,UAAU,GAAAvE,EAAA,CAAAuE,UAAV,CAAA;AAAiB,EAAA,OAACA,UAAU,GAAG,OAAH,GAAa,MAAxB,CAAA;AAA+B,CAZ1D,EAaUrE,QAAQ,CAACoE,MAAT,GAAkB,GAb5B,CAAf,CAAA;AAiBA,IAAMM,eAAe,GAAGhF,MAAM,CAACiF,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,6BAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAyCC,gBAAA,KAAAA,gBAAA,GAAA/E,oBAAA,CAAA,CAAA,2DAAA,EAAA,yBAAA,EAAA,0HAAA,EAAA,KAAA,EAAA,qBAAA,EAAA,+GAAA,EAAA,gEAAA,CAAA,EAAA,CAAA,2DAAA,EAGT,yBAHS,EAIO,0HAJP,EAWjC,KAXiC,EAWT,qBAXS,EAaM,+GAbN,EAmBH,gEAnBG,CAAA,CAAA,CAAzC,EAGN,UAACC,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,CAAH,GAAO,CAAjB,CAAA;AAAmB,CAHhC,EAIC,UAAC/E,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,KAAH,GAAW,MAArB,CAAA;AAA4B,CAJhD,EAWP7E,QAAQ,CAACoE,MAXF,EAWcpE,QAAQ,CAACC,KAAT,GAAiB,CAX/B,EAaP,UAACH,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,SAAH,GAAe,SAAzB,CAAA;AAAmC,CAb/C,EAmBF,UAAC/E,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,GAAH,GAAS,CAAnB,CAAA;AAAqB,CAnBtC,CAArB,CAAA;AA2BA,IAAMC,oBAAoB,GAAGpF,MAAM,CAACgF,eAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kCAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAA0BK,gBAAA,KAAAA,gBAAA,GAAAlF,oBAAA,CAAA,CAAA,+CAAA,CAAA,EAAA,CAAA,+CAAA,CAAA,CAAA,CAA1B,CAA1B,CAAA;AAKA,IAAMmF,mBAAmB,GAAGtF,MAAM,CAACgF,eAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iCAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAA0BO,gBAAA,KAAAA,gBAAA,GAAApF,oBAAA,CAAA,CAAA,gDAAA,CAAA,EAAA,CAAA,gDAAA,CAAA,CAAA,CAA1B,CAAzB,CAAA;;AAgBA,IAAMqF,UAAU,GAAmB,UAACpF,EAAD,EAOlC;MANGqF,GAAG,GAAArF,EAAA,CAAAqF;MACHC,UAAU,GAAAtF,EAAA,CAAAsF;MACVC,QAAQ,GAAAvF,EAAA,CAAAuF;MACR3E,EAAA,GAAAZ,EAAA,CAAAiC;MAAAA,UAAU,GAAGrB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MAClBM,EAAe,GAAAlB,EAAA,CAAA0E;MAAfA,OAAO,GAAAxD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA;MACfE,EAAA,GAAApB,EAAA,CAAAwF;MAAAA,OAAO,GAAGpE,EAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAMA;AAEhB,EAAA,IAAMqE,SAAS,GAAGC,MAAM,CAAiB,IAAjB,CAAxB,CAAA;;AACM,EAAA,IAAAC,EAAwC,GAAAlE,cAAK,CAACmE,QAAN,CAAe,KAAf,CAAxC;AAAA,MAACC,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBG,kBAAkB,QAApC,CAAA;;AACA,EAAA,IAAAC,EAAsC,GAAAtE,cAAK,CAACmE,QAAN,CAAe,KAAf,CAAtC;AAAA,MAACI,cAAc,GAAAD,EAAA,CAAA,CAAA,CAAf;AAAA,MAAiBE,iBAAiB,QAAlC,CAAA;;AAENC,EAAAA,SAAS,CAAC,YAAA;AACN,IAAA,IAAMC,QAAQ,GAAGV,SAAS,CAACW,OAA3B,CAAA;AACA,IAAI,IAAA,CAACD,QAAL,EAAe,OAAA;;AAEf,IAAME,IAAAA,YAAY,GAAG,YAAA;AACjB,MAAA,IAAIF,QAAQ,CAACG,WAAT,GAAuBH,QAAQ,CAACI,WAApC,EAAiD;AAC7CN,QAAAA,iBAAiB,CAACE,QAAQ,CAACK,UAAT,GAAsB,CAAvB,CAAjB,CAAA;AACAV,QAAAA,kBAAkB,CACdK,QAAQ,CAACK,UAAT,GAAsBL,QAAQ,CAACI,WAA/B,GACIJ,QAAQ,CAACG,WAAT,GAAuB,CAFb;AAAA,SAAlB,CAAA;AAIH,OAND,MAMO;AACHL,QAAAA,iBAAiB,CAAC,KAAD,CAAjB,CAAA;AACAH,QAAAA,kBAAkB,CAAC,KAAD,CAAlB,CAAA;AACH,OAAA;AACJ,KAXD,CAAA;;AAaAO,IAAAA,YAAY,EAAA,CAAA;AACZI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCL,YAAlC,CAAA,CAAA;AACAF,IAAAA,QAAQ,CAACO,gBAAT,CAA0B,QAA1B,EAAoCL,YAApC,CAAA,CAAA;AAEA,IAAA,OAAO,YAAA;AACHI,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCN,YAArC,CAAA,CAAA;AACAF,MAAAA,QAAQ,CAACQ,mBAAT,CAA6B,QAA7B,EAAuCN,YAAvC,CAAA,CAAA;AACH,KAHD,CAAA;AAIH,GAzBQ,EAyBN,EAzBM,CAAT,CAAA;;AA2BA,EAAMO,IAAAA,gBAAgB,GAAG,YAAA;AACrB,IAAA,IAAMT,QAAQ,GAAGV,SAAS,CAACW,OAA3B,CAAA;AACA,IAAI,IAAA,CAACD,QAAL,EAAe,OAAA;AAEfA,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAAA,QAAQ,CAAEU,QAAV,CAAmB;AAAEC,MAAAA,IAAI,EAAEX,QAAQ,CAACI,WAAjB;AAA8BQ,MAAAA,QAAQ,EAAE,QAAA;AAAxC,KAAnB,CAAA,CAAA;AACH,GALD,CAAA;;AAOA,EAAMC,IAAAA,eAAe,GAAG,YAAA;AACpB,IAAA,IAAMb,QAAQ,GAAGV,SAAS,CAACW,OAA3B,CAAA;AACA,IAAI,IAAA,CAACD,QAAL,EAAe,OAAA;AAEfA,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAAA,QAAQ,CAAEU,QAAV,CAAmB;AACfC,MAAAA,IAAI,EAAEX,QAAQ,CAACI,WAAT,GAAuB,CAAC,CADf;AAEfQ,MAAAA,QAAQ,EAAE,QAAA;AAFK,KAAnB,CAAA,CAAA;AAIH,GARD,CAAA;;AAUA,EAAME,IAAAA,WAAW,GAAG1B,QAAQ,IAAIF,GAAG,CAAC6B,MAAJ,GAAa,CAA7C,CAAA;AAEA,EAAA,OACIzF,4BAAA,CAAC9B,IAAD,EAAK,IAAL,EACI8B,cAAC,CAAAC,aAAD,CAACmC,cAAD;AAAgBsD,IAAAA,QAAQ,EAAE;AAAGC,IAAAA,GAAG,EAAE3B,SAAAA;GAAlC,EACIhE,cAAA,CAAAC,aAAA,CAACqC,SAAD,EAAU,IAAV,EACKuB,UAAU,IACP7D,cAAA,CAAAC,aAAA,CAACiC,OAAD,EACI;AAAAhC,IAAAA,QAAQ,EAAC,SAAT;AACA0F,IAAAA,IAAI,EAAC,QADL;AAEApF,IAAAA,UAAU,EAAEA,UAAAA;AAFZ,GADJ,EAKKqD,UALL,CAFR,EAUKC,QAAQ,IACL9D,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,EACID,cACK,CAAAC,aADL,CACK,IADL,EACK,IADL,EACK6D,QAAQ,CAAC+B,GAAT,CAAa,UAACC,IAAD,EAAOC,EAAP,EAAc;AAAA,IAAA,OACxB/F,cAAC,CAAAC,aAAD,CAACuC,SAAD;AACIwD,MAAAA,GAAG,EAAED;AACLH,MAAAA,IAAI,EAAC;AACL1F,MAAAA,QAAQ,EAAC;AACTM,MAAAA,UAAU,EAAE,CAACA;AACbsC,MAAAA,UAAU,EAAEiB,OAAO,KAAK,OAAA;KAL5B,EAOK+B,IAPL,CADwB,CAAA;AAU3B,GAVA,CADL,CADJ,CAXR,EA2BI9F,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,EACK2D,GAAG,CAACiC,GAAJ,CAAQ,UAACtH,EAAD,EAAW0H,CAAX,EAAY;AAAT,IAAA,IAAAC,IAAI,GAAA3H,EAAA,CAAA2H,IAAJ,CAAA;AAAc,IAAA,OACtBlG,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAI+F,MAAAA,GAAG,EAAEC,CAAAA;AAAT,KAAA,EACKC,IAAI,CAACL,GAAL,CAAS,UAACM,QAAD,EAAWJ,EAAX,EAAa;AACnB,MAAA,OACI/F,cAAC,CAAAC,aAAD,CAAC8C,SAAD,EACI;AAAAiD,QAAAA,GAAG,EAAED,EAAL;AACA7F,QAAAA,QAAQ,EAAC,IADT;AAEA+C,QAAAA,OAAO,EAAEA,OAFT;AAGAH,QAAAA,UAAU,EAAEiB,OAAO,KAAK,OAHxB;AAIAtD,QAAAA,SAAS,EAAE0F,QAAAA;AAJX,OADJ,CADJ,CAAA;AASH,KAVA,CADL,CADsB,CAAA;AAczB,GAdA,CADL,CA3BJ,CADJ,CADJ,EAgDInG,cAAC,CAAAC,aAAD,CAACwD,mBAAD,EACI;AAAA2C,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAEvC,QAAQ,IAAIF,GAAG,CAAC6B,MAAJ,GAAa,CAAzB,GAA6B,MAA7B,GAAsClF,SAAAA;AAD9C,KAAP;AAGA+C,IAAAA,SAAS,EAAEkC,WAAW,IAAIjB,cAH1B;AAIA+B,IAAAA,OAAO,EAAEf,eAAAA;AAJT,GADJ,EAOIvF,cAAA,CAAAC,aAAA,CAACY,UAAD,EAAY;AAAAC,IAAAA,EAAE,EAAC,MAAA;AAAH,GAAZ,CAPJ,CAhDJ,EAyDId,cAAC,CAAAC,aAAD,CAACsD,oBAAD,EACI;AAAA6C,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAEvC,QAAQ,IAAIF,GAAG,CAAC6B,MAAJ,GAAa,CAAzB,GAA6B,MAA7B,GAAsClF,SAAAA;AAD9C,KAAP;AAGA+C,IAAAA,SAAS,EAAEkC,WAAW,IAAIpB,eAH1B;AAIAkC,IAAAA,OAAO,EAAEnB,gBAAAA;AAJT,GADJ,EAOInF,cAAC,CAAAC,aAAD,CAAC4B,WAAD;AAAaf,IAAAA,EAAE,EAAC,OAAA;GAAhB,CAPJ,CAzDJ,CADJ,CAAA;AAqEH,EA/HD;;AAiIA6C,UAAU,CAAC4C,WAAX,GAAyB,YAAzB,CAAA;;;;;"}

package/esm/{VideoBlock-5fe94711.js → VideoBlock-b227ae6e.js}

@@ -2,7 +2,7 @@ import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-62515a8f
 import React__default, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
 import styled, { css } from 'styled-components';
 import { m as mq, s as spacings, c as getGlobals } from './styles-da982973.js';
-import { T as Title } from './TableBlock-cc49e089.js';
+import { T as Title } from './TableBlock-67fe2385.js';
 import { C as Copy } from './Copy-a28aeb61.js';
 import { A as Actions } from './Actions-21372b3a.js';
 import { I as Image } from './Image-dc2b33c1.js';
@@ -257,4 +257,4 @@ VideoBlock.displayName = 'VideoBlock';
 var templateObject_1, templateObject_2, templateObject_3;
 
 export { IntroBlock as I, VideoBlock as V };
-//# sourceMappingURL=VideoBlock-5fe94711.js.map
+//# sourceMappingURL=VideoBlock-b227ae6e.js.map

package/esm/{VideoBlock-5fe94711.js.map → VideoBlock-b227ae6e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VideoBlock-5fe94711.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '400px'};\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\n}\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","coverSpace","DesktopImageContainer","templateObject_8","IntroBlock","_b","renderAs","_c","colorMode","title","titleAs","_d","titleSize","superTitle","superTitleAs","abstract","text","_e","textType","_f","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","className","titleHyphens","image","isInverted","React","createElement","as","small","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary","AspectContainer","theme","global","sections","edgeRadius","ratios","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","playsInline","onCanPlayThrough","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}
+{"version":3,"file":"VideoBlock-b227ae6e.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '400px'};\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\n}\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","coverSpace","DesktopImageContainer","templateObject_8","IntroBlock","_b","renderAs","_c","colorMode","title","titleAs","_d","titleSize","superTitle","superTitleAs","abstract","text","_e","textType","_f","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","className","titleHyphens","image","isInverted","React","createElement","as","small","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary","AspectContainer","theme","global","sections","edgeRadius","ratios","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","playsInline","onCanPlayThrough","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}

package/esm/blocks.js

@@ -1,7 +1,7 @@
-export { a as TableBlock, T as Title } from './TableBlock-cc49e089.js';
+export { a as TableBlock, T as Title } from './TableBlock-67fe2385.js';
 export { A as Actions } from './Actions-21372b3a.js';
 export { B as Bdot } from './Bdot-4db38753.js';
-export { I as IntroBlock, V as VideoBlock } from './VideoBlock-5fe94711.js';
+export { I as IntroBlock, V as VideoBlock } from './VideoBlock-b227ae6e.js';
 export { I as Image } from './Image-dc2b33c1.js';
 export { L as LanguageSwitcher } from './LanguageSwitcher-3fa20077.js';
 export { E as EventBlock } from './EventBlock-b9204a0d.js';

package/esm/sections.events.js

@@ -471,10 +471,10 @@ var ImageContainer = styled.div.withConfig({
       return 'flex-start';
   }
 }, spacings.spacer);
-var StyledImage = styled(Image).withConfig({
-  displayName: "EventDetail__StyledImage",
+var ImgWrapper = styled.div.withConfig({
+  displayName: "EventDetail__ImgWrapper",
   componentId: "sc-1ko6neq-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media ", " {\n        max-width: 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media ", " {\n        max-width: 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ", "px;\n        }\n    }\n"])), mq.medium, spacings.nudge);
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    flex: 0 0 100%;\n    margin-bottom: -6px;\n\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media ", " {\n        max-width: 50%;\n        flex: 0 0 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    flex: 0 0 100%;\n    margin-bottom: -6px;\n\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media ", " {\n        max-width: 50%;\n        flex: 0 0 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ", "px;\n        }\n    }\n"])), mq.medium, spacings.nudge);
 var ImageBackground = styled.div.withConfig({
   displayName: "EventDetail__ImageBackground",
   componentId: "sc-1ko6neq-2"
@@ -559,9 +559,9 @@ var EventDetail = function (_a) {
     hAlign: useImageAsBg ? 'center' : 'left'
   }, images.map(function (img, i) {
     if (!img.small) return null;
-    return React__default.createElement(StyledImage, __assign({
+    return React__default.createElement(ImgWrapper, {
       key: i
-    }, img, {
+    }, React__default.createElement(Image, __assign({}, img, {
       coverSpace: true,
       allowEdgeRadius: true,
       isInverted: isInverted,
@@ -571,7 +571,7 @@ var EventDetail = function (_a) {
           h: 3
         }
       }
-    }));
+    })));
   }), React__default.createElement(ImageBackground, {
     isInverted: isInverted,
     style: {