@blateral/b.kit 2.4.2 → 2.5.0-beta.1.1

package/esm/Textfield-d2f201a9.js

@@ -0,0 +1,202 @@
+import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
+import React__default from 'react';
+import styled from 'styled-components';
+import { C as Copy, c as copyStyle } from './Copy-a28aeb61.js';
+import { s as spacings, a as getFonts, g as getColors, c as getGlobals, w as withRange } from './styles-da982973.js';
+import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
+import { c as clampValue } from './clamp-12d37b65.js';
+
+var View = styled.label.withConfig({
+  displayName: "FormField__View",
+  componentId: "sc-1rjz0eq-0"
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n    text-align: left;\n\n    pointer-events: ", ";\n    user-select: ", ";\n    opacity: ", ";\n"], ["\n    display: block;\n    text-align: left;\n\n    pointer-events: ", ";\n    user-select: ", ";\n    opacity: ", ";\n"])), function (_a) {
+  var isDisabled = _a.isDisabled;
+  return isDisabled && 'none';
+}, function (_a) {
+  var isDisabled = _a.isDisabled;
+  return isDisabled && 'none';
+}, function (_a) {
+  var isDisabled = _a.isDisabled;
+  return isDisabled ? 0.3 : 1;
+});
+var FieldHead = styled(Copy).withConfig({
+  displayName: "FormField__FieldHead",
+  componentId: "sc-1rjz0eq-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ", "px;\n"], ["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ", "px;\n"])), spacings.nudge);
+var FieldMessage = styled(Copy).withConfig({
+  displayName: "FormField__FieldMessage",
+  componentId: "sc-1rjz0eq-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.nudge);
+
+var FieldWrapper = function (_a) {
+  var isDisabled = _a.isDisabled,
+      onClick = _a.onClick,
+      className = _a.className,
+      children = _a.children;
+  return React__default.createElement(View, {
+    onClick: onClick,
+    isDisabled: isDisabled,
+    className: className
+  }, children);
+};
+
+var Head = function (_a) {
+  var label = _a.label,
+      isRequired = _a.isRequired,
+      isInverted = _a.isInverted,
+      className = _a.className;
+  if (!label) return null;
+  return React__default.createElement(FieldHead, {
+    renderAs: "span",
+    isInverted: isInverted,
+    size: "small",
+    type: "copy-b",
+    className: className
+  }, "".concat(label).concat(isRequired ? ' *' : ''));
+};
+
+var Messages = function (_a) {
+  var errorMessage = _a.errorMessage,
+      infoMessage = _a.infoMessage,
+      isInverted = _a.isInverted;
+  var colors = useLibTheme().colors;
+  return React__default.createElement(React__default.Fragment, null, infoMessage && React__default.createElement(FieldMessage, {
+    size: "small",
+    type: "copy",
+    isInverted: isInverted
+  }, infoMessage), errorMessage && React__default.createElement(FieldMessage, {
+    size: "small",
+    type: "copy",
+    textColor: isInverted ? colors.text.errorInverted : colors.text.error
+  }, errorMessage ? errorMessage : 'Bitte geben Sie einen gültigen Text ein'));
+};
+
+var Content = function (_a) {
+  var children = _a.children;
+  var addWrapper = typeof children === 'string' || children instanceof String;
+  if (addWrapper) return React__default.createElement("span", null, children);
+  return React__default.createElement(React__default.Fragment, null, children);
+};
+
+var FieldWrapper$1 = {
+  View: FieldWrapper,
+  Head: Head,
+  Messages: Messages,
+  Content: Content
+};
+var templateObject_1$1, templateObject_2, templateObject_3;
+
+var getFormFieldTextSize = function (theme) {
+  var min = clampValue(getFonts(theme).copy.small.size[0], 16);
+  var max = getFonts(theme).copy.small.size[1];
+  return [min, max];
+};
+
+var InputField = styled.input.withConfig({
+  displayName: "Textfield__InputField",
+  componentId: "sc-11gw2iv-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ", "px;\n\n    border: 1px solid\n        ", ";\n    border-radius: ", ";\n\n    background: transparent;\n\n    ", "\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ", "\n\n    color: ", ";\n\n    &:active {\n        border: ", ";\n    }\n\n    &:focus {\n        outline: ", ";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ", ";\n    }\n"], ["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ", "px;\n\n    border: 1px solid\n        ", ";\n    border-radius: ", ";\n\n    background: transparent;\n\n    ", "\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ", "\n\n    color: ", ";\n\n    &:active {\n        border: ", ";\n    }\n\n    &:focus {\n        outline: ", ";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ", ";\n    }\n"])), spacings.nudge, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted,
+      hasError = _a.hasError;
+
+  if (isInverted) {
+    return hasError ? getColors(theme).errorInverted : getColors(theme).elementBg.light;
+  }
+
+  return hasError ? getColors(theme).error : getColors(theme).elementBg.dark;
+}, function (_a) {
+  var theme = _a.theme;
+  return getGlobals(theme).sections.edgeRadius;
+}, copyStyle('copy', 'small'), function (_a) {
+  var theme = _a.theme;
+  return withRange(getFormFieldTextSize(theme), 'font-size');
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted,
+      hasError = _a.hasError;
+
+  if (isInverted) {
+    return hasError ? getColors(theme).text.errorInverted : getFonts(theme).copy.small.colorInverted;
+  }
+
+  return hasError ? getColors(theme).text.error : getFonts(theme).copy.small.color;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return "1px solid ".concat(isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default);
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return "1px solid ".concat(isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default);
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).text.subtileInverted : getColors(theme).text.subtile;
+});
+
+var Textfield = function (_a) {
+  var _b = _a.type,
+      type = _b === void 0 ? 'text' : _b,
+      label = _a.label,
+      errorMessage = _a.errorMessage,
+      infoMessage = _a.infoMessage,
+      isRequired = _a.isRequired,
+      isDisabled = _a.isDisabled,
+      isInverted = _a.isInverted,
+      placeholder = _a.placeholder,
+      value = _a.value,
+      name = _a.name,
+      onChange = _a.onChange,
+      onBlur = _a.onBlur;
+
+  if (isDisabled) {
+    errorMessage = '';
+  }
+
+  return React__default.createElement(FieldWrapper$1.View, {
+    isDisabled: isDisabled
+  }, React__default.createElement(FieldWrapper$1.Head, {
+    label: label,
+    isRequired: isRequired,
+    isInverted: isInverted
+  }), React__default.createElement(FieldWrapper$1.Content, null, React__default.createElement(InputField, {
+    placeholder: placeholder,
+    hasError: !!errorMessage,
+    type: type,
+    isInverted: isInverted,
+    name: name,
+    value: value,
+    required: isRequired,
+    onChange: onChange,
+    onBlur: onBlur
+  })), React__default.createElement(FieldWrapper$1.Messages, {
+    infoMessage: infoMessage,
+    errorMessage: errorMessage,
+    isInverted: isInverted
+  }));
+};
+/**
+ * Function to compare both field prop states
+ * @param prev Previous props
+ * @param next Next props
+ * @returns
+ */
+
+
+var areEqual = function (prev, next) {
+  // only apply logic if memo functionality is enabled
+  if (!prev.enableMemo) return false;
+  if (prev.value !== next.value) return false;
+  if (prev.errorMessage !== next.errorMessage) return false;
+  if (prev.infoMessage !== next.infoMessage) return false;
+  if (prev.label !== next.label) return false;
+  if (prev.placeholder !== next.placeholder) return false;
+  return true;
+};
+
+var Textfield$1 = React__default.memo(Textfield, areEqual);
+var templateObject_1;
+
+export { FieldWrapper$1 as F, Textfield$1 as T, getFormFieldTextSize as g };
+//# sourceMappingURL=Textfield-d2f201a9.js.map

package/esm/Textfield-d2f201a9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield-d2f201a9.js","sources":["../src/components/fields/FormField.tsx","../src/utils/formFieldText.ts","../src/components/fields/Textfield.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport Copy from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { spacings } from 'utils/styles';\n\nconst View = styled.label<{ isDisabled?: boolean }>`\n    display: block;\n    text-align: left;\n\n    pointer-events: ${({ isDisabled }) => isDisabled && 'none'};\n    user-select: ${({ isDisabled }) => isDisabled && 'none'};\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.3 : 1)};\n`;\n\nconst FieldHead = styled(Copy)`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ${spacings.nudge}px;\n`;\n\nconst FieldMessage = styled(Copy)`\n    margin-top: ${spacings.nudge}px;\n`;\n\nexport interface FieldProps {\n    label?: string;\n    errorMessage?: string;\n    infoMessage?: string;\n    isRequired?: boolean;\n    isDisabled?: boolean;\n    isInverted?: boolean;\n}\n\nconst FieldWrapper: React.FC<{\n    isDisabled?: boolean;\n    onClick?: (ev: React.SyntheticEvent<HTMLLabelElement>) => void;\n    className?: string;\n    children: React.ReactNode;\n}> = ({ isDisabled, onClick, className, children }) => {\n    return (\n        <View onClick={onClick} isDisabled={isDisabled} className={className}>\n            {children}\n        </View>\n    );\n};\n\nconst Head: React.FC<{\n    label?: string;\n    isRequired?: boolean;\n    isInverted?: boolean;\n    className?: string;\n}> = ({ label, isRequired, isInverted, className }) => {\n    if (!label) return null;\n    return (\n        <FieldHead\n            renderAs=\"span\"\n            isInverted={isInverted}\n            size=\"small\"\n            type=\"copy-b\"\n            className={className}\n        >\n            {`${label}${isRequired ? ' *' : ''}`}\n        </FieldHead>\n    );\n};\n\nconst Messages: React.FC<{\n    errorMessage?: string;\n    infoMessage?: string;\n    isInverted?: boolean;\n}> = ({ errorMessage, infoMessage, isInverted }) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <React.Fragment>\n            {infoMessage && (\n                <FieldMessage size=\"small\" type=\"copy\" isInverted={isInverted}>\n                    {infoMessage}\n                </FieldMessage>\n            )}\n            {errorMessage && (\n                <FieldMessage\n                    size=\"small\"\n                    type=\"copy\"\n                    textColor={\n                        isInverted\n                            ? colors.text.errorInverted\n                            : colors.text.error\n                    }\n                >\n                    {errorMessage\n                        ? errorMessage\n                        : 'Bitte geben Sie einen gültigen Text ein'}\n                </FieldMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst Content: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const addWrapper =\n        typeof children === 'string' || children instanceof String;\n\n    if (addWrapper) return <span>{children}</span>;\n    return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n    View: FieldWrapper,\n    Head: Head,\n    Messages: Messages,\n    Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n    theme: DefaultTheme\n): [number, number?] => {\n    const min = clampValue(font(theme).copy.small.size[0], 16);\n    const max = font(theme).copy.small.size[1];\n    return [min, max];\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper, { FieldProps } from './FormField';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\n\nconst InputField = styled.input<{\n    isInverted?: boolean;\n    hasError?: boolean;\n}>`\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n\n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n\n    &:active {\n        border: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nexport type FormProps = FieldProps & {\n    value?: string;\n    name?: string;\n    placeholder?: string;\n};\n\nexport type TextfieldProps = FormProps & {\n    enableMemo?: boolean;\n    type?: 'number' | 'text' | 'tel' | 'email' | 'password';\n    isInverted?: boolean;\n    onChange?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\nconst Textfield: React.FC<TextfieldProps> = ({\n    type = 'text',\n    label,\n    errorMessage,\n    infoMessage,\n    isRequired,\n    isDisabled,\n    isInverted,\n    placeholder,\n    value,\n    name,\n    onChange,\n    onBlur,\n}) => {\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <InputField\n                    placeholder={placeholder}\n                    hasError={!!errorMessage}\n                    type={type}\n                    isInverted={isInverted}\n                    name={name}\n                    value={value}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (prev: TextfieldProps, next: TextfieldProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.value !== next.value) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n\n    return true;\n};\n\nexport default React.memo(Textfield, areEqual);\n"],"names":["View","styled","label","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","addWrapper","String","getFormFieldTextSize","theme","min","clampValue","font","copy","small","max","InputField","input","hasError","color","elementBg","light","dark","global","sections","edgeRadius","copyStyle","withRange","colorInverted","primary","inverted","default","subtileInverted","subtile","Textfield","_b","placeholder","value","name","onChange","onBlur","required","areEqual","prev","next","enableMemo","memo"],"mappings":"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"}

package/esm/VideoBlock-5fe94711.js

@@ -0,0 +1,260 @@
+import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-62515a8f.js';
+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 { C as Copy } from './Copy-a28aeb61.js';
+import { A as Actions } from './Actions-21372b3a.js';
+import { I as Image } from './Image-dc2b33c1.js';
+
+var View = styled.div.withConfig({
+  displayName: "IntroBlock__View",
+  componentId: "sc-w71lok-0"
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ", ";\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ", ";\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ", "px;\n        }\n    }\n"])), function (_a) {
+  var isCentered = _a.isCentered;
+  return isCentered && 'center';
+}, mq.semilarge, spacings.spacer);
+var Content = styled.div.withConfig({
+  displayName: "IntroBlock__Content",
+  componentId: "sc-w71lok-1"
+})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 66.66%;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 66.66%;\n    }\n"])), spacings.spacer, mq.semilarge);
+var StyledTitle = styled(Title).withConfig({
+  displayName: "IntroBlock__StyledTitle",
+  componentId: "sc-w71lok-2"
+})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    max-width: ", ";\n"], ["\n    max-width: ", ";\n"])), function (_a) {
+  var clamp = _a.clamp;
+  return clamp && '880px';
+});
+var ContentBlock = styled(Copy).withConfig({
+  displayName: "IntroBlock__ContentBlock",
+  componentId: "sc-w71lok-3"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: block;\n    max-width: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n\n    ", "\n\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    max-width: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n\n    ", "\n\n    & + & {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+  var clamp = _a.clamp;
+  return clamp && '880px';
+}, function (_a) {
+  var isCentered = _a.isCentered;
+  return isCentered && 'auto';
+}, function (_a) {
+  var isCentered = _a.isCentered;
+  return isCentered && 'auto';
+}, function (_a) {
+  var maxLines = _a.maxLines;
+  return maxLines && maxLines > 0 && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ", "; /* number of lines to show */\n            line-clamp: ", ";\n            -webkit-box-orient: vertical;\n        "], ["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ", "; /* number of lines to show */\n            line-clamp: ", ";\n            -webkit-box-orient: vertical;\n        "])), maxLines, maxLines);
+}, spacings.nudge * 3);
+var StyledActions = styled(Actions).withConfig({
+  displayName: "IntroBlock__StyledActions",
+  componentId: "sc-w71lok-4"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"], ["\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"])), mq.medium, function (_a) {
+  var isCentered = _a.isCentered;
+  return isCentered && 'center';
+});
+var MobileImageContainer = styled.div.withConfig({
+  displayName: "IntroBlock__MobileImageContainer",
+  componentId: "sc-w71lok-5"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ", ";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ", ";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        display: ", ";\n    }\n"])), function (_a) {
+  var coverSpace = _a.coverSpace;
+  return coverSpace && '400px';
+}, spacings.spacer, mq.semilarge, function (_a) {
+  var isCentered = _a.isCentered;
+  return isCentered ? 'block' : 'none';
+});
+var DesktopImageContainer = styled.div.withConfig({
+  displayName: "IntroBlock__DesktopImageContainer",
+  componentId: "sc-w71lok-6"
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media ", " {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ", "px);\n    }\n"], ["\n    display: none;\n    width: 100%;\n\n    @media ", " {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ", "px);\n    }\n"])), mq.semilarge, spacings.spacer);
+
+var IntroBlock = function (_a) {
+  var _b = _a.renderAs,
+      renderAs = _b === void 0 ? 'div' : _b,
+      _c = _a.colorMode,
+      colorMode = _c === void 0 ? 'default' : _c,
+      title = _a.title,
+      titleAs = _a.titleAs,
+      _d = _a.titleSize,
+      titleSize = _d === void 0 ? 'heading-2' : _d,
+      superTitle = _a.superTitle,
+      superTitleAs = _a.superTitleAs,
+      abstract = _a.abstract,
+      text = _a.text,
+      _e = _a.textType,
+      textType = _e === void 0 ? 'copy' : _e,
+      _f = _a.textSize,
+      textSize = _f === void 0 ? 'medium' : _f,
+      primaryAction = _a.primaryAction,
+      secondaryAction = _a.secondaryAction,
+      _g = _a.isCentered,
+      isCentered = _g === void 0 ? false : _g,
+      _h = _a.clampTitle,
+      clampTitle = _h === void 0 ? false : _h,
+      _j = _a.clampAbstract,
+      clampAbstract = _j === void 0 ? false : _j,
+      maxTitleLines = _a.maxTitleLines,
+      maxAbstractLines = _a.maxAbstractLines,
+      _k = _a.clampText,
+      clampText = _k === void 0 ? false : _k,
+      maxTextLines = _a.maxTextLines,
+      className = _a.className,
+      titleHyphens = _a.titleHyphens,
+      image = _a.image;
+  var isInverted = colorMode === 'inverted' || colorMode === 'onImage';
+  var coverSpace = (image === null || image === void 0 ? void 0 : image.coverSpace) === false ? false : true;
+  return React__default.createElement(View, {
+    as: renderAs,
+    isCentered: isCentered,
+    className: className
+  }, React__default.createElement(Content, null, (title || superTitle) && React__default.createElement(StyledTitle, {
+    colorMode: colorMode,
+    title: title,
+    titleAs: titleAs,
+    titleSize: titleSize,
+    superTitle: superTitle,
+    superTitleAs: superTitleAs,
+    isCentered: isCentered,
+    clamp: clampTitle,
+    maxLines: maxTitleLines,
+    titleHyphens: titleHyphens
+  }), (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(MobileImageContainer, {
+    isCentered: isCentered,
+    coverSpace: coverSpace
+  }, React__default.createElement(Image, __assign({}, image, {
+    coverSpace: coverSpace,
+    allowEdgeRadius: true,
+    isInverted: isInverted
+  }))), abstract && React__default.createElement(ContentBlock, {
+    type: "copy",
+    size: "big",
+    textColor: colorMode === 'onImage' ? '#fff' : undefined,
+    isInverted: isInverted,
+    isCentered: isCentered,
+    innerHTML: abstract,
+    clamp: clampAbstract,
+    maxLines: maxAbstractLines
+  }), text && React__default.createElement(ContentBlock, {
+    type: textType,
+    size: textSize,
+    textColor: colorMode === 'onImage' ? '#fff' : undefined,
+    isInverted: isInverted,
+    isCentered: isCentered,
+    innerHTML: text,
+    clamp: clampText,
+    maxLines: maxTextLines
+  }), (primaryAction || secondaryAction) && React__default.createElement(StyledActions, {
+    primary: primaryAction && primaryAction({
+      isInverted: isInverted,
+      isTextCentered: isCentered
+    }),
+    secondary: secondaryAction && secondaryAction({
+      isInverted: isInverted,
+      isTextCentered: isCentered
+    })
+  })), (image === null || image === void 0 ? void 0 : image.small) && !isCentered && React__default.createElement(DesktopImageContainer, null, React__default.createElement(Image, __assign({}, image, {
+    coverSpace: coverSpace,
+    allowEdgeRadius: true,
+    isInverted: isInverted
+  }))));
+};
+var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+
+var AspectContainer = styled.div.withConfig({
+  displayName: "VideoBlock__AspectContainer",
+  componentId: "sc-160aafd-0"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n\n    aspect-ratio: ", ";\n    width: ", ";\n    max-width: 100%;\n\n    background: ", ";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ", ";\n        padding-top: ", ";\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    ", "\n"], ["\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n\n    aspect-ratio: ", ";\n    width: ", ";\n    max-width: 100%;\n\n    background: ", ";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ", ";\n        padding-top: ", ";\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    @media ", " {\n        aspect-ratio: ", ";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ", ";\n        }\n    }\n\n    ", "\n"])), function (_a) {
+  var theme = _a.theme;
+  return getGlobals(theme).sections.edgeRadius;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return ratios === null || ratios === void 0 ? void 0 : ratios.small;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.small) && '100%';
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getGlobals(theme).sections.imagePlaceholderBg.inverted : getGlobals(theme).sections.imagePlaceholderBg.default;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.small) && 0;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.small) && "calc(100% / ".concat(ratios === null || ratios === void 0 ? void 0 : ratios.small, ")");
+}, mq.medium, function (_a) {
+  var ratios = _a.ratios;
+  return ratios === null || ratios === void 0 ? void 0 : ratios.medium;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.medium) && "calc(100% / ".concat(ratios === null || ratios === void 0 ? void 0 : ratios.medium, ")");
+}, mq.semilarge, function (_a) {
+  var ratios = _a.ratios;
+  return ratios === null || ratios === void 0 ? void 0 : ratios.semilarge;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.semilarge) && "calc(100% / ".concat(ratios === null || ratios === void 0 ? void 0 : ratios.semilarge, ")");
+}, mq.large, function (_a) {
+  var ratios = _a.ratios;
+  return ratios === null || ratios === void 0 ? void 0 : ratios.large;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.large) && "calc(100% / ".concat(ratios === null || ratios === void 0 ? void 0 : ratios.large, ")");
+}, mq.xlarge, function (_a) {
+  var ratios = _a.ratios;
+  return ratios === null || ratios === void 0 ? void 0 : ratios.xlarge;
+}, function (_a) {
+  var ratios = _a.ratios;
+  return (ratios === null || ratios === void 0 ? void 0 : ratios.xlarge) && "calc(100% / ".concat(ratios === null || ratios === void 0 ? void 0 : ratios.xlarge, ")");
+}, function (_a) {
+  var ratios = _a.ratios;
+  return ratios && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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            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        "])));
+});
+var Video = styled.video.withConfig({
+  displayName: "VideoBlock__Video",
+  componentId: "sc-160aafd-1"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+var VideoBlock = forwardRef(function (_a, ref) {
+  var urls = _a.urls,
+      ratios = _a.ratios,
+      isInverted = _a.isInverted,
+      _b = _a.muted,
+      muted = _b === void 0 ? false : _b,
+      _c = _a.autoPlay,
+      autoPlay = _c === void 0 ? false : _c,
+      _d = _a.loop,
+      loop = _d === void 0 ? false : _d,
+      _e = _a.controls,
+      controls = _e === void 0 ? false : _e,
+      _f = _a.playsInline,
+      playsInline = _f === void 0 ? true : _f,
+      onCanPlayThrough = _a.onCanPlayThrough,
+      className = _a.className;
+  var videoRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return videoRef.current;
+  });
+  useEffect(function () {
+    if (videoRef.current && videoRef.current.readyState > 3) {
+      onCanPlayThrough === null || onCanPlayThrough === void 0 ? void 0 : onCanPlayThrough();
+    }
+  }, [onCanPlayThrough]);
+  return React__default.createElement(AspectContainer, {
+    ratios: ratios,
+    isInverted: isInverted,
+    className: className
+  }, React__default.createElement(Video, {
+    ref: videoRef,
+    muted: muted,
+    autoPlay: autoPlay,
+    loop: loop,
+    controls: controls,
+    onCanPlayThrough: onCanPlayThrough,
+    playsInline: playsInline
+  }, urls === null || urls === void 0 ? void 0 : urls.map(function (url, i) {
+    return React__default.createElement("source", {
+      src: url,
+      key: i
+    });
+  })));
+});
+VideoBlock.displayName = 'VideoBlock';
+var templateObject_1, templateObject_2, templateObject_3;
+
+export { IntroBlock as I, VideoBlock as V };
+//# sourceMappingURL=VideoBlock-5fe94711.js.map

package/esm/VideoBlock-5fe94711.js.map

@@ -0,0 +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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"}