@molin.ai/shop-ai 0.7.27 → 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.
|
@@ -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">
|
|
@@ -306,7 +308,7 @@ var Gf=Object.defineProperty;var Hu=r=>{throw TypeError(r)};var Jf=(r,e,t)=>e in
|
|
|
306
308
|
@error="${()=>{A(this,Ai,!0),this.requestUpdate()}}"
|
|
307
309
|
src="${o}"
|
|
308
310
|
alt="preview image"
|
|
309
|
-
class="h-full w-
|
|
311
|
+
class="h-full w-full object-cover"
|
|
310
312
|
loading="lazy" />
|
|
311
313
|
`:E`
|
|
312
314
|
<!-- Cloudflare Images: resize the source image -->
|
|
@@ -317,14 +319,14 @@ var Gf=Object.defineProperty;var Hu=r=>{throw TypeError(r)};var Jf=(r,e,t)=>e in
|
|
|
317
319
|
https://molin.foo/cdn-cgi/image/w=70,fit=crop,format=auto,quality=75,dpr=2/${o} 2x
|
|
318
320
|
"
|
|
319
321
|
alt="preview image"
|
|
320
|
-
class="h-full w-auto
|
|
322
|
+
class="h-full w-auto object-cover"
|
|
321
323
|
loading="lazy" />
|
|
322
324
|
`}
|
|
323
325
|
</div>
|
|
324
326
|
</div>
|
|
325
327
|
`:E`
|
|
326
328
|
<!-- missing image url -->
|
|
327
|
-
<div class="flex h-[70px] w-[70px]
|
|
329
|
+
<div class="flex h-[70px] w-[70px] overflow-hidden rounded-lg bg-gray-100">
|
|
328
330
|
<div class="flex h-full w-full items-center justify-center">
|
|
329
331
|
<!-- shopping bag icon -->
|
|
330
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">
|