geeparts-js 1.5.16 → 1.5.18
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.
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
(()=>{(function(){"use strict";let p=`.countdown-wrap {
|
|
2
|
+
width: 100%;
|
|
3
|
+
max-width: 680px;
|
|
4
|
+
position: absolute;
|
|
5
|
+
top: 50%;
|
|
6
|
+
z-index: 9;
|
|
7
|
+
left: 0;
|
|
8
|
+
right: 0;
|
|
9
|
+
margin: 70px auto 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.banner-bg {
|
|
13
|
+
background: linear-gradient(135deg, #1a1a1a 0%, #2a2200 50%, #1a1a1a 100%);
|
|
14
|
+
border: 1.5px solid #f5c400;
|
|
15
|
+
border-radius: 12px;
|
|
16
|
+
padding: 36px 28px 28px;
|
|
17
|
+
text-align: center;
|
|
18
|
+
position: relative;
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.corner-accent {
|
|
23
|
+
position: absolute;
|
|
24
|
+
width: 32px;
|
|
25
|
+
height: 32px;
|
|
26
|
+
border-color: #f5c400;
|
|
27
|
+
border-style: solid;
|
|
28
|
+
opacity: 0.7;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.corner-tl { top: 10px; left: 10px; border-width: 2px 0 0 2px; }
|
|
32
|
+
.corner-tr { top: 10px; right: 10px; border-width: 2px 2px 0 0; }
|
|
33
|
+
.corner-bl { bottom: 10px; left: 10px; border-width: 0 0 2px 2px; }
|
|
34
|
+
.corner-br { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; }
|
|
35
|
+
|
|
36
|
+
.divider {
|
|
37
|
+
height: 2px;
|
|
38
|
+
background: linear-gradient(90deg, transparent, #f5c400, transparent);
|
|
39
|
+
width: 80%;
|
|
40
|
+
margin: 0 auto 24px;
|
|
41
|
+
border-radius: 1px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.countdown-grid {
|
|
45
|
+
display: flex;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
align-items: flex-start;
|
|
48
|
+
gap: 10px;
|
|
49
|
+
flex-wrap: wrap;
|
|
50
|
+
margin-bottom: 24px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.unit-block {
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-direction: column;
|
|
56
|
+
align-items: center;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.unit-number {
|
|
60
|
+
background: #000;
|
|
61
|
+
border: 2px solid #f5c400;
|
|
62
|
+
border-radius: 8px;
|
|
63
|
+
min-width: 80px;
|
|
64
|
+
padding: 12px 10px 10px;
|
|
65
|
+
font-size: clamp(44px, 10vw, 64px);
|
|
66
|
+
font-weight: 900;
|
|
67
|
+
color: #f5c400;
|
|
68
|
+
line-height: 1;
|
|
69
|
+
text-align: center;
|
|
70
|
+
text-shadow: 0 0 14px rgba(245,196,0,0.55);
|
|
71
|
+
position: relative;
|
|
72
|
+
overflow: hidden;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.unit-number::after {
|
|
76
|
+
content: '';
|
|
77
|
+
position: absolute;
|
|
78
|
+
left: 0;
|
|
79
|
+
right: 0;
|
|
80
|
+
top: 50%;
|
|
81
|
+
height: 1px;
|
|
82
|
+
background: rgba(245,196,0,0.2);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.unit-label {
|
|
86
|
+
font-size: 11px;
|
|
87
|
+
font-weight: 700;
|
|
88
|
+
color: #999;
|
|
89
|
+
letter-spacing: 2px;
|
|
90
|
+
text-transform: uppercase;
|
|
91
|
+
margin-top: 8px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.sep {
|
|
95
|
+
font-size: clamp(40px, 9vw, 60px);
|
|
96
|
+
font-weight: 900;
|
|
97
|
+
color: #f5c400;
|
|
98
|
+
opacity: 0.6;
|
|
99
|
+
line-height: 1;
|
|
100
|
+
padding-top: 10px;
|
|
101
|
+
align-self: flex-start;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.finished-msg {
|
|
105
|
+
font-size: clamp(20px, 5vw, 32px);
|
|
106
|
+
font-weight: 900;
|
|
107
|
+
color: #f5c400;
|
|
108
|
+
text-transform: uppercase;
|
|
109
|
+
padding: 20px 0;
|
|
110
|
+
text-shadow: 0 0 20px rgba(245,196,0,0.5);
|
|
111
|
+
max-width: 100%;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
@media (max-width: 480px) {
|
|
115
|
+
.unit-number { min-width: 60px; padding: 10px 6px 8px; }
|
|
116
|
+
.sep { font-size: 36px; }
|
|
117
|
+
.countdown-grid { gap: 6px; }
|
|
118
|
+
.countdown-wrap { margin-top: 40px; }
|
|
119
|
+
}
|
|
120
|
+
`,x=`<div class="countdown-wrap" id="countdown-wrap">
|
|
121
|
+
<div class="banner-bg">
|
|
122
|
+
<div class="corner-accent corner-tl"></div>
|
|
123
|
+
<div class="corner-accent corner-tr"></div>
|
|
124
|
+
<div class="corner-accent corner-bl"></div>
|
|
125
|
+
<div class="corner-accent corner-br"></div>
|
|
126
|
+
|
|
127
|
+
<div class="divider"></div>
|
|
128
|
+
|
|
129
|
+
<div class="countdown-grid" id="grid">
|
|
130
|
+
<div class="unit-block">
|
|
131
|
+
<div class="unit-number" id="days">00</div>
|
|
132
|
+
<div class="unit-label">d\xEDas</div>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="sep">:</div>
|
|
135
|
+
<div class="unit-block">
|
|
136
|
+
<div class="unit-number" id="hours">00</div>
|
|
137
|
+
<div class="unit-label">horas</div>
|
|
138
|
+
</div>
|
|
139
|
+
<div class="sep">:</div>
|
|
140
|
+
<div class="unit-block">
|
|
141
|
+
<div class="unit-number" id="mins">00</div>
|
|
142
|
+
<div class="unit-label">minutos</div>
|
|
143
|
+
</div>
|
|
144
|
+
<div class="sep">:</div>
|
|
145
|
+
<div class="unit-block">
|
|
146
|
+
<div class="unit-number" id="secs">00</div>
|
|
147
|
+
<div class="unit-label">segundos</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
`;if(!document.getElementById("geeparts-feria-styles")){let t=document.createElement("style");t.id="geeparts-feria-styles",t.textContent=p,document.head.appendChild(t)}function o(){let t=document.querySelector('[data-swiper-slide-index="0"] .js-slider-slide')||document.body;t&&!document.getElementById("countdown-wrap")&&(t.insertAdjacentHTML("beforeend",x),(function(){let u=new Date("2026-05-20T00:00:00"),n=i=>String(i).padStart(2,"0");function d(){let i=document.getElementById("grid");if(!i)return;let e=Math.floor((u-new Date)/1e3);if(e<=0){i.innerHTML='<p class="finished-msg">\xA1Los descuentos de feria est\xE1n activos!</p>';let l=document.getElementById("footer-tag");l&&(l.textContent="\xA1Ya comenz\xF3!");return}let g=Math.floor(e/86400),f=Math.floor(e%86400/3600),m=Math.floor(e%3600/60),v=e%60,r=document.getElementById("days"),s=document.getElementById("hours"),a=document.getElementById("mins"),c=document.getElementById("secs");r&&(r.textContent=n(g)),s&&(s.textContent=n(f)),a&&(a.textContent=n(m)),c&&(c.textContent=n(v))}d();let b=setInterval(d,1e3)})())}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",o):o()})();})();
|
|
153
|
+
//# sourceMappingURL=feria-countdown.min.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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: 70px 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 { top: 10px; left: 10px; border-width: 2px 0 0 2px; }\n.corner-tr { top: 10px; right: 10px; border-width: 2px 2px 0 0; }\n.corner-bl { bottom: 10px; left: 10px; border-width: 0 0 2px 2px; }\n.corner-br { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; }\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 { min-width: 60px; padding: 10px 6px 8px; }\n .sep { font-size: 36px; }\n .countdown-grid { gap: 6px; }\n .countdown-wrap { margin-top: 40px; }\n}\n`;\n const HTML = `<div class=\"countdown-wrap\" id=\"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\" id=\"grid\">\n <div class=\"unit-block\">\n <div class=\"unit-number\" id=\"days\">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\" id=\"hours\">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\" id=\"mins\">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\" id=\"secs\">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 targetContainer = document.querySelector('[data-swiper-slide-index=\"0\"] .js-slider-slide') || document.body;\n if (targetContainer && !document.getElementById('countdown-wrap')) {\n targetContainer.insertAdjacentHTML('beforeend', HTML);\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 grid = document.getElementById('grid');\n if (!grid) return;\n\n const now = new Date();\n const diff = Math.floor((target - now) / 1000);\n \n if (diff <= 0) {\n grid.innerHTML = '<p class=\"finished-msg\">\u00A1Los descuentos de feria est\u00E1n activos!</p>';\n const footerTag = document.getElementById('footer-tag');\n if (footerTag) footerTag.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 daysEl = document.getElementById('days');\n const hoursEl = document.getElementById('hours');\n const minsEl = document.getElementById('mins');\n const secsEl = document.getElementById('secs');\n\n if (daysEl) daysEl.textContent = pad(d);\n if (hoursEl) hoursEl.textContent = pad(h);\n if (minsEl) minsEl.textContent = pad(m);\n if (secsEl) secsEl.textContent = pad(s);\n }\n \n tick();\n const interval = setInterval(tick, 1000);\n})();\n\n }\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n })();\n "],
|
|
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,EAwHNC,EAAO;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,EAkCb,GAAI,CAAC,SAAS,eAAe,uBAAuB,EAAG,CACrD,IAAMC,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,GAAK,wBACXA,EAAM,YAAcF,EACpB,SAAS,KAAK,YAAYE,CAAK,CACjC,CAEA,SAASC,GAAO,CACd,IAAMC,EAAkB,SAAS,cAAc,gDAAgD,GAAK,SAAS,KACzGA,GAAmB,CAAC,SAAS,eAAe,gBAAgB,IAC9DA,EAAgB,mBAAmB,YAAaH,CAAI,GACnD,UAAW,CACpB,IAAMI,EAAS,IAAI,KAAK,qBAAqB,EACvCC,EAAMC,GAAK,OAAOA,CAAC,EAAE,SAAS,EAAG,GAAG,EAE1C,SAASC,GAAO,CACd,IAAMC,EAAO,SAAS,eAAe,MAAM,EAC3C,GAAI,CAACA,EAAM,OAGX,IAAMC,EAAO,KAAK,OAAOL,EADZ,IAAI,MACwB,GAAI,EAE7C,GAAIK,GAAQ,EAAG,CACbD,EAAK,UAAY,4EACjB,IAAME,EAAY,SAAS,eAAe,YAAY,EAClDA,IAAWA,EAAU,YAAc,sBACvC,MACF,CAEA,IAAMC,EAAI,KAAK,MAAMF,EAAO,KAAK,EAC3BG,EAAI,KAAK,MAAOH,EAAO,MAAS,IAAI,EACpC,EAAI,KAAK,MAAOA,EAAO,KAAQ,EAAE,EACjCI,EAAIJ,EAAO,GAEXK,EAAS,SAAS,eAAe,MAAM,EACvCC,EAAU,SAAS,eAAe,OAAO,EACzCC,EAAS,SAAS,eAAe,MAAM,EACvCC,EAAS,SAAS,eAAe,MAAM,EAEzCH,IAAQA,EAAO,YAAcT,EAAIM,CAAC,GAClCI,IAASA,EAAQ,YAAcV,EAAIO,CAAC,GACpCI,IAAQA,EAAO,YAAcX,EAAI,CAAC,GAClCY,IAAQA,EAAO,YAAcZ,EAAIQ,CAAC,EACxC,CAEAN,EAAK,EACL,IAAMW,EAAW,YAAYX,EAAM,GAAI,CACzC,GAAG,EAGG,CAEI,SAAS,aAAe,UAC1B,SAAS,iBAAiB,mBAAoBL,CAAI,EAElDA,EAAK,CAET,GAAG",
|
|
6
|
+
"names": ["CSS", "HTML", "style", "init", "targetContainer", "target", "pad", "n", "tick", "grid", "diff", "footerTag", "d", "h", "s", "daysEl", "hoursEl", "minsEl", "secsEl", "interval"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! Geeparts Newsletter Widget v1.
|
|
1
|
+
/*! Geeparts Newsletter Widget v1.5.18 | 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;
|