@brndts/brndts-ads 1.1.5 → 1.2.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/dist/index.css +132 -20
- package/dist/index.css.map +1 -1
- package/dist/index.js +622 -205
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +628 -205
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -19,6 +19,15 @@
|
|
|
19
19
|
position: absolute;
|
|
20
20
|
pointer-events: all;
|
|
21
21
|
}
|
|
22
|
+
.BRNDTS_R .BRNDTS_RB {
|
|
23
|
+
position: relative;
|
|
24
|
+
}
|
|
25
|
+
.BRNDTS_R .BRNDTS_RB .BRNDTS_RB_SLIDE_IN {
|
|
26
|
+
animation: slide_in_from_right 1s forwards;
|
|
27
|
+
}
|
|
28
|
+
.BRNDTS_R .BRNDTS_RB .BRNDTS_RB_SLIDE_OUT {
|
|
29
|
+
animation: slide_out_to_left 1s ease-in-out;
|
|
30
|
+
}
|
|
22
31
|
.BRNDTS_R .BRNDTS_RM {
|
|
23
32
|
display: none;
|
|
24
33
|
pointer-events: none;
|
|
@@ -31,35 +40,138 @@
|
|
|
31
40
|
border-radius: 50%;
|
|
32
41
|
}
|
|
33
42
|
|
|
43
|
+
/* src/Ads/Regions/Plugins/Animation/RegionAnimationPlugin.scss */
|
|
44
|
+
@keyframes slide-in-rtl {
|
|
45
|
+
0% {
|
|
46
|
+
opacity: 0;
|
|
47
|
+
transform: translate(100%, 0);
|
|
48
|
+
}
|
|
49
|
+
100% {
|
|
50
|
+
opacity: 1;
|
|
51
|
+
transform: translate(0, 0);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
@keyframes slide-out-ltr {
|
|
55
|
+
0% {
|
|
56
|
+
opacity: 1;
|
|
57
|
+
transform: translate(0, 0);
|
|
58
|
+
}
|
|
59
|
+
100% {
|
|
60
|
+
opacity: 0;
|
|
61
|
+
transform: translate(100%, 0);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
@keyframes slide-in-btt {
|
|
65
|
+
0% {
|
|
66
|
+
opacity: 0;
|
|
67
|
+
transform: translate(0, 100%);
|
|
68
|
+
}
|
|
69
|
+
100% {
|
|
70
|
+
opacity: 1;
|
|
71
|
+
transform: translate(0, 0);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
@keyframes slide-out-ttb {
|
|
75
|
+
0% {
|
|
76
|
+
opacity: 1;
|
|
77
|
+
transform: translate(0, 0);
|
|
78
|
+
}
|
|
79
|
+
100% {
|
|
80
|
+
opacity: 0;
|
|
81
|
+
transform: translate(0, 100%);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
@keyframes slide-in-ttb {
|
|
85
|
+
0% {
|
|
86
|
+
opacity: 0;
|
|
87
|
+
transform: translate(0, -100%);
|
|
88
|
+
}
|
|
89
|
+
100% {
|
|
90
|
+
opacity: 1;
|
|
91
|
+
transform: translate(0, 0);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
@keyframes slide-out-btt {
|
|
95
|
+
0% {
|
|
96
|
+
opacity: 1;
|
|
97
|
+
transform: translate(0, 0);
|
|
98
|
+
}
|
|
99
|
+
100% {
|
|
100
|
+
opacity: 0;
|
|
101
|
+
transform: translate(0, -100%);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
.ANIMATE {
|
|
105
|
+
animation-duration: 0.5s;
|
|
106
|
+
animation-delay: 0.5s;
|
|
107
|
+
animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
|
|
108
|
+
animation-fill-mode: backwards;
|
|
109
|
+
}
|
|
110
|
+
.ANIMATE.SLIDE_IN_TOP_RIGHT {
|
|
111
|
+
animation-delay: 0s;
|
|
112
|
+
animation-name: slide-in-rtl;
|
|
113
|
+
}
|
|
114
|
+
.ANIMATE.SLIDE_OUT_TOP_RIGHT {
|
|
115
|
+
animation-fill-mode: forwards;
|
|
116
|
+
animation-name: slide-out-ltr;
|
|
117
|
+
}
|
|
118
|
+
.ANIMATE.SLIDE_IN_BOTTOM_RIGHT {
|
|
119
|
+
animation-delay: 0s;
|
|
120
|
+
animation-name: slide-in-btt;
|
|
121
|
+
}
|
|
122
|
+
.ANIMATE.SLIDE_OUT_BOTTOM_RIGHT {
|
|
123
|
+
animation-fill-mode: forwards;
|
|
124
|
+
animation-name: slide-out-ttb;
|
|
125
|
+
}
|
|
126
|
+
.ANIMATE.SLIDE_IN_TOP_CENTER {
|
|
127
|
+
animation-delay: 0s;
|
|
128
|
+
animation-name: slide-in-ttb;
|
|
129
|
+
}
|
|
130
|
+
.ANIMATE.SLIDE_OUT_TOP_CENTER {
|
|
131
|
+
animation-fill-mode: forwards;
|
|
132
|
+
animation-name: slide-out-btt;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* src/Ads/Regions/Plugins/Border/RegionBorderPlugin.scss */
|
|
136
|
+
.BRNDTS_R_B {
|
|
137
|
+
border-width: 2px;
|
|
138
|
+
border-style: solid;
|
|
139
|
+
border-image:
|
|
140
|
+
linear-gradient(
|
|
141
|
+
135deg,
|
|
142
|
+
rgba(38, 226, 148, 0.5137254902),
|
|
143
|
+
rgba(2, 74, 182, 0.4784313725)) 1;
|
|
144
|
+
box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);
|
|
145
|
+
border-radius: 5px;
|
|
146
|
+
}
|
|
147
|
+
|
|
34
148
|
/* src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss */
|
|
35
149
|
.BRNDTS_default_content {
|
|
36
150
|
display: flex;
|
|
37
151
|
justify-content: center;
|
|
38
152
|
align-items: center;
|
|
39
|
-
background
|
|
40
|
-
|
|
153
|
+
background:
|
|
154
|
+
linear-gradient(
|
|
155
|
+
135deg,
|
|
156
|
+
#26e293,
|
|
157
|
+
#024ab6);
|
|
41
158
|
}
|
|
42
159
|
.BRNDTS_default_content .box {
|
|
43
|
-
width: 90%;
|
|
44
160
|
height: 90%;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0/var(--_p),
|
|
54
|
-
conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100%/var(--_p),
|
|
55
|
-
conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g)) 100% 100%/var(--_p);
|
|
161
|
+
display: flex;
|
|
162
|
+
align-items: center;
|
|
163
|
+
justify-content: center;
|
|
164
|
+
flex: 1;
|
|
165
|
+
margin: 8px;
|
|
166
|
+
border: 3px solid whitesmoke;
|
|
167
|
+
border-radius: 5px;
|
|
168
|
+
padding: 8px;
|
|
56
169
|
}
|
|
57
|
-
.BRNDTS_default_content .
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
font-size: 24px;
|
|
170
|
+
.BRNDTS_default_content .icon {
|
|
171
|
+
flex: 1;
|
|
172
|
+
}
|
|
173
|
+
.BRNDTS_default_content .icon svg {
|
|
174
|
+
max-height: 45px;
|
|
63
175
|
}
|
|
64
176
|
|
|
65
177
|
/* src/Ads/Ads.scss */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Controls.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Regions/Plugins/Animation/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/Border/RegionBorderPlugin.scss","../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Controls.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n\n .BRNDTS_RB_SLIDE_IN {\n animation: slide_in_from_right 1s forwards;\n }\n\n .BRNDTS_RB_SLIDE_OUT {\n animation: slide_out_to_left 1s ease-in-out;\n }\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(100%, 0);\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n opacity: 0;\n transform: translate(0, 100%);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n opacity: 0;\n transform: translate(0, -100%);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: backwards;\n\n &.SLIDE_IN_TOP_RIGHT {\n animation-delay: 0s;\n animation-name: slide-in-rtl;\n }\n &.SLIDE_OUT_TOP_RIGHT {\n animation-fill-mode: forwards;\n animation-name: slide-out-ltr;\n }\n &.SLIDE_IN_BOTTOM_RIGHT {\n animation-delay: 0s;\n animation-name: slide-in-btt;\n }\n &.SLIDE_OUT_BOTTOM_RIGHT {\n animation-fill-mode: forwards;\n animation-name: slide-out-ttb;\n }\n &.SLIDE_IN_TOP_CENTER {\n animation-delay: 0s;\n animation-name: slide-in-ttb;\n }\n &.SLIDE_OUT_TOP_CENTER {\n animation-fill-mode: forwards;\n animation-name: slide-out-btt;\n }\n}\n",".BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n //border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
|