libreria-astro-lefebvre 0.0.174 → 0.0.176

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.0.174",
3
+ "version": "0.0.176",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -55,10 +55,10 @@ const structuredData = `<script type="application/ld+json">
55
55
  ---
56
56
 
57
57
  {full ? (
58
- <div class="w-[596px] flex flex-row items-center gap-3 px-0 md:px-0">
58
+ <div class="w-full md:w-[596px] flex flex-row items-center gap-3 px-0 md:px-0">
59
59
  <div class="w-1/2 md:w-2/3 flex h-auto items-center self-stretch gap-4">
60
60
  <div class="flex flex-col items-center justify-center gap-2">
61
- <img src={imageAuthor} alt={imageAuthorAlt} width={imageSize} height={imageSize} class={`w-full md:w-auto aspect-square object-cover ${roundedClass} ${sizeClass}`} loading="lazy">
61
+ <img src={imageAuthor} alt={imageAuthorAlt} width={imageSize} height={imageSize} class={`w-full md:w-[48px] aspect-square object-cover rounded-full`} loading="lazy">
62
62
  </div>
63
63
 
64
64
  <div class="w-full h-auto flex items-center self-stretch">
@@ -73,7 +73,7 @@ const structuredData = `<script type="application/ld+json">
73
73
 
74
74
  ) : (
75
75
 
76
- <div class="w-[596px] flex flex-row items-center gap-3 px-8 md:px-0">
76
+ <div class="w-full md:w-[596px] flex flex-row items-center gap-3 px-8 md:px-0">
77
77
  <div class="w-1/2 md:w-2/3 flex h-auto items-center self-stretch gap-4">
78
78
  <div class="flex flex-col items-center justify-center gap-2">
79
79
  <img src={imageAuthor} alt={imageAuthorAlt} width={imageSize} height={imageSize} class={`min-w-[48px] w-full md:w-auto aspect-square object-cover ${roundedClass} ${sizeClass}`} loading="lazy">
@@ -1,6 +1,8 @@
1
1
  ---
2
- const {
3
- loadScript = true,
2
+ import { extractImageUrl } from '../../lib/functions.js';
3
+
4
+ const {
5
+ loadScript = true,
4
6
  items = [],
5
7
  slidesToShow = 5,
6
8
  slidesToScroll = 1,
@@ -56,15 +58,11 @@ const structuredData = `<script type="application/ld+json">
56
58
  <style is:global>
57
59
  .glider {
58
60
  overflow: hidden;
59
- min-height: 300px;
60
61
  }
61
62
  .glider-track{
62
63
  display: flex;
63
64
  align-items: start !important;
64
65
  }
65
- .glider-track > div {
66
- min-height: 300px;
67
- }
68
66
  .glider-dots {
69
67
  @media (max-width: 767px) {
70
68
  display: none !important;
@@ -74,7 +72,7 @@ const structuredData = `<script type="application/ld+json">
74
72
  <div class="w-full max-w-7xl">
75
73
  <div id={carouselId} class="glider w-full">
76
74
  {items.map((item, idx) => (
77
- <div class="flex flex-col items-center p-10 bg-white">
75
+ <div class="flex flex-col items-center bg-white">
78
76
  {item.iframeSrc ? (
79
77
  <>
80
78
  <div class="w-full">
@@ -103,7 +101,7 @@ const structuredData = `<script type="application/ld+json">
103
101
  </>
104
102
  ) : (
105
103
  <>
106
- <img src={item.image} alt={item.altImage} width="250" height="100" class={`${items.length === 1 ? '!max-w-[600px]' : items.length === 2 ? '!max-w-[400px]' : '!max-w-[250px]'} w-fit`} loading="lazy" />
104
+ <img src={extractImageUrl(item.image)} alt={item.altImage} width="250" height="100" class={`${items.length === 1 ? '!max-w-[600px]' : items.length === 2 ? '!max-w-[400px]' : '!max-w-[250px]'} w-fit`} loading="lazy" />
107
105
  <p>{item.descriptionImage}</p>
108
106
  </>
109
107
  )}
@@ -56,15 +56,11 @@ const structuredData = `<script type="application/ld+json">
56
56
  <style is:global>
57
57
  .glider {
58
58
  overflow: hidden;
59
- min-height: 300px;
60
59
  }
61
60
  .glider-track{
62
61
  display: flex;
63
62
  align-items: start !important;
64
63
  }
65
- .glider-track > div {
66
- min-height: 300px;
67
- }
68
64
  .glider-dots {
69
65
  @media (max-width: 767px) {
70
66
  display: none !important;
@@ -75,7 +71,7 @@ const structuredData = `<script type="application/ld+json">
75
71
  <div class="w-full max-w-7xl">
76
72
  <div id={carouselId} class="glider w-full">
77
73
  {items.map((item, idx) => (
78
- <div class="flex flex-col items-center p-10 bg-white">
74
+ <div class="flex flex-col items-center bg-white">
79
75
  {item.iframeSrc ? (
80
76
  <div class="w-full">
81
77
  <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>