Carousel 01 – Scroll on Mobile

{"content":[{"id":"qhdvnn","name":"block","parent":"ikcqza","children":["gzhamm"],"settings":{"_display:mobile_landscape":"flex","_flexWrap:mobile_landscape":"nowrap","_direction:mobile_landscape":"row","_cssCustom:mobile_landscape":"#brxe-qhdvnn > * {width:85%; flex-shrink:0}","_overflow:mobile_landscape":"auto","_direction":"row","_alignItems":"stretch","_height":"460px","tag":"ul","_padding":{"left":"0"}},"label":"Carousel 1"},{"id":"gzhamm","name":"div","parent":"qhdvnn","children":[],"settings":{"_cssGlobalClasses":["haniay"],"query":{"posts_per_page":"6"},"hasLoop":true,"tag":"li"},"label":"item"}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1}],"globalElements":[]}
I am a button

Carousel 02

{"content":[{"id":"jglfqw","name":"section","parent":0,"children":["ryrekn","zhlonp","dgfxqm"],"settings":{"_background":{"color":{"raw":"var(--gl-bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden"},"label":"carousel 02"},{"id":"ryrekn","name":"container","parent":"jglfqw","children":["pinizh","xgtkti"],"settings":{"_cssGlobalClasses":[],"_direction":"row","_columnGap":"var(--gl-content-gap-l)","_rowGap":"var(--gl-content-gap-l)","_alignItems":"center","_justifyContent":"flex-start"}},{"id":"pinizh","name":"block","parent":"ryrekn","children":["vezmay","heikhm","zirgyn"],"settings":{"_flexShrink":"0","_width":"30%","_width:mobile_landscape":"100%","_rowGap":"var(--gl-content-gap)"},"label":"content wrapper"},{"id":"vezmay","name":"block","parent":"pinizh","children":["qifakq","viflep"],"settings":[],"label":"heading wrapper"},{"id":"qifakq","name":"heading","parent":"vezmay","children":[],"settings":{"text":"Missione del cuore","_cssGlobalClasses":["fnejlf"],"tag":"h2"}},{"id":"viflep","name":"text-basic","parent":"vezmay","children":[],"settings":{"text":"Elevante","_cssGlobalClasses":["ihfqti"],"_order":"-1"},"label":"subheading"},{"id":"heikhm","name":"text-basic","parent":"pinizh","children":[],"settings":{"text":"Le difficoltà sono solo opportunità per diventare più forti e raggiungere nuove vette."}},{"id":"zirgyn","name":"div","parent":"pinizh","children":["xkxloy","jsctgx"],"settings":{"_display":"flex","_columnGap":"var(--gl-space-s)","_margin":{"top":"var(--gl-space-m)"}},"label":"arrows"},{"id":"xkxloy","name":"button","parent":"zirgyn","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev","_attributes":[{"id":"zfbpuh","value":"Scroll carousel left","name":"aria-label"}]},"label":"arrow prev"},{"id":"jsctgx","name":"button","parent":"zirgyn","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next","_attributes":[{"id":"adphhb","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"xgtkti","name":"block","parent":"ryrekn","children":["fflbwz","oafcwe"],"settings":{"_flexShrink":"0","_width":"69vw","_width:mobile_landscape":"100%","_direction":"column","_alignItems":"flex-start","_justifyContent":"center","_overflow":"hidden","_rowGap":"var(--gl-content-gap)"},"label":"media wrapper"},{"id":"fflbwz","name":"slider-nested","parent":"xgtkti","children":["rmhzpd"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"loop\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"\",\n  \"gap\": \"var(--gl-grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"start\",\n  \"direction\": \"ltr\",\n  \"keyboard\": \"focused\",\n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": true,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": true,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"accessibility\": false,\n  \"slideFocus\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"loop\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"loop\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"loop\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_overflow":"visible","_cssCustom":"#brxe-fflbwz .splide__track {\noverflow: visible\n}","_height":"480px"},"themeStyles":[]},{"id":"rmhzpd","name":"block","parent":"fflbwz","children":["gieykj"],"settings":{"hasLoop":true,"query":{"posts_per_page":"7"}},"label":"Slide 1"},{"id":"gieykj","name":"div","parent":"rmhzpd","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"oafcwe","name":"block","parent":"xgtkti","children":["erriik"],"settings":{"_height":"8px","_widthMax":"772px","_border":{"radius":{"top":"var(--gl-radius-s)","right":"var(--gl-radius-s)","bottom":"var(--gl-radius-s)","left":"var(--gl-radius-s)"}},"_cssClasses":"progress-bar-container","_overflow":"hidden"},"label":"progress bar wrapper"},{"id":"erriik","name":"div","parent":"oafcwe","children":[],"settings":{"_height":"100%","_background":{"color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},"_cssClasses":"progress-bar","_cssTransition":"all ease 0.5s"},"label":"progress bar"},{"id":"zhlonp","name":"code","parent":"jglfqw","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe-section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]},{"id":"dgfxqm","name":"code","parent":"jglfqw","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"fnejlf","name":"gl-special-heading","settings":{"_gradient":{"gradientType":"linear","colors":[{"id":"pbbqiz","color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},{"id":"sgwequ","color":{"raw":"var(--gl-secondary-light)","id":"icbaal","name":"secondary light"}}],"angle":"45","applyTo":"text","cssSelector":"span"}}},{"id":"ihfqti","name":"gl-subheading","settings":{"_typography":{"color":{"raw":"var(--gl-subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--gl-heading-s)","text-transform":"uppercase","line-height":"var(--gl-line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"kpkevz","name":"gl-slider-arrow","settings":{"iconSize":"var(--gl-icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--gl-radius-xs)","right":"var(--gl-radius-xs)","bottom":"var(--gl-radius-xs)","left":"var(--gl-radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--gl-bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--gl-base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--gl-icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--gl-transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.gl-slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.gl-slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .gl-slider-arrow[class*=\"next\"], .brxe-section:has(.gl-slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .gl-slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.gl-slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .gl-slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--gl-strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--gl-transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--gl-black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--gl-bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1}],"globalElements":[]}
I am a button

Carousel 03

{"content":[{"id":"elddup","name":"section","parent":0,"children":["clfkbb","zxwwrt","toizbh"],"settings":{"_overflow":"hidden"},"label":"carousel 03"},{"id":"clfkbb","name":"container","parent":"elddup","children":["pzmgfq","yvnuyw"],"settings":{"_cssGlobalClasses":[],"_direction":"row","_columnGap":"var(--gl-content-gap-l)","_rowGap":"var(--gl-content-gap-l)","_alignItems":"center","_justifyContent":"flex-start"}},{"id":"pzmgfq","name":"block","parent":"clfkbb","children":["lqvlct","dwsgew","vnlmbb"],"settings":{"_width":"30%","_width:mobile_landscape":"100%","_rowGap":"var(--gl-content-gap)"},"label":"content wrapper"},{"id":"lqvlct","name":"block","parent":"pzmgfq","children":["ocbuhx","hphwaz"],"settings":[],"label":"heading wrapper"},{"id":"ocbuhx","name":"heading","parent":"lqvlct","children":[],"settings":{"text":"Missione del cuore","_cssGlobalClasses":["fnejlf"],"tag":"h2"}},{"id":"hphwaz","name":"text-basic","parent":"lqvlct","children":[],"settings":{"text":"Elevante","_cssGlobalClasses":["ihfqti"],"_order":"-1"},"label":"subheading"},{"id":"dwsgew","name":"text-basic","parent":"pzmgfq","children":[],"settings":{"text":"Le difficoltà sono solo opportunità per diventare più forti e raggiungere nuove vette."}},{"id":"vnlmbb","name":"div","parent":"pzmgfq","children":["phhihg","xtoyth"],"settings":{"_display":"flex","_columnGap":"var(--gl-space-s)","_margin":{"top":"var(--gl-space-m)"}},"label":"arrows"},{"id":"phhihg","name":"button","parent":"vnlmbb","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev","_attributes":[{"id":"epdiyc","value":"Scroll carousel left","name":"aria-label"}]},"label":"arrow prev"},{"id":"xtoyth","name":"button","parent":"vnlmbb","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next","_attributes":[{"id":"xnucid","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"yvnuyw","name":"block","parent":"clfkbb","children":["gsgemp","brkzcf"],"settings":{"_width:mobile_landscape":"100%","_direction":"column","_justifyContent":"center","_overflow":"hidden","_width":"70%","_rowGap":"var(--gl-content-gap)"},"label":"media wrapper"},{"id":"gsgemp","name":"slider-nested","parent":"yvnuyw","children":["nwyujy"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"slide\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"\",\n  \"gap\": \"var(--gl-grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"start\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_overflow":"visible","_cssCustom":"#brxe-gsgemp .splide__track {\noverflow-y: visible;\n}","_height":"320px"},"themeStyles":[]},{"id":"nwyujy","name":"block","parent":"gsgemp","children":["zkeifb"],"settings":{"hasLoop":true,"query":{"posts_per_page":"8"}},"label":"Slide 1"},{"id":"zkeifb","name":"block","parent":"nwyujy","children":["tmtrpa"],"settings":{"tag":"article","_height":"100%"}},{"id":"tmtrpa","name":"div","parent":"zkeifb","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#","ariaLabel":"Go to Carousel 03"},"_background":{"image":{"useDynamicData":"","size":"large"}},"_cssCustom":"#brxe-tmtrpa:focus {\n  outline: 4px auto black;\n}"}},{"id":"brkzcf","name":"block","parent":"yvnuyw","children":["tdpgkp"],"settings":{"_height":"8px","_border":{"radius":{"top":"var(--gl-radius-s)","right":"var(--gl-radius-s)","bottom":"var(--gl-radius-s)","left":"var(--gl-radius-s)"}},"_cssClasses":"progress-bar-container","_overflow":"hidden"},"label":"progress bar wrapper"},{"id":"tdpgkp","name":"div","parent":"brkzcf","children":[],"settings":{"_height":"100%","_background":{"color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},"_cssClasses":"progress-bar","_cssTransition":"all ease 0.5s"},"label":"progress bar"},{"id":"zxwwrt","name":"code","parent":"elddup","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]},{"id":"toizbh","name":"code","parent":"elddup","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"fnejlf","name":"gl-special-heading","settings":{"_gradient":{"gradientType":"linear","colors":[{"id":"pbbqiz","color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},{"id":"sgwequ","color":{"raw":"var(--gl-secondary-light)","id":"icbaal","name":"secondary light"}}],"angle":"45","applyTo":"text","cssSelector":"span"}}},{"id":"ihfqti","name":"gl-subheading","settings":{"_typography":{"color":{"raw":"var(--gl-subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--gl-heading-s)","text-transform":"uppercase","line-height":"var(--gl-line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"kpkevz","name":"gl-slider-arrow","settings":{"iconSize":"var(--gl-icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--gl-radius-xs)","right":"var(--gl-radius-xs)","bottom":"var(--gl-radius-xs)","left":"var(--gl-radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--gl-bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--gl-base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--gl-icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--gl-transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.gl-slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.gl-slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .gl-slider-arrow[class*=\"next\"], .brxe-section:has(.gl-slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .gl-slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.gl-slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .gl-slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--gl-strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--gl-transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--gl-black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--gl-bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1}],"globalElements":[]}
I am a button

Carousel 04

{"content":[{"id":"uyyvms","name":"section","parent":0,"children":["kmgdal","zwhkip","dqmxwt"],"settings":{"_overflow":"hidden"},"label":"carousel 04"},{"id":"kmgdal","name":"container","parent":"uyyvms","children":["gcgqqr","hwqcxn"],"settings":{"_cssGlobalClasses":[],"_direction":"row","_rowGap":"var(--gl-content-gap-l)","_alignItems":"center","_justifyContent":"flex-start","_columnGap":"var(--gl-content-gap-l)"}},{"id":"gcgqqr","name":"block","parent":"kmgdal","children":["jmdiod","clbhgi"],"settings":{"_width":"30%","_width:mobile_landscape":"100%","_rowGap":"var(--gl-content-gap)"},"label":"content wrapper"},{"id":"jmdiod","name":"block","parent":"gcgqqr","children":["bxnayn","auwaas"],"settings":[],"label":"heading wrapper"},{"id":"bxnayn","name":"heading","parent":"jmdiod","children":[],"settings":{"text":"Missione del cuore","_cssGlobalClasses":["fnejlf"],"tag":"h2"}},{"id":"auwaas","name":"text-basic","parent":"jmdiod","children":[],"settings":{"text":"Elevante","_cssGlobalClasses":["ihfqti"],"_order":"-1"},"label":"subheading"},{"id":"clbhgi","name":"text-basic","parent":"gcgqqr","children":[],"settings":{"text":"Le difficoltà sono solo opportunità per diventare più forti e raggiungere nuove vette."}},{"id":"hwqcxn","name":"block","parent":"kmgdal","children":["itphri","ogeozo"],"settings":{"_width:mobile_landscape":"100%","_direction":"column","_justifyContent":"center","_overflow":"hidden","_width":"70%","_rowGap":"var(--gl-content-gap)"},"label":"media wrapper"},{"id":"itphri","name":"slider-nested","parent":"hwqcxn","children":["ilfvpk"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"slide\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"\",\n  \"gap\": \"var(--gl-grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"start\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_overflow":"visible","_cssCustom":"#brxe-itphri .splide__track {\noverflow: visible\n}","_height":"320px"},"themeStyles":[]},{"id":"ilfvpk","name":"block","parent":"itphri","children":["gygmve"],"settings":{"hasLoop":true,"query":{"objectType":"post","post_type":["post"],"posts_per_page":"7"}},"label":"Slide 1"},{"id":"gygmve","name":"div","parent":"ilfvpk","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"ogeozo","name":"block","parent":"hwqcxn","children":["qkznwf","gjxfge"],"settings":{"_direction":"row","_justifyContent":"space-between","_alignItems":"center","_columnGap":"var(--gl-content-gap)","_rowGap":"var(--gl-content-gap)"}},{"id":"qkznwf","name":"block","parent":"ogeozo","children":["useqrj"],"settings":{"_height":"8px","_border":{"radius":{"top":"var(--gl-radius-s)","right":"var(--gl-radius-s)","bottom":"var(--gl-radius-s)","left":"var(--gl-radius-s)"}},"_cssClasses":"progress-bar-container","_overflow":"hidden"},"label":"progress bar wrapper"},{"id":"useqrj","name":"div","parent":"qkznwf","children":[],"settings":{"_height":"100%","_background":{"color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},"_cssClasses":"progress-bar","_cssTransition":"all ease 0.5s"},"label":"progress bar"},{"id":"gjxfge","name":"div","parent":"ogeozo","children":["yesqas","zzoqrs"],"settings":{"_display":"flex","_columnGap":"var(--gl-space-s)"},"label":"arrows"},{"id":"yesqas","name":"button","parent":"gjxfge","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev"},"label":"arrow prev"},{"id":"zzoqrs","name":"button","parent":"gjxfge","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next","_attributes":[{"id":"qxtiwi","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"zwhkip","name":"code","parent":"uyyvms","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]},{"id":"dqmxwt","name":"code","parent":"uyyvms","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"fnejlf","name":"gl-special-heading","settings":{"_gradient":{"gradientType":"linear","colors":[{"id":"pbbqiz","color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},{"id":"sgwequ","color":{"raw":"var(--gl-secondary-light)","id":"icbaal","name":"secondary light"}}],"angle":"45","applyTo":"text","cssSelector":"span"}}},{"id":"ihfqti","name":"gl-subheading","settings":{"_typography":{"color":{"raw":"var(--gl-subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--gl-heading-s)","text-transform":"uppercase","line-height":"var(--gl-line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--gl-transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--gl-black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--gl-bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1},{"id":"kpkevz","name":"gl-slider-arrow","settings":{"iconSize":"var(--gl-icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--gl-radius-xs)","right":"var(--gl-radius-xs)","bottom":"var(--gl-radius-xs)","left":"var(--gl-radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--gl-bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--gl-base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--gl-icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--gl-transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.gl-slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.gl-slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .gl-slider-arrow[class*=\"next\"], .brxe-section:has(.gl-slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .gl-slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.gl-slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .gl-slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--gl-primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--gl-strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1}],"globalElements":[]}
I am a button

Carousel 05

{"content":[{"id":"hnscoc","name":"section","parent":0,"children":["lhbhwa","finzgc","inumaq"],"settings":{"_background":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden"},"label":"carousel 05"},{"id":"lhbhwa","name":"container","parent":"hnscoc","children":["pguode","dchqyp"],"settings":{"_rowGap":"var(--content-gap-l)","_cssGlobalClasses":[],"_columnGap":"var(--content-gap-l)"}},{"id":"pguode","name":"block","parent":"lhbhwa","children":["vqiwkg","ocmjjx"],"settings":{"_direction":"row","_justifyContent":"space-between","_columnGap":"var(--content-gap-l)","_rowGap":"var(--content-gap)","_alignItems":"flex-end"},"label":"content wrapper"},{"id":"vqiwkg","name":"block","parent":"pguode","children":["rgxrpm","herozl"],"settings":{"_widthMax":"475px","_rowGap":"var(--content-gap)"},"label":"main content"},{"id":"rgxrpm","name":"block","parent":"vqiwkg","children":["rqnfft","xwgfmf"],"settings":[],"label":"heading wrapper"},{"id":"rqnfft","name":"heading","parent":"rgxrpm","children":[],"settings":{"text":"Élevez votre message dès maintenant","tag":"h2"}},{"id":"xwgfmf","name":"text-basic","parent":"rgxrpm","children":[],"settings":{"_cssGlobalClasses":["ihfqti"],"text":"Titre Brillant Inspirant","_order":"-1"},"label":"subheading"},{"id":"herozl","name":"text-basic","parent":"vqiwkg","children":[],"settings":{"text":"C'est ici que votre message se déploiera magnifiquement, capturant l'attention et inspirant vos précieux clients à s'engager.","tag":"p"}},{"id":"ocmjjx","name":"div","parent":"pguode","children":["xohvqr","dcvpyo"],"settings":{"_display":"flex","_columnGap":"var(--space-s)"},"label":"arrows"},{"id":"xohvqr","name":"button","parent":"ocmjjx","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev","_attributes":[{"id":"ddptnf","value":"Scroll carousel left","name":"aria-label"}]},"label":"arrow prev"},{"id":"dcvpyo","name":"button","parent":"ocmjjx","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next","_attributes":[{"id":"rufnpl","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"dchqyp","name":"block","parent":"lhbhwa","children":["ngrfap","rdofps"],"settings":{"_position":"relative","_overflow":"hidden","_rowGap":"var(--content-gap)"},"label":"media wrapper"},{"id":"ngrfap","name":"slider-nested","parent":"dchqyp","children":["jbvoga"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"slide\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"\",\n  \"gap\": \"var(--grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"start\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_overflow":"visible","_cssCustom":"#brxe-ngrfap .splide__track {\noverflow: visible\n}"},"themeStyles":[]},{"id":"jbvoga","name":"block","parent":"ngrfap","children":["slwtyo"],"settings":{"hasLoop":true,"query":{"posts_per_page":"7"}},"label":"Slide 1"},{"id":"slwtyo","name":"div","parent":"jbvoga","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"rdofps","name":"block","parent":"dchqyp","children":["loarqu"],"settings":{"_height":"8px","_border":{"radius":{"top":"var(--radius-s)","right":"var(--radius-s)","bottom":"var(--radius-s)","left":"var(--radius-s)"}},"_cssClasses":"progress-bar-container","_overflow":"hidden"},"label":"progress bar wrapper"},{"id":"loarqu","name":"div","parent":"rdofps","children":[],"settings":{"_height":"100%","_background":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_cssClasses":"progress-bar","_cssTransition":"all ease 0.5s"},"label":"progress bar"},{"id":"finzgc","name":"code","parent":"hnscoc","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]},{"id":"inumaq","name":"code","parent":"hnscoc","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"ihfqti","name":"subheading","settings":{"_typography":{"color":{"raw":"var(--subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--heading-s)","text-transform":"uppercase","line-height":"var(--line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"kpkevz","name":"slider-arrow","settings":{"iconSize":"var(--icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--radius-xs)","right":"var(--radius-xs)","bottom":"var(--radius-xs)","left":"var(--radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"next\"], .brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1}],"globalElements":[]}
I am a button

Carousel 06

{"content":[{"id":"ceuwud","name":"section","parent":0,"children":["wiptat","rihous","damfpn"],"settings":{"_background":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden"},"label":"carousel 06"},{"id":"wiptat","name":"container","parent":"ceuwud","children":["eitncn","akudak"],"settings":{"_cssGlobalClasses":[],"_rowGap":"var(--content-gap-l)"}},{"id":"eitncn","name":"block","parent":"wiptat","children":["hmqeqa","tssgif","zprgjy"],"settings":{"_rowGap":"var(--content-gap)","_widthMax":"var(--max-content-width)"},"label":"content wrapper"},{"id":"hmqeqa","name":"block","parent":"eitncn","children":["azcklf","juvqwp"],"settings":[],"label":"heading wrapper"},{"id":"azcklf","name":"heading","parent":"hmqeqa","children":[],"settings":{"text":"Missione del cuore","tag":"h2"}},{"id":"juvqwp","name":"text-basic","parent":"hmqeqa","children":[],"settings":{"_cssGlobalClasses":["ihfqti"],"text":"Titre Brillant Inspirant","_order":"-1"},"label":"subheading"},{"id":"tssgif","name":"text-basic","parent":"eitncn","children":[],"settings":{"text":"C'est ici que votre message se déploiera magnifiquement, capturant l'attention et inspirant vos précieux clients à s'engager.","tag":"p"}},{"id":"zprgjy","name":"div","parent":"eitncn","children":["kwjuet","abedhb"],"settings":{"_display":"flex","_columnGap":"var(--space-xs)","_margin":{"top":"var(--space-m)"}},"label":"button set"},{"id":"kwjuet","name":"button","parent":"zprgjy","children":[],"settings":{"text":"Primary","style":"primary"}},{"id":"abedhb","name":"button","parent":"zprgjy","children":[],"settings":{"text":"Secondary","style":"secondary"}},{"id":"akudak","name":"block","parent":"wiptat","children":["shzfxg","dcpirw"],"settings":{"_position":"relative","_overflow":"hidden","_alignItems":"center","_rowGap":"var(--content-gap)"},"label":"media wrapper"},{"id":"shzfxg","name":"slider-nested","parent":"akudak","children":["olgarm"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"slide\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"\",\n  \"gap\": \"var(--grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"start\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_overflow":"visible","_cssCustom":"#brxe-shzfxg .splide__track {\noverflow: visible\n}"},"themeStyles":[]},{"id":"olgarm","name":"block","parent":"shzfxg","children":["epogos"],"settings":{"hasLoop":true,"query":{"posts_per_page":"7"}},"label":"Slide 1"},{"id":"epogos","name":"div","parent":"olgarm","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"dcpirw","name":"block","parent":"akudak","children":["wxwprf","pynmsl"],"settings":{"_direction":"row","_justifyContent":"space-between","_alignItems":"center","_rowGap":"var(--content-gap)","_columnGap":"var(--content-gap)"}},{"id":"wxwprf","name":"div","parent":"dcpirw","children":["pemgdi","hfmptd"],"settings":{"_display":"flex","_columnGap":"var(--space-s)"},"label":"arrows"},{"id":"pemgdi","name":"button","parent":"wxwprf","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev","_attributes":[{"id":"vcbete","value":"Scroll carousel left","name":"aria-label"}]},"label":"arrow prev"},{"id":"hfmptd","name":"button","parent":"wxwprf","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next","_attributes":[{"id":"tcyhpx","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"pynmsl","name":"block","parent":"dcpirw","children":["ciloov"],"settings":{"_height":"8px","_border":{"radius":{"top":"var(--radius-s)","right":"var(--radius-s)","bottom":"var(--radius-s)","left":"var(--radius-s)"}},"_cssClasses":"progress-bar-container","_overflow":"hidden"},"label":"progress bar wrapper"},{"id":"ciloov","name":"div","parent":"pynmsl","children":[],"settings":{"_height":"100%","_background":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_cssClasses":"progress-bar","_cssTransition":"all ease 0.5s"},"label":"progressbar-bar"},{"id":"rihous","name":"code","parent":"ceuwud","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]},{"id":"damfpn","name":"code","parent":"ceuwud","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"ihfqti","name":"subheading","settings":{"_typography":{"color":{"raw":"var(--subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--heading-s)","text-transform":"uppercase","line-height":"var(--line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1},{"id":"kpkevz","name":"slider-arrow","settings":{"iconSize":"var(--icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--radius-xs)","right":"var(--radius-xs)","bottom":"var(--radius-xs)","left":"var(--radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"next\"], .brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1}],"globalElements":[]}
I am a button

Carousel 07

{"content":[{"id":"xpkjlb","name":"section","parent":0,"children":["jsggrd","qlwqeu"],"settings":{"_background":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden"},"label":"carousel 07"},{"id":"jsggrd","name":"container","parent":"xpkjlb","children":["jbrhhg","yjbdqc"],"settings":{"_cssGlobalClasses":[],"_rowGap":"var(--content-gap-l)"}},{"id":"jbrhhg","name":"block","parent":"jsggrd","children":["sgnnrh","reeccg","lhflmd"],"settings":{"_rowGap":"var(--content-gap)","_widthMax":"var(--max-content-width)"},"label":"content wrapper"},{"id":"sgnnrh","name":"block","parent":"jbrhhg","children":["ezzyrn","dqlxfg"],"settings":[],"label":"heading wrapper"},{"id":"ezzyrn","name":"heading","parent":"sgnnrh","children":[],"settings":{"text":"Missione del cuore","tag":"h2"}},{"id":"dqlxfg","name":"text-basic","parent":"sgnnrh","children":[],"settings":{"_cssGlobalClasses":["ihfqti"],"text":"Titre Brillant Inspirant","_order":"-1"},"label":"subheading"},{"id":"reeccg","name":"text-basic","parent":"jbrhhg","children":[],"settings":{"text":"C'est ici que votre message se déploiera magnifiquement, capturant l'attention et inspirant vos précieux clients à s'engager.","tag":"p"}},{"id":"lhflmd","name":"div","parent":"jbrhhg","children":["ustiwy","kseivw"],"settings":{"_display":"flex","_columnGap":"var(--space-xs)","_margin":{"top":"var(--space-m)"}},"label":"button set"},{"id":"ustiwy","name":"button","parent":"lhflmd","children":[],"settings":{"text":"Primary","style":"primary"}},{"id":"kseivw","name":"button","parent":"lhflmd","children":[],"settings":{"text":"Secondary","style":"secondary"}},{"id":"yjbdqc","name":"block","parent":"jsggrd","children":["neserz","zzujkd"],"settings":{"_rowGap":"var(--content-gap)"},"label":"media wrapper"},{"id":"neserz","name":"block","parent":"yjbdqc","children":["ubkhrf","ybozjz"],"settings":{"_position":"relative","_overflow":"hidden","_alignItems":"center","_rowGap":"var(--content-gap)"},"label":"slider wrapper"},{"id":"ubkhrf","name":"slider-nested","parent":"neserz","children":["essbjb"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"perPage\": 1,\n  \"fixedHeight\": 0,\n  \"autoHeight\": false,\n  \"height\": 0,\n  \"adaptiveHeight\": false,\n  \"padding\": 0,\n  \"perMove\": 0,\n  \"direction\": \"ltr\",\n  \"trackOverflow\": \"visible\",\n  \"clipDirection\": \"horizontal\",\n  \"type\": \"fade\",\n  \"keyboard\": \"focused\",\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"left\",\n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": false,\n  \"lazyLoad\": false,\n  \"dragAngleThreshold\": 30,\n  \"flickPower\": 300,\n  \"flickMaxPages\": 1,\n  \"throttle\": 100,\n  \"drag\": true,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"breakpoints\": {\n    \"991\": {\n      \"perPage\": 2,\n      \"perMove\": 1,\n      \"fixedWidth\": \"80%\",\n      \"fixedHeight\": 0,\n      \"autoWidth\": false,\n      \"autoHeight\": false,\n      \"easing\": \"ease\",\n      \"drag\": true,\n      \"snap\": true,\n      \"direction\": \"ltr\",\n      \"cover\": false,\n      \"accessibility\": true,\n      \"slideFocus\": true,\n      \"isNavigation\": false,\n      \"trimSpace\": true,\n      \"updateOnMove\": false,\n      \"throttle\": 100\n    },\n    \"767\": {\n      \"perPage\": 2,\n      \"perMove\": 1,\n      \"fixedWidth\": \"100%\",\n      \"fixedHeight\": 0,\n      \"autoWidth\": false,\n      \"autoHeight\": false,\n      \"easing\": \"ease\",\n      \"drag\": true,\n      \"snap\": true,\n      \"direction\": \"ltr\",\n      \"cover\": false,\n      \"accessibility\": true,\n      \"slideFocus\": true,\n      \"isNavigation\": false,\n      \"trimSpace\": true,\n      \"updateOnMove\": false,\n      \"throttle\": 100\n    },\n    \"478\": {\n      \"perPage\": 1,\n      \"perMove\": 1,\n      \"fixedWidth\": \"100%\",\n      \"fixedHeight\": 0,\n      \"autoWidth\": false,\n      \"autoHeight\": false,\n      \"easing\": \"ease\",\n      \"drag\": true,\n      \"snap\": true,\n      \"direction\": \"ltr\",\n      \"cover\": false,\n      \"accessibility\": true,\n      \"slideFocus\": true,\n      \"isNavigation\": false,\n      \"trimSpace\": true,\n      \"updateOnMove\": false,\n      \"throttle\": 100\n    }\n  },\n  \"i18n\": {\n    \"prev\": \"Previous slide\",\n    \"next\": \"Next slide\",\n    \"first\": \"Go to first slide\",\n    \"last\": \"Go to last slide\",\n    \"slideX\": \"Go to slide %s\",\n    \"pageX\": \"Go to page %s\",\n    \"play\": \"Start autoplay\",\n    \"pause\": \"Pause autoplay\"\n  },\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"width\": 0,\n  \"snap\": false,\n  \"swipeDistanceThreshold\": 150,\n  \"flickVelocityThreshold\": 0.6,\n  \"cover\": false,\n  \"accessibility\": true,\n  \"slideFocus\": true,\n  \"isNavigation\": false,\n  \"updateOnMove\": false,\n  \"resetProgress\": true,\n  \"preloadPages\": 1,\n  \"mediaQuery\": \"max\"\n}","_width":"100%","_overflow":"visible","_cssCustom":"#brxe-ubkhrf .splide__track {\noverflow: visible\n}","_height":"320px"},"themeStyles":[]},{"id":"essbjb","name":"block","parent":"ubkhrf","children":["dxlwby"],"settings":{"query":{"posts_per_page":"7"},"hasLoop":true},"label":"Slide 1"},{"id":"dxlwby","name":"div","parent":"essbjb","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"ybozjz","name":"block","parent":"neserz","children":["ydtufq"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_width":"fit-content","_columnGap":"var(--content-gap)","_position":"absolute","_bottom":"var(--space-m)","_right":"var(--space-m)","_typography":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}}},"label":"slider controller"},{"id":"ydtufq","name":"div","parent":"ybozjz","children":["ygpgtv","hdaaqa"],"settings":{"_display":"flex","_columnGap":"var(--space-s)"},"label":"arrows"},{"id":"ygpgtv","name":"button","parent":"ydtufq","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["dbrjpl"],"_cssClasses":"arrow-prev","_attributes":[{"id":"zsmroa","value":"Scroll carousel left","name":"aria-label"}]},"label":"arrow prev"},{"id":"hdaaqa","name":"button","parent":"ydtufq","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["dbrjpl"],"_cssClasses":"arrow-next","_attributes":[{"id":"vlcxlb","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"zzujkd","name":"block","parent":"yjbdqc","children":["ydvnwl"],"settings":{"_height":"8px","_border":{"radius":{"top":"var(--radius-s)","right":"var(--radius-s)","bottom":"var(--radius-s)","left":"var(--radius-s)"}},"_cssClasses":"progress-bar-container","_overflow":"hidden"},"label":"progress bar wrapper"},{"id":"ydvnwl","name":"div","parent":"zzujkd","children":[],"settings":{"_height":"100%","_background":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_cssClasses":"progress-bar","_cssTransition":"all ease 0.5s"},"label":"progressbar-bar"},{"id":"qlwqeu","name":"code","parent":"xpkjlb","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"ihfqti","name":"subheading","settings":{"_typography":{"color":{"raw":"var(--subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--heading-s)","text-transform":"uppercase","line-height":"var(--line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1},{"id":"dbrjpl","name":"slider-arrow--bright","settings":{"iconSize":"var(--icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--radius-xs)","right":"var(--radius-xs)","bottom":"var(--radius-xs)","left":"var(--radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--base-text-light)","id":"gttxqi","name":"base text light"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--icon-m)","color":{"raw":"var(--strong-text-light)","id":"mjxqsm","name":"strong text light"}},"_aspectRatio":"1","_background":{"color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},"iconTypography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s","_cssCustom":"/* normalize in builder */\n.slider-arrow--bright span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.slider-arrow--bright):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .slider-arrow--bright[class*=\"next\"], .brxe-section:has(.slider-arrow--bright):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .slider-arrow--bright[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.slider-arrow--bright):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .slider-arrow--bright[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_typography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_typography":{"color":{"raw":"var(--strong-text-light)","id":"mjxqsm","name":"strong text light"}}},"modified":1731727712,"user_id":1}],"globalElements":[]}
I am a button

Carousel 08

{"content":[{"id":"fxivnq","name":"section","parent":0,"children":["wikupz","xmrxsz","evkcsy"],"settings":{"_background":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden"},"label":"carousel 08"},{"id":"wikupz","name":"container","parent":"fxivnq","children":["kxwqzf","uiqlmt"],"settings":{"_cssGlobalClasses":[],"_rowGap":"var(--content-gap-l)","_columnGap":"var(--content-gap-l)"}},{"id":"kxwqzf","name":"block","parent":"wikupz","children":["puowsb","njzram","eonaec"],"settings":{"_rowGap":"var(--content-gap)","_widthMax":"var(--max-content-width)"},"label":"content wrapper"},{"id":"puowsb","name":"block","parent":"kxwqzf","children":["ppbxws","jxqras"],"settings":[],"label":"heading wrapper"},{"id":"ppbxws","name":"heading","parent":"puowsb","children":[],"settings":{"text":"Missione del cuore","tag":"h2"}},{"id":"jxqras","name":"text-basic","parent":"puowsb","children":[],"settings":{"_cssGlobalClasses":["ihfqti"],"text":"Titre Brillant Inspirant","_order":"-1"},"label":"subheading"},{"id":"njzram","name":"text-basic","parent":"kxwqzf","children":[],"settings":{"text":"C'est ici que votre message se déploiera magnifiquement, capturant l'attention et inspirant vos précieux clients à s'engager.","tag":"p"}},{"id":"eonaec","name":"div","parent":"kxwqzf","children":["syexqm","gsexja"],"settings":{"_display":"flex","_columnGap":"var(--space-xs)","_margin":{"top":"var(--space-m)"}},"label":"button set"},{"id":"syexqm","name":"button","parent":"eonaec","children":[],"settings":{"text":"Primary","style":"primary"}},{"id":"gsexja","name":"button","parent":"eonaec","children":[],"settings":{"text":"Secondary","style":"secondary"}},{"id":"uiqlmt","name":"block","parent":"wikupz","children":["cnigmh","mpdjef","upijlp"],"settings":{"_position":"relative","_alignItems":"center","_rowGap":"var(--content-gap)"},"label":"media wrapper"},{"id":"cnigmh","name":"slider-nested","parent":"uiqlmt","children":["ajaxcq"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"slide\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"\",\n  \"gap\": \"var(--grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"start\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": true,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%"},"themeStyles":[]},{"id":"ajaxcq","name":"block","parent":"cnigmh","children":["yvavmr"],"settings":{"hasLoop":true,"query":{"posts_per_page":"7"}},"label":"Slide 1"},{"id":"yvavmr","name":"div","parent":"ajaxcq","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"mpdjef","name":"div","parent":"uiqlmt","children":["gbvknp"],"settings":{"_height":"100%","_position":"absolute","_top":"0","_display":"flex","_alignItems":"center","_justifyContent":"center","_zIndex":"1","_left":"-1rem"},"label":"arrow prev wrapper"},{"id":"gbvknp","name":"button","parent":"mpdjef","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev"},"label":"arrow prev"},{"id":"upijlp","name":"div","parent":"uiqlmt","children":["qjyrcd"],"settings":{"_height":"100%","_position":"absolute","_top":"0","_display":"flex","_alignItems":"center","_justifyContent":"center","_zIndex":"1","_right":"-1rem"},"label":"arrow next wrapper"},{"id":"qjyrcd","name":"button","parent":"upijlp","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next"},"label":"arrow next"},{"id":"xmrxsz","name":"code","parent":"fxivnq","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]},{"id":"evkcsy","name":"code","parent":"fxivnq","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"ihfqti","name":"subheading","settings":{"_typography":{"color":{"raw":"var(--subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--heading-s)","text-transform":"uppercase","line-height":"var(--line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1},{"id":"kpkevz","name":"slider-arrow","settings":{"iconSize":"var(--icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--radius-xs)","right":"var(--radius-xs)","bottom":"var(--radius-xs)","left":"var(--radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"next\"], .brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1}],"globalElements":[]}
I am a button

Carousel 09

{"content":[{"id":"akkzxe","name":"section","parent":0,"children":["kbgfki","zcxyti","kwotek"],"settings":{"_background":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden"},"label":"carousel 09"},{"id":"kbgfki","name":"container","parent":"akkzxe","children":["hjpaxv","ktwvaq"],"settings":{"_cssGlobalClasses":[],"_rowGap":"var(--content-gap-l)","_columnGap":"var(--content-gap-l)"}},{"id":"hjpaxv","name":"block","parent":"kbgfki","children":["mcdijy","okebdq","fpyypk"],"settings":{"_rowGap":"var(--content-gap)","_widthMax":"var(--max-content-width)"},"label":"content wrapper"},{"id":"mcdijy","name":"block","parent":"hjpaxv","children":["spwomn","eswihr"],"settings":[],"label":"heading wrapper"},{"id":"spwomn","name":"heading","parent":"mcdijy","children":[],"settings":{"text":"Missione del cuore","tag":"h2"}},{"id":"eswihr","name":"text-basic","parent":"mcdijy","children":[],"settings":{"_cssGlobalClasses":["ihfqti"],"text":"Titre Brillant Inspirant","_order":"-1"},"label":"subheading"},{"id":"okebdq","name":"text-basic","parent":"hjpaxv","children":[],"settings":{"text":"C'est ici que votre message se déploiera magnifiquement, capturant l'attention et inspirant vos précieux clients à s'engager.","tag":"p"}},{"id":"fpyypk","name":"div","parent":"hjpaxv","children":["xqsjaa","zyegzg"],"settings":{"_display":"flex","_columnGap":"var(--space-xs)","_margin":{"top":"var(--space-m)"}},"label":"button set"},{"id":"xqsjaa","name":"button","parent":"fpyypk","children":[],"settings":{"text":"Primary","style":"primary"}},{"id":"zyegzg","name":"button","parent":"fpyypk","children":[],"settings":{"text":"Secondary","style":"secondary"}},{"id":"ktwvaq","name":"block","parent":"kbgfki","children":["iixcjp","ufqvok","eztczf"],"settings":{"_position":"relative","_alignItems":"center","_rowGap":"var(--content-gap)"},"label":"media wrapper"},{"id":"iixcjp","name":"slider-nested","parent":"ktwvaq","children":["gubdsk"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"slide\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"80%\",\n  \"gap\": \"var(--grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"center\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": false,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"80%\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"80%\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"80%\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_cssCustom":"#brxe-iixcjp .splide__track {\noverflow: visible\n}"},"themeStyles":[]},{"id":"gubdsk","name":"block","parent":"iixcjp","children":["wemyhc"],"settings":{"hasLoop":true,"query":{"posts_per_page":"7"}},"label":"Slide 1"},{"id":"wemyhc","name":"div","parent":"gubdsk","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"ufqvok","name":"div","parent":"ktwvaq","children":["lnjdlq"],"settings":{"_height":"100%","_position":"absolute","_top":"0","_display":"flex","_alignItems":"center","_justifyContent":"center","_zIndex":"1","_left":"-1rem"},"label":"arrow prev wrapper"},{"id":"lnjdlq","name":"button","parent":"ufqvok","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-prev","_attributes":[{"id":"vizttw","value":"Scroll carousel left","name":"aria-label"}]},"label":"arrow prev"},{"id":"eztczf","name":"div","parent":"ktwvaq","children":["wkmqfp"],"settings":{"_height":"100%","_position":"absolute","_top":"0","_display":"flex","_alignItems":"center","_justifyContent":"center","_zIndex":"1","_right":"-1rem"},"label":"arrow next wrapper"},{"id":"wkmqfp","name":"button","parent":"eztczf","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["kpkevz"],"_cssClasses":"arrow-next","_attributes":[{"id":"gyofax","value":"Scroll carousel right","name":"aria-label"}]},"label":"arrow next"},{"id":"zcxyti","name":"code","parent":"akkzxe","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]},{"id":"kwotek","name":"code","parent":"akkzxe","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"ihfqti","name":"subheading","settings":{"_typography":{"color":{"raw":"var(--subtle-text)","id":"vohjgf","name":"subtle text"},"font-size":"var(--heading-s)","text-transform":"uppercase","line-height":"var(--line-height-heading)","font-family":"Montserrat","font-weight":"700","letter-spacing":"1"},"_margin":{"bottom":"0","top":"0"}},"modified":1742528852,"user_id":1},{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1},{"id":"kpkevz","name":"slider-arrow","settings":{"iconSize":"var(--icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--radius-xs)","right":"var(--radius-xs)","bottom":"var(--radius-xs)","left":"var(--radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--base-text)","id":"plakiv","name":"base text"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--icon-m)"},"_aspectRatio":"1","_background":{"color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},"_cssCustom":"/* normalize in builder */\n.slider-arrow span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"next\"], .brxe-section:has(.slider-arrow):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .slider-arrow[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.slider-arrow):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .slider-arrow[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_background:hover":{"color":{"raw":"var(--primary)","id":"kvrkab","name":"primary"}},"_typography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s"},"modified":1742834450,"user_id":1}],"globalElements":[]}
I am a button

Carousel 10

{"content":[{"id":"lehmus","name":"section","parent":0,"children":["ivhpys","sywxbv","isaewb"],"settings":{"_background":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"}},"_overflow":"hidden","_padding":{"left":"0","right":"0"}},"label":"carousel 10"},{"id":"ivhpys","name":"block","parent":"lehmus","children":["piyhdh","envker","wnlnam"],"settings":{"_position":"relative","_alignItems":"center","_rowGap":"var(--content-gap)"},"label":"media wrapper"},{"id":"piyhdh","name":"slider-nested","parent":"ivhpys","children":["twwfyj"],"settings":{"perPage":"3","optionsType":"custom","options":"{\n  \"type\": \"loop\",\n  \"perPage\": 3,\n  \"fixedWidth\": \"60%\",\n  \"gap\": \"var(--grid-gap)\",\n  \"height\": 0,\n  \"perMove\": 1,\n  \"start\": 0,\n  \"speed\": 800,\n  \"focus\": \"center\",\n  \"direction\": \"ltr\",\n  \"keyboard\": true,\n  \"paginationKeyboard\": true,\n  \"slideFocus\": false,  \n  \"omitEnd\": false,\n  \"trimSpace\": false,\n  \"wheel\": false,\n  \"releaseWheel\": true,\n  \"drag\": true,\n  \"lazyLoad\": false,\n  \"easing\": \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  \"rewind\": false,\n  \"pauseOnHover\": true,\n  \"pauseOnFocus\": true,\n  \"arrows\": false,\n  \"pagination\": false,\n  \"autoplay\": false,\n  \"interval\": 5000,\n  \"rewindSpeed\": 0,\n  \"waitForTransition\": false,\n  \"snap\": false,\n  \"isNavigation\": false,\n  \"updateOnMove\": true,\n  \"resetProgress\": true,\n  \"mediaQuery\": \"max\",\n  \"breakpoints\": {\n    \"990\": {\n\t\t\t\t\"perPage\": 2,\n\t\t\t\t\"fixedWidth\": \"80%\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"766\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"80%\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    },\n    \"477\": {\n\t\t\t\t\"perPage\": 1,\n\t\t\t\t\"fixedWidth\": \"80%\",\n\t\t\t\t\"type\": \"slide\",\n\t\t\t\t\"perMove\": 1,\n\t\t\t\t\"height\": 0,\n\t\t\t\t\"adaptiveHeight\": false,\n\t\t\t\t\"drag\": true,\n        \"snap\": false\n    }\n  }\n}","_width":"100%","_cssCustom":"#brxe-piyhdh .splide__track {\noverflow: visible\n}"},"themeStyles":[]},{"id":"twwfyj","name":"block","parent":"piyhdh","children":["xzmdck"],"settings":{"hasLoop":true,"query":{"posts_per_page":"7"}},"label":"Slide 1"},{"id":"xzmdck","name":"div","parent":"twwfyj","children":[],"settings":{"_cssGlobalClasses":["haniay"],"tag":"a","link":{"type":"external","url":"#"},"_background":{"image":{"useDynamicData":"","size":"large"}}}},{"id":"envker","name":"div","parent":"ivhpys","children":["oponuj","qecram"],"settings":{"_height":"100%","_position":"absolute","_top":"0","_display":"flex","_alignItems":"center","_justifyContent":"center","_zIndex":"1","_left":"0","_padding":{"left":"var(--side-padding)"},"_cssCustom":"#brxe-envker .overlay {\n  opacity: 0;\n  transition: all ease 0.5s\n}\n\n#brxe-envker:hover .overlay {\n  opacity: 1;\n}","_cssClasses":"arrow-prev","_cursor":"pointer"},"label":"arrow prev wrapper"},{"id":"oponuj","name":"button","parent":"envker","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-back"},"_cssGlobalClasses":["dbrjpl"],"_cssClasses":"arrow-prev","_zIndex":"3","_position":"relative"},"label":"arrow prev"},{"id":"qecram","name":"div","parent":"envker","children":[],"settings":{"_position":"absolute","_top":"0","_left":"0","_width":"100%","_height":"100%","_gradient":{"colors":[{"id":"kvktbc","color":{"raw":"var(--black-60)","id":"fvoulh","name":"black opacity 60"}},{"id":"hnzcpb","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}}],"angle":"90"},"_cssClasses":"overlay"},"label":"overlay"},{"id":"wnlnam","name":"div","parent":"ivhpys","children":["uvcptz","hbnluv"],"settings":{"_height":"100%","_position":"absolute","_top":"0","_display":"flex","_alignItems":"center","_justifyContent":"center","_zIndex":"1","_right":"0","_padding":{"right":"var(--side-padding)"},"_cssCustom":"#brxe-wnlnam .overlay {\n  opacity: 0;\n  transition: all ease 0.5s\n}\n\n#brxe-wnlnam:hover .overlay {\n  opacity: 1;\n}","_cssClasses":"arrow-next","_cursor":"pointer"},"label":"arrow next wrapper"},{"id":"uvcptz","name":"button","parent":"wnlnam","children":[],"settings":{"tag":"button","icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"},"_cssGlobalClasses":["dbrjpl"],"_position":"relative","_zIndex":"3","_cssClasses":"arrow-next"},"label":"arrow next"},{"id":"hbnluv","name":"div","parent":"wnlnam","children":[],"settings":{"_position":"absolute","_top":"0","_left":"0","_width":"100%","_height":"100%","_gradient":{"colors":[{"id":"hnzcpb","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"kvktbc","color":{"raw":"var(--black-60)","id":"fvoulh","name":"black opacity 60"}}],"angle":"90"},"_cssClasses":"overlay"},"label":"overlay"},{"id":"sywxbv","name":"code","parent":"lehmus","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom separated arrow function to connect slider and arrow inside same section (.brxe.section)\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const gl_prev = section.querySelector('.arrow-prev');\n      const gl_next = section.querySelector('.arrow-next');\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider?.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        // 🔹 Add event listener if there isn't\n        if (gl_prev && !gl_prev.dataset.listenerAdded) {\n          gl_prev.addEventListener('click', () => sliderInstance.go('-1'));\n          gl_prev.dataset.listenerAdded = true;\n        }\n\n        if (gl_next && !gl_next.dataset.listenerAdded) {\n          gl_next.addEventListener('click', () => sliderInstance.go('+1'));\n          gl_next.dataset.listenerAdded = true;\n        }\n      }\n    });\n  }, 250);\n});\n"},"label":"custom arrow","themeStyles":[]},{"id":"isaewb","name":"code","parent":"lehmus","children":[],"settings":{"executeCode":true,"signature":"944d89e8b46a9050f291bdc44bb958f1","user_id":1,"time":1735221502,"javascriptCode":"// Custom Slider progress bar\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  setTimeout(() => {\n    const sections = document.querySelectorAll('.brxe-section');\n\n    sections.forEach((section) => {\n      const slider = section.querySelector('.brxe-slider-nested');\n      const progressBar = section.querySelector('.progress-bar'); // Progress bar element\n\n      if (!slider || !progressBar) return;\n\n      // Get slider's ID inside same section\n      const sliderInstanceId = slider.getAttribute('data-script-id');\n      const sliderInstance = window.bricksData?.splideInstances?.[sliderInstanceId];\n\n      if (sliderInstance) {\n        /** 🔹 Progress bar update */\n        const updateProgressBar = () => {\n          const totalSlides = sliderInstance.Components.Controller.getEnd() + 1;\n          const visibleSlides = sliderInstance.options.perPage || 1;\n          const maxIndex = Math.max(1, totalSlides - visibleSlides + 1);\n          const currentSlide = Math.min(sliderInstance.index + 1, maxIndex);\n\n          const progressPercentage = Math.min((currentSlide / maxIndex) * 100, 100);\n\n          progressBar.style.width = `${progressPercentage}%`;\n        };\n\n        // 🔹 Update progress bar when slider move\n        sliderInstance.on('move', updateProgressBar);\n\n        if (!sliderInstance.progressListenerAdded) {\n          sliderInstance.on('mounted moved', updateProgressBar);\n          sliderInstance.progressListenerAdded = true;\n        }\n\n        updateProgressBar();\n      }\n    });\n  }, 550);\n});\n"},"label":"custom progress bar","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://builder.devalfa.my.id","version":"1.12.3","globalClasses":[{"id":"haniay","name":"holder-card--overlay","settings":{"_cssCustom":".holder-card--overlay:nth-child(1) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-10.webp\n)}\n.holder-card--overlay:nth-child(2) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-33.webp\n)}\n.holder-card--overlay:nth-child(3) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-43.webp\n)}\n.holder-card--overlay:nth-child(4) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-5.webp\n)}\n.holder-card--overlay:nth-child(5) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-12.webp\n)}\n.holder-card--overlay:nth-child(6) {\nbackground-image:url( https://ik.imagekit.io/maverickui/image-dark-64.webp\n)}","_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_width":"100%","_height":"100%","_heightMin":"180px","_display":"flex","_direction":"column","_justifyContent":"flex-end","_alignItems":"center","_content:before":"\"\"","_width:before":"100%","_height:before":"50%","_position:before":"absolute","_bottom:before":"0","_left:before":"0","_position":"relative","_zIndex:before":"1","_gradient:before":{"applyTo":"background","colors":[{"id":"bnqkxs","color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},{"id":"viphhc","color":{"raw":"var(--black-80)","id":"rrwyav","name":"black opacity 80"}}]},"_content:after":"Card Vertical","_typography:after":{"color":{"raw":"var(--bg-base)","id":"wtotnt","name":"background base"},"font-weight":"700"},"_zIndex:after":"2","_padding":{"top":"8","right":"8","bottom":"8","left":"8"}},"modified":1722146623,"user_id":1},{"id":"dbrjpl","name":"slider-arrow--bright","settings":{"iconSize":"var(--icon-m)","_width":"2rem","_height":"2rem","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--radius-xs)","right":"var(--radius-xs)","bottom":"var(--radius-xs)","left":"var(--radius-xs)"},"style":"solid","width":{"top":"0.8px","right":"0.8px","bottom":"0.8px","left":"0.8px"},"color":{"raw":"var(--bg-subtle)","id":"omqtuc","name":"background subtle"}},"iconColor":{"raw":"var(--base-text-light)","id":"gttxqi","name":"base text light"},"_flexDirection":"column","_cursor":"pointer","_padding":{"bottom":"0","top":"0","left":"0","right":"0"},"iconTypography":{"font-size":"var(--icon-m)","color":{"raw":"var(--strong-text-light)","id":"mjxqsm","name":"strong text light"}},"_aspectRatio":"1","_background":{"color":{"raw":"var(--transparent)","id":"iuwgfv","name":"transparent"}},"iconTypography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_cssTransition":"all ease 0.35s","_cssCustom":"/* normalize in builder */\n.slider-arrow--bright span {\n  display:none\n}\n\n/* style when arrow disabled */\n.brxe-section:has(.slider-arrow--bright):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-active) .slider-arrow--bright[class*=\"next\"], .brxe-section:has(.slider-arrow--bright):has(.splide__list  > *:last-child:not(.splide__slide--clone).is-visible) .slider-arrow--bright[class*=\"next\"] {\n  opacity: 0.3;\n  pointer-events: none; \n}\n\n.brxe-section:has(.slider-arrow--bright):has(.splide__list > *:first-child:not(.splide__slide--clone).is-active) .slider-arrow--bright[class*=\"prev\"] {\n  opacity: 0.5;\n  pointer-events: none; \n}","_typography:hover":{"color":{"raw":"var(--strongest-text-light)","id":"nhhwcx","name":"strongest text light"}},"_typography":{"color":{"raw":"var(--strong-text-light)","id":"mjxqsm","name":"strong text light"}}},"modified":1731727712,"user_id":1}],"globalElements":[]}
I am a button