@betarena/ad-engine 0.0.55 โ 0.0.56
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
|
{
|
|
@@ -541,8 +541,9 @@
|
|
|
541
541
|
}
|
|
542
542
|
// โญโโโโโ
|
|
543
543
|
// โ CHECK
|
|
544
|
-
// โ |: otherwise, case where (1)
|
|
545
|
-
// โ |: but data for
|
|
544
|
+
// โ |: otherwise, case where NO (1) 'authorId' OR (2) 'tagIds' are present (a.k.a Global Ads),
|
|
545
|
+
// โ |: but data for ADS was still fetched (a.k.a Advert Condition was RETRIVED/HIT)
|
|
546
|
+
// โ |: inject SLIDER adverts in 'document.body'
|
|
546
547
|
// โฐโโโโโ
|
|
547
548
|
else
|
|
548
549
|
{
|
|
@@ -555,7 +556,14 @@
|
|
|
555
556
|
]
|
|
556
557
|
);
|
|
557
558
|
|
|
559
|
+
// โญโโโโโ
|
|
560
|
+
// โ NOTE:
|
|
561
|
+
// โ |: Loop over creative data and inject adverts
|
|
562
|
+
// โฐโโโโโ
|
|
558
563
|
for (const [, adData] of mapCreative)
|
|
564
|
+
{
|
|
565
|
+
if (adData.type != 1) continue;
|
|
566
|
+
|
|
559
567
|
new WidgetAdvertSlide
|
|
560
568
|
(
|
|
561
569
|
{
|
|
@@ -566,7 +574,7 @@
|
|
|
566
574
|
}
|
|
567
575
|
}
|
|
568
576
|
);
|
|
569
|
-
|
|
577
|
+
}
|
|
570
578
|
}
|
|
571
579
|
|
|
572
580
|
return;
|
|
@@ -716,237 +724,10 @@
|
|
|
716
724
|
<div
|
|
717
725
|
data-betarena-zone-id=2
|
|
718
726
|
>
|
|
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>
|
|
727
|
+
{#each { length: 25 } as _, i}
|
|
728
|
+
<p>
|
|
729
|
+
Loren ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, vestibulum mi id.
|
|
730
|
+
</p>
|
|
731
|
+
{/each}
|
|
951
732
|
</div>
|
|
952
733
|
{/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
|
/*
|