@kubit-ui-web/react-components 1.12.0 → 1.13.1

package/dist/cjs/components/video/components/playStopButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayStopButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mediaButton_1 = require("../../../components/mediaButton/mediaButton");
+const tooltipUnControlled_1 = require("../../../components/tooltip/tooltipUnControlled");
+const hooks_1 = require("../../../hooks");
+const types_1 = require("../../../types");
+const PlayStopButton = (props) => {
+    const device = (0, hooks_1.useMediaDevice)();
+    const ButtonBarPlay = () => props.styles.buttonsBarPlayIcon?.size?.[device] ? ((0, jsx_runtime_1.jsx)(mediaButton_1.MediaButton, { hasBackground: false, icon: props.buttonsBarPlayIcon, size: props.styles.buttonsBarPlayIcon?.size?.[device], twisted: props.playing, twistedIcon: props.buttonsBarPlayIconToTransition, variant: props.styles.buttonsBarPlayIcon?.variant, onClick: props.handlePlayStopVideo })) : null;
+    return device === types_1.DeviceBreakpointsType.DESKTOP ? ((0, jsx_runtime_1.jsx)(tooltipUnControlled_1.TooltipUnControlled, { childrenAsButton: false, content: { content: props.buttonsBarPlayIconTooltip }, tooltipAsModal: false, variant: props.styles.tooltip?.variant, children: (0, jsx_runtime_1.jsx)(ButtonBarPlay, {}) })) : ((0, jsx_runtime_1.jsx)(ButtonBarPlay, {}));
+};
+exports.PlayStopButton = PlayStopButton;
+//# sourceMappingURL=playStopButton.js.map

package/dist/cjs/components/video/components/playStopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playStopButton.js","sourceRoot":"","sources":["../../../../../src/components/video/components/playStopButton.tsx"],"names":[],"mappings":";;;;AAGA,sEAAmE;AAEnE,kFAA0F;AAC1F,mCAAyC;AACzC,mCAAgD;AAazC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAe,EAAE;IACpE,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,MAAM,aAAa,GAAG,GAAuB,EAAE,CAC7C,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAChD,uBAAC,yBAAW,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,kBAAkB,EAC9B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAC5E,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,8BAA8B,EACjD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,OAAO,EACjD,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,OAAO,MAAM,KAAK,6BAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChD,uBAAC,yCAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,yBAAyB,EAAE,EACrD,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,YAEtC,uBAAC,aAAa,KAAG,GACT,CACX,CAAC,CAAC,CAAC,CACF,uBAAC,aAAa,KAAG,CAClB,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB"}

package/dist/cjs/components/video/components/screenButtons.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScreenButtons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mediaButton_1 = require("../../../components/mediaButton/mediaButton");
+const hooks_1 = require("../../../hooks");
+const video_styled_1 = require("../video.styled");
+const ScreenButtons = (props) => {
+    const device = (0, hooks_1.useMediaDevice)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!props.playing && ((0, jsx_runtime_1.jsx)(video_styled_1.ScreenIconContainerStyled, { styles: props.styles, children: props.styles.screenPlayLoadingIcon?.size?.[device] && ((0, jsx_runtime_1.jsx)(mediaButton_1.MediaButton, { hasBackground: true, icon: props.screenPlayIcon, size: props.styles.screenPlayLoadingIcon?.size?.[device], variant: props.styles.screenPlayLoadingIcon?.variant, onClick: props.handlePlayStopVideo })) })), props.loading && ((0, jsx_runtime_1.jsx)(video_styled_1.ScreenIconContainerStyled, { styles: props.styles, children: props.styles.screenPlayLoadingIcon?.size?.[device] && ((0, jsx_runtime_1.jsx)(mediaButton_1.MediaButton, { hasBackground: true, icon: props.screenLoadingIcon, size: props.styles.screenPlayLoadingIcon?.size?.[device], variant: props.styles.screenPlayLoadingIcon?.variant })) }))] }));
+};
+exports.ScreenButtons = ScreenButtons;
+//# sourceMappingURL=screenButtons.js.map

package/dist/cjs/components/video/components/screenButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenButtons.js","sourceRoot":"","sources":["../../../../../src/components/video/components/screenButtons.tsx"],"names":[],"mappings":";;;;AAGA,sEAAmE;AAEnE,mCAAyC;AAGzC,kDAA4D;AAWrD,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAe,EAAE;IAClE,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,OAAO,CACL,6DACG,CAAC,KAAK,CAAC,OAAO,IAAI,CACjB,uBAAC,wCAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC5C,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,CACrD,uBAAC,yBAAW,IACV,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAC/E,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,OAAO,EACpD,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACH,GACyB,CAC7B,EACA,KAAK,CAAC,OAAO,IAAI,CAChB,uBAAC,wCAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC5C,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,CACrD,uBAAC,yBAAW,IACV,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAC7B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAC/E,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,OAAO,GACpD,CACH,GACyB,CAC7B,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,aAAa,iBAgCxB"}

package/dist/cjs/components/video/components/subtitleFullScreenButtons.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubtitleFullScreenButtons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mediaButton_1 = require("../../../components/mediaButton/mediaButton");
+const tooltipUnControlled_1 = require("../../../components/tooltip/tooltipUnControlled");
+const useMediaDevice_1 = require("../../../hooks/useMediaDevice/useMediaDevice");
+const types_1 = require("../../../types");
+const SubtitleFullScreenButtons = (props) => {
+    const device = (0, useMediaDevice_1.useMediaDevice)();
+    const ButtonBarSubtitles = (props) => props.styles.buttonsBarSubtitlesIcon?.size?.[device] ? ((0, jsx_runtime_1.jsx)(mediaButton_1.MediaButton, { hasBackground: false, icon: props.buttonsBarSubtitlesIcon, size: props.styles.buttonsBarSubtitlesIcon?.size?.[device], twisted: props.subtitlesActivated, twistedIcon: props.buttonsBarSubtitlesIconToTransition, variant: props.styles.buttonsBarSubtitlesIcon?.variant, onClick: props.onSubtitlesClick })) : null;
+    const ButtonBarFullScreen = (props) => props.styles.buttonsBarFullScreenIcon?.size?.[device] ? ((0, jsx_runtime_1.jsx)(mediaButton_1.MediaButton, { hasBackground: false, icon: props.buttonsBarFullScreenIcon, size: props.styles.buttonsBarFullScreenIcon?.size?.[device], twisted: props.fullScreen, twistedIcon: props.buttonsBarFullScreenIconToTransition, variant: props.styles.buttonsBarFullScreenIcon?.variant, onClick: props.onFullScreenClick })) : null;
+    return device === types_1.DeviceBreakpointsType.DESKTOP ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(tooltipUnControlled_1.TooltipUnControlled, { childrenAsButton: false, content: { content: props.buttonsBarSubtitlesIconTooltip }, tooltipAsModal: false, variant: props.styles.tooltip?.variant, children: (0, jsx_runtime_1.jsx)(ButtonBarSubtitles, { ...props }) }), (0, jsx_runtime_1.jsx)(tooltipUnControlled_1.TooltipUnControlled, { childrenAsButton: false, content: { content: props.buttonsBarFullScreenIconTooltip }, tooltipAsModal: false, variant: props.styles.tooltip?.variant, children: (0, jsx_runtime_1.jsx)(ButtonBarFullScreen, { ...props }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ButtonBarSubtitles, { ...props }), (0, jsx_runtime_1.jsx)(ButtonBarFullScreen, { ...props })] }));
+};
+exports.SubtitleFullScreenButtons = SubtitleFullScreenButtons;
+//# sourceMappingURL=subtitleFullScreenButtons.js.map

package/dist/cjs/components/video/components/subtitleFullScreenButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtitleFullScreenButtons.js","sourceRoot":"","sources":["../../../../../src/components/video/components/subtitleFullScreenButtons.tsx"],"names":[],"mappings":";;;;AAGA,sEAAmE;AAEnE,kFAA0F;AAC1F,0EAAuE;AACvE,mCAAgD;AAyBzC,MAAM,yBAAyB,GAAG,CAAC,KAAiC,EAAe,EAAE;IAC1F,MAAM,MAAM,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEhC,MAAM,kBAAkB,GAAG,CAAC,KAA0B,EAAsB,EAAE,CAC5E,KAAK,CAAC,MAAM,CAAC,uBAAuB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACrD,uBAAC,yBAAW,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,uBAAuB,EACnC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EACjF,OAAO,EAAE,KAAK,CAAC,kBAAkB,EACjC,WAAW,EAAE,KAAK,CAAC,mCAAmC,EACtD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB,EAAE,OAAO,EACtD,OAAO,EAAE,KAAK,CAAC,gBAAgB,GAC/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,mBAAmB,GAAG,CAAC,KAA2B,EAAsB,EAAE,CAC9E,KAAK,CAAC,MAAM,CAAC,wBAAwB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACtD,uBAAC,yBAAW,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,wBAAwB,EACpC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,wBAAwB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAClF,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,WAAW,EAAE,KAAK,CAAC,oCAAoC,EACvD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,wBAAwB,EAAE,OAAO,EACvD,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,MAAM,KAAK,6BAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChD,6DACE,uBAAC,yCAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,8BAA8B,EAAE,EAC1D,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,YAEtC,uBAAC,kBAAkB,OAAK,KAAK,GAAI,GACzB,EACV,uBAAC,yCAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,+BAA+B,EAAE,EAC3D,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,YAEtC,uBAAC,mBAAmB,OAAK,KAAK,GAAI,GAC1B,IACT,CACJ,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,kBAAkB,OAAK,KAAK,GAAI,EACjC,uBAAC,mBAAmB,OAAK,KAAK,GAAI,IACjC,CACJ,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,yBAAyB,6BAsDpC"}

package/dist/cjs/components/video/components/time.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Time = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const text_1 = require("../../../components/text/text");
+const component_1 = require("../../../components/text/types/component");
+const time_1 = require("../../../utils/time/time");
+const Time = (props) => {
+    return ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.videoDuration, children: (0, time_1.videoFormatTime)(props.currentTime, props.duration) }));
+};
+exports.Time = Time;
+//# sourceMappingURL=time.js.map

package/dist/cjs/components/video/components/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../../../../src/components/video/components/time.tsx"],"names":[],"mappings":";;;;AAEA,iDAA8C;AAC9C,iEAAsE;AACtE,4CAAoD;AAU7C,MAAM,IAAI,GAAG,CAAC,KAAY,EAAe,EAAE;IAChD,OAAO,CACL,uBAAC,WAAI,IAAC,SAAS,EAAE,6BAAiB,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,YAClF,IAAA,sBAAe,EAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,GAC9C,CACR,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,IAAI,QAMf"}

package/dist/cjs/components/video/components/videoSkeleton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const screenReaderOnly_1 = require("../../../components/screenReaderOnly");
+const skeleton_1 = require("../../../components/skeleton");
+const video_styled_1 = require("../video.styled");
+const VideoSkeleton = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(video_styled_1.VideoSkeletonContainerStyled, { styles: props.styles, children: [props.styles.videoSkeleton?.variant &&
+                        props.styles.videoSkeleton?.height &&
+                        props.styles.videoSkeleton?.width && ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { dataTestId: props.dataTestIdVideoSkeleton, height: props.styles.videoSkeleton?.height, shapeVariant: props.styles.videoSkeleton?.shapeVariant, variant: props.styles.videoSkeleton?.variant, width: props.styles.videoSkeleton?.width })), (0, jsx_runtime_1.jsx)(video_styled_1.ButtonsSkeletonContainerStyled, { styles: props.styles, children: props.styles.buttonSkeleton?.variant &&
+                            props.styles.buttonSkeleton?.height &&
+                            props.styles.buttonSkeleton?.width && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: props.styles.buttonSkeleton?.height, shapeVariant: props.styles.buttonSkeleton?.shapeVariant, variant: props.styles.buttonSkeleton?.variant, width: props.styles.buttonSkeleton?.width }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: props.styles.buttonSkeleton?.height, shapeVariant: props.styles.buttonSkeleton?.shapeVariant, variant: props.styles.buttonSkeleton?.variant, width: props.styles.buttonSkeleton?.width })] })) })] }), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.skeletonText })] }));
+};
+exports.VideoSkeleton = VideoSkeleton;
+//# sourceMappingURL=videoSkeleton.js.map

package/dist/cjs/components/video/components/videoSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoSkeleton.js","sourceRoot":"","sources":["../../../../../src/components/video/components/videoSkeleton.tsx"],"names":[],"mappings":";;;;AAEA,oEAAiE;AACjE,oDAAiD;AAGjD,kDAA+F;AAQxF,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAe,EAAE;IAClE,OAAO,CACL,6DACE,wBAAC,2CAA4B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAC/C,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO;wBAClC,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM;wBAClC,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,IAAI,CACnC,uBAAC,mBAAQ,IACP,UAAU,EAAE,KAAK,CAAC,uBAAuB,EACzC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,EAC1C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,YAAY,EACtD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,EAC5C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,GACxC,CACH,EACH,uBAAC,6CAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACjD,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO;4BACnC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM;4BACnC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,IAAI,CACpC,6DACE,uBAAC,mBAAQ,IACP,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,EAC3C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,EACvD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO,EAC7C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,GACzC,EACF,uBAAC,mBAAQ,IACP,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,EAC3C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,EACvD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO,EAC7C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,GACzC,IACD,CACJ,GAC4B,IACJ,EAC/B,uBAAC,mCAAgB,cAAE,KAAK,CAAC,YAAY,GAAoB,IACxD,CACJ,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,aAAa,iBAuCxB"}

package/dist/cjs/components/video/components/volume.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Volume = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mediaButton_1 = require("../../../components/mediaButton/mediaButton");
+const tooltipUnControlled_1 = require("../../../components/tooltip/tooltipUnControlled");
+const hooks_1 = require("../../../hooks");
+const types_1 = require("../../../types");
+const video_styled_1 = require("../video.styled");
+const Volume = (props) => {
+    const device = (0, hooks_1.useMediaDevice)();
+    const ButtonBarVolume = props.styles.buttonsBarVolumeIcon?.size?.[device] ? ((0, jsx_runtime_1.jsx)(mediaButton_1.MediaButton, { hasBackground: false, icon: props.buttonsBarVolumeIcon, size: props.styles.buttonsBarVolumeIcon?.size?.[device], twisted: props.volume === '0', twistedIcon: props.buttonsBarVolumeIconToTransition, variant: props.styles.buttonsBarVolumeIcon?.variant, onClick: props.onVolumeButtonClick })) : null;
+    const VolumeInput = ((0, jsx_runtime_1.jsx)(video_styled_1.VolumeContainerStyled, { "aria-label": props.volumeBarAriaLabel, "data-testid": props.dataTestIdVolumeInput, max: "100", min: "0", styles: props.styles, type: "range", value: props.volume, onChange: props.onVolumeChange }));
+    return device === types_1.DeviceBreakpointsType.DESKTOP ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(tooltipUnControlled_1.TooltipUnControlled, { childrenAsButton: false, content: { content: props.buttonsBarVolumeIconTooltip }, tooltipAsModal: false, variant: props.styles.tooltip?.variant, children: ButtonBarVolume }), VolumeInput] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [ButtonBarVolume, VolumeInput] }));
+};
+exports.Volume = Volume;
+//# sourceMappingURL=volume.js.map

package/dist/cjs/components/video/components/volume.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume.js","sourceRoot":"","sources":["../../../../../src/components/video/components/volume.tsx"],"names":[],"mappings":";;;;AAGA,sEAAmE;AAEnE,kFAA0F;AAC1F,mCAAyC;AACzC,mCAAgD;AAGhD,kDAAwD;AAmCjD,MAAM,MAAM,GAAG,CAAC,KAAc,EAAe,EAAE;IACpD,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAC1E,uBAAC,yBAAW,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,oBAAoB,EAChC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAC9E,OAAO,EAAE,KAAK,CAAC,MAAM,KAAK,GAAG,EAC7B,WAAW,EAAE,KAAK,CAAC,gCAAgC,EACnD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,OAAO,EACnD,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,WAAW,GAAG,CAClB,uBAAC,oCAAqB,kBACR,KAAK,CAAC,kBAAkB,iBACvB,KAAK,CAAC,qBAAqB,EACxC,GAAG,EAAC,KAAK,EACT,GAAG,EAAC,GAAG,EACP,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,MAAM,EACnB,QAAQ,EAAE,KAAK,CAAC,cAAc,GAC9B,CACH,CAAC;IACF,OAAO,MAAM,KAAK,6BAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChD,6DACE,uBAAC,yCAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,2BAA2B,EAAE,EACvD,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,YAErC,eAAe,GACR,EACT,WAAW,IACX,CACJ,CAAC,CAAC,CAAC,CACF,6DACG,eAAe,EACf,WAAW,IACX,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,MAAM,UA6CjB"}

package/dist/cjs/components/video/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = exports.VideoControlled = exports.VideoStandAlone = void 0;
+__exportStar(require("./types"), exports);
+var videoStandAlone_1 = require("./videoStandAlone");
+Object.defineProperty(exports, "VideoStandAlone", { enumerable: true, get: function () { return videoStandAlone_1.VideoStandAlone; } });
+var videoControlled_1 = require("./videoControlled");
+Object.defineProperty(exports, "VideoControlled", { enumerable: true, get: function () { return videoControlled_1.VideoControlled; } });
+var videoUnControlled_1 = require("./videoUnControlled");
+Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return videoUnControlled_1.VideoUnControlled; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/video/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AAExB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,yDAAiE;AAAxD,0GAAA,iBAAiB,OAAS"}

package/dist/cjs/components/video/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./video"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/video/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/video/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/cjs/components/video/types/video.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkAndActionButtonAlignment = void 0;
+var LinkAndActionButtonAlignment;
+(function (LinkAndActionButtonAlignment) {
+    LinkAndActionButtonAlignment["LEFT"] = "flex-start";
+    LinkAndActionButtonAlignment["CENTER"] = "center";
+    LinkAndActionButtonAlignment["RIGHT"] = "flex-end";
+})(LinkAndActionButtonAlignment || (exports.LinkAndActionButtonAlignment = LinkAndActionButtonAlignment = {}));
+//# sourceMappingURL=video.js.map

package/dist/cjs/components/video/types/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../../../src/components/video/types/video.ts"],"names":[],"mappings":";;;AASA,IAAY,4BAIX;AAJD,WAAY,4BAA4B;IACtC,mDAAmB,CAAA;IACnB,iDAAiB,CAAA;IACjB,kDAAkB,CAAA;AACpB,CAAC,EAJW,4BAA4B,4CAA5B,4BAA4B,QAIvC"}

package/dist/cjs/components/video/types/videoTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=videoTheme.js.map

package/dist/cjs/components/video/types/videoTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoTheme.js","sourceRoot":"","sources":["../../../../../src/components/video/types/videoTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/video/video.styled.js

@@ -0,0 +1,156 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayStyled = exports.ButtonsSkeletonContainerStyled = exports.VideoSkeletonContainerStyled = exports.BottomContainerStyled = exports.ButtonsBarSecondSubontainerStyled = exports.ButtonsBarFirstSubcontainerStyled = exports.VolumeContainerStyled = exports.ButtonsContainerStyled = exports.ControlsContainerStyled = exports.ScreenIconContainerStyled = exports.VideoElement = exports.VideoContainerStyled = exports.ContainerStyled = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const getStyles_1 = require("../../utils/getStyles/getStyles");
+exports.ContainerStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.container)}
+`;
+exports.VideoContainerStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.videoContainer)}
+`;
+exports.VideoElement = styled_components_1.default.video `
+  // Allow to set aspect radio to 16:9
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  object-fit: ${({ isFullScreen }) => (isFullScreen ? 'content' : 'fill')};
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.videoElement)};
+  //Style text subtitles
+  ::cue {
+    ${({ styles, theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet, onlyMobile }, }, }) => (0, styled_components_1.css) `
+      ${onlyDesktop} {
+        color: ${styles?.subtitles?.color};
+        font-size: ${styles?.subtitles?.DESKTOP?.font_size};
+        line-height: ${styles?.subtitles?.DESKTOP?.line_height};
+        font-weight: ${styles?.subtitles?.font_weight};
+        background-color: ${styles?.subtitles?.background_color};
+      }
+      ${onlyTablet} {
+        color: ${styles?.subtitles?.color};
+        font-size: ${styles?.subtitles?.TABLET?.font_size};
+        line-height: ${styles?.subtitles?.TABLET?.line_height};
+        font-weight: ${styles?.subtitles?.font_weight};
+        background-color: ${styles?.subtitles?.background_color};
+        margin-bottom: ${styles?.subtitles?.margin_bottom};
+      }
+      ${onlyMobile} {
+        color: ${styles?.subtitles?.color};
+        font-size: ${styles?.subtitles?.MOBILE?.font_size};
+        line-height: ${styles?.subtitles?.MOBILE?.line_height};
+        font-weight: ${styles?.subtitles?.font_weight};
+        background-color: ${styles?.subtitles?.background_color};
+        margin-bottom: ${styles?.subtitles?.margin_bottom};
+      }
+    `};
+  }
+  ::-webkit-media-text-track-display {
+    padding-bottom: ${({ paddingBottomSubtitles }) => paddingBottomSubtitles};
+  }
+  // Safari: get margins/paddings for subtitles containers
+  ::-webkit-media-text-track-container {
+    padding-bottom: ${({ paddingBottomSubtitles }) => paddingBottomSubtitles};
+  }
+  //Safari. If "::cue" doesnt work, use this
+  /* ::-webkit-media-text-track-display-backdrop {
+    ${({ styles, theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet, onlyMobile }, }, }) => (0, styled_components_1.css) `
+    ${onlyDesktop} {
+      color: ${styles?.subtitles?.color};
+      font-size: ${styles?.subtitles?.DESKTOP?.font_size};
+      line-height: ${styles?.subtitles?.DESKTOP?.line_height};
+      font-weight: ${styles?.subtitles?.font_weight};
+      background-color: ${styles?.subtitles?.background_color};
+    }
+    ${onlyTablet} {
+      color: ${styles?.subtitles?.color};
+      font-size: ${styles?.subtitles?.TABLET?.font_size};
+      line-height: ${styles?.subtitles?.TABLET?.line_height};
+      font-weight: ${styles?.subtitles?.font_weight};
+      background-color: ${styles?.subtitles?.background_color};
+      margin-bottom: ${styles?.subtitles?.margin_bottom};
+    }
+    ${onlyMobile} {
+      color: ${styles?.subtitles?.color};
+      font-size: ${styles?.subtitles?.MOBILE?.font_size};
+      line-height: ${styles?.subtitles?.MOBILE?.line_height};
+      font-weight: ${styles?.subtitles?.font_weight};
+      background-color: ${styles?.subtitles?.background_color};
+      margin-bottom: ${styles?.subtitles?.margin_bottom};
+    }
+  `};
+  } */
+`;
+exports.ScreenIconContainerStyled = styled_components_1.default.div `
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.screenIconContainer)}
+`;
+exports.ControlsContainerStyled = styled_components_1.default.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.controlsContainer)}
+  opacity: ${({ showControls }) => (!showControls ? '0' : undefined)};
+`;
+exports.ButtonsContainerStyled = styled_components_1.default.div `
+  display: flex;
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.buttonsContainer)}
+`;
+exports.VolumeContainerStyled = styled_components_1.default.input `
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.volumeBar)}
+`;
+exports.ButtonsBarFirstSubcontainerStyled = styled_components_1.default.div `
+  display: flex;
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.buttonsBarFirstSubcontainer)}
+`;
+exports.ButtonsBarSecondSubontainerStyled = styled_components_1.default.div `
+  display: flex;
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.buttonsBarSecondSubcontainer)}
+`;
+exports.BottomContainerStyled = styled_components_1.default.div `
+  display: flex;
+  justify-content: ${({ linkAndActionButtonAlignment }) => linkAndActionButtonAlignment ?? 'flex-end'};
+  width: 100%;
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.bottomContainer)}
+`;
+exports.VideoSkeletonContainerStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.videoSkeletonContainer)}
+`;
+exports.ButtonsSkeletonContainerStyled = styled_components_1.default.div `
+  display: flex;
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.buttonsSkeletonContainer)}
+`;
+exports.OverlayStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles?.overlay)}
+`;
+//# sourceMappingURL=video.styled.js.map

package/dist/cjs/components/video/video.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.styled.js","sourceRoot":"","sources":["../../../../src/components/video/video.styled.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/video/videoControlled.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const constants_1 = require("../../constants");
+const useStyles_1 = require("../../hooks/useStyles/useStyles");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const genericComponents_1 = require("../../provider/genericComponents");
+const videoStandAlone_1 = require("./videoStandAlone");
+const VideoControlledComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
+    const variantStyles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.VIDEO, variant, ctv);
+    const { LINK: genericLinkComponent } = (0, genericComponents_1.useGenericComponents)();
+    return ((0, jsx_runtime_1.jsx)(videoStandAlone_1.VideoStandAlone, { ...props, ref: ref, componentLink: genericLinkComponent, styles: variantStyles }));
+});
+VideoControlledComponent.displayName = 'VideoControlledComponent';
+const VideoBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(videoStandAlone_1.VideoStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(VideoControlledComponent, { ...props, ref: ref }) }));
+const VideoControlled = React.forwardRef(VideoBoundary);
+exports.VideoControlled = VideoControlled;
+//# sourceMappingURL=videoControlled.js.map

package/dist/cjs/components/video/videoControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoControlled.js","sourceRoot":"","sources":["../../../../src/components/video/videoControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAC5E,oEAAoE;AAIpE,uDAAoD;AAEpD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EAC/C,GAA0D,EAC7C,EAAE;IACf,MAAM,aAAa,GAAG,IAAA,qBAAS,EAAoB,uBAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACpF,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAE9D,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,oBAAoB,EACnC,MAAM,EAAE,aAAa,GACrB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CACpB,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAIjB,CAAC;AAE7B,0CAAe"}

package/dist/cjs/components/video/videoStandAlone.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const progressBar_1 = require("../progressBar");
+const components_1 = require("./components");
+const video_styled_1 = require("./video.styled");
+const VIDEO_BASE_ID = 'video';
+const VideoStandAloneComponent = (props, ref) => {
+    const BASE_ID = (0, hooks_1.useId)(VIDEO_BASE_ID);
+    const controlsContainerId = `${BASE_ID}-controlsContainer`;
+    const getPaddingBottomSubtitles = () => {
+        //This padding must be pressent always
+        const paddingBottom = parseFloat(props.styles.subtitles?.padding_bottom ?? '0');
+        //This additional padding only should be present when controls container is showed
+        const additionalPadding = parseFloat(props.styles.subtitles?.additionalPaddingForSubtitles ?? '0');
+        return `${paddingBottom + additionalPadding}rem`;
+    };
+    if (props.hasSkeleton) {
+        return ((0, jsx_runtime_1.jsx)(components_1.VideoSkeleton, { dataTestIdVideoSkeleton: props.dataTestIdVideoSkeleton, skeletonText: props.skeletonText, styles: props.styles }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(video_styled_1.ContainerStyled, { ref: ref, "data-testid": props.dataTestIdParentContainer, styles: props.styles, children: [(0, jsx_runtime_1.jsxs)(video_styled_1.VideoContainerStyled, { ref: props.videoContainerRef, styles: props.styles, children: [props.hasOverlay && ((0, jsx_runtime_1.jsx)(video_styled_1.OverlayStyled, { "data-testid": props.dataTestIdOverlay, styles: props.styles })), (0, jsx_runtime_1.jsxs)(video_styled_1.VideoElement, { ref: props.videoRef, controls: false, isFullScreen: props.fullScreen, paddingBottomSubtitles: getPaddingBottomSubtitles(), poster: props.posterUrl, styles: props.styles, width: "100%", onCanPlay: props.onCanPlay, onClick: props.onTogglePlay, onLoadedMetadata: props.onLoadedMetadata, onPause: props.onVideoPause, onPlay: props.onVideoPlay, onTimeUpdate: props.onTimeUpdate, children: [(0, jsx_runtime_1.jsx)("source", { src: props.videoSrc, type: props.videoType }), props.subtitlesActivated && ((0, jsx_runtime_1.jsx)("track", { default: true, kind: props.trackKind, label: props.trackLabel, src: props.trackSrc, srcLang: props.trackSrcLang }))] }), props.showScreenButtons && ((0, jsx_runtime_1.jsx)(components_1.ScreenButtons, { handlePlayStopVideo: props.onTogglePlay, loading: props.loading, playing: props.playing, screenLoadingIcon: props.screenLoadingIcon, screenPlayIcon: props.screenPlayIcon, styles: props.styles })), !props.loading && !props.hasOverlay && ((0, jsx_runtime_1.jsxs)(video_styled_1.ControlsContainerStyled, { id: controlsContainerId, showControls: props.showControls, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { barAriaLabel: props.barAriaLabel, percentProgressCompleted: (props.currentTime / (props.duration || 1)) * 100, size: props.styles.progressBarSize, variant: props.styles.progressBarVariant, onChange: props.onProgressBarChange, onDragEnd: props.onProgressBarDragEnd, onDragStart: props.onProgressBarDragStart }), (0, jsx_runtime_1.jsxs)(video_styled_1.ButtonsContainerStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsxs)(video_styled_1.ButtonsBarFirstSubcontainerStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(components_1.PlayStopButton, { buttonsBarPlayIcon: props.buttonsBarPlayIcon, buttonsBarPlayIconToTransition: props.buttonsBarPlayIconToTransition, buttonsBarPlayIconTooltip: props.buttonsBarPlayIconTooltip, handlePlayStopVideo: props.onTogglePlay, playing: props.playing, styles: props.styles }), (0, jsx_runtime_1.jsx)(components_1.Volume, { buttonsBarVolumeIcon: props.buttonsBarVolumeIcon, buttonsBarVolumeIconToTransition: props.buttonsBarVolumeIconToTransition, buttonsBarVolumeIconTooltip: props.buttonsBarVolumeIconTooltip, dataTestIdVolumeInput: props.dataTestIdVolumeInput, styles: props.styles, volume: props.volume, volumeBarAriaLabel: props.volumeBarAriaLabel, onVolumeButtonClick: props.onVolumeButtonClick, onVolumeChange: props.onVolumeChange }), (0, jsx_runtime_1.jsx)(components_1.Time, { currentTime: props.currentTime, duration: props.duration, styles: props.styles })] }), (0, jsx_runtime_1.jsx)(video_styled_1.ButtonsBarSecondSubontainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(components_1.SubtitleFullScreenButtons, { buttonsBarFullScreenIcon: props.buttonsBarFullScreenIcon, buttonsBarFullScreenIconToTransition: props.buttonsBarFullScreenIconToTransition, buttonsBarFullScreenIconTooltip: props.buttonsBarFullScreenIconTooltip, buttonsBarSubtitlesIcon: props.buttonsBarSubtitlesIcon, buttonsBarSubtitlesIconToTransition: props.buttonsBarSubtitlesIconToTransition, buttonsBarSubtitlesIconTooltip: props.buttonsBarSubtitlesIconTooltip, fullScreen: props.fullScreen, styles: props.styles, subtitlesActivated: props.subtitlesActivated, onFullScreenClick: props.onFullScreenClick, onSubtitlesClick: props.onSubtitlesClick }) })] })] }))] }), (0, jsx_runtime_1.jsx)(components_1.LinkAndActionButton, { actionButton: props.actionButton, componentLink: props.componentLink, linkAndActionButtonAlignment: props.linkAndActionButtonAlignment, linkTarget: props.linkTarget, linkText: props.linkText, linkUrl: props.linkUrl, styles: props.styles, onLinkClick: props.onLinkClick })] }));
+};
+exports.VideoStandAlone = React.forwardRef(VideoStandAloneComponent);
+//# sourceMappingURL=videoStandAlone.js.map

package/dist/cjs/components/video/videoStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoStandAlone.js","sourceRoot":"","sources":["../../../../src/components/video/videoStandAlone.tsx"],"names":[],"mappings":"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"}