npm - @orangesk/orange-design-system - Versions diffs - 2.0.0-alpha.1 → 2.0.0-alpha.2 - Mend

@orangesk/orange-design-system 2.0.0-alpha.1 → 2.0.0-alpha.2

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 (1122) hide show

package/build/components/carousel-promotions.html ADDED Viewed

@@ -0,0 +1,20 @@
+<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/_next/static/media/phones.a832cbb3.png"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/e5e018b7f5cf6e41.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5b55b50737ef7662.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/75e15d3944ffd4f3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/carousel-promotions/page-a44240a70a405853.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><h1>Carousel for promotions</h1>
+<h2>Light background</h2>
+<div class="section"><div class="container"><div class="carousel-promotions" data-carousel-promotions="true" id="carousel-light"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><div class="carousel-promotions__slide carousel-promotions__slide--black" num="0"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="1"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="2"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="3"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div></div></div>
+<h2>Dark background</h2>
+<div class="section"><div class="container"><div class="carousel-promotions bg-black" data-carousel-promotions="true" id="carousel-dark"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><div class="carousel-promotions__slide carousel-promotions__slide--black"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div></div></div>
+<h2>With links</h2>
+<p>You can specify a hyperlink for each slide by using the anchor tag with the <code>carousel-promotions__slide</code> class.</p>
+<div class="section"><div class="container"><div class="carousel-promotions" data-carousel-promotions="true" id="carousel-href"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><a class="carousel-promotions__slide carousel-promotions__slide--black" num="0" href="#carousel-for-promotions"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></a><a class="carousel-promotions__slide" num="1" href="#carousel-for-promotions"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></a><a class="carousel-promotions__slide" num="2" href="#carousel-for-promotions"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></a><a class="carousel-promotions__slide" num="3" href="#carousel-for-promotions"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></a></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div></div></div>
+<h2>Autoplay</h2>
+<p>You can specify autoplay interval by setting the <code>data-interval</code> attribute to a value in milliseconds. The minimum value is 1000ms. If no value is provided, or the provided value is 0, null or undefined, the autoplay is disabled.</p>
+<p>Due to the nature of Glider.js and requirements for animations, each dot has an SVG automatically rendered in it&#x27;s innerHTML. This happens only if the autoplay is enabled.
+When window size changes, Glider.js re-renders the whole pagination and the SVGs are re-rendered as well. This causes the countdown timer to reset.</p>
+<div class="section"><div class="container"><div class="carousel-promotions" data-carousel-promotions="true" id="carousel-autoplay" data-interval="5000"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><div class="carousel-promotions__slide carousel-promotions__slide--black" num="0"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="1"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="2"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="3"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div><br/><br/><div class="carousel-promotions bg-black" data-carousel-promotions="true" id="carousel-autoplay" data-interval="5000"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><div class="carousel-promotions__slide carousel-promotions__slide--black" num="0"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="1"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="2"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="3"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div></div></div>
+<h2>With picture tag</h2>
+<p>The carousel accepts a picture tag as a source for the image. For more information please refer to <a href="/components/image#picture-element">Image component documentation</a>.</p>
+<div class="section"><div class="container"><div class="carousel-promotions" data-carousel-promotions="true" id="carousel-picture-tag"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><div class="carousel-promotions__slide carousel-promotions__slide--black"><div class="carousel-promotions__image"><picture class="img"><source srcSet="/_next/static/media/phones.a832cbb3.png" media="(min-width: 992px)"/><img src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></picture></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide"><div class="carousel-promotions__image"><picture class="img"><source srcSet="/_next/static/media/phones.a832cbb3.png" media="(min-width: 992px)"/><img src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></picture></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide"><div class="carousel-promotions__image"><picture class="img"><source srcSet="/_next/static/media/phones.a832cbb3.png" media="(min-width: 992px)"/><img src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></picture></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide"><div class="carousel-promotions__image"><picture class="img"><source srcSet="/_next/static/media/phones.a832cbb3.png" media="(min-width: 992px)"/><img src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></picture></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div></div></div>
+<h2>Custom options</h2>
+<p>Carousel <a href="#default-config">default configuration</a> can be overriden before initialization using <code>data-glider-options</code> attribute. The attribute accepts a JSON string representing a <a href="https://nickpiscitelli.github.io/Glider.js/#settings">Glider.js options object</a>,
+with an additional property <code>interval</code> which represents the scroll interval in milliseconds.</p>
+<div class="section"><div class="container"><div class="carousel-promotions" data-carousel-promotions="true" data-glider-options="{&quot;slidesToShow&quot;:1,&quot;responsive&quot;:[{&quot;breakpoint&quot;:null,&quot;settings&quot;:{&quot;slidesToShow&quot;:1.1,&quot;slidesToScroll&quot;:1}}]}" id="carousel-custom-options"><div class="carousel-promotions__viewport-wrapper"><div class="carousel-promotions__viewport"><div class="carousel-promotions__track"><div class="carousel-promotions__slide carousel-promotions__slide--black" num="0"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="1"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="2"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div><div class="carousel-promotions__slide" num="3"><div class="carousel-promotions__image"><img class="img" src="/_next/static/media/phones.a832cbb3.png" alt="Two phones"/></div><div class="carousel-promotions__content"><h3 class="carousel-promotions__title">Online ochrana pre váš digitálny svet</h3><p>Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.</p></div></div></div></div></div><div role="tablist" class="carousel-promotions__pagination"></div></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"8311\",\"static/chunks/app/components/carousel-promotions/page-a44240a70a405853.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[5715,[\"8311\",\"static/chunks/app/components/carousel-promotions/page-a44240a70a405853.js\"],\"CarouselPromotions\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/e5e018b7f5cf6e41.css\",\"style\"]\n:HL[\"/_next/static/css/5b55b50737ef7662.css\",\"style\"]\n:HL[\"/_next/static/css/75e15d3944ffd4f3.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"carousel-promotions\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"carousel-promotions\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"carousel-promotions\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"h1\",null,{\"children\":\"Carousel for promotions\"}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Light background\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-light\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"carousel-promotions__slide carousel-promotions__slide--black\",\"num\":0,\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"carousel-promotions__slide\",\"num\":1,\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"carousel-promotions__slide\",\"num\":2,\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"carousel-promotions__slide\",\"num\":3,\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Dark background\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"isInverse\":true,\"id\":\"carousel-dark\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"carousel-promotions__slide carousel-promotions__slide--black\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"carousel-promotions__slide\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"carousel-promotions__slide\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"carousel-promotions__slide\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"With links\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"You can specify a hyperlink for each slide by using the anchor tag with the \",[\"$\",\"code\",null,{\"children\":\"carousel-promotions__slide\"}],\" class.\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-href\",\"children\":[[\"$\",\"a\",\"0\",{\"className\":\"carousel-promotions__slide carousel-promotions__slide--black\",\"num\":0,\"href\":\"#carousel-for-promotions\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"a\",\"1\",{\"className\":\"carousel-promotions__slide\",\"num\":1,\"href\":\"#carousel-for-promotions\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"a\",\"2\",{\"className\":\"carousel-promotions__slide\",\"num\":2,\"href\":\"#carousel-for-promotions\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"a\",\"3\",{\"className\":\"carousel-promotions__slide\",\"num\":3,\"href\":\"#carousel-for-promotions\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"img\",null,{\"className\":\"img\",\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Autoplay\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"You can specify autoplay interval by setting the \",[\"$\",\"code\",null,{\"children\":\"data-interval\"}],\" attribute to a value in milliseconds. The minimum value is 1000ms. If no value is provided, or the provided value is 0, null or undefined, the autoplay is disabled.\"]}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Due to the nature of Glider.js and requirements for animations, each dot has an SVG automatically rendered in it's innerHTML. This happens only if the autoplay is enabled.\\nWhen window size changes, Glider.js re-renders the whole pagination and the SVGs are re-rendered as well. This causes the countdown timer to reset.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"id\":\"carousel-autoplay\",\"data-interval\":5000,\"children\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:children\"}],[\"$\",\"br\",null,{}],[\"$\",\"br\",null,{}],[\"$\",\"$L6\",null,{\"isInverse\":true,\"id\":\"carousel-autoplay\",\"data-interval\":5000,\"children\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:children\"}]]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"With picture tag\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"The carousel accepts a picture tag as a source for the image. For more information please refer to \",[\"$\",\"a\",null,{\"href\":\"/components/image#picture-element\",\"children\":\"Image component documentation\"}],\".\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-picture-tag\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"carousel-promotions__slide carousel-promotions__slide--black\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"picture\",null,{\"className\":\"img\",\"children\":[[false,[\"$\",\"source\",\"lg\",{\"srcSet\":\"/_next/static/media/phones.a832cbb3.png\",\"media\":\"(min-width: 992px)\"}]],[\"$\",\"img\",null,{\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"carousel-promotions__slide\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"picture\",null,{\"className\":\"img\",\"children\":[[false,[\"$\",\"source\",\"lg\",{\"srcSet\":\"/_next/static/media/phones.a832cbb3.png\",\"media\":\"(min-width: 992px)\"}]],[\"$\",\"img\",null,{\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"carousel-promotions__slide\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"picture\",null,{\"className\":\"img\",\"children\":[[false,[\"$\",\"source\",\"lg\",{\"srcSet\":\"/_next/static/media/phones.a832cbb3.png\",\"media\":\"(min-width: 992px)\"}]],[\"$\",\"img\",null,{\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"carousel-promotions__slide\",\"href\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"carousel-promotions__image\",\"children\":[\"$\",\"picture\",null,{\"className\":\"img\",\"children\":[[false,[\"$\",\"source\",\"lg\",{\"srcSet\":\"/_next/static/media/phones.a832cbb3.png\",\"media\":\"(min-width: 992px)\"}]],[\"$\",\"img\",null,{\"src\":\"/_next/static/media/phones.a832cbb3.png\",\"alt\":\"Two phones\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"carousel-promotions__content\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"carousel-promotions__title\",\"children\":\"Online ochrana pre váš digitálny svet\"}],[\"$\",\"p\",null,{\"children\":\"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv.\"}]]}]]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Custom options\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"Carousel \",[\"$\",\"a\",null,{\"href\":\"#default-config\",\"children\":\"default configuration\"}],\" can be overriden before initialization using \",[\"$\",\"code\",null,{\"children\":\"data-glider-options\"}],\" attribute. The attribute accepts a JSON string representing a \",[\"$\",\"a\",null,{\"href\":\"https://nickpiscitelli.github.io/Glider.js/#settings\",\"children\":\"Glider.js options object\"}],\",\\nwith an additional property \",[\"$\",\"code\",null,{\"children\":\"interval\"}],\" which represents the scroll interval in milliseconds.\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-custom-options\",\"gliderOptions\":{\"slidesToShow\":1,\"responsive\":[{\"breakpoint\":\"$NaN\",\"settings\":{\"slidesToShow\":1.1,\"slidesToScroll\":1}}]},\"children\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:children\"}]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e5e018b7f5cf6e41.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5b55b50737ef7662.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/75e15d3944ffd4f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"DBe604ZwURmXgcbSeBcgHv\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/carousel-promotions.txt ADDED Viewed

@@ -0,0 +1,31 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["8311","static/chunks/app/components/carousel-promotions/page-a44240a70a405853.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[5715,["8311","static/chunks/app/components/carousel-promotions/page-a44240a70a405853.js"],"CarouselPromotions"]
+7:I[9665,[],"OutletBoundary"]
+a:I[4911,[],"AsyncMetadataOutlet"]
+c:I[9665,[],"ViewportBoundary"]
+e:I[9665,[],"MetadataBoundary"]
+10:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/e5e018b7f5cf6e41.css","style"]
+:HL["/_next/static/css/5b55b50737ef7662.css","style"]
+:HL["/_next/static/css/75e15d3944ffd4f3.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","carousel-promotions"],"i":false,"f":[[["",{"children":["components",{"children":["carousel-promotions",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["carousel-promotions",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","h1",null,{"children":"Carousel for promotions"}],"\n",["$","h2",null,{"children":"Light background"}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-light","children":[["$","div","0",{"className":"carousel-promotions__slide carousel-promotions__slide--black","num":0,"href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","1",{"className":"carousel-promotions__slide","num":1,"href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","2",{"className":"carousel-promotions__slide","num":2,"href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","3",{"className":"carousel-promotions__slide","num":3,"href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}]]}]}]}],"\n",["$","h2",null,{"children":"Dark background"}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"isInverse":true,"id":"carousel-dark","children":[["$","div","0",{"className":"carousel-promotions__slide carousel-promotions__slide--black","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","1",{"className":"carousel-promotions__slide","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","2",{"className":"carousel-promotions__slide","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","3",{"className":"carousel-promotions__slide","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}]]}]}]}],"\n",["$","h2",null,{"children":"With links"}],"\n",["$","p",null,{"children":["You can specify a hyperlink for each slide by using the anchor tag with the ",["$","code",null,{"children":"carousel-promotions__slide"}]," class."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-href","children":[["$","a","0",{"className":"carousel-promotions__slide carousel-promotions__slide--black","num":0,"href":"#carousel-for-promotions","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","a","1",{"className":"carousel-promotions__slide","num":1,"href":"#carousel-for-promotions","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","a","2",{"className":"carousel-promotions__slide","num":2,"href":"#carousel-for-promotions","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","a","3",{"className":"carousel-promotions__slide","num":3,"href":"#carousel-for-promotions","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","img",null,{"className":"img","src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}]]}]}]}],"\n",["$","h2",null,{"children":"Autoplay"}],"\n",["$","p",null,{"children":["You can specify autoplay interval by setting the ",["$","code",null,{"children":"data-interval"}]," attribute to a value in milliseconds. The minimum value is 1000ms. If no value is provided, or the provided value is 0, null or undefined, the autoplay is disabled."]}],"\n",["$","p",null,{"children":"Due to the nature of Glider.js and requirements for animations, each dot has an SVG automatically rendered in it's innerHTML. This happens only if the autoplay is enabled.\nWhen window size changes, Glider.js re-renders the whole pagination and the SVGs are re-rendered as well. This causes the countdown timer to reset."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"id":"carousel-autoplay","data-interval":5000,"children":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:children"}],["$","br",null,{}],["$","br",null,{}],["$","$L6",null,{"isInverse":true,"id":"carousel-autoplay","data-interval":5000,"children":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:children"}]]}]}],"\n",["$","h2",null,{"children":"With picture tag"}],"\n",["$","p",null,{"children":["The carousel accepts a picture tag as a source for the image. For more information please refer to ",["$","a",null,{"href":"/components/image#picture-element","children":"Image component documentation"}],"."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-picture-tag","children":[["$","div","0",{"className":"carousel-promotions__slide carousel-promotions__slide--black","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","picture",null,{"className":"img","children":[[false,["$","source","lg",{"srcSet":"/_next/static/media/phones.a832cbb3.png","media":"(min-width: 992px)"}]],["$","img",null,{"src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]]}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","1",{"className":"carousel-promotions__slide","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","picture",null,{"className":"img","children":[[false,["$","source","lg",{"srcSet":"/_next/static/media/phones.a832cbb3.png","media":"(min-width: 992px)"}]],["$","img",null,{"src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]]}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","2",{"className":"carousel-promotions__slide","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","picture",null,{"className":"img","children":[[false,["$","source","lg",{"srcSet":"/_next/static/media/phones.a832cbb3.png","media":"(min-width: 992px)"}]],["$","img",null,{"src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]]}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}],["$","div","3",{"className":"carousel-promotions__slide","href":"$undefined","children":[["$","div",null,{"className":"carousel-promotions__image","children":["$","picture",null,{"className":"img","children":[[false,["$","source","lg",{"srcSet":"/_next/static/media/phones.a832cbb3.png","media":"(min-width: 992px)"}]],["$","img",null,{"src":"/_next/static/media/phones.a832cbb3.png","alt":"Two phones"}]]}]}],["$","div",null,{"className":"carousel-promotions__content","children":[["$","h3",null,{"className":"carousel-promotions__title","children":"Online ochrana pre váš digitálny svet"}],["$","p",null,{"children":"Orange je tu, aby ste mohli používať internet bezpečne a bez obáv."}]]}]]}]]}]}]}],"\n",["$","h2",null,{"children":"Custom options"}],"\n",["$","p",null,{"children":["Carousel ",["$","a",null,{"href":"#default-config","children":"default configuration"}]," can be overriden before initialization using ",["$","code",null,{"children":"data-glider-options"}]," attribute. The attribute accepts a JSON string representing a ",["$","a",null,{"href":"https://nickpiscitelli.github.io/Glider.js/#settings","children":"Glider.js options object"}],",\nwith an additional property ",["$","code",null,{"children":"interval"}]," which represents the scroll interval in milliseconds."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-custom-options","gliderOptions":{"slidesToShow":1,"responsive":[{"breakpoint":"$NaN","settings":{"slidesToShow":1.1,"slidesToScroll":1}}]},"children":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:children"}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/e5e018b7f5cf6e41.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/5b55b50737ef7662.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","DBe604ZwURmXgcbSeBcgHv",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
+11:"$Sreact.suspense"
+12:I[4911,[],"AsyncMetadata"]
+f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
+9:null
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+8:null
+b:{"metadata":[],"error":null,"digest":"$undefined"}
+13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/carousel.html ADDED Viewed

@@ -0,0 +1,5 @@
+<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=Placeholder"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ef46db3751d8e999.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5b55b50737ef7662.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/75e15d3944ffd4f3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/dbfffa33262d63c5.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/9186-7ca86a881bc0fae7.js" async=""></script><script src="/_next/static/chunks/6729-c9c23d280815e7ae.js" async=""></script><script src="/_next/static/chunks/app/components/carousel/page-b365266404937787.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section bg-black"><div class="container"><div class="carousel" data-carousel="true" id="carousel-default-2"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->1</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->2</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->3</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->4</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->5</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->6</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->7</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->8</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->9</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->10</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->11</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->12</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->13</h3><p>lorem ipsum dolor</p></div></div></div><div class="carousel__blinds"></div><button type="button" aria-label="Naspäť" class="carousel__prev"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" aria-label="Ďalej" class="carousel__next"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div role="tablist" class="carousel__pagination show-md"></div></div></div></div>
+<div class="section"><div class="container"><div class="container"><p>Example container content</p><div class="carousel" data-carousel="true" id="carousel-default"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->1</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->2</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->3</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->4</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->5</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->6</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->7</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->8</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->9</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->10</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->11</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->12</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->13</h3><p>lorem ipsum dolor</p></div></div></div><div class="carousel__blinds"></div><button type="button" aria-label="Naspäť" class="carousel__prev"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" aria-label="Ďalej" class="carousel__next"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div role="tablist" class="carousel__pagination show-md"></div></div><p>Example container content</p></div></div></div>
+<div class="section bg-black"><div class="container"><div class="container"><p>Example container content</p><div class="carousel" data-carousel="true" id="carousel-default-3"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->1</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->2</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->3</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->4</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->5</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->6</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->7</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->8</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->9</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->10</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->11</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->12</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->13</h3><p>lorem ipsum dolor</p></div></div></div><div class="carousel__blinds"></div><button type="button" aria-label="Naspäť" class="carousel__prev"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" aria-label="Ďalej" class="carousel__next"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div role="tablist" class="carousel__pagination show-md"></div></div><p>Example container content</p></div></div></div>
+<div class="section"><div class="container"><div class="carousel" data-carousel="true" data-glider-options="{&quot;slidesToShow&quot;:2.2,&quot;responsive&quot;:[{&quot;breakpoint&quot;:null,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesToScroll&quot;:3}}]}" id="carousel-custom-options"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->1</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->2</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->3</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->4</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->5</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->6</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->7</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->8</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->9</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->10</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->11</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->12</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->13</h3><p>lorem ipsum dolor</p></div></div></div><div class="carousel__blinds"></div><button type="button" aria-label="Naspäť" class="carousel__prev"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" aria-label="Ďalej" class="carousel__next"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div role="tablist" class="carousel__pagination show-md"></div></div></div></div>
+<div class="section bg-black"><div class="container"><div class="carousel" data-carousel="true" data-glider-options="{&quot;slidesToShow&quot;:2.2,&quot;responsive&quot;:[{&quot;breakpoint&quot;:null,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesToScroll&quot;:3}}]}" id="carousel-custom-options-5"><div class="carousel__viewport-wrapper"><div class="carousel__viewport"><div class="carousel__track"><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->1</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->2</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->3</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->4</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->5</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->6</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->7</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->8</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->9</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->10</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->11</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->12</h3><p>lorem ipsum dolor</p></div><div class="carousel__slide"><img class="img mb-small" src="https://placehold.co/800x300?text=Placeholder" alt="image with desc example"/><h3 class="mb-none">Slide <!-- -->13</h3><p>lorem ipsum dolor</p></div></div></div><div class="carousel__blinds"></div><button type="button" aria-label="Naspäť" class="carousel__prev"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-left"></use></svg></button><button type="button" aria-label="Ďalej" class="carousel__next"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg></button></div><div role="tablist" class="carousel__pagination show-md"></div></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[8418,[\"9186\",\"static/chunks/9186-7ca86a881bc0fae7.js\",\"6729\",\"static/chunks/6729-c9c23d280815e7ae.js\",\"810\",\"static/chunks/app/components/carousel/page-b365266404937787.js\"],\"Carousel\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/ef46db3751d8e999.css\",\"style\"]\n:HL[\"/_next/static/css/5b55b50737ef7662.css\",\"style\"]\n:HL[\"/_next/static/css/75e15d3944ffd4f3.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/dbfffa33262d63c5.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"carousel\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"carousel\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"carousel\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-default-2\",\"items\":[[\"$\",\"$1\",\"0\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",1]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"1\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",2]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"2\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",3]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"3\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",4]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"4\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",5]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"5\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",6]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"6\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",7]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"7\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",8]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"8\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",9]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"9\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",10]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"10\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",11]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"11\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",12]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}],[\"$\",\"$1\",\"12\",{\"children\":[[\"$\",\"img\",null,{\"className\":\"img mb-small\",\"src\":\"https://placehold.co/800x300?text=Placeholder\",\"alt\":\"image with desc example\"}],[\"$\",\"h3\",null,{\"className\":\"mb-none\",\"children\":[\"Slide \",13]}],[\"$\",\"p\",null,{\"children\":\"lorem ipsum dolor\"}]]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Example container content\"}],[\"$\",\"$L6\",null,{\"id\":\"carousel-default\",\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items\"}],[\"$\",\"p\",null,{\"children\":\"Example container content\"}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Example container content\"}],[\"$\",\"$L6\",null,{\"id\":\"carousel-default-3\",\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items\"}],[\"$\",\"p\",null,{\"children\":\"Example container content\"}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-custom-options\",\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items\",\"gliderOptions\":{\"slidesToShow\":2.2,\"responsive\":[{\"breakpoint\":\"$NaN\",\"settings\":{\"slidesToShow\":3,\"slidesToScroll\":3}}]}}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"id\":\"carousel-custom-options-5\",\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items\",\"gliderOptions\":{\"slidesToShow\":2.2,\"responsive\":[{\"breakpoint\":\"$NaN\",\"settings\":{\"slidesToShow\":3,\"slidesToScroll\":3}}]}}]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ef46db3751d8e999.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5b55b50737ef7662.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/75e15d3944ffd4f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/dbfffa33262d63c5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"jKXDJFJwBYNVqT-vQDSiDv\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/carousel.txt ADDED Viewed

@@ -0,0 +1,32 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[8418,["9186","static/chunks/9186-7ca86a881bc0fae7.js","6729","static/chunks/6729-c9c23d280815e7ae.js","810","static/chunks/app/components/carousel/page-b365266404937787.js"],"Carousel"]
+7:I[9665,[],"OutletBoundary"]
+a:I[4911,[],"AsyncMetadataOutlet"]
+c:I[9665,[],"ViewportBoundary"]
+e:I[9665,[],"MetadataBoundary"]
+10:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/ef46db3751d8e999.css","style"]
+:HL["/_next/static/css/5b55b50737ef7662.css","style"]
+:HL["/_next/static/css/75e15d3944ffd4f3.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/dbfffa33262d63c5.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","carousel"],"i":false,"f":[[["",{"children":["components",{"children":["carousel",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["carousel",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-default-2","items":[["$","$1","0",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",1]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","1",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",2]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","2",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",3]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","3",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",4]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","4",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",5]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","5",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",6]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","6",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",7]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","7",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",8]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","8",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",9]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","9",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",10]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","10",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",11]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","11",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",12]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","12",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",13]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}]]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","p",null,{"children":"Example container content"}],["$","$L6",null,{"id":"carousel-default","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items"}],["$","p",null,{"children":"Example container content"}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","p",null,{"children":"Example container content"}],["$","$L6",null,{"id":"carousel-default-3","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items"}],["$","p",null,{"children":"Example container content"}]]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-custom-options","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items","gliderOptions":{"slidesToShow":2.2,"responsive":[{"breakpoint":"$NaN","settings":{"slidesToShow":3,"slidesToScroll":3}}]}}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-custom-options-5","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items","gliderOptions":{"slidesToShow":2.2,"responsive":[{"breakpoint":"$NaN","settings":{"slidesToShow":3,"slidesToScroll":3}}]}}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/5b55b50737ef7662.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","6",{"rel":"stylesheet","href":"/_next/static/css/dbfffa33262d63c5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","jKXDJFJwBYNVqT-vQDSiDv",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
+11:"$Sreact.suspense"
+12:I[4911,[],"AsyncMetadata"]
+f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
+9:null
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+8:null
+b:{"metadata":[],"error":null,"digest":"$undefined"}
+13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}