@soul-refiner/design-system 2.14.173 → 2.14.174
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.
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("next/image"),t=require("styled-components"),r=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),l=require("../../atoms/typography/paragraph.js"),n=require("../../../icons/security/lock.js"),s=require("../../../icons/audio_video/play_solid.js"),a=require("../../../icons/basic/download_arrow.js"),c=require("../../../icons/basic/share_external.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("next/image"),t=require("styled-components"),r=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),l=require("../../atoms/typography/paragraph.js"),n=require("../../../icons/security/lock.js"),s=require("../../../icons/audio_video/play_solid.js"),a=require("../../../icons/basic/download_arrow.js"),c=require("../../../icons/basic/share_external.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(i),p=d(o);const h=g.default.forwardRef(({comingSoon:i,duration:o,onClick:t,playable:d,progress:g=0,shortDescription:h,thumbnail:w="/images/default_card_image.png",nowplaying:I,playlistItemId:k,title:z="Episode",isFile:L=!1,type:N="VIDEO"},S)=>e.jsxs(x,{ref:S,onClick:d&&!i?t:void 0,$playable:d||"LINK"===N,$playlistItemId:k,$nowplaying:I,$isExternalLink:"LINK"===N,children:[e.jsxs("div",{style:{position:"relative",overflow:"hidden",height:75,minWidth:133,width:"100%",maxWidth:133,backgroundColor:"white"},className:"imageContainer",children:[e.jsx(p.default,{alt:`thumbnail for ${z}`,height:75,quality:100,src:w,style:{objectFit:"LINK"===N?"contain":"cover",background:"LINK"===N?"white":"transparent"},width:133}),e.jsxs(b,{children:[e.jsx($,{children:d?e.jsx(s.PlaySolid,{color:"white",size:16}):"LINK"===N?e.jsx(c.ShareExternal,{color:"white",size:16}):e.jsx(n.Lock,{color:"white",size:16})}),g&&o&&!i&&"LINK"!==N?e.jsx(m,{progressPercent:g/o}):null]}),L&&e.jsx(y,{className:"overlay",children:e.jsx(f,{children:e.jsx(Button,{icon:e.jsx(a.DownloadArrow,{color:"grey-4",size:16}),type:"special",sx:"padding-left: 12px;padding-right: 12px; max-height: 32px;",children:e.jsx(l.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,children:"Download"})})})}),"LINK"===N&&e.jsx(u,{className:"overlay",children:e.jsx(j,{children:e.jsx(Button,{icon:e.jsx(c.ShareExternal,{color:"grey-4",size:16}),type:"special",sx:"max-height: 32px;",children:e.jsx(l.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,children:"Visit"})})})})]}),e.jsxs(v,{children:[e.jsx(l.P,{$color:"grey-10",$semiBold:!0,$fontSize:16,$lineHeight:24,sx:"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",children:z}),o&&!i&&"LINK"!==N&&"FILE"!==N&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:e.jsx(r.SecToDuration,{seconds:o})}),"LINK"===N&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Visit"}),"FILE"===N&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Download"}),i&&e.jsx(l.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,children:"Coming soon"})]})]})),x=t.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
flex: 0 1 auto;
|
|
4
|
-
padding:
|
|
4
|
+
padding: 8px;
|
|
5
5
|
display: flex;
|
|
6
|
-
|
|
6
|
+
gap: 16px;
|
|
7
7
|
position: relative;
|
|
8
8
|
&:hover {
|
|
9
9
|
${({$playlistItemId:e,$nowplaying:i})=>e===i?"":"background: var(--color-grey-1);"}
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
width: 100%;
|
|
52
52
|
background-color: white;
|
|
53
53
|
gap: 0px;
|
|
54
|
-
`,
|
|
54
|
+
`,j=t.styled.div`
|
|
55
55
|
display: flex;
|
|
56
56
|
justify-content: center;
|
|
57
57
|
align-items: center;
|
|
@@ -59,16 +59,27 @@
|
|
|
59
59
|
height: 100%;
|
|
60
60
|
width: 100%;
|
|
61
61
|
gap: 4px;
|
|
62
|
-
`,
|
|
63
|
-
width:
|
|
64
|
-
|
|
65
|
-
bottom: 5px;
|
|
66
|
-
left: 5px;
|
|
62
|
+
`,m=({progressPercent:i})=>e.jsxs(w,{viewBox:"0 0 133 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{width:133*i,height:"2",fill:"var(--color-primary-blue-2)"}),e.jsx("rect",{x:133*i,width:133-133*i,height:"2",fill:"var(--color-grey-8)"})]}),w=t.styled.svg`
|
|
63
|
+
width: 100%;
|
|
64
|
+
display: block;
|
|
67
65
|
`,b=t.styled.div`
|
|
66
|
+
position: absolute;
|
|
67
|
+
bottom: 0;
|
|
68
|
+
left: 0;
|
|
69
|
+
right: 0;
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
gap: 4px;
|
|
73
|
+
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
|
|
74
|
+
padding-top: 12px;
|
|
75
|
+
`,$=t.styled.div`
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: flex-start;
|
|
78
|
+
padding: 0 8px;
|
|
79
|
+
`,v=t.styled.div`
|
|
68
80
|
display: flex;
|
|
69
81
|
flex-direction: column;
|
|
70
82
|
gap: 8px;
|
|
71
|
-
margin-left: 16px;
|
|
72
83
|
flex: 1 0 0;
|
|
73
84
|
min-width: 0;
|
|
74
85
|
overflow: hidden;
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
${({$playable:e})=>e?"":"\n .player {\n cursor: initial;\n pointer-events: none;\n user-select: none;\n }"}
|
|
62
62
|
|
|
63
|
-
${({$orientation:e})=>"vertical"===e?"\n flex-direction: column;\n gap: 24px;\n justify-content: flex-start;":"\n & > div:first-of-type {\n flex: 5;\n aspect-ratio: 1280 / 720;\n }\n & > div:last-of-type {\n flex: 3;\n
|
|
63
|
+
${({$orientation:e})=>"vertical"===e?"\n flex-direction: column;\n gap: 24px;\n justify-content: flex-start;":"\n & > div:first-of-type {\n flex: 5;\n aspect-ratio: 1280 / 720;\n }\n & > div:last-of-type {\n flex: 3;\n }"}
|
|
64
64
|
`,P=n.styled.div`
|
|
65
65
|
position: relative;
|
|
66
66
|
flex: 1;
|
|
@@ -94,16 +94,16 @@
|
|
|
94
94
|
overflow-x: hidden;
|
|
95
95
|
padding-right: 4px;
|
|
96
96
|
&::-webkit-scrollbar-track {
|
|
97
|
-
background-color:
|
|
97
|
+
background-color: transparent;
|
|
98
|
+
margin: 16px 0;
|
|
98
99
|
}
|
|
99
100
|
&::-webkit-scrollbar {
|
|
100
101
|
width: 4px;
|
|
101
|
-
border-radius:
|
|
102
|
+
border-radius: 32px;
|
|
102
103
|
}
|
|
103
104
|
&::-webkit-scrollbar-thumb {
|
|
104
|
-
border-radius:
|
|
105
|
-
background-color:
|
|
106
|
-
opacity: 0.8 !important;
|
|
105
|
+
border-radius: 32px;
|
|
106
|
+
background-color: rgba(234, 235, 237, 0.3);
|
|
107
107
|
}
|
|
108
108
|
${({$showingAll:e})=>e?"\n height: 100vh; max-height: calc(100vh - 200px);\n overflow-y: auto;\n flex: 1;\n margin-top: auto;\n margin-bottom: auto;":"height: 100%;"}
|
|
109
109
|
`,B=n.styled.div`
|
|
@@ -114,20 +114,17 @@
|
|
|
114
114
|
margin-right: 24px;
|
|
115
115
|
overflow-x: hidden;
|
|
116
116
|
&::-webkit-scrollbar-track {
|
|
117
|
-
|
|
118
|
-
-
|
|
119
|
-
|
|
120
|
-
background-color: var(--color-grey-2);
|
|
121
|
-
margin: 40px 0px 15px 0px;
|
|
117
|
+
background-color: transparent;
|
|
118
|
+
border-radius: 32px;
|
|
119
|
+
margin: 16px 0;
|
|
122
120
|
}
|
|
123
121
|
&::-webkit-scrollbar {
|
|
124
|
-
width:
|
|
125
|
-
border-radius:
|
|
122
|
+
width: 4px;
|
|
123
|
+
border-radius: 32px;
|
|
126
124
|
}
|
|
127
125
|
&::-webkit-scrollbar-thumb {
|
|
128
|
-
border-radius:
|
|
129
|
-
background-color:
|
|
130
|
-
opacity: 30%;
|
|
126
|
+
border-radius: 32px;
|
|
127
|
+
background-color: rgba(234, 235, 237, 0.3);
|
|
131
128
|
}
|
|
132
129
|
|
|
133
130
|
${({$showingAll:e})=>e?"height: 100%; overflow-y:auto;":"max-height: 350px;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"playlist-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video-player/playlist-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAiD;IAC3E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"playlist-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/video-player/playlist-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAiD;IAC3E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,0FAiIxB,CAAC"}
|