@se-studio/core-ui 1.0.8 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ExternalVideoComponent.d.ts +1 -1
- package/dist/components/ExternalVideoComponent.d.ts.map +1 -1
- package/dist/components/ExternalVideoComponent.js +1 -1
- package/dist/components/ExternalVideoComponent.js.map +1 -1
- package/dist/components/ImageComponent.d.ts +1 -1
- package/dist/components/ImageComponent.d.ts.map +1 -1
- package/dist/components/ImageComponent.js +3 -3
- package/dist/components/ImageComponent.js.map +1 -1
- package/dist/components/ImageKitClientVideo.d.ts +1 -1
- package/dist/components/ImageKitClientVideo.d.ts.map +1 -1
- package/dist/components/ImageKitClientVideo.js +8 -4
- package/dist/components/ImageKitClientVideo.js.map +1 -1
- package/dist/components/LocalVideoServer.d.ts.map +1 -1
- package/dist/components/LocalVideoServer.js +2 -2
- package/dist/components/LocalVideoServer.js.map +1 -1
- package/dist/components/PictureComponent.js +2 -2
- package/dist/components/SvgImageComponent.d.ts +1 -1
- package/dist/components/SvgImageComponent.d.ts.map +1 -1
- package/dist/components/SvgImageComponent.js +2 -2
- package/dist/components/SvgImageComponent.js.map +1 -1
- package/dist/components/Visual.d.ts +1 -3
- package/dist/components/Visual.d.ts.map +1 -1
- package/dist/components/Visual.js +1 -1
- package/dist/components/Visual.js.map +1 -1
- package/dist/framework/BackgroundMedia.d.ts.map +1 -1
- package/dist/framework/BackgroundMedia.js +1 -1
- package/dist/framework/BackgroundMedia.js.map +1 -1
- package/dist/framework/ResponsiveVisual.d.ts.map +1 -1
- package/dist/framework/ResponsiveVisual.js +4 -2
- package/dist/framework/ResponsiveVisual.js.map +1 -1
- package/dist/utils/UnusedChecker.d.ts.map +1 -1
- package/dist/utils/UnusedChecker.js +0 -1
- package/dist/utils/UnusedChecker.js.map +1 -1
- package/dist/utils/visualPositions.d.ts +1 -1
- package/dist/utils/visualPositions.d.ts.map +1 -1
- package/dist/utils/visualPositions.js +3 -3
- package/dist/utils/visualPositions.js.map +1 -1
- package/dist/utils/visualSizes.d.ts.map +1 -1
- package/dist/utils/visualSizes.js +9 -3
- package/dist/utils/visualSizes.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IAnalyticsContext, IExternalVideo } from '@se-studio/core-data-types';
|
|
2
2
|
import type { IVideoProps } from './Video';
|
|
3
|
-
declare function ExternalVideoComponent({ video, autoPlay, loop, fullPlayer,
|
|
3
|
+
declare function ExternalVideoComponent({ video, autoPlay, loop, fullPlayer, analyticsContext, componentLabel, ...props }: {
|
|
4
4
|
video: IExternalVideo;
|
|
5
5
|
analyticsContext: IAnalyticsContext | null | undefined;
|
|
6
6
|
componentLabel: string | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExternalVideoComponent.d.ts","sourceRoot":"","sources":["../../src/components/ExternalVideoComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkB3C,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,UAAiB,EACjB,
|
|
1
|
+
{"version":3,"file":"ExternalVideoComponent.d.ts","sourceRoot":"","sources":["../../src/components/ExternalVideoComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkB3C,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,UAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EACT,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,2CAsCd;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -15,7 +15,7 @@ function tryGetVimeoId(url) {
|
|
|
15
15
|
const match = url.match(/vimeo\.com\/(?:video\/)?(\d+)/);
|
|
16
16
|
return match ? match[1] : null;
|
|
17
17
|
}
|
|
18
|
-
function ExternalVideoComponent({ video, autoPlay, loop, fullPlayer = true,
|
|
18
|
+
function ExternalVideoComponent({ video, autoPlay, loop, fullPlayer = true, analyticsContext, componentLabel, ...props }) {
|
|
19
19
|
const realAutoPlay = autoPlay ?? video.autoPlay ?? undefined;
|
|
20
20
|
const realLoop = loop ?? video.loop ?? undefined;
|
|
21
21
|
const youTubeId = tryGetYouTubeId(video.external);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExternalVideoComponent.js","sourceRoot":"","sources":["../../src/components/ExternalVideoComponent.tsx"],"names":[],"mappings":";AACA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,SAAS,eAAe,CAAC,GAAW;IAClC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IAChC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,UAAU,GAAG,IAAI,EACjB,
|
|
1
|
+
{"version":3,"file":"ExternalVideoComponent.js","sourceRoot":"","sources":["../../src/components/ExternalVideoComponent.tsx"],"names":[],"mappings":";AACA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,SAAS,eAAe,CAAC,GAAW;IAClC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IAChC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,UAAU,GAAG,IAAI,EACjB,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EAKK;IACb,MAAM,YAAY,GAAG,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC;IAC7D,MAAM,QAAQ,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;IACjD,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAClD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,gCAEjD,0BAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,SAAQ,IACxC,CACP,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type IImage } from '@se-studio/core-data-types';
|
|
2
2
|
import type { IImageProps } from './Visual';
|
|
3
|
-
declare function ImageComponent({ image, visualSizes,
|
|
3
|
+
declare function ImageComponent({ image, visualSizes, fetchPriority, loading, ...props }: {
|
|
4
4
|
image: IImage;
|
|
5
5
|
} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export default ImageComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageComponent.d.ts","sourceRoot":"","sources":["../../src/components/ImageComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAyB,MAAM,4BAA4B,CAAC;AAIhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAW,EACX,
|
|
1
|
+
{"version":3,"file":"ImageComponent.d.ts","sourceRoot":"","sources":["../../src/components/ImageComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAyB,MAAM,4BAA4B,CAAC;AAIhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACT,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,2CAevE;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -3,12 +3,12 @@ import { isSvgData, isSvgImage } from '@se-studio/core-data-types';
|
|
|
3
3
|
import PictureComponent from './PictureComponent';
|
|
4
4
|
import SvgComponent from './SvgComponent';
|
|
5
5
|
import SvgImageComponent from './SvgImageComponent';
|
|
6
|
-
function ImageComponent({ image, visualSizes,
|
|
6
|
+
function ImageComponent({ image, visualSizes, fetchPriority, loading, ...props }) {
|
|
7
7
|
if (isSvgData(image))
|
|
8
8
|
return _jsx(SvgComponent, { image: image, ...props });
|
|
9
9
|
if (isSvgImage(image))
|
|
10
|
-
return _jsx(SvgImageComponent, { image: image,
|
|
11
|
-
return (_jsx(PictureComponent, { image: image, visualSizes: visualSizes,
|
|
10
|
+
return (_jsx(SvgImageComponent, { image: image, fetchPriority: fetchPriority, loading: loading, ...props }));
|
|
11
|
+
return (_jsx(PictureComponent, { image: image, visualSizes: visualSizes, fetchPriority: fetchPriority, loading: loading, ...props }));
|
|
12
12
|
}
|
|
13
13
|
export default ImageComponent;
|
|
14
14
|
//# sourceMappingURL=ImageComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageComponent.js","sourceRoot":"","sources":["../../src/components/ImageComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,SAAS,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAW,EACX,
|
|
1
|
+
{"version":3,"file":"ImageComponent.js","sourceRoot":"","sources":["../../src/components/ImageComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,SAAS,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EAC8D;IACtE,IAAI,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;IACvE,IAAI,UAAU,CAAC,KAAK,CAAC;QACnB,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,GAAI,CAC/F,CAAC;IACJ,OAAO,CACL,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type IVisualCommon } from '@se-studio/core-data-types';
|
|
2
2
|
import type { IVideoProps } from './Video';
|
|
3
|
-
declare function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading,
|
|
3
|
+
declare function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading, fetchPriority, noPoster, ...props }: {
|
|
4
4
|
url: string;
|
|
5
5
|
videoPrefix: string;
|
|
6
6
|
width: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageKitClientVideo.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AACjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageKitClientVideo.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AACjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA4C3C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAO,EACP,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GAC/D,WAAW,2CAiCZ;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -7,10 +7,14 @@ const VideoSources = ({ baseSrc, videoPrefix, width, visualSizes }) => {
|
|
|
7
7
|
}
|
|
8
8
|
const sizes = processSizes(visualSizes)
|
|
9
9
|
?.breakpoints?.filter((x) => !width || x.pixels < width)
|
|
10
|
-
.sort((a, b) => a.
|
|
11
|
-
return (_jsxs(_Fragment, { children: [sizes?.map(({
|
|
10
|
+
.sort((a, b) => a.minWidth - b.minWidth);
|
|
11
|
+
return (_jsxs(_Fragment, { children: [sizes?.map(({ minWidth, pixels }, index, arr) => {
|
|
12
|
+
const nextBreakpoint = arr[index + 1];
|
|
13
|
+
const maxWidth = nextBreakpoint ? nextBreakpoint.minWidth - 1 : undefined;
|
|
14
|
+
return maxWidth ? (_jsx("source", { src: `${videoPrefix}${baseSrc}?tr=w-${pixels}`, media: `(max-width: ${maxWidth}px)`, type: "video/mp4" }, minWidth)) : null;
|
|
15
|
+
}), visualSizes.defaultPixels ? (_jsx("source", { src: `${videoPrefix}${baseSrc}?tr=w-${visualSizes.defaultPixels}`, type: "video/mp4" })) : (_jsx("source", { src: `${videoPrefix}${baseSrc}`, type: "video/mp4" }))] }));
|
|
12
16
|
};
|
|
13
|
-
function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading,
|
|
17
|
+
function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading, fetchPriority, noPoster, ...props }) {
|
|
14
18
|
const fullUrl = new URL(url);
|
|
15
19
|
const cropProperties = calculateCropDetails({
|
|
16
20
|
dontCrop,
|
|
@@ -24,7 +28,7 @@ function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, styl
|
|
|
24
28
|
const extension = pathname.endsWith('.mp4') ? '' : '/ik-video.mp4';
|
|
25
29
|
const baseSrc = `${pathname}${extension}`;
|
|
26
30
|
const realPoster = noPoster ? undefined : (poster ?? `${videoPrefix}${baseSrc}/ik-thumbnail.jpg`);
|
|
27
|
-
return (_jsx("video", { playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: realControls, style: { ...style, ...cropProperties }, width: width, height: height, preload:
|
|
31
|
+
return (_jsx("video", { playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: realControls, style: { ...style, ...cropProperties }, width: width, height: height, preload: fetchPriority !== 'high' && loading !== 'eager' ? 'none' : undefined, ...props, poster: realPoster, children: _jsx(VideoSources, { videoPrefix: videoPrefix, baseSrc: baseSrc, visualSizes: visualSizes }) }));
|
|
28
32
|
}
|
|
29
33
|
export default ImageKitVideo;
|
|
30
34
|
//# sourceMappingURL=ImageKitClientVideo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageKitClientVideo.js","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEjG,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,YAAY,GAKb,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IACpD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,iBAAQ,GAAG,EAAE,GAAG,WAAW,GAAG,OAAO,EAAE,EAAE,IAAI,EAAC,WAAW,GAAG,CAAC;IACtE,CAAC;IAED,MAAM,KAAK,GAAG,YAAY,CAAC,WAAW,CAAC;QACrC,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC;SACvD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,8BACG,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"ImageKitClientVideo.js","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalVideoServer.d.ts","sourceRoot":"","sources":["../../src/components/LocalVideoServer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqC3C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAC9B;IACE,KAAK,EAAE,WAAW,CAAC;IACnB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"LocalVideoServer.d.ts","sourceRoot":"","sources":["../../src/components/LocalVideoServer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqC3C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAC9B;IACE,KAAK,EAAE,WAAW,CAAC;IACnB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,CA4BhB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -23,9 +23,9 @@ async function tryGetVideoMetadata(url) {
|
|
|
23
23
|
}
|
|
24
24
|
return undefined;
|
|
25
25
|
}
|
|
26
|
-
const LocalVideoServer = async ({ video,
|
|
26
|
+
const LocalVideoServer = async ({ video, autoPlay, loop, controls, poster, analyticsContext, componentLabel, ...props }) => {
|
|
27
27
|
const videoMetadata = await tryGetVideoMetadata(video.preview.videoUrl);
|
|
28
|
-
return (_jsx(ImageKitVideo, { url: video.preview.videoUrl, videoPrefix: video.videoPrefix, width: videoMetadata?.width, height: videoMetadata?.height,
|
|
28
|
+
return (_jsx(ImageKitVideo, { url: video.preview.videoUrl, videoPrefix: video.videoPrefix, width: videoMetadata?.width, height: videoMetadata?.height, autoPlay: video.autoPlay ?? autoPlay, loop: video.loop ?? loop, controls: !video.hideControls && controls, poster: video.poster ?? poster, dontCrop: video.dontCrop, verticalCropPosition: video.verticalCropPosition, horizontalCropPosition: video.horizontalCropPosition, ...props }));
|
|
29
29
|
};
|
|
30
30
|
export default LocalVideoServer;
|
|
31
31
|
//# sourceMappingURL=LocalVideoServer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalVideoServer.js","sourceRoot":"","sources":["../../src/components/LocalVideoServer.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAYlD,KAAK,UAAU,mBAAmB,CAAC,GAAW;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;IAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC;IACpD,IAAI,CAAC,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;IAC7D,CAAC;IACD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,GAAG,GAAG,GAAG,WAAW,GAAG,OAAO,CAAC,QAAQ,eAAe,CAAC;IAE7D,MAAM,OAAO,GAAG,2CAA2C,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IACrF,MAAM,WAAW,GAAgB;QAC/B,MAAM,EAAE,KAAK;QACb,OAAO,EAAE;YACP,aAAa,EAAE,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;SAC3E;QACD,KAAK,EAAE,aAAa;KACrB,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACnD,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;QAChB,MAAM,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAA8B,CAAC;QACtE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,gBAAgB,GAMlB,KAAK,EAAE,EACT,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"LocalVideoServer.js","sourceRoot":"","sources":["../../src/components/LocalVideoServer.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAYlD,KAAK,UAAU,mBAAmB,CAAC,GAAW;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;IAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC;IACpD,IAAI,CAAC,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;IAC7D,CAAC;IACD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,GAAG,GAAG,GAAG,WAAW,GAAG,OAAO,CAAC,QAAQ,eAAe,CAAC;IAE7D,MAAM,OAAO,GAAG,2CAA2C,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IACrF,MAAM,WAAW,GAAgB;QAC/B,MAAM,EAAE,KAAK;QACb,OAAO,EAAE;YACP,aAAa,EAAE,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;SAC3E;QACD,KAAK,EAAE,aAAa;KACrB,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACnD,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;QAChB,MAAM,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAA8B,CAAC;QACtE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,gBAAgB,GAMlB,KAAK,EAAE,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACxE,OAAO,CACL,KAAC,aAAa,IACZ,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAC3B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,aAAa,EAAE,KAAK,EAC3B,MAAM,EAAE,aAAa,EAAE,MAAM,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,EACpC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,EACxB,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,IAAI,QAAQ,EACzC,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,KAChD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -7,8 +7,8 @@ function calculateSizes(visualSizes) {
|
|
|
7
7
|
return '100vw';
|
|
8
8
|
}
|
|
9
9
|
const result = processSizes(visualSizes)
|
|
10
|
-
?.breakpoints?.sort((a, b) =>
|
|
11
|
-
.map(({
|
|
10
|
+
?.breakpoints?.sort((a, b) => b.minWidth - a.minWidth)
|
|
11
|
+
.map(({ minWidth, size }) => `(min-width: ${minWidth}px) ${size}`) ?? [];
|
|
12
12
|
if (visualSizes.defaultSize) {
|
|
13
13
|
result.push(visualSizes.defaultSize);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ISvgImage } from '@se-studio/core-data-types';
|
|
2
2
|
import { type IImageProps } from './Visual';
|
|
3
|
-
declare function SvgImageComponent({ image, loading,
|
|
3
|
+
declare function SvgImageComponent({ image, loading, fetchPriority, className, style, }: {
|
|
4
4
|
image: ISvgImage;
|
|
5
5
|
} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export default SvgImageComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgImageComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"SvgImageComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,GACN,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,2CAiB1E;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import Image from 'next/image';
|
|
3
3
|
import { calculateCropDetails } from './Visual';
|
|
4
|
-
function SvgImageComponent({ image, loading,
|
|
4
|
+
function SvgImageComponent({ image, loading, fetchPriority, className, style, }) {
|
|
5
5
|
const { svgSrc, name, width, height, description } = image;
|
|
6
6
|
const cropProperties = calculateCropDetails(image);
|
|
7
|
-
return (_jsx(Image, { src: svgSrc, alt: description ?? name, width: width, height: height, style: { ...style, ...cropProperties }, loading: loading, className: className, unoptimized: true,
|
|
7
|
+
return (_jsx(Image, { src: svgSrc, alt: description ?? name, width: width, height: height, style: { ...style, ...cropProperties }, loading: loading, className: className, unoptimized: true, fetchPriority: fetchPriority }));
|
|
8
8
|
}
|
|
9
9
|
export default SvgImageComponent;
|
|
10
10
|
//# sourceMappingURL=SvgImageComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgImageComponent.js","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"SvgImageComponent.js","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,GACoE;IACzE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,WAAW,IAAI,IAAI,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,EACtC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -10,7 +10,6 @@ export type IVisualProps = {
|
|
|
10
10
|
muted?: boolean;
|
|
11
11
|
controls?: boolean;
|
|
12
12
|
loading?: 'eager' | 'lazy' | undefined;
|
|
13
|
-
priority?: boolean;
|
|
14
13
|
fetchPriority?: 'high' | 'low' | undefined;
|
|
15
14
|
visualSizes?: IVisualSizes;
|
|
16
15
|
fullPlayer?: boolean;
|
|
@@ -19,12 +18,11 @@ export type IVisualProps = {
|
|
|
19
18
|
};
|
|
20
19
|
export type IImageProps = IVisualProps & {
|
|
21
20
|
placeholder?: PlaceholderValue;
|
|
22
|
-
priority?: boolean;
|
|
23
21
|
};
|
|
24
22
|
export declare function calculateCropDetails(details: Omit<IVisualCommon, 'id' | 'type' | 'name' | 'nameAsCaption'>): Pick<CSSProperties, 'objectFit' | 'objectPosition'>;
|
|
25
23
|
export declare function calculateImagePriority(index: number): {
|
|
26
|
-
priority: boolean;
|
|
27
24
|
fetchPriority: 'high' | 'low' | undefined;
|
|
25
|
+
loading: 'eager' | 'lazy' | undefined;
|
|
28
26
|
} | undefined;
|
|
29
27
|
export declare function calculateImageWidthStyleVariable(visual?: IVisual, baseWidth?: number | null): CSSProperties | undefined;
|
|
30
28
|
//# sourceMappingURL=Visual.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Visual.d.ts","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,YAAY,EAEb,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC,
|
|
1
|
+
{"version":3,"file":"Visual.d.ts","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,YAAY,EAEb,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAwBF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GACrE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAarD;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GAEX;IAAE,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,GACpF,SAAS,CAKZ;AAkBD,wBAAgB,gCAAgC,CAC9C,MAAM,CAAC,EAAE,OAAO,EAChB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GACxB,aAAa,GAAG,SAAS,CAO3B"}
|
|
@@ -30,7 +30,7 @@ export function calculateCropDetails(details) {
|
|
|
30
30
|
}
|
|
31
31
|
export function calculateImagePriority(index) {
|
|
32
32
|
if (index === 0) {
|
|
33
|
-
return {
|
|
33
|
+
return { fetchPriority: 'high', loading: 'eager' };
|
|
34
34
|
}
|
|
35
35
|
return undefined;
|
|
36
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Visual.js","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Visual.js","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AA+BA,SAAS,iBAAiB,CAAC,QAA0B;IACnD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,KAAK;YACR,OAAO,KAAK,CAAC;QACf;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAA4B;IACvD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,OAAsE;IAEtE,MAAM,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE3E,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAClC,CAAC;IAED,OAAO;QACL,SAAS,EAAE,OAAO;QAClB,cAAc,EAAE,GAAG,mBAAmB,CACpC,sBAAsB,CACvB,IAAI,iBAAiB,CAAC,oBAAoB,CAAC,EAAE;KAC/C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAAa;IAIb,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IACrD,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,yBAAyB,CAAC,MAAgB,EAAE,SAAyB;IAC5E,MAAM,YAAY,GAChB,MAAM,EAAE,KAAK,EAAE,YAAY,IAAI,MAAM,EAAE,SAAS,EAAE,YAAY,IAAI,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC;IAEhG,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACxD,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,gCAAgC,CAC9C,MAAgB,EAChB,SAAyB;IAEzB,MAAM,YAAY,GAAG,yBAAyB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,EAAE,eAAe,EAAE,GAAG,YAAY,GAAG,EAAmB,CAAC;AAClE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundMedia.d.ts","sourceRoot":"","sources":["../../src/framework/BackgroundMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EAEvB,MAAM,4BAA4B,CAAC;AAIpC,UAAU,oBAAoB;IAC5B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,GACf,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"BackgroundMedia.d.ts","sourceRoot":"","sources":["../../src/framework/BackgroundMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EAEvB,MAAM,4BAA4B,CAAC;AAIpC,UAAU,oBAAoB;IAC5B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,GACf,EAAE,oBAAoB,kDAuDtB"}
|
|
@@ -14,6 +14,6 @@ export function BackgroundMedia({ responsiveVisual, overlayOpacity, className, a
|
|
|
14
14
|
: undefined;
|
|
15
15
|
const isVideo = isVisualVideo(visual);
|
|
16
16
|
const isMobileVideo = isVisualVideo(mobileVisual);
|
|
17
|
-
return (_jsxs("div", { className: cn('absolute inset-0 overflow-hidden', className), children: [!hideVisual && (_jsx("div", { className: cn('size-full', (hideMobileVisual || mobileVisual) && 'max-laptop:hidden'), children: _jsx(Visual, { visual: visual, className: "size-full object-cover object-center", autoPlay: isVideo, muted: isVideo, loop: isVideo, controls: false,
|
|
17
|
+
return (_jsxs("div", { className: cn('absolute inset-0 overflow-hidden', className), children: [!hideVisual && (_jsx("div", { className: cn('size-full', (hideMobileVisual || mobileVisual) && 'max-laptop:hidden'), children: _jsx(Visual, { visual: visual, className: "size-full object-cover object-center", autoPlay: isVideo, muted: isVideo, loop: isVideo, controls: false, analyticsContext: analyticsContext, componentLabel: componentLabel }) })), mobileVisual && !hideMobileVisual && (_jsx("div", { className: "size-full block tablet:hidden", children: _jsx(Visual, { visual: mobileVisual, className: "size-full object-cover object-center", autoPlay: isMobileVideo, muted: isMobileVideo, loop: isMobileVideo, controls: false, analyticsContext: analyticsContext, componentLabel: componentLabel }) })), hasOverlay && _jsx("div", { className: "absolute inset-0", style: overlayStyle, "aria-hidden": "true" })] }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=BackgroundMedia.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundMedia.js","sourceRoot":"","sources":["../../src/framework/BackgroundMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,MAAM,UAAU,eAAe,CAAC,EAC9B,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,GACO;IACrB,IAAI,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAEnC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,CAAC;IAEhF,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,GAAG,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC;YACE,eAAe,EAAE,iBAAiB,cAAc,GAAG,GAAG,GAAG;SAC1D;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAE9D,CAAC,UAAU,IAAI,CACd,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,gBAAgB,IAAI,YAAY,CAAC,IAAI,mBAAmB,CAAC,YACxF,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,sCAAsC,EAEhD,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,KAAK,EACf,
|
|
1
|
+
{"version":3,"file":"BackgroundMedia.js","sourceRoot":"","sources":["../../src/framework/BackgroundMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,MAAM,UAAU,eAAe,CAAC,EAC9B,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,GACO;IACrB,IAAI,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAEnC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,CAAC;IAEhF,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,GAAG,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC;YACE,eAAe,EAAE,iBAAiB,cAAc,GAAG,GAAG,GAAG;SAC1D;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAE9D,CAAC,UAAU,IAAI,CACd,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,gBAAgB,IAAI,YAAY,CAAC,IAAI,mBAAmB,CAAC,YACxF,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,sCAAsC,EAEhD,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,KAAK,EACf,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACE,CACP,EAGA,YAAY,IAAI,CAAC,gBAAgB,IAAI,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,MAAM,IACL,MAAM,EAAE,YAAY,EACpB,SAAS,EAAC,sCAAsC,EAEhD,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,KAAK,EACf,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACE,CACP,EAGA,UAAU,IAAI,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,YAAY,iBAAc,MAAM,GAAG,IACvF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveVisual.d.ts","sourceRoot":"","sources":["../../src/framework/ResponsiveVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAM3F,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAC9B,YAAY,GAAG;IACb,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,
|
|
1
|
+
{"version":3,"file":"ResponsiveVisual.d.ts","sourceRoot":"","sources":["../../src/framework/ResponsiveVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAM3F,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAC9B,YAAY,GAAG;IACb,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAuDF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -5,9 +5,11 @@ import { cn } from '../utils/cn';
|
|
|
5
5
|
import { getPreviewFieldIdProps } from '../utils/previewUtils';
|
|
6
6
|
import { calculateHorizontalPositionClassName } from '../utils/visualPositions';
|
|
7
7
|
const ResponsiveVisual = ({ responsiveVisual: { visual, mobileVisual, visualCustomSize, hideMobileVisual, hideVisual }, className, useCustomSize, id, visualClassName, analyticsContext, componentLabel, ...props }) => {
|
|
8
|
-
const horizontalPositionClassName = calculateHorizontalPositionClassName(visual);
|
|
9
8
|
const imageWidthStyleVariable = calculateImageWidthStyleVariable(visual, useCustomSize ? visualCustomSize : undefined);
|
|
10
|
-
|
|
9
|
+
const horizontalPositionClassName = imageWidthStyleVariable
|
|
10
|
+
? calculateHorizontalPositionClassName(visual)
|
|
11
|
+
: undefined;
|
|
12
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(horizontalPositionClassName, (hideMobileVisual || mobileVisual) && 'max-laptop:hidden', imageWidthStyleVariable && 'laptop:w-(--image-width) w-full', className), style: imageWidthStyleVariable, children: !hideVisual && visual && (_jsx(Visual, { ...getPreviewFieldIdProps(id, 'visual'), visual: visual, className: visualClassName, analyticsContext: analyticsContext, componentLabel: componentLabel, ...props })) }), mobileVisual && !hideMobileVisual && (_jsx("div", { className: cn(className, 'laptop:hidden w-full'), children: _jsx(Visual, { ...getPreviewFieldIdProps(id, 'mobileVisual'), visual: mobileVisual, className: visualClassName, analyticsContext: analyticsContext, componentLabel: componentLabel, ...props }) }))] }));
|
|
11
13
|
};
|
|
12
14
|
export default ResponsiveVisual;
|
|
13
15
|
//# sourceMappingURL=ResponsiveVisual.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveVisual.js","sourceRoot":"","sources":["../../src/framework/ResponsiveVisual.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gCAAgC,EAAqB,MAAM,sBAAsB,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,oCAAoC,EAAE,MAAM,0BAA0B,CAAC;AAEhF,MAAM,gBAAgB,GASlB,CAAC,EACH,gBAAgB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAC1F,SAAS,EACT,aAAa,EACb,EAAE,EACF,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,
|
|
1
|
+
{"version":3,"file":"ResponsiveVisual.js","sourceRoot":"","sources":["../../src/framework/ResponsiveVisual.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gCAAgC,EAAqB,MAAM,sBAAsB,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,oCAAoC,EAAE,MAAM,0BAA0B,CAAC;AAEhF,MAAM,gBAAgB,GASlB,CAAC,EACH,gBAAgB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAC1F,SAAS,EACT,aAAa,EACb,EAAE,EACF,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,uBAAuB,GAAG,gCAAgC,CAC9D,MAAM,EACN,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAC7C,CAAC;IACF,MAAM,2BAA2B,GAAG,uBAAuB;QACzD,CAAC,CAAC,oCAAoC,CAAC,MAAM,CAAC;QAC9C,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,8BACE,cACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,CAAC,gBAAgB,IAAI,YAAY,CAAC,IAAI,mBAAmB,EACzD,uBAAuB,IAAI,iCAAiC,EAC5D,SAAS,CACV,EACD,KAAK,EAAE,uBAAuB,YAE7B,CAAC,UAAU,IAAI,MAAM,IAAI,CACxB,KAAC,MAAM,OACD,sBAAsB,CAAC,EAAE,EAAE,QAAQ,CAAC,EACxC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,CACH,GACG,EACL,YAAY,IAAI,CAAC,gBAAgB,IAAI,CACpC,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,YACnD,KAAC,MAAM,OACD,sBAAsB,CAAC,EAAE,EAAE,cAAc,CAAC,EAC9C,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,GACE,CACP,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnusedChecker.d.ts","sourceRoot":"","sources":["../../src/utils/UnusedChecker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,QAAA,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"UnusedChecker.d.ts","sourceRoot":"","sources":["../../src/utils/UnusedChecker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,QAAA,MAAM,sBAAsB,aAmB1B,CAAC;AAEH,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAuD1C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,iBAAiB,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,uBAAuB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CA6CH,CAAC;AAKF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnusedChecker.js","sourceRoot":"","sources":["../../src/utils/UnusedChecker.tsx"],"names":[],"mappings":";AAMA,MAAM,sBAAsB,GAAG,IAAI,GAAG,CAAC;IACrC,eAAe;IACf,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,eAAe;IACf,kBAAkB;IAClB,YAAY;IACZ,
|
|
1
|
+
{"version":3,"file":"UnusedChecker.js","sourceRoot":"","sources":["../../src/utils/UnusedChecker.tsx"],"names":[],"mappings":";AAMA,MAAM,sBAAsB,GAAG,IAAI,GAAG,CAAC;IACrC,eAAe;IACf,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,eAAe;IACf,kBAAkB;IAClB,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,kBAAkB;IAClB,0BAA0B;CAC3B,CAAC,CAAC;AAOH,SAAS,eAAe,CACtB,SAAqB,EACrB,UAAwB,EACxB,uBAAqC;IAGrC,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,sBAAsB,EAAE,GAAG,CAAC,uBAAuB,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAE/F,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SAC/C,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAC5C,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;SAC1C,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC;SACrE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IAEzB,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,gBAAgB,CAAC;IACzD,OAAO,SAAS,CAAC;AACnB,CAAC;AAkCD,MAAM,CAAC,MAAM,aAAa,GAQtB,CAAC,EACH,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IAEH,IAAI,CAAC,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAChG,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,uBAAuB,CAAC,CAAC;IAErF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BACE,eACE,KAAK,EAAE;wBACL,eAAe,EAAE,QAAQ;wBACzB,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,QAAQ;qBACjB,aAED,aACE,KAAK,EAAE;gCACL,QAAQ,EAAE,MAAM;gCAChB,KAAK,EAAE,OAAO;gCACd,MAAM,EAAE,YAAY;6BACrB,mCAEkB,aAAa,IAC9B,EACJ,aAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,gCACzC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IACrC,IACA,EACL,QAAQ,IACR,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC,CAAC;AAKF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { IVisual } from '@se-studio/core-data-types';
|
|
2
|
-
export declare function calculateHorizontalPositionClassName(visual?: IVisual): "mr-auto" | "ml-auto" | "mx-auto";
|
|
2
|
+
export declare function calculateHorizontalPositionClassName(visual?: IVisual): "laptop:mr-auto" | "laptop:ml-auto" | "laptop:mx-auto";
|
|
3
3
|
//# sourceMappingURL=visualPositions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visualPositions.d.ts","sourceRoot":"","sources":["../../src/utils/visualPositions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,wBAAgB,oCAAoC,CAAC,MAAM,CAAC,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"visualPositions.d.ts","sourceRoot":"","sources":["../../src/utils/visualPositions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,wBAAgB,oCAAoC,CAAC,MAAM,CAAC,EAAE,OAAO,0DAapE"}
|
|
@@ -4,11 +4,11 @@ export function calculateHorizontalPositionClassName(visual) {
|
|
|
4
4
|
visual?.video?.horizontalPosition;
|
|
5
5
|
switch (horizontalPosition) {
|
|
6
6
|
case 'Left':
|
|
7
|
-
return 'mr-auto';
|
|
7
|
+
return 'laptop:mr-auto';
|
|
8
8
|
case 'Right':
|
|
9
|
-
return 'ml-auto';
|
|
9
|
+
return 'laptop:ml-auto';
|
|
10
10
|
default:
|
|
11
|
-
return 'mx-auto';
|
|
11
|
+
return 'laptop:mx-auto';
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=visualPositions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visualPositions.js","sourceRoot":"","sources":["../../src/utils/visualPositions.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oCAAoC,CAAC,MAAgB;IACnE,MAAM,kBAAkB,GACtB,MAAM,EAAE,KAAK,EAAE,kBAAkB;QACjC,MAAM,EAAE,SAAS,EAAE,kBAAkB;QACrC,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC;IACpC,QAAQ,kBAAkB,EAAE,CAAC;QAC3B,KAAK,MAAM;YACT,OAAO,
|
|
1
|
+
{"version":3,"file":"visualPositions.js","sourceRoot":"","sources":["../../src/utils/visualPositions.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oCAAoC,CAAC,MAAgB;IACnE,MAAM,kBAAkB,GACtB,MAAM,EAAE,KAAK,EAAE,kBAAkB;QACjC,MAAM,EAAE,SAAS,EAAE,kBAAkB;QACrC,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC;IACpC,QAAQ,kBAAkB,EAAE,CAAC;QAC3B,KAAK,MAAM;YACT,OAAO,gBAAgB,CAAC;QAC1B,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC;QAC1B;YACE,OAAO,gBAAgB,CAAC;IAC5B,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visualSizes.d.ts","sourceRoot":"","sources":["../../src/utils/visualSizes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"visualSizes.d.ts","sourceRoot":"","sources":["../../src/utils/visualSizes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAClD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,gBAuB/C"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
+
const DEFAULT_BREAKPOINTS = {
|
|
2
|
+
tablet: { breakpoint: 768 },
|
|
3
|
+
laptop: { breakpoint: 1024 },
|
|
4
|
+
desktop: { breakpoint: 1440 },
|
|
5
|
+
};
|
|
1
6
|
export function calculateVisualSizes(defaultRatio, breakpointRatios, sizes) {
|
|
7
|
+
const effectiveSizes = sizes || DEFAULT_BREAKPOINTS;
|
|
2
8
|
const visualSizes = {
|
|
3
9
|
defaultSize: `${Math.round(defaultRatio * 100)}vw`,
|
|
4
|
-
breakpoints: breakpointRatios
|
|
10
|
+
breakpoints: breakpointRatios
|
|
5
11
|
? Object.entries(breakpointRatios).map(([size, ratio]) => {
|
|
6
|
-
const info =
|
|
12
|
+
const info = effectiveSizes[size];
|
|
7
13
|
if (!info || ratio === undefined) {
|
|
8
14
|
throw new Error(`Size ${size} not found in configuration or ratio is undefined`);
|
|
9
15
|
}
|
|
10
16
|
return {
|
|
11
|
-
|
|
17
|
+
minWidth: info.breakpoint,
|
|
12
18
|
proportion: ratio,
|
|
13
19
|
pixels: Math.round(info.breakpoint * ratio),
|
|
14
20
|
size: `${Math.round(ratio * 100)}vw`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visualSizes.js","sourceRoot":"","sources":["../../src/utils/visualSizes.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB,CAClC,YAAoB,EACpB,gBAAkD,EAClD,KAA8C;IAE9C,MAAM,WAAW,GAAiB;QAChC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,IAAI;QAClD,WAAW,
|
|
1
|
+
{"version":3,"file":"visualSizes.js","sourceRoot":"","sources":["../../src/utils/visualSizes.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAA2C;IAClE,MAAM,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;IAC3B,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE;IAC5B,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE;CAC9B,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAClC,YAAoB,EACpB,gBAAkD,EAClD,KAA8C;IAE9C,MAAM,cAAc,GAAG,KAAK,IAAI,mBAAmB,CAAC;IAEpD,MAAM,WAAW,GAAiB;QAChC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,IAAI;QAClD,WAAW,EAAE,gBAAgB;YAC3B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;gBACrD,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;gBAClC,IAAI,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACjC,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,mDAAmD,CAAC,CAAC;gBACnF,CAAC;gBACD,OAAO;oBACL,QAAQ,EAAE,IAAI,CAAC,UAAU;oBACzB,UAAU,EAAE,KAAK;oBACjB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;oBAC3C,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI;iBACrC,CAAC;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS;KACd,CAAC;IAEF,OAAO,WAAW,CAAC;AACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@se-studio/core-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"description": "Shared React UI component library with Tailwind CSS v4 for SE Studio applications",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"clsx": "^2.1.1",
|
|
43
43
|
"html-entities": "^2.6.0",
|
|
44
44
|
"tailwind-merge": "^3.4.0",
|
|
45
|
-
"@se-studio/contentful-rest-api": "1.0.
|
|
46
|
-
"@se-studio/core-data-types": "1.0.
|
|
45
|
+
"@se-studio/contentful-rest-api": "1.0.11",
|
|
46
|
+
"@se-studio/core-data-types": "1.0.11"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@biomejs/biome": "^2.3.6",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"jsdom": "^27.2.0",
|
|
57
57
|
"next": "^15.5.6",
|
|
58
58
|
"typescript": "^5.9.3",
|
|
59
|
-
"vitest": "^4.0.
|
|
59
|
+
"vitest": "^4.0.12"
|
|
60
60
|
},
|
|
61
61
|
"scripts": {
|
|
62
62
|
"build": "tsc --project tsconfig.build.json",
|