@betarena/ad-engine 0.0.55 โ 0.0.57
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/README.md
CHANGED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<h1
|
|
2
|
+
align="left"
|
|
3
|
+
style=
|
|
4
|
+
"
|
|
5
|
+
background: black;
|
|
6
|
+
"
|
|
7
|
+
>
|
|
8
|
+
<a
|
|
9
|
+
href="http://betarena.com/"
|
|
10
|
+
target="_blank"
|
|
11
|
+
>
|
|
12
|
+
<img
|
|
13
|
+
style=
|
|
14
|
+
"
|
|
15
|
+
padding: 5px;
|
|
16
|
+
background: black;
|
|
17
|
+
"
|
|
18
|
+
src="https://user-images.githubusercontent.com/20924663/148760091-dea6a851-1aa9-4dbb-ac29-59f2ce2ad493.png" alt="BetarenaLogo"
|
|
19
|
+
/>
|
|
20
|
+
</a>
|
|
21
|
+
</h1>
|
|
22
|
+
|
|
23
|
+
[](https://badge.fury.io/js/@betarena%2Fad-engine)
|
|
24
|
+
|
|
25
|
+
## ๐ - Package Description
|
|
26
|
+
|
|
27
|
+
This `pacakge` is a gateway for making use of [**Betarena**](http://betarena.com/) `Advert Engine` system.
|
|
28
|
+
|
|
29
|
+
## ๐ - Get Started
|
|
30
|
+
|
|
31
|
+
```shell
|
|
32
|
+
npm install @betarena/ad-engine@latest
|
|
33
|
+
# OR
|
|
34
|
+
# pnpm [..]
|
|
35
|
+
# yarm [..]
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### ๐งช - Local Development
|
|
39
|
+
|
|
40
|
+
```shell
|
|
41
|
+
pnpm run 'vite/dev/1-click/pnpm'
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
> [!IMPORTANT]
|
|
45
|
+
> It is strongly recommended to use `pnpm`, for its (1) symlink capabilites and (2) better `node_modules/` management when working on other Betarena project simultanously, that depend on `scores-lib`.
|
package/package.json
CHANGED
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
|
|
344
344
|
// โญโโโโโ
|
|
345
345
|
// โ NOTE:
|
|
346
|
-
// โ |: Loop over creative data and inject adverts
|
|
346
|
+
// โ |: Loop over creative data and inject adverts, based on respective `zoneId`.
|
|
347
347
|
// โฐโโโโโ
|
|
348
348
|
if (zoneId == 1)
|
|
349
349
|
{
|
|
@@ -381,7 +381,7 @@
|
|
|
381
381
|
// โญโโโโโ
|
|
382
382
|
// โ CHECK
|
|
383
383
|
// โ |: for case of injection of 'GLOBAL' placements for adverts,
|
|
384
|
-
// โ |: (a.k.a
|
|
384
|
+
// โ |: (a.k.a SLIDER / POPUP ads)
|
|
385
385
|
// โฐโโโโโ
|
|
386
386
|
if (authorId || authorArticleTagIds.length > 0)
|
|
387
387
|
{
|
|
@@ -449,6 +449,9 @@
|
|
|
449
449
|
// โ |: Loop over creative data and inject adverts
|
|
450
450
|
// โฐโโโโโ
|
|
451
451
|
for (const adData of creativeAdData)
|
|
452
|
+
{
|
|
453
|
+
if (zoneId != 1) continue;
|
|
454
|
+
|
|
452
455
|
new WidgetAdvertSlide
|
|
453
456
|
(
|
|
454
457
|
{
|
|
@@ -459,7 +462,7 @@
|
|
|
459
462
|
}
|
|
460
463
|
}
|
|
461
464
|
);
|
|
462
|
-
|
|
465
|
+
}
|
|
463
466
|
}
|
|
464
467
|
|
|
465
468
|
// โญโโโโโ
|
|
@@ -526,6 +529,9 @@
|
|
|
526
529
|
// โ |: Loop over creative data and inject adverts
|
|
527
530
|
// โฐโโโโโ
|
|
528
531
|
for (const adData of creativeAdData)
|
|
532
|
+
{
|
|
533
|
+
if (zoneId != 1) continue;
|
|
534
|
+
|
|
529
535
|
new WidgetAdvertSlide
|
|
530
536
|
(
|
|
531
537
|
{
|
|
@@ -536,13 +542,14 @@
|
|
|
536
542
|
}
|
|
537
543
|
}
|
|
538
544
|
);
|
|
539
|
-
|
|
545
|
+
}
|
|
540
546
|
}
|
|
541
547
|
}
|
|
542
548
|
// โญโโโโโ
|
|
543
549
|
// โ CHECK
|
|
544
|
-
// โ |: otherwise, case where (1)
|
|
545
|
-
// โ |: but data for
|
|
550
|
+
// โ |: otherwise, case where NO (1) 'authorId' OR (2) 'tagIds' are present (a.k.a Global Ads),
|
|
551
|
+
// โ |: but data for ADS was still fetched (a.k.a Advert Condition was RETRIVED/HIT)
|
|
552
|
+
// โ |: inject SLIDER adverts in 'document.body'
|
|
546
553
|
// โฐโโโโโ
|
|
547
554
|
else
|
|
548
555
|
{
|
|
@@ -555,7 +562,14 @@
|
|
|
555
562
|
]
|
|
556
563
|
);
|
|
557
564
|
|
|
565
|
+
// โญโโโโโ
|
|
566
|
+
// โ NOTE:
|
|
567
|
+
// โ |: Loop over creative data and inject adverts
|
|
568
|
+
// โฐโโโโโ
|
|
558
569
|
for (const [, adData] of mapCreative)
|
|
570
|
+
{
|
|
571
|
+
if (adData.type != 1) continue;
|
|
572
|
+
|
|
559
573
|
new WidgetAdvertSlide
|
|
560
574
|
(
|
|
561
575
|
{
|
|
@@ -566,7 +580,7 @@
|
|
|
566
580
|
}
|
|
567
581
|
}
|
|
568
582
|
);
|
|
569
|
-
|
|
583
|
+
}
|
|
570
584
|
}
|
|
571
585
|
|
|
572
586
|
return;
|
|
@@ -716,237 +730,10 @@
|
|
|
716
730
|
<div
|
|
717
731
|
data-betarena-zone-id=2
|
|
718
732
|
>
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
725
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
726
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
727
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
728
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
729
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
730
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
731
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
732
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
733
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
734
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
735
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
736
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
737
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
738
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
739
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
740
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
741
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
742
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
743
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
744
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
745
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
746
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
747
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
748
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
749
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
750
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
751
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
752
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
753
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
754
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
755
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
756
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
757
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
758
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
759
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
760
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
761
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
762
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
763
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
764
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
765
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
766
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
767
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
768
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
769
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
770
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
771
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
772
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
773
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
774
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
775
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
776
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
777
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
778
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
779
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
780
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
781
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
782
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
783
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
784
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
785
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
786
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
787
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
788
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
789
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
790
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
791
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
792
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
793
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
794
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
795
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
796
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
797
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
798
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
799
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
800
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
801
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
802
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
803
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
804
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
805
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
806
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
807
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
808
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
809
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
810
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
811
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
812
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
813
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
814
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
815
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
816
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
817
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
818
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
819
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
820
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
821
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
822
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
823
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
824
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
825
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
826
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
827
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
828
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
829
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
830
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
831
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
832
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
833
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
834
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
835
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
836
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
837
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
838
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
839
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
840
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
841
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
842
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
843
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
844
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
845
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
846
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
847
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
848
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
849
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
850
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
851
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
852
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
853
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
854
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
855
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
856
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
857
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
858
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
859
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
860
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
861
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
862
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
863
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
864
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
865
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
866
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
867
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
868
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
869
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
870
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
871
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
872
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
873
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
874
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
875
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
876
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
877
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
878
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
879
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
880
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
881
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
882
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
883
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
884
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
885
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
886
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
887
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
888
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
889
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
890
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
891
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
892
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
893
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
894
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
895
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
896
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
897
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
898
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
899
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
900
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
901
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
902
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
903
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
904
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
905
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
906
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
907
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
908
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
909
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
910
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
911
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
912
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
913
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
914
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
915
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
916
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
917
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
918
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
919
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
920
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
921
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
922
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
923
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
924
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
925
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
926
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
927
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
928
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
929
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
930
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
931
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
932
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
933
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
934
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
935
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
936
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
937
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
938
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
939
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
940
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
941
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
942
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
943
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
944
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
945
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
946
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
947
|
-
</p>
|
|
948
|
-
<p>
|
|
949
|
-
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id,
|
|
950
|
-
</p>
|
|
733
|
+
{#each { length: 25 } as _, i}
|
|
734
|
+
<p>
|
|
735
|
+
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id.
|
|
736
|
+
</p>
|
|
737
|
+
{/each}
|
|
951
738
|
</div>
|
|
952
739
|
{/if}
|
|
@@ -180,44 +180,6 @@
|
|
|
180
180
|
instanceAdvertInterscroller
|
|
181
181
|
);
|
|
182
182
|
|
|
183
|
-
setTimeout
|
|
184
|
-
(
|
|
185
|
-
() =>
|
|
186
|
-
{
|
|
187
|
-
window.addEventListener('scroll', handleScroll);
|
|
188
|
-
return;
|
|
189
|
-
},
|
|
190
|
-
1000
|
|
191
|
-
);
|
|
192
|
-
|
|
193
|
-
return;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
/**
|
|
197
|
-
* @author
|
|
198
|
-
* @ivanzob
|
|
199
|
-
* @summary
|
|
200
|
-
* ๐ฆ HELPER
|
|
201
|
-
* @description
|
|
202
|
-
* ๐ Handle Scroll Listener
|
|
203
|
-
* @returns { void }
|
|
204
|
-
*/
|
|
205
|
-
function handleScroll
|
|
206
|
-
(
|
|
207
|
-
): void
|
|
208
|
-
{
|
|
209
|
-
if (!instanceAdvertInterscroller) return;
|
|
210
|
-
|
|
211
|
-
if (instanceAdvertInterscroller.getBoundingClientRect().bottom < 0)
|
|
212
|
-
{
|
|
213
|
-
instanceAdvertInterscroller.style.display = 'none';
|
|
214
|
-
window.removeEventListener
|
|
215
|
-
(
|
|
216
|
-
'scroll',
|
|
217
|
-
handleScroll
|
|
218
|
-
);
|
|
219
|
-
}
|
|
220
|
-
|
|
221
183
|
return;
|
|
222
184
|
}
|
|
223
185
|
|
|
@@ -274,6 +236,7 @@
|
|
|
274
236
|
height: 100vh;
|
|
275
237
|
right: 0px;
|
|
276
238
|
width: 100vw;
|
|
239
|
+
max-width: 100vw;
|
|
277
240
|
"
|
|
278
241
|
>
|
|
279
242
|
<h2 class="info-box">
|
|
@@ -373,7 +336,7 @@
|
|
|
373
336
|
width: 100%;
|
|
374
337
|
margin: 0 !important;
|
|
375
338
|
z-index: 1;
|
|
376
|
-
background: var(--colors-background-bg-
|
|
339
|
+
background: var(--colors-background-bg-secondary, #313131);
|
|
377
340
|
}
|
|
378
341
|
|
|
379
342
|
.interscroller-wrapper
|
|
@@ -407,8 +370,12 @@
|
|
|
407
370
|
{
|
|
408
371
|
width: 100% !important;
|
|
409
372
|
height: 100% !important;
|
|
410
|
-
max-width:
|
|
373
|
+
max-width: 100vw !important;
|
|
411
374
|
max-height: 100% !important;
|
|
375
|
+
touch-action: manipulation;
|
|
376
|
+
user-select: none;
|
|
377
|
+
-webkit-user-drag: none;
|
|
378
|
+
-webkit-touch-callout: none;
|
|
412
379
|
}
|
|
413
380
|
|
|
414
381
|
/*
|