@likable-hair/svelte 3.1.35 → 3.1.37
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.
|
@@ -95,6 +95,8 @@ function handleOverlayClick() {
|
|
|
95
95
|
on:keypress={handleOverlayClick}
|
|
96
96
|
on:touchmove|preventDefault={() => {}}
|
|
97
97
|
on:wheel|preventDefault={() => {}}
|
|
98
|
+
role="presentation"
|
|
99
|
+
tabindex="-1"
|
|
98
100
|
/>
|
|
99
101
|
<div
|
|
100
102
|
style:position="absolute"
|
|
@@ -118,6 +120,7 @@ function handleOverlayClick() {
|
|
|
118
120
|
class:fade-out={transition == 'fade' && !localOpen && hasBeenOpened}
|
|
119
121
|
|
|
120
122
|
class:hidden={!localOpen && !hasBeenOpened}
|
|
123
|
+
class:hidden-far-behind={!localOpen}
|
|
121
124
|
>
|
|
122
125
|
<slot name="top-right" />
|
|
123
126
|
</div>
|
|
@@ -125,6 +128,8 @@ function handleOverlayClick() {
|
|
|
125
128
|
style:z-index={zIndex + 1}
|
|
126
129
|
on:click|stopPropagation
|
|
127
130
|
on:keypress|stopPropagation
|
|
131
|
+
role="presentation"
|
|
132
|
+
tabindex="-1"
|
|
128
133
|
|
|
129
134
|
class:fly-down-in={transition == 'fly-down' && localOpen}
|
|
130
135
|
class:fly-down-out={transition == 'fly-down' && !localOpen && hasBeenOpened}
|
|
@@ -142,6 +147,7 @@ function handleOverlayClick() {
|
|
|
142
147
|
class:fade-out={transition == 'fade' && !localOpen && hasBeenOpened}
|
|
143
148
|
|
|
144
149
|
class:hidden={!localOpen && !hasBeenOpened}
|
|
150
|
+
class:hidden-far-behind={!localOpen}
|
|
145
151
|
>
|
|
146
152
|
<slot name="center-left" />
|
|
147
153
|
</div>
|
|
@@ -149,6 +155,8 @@ function handleOverlayClick() {
|
|
|
149
155
|
style:z-index={zIndex + 1}
|
|
150
156
|
on:click|stopPropagation
|
|
151
157
|
on:keypress|stopPropagation
|
|
158
|
+
role="presentation"
|
|
159
|
+
tabindex="-1"
|
|
152
160
|
|
|
153
161
|
class:fly-down-in={transition == 'fly-down' && localOpen}
|
|
154
162
|
class:fly-down-out={transition == 'fly-down' && !localOpen && hasBeenOpened}
|
|
@@ -165,7 +173,8 @@ function handleOverlayClick() {
|
|
|
165
173
|
class:fade-in={transition == 'fade' && localOpen}
|
|
166
174
|
class:fade-out={transition == 'fade' && !localOpen && hasBeenOpened}
|
|
167
175
|
|
|
168
|
-
class:hidden={!localOpen
|
|
176
|
+
class:hidden={!localOpen}
|
|
177
|
+
class:hidden-far-behind={!localOpen}
|
|
169
178
|
>
|
|
170
179
|
<slot />
|
|
171
180
|
</div>
|
|
@@ -173,6 +182,8 @@ function handleOverlayClick() {
|
|
|
173
182
|
style:z-index={zIndex + 1}
|
|
174
183
|
on:click|stopPropagation
|
|
175
184
|
on:keypress|stopPropagation
|
|
185
|
+
role="presentation"
|
|
186
|
+
tabindex="-1"
|
|
176
187
|
|
|
177
188
|
class:fly-down-in={transition == 'fly-down' && localOpen}
|
|
178
189
|
class:fly-down-out={transition == 'fly-down' && !localOpen && hasBeenOpened}
|
|
@@ -190,6 +201,7 @@ function handleOverlayClick() {
|
|
|
190
201
|
class:fade-out={transition == 'fade' && !localOpen && hasBeenOpened}
|
|
191
202
|
|
|
192
203
|
class:hidden={!localOpen && !hasBeenOpened}
|
|
204
|
+
class:hidden-far-behind={!localOpen}
|
|
193
205
|
>
|
|
194
206
|
<slot name="center-right" />
|
|
195
207
|
</div>
|
|
@@ -263,6 +275,10 @@ function handleOverlayClick() {
|
|
|
263
275
|
z-index: -200 !important;
|
|
264
276
|
}
|
|
265
277
|
|
|
278
|
+
.hidden-far-behind {
|
|
279
|
+
z-index: -250 !important;
|
|
280
|
+
}
|
|
281
|
+
|
|
266
282
|
/* Fly down animation */
|
|
267
283
|
|
|
268
284
|
.fly-down-in {
|