geeparts-js 1.5.18 → 1.5.20
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{(function(){"use strict";let
|
|
1
|
+
(()=>{(function(){"use strict";let c=`.countdown-wrap {
|
|
2
2
|
width: 100%;
|
|
3
3
|
max-width: 680px;
|
|
4
4
|
position: absolute;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
z-index: 9;
|
|
7
7
|
left: 0;
|
|
8
8
|
right: 0;
|
|
9
|
-
margin:
|
|
9
|
+
margin: 40px auto 0;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.banner-bg {
|
|
@@ -28,10 +28,26 @@
|
|
|
28
28
|
opacity: 0.7;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.corner-tl {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
.corner-tl {
|
|
32
|
+
top: 10px;
|
|
33
|
+
left: 10px;
|
|
34
|
+
border-width: 2px 0 0 2px;
|
|
35
|
+
}
|
|
36
|
+
.corner-tr {
|
|
37
|
+
top: 10px;
|
|
38
|
+
right: 10px;
|
|
39
|
+
border-width: 2px 2px 0 0;
|
|
40
|
+
}
|
|
41
|
+
.corner-bl {
|
|
42
|
+
bottom: 10px;
|
|
43
|
+
left: 10px;
|
|
44
|
+
border-width: 0 0 2px 2px;
|
|
45
|
+
}
|
|
46
|
+
.corner-br {
|
|
47
|
+
bottom: 10px;
|
|
48
|
+
right: 10px;
|
|
49
|
+
border-width: 0 2px 2px 0;
|
|
50
|
+
}
|
|
35
51
|
|
|
36
52
|
.divider {
|
|
37
53
|
height: 2px;
|
|
@@ -67,7 +83,7 @@
|
|
|
67
83
|
color: #f5c400;
|
|
68
84
|
line-height: 1;
|
|
69
85
|
text-align: center;
|
|
70
|
-
text-shadow: 0 0 14px rgba(245,196,0,0.55);
|
|
86
|
+
text-shadow: 0 0 14px rgba(245, 196, 0, 0.55);
|
|
71
87
|
position: relative;
|
|
72
88
|
overflow: hidden;
|
|
73
89
|
}
|
|
@@ -79,7 +95,7 @@
|
|
|
79
95
|
right: 0;
|
|
80
96
|
top: 50%;
|
|
81
97
|
height: 1px;
|
|
82
|
-
background: rgba(245,196,0,0.2);
|
|
98
|
+
background: rgba(245, 196, 0, 0.2);
|
|
83
99
|
}
|
|
84
100
|
|
|
85
101
|
.unit-label {
|
|
@@ -107,47 +123,56 @@
|
|
|
107
123
|
color: #f5c400;
|
|
108
124
|
text-transform: uppercase;
|
|
109
125
|
padding: 20px 0;
|
|
110
|
-
text-shadow: 0 0 20px rgba(245,196,0,0.5);
|
|
126
|
+
text-shadow: 0 0 20px rgba(245, 196, 0, 0.5);
|
|
111
127
|
max-width: 100%;
|
|
112
128
|
}
|
|
113
129
|
|
|
114
130
|
@media (max-width: 480px) {
|
|
115
|
-
.unit-number {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
131
|
+
.unit-number {
|
|
132
|
+
min-width: 60px;
|
|
133
|
+
padding: 10px 6px 8px;
|
|
134
|
+
}
|
|
135
|
+
.sep {
|
|
136
|
+
font-size: 36px;
|
|
137
|
+
}
|
|
138
|
+
.countdown-grid {
|
|
139
|
+
gap: 6px;
|
|
140
|
+
}
|
|
141
|
+
.countdown-wrap {
|
|
142
|
+
margin-top: 40px;
|
|
143
|
+
}
|
|
119
144
|
}
|
|
120
|
-
`,
|
|
145
|
+
`,l=`<div class="countdown-wrap">
|
|
121
146
|
<div class="banner-bg">
|
|
122
147
|
<div class="corner-accent corner-tl"></div>
|
|
123
148
|
<div class="corner-accent corner-tr"></div>
|
|
124
149
|
<div class="corner-accent corner-bl"></div>
|
|
125
150
|
<div class="corner-accent corner-br"></div>
|
|
126
|
-
|
|
151
|
+
|
|
127
152
|
<div class="divider"></div>
|
|
128
|
-
|
|
129
|
-
<div class="countdown-grid"
|
|
153
|
+
|
|
154
|
+
<div class="countdown-grid">
|
|
130
155
|
<div class="unit-block">
|
|
131
|
-
<div class="unit-number
|
|
156
|
+
<div class="unit-number days-val">00</div>
|
|
132
157
|
<div class="unit-label">d\xEDas</div>
|
|
133
158
|
</div>
|
|
134
159
|
<div class="sep">:</div>
|
|
135
160
|
<div class="unit-block">
|
|
136
|
-
<div class="unit-number
|
|
161
|
+
<div class="unit-number hours-val">00</div>
|
|
137
162
|
<div class="unit-label">horas</div>
|
|
138
163
|
</div>
|
|
139
164
|
<div class="sep">:</div>
|
|
140
165
|
<div class="unit-block">
|
|
141
|
-
<div class="unit-number
|
|
166
|
+
<div class="unit-number mins-val">00</div>
|
|
142
167
|
<div class="unit-label">minutos</div>
|
|
143
168
|
</div>
|
|
144
169
|
<div class="sep">:</div>
|
|
145
170
|
<div class="unit-block">
|
|
146
|
-
<div class="unit-number
|
|
171
|
+
<div class="unit-number secs-val">00</div>
|
|
147
172
|
<div class="unit-label">segundos</div>
|
|
148
173
|
</div>
|
|
149
174
|
</div>
|
|
150
175
|
</div>
|
|
151
176
|
</div>
|
|
152
|
-
`;if(!document.getElementById("geeparts-feria-styles")){let
|
|
177
|
+
`;if(!document.getElementById("geeparts-feria-styles")){let i=document.createElement("style");i.id="geeparts-feria-styles",i.textContent=c,document.head.appendChild(i)}function d(){['.js-home-main-slider-visibility [data-swiper-slide-index="0"] .js-slider-slide','.js-home-mobile-slider-visibility [data-swiper-slide-index="0"] .js-slider-slide'].forEach(r=>{let t=document.querySelector(r);t&&!t.querySelector(".countdown-wrap")&&t.insertAdjacentHTML("beforeend",l)}),(function(){let r=new Date("2026-05-20T00:00:00"),t=o=>String(o).padStart(2,"0");function a(){let o=document.querySelectorAll(".countdown-grid");if(o.length===0)return;let n=Math.floor((r-new Date)/1e3);if(n<=0){o.forEach(s=>{s.innerHTML='<p class="finished-msg">\xA1Los descuentos de feria est\xE1n activos!</p>'}),document.querySelectorAll(".footer-tag").forEach(s=>s.textContent="\xA1Ya comenz\xF3!");return}let p=Math.floor(n/86400),x=Math.floor(n%86400/3600),u=Math.floor(n%3600/60),v=n%60,f=document.querySelectorAll(".days-val"),g=document.querySelectorAll(".hours-val"),h=document.querySelectorAll(".mins-val"),m=document.querySelectorAll(".secs-val"),b=t(p),w=t(x),y=t(u),S=t(v);f.forEach(e=>e.textContent=b),g.forEach(e=>e.textContent=w),h.forEach(e=>e.textContent=y),m.forEach(e=>e.textContent=S)}a();let A=setInterval(a,1e3)})()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",d):d()})();})();
|
|
153
178
|
//# sourceMappingURL=feria-countdown.min.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../feria-countdown/bundle-temp.js"],
|
|
4
|
-
"sourcesContent": ["\n (function() {\n 'use strict';\n \n const CSS = `.countdown-wrap {\n width: 100%;\n max-width: 680px;\n position: absolute;\n top: 50%;\n z-index: 9;\n left: 0;\n right: 0;\n margin:
|
|
5
|
-
"mappings": "OACK,UAAW,CACV,aAEA,IAAMA,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
6
|
-
"names": ["CSS", "HTML", "style", "init", "
|
|
4
|
+
"sourcesContent": ["\n (function() {\n 'use strict';\n \n const CSS = `.countdown-wrap {\n width: 100%;\n max-width: 680px;\n position: absolute;\n top: 50%;\n z-index: 9;\n left: 0;\n right: 0;\n margin: 40px auto 0;\n}\n\n.banner-bg {\n background: linear-gradient(135deg, #1a1a1a 0%, #2a2200 50%, #1a1a1a 100%);\n border: 1.5px solid #f5c400;\n border-radius: 12px;\n padding: 36px 28px 28px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.corner-accent {\n position: absolute;\n width: 32px;\n height: 32px;\n border-color: #f5c400;\n border-style: solid;\n opacity: 0.7;\n}\n\n.corner-tl {\n top: 10px;\n left: 10px;\n border-width: 2px 0 0 2px;\n}\n.corner-tr {\n top: 10px;\n right: 10px;\n border-width: 2px 2px 0 0;\n}\n.corner-bl {\n bottom: 10px;\n left: 10px;\n border-width: 0 0 2px 2px;\n}\n.corner-br {\n bottom: 10px;\n right: 10px;\n border-width: 0 2px 2px 0;\n}\n\n.divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, #f5c400, transparent);\n width: 80%;\n margin: 0 auto 24px;\n border-radius: 1px;\n}\n\n.countdown-grid {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 24px;\n}\n\n.unit-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.unit-number {\n background: #000;\n border: 2px solid #f5c400;\n border-radius: 8px;\n min-width: 80px;\n padding: 12px 10px 10px;\n font-size: clamp(44px, 10vw, 64px);\n font-weight: 900;\n color: #f5c400;\n line-height: 1;\n text-align: center;\n text-shadow: 0 0 14px rgba(245, 196, 0, 0.55);\n position: relative;\n overflow: hidden;\n}\n\n.unit-number::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n height: 1px;\n background: rgba(245, 196, 0, 0.2);\n}\n\n.unit-label {\n font-size: 11px;\n font-weight: 700;\n color: #999;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-top: 8px;\n}\n\n.sep {\n font-size: clamp(40px, 9vw, 60px);\n font-weight: 900;\n color: #f5c400;\n opacity: 0.6;\n line-height: 1;\n padding-top: 10px;\n align-self: flex-start;\n}\n\n.finished-msg {\n font-size: clamp(20px, 5vw, 32px);\n font-weight: 900;\n color: #f5c400;\n text-transform: uppercase;\n padding: 20px 0;\n text-shadow: 0 0 20px rgba(245, 196, 0, 0.5);\n max-width: 100%;\n}\n\n@media (max-width: 480px) {\n .unit-number {\n min-width: 60px;\n padding: 10px 6px 8px;\n }\n .sep {\n font-size: 36px;\n }\n .countdown-grid {\n gap: 6px;\n }\n .countdown-wrap {\n margin-top: 40px;\n }\n}\n`;\n const HTML = `<div class=\"countdown-wrap\">\n <div class=\"banner-bg\">\n <div class=\"corner-accent corner-tl\"></div>\n <div class=\"corner-accent corner-tr\"></div>\n <div class=\"corner-accent corner-bl\"></div>\n <div class=\"corner-accent corner-br\"></div>\n\n <div class=\"divider\"></div>\n\n <div class=\"countdown-grid\">\n <div class=\"unit-block\">\n <div class=\"unit-number days-val\">00</div>\n <div class=\"unit-label\">d\u00EDas</div>\n </div>\n <div class=\"sep\">:</div>\n <div class=\"unit-block\">\n <div class=\"unit-number hours-val\">00</div>\n <div class=\"unit-label\">horas</div>\n </div>\n <div class=\"sep\">:</div>\n <div class=\"unit-block\">\n <div class=\"unit-number mins-val\">00</div>\n <div class=\"unit-label\">minutos</div>\n </div>\n <div class=\"sep\">:</div>\n <div class=\"unit-block\">\n <div class=\"unit-number secs-val\">00</div>\n <div class=\"unit-label\">segundos</div>\n </div>\n </div>\n </div>\n</div>\n`;\n\n if (!document.getElementById('geeparts-feria-styles')) {\n const style = document.createElement('style');\n style.id = 'geeparts-feria-styles';\n style.textContent = CSS;\n document.head.appendChild(style);\n }\n\n function init() {\n const selectors = [\n '.js-home-main-slider-visibility [data-swiper-slide-index=\"0\"] .js-slider-slide',\n '.js-home-mobile-slider-visibility [data-swiper-slide-index=\"0\"] .js-slider-slide'\n ];\n \n selectors.forEach(selector => {\n const container = document.querySelector(selector);\n if (container && !container.querySelector('.countdown-wrap')) {\n container.insertAdjacentHTML('beforeend', HTML);\n }\n });\n\n // Ejecutar el JS del contador solo una vez\n (function() {\n const target = new Date('2026-05-20T00:00:00');\n const pad = n => String(n).padStart(2, '0');\n \n function tick() {\n const grids = document.querySelectorAll('.countdown-grid');\n if (grids.length === 0) return;\n\n const now = new Date();\n const diff = Math.floor((target - now) / 1000);\n \n if (diff <= 0) {\n grids.forEach(grid => {\n grid.innerHTML = '<p class=\"finished-msg\">\u00A1Los descuentos de feria est\u00E1n activos!</p>';\n });\n const footerTags = document.querySelectorAll('.footer-tag');\n footerTags.forEach(tag => tag.textContent = '\u00A1Ya comenz\u00F3!');\n return;\n }\n \n const d = Math.floor(diff / 86400);\n const h = Math.floor((diff % 86400) / 3600);\n const m = Math.floor((diff % 3600) / 60);\n const s = diff % 60;\n \n const daysArr = document.querySelectorAll('.days-val');\n const hoursArr = document.querySelectorAll('.hours-val');\n const minsArr = document.querySelectorAll('.mins-val');\n const secsArr = document.querySelectorAll('.secs-val');\n\n const dStr = pad(d);\n const hStr = pad(h);\n const mStr = pad(m);\n const sStr = pad(s);\n\n daysArr.forEach(el => el.textContent = dStr);\n hoursArr.forEach(el => el.textContent = hStr);\n minsArr.forEach(el => el.textContent = mStr);\n secsArr.forEach(el => el.textContent = sStr);\n }\n \n tick();\n const interval = setInterval(tick, 1000);\n})();\n\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n })();\n "],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["CSS", "HTML", "style", "init", "selector", "container", "target", "pad", "n", "tick", "grids", "diff", "grid", "tag", "d", "h", "m", "s", "daysArr", "hoursArr", "minsArr", "secsArr", "dStr", "hStr", "mStr", "sStr", "el", "interval"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! Geeparts Newsletter Widget v1.5.
|
|
1
|
+
/*! Geeparts Newsletter Widget v1.5.20 | MIT License | https://github.com/johnsi15/geeparts-js */
|
|
2
2
|
(()=>{var f=(p,b,a)=>new Promise((d,n)=>{var g=s=>{try{i(a.next(s))}catch(m){n(m)}},c=s=>{try{i(a.throw(s))}catch(m){n(m)}},i=s=>s.done?d(s.value):Promise.resolve(s.value).then(g,c);i((a=a.apply(p,b)).next())});(function(){"use strict";let p=`* {
|
|
3
3
|
margin: 0;
|
|
4
4
|
padding: 0;
|