@everymatrix/casino-slider 0.0.380 → 0.0.382
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/package.json +2 -2
- package/src/CasinoSlider.svelte +25 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-slider",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.382",
|
|
4
4
|
"main": "dist/casino-slider.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "05dd503a333153f5a56f5c5ef71dec9543999d9d"
|
|
40
40
|
}
|
package/src/CasinoSlider.svelte
CHANGED
|
@@ -7,6 +7,11 @@
|
|
|
7
7
|
import { _, addNewMessages, setLocale, setupI18n } from './i18n';
|
|
8
8
|
import { CasinoSlider } from './translations';
|
|
9
9
|
|
|
10
|
+
import '@everymatrix/casino-slider-dropdown';
|
|
11
|
+
|
|
12
|
+
export let endpoint:string = '';
|
|
13
|
+
export let datasource:string = '';
|
|
14
|
+
|
|
10
15
|
export let onclickeventname:string = 'defaultEvent';
|
|
11
16
|
export let actionevent:string = 'defaultEvent';
|
|
12
17
|
export let favoritesnumber:string = '0';
|
|
@@ -120,6 +125,7 @@
|
|
|
120
125
|
</svg>
|
|
121
126
|
</div>
|
|
122
127
|
|
|
128
|
+
|
|
123
129
|
<ul class="CarouselItems" part="CarouselItems" bind:this={carousel}>
|
|
124
130
|
{#if sliderdata.length > 0}
|
|
125
131
|
{#each sliderdata as category, index (category.id)}
|
|
@@ -130,19 +136,20 @@
|
|
|
130
136
|
{:else}
|
|
131
137
|
{category.name} {category.id === "FAVORITES" ? "(" + favoritesnumber + ")" : ''}
|
|
132
138
|
{/if}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
139
|
+
<casino-slider-dropdown
|
|
140
|
+
{favoritesnumber}
|
|
141
|
+
categoryid={category.id}
|
|
142
|
+
{showsubgroups}
|
|
143
|
+
{location}
|
|
144
|
+
{endpoint}
|
|
145
|
+
{lang}
|
|
146
|
+
{datasource}
|
|
147
|
+
>
|
|
148
|
+
</casino-slider-dropdown>
|
|
141
149
|
</li>
|
|
142
150
|
{/each}
|
|
143
151
|
{/if}
|
|
144
152
|
</ul>
|
|
145
|
-
|
|
146
153
|
<div class="CarouselRightArrow" part="CarouselRightArrow" on:click="{() => scrollRight()}">
|
|
147
154
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
148
155
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
@@ -151,6 +158,8 @@
|
|
|
151
158
|
</div>
|
|
152
159
|
</div>
|
|
153
160
|
|
|
161
|
+
|
|
162
|
+
|
|
154
163
|
<style lang="scss">
|
|
155
164
|
|
|
156
165
|
:host {
|
|
@@ -216,11 +225,16 @@
|
|
|
216
225
|
&.active {
|
|
217
226
|
background: var(--emfe-w-color-contrast, #07072A);
|
|
218
227
|
cursor: pointer;
|
|
228
|
+
casino-slider-dropdown {
|
|
229
|
+
display: block;
|
|
230
|
+
}
|
|
219
231
|
}
|
|
232
|
+
|
|
233
|
+
|
|
220
234
|
}
|
|
221
235
|
}
|
|
222
236
|
|
|
223
|
-
|
|
237
|
+
casino-slider-dropdown {
|
|
224
238
|
position: absolute;
|
|
225
239
|
transition: all 1s ease-in;
|
|
226
240
|
display: none;
|
|
@@ -241,7 +255,7 @@
|
|
|
241
255
|
|
|
242
256
|
.CarouselItem {
|
|
243
257
|
&:hover {
|
|
244
|
-
|
|
258
|
+
casino-slider-dropdown {
|
|
245
259
|
display: block;
|
|
246
260
|
}
|
|
247
261
|
}
|