@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.
- package/LICENSE +21 -0
- package/README.md +126 -0
- package/dist/cjs/Video.js +121 -0
- package/dist/cjs/Video.js.map +1 -0
- package/dist/cjs/Video.module.scss +27 -0
- package/dist/cjs/Video.stories.js +68 -0
- package/dist/cjs/Video.stories.js.map +1 -0
- package/dist/cjs/custom-element/WowVideo.js +88 -0
- package/dist/cjs/custom-element/WowVideo.js.map +1 -0
- package/dist/cjs/custom-element/registry.js +34 -0
- package/dist/cjs/custom-element/registry.js.map +1 -0
- package/dist/cjs/custom-element/utils.js +138 -0
- package/dist/cjs/custom-element/utils.js.map +1 -0
- package/dist/cjs/custom-element/videoLayout.js +120 -0
- package/dist/cjs/custom-element/videoLayout.js.map +1 -0
- package/dist/cjs/customElementInit.js +10 -0
- package/dist/cjs/customElementInit.js.map +1 -0
- package/dist/cjs/dataManifest.js +53 -0
- package/dist/cjs/dataManifest.js.map +1 -0
- package/dist/cjs/external-types.d.js +2 -0
- package/dist/cjs/external-types.d.js.map +1 -0
- package/dist/cjs/index.js +23 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/storybook/Container.js +33 -0
- package/dist/cjs/storybook/Container.js.map +1 -0
- package/dist/cjs/storybook/args.js +178 -0
- package/dist/cjs/storybook/args.js.map +1 -0
- package/dist/cjs/test-types.d.js +2 -0
- package/dist/cjs/test-types.d.js.map +1 -0
- package/dist/cjs/types.js +4 -0
- package/dist/cjs/types.js.map +1 -0
- package/dist/esm/Video.js +95 -0
- package/dist/esm/Video.js.map +1 -0
- package/dist/esm/Video.module.scss +27 -0
- package/dist/esm/Video.stories.js +47 -0
- package/dist/esm/Video.stories.js.map +1 -0
- package/dist/esm/custom-element/WowVideo.js +83 -0
- package/dist/esm/custom-element/WowVideo.js.map +1 -0
- package/dist/esm/custom-element/registry.js +29 -0
- package/dist/esm/custom-element/registry.js.map +1 -0
- package/dist/esm/custom-element/utils.js +131 -0
- package/dist/esm/custom-element/utils.js.map +1 -0
- package/dist/esm/custom-element/videoLayout.js +117 -0
- package/dist/esm/custom-element/videoLayout.js.map +1 -0
- package/dist/esm/customElementInit.js +13 -0
- package/dist/esm/customElementInit.js.map +1 -0
- package/dist/esm/dataManifest.js +49 -0
- package/dist/esm/dataManifest.js.map +1 -0
- package/dist/esm/external-types.d.js +2 -0
- package/dist/esm/external-types.d.js.map +1 -0
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/storybook/Container.js +21 -0
- package/dist/esm/storybook/Container.js.map +1 -0
- package/dist/esm/storybook/args.js +174 -0
- package/dist/esm/storybook/args.js.map +1 -0
- package/dist/esm/test-types.d.js +2 -0
- package/dist/esm/test-types.d.js.map +1 -0
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/statics/189.chunk.js +35383 -0
- package/dist/statics/189.chunk.js.map +1 -0
- package/dist/statics/189.chunk.min.js +2 -0
- package/dist/statics/189.chunk.min.js.map +1 -0
- package/dist/statics/janet/110.8a580c2d.iframe.bundle.js +10826 -0
- package/dist/statics/janet/110.8a580c2d.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/134.6007b391.iframe.bundle.js +484 -0
- package/dist/statics/janet/134.6007b391.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/134.d48c36bc94ecd2280c0a.manager.bundle.js +1 -0
- package/dist/statics/janet/317.2df397a1e1f34d5a30fd.manager.bundle.js +1 -0
- package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js +1998 -0
- package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js +2 -0
- package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js.LICENSE.txt +31 -0
- package/dist/statics/janet/470.aab6696c.iframe.bundle.js +35380 -0
- package/dist/statics/janet/470.aab6696c.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/599.37d4aa34.iframe.bundle.js +3294 -0
- package/dist/statics/janet/599.37d4aa34.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/599.47c7dacc8997e4d71eac.manager.bundle.js +1 -0
- package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js +2652 -0
- package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/61.a575d4776ab0d42da5c8.manager.bundle.js +1 -0
- package/dist/statics/janet/673.59f2a23a.iframe.bundle.js +173 -0
- package/dist/statics/janet/673.59f2a23a.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js +2 -0
- package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js.LICENSE.txt +8 -0
- package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js +10451 -0
- package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js +2 -0
- package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js.LICENSE.txt +94 -0
- package/dist/statics/janet/833.75275036.iframe.bundle.js +6777 -0
- package/dist/statics/janet/833.75275036.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js +2 -0
- package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js.LICENSE.txt +12 -0
- package/dist/statics/janet/W-06.svg +1 -0
- package/dist/statics/janet/favicon.ico +0 -0
- package/dist/statics/janet/iframe.html +364 -0
- package/dist/statics/janet/index.html +59 -0
- package/dist/statics/janet/janet.json +10 -0
- package/dist/statics/janet/main.666d4853f3d62ab20aa1.manager.bundle.js +1 -0
- package/dist/statics/janet/main.d8a321d6.iframe.bundle.js +73260 -0
- package/dist/statics/janet/main.d8a321d6.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/project.json +1 -0
- package/dist/statics/janet/runtime~main.2195d24e465f19ad9c9a.manager.bundle.js +1 -0
- package/dist/statics/janet/w-06.ico +0 -0
- package/dist/statics/manifest.json +4 -0
- package/dist/statics/manifest.min.json +4 -0
- package/dist/statics/video.css +10 -0
- package/dist/statics/video.css.map +1 -0
- package/dist/statics/video.min.css +1 -0
- package/dist/statics/video.rtl.css +8 -0
- package/dist/statics/video.rtl.min.css +1 -0
- package/dist/statics/video.umd.js +5990 -0
- package/dist/statics/video.umd.js.map +1 -0
- package/dist/statics/video.umd.min.js +2 -0
- package/dist/statics/video.umd.min.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/Video.d.ts +5 -0
- package/dist/types/Video.d.ts.map +1 -0
- package/dist/types/Video.stories.d.ts +20 -0
- package/dist/types/Video.stories.d.ts.map +1 -0
- package/dist/types/custom-element/WowVideo.d.ts +4 -0
- package/dist/types/custom-element/WowVideo.d.ts.map +1 -0
- package/dist/types/custom-element/registry.d.ts +3 -0
- package/dist/types/custom-element/registry.d.ts.map +1 -0
- package/dist/types/custom-element/utils.d.ts +11 -0
- package/dist/types/custom-element/utils.d.ts.map +1 -0
- package/dist/types/custom-element/videoLayout.d.ts +35 -0
- package/dist/types/custom-element/videoLayout.d.ts.map +1 -0
- package/dist/types/customElementInit.d.ts +4 -0
- package/dist/types/customElementInit.d.ts.map +1 -0
- package/dist/types/dataManifest.d.ts +2 -0
- package/dist/types/dataManifest.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/storybook/Container.d.ts +5 -0
- package/dist/types/storybook/Container.d.ts.map +1 -0
- package/dist/types/storybook/args.d.ts +174 -0
- package/dist/types/storybook/args.d.ts.map +1 -0
- package/dist/types/types.d.ts +62 -0
- package/dist/types/types.d.ts.map +1 -0
- 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)}))}}}]);
|