libreria-astro-lefebvre 0.0.27 → 0.0.29

package/src/components/Astro/Repetidor_2025_Menorca.astro

@@ -1,44 +1,44 @@
----
-import Contenido_2025_Granada from "./Contenido_2025_Granada.astro";
-import CTA_2025_Formentera from "./CTA_2025_Formentera.astro";
-
-
-const {
-    flexOrientationBlockIcoText = "flex-row",
-    flexOrientationIcoText = "flex-row",
-    positionFlex = "items-center",
-    positionBtnFlex = "justify-center",
-    headingType = 'h3',
-    items = [],
-    btnLabel = "Ver más",
-    buttonUrl = "#",
-    showBtn = false,
-} = Astro.props;
-
----
-
-<article class={`${positionFlex === 'items-center' ? 'items-center' : 'items-start'} flex flex-col justify-center mb-4`}>
-    <div class={`flex ${flexOrientationBlockIcoText} items-start flex-wrap px-6`}>
-        {items.map(item => (
-            <Contenido_2025_Granada 
-                title={item.title}
-                tipo={headingType}
-                description={item.description}
-                flexOrientationBlock={flexOrientationBlockIcoText}
-                flexOrientationIcoText={flexOrientationIcoText}
-                positionFlex={positionFlex}
-                showIco={item.showIco}
-                icon={item.icon}
-                widthBlock={item.widthBlock}
-            />
-        ))}  
-    </div>
-    <div class={`${positionBtnFlex === 'justify-center' ? 'justify-center' : 'justify-start'} pl-0 md:pl-[16px] lg:pl-[32px] w-full flex`}>
-         {showBtn ? (
-            <CTA_2025_Formentera buttonText={btnLabel} buttonUrl={buttonUrl} /> 
-        ) : (
-            <div class="flex justify-center"></div>
-        )}  
-        
-    </div>
+---
+import Contenido_2025_Granada from "./Contenido_2025_Granada.astro";
+import CTA_2025_Formentera from "./CTA_2025_Formentera.astro";
+
+
+const {
+    flexOrientationBlockIcoText = "flex-row",
+    flexOrientationIcoText = "flex-row",
+    positionFlex = "items-center",
+    positionBtnFlex = "justify-center",
+    headingType = 'h3',
+    items = [],
+    btnLabel = "Ver más",
+    buttonUrl = "#",
+    showBtn = false,
+} = Astro.props;
+
+---
+
+<article class={`${positionFlex === 'items-center' ? 'items-center' : 'items-start'} flex flex-col justify-center mb-4`}>
+    <div class={`flex ${flexOrientationBlockIcoText} items-start flex-wrap px-6`}>
+        {items.map(item => (
+            <Contenido_2025_Granada 
+                title={item.title}
+                tipo={headingType}
+                description={item.description}
+                flexOrientationBlock={flexOrientationBlockIcoText}
+                flexOrientationIcoText={flexOrientationIcoText}
+                positionFlex={positionFlex}
+                showIco={item.showIco}
+                icon={item.icon}
+                widthBlock={item.widthBlock}
+            />
+        ))}  
+    </div>
+    <div class={`${positionBtnFlex === 'justify-center' ? 'justify-center' : 'justify-start'} pl-0 md:pl-[16px] lg:pl-[0px] w-full flex`}>
+         {showBtn ? (
+            <CTA_2025_Formentera buttonText={btnLabel} buttonUrl={buttonUrl} /> 
+        ) : (
+            <div class="flex justify-center"></div>
+        )}  
+        
+    </div>
 </article>

package/src/components/Astro/Repetidor_2025_Michigan.astro

@@ -1,46 +1,46 @@
----
-const {
-    orientation = 'left',
-    items
-    } = Astro.props;
-
-    const structuredData = `<script type="application/ld+json">
-    {
-        "@context": "https://schema.org",
-        "@type": "ItemList",
-        "numberOfItems": ${items.length},
-        "itemListElement": [
-            ${items.map((item, index) => `{
-                "@type": "ListItem",
-                "position": ${index + 1},
-                "item": {
-                    "@type": "Article",
-                    "name": "${item.title}",
-                    "description": "${item.description.replace(/<[^>]*>/g, '').replace(/"/g, '\\"')}",
-                    "image": "${item.image}"
-                }
-            }`).join(',')}
-        ]
-    }
-    </script>`;
----
-<section class="w-full flex flex-col items-center justify-center">
-    {items.map(item => (
-        <article class="w-full flex flex-col items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={items.indexOf(item) === items.length - 1 ? 'border-bottom: none;' : ''} >
-            <div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
-                <div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
-                    <h2 class="text-[28px] md:text-[32px] leading-[36px] md:leading-[40px] mb-[24px] text-[#363942] font-poppins font-semibold">{item.title}</h2>
-                    <div 
-                    class="text-[#363942] font-inter font-normal text-base leading-[28px] flex flex-col gap-4 md-0 md:mb-8" 
-                    set:html={item.description} 
-                    />
-                </div>
-                <div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
-                    <img src={item.image} alt={item.title} class="w-full md:w-1/2 rounded-2xl" />
-                </div>
-            </div>
-        </article>
-    ))}
-</section>
-
+---
+const {
+    orientation = 'left',
+    items
+    } = Astro.props;
+
+    const structuredData = `<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "ItemList",
+        "numberOfItems": ${items.length},
+        "itemListElement": [
+            ${items.map((item, index) => `{
+                "@type": "ListItem",
+                "position": ${index + 1},
+                "item": {
+                    "@type": "Article",
+                    "name": "${item.title}",
+                    "description": "${item.description.replace(/<[^>]*>/g, '').replace(/"/g, '\\"')}",
+                    "image": "${item.image}"
+                }
+            }`).join(',')}
+        ]
+    }
+    </script>`;
+---
+<section class="w-full flex flex-col items-center justify-center">
+    {items.map(item => (
+        <article class="w-full flex flex-col items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={items.indexOf(item) === items.length - 1 ? 'border-bottom: none;' : ''} >
+            <div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
+                <div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
+                    <h2 class="text-[28px] md:text-[32px] leading-[36px] md:leading-[40px] mb-[24px] text-[#363942] font-poppins font-semibold">{item.title}</h2>
+                    <div 
+                    class="text-[#363942] font-inter font-normal text-base leading-[28px] flex flex-col gap-4 md-0 md:mb-8" 
+                    set:html={item.description} 
+                    />
+                </div>
+                <div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
+                    <img src={item.image} alt={item.title} class="w-full md:w-1/2 rounded-2xl" />
+                </div>
+            </div>
+        </article>
+    ))}
+</section>
+
 <Fragment set:html={structuredData} />

package/src/components/Astro/Repetidor_2025_Orcasitas.astro

@@ -1,235 +1,235 @@
----
-const { 
-    loadScript = true, 
-    items,
-    slidesToShow = 5,
-    slidesToScroll = 1,
-} = Astro.props;
-
-const carouselId = "glider-carousel-"+Math.floor(Math.random()*1000);
-const buttonsId = "glider-carousel-buttons-"+Math.floor(Math.random()*1000);
-const prevId = "glider-carousel-prev-"+Math.floor(Math.random()*1000);
-const nextId = "glider-carousel-next-"+Math.floor(Math.random()*1000);
-
-const randomId = Math.floor(Math.random() * 1000);
-
-const structuredData = `<script type="application/ld+json">
-{
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    "name": "Carousel Items",
-    "itemListElement": [
-        ${items.map((item, index) => `{
-            "@type": "ListItem",
-            "position": ${index + 1},
-            "item": {
-                "@type": "${item.iframeSrc ? 'VideoObject' : 'ImageObject'}",
-                ${item.iframeSrc ? `
-                "name": "${item.description ? item.description.replace(/"/g, '\\"') : ''}",
-                "description": "${item.description ? item.description.replace(/"/g, '\\"') : ''}",
-                "embedUrl": "${item.iframeSrc}",
-                "author": {
-                    "@type": "Person",
-                    "name": "${item.author ? item.author.replace(/"/g, '\\"') : ''}",
-                    "jobTitle": "${item.positionCompany ? item.positionCompany.replace(/"/g, '\\"') : ''}"
-                }` : `
-                "contentUrl": "${item.image}",
-                "name": "${item.altImage ? item.altImage.replace(/"/g, '\\"') : ''}",
-                "description": "${item.descriptionImage ? item.descriptionImage.replace(/"/g, '\\"') : ''}"`}
-            }
-        }`).join(',')}
-    ]
-}
-</script>`;
-
----
-
-    {loadScript && 
-        <div>
-            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.css"/>
-            <script src="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.js"></script>
-        </div>
-    }
-
-    <style is:global>
-        .glider-track{
-            display: flex;
-            align-items: start !important;
-        }
-        .glider-dots {
-            display: none !important;
-        }
-    </style>
-
-    <div class="w-full ">
-        <div id={carouselId} class="glider w-full">
-            {items.map((item, idx) => (
-                <div class="flex flex-col items-center p-10 bg-white">
-                {item.iframeSrc ? (
-                    <div class="w-full">
-                        <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
-                            <img src={item.imageSrc} class="w-full h-full rounded-2xl p-2 transition-transform hover:scale-105 cursor-pointer"/>
-                        </span>
-                    </div>
-                    <div class="p-6 flex-grow flex flex-col">
-                        <div class="mt-2 flex items-center gap-2 flex-grow">
-                            <div class="flex flex-col text-[#262626] h-full">
-                                <p class="text-base font-inter font-normal leading-[24px] mb-[24px]">{item.description}</p>
-                                <p class="text-[14px] font-semibold leading-[20px]">{item.author}<br />{item.positionCompany}</p>
-                            </div>
-                        </div>
-                    </div>
-                ) : (
-                    <img src={item.image} alt={item.altImage} class="!max-w-[250px] w-fit" />
-                    <p>{item.descriptionImage}</p>
-                )}
-                </div>
-            ))}
-        </div>
-        <div id={buttonsId} class="carouselGlider hidden md:flex"></div>
-    </div>
-
-<div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
-    <div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
-        <div class="w-full flex justify-end">
-            <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
-        </div>
-        <div class="w-full h-full flex items-center justify-center">
-            <iframe
-                class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video" 
-                src=""
-                frameborder="0" 
-                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
-                allowfullscreen=""></iframe>
-        </div>
-    </div>
-</div>
-
-<script is:inline define:vars={{ randomId }}>
-
-    const iframePopup = document.getElementById(`popup-iframe-modal-${randomId}`);
-    document.querySelectorAll(`.popup-iframe-trigger-${randomId}`).forEach(btn => {
-        btn.addEventListener('click', (e) => {
-            const iframeSrc = btn.getAttribute('data-iframesrc');
-            iframePopup.classList.remove('hidden');    
-            iframePopup.querySelector('iframe').setAttribute('src', iframeSrc);          
-        });
-    });
-
-    iframePopup.querySelector('.js-close-popup').addEventListener('click', () => {
-        iframePopup.classList.add('hidden');
-        iframePopup.querySelector('iframe').setAttribute('src', '');
-    });
-
-</script>
-    
-
-    <script is:inline define:vars={{carouselId, buttonsId, prevId, nextId, slidesToShow, slidesToScroll}}>
-        document.addEventListener('DOMContentLoaded', function() {
-
-            new Glider(document.querySelector('#' + carouselId), {
-
-                // `auto` allows automatic responsive
-                // width calculations
-                slidesToShow: slidesToShow,
-                slidesToScroll: '1',
-
-                // should have been named `itemMinWidth`
-                // slides grow to fit the container viewport
-                // ignored unless `slidesToShow` is set to `auto`
-                itemWidth: undefined,
-
-                // if true, slides wont be resized to fit viewport
-                // requires `itemWidth` to be set
-                // * this may cause fractional slides
-                exactWidth: false,
-
-                // speed aggravator - higher is slower
-                duration: .5,
-
-                // dot container element or selector
-                dots: '#' + buttonsId,
-
-                // arrow container elements or selector
-                arrows: {
-                    prev: '#' + prevId,
-                    // may also pass element directly
-                    next: '#' + nextId
-                },
-
-                // allow mouse dragging
-                draggable: true,
-                // how much to scroll with each mouse delta
-                dragVelocity: 3.3,
-
-                // use any custom easing function
-                // compatible with most easing plugins
-                easing: function (x, t, b, c, d) {
-                    return c*(t/=d)*t + b;
-                },
-
-                // event control
-                scrollPropagate: false,
-                eventPropagate: true,
-
-                // Force centering slide after scroll event
-                scrollLock: false,
-                // how long to wait after scroll event before locking
-                // if too low, it might interrupt normal scrolling
-                scrollLockDelay: 150,
-
-                // Force centering slide after resize event
-                resizeLock: true,
-
-                // Glider.js breakpoints are mobile-first
-                responsive: [
-                    {
-                        breakpoint: 1400,
-                        settings: {
-                            slidesToShow: slidesToShow,
-                            slidesToScroll: 1
-                        }
-                    },
-                    {
-                        breakpoint: 1200,
-                        settings: {
-                            slidesToShow: (slidesToShow >= 5)? slidesToShow - 1 : slidesToShow,
-                            slidesToScroll: 1
-                        }
-                    },
-                    {
-                        breakpoint: 900,
-                        settings: {
-                            slidesToShow: 3,
-                            slidesToScroll: 1
-                        }
-                    },
-                    {
-                        breakpoint: 767,
-                        settings: {
-                            slidesToShow: 3,
-                            slidesToScroll: 3
-                        }
-                    },
-                    {
-                        breakpoint: 575,
-                        settings: {
-                            slidesToShow: 2,
-                            slidesToScroll: 1
-                        }
-                    },
-                    {
-                        breakpoint: 0,
-                        settings: {
-                            slidesToShow: 1,
-                            slidesToScroll: 1
-                        }
-                    }
-                ]
-            });
-
-        });
-    </script>
-    
-<Fragment set:html={structuredData} />
-    
+---
+const { 
+    loadScript = true, 
+    items,
+    slidesToShow = 5,
+    slidesToScroll = 1,
+} = Astro.props;
+
+const carouselId = "glider-carousel-"+Math.floor(Math.random()*1000);
+const buttonsId = "glider-carousel-buttons-"+Math.floor(Math.random()*1000);
+const prevId = "glider-carousel-prev-"+Math.floor(Math.random()*1000);
+const nextId = "glider-carousel-next-"+Math.floor(Math.random()*1000);
+
+const randomId = Math.floor(Math.random() * 1000);
+
+const structuredData = `<script type="application/ld+json">
+{
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    "name": "Carousel Items",
+    "itemListElement": [
+        ${items.map((item, index) => `{
+            "@type": "ListItem",
+            "position": ${index + 1},
+            "item": {
+                "@type": "${item.iframeSrc ? 'VideoObject' : 'ImageObject'}",
+                ${item.iframeSrc ? `
+                "name": "${item.description ? item.description.replace(/"/g, '\\"') : ''}",
+                "description": "${item.description ? item.description.replace(/"/g, '\\"') : ''}",
+                "embedUrl": "${item.iframeSrc}",
+                "author": {
+                    "@type": "Person",
+                    "name": "${item.author ? item.author.replace(/"/g, '\\"') : ''}",
+                    "jobTitle": "${item.positionCompany ? item.positionCompany.replace(/"/g, '\\"') : ''}"
+                }` : `
+                "contentUrl": "${item.image}",
+                "name": "${item.altImage ? item.altImage.replace(/"/g, '\\"') : ''}",
+                "description": "${item.descriptionImage ? item.descriptionImage.replace(/"/g, '\\"') : ''}"`}
+            }
+        }`).join(',')}
+    ]
+}
+</script>`;
+
+---
+
+    {loadScript && 
+        <div>
+            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.css"/>
+            <script src="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.js"></script>
+        </div>
+    }
+
+    <style is:global>
+        .glider-track{
+            display: flex;
+            align-items: start !important;
+        }
+        .glider-dots {
+            display: none !important;
+        }
+    </style>
+
+    <div class="w-full ">
+        <div id={carouselId} class="glider w-full">
+            {items.map((item, idx) => (
+                <div class="flex flex-col items-center p-10 bg-white">
+                {item.iframeSrc ? (
+                    <div class="w-full">
+                        <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
+                            <img src={item.imageSrc} class="w-full h-full rounded-2xl p-2 transition-transform hover:scale-105 cursor-pointer"/>
+                        </span>
+                    </div>
+                    <div class="p-6 flex-grow flex flex-col">
+                        <div class="mt-2 flex items-center gap-2 flex-grow">
+                            <div class="flex flex-col text-[#262626] h-full">
+                                <p class="text-base font-inter font-normal leading-[24px] mb-[24px]">{item.description}</p>
+                                <p class="text-[14px] font-semibold leading-[20px]">{item.author}<br />{item.positionCompany}</p>
+                            </div>
+                        </div>
+                    </div>
+                ) : (
+                    <img src={item.image} alt={item.altImage} class="!max-w-[250px] w-fit" />
+                    <p>{item.descriptionImage}</p>
+                )}
+                </div>
+            ))}
+        </div>
+        <div id={buttonsId} class="carouselGlider hidden md:flex"></div>
+    </div>
+
+<div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
+    <div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
+        <div class="w-full flex justify-end">
+            <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
+        </div>
+        <div class="w-full h-full flex items-center justify-center">
+            <iframe
+                class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video" 
+                src=""
+                frameborder="0" 
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                allowfullscreen=""></iframe>
+        </div>
+    </div>
+</div>
+
+<script is:inline define:vars={{ randomId }}>
+
+    const iframePopup = document.getElementById(`popup-iframe-modal-${randomId}`);
+    document.querySelectorAll(`.popup-iframe-trigger-${randomId}`).forEach(btn => {
+        btn.addEventListener('click', (e) => {
+            const iframeSrc = btn.getAttribute('data-iframesrc');
+            iframePopup.classList.remove('hidden');    
+            iframePopup.querySelector('iframe').setAttribute('src', iframeSrc);          
+        });
+    });
+
+    iframePopup.querySelector('.js-close-popup').addEventListener('click', () => {
+        iframePopup.classList.add('hidden');
+        iframePopup.querySelector('iframe').setAttribute('src', '');
+    });
+
+</script>
+    
+
+    <script is:inline define:vars={{carouselId, buttonsId, prevId, nextId, slidesToShow, slidesToScroll}}>
+        document.addEventListener('DOMContentLoaded', function() {
+
+            new Glider(document.querySelector('#' + carouselId), {
+
+                // `auto` allows automatic responsive
+                // width calculations
+                slidesToShow: slidesToShow,
+                slidesToScroll: '1',
+
+                // should have been named `itemMinWidth`
+                // slides grow to fit the container viewport
+                // ignored unless `slidesToShow` is set to `auto`
+                itemWidth: undefined,
+
+                // if true, slides wont be resized to fit viewport
+                // requires `itemWidth` to be set
+                // * this may cause fractional slides
+                exactWidth: false,
+
+                // speed aggravator - higher is slower
+                duration: .5,
+
+                // dot container element or selector
+                dots: '#' + buttonsId,
+
+                // arrow container elements or selector
+                arrows: {
+                    prev: '#' + prevId,
+                    // may also pass element directly
+                    next: '#' + nextId
+                },
+
+                // allow mouse dragging
+                draggable: true,
+                // how much to scroll with each mouse delta
+                dragVelocity: 3.3,
+
+                // use any custom easing function
+                // compatible with most easing plugins
+                easing: function (x, t, b, c, d) {
+                    return c*(t/=d)*t + b;
+                },
+
+                // event control
+                scrollPropagate: false,
+                eventPropagate: true,
+
+                // Force centering slide after scroll event
+                scrollLock: false,
+                // how long to wait after scroll event before locking
+                // if too low, it might interrupt normal scrolling
+                scrollLockDelay: 150,
+
+                // Force centering slide after resize event
+                resizeLock: true,
+
+                // Glider.js breakpoints are mobile-first
+                responsive: [
+                    {
+                        breakpoint: 1400,
+                        settings: {
+                            slidesToShow: slidesToShow,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 1200,
+                        settings: {
+                            slidesToShow: (slidesToShow >= 5)? slidesToShow - 1 : slidesToShow,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 900,
+                        settings: {
+                            slidesToShow: 3,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 767,
+                        settings: {
+                            slidesToShow: 3,
+                            slidesToScroll: 3
+                        }
+                    },
+                    {
+                        breakpoint: 575,
+                        settings: {
+                            slidesToShow: 2,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 0,
+                        settings: {
+                            slidesToShow: 1,
+                            slidesToScroll: 1
+                        }
+                    }
+                ]
+            });
+
+        });
+    </script>
+    
+<Fragment set:html={structuredData} />
+