@wix/video 1.72.0

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.
Files changed (142) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +126 -0
  3. package/dist/cjs/Video.js +121 -0
  4. package/dist/cjs/Video.js.map +1 -0
  5. package/dist/cjs/Video.module.scss +27 -0
  6. package/dist/cjs/Video.stories.js +68 -0
  7. package/dist/cjs/Video.stories.js.map +1 -0
  8. package/dist/cjs/custom-element/WowVideo.js +88 -0
  9. package/dist/cjs/custom-element/WowVideo.js.map +1 -0
  10. package/dist/cjs/custom-element/registry.js +34 -0
  11. package/dist/cjs/custom-element/registry.js.map +1 -0
  12. package/dist/cjs/custom-element/utils.js +138 -0
  13. package/dist/cjs/custom-element/utils.js.map +1 -0
  14. package/dist/cjs/custom-element/videoLayout.js +120 -0
  15. package/dist/cjs/custom-element/videoLayout.js.map +1 -0
  16. package/dist/cjs/customElementInit.js +10 -0
  17. package/dist/cjs/customElementInit.js.map +1 -0
  18. package/dist/cjs/dataManifest.js +53 -0
  19. package/dist/cjs/dataManifest.js.map +1 -0
  20. package/dist/cjs/external-types.d.js +2 -0
  21. package/dist/cjs/external-types.d.js.map +1 -0
  22. package/dist/cjs/index.js +23 -0
  23. package/dist/cjs/index.js.map +1 -0
  24. package/dist/cjs/storybook/Container.js +33 -0
  25. package/dist/cjs/storybook/Container.js.map +1 -0
  26. package/dist/cjs/storybook/args.js +178 -0
  27. package/dist/cjs/storybook/args.js.map +1 -0
  28. package/dist/cjs/test-types.d.js +2 -0
  29. package/dist/cjs/test-types.d.js.map +1 -0
  30. package/dist/cjs/types.js +4 -0
  31. package/dist/cjs/types.js.map +1 -0
  32. package/dist/esm/Video.js +95 -0
  33. package/dist/esm/Video.js.map +1 -0
  34. package/dist/esm/Video.module.scss +27 -0
  35. package/dist/esm/Video.stories.js +47 -0
  36. package/dist/esm/Video.stories.js.map +1 -0
  37. package/dist/esm/custom-element/WowVideo.js +83 -0
  38. package/dist/esm/custom-element/WowVideo.js.map +1 -0
  39. package/dist/esm/custom-element/registry.js +29 -0
  40. package/dist/esm/custom-element/registry.js.map +1 -0
  41. package/dist/esm/custom-element/utils.js +131 -0
  42. package/dist/esm/custom-element/utils.js.map +1 -0
  43. package/dist/esm/custom-element/videoLayout.js +117 -0
  44. package/dist/esm/custom-element/videoLayout.js.map +1 -0
  45. package/dist/esm/customElementInit.js +13 -0
  46. package/dist/esm/customElementInit.js.map +1 -0
  47. package/dist/esm/dataManifest.js +49 -0
  48. package/dist/esm/dataManifest.js.map +1 -0
  49. package/dist/esm/external-types.d.js +2 -0
  50. package/dist/esm/external-types.d.js.map +1 -0
  51. package/dist/esm/index.js +6 -0
  52. package/dist/esm/index.js.map +1 -0
  53. package/dist/esm/storybook/Container.js +21 -0
  54. package/dist/esm/storybook/Container.js.map +1 -0
  55. package/dist/esm/storybook/args.js +174 -0
  56. package/dist/esm/storybook/args.js.map +1 -0
  57. package/dist/esm/test-types.d.js +2 -0
  58. package/dist/esm/test-types.d.js.map +1 -0
  59. package/dist/esm/types.js +2 -0
  60. package/dist/esm/types.js.map +1 -0
  61. package/dist/statics/189.chunk.js +35383 -0
  62. package/dist/statics/189.chunk.js.map +1 -0
  63. package/dist/statics/189.chunk.min.js +2 -0
  64. package/dist/statics/189.chunk.min.js.map +1 -0
  65. package/dist/statics/janet/110.8a580c2d.iframe.bundle.js +10826 -0
  66. package/dist/statics/janet/110.8a580c2d.iframe.bundle.js.map +1 -0
  67. package/dist/statics/janet/134.6007b391.iframe.bundle.js +484 -0
  68. package/dist/statics/janet/134.6007b391.iframe.bundle.js.map +1 -0
  69. package/dist/statics/janet/134.d48c36bc94ecd2280c0a.manager.bundle.js +1 -0
  70. package/dist/statics/janet/317.2df397a1e1f34d5a30fd.manager.bundle.js +1 -0
  71. package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js +1998 -0
  72. package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js.map +1 -0
  73. package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js +2 -0
  74. package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js.LICENSE.txt +31 -0
  75. package/dist/statics/janet/470.aab6696c.iframe.bundle.js +35380 -0
  76. package/dist/statics/janet/470.aab6696c.iframe.bundle.js.map +1 -0
  77. package/dist/statics/janet/599.37d4aa34.iframe.bundle.js +3294 -0
  78. package/dist/statics/janet/599.37d4aa34.iframe.bundle.js.map +1 -0
  79. package/dist/statics/janet/599.47c7dacc8997e4d71eac.manager.bundle.js +1 -0
  80. package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js +2652 -0
  81. package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js.map +1 -0
  82. package/dist/statics/janet/61.a575d4776ab0d42da5c8.manager.bundle.js +1 -0
  83. package/dist/statics/janet/673.59f2a23a.iframe.bundle.js +173 -0
  84. package/dist/statics/janet/673.59f2a23a.iframe.bundle.js.map +1 -0
  85. package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js +2 -0
  86. package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js.LICENSE.txt +8 -0
  87. package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js +10451 -0
  88. package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js.map +1 -0
  89. package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js +2 -0
  90. package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js.LICENSE.txt +94 -0
  91. package/dist/statics/janet/833.75275036.iframe.bundle.js +6777 -0
  92. package/dist/statics/janet/833.75275036.iframe.bundle.js.map +1 -0
  93. package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js +2 -0
  94. package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js.LICENSE.txt +12 -0
  95. package/dist/statics/janet/W-06.svg +1 -0
  96. package/dist/statics/janet/favicon.ico +0 -0
  97. package/dist/statics/janet/iframe.html +364 -0
  98. package/dist/statics/janet/index.html +59 -0
  99. package/dist/statics/janet/janet.json +10 -0
  100. package/dist/statics/janet/main.666d4853f3d62ab20aa1.manager.bundle.js +1 -0
  101. package/dist/statics/janet/main.d8a321d6.iframe.bundle.js +73260 -0
  102. package/dist/statics/janet/main.d8a321d6.iframe.bundle.js.map +1 -0
  103. package/dist/statics/janet/project.json +1 -0
  104. package/dist/statics/janet/runtime~main.2195d24e465f19ad9c9a.manager.bundle.js +1 -0
  105. package/dist/statics/janet/w-06.ico +0 -0
  106. package/dist/statics/manifest.json +4 -0
  107. package/dist/statics/manifest.min.json +4 -0
  108. package/dist/statics/video.css +10 -0
  109. package/dist/statics/video.css.map +1 -0
  110. package/dist/statics/video.min.css +1 -0
  111. package/dist/statics/video.rtl.css +8 -0
  112. package/dist/statics/video.rtl.min.css +1 -0
  113. package/dist/statics/video.umd.js +5990 -0
  114. package/dist/statics/video.umd.js.map +1 -0
  115. package/dist/statics/video.umd.min.js +2 -0
  116. package/dist/statics/video.umd.min.js.map +1 -0
  117. package/dist/tsconfig.tsbuildinfo +1 -0
  118. package/dist/types/Video.d.ts +5 -0
  119. package/dist/types/Video.d.ts.map +1 -0
  120. package/dist/types/Video.stories.d.ts +20 -0
  121. package/dist/types/Video.stories.d.ts.map +1 -0
  122. package/dist/types/custom-element/WowVideo.d.ts +4 -0
  123. package/dist/types/custom-element/WowVideo.d.ts.map +1 -0
  124. package/dist/types/custom-element/registry.d.ts +3 -0
  125. package/dist/types/custom-element/registry.d.ts.map +1 -0
  126. package/dist/types/custom-element/utils.d.ts +11 -0
  127. package/dist/types/custom-element/utils.d.ts.map +1 -0
  128. package/dist/types/custom-element/videoLayout.d.ts +35 -0
  129. package/dist/types/custom-element/videoLayout.d.ts.map +1 -0
  130. package/dist/types/customElementInit.d.ts +4 -0
  131. package/dist/types/customElementInit.d.ts.map +1 -0
  132. package/dist/types/dataManifest.d.ts +2 -0
  133. package/dist/types/dataManifest.d.ts.map +1 -0
  134. package/dist/types/index.d.ts +6 -0
  135. package/dist/types/index.d.ts.map +1 -0
  136. package/dist/types/storybook/Container.d.ts +5 -0
  137. package/dist/types/storybook/Container.d.ts.map +1 -0
  138. package/dist/types/storybook/args.d.ts +174 -0
  139. package/dist/types/storybook/args.d.ts.map +1 -0
  140. package/dist/types/types.d.ts +62 -0
  141. package/dist/types/types.d.ts.map +1 -0
  142. package/package.json +121 -0
@@ -0,0 +1,484 @@
1
+ "use strict";
2
+ (self["webpackChunk_wix_video"] = self["webpackChunk_wix_video"] || []).push([[134],{
3
+
4
+ /***/ 18134:
5
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6
+
7
+ __webpack_require__.r(__webpack_exports__);
8
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9
+ /* harmony export */ "default": () => (/* binding */ GlobalScrollAreaStyles),
10
+ /* harmony export */ getScrollAreaStyles: () => (/* binding */ getScrollAreaStyles)
11
+ /* harmony export */ });
12
+ /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(56569);
13
+ /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
14
+ /* harmony import */ var core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45968);
15
+ /* harmony import */ var core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_freeze_js__WEBPACK_IMPORTED_MODULE_1__);
16
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14041);
17
+ /* harmony import */ var _storybook_theming__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(88480);
18
+
19
+
20
+
21
+ var _templateObject;
22
+
23
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
24
+
25
+
26
+
27
+ var hsResizeObserverDummyAnimation = (0,_storybook_theming__WEBPACK_IMPORTED_MODULE_3__/* .keyframes */ .i7)(_templateObject || (_templateObject = _taggedTemplateLiteral(["0%{z-index:0}to{z-index:-1}"])));
28
+
29
+ var getScrollAreaStyles = function getScrollAreaStyles(theme) {
30
+ return {
31
+ 'html.os-html, html.os-html>.os-host': {
32
+ display: 'block',
33
+ overflow: 'hidden',
34
+ boxSizing: 'border-box',
35
+ height: '100%!important',
36
+ width: '100%!important',
37
+ minWidth: '100%!important',
38
+ minHeight: '100%!important',
39
+ margin: '0!important',
40
+ position: 'absolute!important'
41
+ },
42
+ 'html.os-html>.os-host>.os-padding': {
43
+ position: 'absolute'
44
+ },
45
+ 'body.os-dragging, body.os-dragging *': {
46
+ cursor: 'default'
47
+ },
48
+ '.os-host, .os-host-textarea': {
49
+ position: 'relative',
50
+ overflow: 'visible!important',
51
+ flexDirection: 'column',
52
+ flexWrap: 'nowrap',
53
+ justifyContent: 'flex-start',
54
+ alignContent: 'flex-start',
55
+ alignItems: 'flex-start'
56
+ },
57
+ '.os-host-flexbox': {
58
+ overflow: 'hidden!important',
59
+ display: 'flex'
60
+ },
61
+ '.os-host-flexbox>.os-size-auto-observer': {
62
+ height: 'inherit!important'
63
+ },
64
+ '.os-host-flexbox>.os-content-glue': {
65
+ flexGrow: 1,
66
+ flexShrink: 0
67
+ },
68
+ '.os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue': {
69
+ minHeight: 0,
70
+ minWidth: 0,
71
+ flexGrow: 0,
72
+ flexShrink: 1,
73
+ flexBasis: 'auto'
74
+ },
75
+ '#os-dummy-scrollbar-size': {
76
+ position: 'fixed',
77
+ opacity: 0,
78
+ visibility: 'hidden',
79
+ overflow: 'scroll',
80
+ height: 500,
81
+ width: 500
82
+ },
83
+ '#os-dummy-scrollbar-size>div': {
84
+ width: '200%',
85
+ height: '200%',
86
+ margin: 10
87
+ },
88
+ '#os-dummy-scrollbar-size, .os-viewport': {},
89
+ '.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport': {
90
+ scrollbarWidth: 'none!important'
91
+ },
92
+ '.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner': {
93
+ display: 'none!important',
94
+ width: '0!important',
95
+ height: '0!important',
96
+ visibility: 'hidden!important',
97
+ background: '0 0!important'
98
+ },
99
+ '.os-content-glue': {
100
+ boxSizing: 'inherit',
101
+ maxHeight: '100%',
102
+ maxWidth: '100%',
103
+ width: '100%',
104
+ pointerEvents: 'none'
105
+ },
106
+ '.os-padding': {
107
+ boxSizing: 'inherit',
108
+ direction: 'inherit',
109
+ position: 'absolute',
110
+ overflow: 'visible',
111
+ padding: 0,
112
+ margin: 0,
113
+ left: 0,
114
+ top: 0,
115
+ bottom: 0,
116
+ right: 0,
117
+ width: 'auto!important',
118
+ height: 'auto!important',
119
+ zIndex: 1
120
+ },
121
+ '.os-host-overflow>.os-padding': {
122
+ overflow: 'hidden'
123
+ },
124
+ '.os-viewport': {
125
+ direction: 'inherit!important',
126
+ boxSizing: 'inherit!important',
127
+ resize: 'none!important',
128
+ outline: '0!important',
129
+ position: 'absolute',
130
+ overflow: 'hidden',
131
+ top: 0,
132
+ left: 0,
133
+ bottom: 0,
134
+ right: 0,
135
+ padding: 0,
136
+ margin: 0
137
+ },
138
+ '.os-content-arrange': {
139
+ position: 'absolute',
140
+ zIndex: -1,
141
+ minHeight: 1,
142
+ minWidth: 1,
143
+ pointerEvents: 'none'
144
+ },
145
+ '.os-content': {
146
+ direction: 'inherit',
147
+ boxSizing: 'border-box!important',
148
+ position: 'relative',
149
+ display: 'block',
150
+ height: '100%',
151
+ width: '100%',
152
+ visibility: 'visible'
153
+ },
154
+ '.os-content:before, .os-content:after': {
155
+ content: "''",
156
+ display: 'table',
157
+ width: 0,
158
+ height: 0,
159
+ lineHeight: 0,
160
+ fontSize: 0
161
+ },
162
+ '.os-content>.os-textarea': {
163
+ boxSizing: 'border-box!important',
164
+ direction: 'inherit!important',
165
+ background: '0 0!important',
166
+ outline: '0 transparent!important',
167
+ overflow: 'hidden!important',
168
+ position: 'absolute!important',
169
+ display: 'block!important',
170
+ top: '0!important',
171
+ left: '0!important',
172
+ margin: '0!important',
173
+ borderRadius: '0!important',
174
+ float: 'none!important',
175
+ filter: 'none!important',
176
+ border: '0!important',
177
+ resize: 'none!important',
178
+ transform: 'none!important',
179
+ maxWidth: 'none!important',
180
+ maxHeight: 'none!important',
181
+ boxShadow: 'none!important',
182
+ perspective: 'none!important',
183
+ opacity: '1!important',
184
+ zIndex: '1!important',
185
+ clip: 'auto!important',
186
+ verticalAlign: 'baseline!important',
187
+ padding: 0
188
+ },
189
+ '.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea': {
190
+ right: '0!important'
191
+ },
192
+ '.os-content>.os-textarea-cover': {
193
+ zIndex: -1,
194
+ pointerEvents: 'none'
195
+ },
196
+ '.os-content>.os-textarea[wrap=off]': {
197
+ whiteSpace: 'pre!important',
198
+ margin: '0!important'
199
+ },
200
+ '.os-text-inherit': {
201
+ fontFamily: 'inherit',
202
+ fontSize: 'inherit',
203
+ fontWeight: 'inherit',
204
+ fontStyle: 'inherit',
205
+ fontVariant: 'inherit',
206
+ textTransform: 'inherit',
207
+ textDecoration: 'inherit',
208
+ textIndent: 'inherit',
209
+ textAlign: 'inherit',
210
+ textShadow: 'inherit',
211
+ textOverflow: 'inherit',
212
+ letterSpacing: 'inherit',
213
+ wordSpacing: 'inherit',
214
+ lineHeight: 'inherit',
215
+ unicodeBidi: 'inherit',
216
+ direction: 'inherit',
217
+ color: 'inherit',
218
+ cursor: 'text'
219
+ },
220
+ '.os-resize-observer, .os-resize-observer-host': {
221
+ boxSizing: 'inherit',
222
+ display: 'block',
223
+ opacity: 0,
224
+ position: 'absolute',
225
+ top: 0,
226
+ left: 0,
227
+ height: '100%',
228
+ width: '100%',
229
+ overflow: 'hidden',
230
+ pointerEvents: 'none',
231
+ zIndex: -1
232
+ },
233
+ '.os-resize-observer-host': {
234
+ padding: 'inherit',
235
+ border: 'inherit',
236
+ borderColor: 'transparent',
237
+ borderStyle: 'solid',
238
+ boxSizing: 'border-box'
239
+ },
240
+ '.os-resize-observer-host:after': {
241
+ content: "''"
242
+ },
243
+ '.os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after': {
244
+ height: '200%',
245
+ width: '200%',
246
+ padding: 'inherit',
247
+ border: 'inherit',
248
+ margin: 0,
249
+ display: 'block',
250
+ boxSizing: 'content-box'
251
+ },
252
+ '.os-resize-observer.observed, object.os-resize-observer': {
253
+ boxSizing: 'border-box!important'
254
+ },
255
+ '.os-size-auto-observer': {
256
+ boxSizing: 'inherit!important',
257
+ height: '100%',
258
+ width: 'inherit',
259
+ maxWidth: 1,
260
+ position: 'relative',
261
+ float: 'left',
262
+ maxHeight: 1,
263
+ overflow: 'hidden',
264
+ zIndex: -1,
265
+ padding: 0,
266
+ margin: 0,
267
+ pointerEvents: 'none',
268
+ flexGrow: 'inherit',
269
+ flexShrink: 0,
270
+ flexBasis: 0
271
+ },
272
+ '.os-size-auto-observer>.os-resize-observer': {
273
+ width: '1000%',
274
+ height: '1000%',
275
+ minHeight: 1,
276
+ minWidth: 1
277
+ },
278
+ '.os-resize-observer-item': {
279
+ position: 'absolute',
280
+ top: 0,
281
+ right: 0,
282
+ bottom: 0,
283
+ left: 0,
284
+ overflow: 'hidden',
285
+ zIndex: -1,
286
+ opacity: 0,
287
+ direction: 'ltr!important',
288
+ flex: 'none!important'
289
+ },
290
+ '.os-resize-observer-item-final': {
291
+ position: 'absolute',
292
+ left: 0,
293
+ top: 0,
294
+ transition: 'none!important',
295
+ flex: 'none!important'
296
+ },
297
+ '.os-resize-observer': {
298
+ animationDuration: '.001s',
299
+ animationName: "".concat(hsResizeObserverDummyAnimation)
300
+ },
301
+ '.os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner': {
302
+ transition: 'opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s'
303
+ },
304
+ 'html.os-html>.os-host>.os-scrollbar': {
305
+ position: 'absolute',
306
+ zIndex: 999999
307
+ },
308
+ '.os-scrollbar, .os-scrollbar-corner': {
309
+ position: 'absolute',
310
+ opacity: 1,
311
+ zIndex: 1
312
+ },
313
+ '.os-scrollbar-corner': {
314
+ bottom: 0,
315
+ right: 0,
316
+ height: 10,
317
+ width: 10,
318
+ backgroundColor: 'transparent'
319
+ },
320
+ '.os-scrollbar': {
321
+ pointerEvents: 'none',
322
+ padding: 2,
323
+ boxSizing: 'border-box',
324
+ background: 0
325
+ },
326
+ '.os-scrollbar-track': {
327
+ pointerEvents: 'auto',
328
+ position: 'relative',
329
+ height: '100%',
330
+ width: '100%',
331
+ padding: '0!important',
332
+ border: '0!important'
333
+ },
334
+ '.os-scrollbar-handle': {
335
+ pointerEvents: 'auto',
336
+ position: 'absolute',
337
+ width: '100%',
338
+ height: '100%'
339
+ },
340
+ '.os-scrollbar-handle-off, .os-scrollbar-track-off': {
341
+ pointerEvents: 'none'
342
+ },
343
+ '.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *': {
344
+ pointerEvents: 'none!important'
345
+ },
346
+ '.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle': {
347
+ opacity: '0!important'
348
+ },
349
+ '.os-scrollbar-horizontal': {
350
+ bottom: 0,
351
+ left: 0,
352
+ right: 10,
353
+ height: 10
354
+ },
355
+ '.os-scrollbar-vertical': {
356
+ top: 0,
357
+ right: 0,
358
+ bottom: 10,
359
+ width: 10
360
+ },
361
+ '.os-host-rtl>.os-scrollbar-horizontal': {
362
+ right: 0
363
+ },
364
+ '.os-host-rtl>.os-scrollbar-vertical': {
365
+ right: 'auto',
366
+ left: 0
367
+ },
368
+ '.os-host-rtl>.os-scrollbar-corner': {
369
+ right: 'auto',
370
+ left: 0
371
+ },
372
+ '.os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner': {
373
+ opacity: 0,
374
+ visibility: 'hidden',
375
+ pointerEvents: 'none'
376
+ },
377
+ '.os-scrollbar-corner-resize-both': {
378
+ cursor: 'nwse-resize'
379
+ },
380
+ '.os-host-rtl>.os-scrollbar-corner-resize-both': {
381
+ cursor: 'nesw-resize'
382
+ },
383
+ '.os-scrollbar-corner-resize-horizontal': {
384
+ cursor: 'ew-resize'
385
+ },
386
+ '.os-scrollbar-corner-resize-vertical': {
387
+ cursor: 'ns-resize'
388
+ },
389
+ '.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize': {
390
+ cursor: 'default'
391
+ },
392
+ '.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical': {
393
+ top: 0,
394
+ bottom: 0
395
+ },
396
+ '.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal': {
397
+ right: 0,
398
+ left: 0
399
+ },
400
+ '.os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize': {
401
+ opacity: '1!important',
402
+ visibility: 'visible!important'
403
+ },
404
+ '.os-scrollbar-corner.os-scrollbar-corner-resize': {
405
+ backgroundImage: 'linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)',
406
+ backgroundRepeat: 'no-repeat',
407
+ backgroundPosition: '100% 100%',
408
+ pointerEvents: 'auto!important'
409
+ },
410
+ '.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize': {
411
+ transform: 'scale(-1,1)'
412
+ },
413
+ '.os-host-overflow': {
414
+ overflow: 'hidden!important'
415
+ },
416
+ '.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal': {
417
+ left: 10,
418
+ right: 0
419
+ },
420
+ '.os-scrollbar.os-scrollbar-unusable': {
421
+ background: 0
422
+ },
423
+ '.os-scrollbar>.os-scrollbar-track': {
424
+ background: 0
425
+ },
426
+ '.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle': {
427
+ minWidth: 30
428
+ },
429
+ '.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle': {
430
+ minHeight: 30
431
+ },
432
+ '.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle': {
433
+ transition: 'background-color .3s'
434
+ },
435
+ '.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track': {
436
+ borderRadius: 10
437
+ },
438
+ '.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle': {
439
+ background: theme.color.mediumdark,
440
+ opacity: 0.5
441
+ },
442
+ '.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle': {
443
+ opacity: 0.6
444
+ },
445
+ '.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before': {
446
+ content: "''",
447
+ position: 'absolute',
448
+ left: 0,
449
+ right: 0,
450
+ top: 0,
451
+ bottom: 0,
452
+ display: 'block'
453
+ },
454
+ '.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before': {
455
+ display: 'none'
456
+ },
457
+ '.os-scrollbar-horizontal .os-scrollbar-handle:before': {
458
+ top: -6,
459
+ bottom: -2
460
+ },
461
+ '.os-scrollbar-vertical .os-scrollbar-handle:before': {
462
+ left: -6,
463
+ right: -2
464
+ },
465
+ '.os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before': {
466
+ right: -6,
467
+ left: -2
468
+ }
469
+ };
470
+ };
471
+
472
+ var GlobalScrollAreaStyles = function GlobalScrollAreaStyles() {
473
+ return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__/* .Global */ .mL, {
474
+ styles: getScrollAreaStyles
475
+ });
476
+ };
477
+
478
+
479
+
480
+
481
+ /***/ })
482
+
483
+ }]);
484
+ //# sourceMappingURL=134.6007b391.iframe.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"134.6007b391.iframe.bundle.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://@wix/video/../../node_modules/@storybook/components/dist/esm/GlobalScrollAreaStyles-8793ce4a.js"],"sourcesContent":["import \"core-js/modules/es.array.slice.js\";\nimport \"core-js/modules/es.object.freeze.js\";\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nimport React__default from 'react';\nimport { keyframes, Global } from '@storybook/theming';\nvar hsResizeObserverDummyAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral([\"0%{z-index:0}to{z-index:-1}\"])));\n\nvar getScrollAreaStyles = function getScrollAreaStyles(theme) {\n return {\n 'html.os-html, html.os-html>.os-host': {\n display: 'block',\n overflow: 'hidden',\n boxSizing: 'border-box',\n height: '100%!important',\n width: '100%!important',\n minWidth: '100%!important',\n minHeight: '100%!important',\n margin: '0!important',\n position: 'absolute!important'\n },\n 'html.os-html>.os-host>.os-padding': {\n position: 'absolute'\n },\n 'body.os-dragging, body.os-dragging *': {\n cursor: 'default'\n },\n '.os-host, .os-host-textarea': {\n position: 'relative',\n overflow: 'visible!important',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n justifyContent: 'flex-start',\n alignContent: 'flex-start',\n alignItems: 'flex-start'\n },\n '.os-host-flexbox': {\n overflow: 'hidden!important',\n display: 'flex'\n },\n '.os-host-flexbox>.os-size-auto-observer': {\n height: 'inherit!important'\n },\n '.os-host-flexbox>.os-content-glue': {\n flexGrow: 1,\n flexShrink: 0\n },\n '.os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue': {\n minHeight: 0,\n minWidth: 0,\n flexGrow: 0,\n flexShrink: 1,\n flexBasis: 'auto'\n },\n '#os-dummy-scrollbar-size': {\n position: 'fixed',\n opacity: 0,\n visibility: 'hidden',\n overflow: 'scroll',\n height: 500,\n width: 500\n },\n '#os-dummy-scrollbar-size>div': {\n width: '200%',\n height: '200%',\n margin: 10\n },\n '#os-dummy-scrollbar-size, .os-viewport': {},\n '.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport': {\n scrollbarWidth: 'none!important'\n },\n '.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner': {\n display: 'none!important',\n width: '0!important',\n height: '0!important',\n visibility: 'hidden!important',\n background: '0 0!important'\n },\n '.os-content-glue': {\n boxSizing: 'inherit',\n maxHeight: '100%',\n maxWidth: '100%',\n width: '100%',\n pointerEvents: 'none'\n },\n '.os-padding': {\n boxSizing: 'inherit',\n direction: 'inherit',\n position: 'absolute',\n overflow: 'visible',\n padding: 0,\n margin: 0,\n left: 0,\n top: 0,\n bottom: 0,\n right: 0,\n width: 'auto!important',\n height: 'auto!important',\n zIndex: 1\n },\n '.os-host-overflow>.os-padding': {\n overflow: 'hidden'\n },\n '.os-viewport': {\n direction: 'inherit!important',\n boxSizing: 'inherit!important',\n resize: 'none!important',\n outline: '0!important',\n position: 'absolute',\n overflow: 'hidden',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n padding: 0,\n margin: 0\n },\n '.os-content-arrange': {\n position: 'absolute',\n zIndex: -1,\n minHeight: 1,\n minWidth: 1,\n pointerEvents: 'none'\n },\n '.os-content': {\n direction: 'inherit',\n boxSizing: 'border-box!important',\n position: 'relative',\n display: 'block',\n height: '100%',\n width: '100%',\n visibility: 'visible'\n },\n '.os-content:before, .os-content:after': {\n content: \"''\",\n display: 'table',\n width: 0,\n height: 0,\n lineHeight: 0,\n fontSize: 0\n },\n '.os-content>.os-textarea': {\n boxSizing: 'border-box!important',\n direction: 'inherit!important',\n background: '0 0!important',\n outline: '0 transparent!important',\n overflow: 'hidden!important',\n position: 'absolute!important',\n display: 'block!important',\n top: '0!important',\n left: '0!important',\n margin: '0!important',\n borderRadius: '0!important',\n float: 'none!important',\n filter: 'none!important',\n border: '0!important',\n resize: 'none!important',\n transform: 'none!important',\n maxWidth: 'none!important',\n maxHeight: 'none!important',\n boxShadow: 'none!important',\n perspective: 'none!important',\n opacity: '1!important',\n zIndex: '1!important',\n clip: 'auto!important',\n verticalAlign: 'baseline!important',\n padding: 0\n },\n '.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea': {\n right: '0!important'\n },\n '.os-content>.os-textarea-cover': {\n zIndex: -1,\n pointerEvents: 'none'\n },\n '.os-content>.os-textarea[wrap=off]': {\n whiteSpace: 'pre!important',\n margin: '0!important'\n },\n '.os-text-inherit': {\n fontFamily: 'inherit',\n fontSize: 'inherit',\n fontWeight: 'inherit',\n fontStyle: 'inherit',\n fontVariant: 'inherit',\n textTransform: 'inherit',\n textDecoration: 'inherit',\n textIndent: 'inherit',\n textAlign: 'inherit',\n textShadow: 'inherit',\n textOverflow: 'inherit',\n letterSpacing: 'inherit',\n wordSpacing: 'inherit',\n lineHeight: 'inherit',\n unicodeBidi: 'inherit',\n direction: 'inherit',\n color: 'inherit',\n cursor: 'text'\n },\n '.os-resize-observer, .os-resize-observer-host': {\n boxSizing: 'inherit',\n display: 'block',\n opacity: 0,\n position: 'absolute',\n top: 0,\n left: 0,\n height: '100%',\n width: '100%',\n overflow: 'hidden',\n pointerEvents: 'none',\n zIndex: -1\n },\n '.os-resize-observer-host': {\n padding: 'inherit',\n border: 'inherit',\n borderColor: 'transparent',\n borderStyle: 'solid',\n boxSizing: 'border-box'\n },\n '.os-resize-observer-host:after': {\n content: \"''\"\n },\n '.os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after': {\n height: '200%',\n width: '200%',\n padding: 'inherit',\n border: 'inherit',\n margin: 0,\n display: 'block',\n boxSizing: 'content-box'\n },\n '.os-resize-observer.observed, object.os-resize-observer': {\n boxSizing: 'border-box!important'\n },\n '.os-size-auto-observer': {\n boxSizing: 'inherit!important',\n height: '100%',\n width: 'inherit',\n maxWidth: 1,\n position: 'relative',\n float: 'left',\n maxHeight: 1,\n overflow: 'hidden',\n zIndex: -1,\n padding: 0,\n margin: 0,\n pointerEvents: 'none',\n flexGrow: 'inherit',\n flexShrink: 0,\n flexBasis: 0\n },\n '.os-size-auto-observer>.os-resize-observer': {\n width: '1000%',\n height: '1000%',\n minHeight: 1,\n minWidth: 1\n },\n '.os-resize-observer-item': {\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n overflow: 'hidden',\n zIndex: -1,\n opacity: 0,\n direction: 'ltr!important',\n flex: 'none!important'\n },\n '.os-resize-observer-item-final': {\n position: 'absolute',\n left: 0,\n top: 0,\n transition: 'none!important',\n flex: 'none!important'\n },\n '.os-resize-observer': {\n animationDuration: '.001s',\n animationName: \"\".concat(hsResizeObserverDummyAnimation)\n },\n '.os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner': {\n transition: 'opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s'\n },\n 'html.os-html>.os-host>.os-scrollbar': {\n position: 'absolute',\n zIndex: 999999\n },\n '.os-scrollbar, .os-scrollbar-corner': {\n position: 'absolute',\n opacity: 1,\n zIndex: 1\n },\n '.os-scrollbar-corner': {\n bottom: 0,\n right: 0,\n height: 10,\n width: 10,\n backgroundColor: 'transparent'\n },\n '.os-scrollbar': {\n pointerEvents: 'none',\n padding: 2,\n boxSizing: 'border-box',\n background: 0\n },\n '.os-scrollbar-track': {\n pointerEvents: 'auto',\n position: 'relative',\n height: '100%',\n width: '100%',\n padding: '0!important',\n border: '0!important'\n },\n '.os-scrollbar-handle': {\n pointerEvents: 'auto',\n position: 'absolute',\n width: '100%',\n height: '100%'\n },\n '.os-scrollbar-handle-off, .os-scrollbar-track-off': {\n pointerEvents: 'none'\n },\n '.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *': {\n pointerEvents: 'none!important'\n },\n '.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle': {\n opacity: '0!important'\n },\n '.os-scrollbar-horizontal': {\n bottom: 0,\n left: 0,\n right: 10,\n height: 10\n },\n '.os-scrollbar-vertical': {\n top: 0,\n right: 0,\n bottom: 10,\n width: 10\n },\n '.os-host-rtl>.os-scrollbar-horizontal': {\n right: 0\n },\n '.os-host-rtl>.os-scrollbar-vertical': {\n right: 'auto',\n left: 0\n },\n '.os-host-rtl>.os-scrollbar-corner': {\n right: 'auto',\n left: 0\n },\n '.os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner': {\n opacity: 0,\n visibility: 'hidden',\n pointerEvents: 'none'\n },\n '.os-scrollbar-corner-resize-both': {\n cursor: 'nwse-resize'\n },\n '.os-host-rtl>.os-scrollbar-corner-resize-both': {\n cursor: 'nesw-resize'\n },\n '.os-scrollbar-corner-resize-horizontal': {\n cursor: 'ew-resize'\n },\n '.os-scrollbar-corner-resize-vertical': {\n cursor: 'ns-resize'\n },\n '.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize': {\n cursor: 'default'\n },\n '.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical': {\n top: 0,\n bottom: 0\n },\n '.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal': {\n right: 0,\n left: 0\n },\n '.os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize': {\n opacity: '1!important',\n visibility: 'visible!important'\n },\n '.os-scrollbar-corner.os-scrollbar-corner-resize': {\n backgroundImage: 'linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: '100% 100%',\n pointerEvents: 'auto!important'\n },\n '.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize': {\n transform: 'scale(-1,1)'\n },\n '.os-host-overflow': {\n overflow: 'hidden!important'\n },\n '.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal': {\n left: 10,\n right: 0\n },\n '.os-scrollbar.os-scrollbar-unusable': {\n background: 0\n },\n '.os-scrollbar>.os-scrollbar-track': {\n background: 0\n },\n '.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle': {\n minWidth: 30\n },\n '.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle': {\n minHeight: 30\n },\n '.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle': {\n transition: 'background-color .3s'\n },\n '.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track': {\n borderRadius: 10\n },\n '.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle': {\n background: theme.color.mediumdark,\n opacity: 0.5\n },\n '.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle': {\n opacity: 0.6\n },\n '.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before': {\n content: \"''\",\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n display: 'block'\n },\n '.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before': {\n display: 'none'\n },\n '.os-scrollbar-horizontal .os-scrollbar-handle:before': {\n top: -6,\n bottom: -2\n },\n '.os-scrollbar-vertical .os-scrollbar-handle:before': {\n left: -6,\n right: -2\n },\n '.os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before': {\n right: -6,\n left: -2\n }\n };\n};\n\nvar GlobalScrollAreaStyles = function GlobalScrollAreaStyles() {\n return React__default.createElement(Global, {\n styles: getScrollAreaStyles\n });\n};\n\nexport { GlobalScrollAreaStyles as default, getScrollAreaStyles };\n"],"names":[],"sourceRoot":""}
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_wix_video=self.webpackChunk_wix_video||[]).push([[134],{18134:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>GlobalScrollAreaStyles,getScrollAreaStyles:()=>getScrollAreaStyles});__webpack_require__(56569),__webpack_require__(45968);var _templateObject,react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(14041),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(88480);var hsResizeObserverDummyAnimation=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.i7)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["0%{z-index:0}to{z-index:-1}"]))),getScrollAreaStyles=function getScrollAreaStyles(theme){return{"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:"".concat(hsResizeObserverDummyAnimation)},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.color.mediumdark,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}},GlobalScrollAreaStyles=function GlobalScrollAreaStyles(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.mL,{styles:getScrollAreaStyles})}}}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunk_wix_video=self.webpackChunk_wix_video||[]).push([[317],{72317:module=>{module.exports=function(e,n){return n=n||{},new Promise((function(t,r){var s=new XMLHttpRequest,o=[],u=[],i={},a=function(){return{ok:2==(s.status/100|0),statusText:s.statusText,status:s.status,url:s.responseURL,text:function(){return Promise.resolve(s.responseText)},json:function(){return Promise.resolve(s.responseText).then(JSON.parse)},blob:function(){return Promise.resolve(new Blob([s.response]))},clone:a,headers:{keys:function(){return o},entries:function(){return u},get:function(e){return i[e.toLowerCase()]},has:function(e){return e.toLowerCase()in i}}}};for(var l in s.open(n.method||"get",e,!0),s.onload=function(){s.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,(function(e,n,t){o.push(n=n.toLowerCase()),u.push([n,t]),i[n]=i[n]?i[n]+","+t:t})),t(a())},s.onerror=r,s.withCredentials="include"==n.credentials,n.headers)s.setRequestHeader(l,n.headers[l]);s.send(n.body||null)}))}}}]);