geeparts-js 1.5.23 → 1.5.24
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,184 @@
|
|
|
1
|
+
(()=>{(function(){"use strict";let d=`.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: 40px 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 {
|
|
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
|
+
}
|
|
51
|
+
|
|
52
|
+
.divider {
|
|
53
|
+
height: 2px;
|
|
54
|
+
background: linear-gradient(90deg, transparent, #f5c400, transparent);
|
|
55
|
+
width: 80%;
|
|
56
|
+
margin: 0 auto 24px;
|
|
57
|
+
border-radius: 1px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.countdown-grid {
|
|
61
|
+
display: flex;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
align-items: flex-start;
|
|
64
|
+
gap: 10px;
|
|
65
|
+
flex-wrap: wrap;
|
|
66
|
+
margin-bottom: 24px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.unit-block {
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
align-items: center;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.unit-number {
|
|
76
|
+
background: #000;
|
|
77
|
+
border: 2px solid #f5c400;
|
|
78
|
+
border-radius: 8px;
|
|
79
|
+
min-width: 80px;
|
|
80
|
+
padding: 12px 10px 10px;
|
|
81
|
+
font-size: clamp(44px, 10vw, 64px);
|
|
82
|
+
font-weight: 900;
|
|
83
|
+
color: #f5c400;
|
|
84
|
+
line-height: 1;
|
|
85
|
+
text-align: center;
|
|
86
|
+
text-shadow: 0 0 14px rgba(245, 196, 0, 0.55);
|
|
87
|
+
position: relative;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.unit-number::after {
|
|
92
|
+
content: '';
|
|
93
|
+
position: absolute;
|
|
94
|
+
left: 0;
|
|
95
|
+
right: 0;
|
|
96
|
+
top: 50%;
|
|
97
|
+
height: 1px;
|
|
98
|
+
background: rgba(245, 196, 0, 0.2);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.unit-label {
|
|
102
|
+
font-size: 11px;
|
|
103
|
+
font-weight: 700;
|
|
104
|
+
color: #999;
|
|
105
|
+
letter-spacing: 2px;
|
|
106
|
+
text-transform: uppercase;
|
|
107
|
+
margin-top: 8px;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.sep {
|
|
111
|
+
font-size: clamp(40px, 9vw, 60px);
|
|
112
|
+
font-weight: 900;
|
|
113
|
+
color: #f5c400;
|
|
114
|
+
opacity: 0.6;
|
|
115
|
+
line-height: 1;
|
|
116
|
+
padding-top: 10px;
|
|
117
|
+
align-self: flex-start;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.finished-msg {
|
|
121
|
+
font-size: clamp(20px, 5vw, 32px);
|
|
122
|
+
font-weight: 900;
|
|
123
|
+
color: #f5c400;
|
|
124
|
+
text-transform: uppercase;
|
|
125
|
+
padding: 20px 0;
|
|
126
|
+
text-shadow: 0 0 20px rgba(245, 196, 0, 0.5);
|
|
127
|
+
max-width: 100%;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
@media (max-width: 480px) {
|
|
131
|
+
.unit-number {
|
|
132
|
+
min-width: 60px;
|
|
133
|
+
padding: 10px 6px 8px;
|
|
134
|
+
font-size: 28px;
|
|
135
|
+
}
|
|
136
|
+
.banner-bg {
|
|
137
|
+
margin: 0 10px;
|
|
138
|
+
padding: 36px 0;
|
|
139
|
+
}
|
|
140
|
+
.sep {
|
|
141
|
+
font-size: 36px;
|
|
142
|
+
}
|
|
143
|
+
.countdown-grid {
|
|
144
|
+
gap: 6px;
|
|
145
|
+
}
|
|
146
|
+
.countdown-wrap {
|
|
147
|
+
margin-top: 0;
|
|
148
|
+
transform: translateY(-10%);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
`,l=`<div class="countdown-wrap">
|
|
152
|
+
<div class="banner-bg">
|
|
153
|
+
<div class="corner-accent corner-tl"></div>
|
|
154
|
+
<div class="corner-accent corner-tr"></div>
|
|
155
|
+
<div class="corner-accent corner-bl"></div>
|
|
156
|
+
<div class="corner-accent corner-br"></div>
|
|
157
|
+
|
|
158
|
+
<div class="divider"></div>
|
|
159
|
+
|
|
160
|
+
<div class="countdown-grid">
|
|
161
|
+
<div class="unit-block">
|
|
162
|
+
<div class="unit-number days-val">00</div>
|
|
163
|
+
<div class="unit-label">d\xEDas</div>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="sep">:</div>
|
|
166
|
+
<div class="unit-block">
|
|
167
|
+
<div class="unit-number hours-val">00</div>
|
|
168
|
+
<div class="unit-label">horas</div>
|
|
169
|
+
</div>
|
|
170
|
+
<div class="sep">:</div>
|
|
171
|
+
<div class="unit-block">
|
|
172
|
+
<div class="unit-number mins-val">00</div>
|
|
173
|
+
<div class="unit-label">minutos</div>
|
|
174
|
+
</div>
|
|
175
|
+
<div class="sep">:</div>
|
|
176
|
+
<div class="unit-block">
|
|
177
|
+
<div class="unit-number secs-val">00</div>
|
|
178
|
+
<div class="unit-label">segundos</div>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
`;if(!document.getElementById("geeparts-feria-mayorista-styles")){let o=document.createElement("style");o.id="geeparts-feria-mayorista-styles",o.textContent=d,document.head.appendChild(o)}function a(){['.stk--hide-mobile .stk-block-carousel__slider > [role="listitem"]:nth-child(1) .stk-block-content','.stk--hide-desktop .stk-block-carousel__slider > [role="listitem"]:nth-child(1) .stk-block-content'].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=i=>String(i).padStart(2,"0");function c(){let i=document.querySelectorAll(".countdown-grid");if(i.length===0)return;let n=Math.floor((r-new Date)/1e3);if(n<=0){i.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),u=Math.floor(n%86400/3600),x=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(u),y=t(x),k=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=k)}c();let S=setInterval(c,1e3)})()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",a):a()})();})();
|
|
184
|
+
//# sourceMappingURL=feria-mayorista-countdown.min.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../feria-mayorista/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: 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 font-size: 28px;\n }\n .banner-bg {\n margin: 0 10px;\n padding: 36px 0;\n }\n .sep {\n font-size: 36px;\n }\n .countdown-grid {\n gap: 6px;\n }\n .countdown-wrap {\n margin-top: 0;\n transform: translateY(-10%);\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-mayorista-styles')) {\n const style = document.createElement('style');\n style.id = 'geeparts-feria-mayorista-styles';\n style.textContent = CSS;\n document.head.appendChild(style);\n }\n\n function init() {\n const selectors = [\n '.stk--hide-mobile .stk-block-carousel__slider > [role=\"listitem\"]:nth-child(1) .stk-block-content',\n '.stk--hide-desktop .stk-block-carousel__slider > [role=\"listitem\"]:nth-child(1) .stk-block-content'\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 (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
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! Geeparts Newsletter Widget v1.5.
|
|
1
|
+
/*! Geeparts Newsletter Widget v1.5.24 | 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;
|