@zenpatient-org/healthspan-marketing-ui 0.2.48 → 0.2.49
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/AdvancedGallery/AdvancedGallery.cjs.js +1 -0
- package/dist/components/AdvancedGallery/AdvancedGallery.d.ts +7 -0
- package/dist/components/AdvancedGallery/AdvancedGallery.es.js +75 -0
- package/dist/components/AdvancedGallery/advancedGallery.module.css +64 -0
- package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.cjs.js +1 -0
- package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts +9 -0
- package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.es.js +28 -0
- package/dist/components/AdvancedGallery/components/ImageGalleryPagination/imageGalleryPagination.module.css +58 -0
- package/dist/components/AdvancedGallery/components/ImageGalleryPagination/index.d.ts +1 -0
- package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.cjs.js +1 -0
- package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.d.ts +13 -0
- package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.es.js +53 -0
- package/dist/components/AdvancedGallery/components/VideoSlide/videoSlide.module.css +49 -0
- package/dist/components/AdvancedGallery/components/index.d.ts +1 -0
- package/dist/components/AdvancedGallery/index.d.ts +2 -0
- package/dist/components/AdvancedGallery/types.d.ts +14 -0
- package/dist/components/AudioButton/AudioButton.cjs.js +1 -0
- package/dist/components/AudioButton/AudioButton.d.ts +7 -0
- package/dist/components/AudioButton/AudioButton.es.js +10 -0
- package/dist/components/AudioButton/audioButton.module.css +37 -0
- package/dist/components/AudioButton/index.d.ts +1 -0
- package/dist/components/Icon/constants.cjs.js +1 -1
- package/dist/components/Icon/constants.d.ts +3 -0
- package/dist/components/Icon/constants.es.js +4 -1
- package/dist/components/Icon/iconsMap.cjs.js +1 -1
- package/dist/components/Icon/iconsMap.es.js +150 -144
- package/dist/icons/action/alt-play.svg +3 -0
- package/dist/icons/action/alt-play.svg.cjs.js +1 -0
- package/dist/icons/action/alt-play.svg.es.js +5 -0
- package/dist/icons/action/audio.svg +15 -0
- package/dist/icons/action/audio.svg.cjs.js +7 -0
- package/dist/icons/action/audio.svg.es.js +11 -0
- package/dist/icons/action/mute.svg +16 -0
- package/dist/icons/action/mute.svg.cjs.js +7 -0
- package/dist/icons/action/mute.svg.es.js +11 -0
- package/dist/lib/useSwiper.d.ts +1 -0
- package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.cjs.js +1 -1
- package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.es.js +44 -42
- package/dist/modules/IndividualProductCardV2/types.d.ts +2 -0
- package/dist/utils/useSwiper/useSwiper.cjs.js +1 -1
- package/dist/utils/useSwiper/useSwiper.es.js +49 -48
- package/package.json +6 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=require("swiper/modules"),d=require("swiper/react"),j=require("../../utils/useSwiper/useSwiper.cjs.js"),P=require("../../utils/cn/cn.cjs.js");;/* empty css */;/* empty css */;/* empty css */const w=require("../GalleryPagination/GalleryPagination.cjs.js"),a=require("../../src/components/AdvancedGallery/advancedGallery.module.css"),x=require("../Label/Label.cjs.js"),v=require("./components/VideoSlide/VideoSlide.cjs.js"),_=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),b=[q.Navigation],G=({items:r,label:s,className:u})=>{const{activeIndex:l,handleSlideTo:o,handleSlideChange:S,onSwiperInit:p,handleSwiperResize:g,handleUserInteraction:i,startAutoPlay:h,stopAutoPlay:m}=j.useSwiperWithAutoPlay(3e3),t=y.useCallback(n=>{i(),o(n)},[i,o]);return e.jsxs("div",{className:P.cn(a.root,u),children:[s&&e.jsx("div",{className:a.labelWrap,children:e.jsx(x.Label,{color:"black",size:"sm",children:s})}),e.jsx(d.Swiper,{onSwiper:p,onResize:g,onSlideChange:S,onTouchStart:i,onTouchEnd:i,modules:b,spaceBetween:0,slidesPerView:1,className:a.swiper,children:r.map((n,c)=>e.jsxs(d.SwiperSlide,{children:[n.mediaType==="image"&&e.jsx("div",{className:a.imageWrapper,children:e.jsx("img",{src:n.url,alt:"product image",className:a.image,onClick:i})}),n.mediaType==="video"&&e.jsx(v.VideoSlide,{item:n,isActive:l===c,onClick:i,startAutoPlay:h,stopAutoPlay:m})]},c))}),e.jsx(_.ImageGalleryPagination,{items:r,activeIndex:l,onSelect:t}),e.jsx(w.GalleryPagination,{count:r.length,activeIndex:l,onSelect:t})]})};exports.AdvancedGallery=G;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TAdvancedGalleryView } from './types';
|
|
2
|
+
|
|
3
|
+
export type AdvancedGalleryProps = TAdvancedGalleryView & {
|
|
4
|
+
label?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const AdvancedGallery: ({ items, label, className }: AdvancedGalleryProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback as f } from "react";
|
|
4
|
+
import { Navigation as w } from "swiper/modules";
|
|
5
|
+
import { Swiper as y, SwiperSlide as v } from "swiper/react";
|
|
6
|
+
import { useSwiperWithAutoPlay as P } from "../../utils/useSwiper/useSwiper.es.js";
|
|
7
|
+
import { cn as N } from "../../utils/cn/cn.es.js";
|
|
8
|
+
/* empty css */
|
|
9
|
+
/* empty css */
|
|
10
|
+
/* empty css */
|
|
11
|
+
import { GalleryPagination as A } from "../GalleryPagination/GalleryPagination.es.js";
|
|
12
|
+
import r from "../../components/AdvancedGallery/advancedGallery.module.css";
|
|
13
|
+
import { Label as C } from "../Label/Label.es.js";
|
|
14
|
+
import { VideoSlide as I } from "./components/VideoSlide/VideoSlide.es.js";
|
|
15
|
+
import { ImageGalleryPagination as T } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
|
|
16
|
+
const k = [w], O = ({ items: a, label: n, className: p }) => {
|
|
17
|
+
const {
|
|
18
|
+
activeIndex: l,
|
|
19
|
+
handleSlideTo: t,
|
|
20
|
+
handleSlideChange: d,
|
|
21
|
+
onSwiperInit: h,
|
|
22
|
+
handleSwiperResize: S,
|
|
23
|
+
handleUserInteraction: o,
|
|
24
|
+
startAutoPlay: g,
|
|
25
|
+
stopAutoPlay: u
|
|
26
|
+
} = P(3e3), m = f(
|
|
27
|
+
(i) => {
|
|
28
|
+
o(), t(i);
|
|
29
|
+
},
|
|
30
|
+
[o, t]
|
|
31
|
+
);
|
|
32
|
+
return /* @__PURE__ */ s("div", { className: N(r.root, p), children: [
|
|
33
|
+
n && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(C, { color: "black", size: "sm", children: n }) }),
|
|
34
|
+
/* @__PURE__ */ e(
|
|
35
|
+
y,
|
|
36
|
+
{
|
|
37
|
+
onSwiper: h,
|
|
38
|
+
onResize: S,
|
|
39
|
+
onSlideChange: d,
|
|
40
|
+
onTouchStart: o,
|
|
41
|
+
onTouchEnd: o,
|
|
42
|
+
modules: k,
|
|
43
|
+
spaceBetween: 0,
|
|
44
|
+
slidesPerView: 1,
|
|
45
|
+
className: r.swiper,
|
|
46
|
+
children: a.map((i, c) => /* @__PURE__ */ s(v, { children: [
|
|
47
|
+
i.mediaType === "image" && /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e(
|
|
48
|
+
"img",
|
|
49
|
+
{
|
|
50
|
+
src: i.url,
|
|
51
|
+
alt: "product image",
|
|
52
|
+
className: r.image,
|
|
53
|
+
onClick: o
|
|
54
|
+
}
|
|
55
|
+
) }),
|
|
56
|
+
i.mediaType === "video" && /* @__PURE__ */ e(
|
|
57
|
+
I,
|
|
58
|
+
{
|
|
59
|
+
item: i,
|
|
60
|
+
isActive: l === c,
|
|
61
|
+
onClick: o,
|
|
62
|
+
startAutoPlay: g,
|
|
63
|
+
stopAutoPlay: u
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
] }, c))
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
/* @__PURE__ */ e(T, { items: a, activeIndex: l, onSelect: m }),
|
|
70
|
+
/* @__PURE__ */ e(A, { count: a.length, activeIndex: l, onSelect: m })
|
|
71
|
+
] });
|
|
72
|
+
};
|
|
73
|
+
export {
|
|
74
|
+
O as AdvancedGallery
|
|
75
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
position: relative;
|
|
3
|
+
padding: 24px 0;
|
|
4
|
+
display: flex;
|
|
5
|
+
max-width: 100%;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: flex-start;
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
border-radius: var(--border-radius-md);
|
|
11
|
+
background-color: var(--color-bg-neutral-light);
|
|
12
|
+
gap: 24px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.labelWrap {
|
|
16
|
+
width: 100%;
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: flex-start;
|
|
19
|
+
padding: 0 24px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.swiper {
|
|
23
|
+
width: 100%;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.imageWrapper {
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 480px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.image {
|
|
32
|
+
width: 100%;
|
|
33
|
+
height: 100%;
|
|
34
|
+
object-fit: contain;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@media (width <= 1024px) {
|
|
38
|
+
.imageWrapper {
|
|
39
|
+
height: 480px;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@media (width <= 768px) {
|
|
44
|
+
.root {
|
|
45
|
+
padding: 16px 0;
|
|
46
|
+
gap: 16px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.labelWrap {
|
|
50
|
+
padding: 0 16px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.swiper {
|
|
54
|
+
margin-bottom: 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.imageWrapper {
|
|
58
|
+
height: auto;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.image {
|
|
62
|
+
aspect-ratio: 1 / 1;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("../../../../utils/cn/cn.cjs.js"),e=require("../../../../src/components/AdvancedGallery/components/ImageGalleryPagination/imageGalleryPagination.module.css"),l=require("../../../Icon/Icon.cjs.js"),r=require("../../../Icon/constants.cjs.js"),m=({items:s,activeIndex:t,onSelect:c})=>a.jsx("div",{className:e.root,children:s.map((n,o)=>a.jsxs("button",{type:"button",className:i.cn(e.thumbnailButton,{[e.active]:o===t}),onClick:()=>c(o),children:[a.jsx("img",{src:n.mediaType==="image"?n.url:n.preview,alt:`thumbnail ${o+1}`,className:e.thumbnailImage}),n.mediaType==="video"&&n.videoType==="complex"&&a.jsx("div",{className:e.customPlayButton,children:a.jsx(l.Icon,{className:e.icon,name:r.EIconName.ALT_PLAY})})]},o))});exports.ImageGalleryPagination=m;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { TAdvancedGalleryView } from '../../types';
|
|
3
|
+
|
|
4
|
+
type ImageGalleryPaginationProps = TAdvancedGalleryView & {
|
|
5
|
+
activeIndex: number;
|
|
6
|
+
onSelect: (index: number) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const ImageGalleryPagination: React.FC<ImageGalleryPaginationProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as m, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { cn as c } from "../../../../utils/cn/cn.es.js";
|
|
3
|
+
import a from "../../../../components/AdvancedGallery/components/ImageGalleryPagination/imageGalleryPagination.module.css";
|
|
4
|
+
import { Icon as i } from "../../../Icon/Icon.es.js";
|
|
5
|
+
import { EIconName as s } from "../../../Icon/constants.es.js";
|
|
6
|
+
const v = ({ items: t, activeIndex: r, onSelect: n }) => /* @__PURE__ */ m("div", { className: a.root, children: t.map((o, e) => /* @__PURE__ */ l(
|
|
7
|
+
"button",
|
|
8
|
+
{
|
|
9
|
+
type: "button",
|
|
10
|
+
className: c(a.thumbnailButton, { [a.active]: e === r }),
|
|
11
|
+
onClick: () => n(e),
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ m(
|
|
14
|
+
"img",
|
|
15
|
+
{
|
|
16
|
+
src: o.mediaType === "image" ? o.url : o.preview,
|
|
17
|
+
alt: `thumbnail ${e + 1}`,
|
|
18
|
+
className: a.thumbnailImage
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
o.mediaType === "video" && o.videoType === "complex" && /* @__PURE__ */ m("div", { className: a.customPlayButton, children: /* @__PURE__ */ m(i, { className: a.icon, name: s.ALT_PLAY }) })
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
e
|
|
25
|
+
)) });
|
|
26
|
+
export {
|
|
27
|
+
v as ImageGalleryPagination
|
|
28
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
gap: 12px;
|
|
5
|
+
padding: 0 24px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.thumbnailButton {
|
|
9
|
+
width: 64px;
|
|
10
|
+
height: 64px;
|
|
11
|
+
padding: 0;
|
|
12
|
+
border: 1px solid var(--color-neutral-200);
|
|
13
|
+
border-radius: var(--border-radius-xs);
|
|
14
|
+
background: none;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
opacity: 0.5;
|
|
17
|
+
transition: opacity 0.3s ease;
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
position: relative;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.thumbnailButton.active {
|
|
23
|
+
opacity: 1;
|
|
24
|
+
border-color: var(--color-neutral-200);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.thumbnailImage {
|
|
28
|
+
width: 100%;
|
|
29
|
+
height: 100%;
|
|
30
|
+
object-fit: cover;
|
|
31
|
+
}
|
|
32
|
+
.customPlayButton {
|
|
33
|
+
width: 32px;
|
|
34
|
+
height: 32px;
|
|
35
|
+
border-radius: var(--border-radius-full);
|
|
36
|
+
background-color: var(--color-bg-fill-alpha-white-40);
|
|
37
|
+
backdrop-filter: blur(10px);
|
|
38
|
+
border: 1px solid var(--border-color-alpha-white-50);
|
|
39
|
+
padding-top: 6px;
|
|
40
|
+
padding-left: 4px;
|
|
41
|
+
margin: 0;
|
|
42
|
+
cursor: pointer;
|
|
43
|
+
aspect-ratio: 1 / 1;
|
|
44
|
+
position: absolute;
|
|
45
|
+
top: 50%;
|
|
46
|
+
left: 50%;
|
|
47
|
+
transform: translate(-50%, -50%);
|
|
48
|
+
}
|
|
49
|
+
.icon {
|
|
50
|
+
width: 75%;
|
|
51
|
+
height: 75%;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@media (width <= 768px) {
|
|
55
|
+
.root {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ImageGalleryPagination';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),y=require("../../../../utils/cn/cn.cjs.js"),r=require("../../../../src/components/AdvancedGallery/components/VideoSlide/videoSlide.module.css"),I=require("../../../Icon/Icon.cjs.js"),N=require("../../../Icon/constants.cjs.js"),q=require("../../../AudioButton/AudioButton.cjs.js"),R=({item:c,isActive:a,onClick:d,startAutoPlay:l,stopAutoPlay:o})=>{const[i,u]=t.useState(!1),[p,f]=t.useState(!0),e=t.useRef(null),v=t.useRef(null);t.useEffect(()=>{const n=e.current;if(!n)return;const m=()=>{u(!1),l()};return a?(n.muted=!0,f(!0),n.play().then(()=>{u(!0),o()})):(n.pause(),n.currentTime=0,u(!1)),n.addEventListener("ended",m),()=>{n.removeEventListener("ended",m)}},[a,l,o]);const x=t.useCallback(n=>{n.stopPropagation(),e.current&&(e.current.play(),u(!0),o()),d()},[d,o]),h=t.useCallback(n=>{n.stopPropagation(),e.current&&(e.current.muted=!e.current.muted,f(e.current.muted))},[]),j=t.useCallback(()=>{e.current&&c.videoType==="complex"&&(i?(e.current.pause(),u(!1),l()):(e.current.play(),u(!0),o())),d()},[c.videoType,i,d,l,o]);return s.jsx("div",{className:r.root,ref:v,onClick:j,children:s.jsxs("div",{className:r.videoContainer,children:[s.jsx("video",{ref:e,src:c.url,playsInline:!0,autoPlay:!0,muted:!0,controls:!1,poster:c.preview,className:y.cn(r.video,!i&&r.mediaHidden)}),c.videoType==="complex"&&!i&&s.jsx("div",{className:r.playButton,children:s.jsx("button",{className:r.customPlayButton,onClick:x,children:s.jsx(I.Icon,{className:r.icon,name:N.EIconName.ALT_PLAY})})}),c.videoType==="complex"&&i&&s.jsx("div",{className:r.audioButton,children:s.jsx(q.AudioButton,{isMuted:p,onClick:h})})]})})};exports.VideoSlide=R;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TAdvancedGalleryItemView } from '../../types';
|
|
2
|
+
|
|
3
|
+
type VideoSlideProps = {
|
|
4
|
+
item: TAdvancedGalleryItemView & {
|
|
5
|
+
mediaType: 'video';
|
|
6
|
+
};
|
|
7
|
+
isActive: boolean;
|
|
8
|
+
onClick: () => void;
|
|
9
|
+
startAutoPlay: () => void;
|
|
10
|
+
stopAutoPlay: () => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const VideoSlide: ({ item, isActive, onClick, startAutoPlay, stopAutoPlay }: VideoSlideProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t, jsxs as E } from "react/jsx-runtime";
|
|
3
|
+
import { useState as p, useRef as v, useEffect as I, useCallback as l } from "react";
|
|
4
|
+
import { cn as g } from "../../../../utils/cn/cn.es.js";
|
|
5
|
+
import n from "../../../../components/AdvancedGallery/components/VideoSlide/videoSlide.module.css";
|
|
6
|
+
import { Icon as B } from "../../../Icon/Icon.es.js";
|
|
7
|
+
import { EIconName as L } from "../../../Icon/constants.es.js";
|
|
8
|
+
import { AudioButton as R } from "../../../AudioButton/AudioButton.es.js";
|
|
9
|
+
const w = ({ item: o, isActive: a, onClick: d, startAutoPlay: u, stopAutoPlay: s }) => {
|
|
10
|
+
const [i, c] = p(!1), [h, m] = p(!0), e = v(null), N = v(null);
|
|
11
|
+
I(() => {
|
|
12
|
+
const r = e.current;
|
|
13
|
+
if (!r) return;
|
|
14
|
+
const f = () => {
|
|
15
|
+
c(!1), u();
|
|
16
|
+
};
|
|
17
|
+
return a ? (r.muted = !0, m(!0), r.play().then(() => {
|
|
18
|
+
c(!0), s();
|
|
19
|
+
})) : (r.pause(), r.currentTime = 0, c(!1)), r.addEventListener("ended", f), () => {
|
|
20
|
+
r.removeEventListener("ended", f);
|
|
21
|
+
};
|
|
22
|
+
}, [a, u, s]);
|
|
23
|
+
const y = l(
|
|
24
|
+
(r) => {
|
|
25
|
+
r.stopPropagation(), e.current && (e.current.play(), c(!0), s()), d();
|
|
26
|
+
},
|
|
27
|
+
[d, s]
|
|
28
|
+
), x = l((r) => {
|
|
29
|
+
r.stopPropagation(), e.current && (e.current.muted = !e.current.muted, m(e.current.muted));
|
|
30
|
+
}, []), T = l(() => {
|
|
31
|
+
e.current && o.videoType === "complex" && (i ? (e.current.pause(), c(!1), u()) : (e.current.play(), c(!0), s())), d();
|
|
32
|
+
}, [o.videoType, i, d, u, s]);
|
|
33
|
+
return /* @__PURE__ */ t("div", { className: n.root, ref: N, onClick: T, children: /* @__PURE__ */ E("div", { className: n.videoContainer, children: [
|
|
34
|
+
/* @__PURE__ */ t(
|
|
35
|
+
"video",
|
|
36
|
+
{
|
|
37
|
+
ref: e,
|
|
38
|
+
src: o.url,
|
|
39
|
+
playsInline: !0,
|
|
40
|
+
autoPlay: !0,
|
|
41
|
+
muted: !0,
|
|
42
|
+
controls: !1,
|
|
43
|
+
poster: o.preview,
|
|
44
|
+
className: g(n.video, !i && n.mediaHidden)
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
o.videoType === "complex" && !i && /* @__PURE__ */ t("div", { className: n.playButton, children: /* @__PURE__ */ t("button", { className: n.customPlayButton, onClick: y, children: /* @__PURE__ */ t(B, { className: n.icon, name: L.ALT_PLAY }) }) }),
|
|
48
|
+
o.videoType === "complex" && i && /* @__PURE__ */ t("div", { className: n.audioButton, children: /* @__PURE__ */ t(R, { isMuted: h, onClick: x }) })
|
|
49
|
+
] }) });
|
|
50
|
+
};
|
|
51
|
+
export {
|
|
52
|
+
w as VideoSlide
|
|
53
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
background-position: 50% 50%;
|
|
3
|
+
background-repeat: no-repeat;
|
|
4
|
+
background-size: contain;
|
|
5
|
+
height: 480px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.videoContainer {
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 480px;
|
|
11
|
+
position: relative;
|
|
12
|
+
padding-inline: var(--spacing-24, 24px);
|
|
13
|
+
border-radius: var(--border-radius-sm);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.video {
|
|
17
|
+
border-radius: var(--border-radius-sm);
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
object-fit: cover;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.playButton {
|
|
24
|
+
position: absolute;
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
top: 50%;
|
|
27
|
+
left: 50%;
|
|
28
|
+
transform: translate(-50%, -50%);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.customPlayButton {
|
|
32
|
+
width: 120px;
|
|
33
|
+
height: 120px;
|
|
34
|
+
border-radius: var(--border-radius-full);
|
|
35
|
+
background-color: var(--color-bg-fill-alpha-white-40);
|
|
36
|
+
backdrop-filter: blur(10px);
|
|
37
|
+
border: var(--border-width-md) solid var(--border-color-alpha-white-50);
|
|
38
|
+
padding: 30px 30px 30px 45px;
|
|
39
|
+
margin: 0;
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
aspect-ratio: 1 / 1;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.audioButton {
|
|
45
|
+
position: absolute;
|
|
46
|
+
right: var(--spacing-48, 48px);
|
|
47
|
+
bottom: var(--spacing-24, 24px);
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { VideoSlide } from './VideoSlide/VideoSlide';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type TAdvancedGalleryImageItemView = {
|
|
2
|
+
mediaType: 'image';
|
|
3
|
+
url: string;
|
|
4
|
+
};
|
|
5
|
+
export type TAdvancedGalleryVideoItemView = {
|
|
6
|
+
mediaType: 'video';
|
|
7
|
+
videoType: 'simple' | 'complex';
|
|
8
|
+
url: string;
|
|
9
|
+
preview: string;
|
|
10
|
+
};
|
|
11
|
+
export type TAdvancedGalleryItemView = TAdvancedGalleryImageItemView | TAdvancedGalleryVideoItemView;
|
|
12
|
+
export type TAdvancedGalleryView = {
|
|
13
|
+
items: Array<TAdvancedGalleryItemView>;
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../utils/cn/cn.cjs.js"),n=require("../../src/components/AudioButton/audioButton.module.css"),i=require("../Icon/Icon.cjs.js"),t=require("../Icon/constants.cjs.js"),u=({inverted:o,isMuted:c,onClick:s})=>e.jsx("button",{className:r.cn(n.button,o&&n.inverted),onClick:s,children:e.jsx("div",{className:n.iconWrapper,children:e.jsx(i.Icon,{className:n.icon,name:c?t.EIconName.MUTE:t.EIconName.AUDIO})})});exports.AudioButton=u;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type AudioButtonProps = {
|
|
2
|
+
inverted?: boolean;
|
|
3
|
+
isMuted?: boolean;
|
|
4
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const AudioButton: ({ inverted, isMuted, onClick }: AudioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { cn as i } from "../../utils/cn/cn.es.js";
|
|
4
|
+
import o from "../../components/AudioButton/audioButton.module.css";
|
|
5
|
+
import { Icon as c } from "../Icon/Icon.es.js";
|
|
6
|
+
import { EIconName as t } from "../Icon/constants.es.js";
|
|
7
|
+
const d = ({ inverted: e, isMuted: m, onClick: n }) => /* @__PURE__ */ r("button", { className: i(o.button, e && o.inverted), onClick: n, children: /* @__PURE__ */ r("div", { className: o.iconWrapper, children: /* @__PURE__ */ r(c, { className: o.icon, name: m ? t.MUTE : t.AUDIO }) }) });
|
|
8
|
+
export {
|
|
9
|
+
d as AudioButton
|
|
10
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.button {
|
|
2
|
+
display: flex;
|
|
3
|
+
width: 100%;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
border-radius: var(--border-radius-full);
|
|
7
|
+
border: none;
|
|
8
|
+
padding: 0;
|
|
9
|
+
margin: 0;
|
|
10
|
+
width: 50px;
|
|
11
|
+
height: 50px;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
color: var(--color-text-primary-inverted);
|
|
14
|
+
border: 1px solid var(--border-color-alpha-white-20);
|
|
15
|
+
transition: opacity 0.3s ease;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.button:hover {
|
|
19
|
+
opacity: 0.85;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.inverted {
|
|
23
|
+
background-color: var(--color-bg-fill-alpha-white-20);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.iconWrapper {
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 100%;
|
|
29
|
+
display: flex;
|
|
30
|
+
align-items: center;
|
|
31
|
+
justify-content: flex-end;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.icon {
|
|
35
|
+
width: 100%;
|
|
36
|
+
height: 100%;
|
|
37
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AudioButton } from './AudioButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(r=>(r.ALERT_ERROR_FILL="alert-error-fill",r.ALERT_ERROR="alert-error",r.CHECK="check",r.CIRCLE_CHECK_FILL="circle-check-fill",r.CIRCLE_CHECK="circle-check",r.CLOSE="close",r.BRACKET_LEFT="bracket-left",r.BRACKET_RIGHT="bracket-right",r.HELP="help",r.INFO="info",r.MENU="menu",r.PLUS="plus",r.PLAY="play",r.REMOVE="remove",r.SEARCH="search",r.WARNING="warning",r.ARROW_BACK="arrow-back",r.ARROW_DOWNWARD="arrow-downward",r.ARROW_FORWARD="arrow-forward",r.ARROW_FORWARD_THIN="arrow-forward-thin",r.ARROW_INSERT="arrow-insert",r.ARROW_OUTWARD="arrow-outward",r.ARROW_RETURN="arrow-return",r.ARROW_UPWARD="arrow-upward",r.CHEVRON_BACK="chevron-back",r.CHEVRON_DOWN="chevron-down",r.CHEVRON_FORWARD="chevron-forward",r.CHEVRON_UP="chevron-up",r.VISIBLE="visible",r.INVISIBLE="invisible",r.PROFILE="profile",r.MESSAGE_FILL="message-fill",r.MESSAGE="message",r.CALENDAR="calendar",r.CART="cart",r.PACKAGE_FILL="package-fill",r.PACKAGE="package",r.SMILE_FILL="smile-fill",r.SMILE="smile",r.CIRCLE_DASH_FILL="circle-dash-fill",r.CIRCLE_DASH="circle-dash",r.PIN_DROP="pin-drop",r.FILTER="filter",r.SETTINGS="settings",r.COOKIE="cookie",r.LOCK="lock",r.LOCK_OPEN="lock-open",r.SPEED="speed",r.VIDEO="video",r.COACHING="coaching",r.LABS="labs",r.MYSPAN="myspan",r.OPTIMIZATIONS="optimizations",r.PROTOCOLS="protocols",r.RULER="ruler",r.SCALE="scale",r.FACEBOOK="facebook",r.HEART_FILL="heart-fill",r.HEART="heart",r.INSTAGRAM="instagram",r.STAR_FILL="star-fill",r.STAR_HALF="star-half",r.STAR_OUTLINE="star-outline",r.STAR="star",r.X="x",r.GOOGLE="google",r.APPLE="apple",r.ARROW_BOLD="arrow-bold",r.CLOSE_BOLD="close-bold",r.DOT_BOLD="dot-bold",r.PLUS_BOLD="plus-bold",r.LINKEDIN="linkedin",r.DOT="dot",r))(l||{});const i={"alert-error-fill":"action","alert-error":"action",check:"action","circle-check-fill":"action","circle-check":"action",close:"action","bracket-left":"action","bracket-right":"action",help:"action",info:"action",menu:"action",plus:"action",play:"action",remove:"action",search:"action",warning:"action",visible:"action",invisible:"action",profile:"action","arrow-back":"arrow","arrow-downward":"arrow","arrow-forward":"arrow","arrow-forward-thin":"arrow","arrow-insert":"arrow","arrow-outward":"arrow","arrow-return":"arrow","arrow-upward":"arrow","chevron-back":"arrow","chevron-down":"arrow","chevron-forward":"arrow","chevron-up":"arrow","message-fill":"chat",message:"chat",calendar:"eCommerce",cart:"eCommerce","package-fill":"eCommerce",package:"eCommerce","smile-fill":"faces",smile:"faces","circle-dash-fill":"indicators","circle-dash":"indicators","pin-drop":"global",filter:"global",settings:"global",cookie:"global",lock:"global","lock-open":"global",speed:"global",video:"global",coaching:"medical",labs:"medical",myspan:"medical",optimizations:"medical",protocols:"medical",ruler:"medical",scale:"medical",facebook:"social","heart-fill":"social",heart:"social",instagram:"social","star-fill":"social","star-half":"social","star-outline":"social",star:"social",x:"social",google:"social",apple:"social","arrow-bold":"bold","close-bold":"bold","dot-bold":"bold","plus-bold":"bold",linkedin:"social",dot:"action"};exports.EIconName=l;exports.ICON_FOLDERS_MAP=i;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(r=>(r.ALERT_ERROR_FILL="alert-error-fill",r.ALERT_ERROR="alert-error",r.AUDIO="audio",r.CHECK="check",r.CIRCLE_CHECK_FILL="circle-check-fill",r.CIRCLE_CHECK="circle-check",r.CLOSE="close",r.BRACKET_LEFT="bracket-left",r.BRACKET_RIGHT="bracket-right",r.HELP="help",r.INFO="info",r.MENU="menu",r.MUTE="mute",r.PLUS="plus",r.PLAY="play",r.ALT_PLAY="alt-play",r.REMOVE="remove",r.SEARCH="search",r.WARNING="warning",r.ARROW_BACK="arrow-back",r.ARROW_DOWNWARD="arrow-downward",r.ARROW_FORWARD="arrow-forward",r.ARROW_FORWARD_THIN="arrow-forward-thin",r.ARROW_INSERT="arrow-insert",r.ARROW_OUTWARD="arrow-outward",r.ARROW_RETURN="arrow-return",r.ARROW_UPWARD="arrow-upward",r.CHEVRON_BACK="chevron-back",r.CHEVRON_DOWN="chevron-down",r.CHEVRON_FORWARD="chevron-forward",r.CHEVRON_UP="chevron-up",r.VISIBLE="visible",r.INVISIBLE="invisible",r.PROFILE="profile",r.MESSAGE_FILL="message-fill",r.MESSAGE="message",r.CALENDAR="calendar",r.CART="cart",r.PACKAGE_FILL="package-fill",r.PACKAGE="package",r.SMILE_FILL="smile-fill",r.SMILE="smile",r.CIRCLE_DASH_FILL="circle-dash-fill",r.CIRCLE_DASH="circle-dash",r.PIN_DROP="pin-drop",r.FILTER="filter",r.SETTINGS="settings",r.COOKIE="cookie",r.LOCK="lock",r.LOCK_OPEN="lock-open",r.SPEED="speed",r.VIDEO="video",r.COACHING="coaching",r.LABS="labs",r.MYSPAN="myspan",r.OPTIMIZATIONS="optimizations",r.PROTOCOLS="protocols",r.RULER="ruler",r.SCALE="scale",r.FACEBOOK="facebook",r.HEART_FILL="heart-fill",r.HEART="heart",r.INSTAGRAM="instagram",r.STAR_FILL="star-fill",r.STAR_HALF="star-half",r.STAR_OUTLINE="star-outline",r.STAR="star",r.X="x",r.GOOGLE="google",r.APPLE="apple",r.ARROW_BOLD="arrow-bold",r.CLOSE_BOLD="close-bold",r.DOT_BOLD="dot-bold",r.PLUS_BOLD="plus-bold",r.LINKEDIN="linkedin",r.DOT="dot",r))(l||{});const i={"alert-error-fill":"action","alert-error":"action","alt-play":"action",audio:"action",check:"action","circle-check-fill":"action","circle-check":"action",close:"action","bracket-left":"action","bracket-right":"action",help:"action",info:"action",menu:"action",mute:"action",plus:"action",play:"action",remove:"action",search:"action",warning:"action",visible:"action",invisible:"action",profile:"action","arrow-back":"arrow","arrow-downward":"arrow","arrow-forward":"arrow","arrow-forward-thin":"arrow","arrow-insert":"arrow","arrow-outward":"arrow","arrow-return":"arrow","arrow-upward":"arrow","chevron-back":"arrow","chevron-down":"arrow","chevron-forward":"arrow","chevron-up":"arrow","message-fill":"chat",message:"chat",calendar:"eCommerce",cart:"eCommerce","package-fill":"eCommerce",package:"eCommerce","smile-fill":"faces",smile:"faces","circle-dash-fill":"indicators","circle-dash":"indicators","pin-drop":"global",filter:"global",settings:"global",cookie:"global",lock:"global","lock-open":"global",speed:"global",video:"global",coaching:"medical",labs:"medical",myspan:"medical",optimizations:"medical",protocols:"medical",ruler:"medical",scale:"medical",facebook:"social","heart-fill":"social",heart:"social",instagram:"social","star-fill":"social","star-half":"social","star-outline":"social",star:"social",x:"social",google:"social",apple:"social","arrow-bold":"bold","close-bold":"bold","dot-bold":"bold","plus-bold":"bold",linkedin:"social",dot:"action"};exports.EIconName=l;exports.ICON_FOLDERS_MAP=i;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare enum EIconName {
|
|
2
2
|
ALERT_ERROR_FILL = "alert-error-fill",
|
|
3
3
|
ALERT_ERROR = "alert-error",
|
|
4
|
+
AUDIO = "audio",
|
|
4
5
|
CHECK = "check",
|
|
5
6
|
CIRCLE_CHECK_FILL = "circle-check-fill",
|
|
6
7
|
CIRCLE_CHECK = "circle-check",
|
|
@@ -10,8 +11,10 @@ export declare enum EIconName {
|
|
|
10
11
|
HELP = "help",
|
|
11
12
|
INFO = "info",
|
|
12
13
|
MENU = "menu",
|
|
14
|
+
MUTE = "mute",
|
|
13
15
|
PLUS = "plus",
|
|
14
16
|
PLAY = "play",
|
|
17
|
+
ALT_PLAY = "alt-play",
|
|
15
18
|
REMOVE = "remove",
|
|
16
19
|
SEARCH = "search",
|
|
17
20
|
WARNING = "warning",
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
var l = /* @__PURE__ */ ((r) => (r.ALERT_ERROR_FILL = "alert-error-fill", r.ALERT_ERROR = "alert-error", r.CHECK = "check", r.CIRCLE_CHECK_FILL = "circle-check-fill", r.CIRCLE_CHECK = "circle-check", r.CLOSE = "close", r.BRACKET_LEFT = "bracket-left", r.BRACKET_RIGHT = "bracket-right", r.HELP = "help", r.INFO = "info", r.MENU = "menu", r.PLUS = "plus", r.PLAY = "play", r.REMOVE = "remove", r.SEARCH = "search", r.WARNING = "warning", r.ARROW_BACK = "arrow-back", r.ARROW_DOWNWARD = "arrow-downward", r.ARROW_FORWARD = "arrow-forward", r.ARROW_FORWARD_THIN = "arrow-forward-thin", r.ARROW_INSERT = "arrow-insert", r.ARROW_OUTWARD = "arrow-outward", r.ARROW_RETURN = "arrow-return", r.ARROW_UPWARD = "arrow-upward", r.CHEVRON_BACK = "chevron-back", r.CHEVRON_DOWN = "chevron-down", r.CHEVRON_FORWARD = "chevron-forward", r.CHEVRON_UP = "chevron-up", r.VISIBLE = "visible", r.INVISIBLE = "invisible", r.PROFILE = "profile", r.MESSAGE_FILL = "message-fill", r.MESSAGE = "message", r.CALENDAR = "calendar", r.CART = "cart", r.PACKAGE_FILL = "package-fill", r.PACKAGE = "package", r.SMILE_FILL = "smile-fill", r.SMILE = "smile", r.CIRCLE_DASH_FILL = "circle-dash-fill", r.CIRCLE_DASH = "circle-dash", r.PIN_DROP = "pin-drop", r.FILTER = "filter", r.SETTINGS = "settings", r.COOKIE = "cookie", r.LOCK = "lock", r.LOCK_OPEN = "lock-open", r.SPEED = "speed", r.VIDEO = "video", r.COACHING = "coaching", r.LABS = "labs", r.MYSPAN = "myspan", r.OPTIMIZATIONS = "optimizations", r.PROTOCOLS = "protocols", r.RULER = "ruler", r.SCALE = "scale", r.FACEBOOK = "facebook", r.HEART_FILL = "heart-fill", r.HEART = "heart", r.INSTAGRAM = "instagram", r.STAR_FILL = "star-fill", r.STAR_HALF = "star-half", r.STAR_OUTLINE = "star-outline", r.STAR = "star", r.X = "x", r.GOOGLE = "google", r.APPLE = "apple", r.ARROW_BOLD = "arrow-bold", r.CLOSE_BOLD = "close-bold", r.DOT_BOLD = "dot-bold", r.PLUS_BOLD = "plus-bold", r.LINKEDIN = "linkedin", r.DOT = "dot", r))(l || {});
|
|
1
|
+
var l = /* @__PURE__ */ ((r) => (r.ALERT_ERROR_FILL = "alert-error-fill", r.ALERT_ERROR = "alert-error", r.AUDIO = "audio", r.CHECK = "check", r.CIRCLE_CHECK_FILL = "circle-check-fill", r.CIRCLE_CHECK = "circle-check", r.CLOSE = "close", r.BRACKET_LEFT = "bracket-left", r.BRACKET_RIGHT = "bracket-right", r.HELP = "help", r.INFO = "info", r.MENU = "menu", r.MUTE = "mute", r.PLUS = "plus", r.PLAY = "play", r.ALT_PLAY = "alt-play", r.REMOVE = "remove", r.SEARCH = "search", r.WARNING = "warning", r.ARROW_BACK = "arrow-back", r.ARROW_DOWNWARD = "arrow-downward", r.ARROW_FORWARD = "arrow-forward", r.ARROW_FORWARD_THIN = "arrow-forward-thin", r.ARROW_INSERT = "arrow-insert", r.ARROW_OUTWARD = "arrow-outward", r.ARROW_RETURN = "arrow-return", r.ARROW_UPWARD = "arrow-upward", r.CHEVRON_BACK = "chevron-back", r.CHEVRON_DOWN = "chevron-down", r.CHEVRON_FORWARD = "chevron-forward", r.CHEVRON_UP = "chevron-up", r.VISIBLE = "visible", r.INVISIBLE = "invisible", r.PROFILE = "profile", r.MESSAGE_FILL = "message-fill", r.MESSAGE = "message", r.CALENDAR = "calendar", r.CART = "cart", r.PACKAGE_FILL = "package-fill", r.PACKAGE = "package", r.SMILE_FILL = "smile-fill", r.SMILE = "smile", r.CIRCLE_DASH_FILL = "circle-dash-fill", r.CIRCLE_DASH = "circle-dash", r.PIN_DROP = "pin-drop", r.FILTER = "filter", r.SETTINGS = "settings", r.COOKIE = "cookie", r.LOCK = "lock", r.LOCK_OPEN = "lock-open", r.SPEED = "speed", r.VIDEO = "video", r.COACHING = "coaching", r.LABS = "labs", r.MYSPAN = "myspan", r.OPTIMIZATIONS = "optimizations", r.PROTOCOLS = "protocols", r.RULER = "ruler", r.SCALE = "scale", r.FACEBOOK = "facebook", r.HEART_FILL = "heart-fill", r.HEART = "heart", r.INSTAGRAM = "instagram", r.STAR_FILL = "star-fill", r.STAR_HALF = "star-half", r.STAR_OUTLINE = "star-outline", r.STAR = "star", r.X = "x", r.GOOGLE = "google", r.APPLE = "apple", r.ARROW_BOLD = "arrow-bold", r.CLOSE_BOLD = "close-bold", r.DOT_BOLD = "dot-bold", r.PLUS_BOLD = "plus-bold", r.LINKEDIN = "linkedin", r.DOT = "dot", r))(l || {});
|
|
2
2
|
const i = {
|
|
3
3
|
"alert-error-fill": "action",
|
|
4
4
|
"alert-error": "action",
|
|
5
|
+
"alt-play": "action",
|
|
6
|
+
audio: "action",
|
|
5
7
|
check: "action",
|
|
6
8
|
"circle-check-fill": "action",
|
|
7
9
|
"circle-check": "action",
|
|
@@ -11,6 +13,7 @@ const i = {
|
|
|
11
13
|
help: "action",
|
|
12
14
|
info: "action",
|
|
13
15
|
menu: "action",
|
|
16
|
+
mute: "action",
|
|
14
17
|
plus: "action",
|
|
15
18
|
play: "action",
|
|
16
19
|
remove: "action",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants.cjs.js"),r=require("../../icons/action/alert-error-fill.svg.cjs.js"),o=require("../../icons/action/alert-error.svg.cjs.js"),a=require("../../icons/action/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants.cjs.js"),r=require("../../icons/action/alert-error-fill.svg.cjs.js"),o=require("../../icons/action/alert-error.svg.cjs.js"),a=require("../../icons/action/alt-play.svg.cjs.js"),c=require("../../icons/action/check.svg.cjs.js"),t=require("../../icons/action/circle-check-fill.svg.cjs.js"),n=require("../../icons/action/circle-check.svg.cjs.js"),u=require("../../icons/action/close.svg.cjs.js"),E=require("../../icons/action/bracket-left.svg.cjs.js"),l=require("../../icons/action/bracket-right.svg.cjs.js"),I=require("../../icons/action/help.svg.cjs.js"),i=require("../../icons/action/info.svg.cjs.js"),s=require("../../icons/action/menu.svg.cjs.js"),N=require("../../icons/action/play.svg.cjs.js"),d=require("../../icons/action/audio.svg.cjs.js"),m=require("../../icons/action/mute.svg.cjs.js"),f=require("../../icons/action/plus.svg.cjs.js"),q=require("../../icons/action/remove.svg.cjs.js"),R=require("../../icons/action/search.svg.cjs.js"),O=require("../../icons/action/warning.svg.cjs.js"),A=require("../../icons/action/visible.svg.cjs.js"),L=require("../../icons/action/invisible.svg.cjs.js"),C=require("../../icons/action/profile.svg.cjs.js"),_=require("../../icons/arrow/arrow-back.svg.cjs.js"),S=require("../../icons/arrow/arrow-downward.svg.cjs.js"),T=require("../../icons/arrow/arrow-forward.svg.cjs.js"),F=require("../../icons/arrow/arrow-forward-thin.svg.cjs.js"),D=require("../../icons/arrow/arrow-insert.svg.cjs.js"),P=require("../../icons/arrow/arrow-outward.svg.cjs.js"),p=require("../../icons/arrow/arrow-return.svg.cjs.js"),w=require("../../icons/arrow/arrow-upward.svg.cjs.js"),B=require("../../icons/arrow/chevron-back.svg.cjs.js"),H=require("../../icons/arrow/chevron-down.svg.cjs.js"),W=require("../../icons/arrow/chevron-forward.svg.cjs.js"),h=require("../../icons/arrow/chevron-up.svg.cjs.js"),k=require("../../icons/chat/message-fill.svg.cjs.js"),K=require("../../icons/chat/message.svg.cjs.js"),g=require("../../icons/eCommerce/calendar.svg.cjs.js"),M=require("../../icons/eCommerce/cart.svg.cjs.js"),U=require("../../icons/eCommerce/package-fill.svg.cjs.js"),G=require("../../icons/eCommerce/package.svg.cjs.js"),v=require("../../icons/faces/smile-fill.svg.cjs.js"),b=require("../../icons/faces/smile.svg.cjs.js"),V=require("../../icons/indicators/circle-dash-fill.svg.cjs.js"),y=require("../../icons/indicators/circle-dash.svg.cjs.js"),Y=require("../../icons/global/pin-drop.svg.cjs.js"),j=require("../../icons/global/filter.svg.cjs.js"),x=require("../../icons/global/settings.svg.cjs.js"),z=require("../../icons/global/cookie.svg.cjs.js"),X=require("../../icons/global/lock.svg.cjs.js"),Z=require("../../icons/global/lock-open.svg.cjs.js"),J=require("../../icons/global/speed.svg.cjs.js"),Q=require("../../icons/global/video.svg.cjs.js"),$=require("../../icons/medical/coaching.svg.cjs.js"),ee=require("../../icons/medical/labs.svg.cjs.js"),re=require("../../icons/medical/myspan.svg.cjs.js"),oe=require("../../icons/medical/optimizations.svg.cjs.js"),ae=require("../../icons/medical/protocols.svg.cjs.js"),ce=require("../../icons/medical/ruler.svg.cjs.js"),te=require("../../icons/medical/scale.svg.cjs.js"),ne=require("../../icons/social/facebook.svg.cjs.js"),ue=require("../../icons/social/heart-fill.svg.cjs.js"),Ee=require("../../icons/social/heart.svg.cjs.js"),le=require("../../icons/social/instagram.svg.cjs.js"),Ie=require("../../icons/social/star-fill.svg.cjs.js"),ie=require("../../icons/social/star-half.svg.cjs.js"),se=require("../../icons/social/star-outline.svg.cjs.js"),Ne=require("../../icons/social/star.svg.cjs.js"),de=require("../../icons/social/x.svg.cjs.js"),me=require("../../icons/social/google.svg.cjs.js"),fe=require("../../icons/social/apple.svg.cjs.js"),qe=require("../../icons/bold/arrow-bold.svg.cjs.js"),Re=require("../../icons/bold/close-bold.svg.cjs.js"),Oe=require("../../icons/bold/dot-bold.svg.cjs.js"),Ae=require("../../icons/bold/plus-bold.svg.cjs.js"),Le=require("../../icons/social/linkedin.svg.cjs.js"),Ce=require("../../icons/action/dot.svg.cjs.js"),_e={[e.EIconName.ALERT_ERROR_FILL]:r.default,[e.EIconName.ALERT_ERROR]:o.default,[e.EIconName.ALT_PLAY]:a.default,[e.EIconName.AUDIO]:d.default,[e.EIconName.CHECK]:c.default,[e.EIconName.CIRCLE_CHECK_FILL]:t.default,[e.EIconName.CIRCLE_CHECK]:n.default,[e.EIconName.CLOSE]:u.default,[e.EIconName.BRACKET_LEFT]:E.default,[e.EIconName.BRACKET_RIGHT]:l.default,[e.EIconName.HELP]:I.default,[e.EIconName.INFO]:i.default,[e.EIconName.MENU]:s.default,[e.EIconName.MUTE]:m.default,[e.EIconName.PLAY]:N.default,[e.EIconName.PLUS]:f.default,[e.EIconName.REMOVE]:q.default,[e.EIconName.SEARCH]:R.default,[e.EIconName.WARNING]:O.default,[e.EIconName.VISIBLE]:A.default,[e.EIconName.INVISIBLE]:L.default,[e.EIconName.PROFILE]:C.default,[e.EIconName.ARROW_BACK]:_.default,[e.EIconName.ARROW_DOWNWARD]:S.default,[e.EIconName.ARROW_FORWARD]:T.default,[e.EIconName.ARROW_FORWARD_THIN]:F.default,[e.EIconName.ARROW_INSERT]:D.default,[e.EIconName.ARROW_OUTWARD]:P.default,[e.EIconName.ARROW_RETURN]:p.default,[e.EIconName.ARROW_UPWARD]:w.default,[e.EIconName.CHEVRON_BACK]:B.default,[e.EIconName.CHEVRON_DOWN]:H.default,[e.EIconName.CHEVRON_FORWARD]:W.default,[e.EIconName.CHEVRON_UP]:h.default,[e.EIconName.MESSAGE_FILL]:k.default,[e.EIconName.MESSAGE]:K.default,[e.EIconName.CALENDAR]:g.default,[e.EIconName.CART]:M.default,[e.EIconName.PACKAGE_FILL]:U.default,[e.EIconName.PACKAGE]:G.default,[e.EIconName.SMILE_FILL]:v.default,[e.EIconName.SMILE]:b.default,[e.EIconName.CIRCLE_DASH_FILL]:V.default,[e.EIconName.CIRCLE_DASH]:y.default,[e.EIconName.PIN_DROP]:Y.default,[e.EIconName.FILTER]:j.default,[e.EIconName.SETTINGS]:x.default,[e.EIconName.COOKIE]:z.default,[e.EIconName.LOCK]:X.default,[e.EIconName.LOCK_OPEN]:Z.default,[e.EIconName.SPEED]:J.default,[e.EIconName.VIDEO]:Q.default,[e.EIconName.COACHING]:$.default,[e.EIconName.LABS]:ee.default,[e.EIconName.MYSPAN]:re.default,[e.EIconName.OPTIMIZATIONS]:oe.default,[e.EIconName.PROTOCOLS]:ae.default,[e.EIconName.RULER]:ce.default,[e.EIconName.SCALE]:te.default,[e.EIconName.FACEBOOK]:ne.default,[e.EIconName.HEART_FILL]:ue.default,[e.EIconName.HEART]:Ee.default,[e.EIconName.INSTAGRAM]:le.default,[e.EIconName.STAR_FILL]:Ie.default,[e.EIconName.STAR_HALF]:ie.default,[e.EIconName.STAR_OUTLINE]:se.default,[e.EIconName.STAR]:Ne.default,[e.EIconName.X]:de.default,[e.EIconName.GOOGLE]:me.default,[e.EIconName.APPLE]:fe.default,[e.EIconName.ARROW_BOLD]:qe.default,[e.EIconName.CLOSE_BOLD]:Re.default,[e.EIconName.DOT_BOLD]:Oe.default,[e.EIconName.PLUS_BOLD]:Ae.default,[e.EIconName.LINKEDIN]:Le.default,[e.EIconName.DOT]:Ce.default};exports.ICON_COMPONENTS=_e;
|