@molin.ai/shop-ai 0.7.26 → 0.8.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/molin-shop-ai.min.js +10 -11
- package/package.json +1 -1
|
@@ -278,7 +278,7 @@ var Gf=Object.defineProperty;var Hu=r=>{throw TypeError(r)};var Jf=(r,e,t)=>e in
|
|
|
278
278
|
<!-- shimmer -->
|
|
279
279
|
<div class="h-[70px] w-[70px] animate-pulse overflow-hidden rounded-lg bg-gray-200"></div>
|
|
280
280
|
`:o?E`
|
|
281
|
-
<div class="relative h-[70px] w-[70px]
|
|
281
|
+
<div class="relative h-[70px] w-[70px] overflow-hidden rounded-lg bg-gray-100">
|
|
282
282
|
<!-- use the same icon as for missing image url as the background behind the image so there is no flicker while it's loading -->
|
|
283
283
|
<div class="absolute inset-0 flex items-center justify-center">
|
|
284
284
|
<!-- shopping bag icon -->
|
|
@@ -289,7 +289,9 @@ var Gf=Object.defineProperty;var Hu=r=>{throw TypeError(r)};var Jf=(r,e,t)=>e in
|
|
|
289
289
|
d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
|
|
290
290
|
</svg>
|
|
291
291
|
</div>
|
|
292
|
-
|
|
292
|
+
|
|
293
|
+
<!-- absolute position to take the height of the parent and to appear on top of the shopping bag background -->
|
|
294
|
+
<div class="absolute inset-0 flex h-full w-full">
|
|
293
295
|
${f(this,Rr)&&f(this,Ai)?E`
|
|
294
296
|
<!-- missing image url -->
|
|
295
297
|
<div class="flex h-full w-full items-center justify-center">
|
|
@@ -304,30 +306,27 @@ var Gf=Object.defineProperty;var Hu=r=>{throw TypeError(r)};var Jf=(r,e,t)=>e in
|
|
|
304
306
|
`:f(this,Rr)?E`
|
|
305
307
|
<img
|
|
306
308
|
@error="${()=>{A(this,Ai,!0),this.requestUpdate()}}"
|
|
307
|
-
|
|
308
|
-
https://lenoacoffeeandshop.hu/cdn/shop/files/coffe_pr_bar_grande.jpg?v=1688562560 1x,
|
|
309
|
-
https://lenoacoffeeandshop.hu/cdn/shop/files/coffe_pr_bar_grande.jpg?v=1688562560 2x
|
|
310
|
-
"
|
|
309
|
+
src="${o}"
|
|
311
310
|
alt="preview image"
|
|
312
|
-
class="h-full w-
|
|
311
|
+
class="h-full w-full object-cover"
|
|
313
312
|
loading="lazy" />
|
|
314
313
|
`:E`
|
|
315
314
|
<!-- Cloudflare Images: resize the source image -->
|
|
316
315
|
<img
|
|
317
316
|
@error="${()=>{A(this,Rr,!0),this.requestUpdate()}}"
|
|
318
317
|
srcset="
|
|
319
|
-
https://molin.foo/cdn-cgi/image/w=70,fit=crop,format=auto,quality=75,dpr=1
|
|
320
|
-
https://molin.foo/cdn-cgi/image/w=70,fit=crop,format=auto,quality=75,dpr=2
|
|
318
|
+
https://molin.foo/cdn-cgi/image/w=70,fit=crop,format=auto,quality=75,dpr=1/${o} 1x,
|
|
319
|
+
https://molin.foo/cdn-cgi/image/w=70,fit=crop,format=auto,quality=75,dpr=2/${o} 2x
|
|
321
320
|
"
|
|
322
321
|
alt="preview image"
|
|
323
|
-
class="h-full w-auto
|
|
322
|
+
class="h-full w-auto object-cover"
|
|
324
323
|
loading="lazy" />
|
|
325
324
|
`}
|
|
326
325
|
</div>
|
|
327
326
|
</div>
|
|
328
327
|
`:E`
|
|
329
328
|
<!-- missing image url -->
|
|
330
|
-
<div class="flex h-[70px] w-[70px]
|
|
329
|
+
<div class="flex h-[70px] w-[70px] overflow-hidden rounded-lg bg-gray-100">
|
|
331
330
|
<div class="flex h-full w-full items-center justify-center">
|
|
332
331
|
<!-- shopping bag icon -->
|
|
333
332
|
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|