geeparts-js 1.5.15 → 1.5.17

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.
Files changed (5) hide show
  1. package/dist/feria-countdown.min.js +153 -0
  2. package/dist/feria-countdown.min.js.map +7 -0
  3. package/dist/geeparts-newsletter.min.js +1 -1
  4. package/index.js +22 -0
  5. package/package.json +1 -1
package/dist/feria-countdown.min.js ADDED
@@ -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(".swiper-slide-active .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
package/dist/feria-countdown.min.js.map ADDED
@@ -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('.swiper-slide-active .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,uCAAuC,GAAK,SAAS,KAChGA,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
+ }
package/dist/geeparts-newsletter.min.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Geeparts Newsletter Widget v1.4.0 | MIT License | https://github.com/johnsi15/geeparts-js */
1
+ /*! Geeparts Newsletter Widget v1.5.16 | 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;
package/index.js CHANGED
@@ -1112,6 +1112,14 @@ if (pathName === '/hero/' || pathName === '/hero') {
1112
1112
  </div>
1113
1113
  </a>
1114
1114
  </li>
1115
+ <li class="moto">
1116
+ <a href="https://www.geeparts.co/ktm/duke-250-2026/" class="link_marca">
1117
+ <img src="https://download.geeparts.co/duke-250.png" alt="Duke 250 2026">
1118
+ <div class="info">
1119
+ <p>Duke 250 2026</p>
1120
+ </div>
1121
+ </a>
1122
+ </li>
1115
1123
  </ul>
1116
1124
  </div>
1117
1125
  `
@@ -1308,6 +1316,14 @@ if (pathName === '/hero/' || pathName === '/hero') {
1308
1316
  </div>
1309
1317
  </a>
1310
1318
  </li>
1319
+ <li class="moto">
1320
+ <a href="https://www.geeparts.co/cf-moto/650-gt" class="link_marca">
1321
+ <img src="https://download.geeparts.co/650GT.png" alt="650 GT">
1322
+ <div class="info">
1323
+ <p>650 GT</p>
1324
+ </div>
1325
+ </a>
1326
+ </li>
1311
1327
  </ul>
1312
1328
  </div>
1313
1329
  `
@@ -1777,6 +1793,9 @@ if (window.matchMedia('(min-width: 768px)').matches) {
1777
1793
  <li>
1778
1794
  <a href="https://www.geeparts.co/ktm/duke-200/">Duke 200</a>
1779
1795
  </li>
1796
+ <li>
1797
+ <a href="https://www.geeparts.co/ktm/duke-250-2026/">Duke 250 2026</a>
1798
+ </li>
1780
1799
  <li>
1781
1800
  <a href="https://www.geeparts.co/ktm/duke-200-g3/">Duke 200 g3</a>
1782
1801
  </li>
@@ -1858,6 +1877,9 @@ if (window.matchMedia('(min-width: 768px)').matches) {
1858
1877
  <li>
1859
1878
  <a class="nav-list-link" href="https://www.geeparts.co/cf-moto/nk-650/">NK 650</a>
1860
1879
  </li>
1880
+ <li>
1881
+ <a class="nav-list-link" href="https://www.geeparts.co/cf-moto/650-gt/">650 GT</a>
1882
+ </li>
1861
1883
  <li>
1862
1884
  <a class="nav-list-link" href="https://www.geeparts.co/cf-moto/nk-800/">NK 800</a>
1863
1885
  </li>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "geeparts-js",
3
- "version": "1.5.15",
3
+ "version": "1.5.17",
4
4
  "description": "Code main page Geeparts",
5
5
  "main": "index.js",
6
6
  "scripts": {