Soundcore P30i

Acerca de este Earbuds

Product description .aplus-v2 .aplus-content-wrapper { position: relative; overflow: hidden; } .aplus-v2 .container-with-background-image { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } function logShoppableMetrics(moduleName, showsAddToCart) { if (window.ue && window.ue.count) { window.ue.count("aplus:shoppable:" + moduleName + ":addToCart", showsAddToCart ? 1 : 0); } } .aplus-v2 .premium-aplus-module-13 .aplus-carousel-container { position: relative; } .aplus-v2 .premium-aplus-module-13 .aplus-carousel-element { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-13 .aplus-card-link-button { text-align: center; padding-top: 20px; } .aplus-v2 .premium-aplus-module-13 .aplus-text-background, .aplus-v2 .premium-aplus-module-13 .aplus-text-background h1, .aplus-v2 .premium-aplus-module-13 .aplus-text-background h5, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol .a-list-item, .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-background-wrapper { position: relative; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper { position: absolute; width: 50%; height: 100%; top: 0; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: 50%; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: auto; right: 50%; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-intro-background { padding: 20px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic { padding-bottom: 10px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading { padding-bottom: 20px; } .aplus-v2 .premium-aplus-module-2 .aplus-module-2-description { line-height: 1.5em; } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background { background: rgba(255,255,255,0.5); } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background { background: rgba(0,0,0,0.5); } .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item, .aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-2 .premium-intro-content-container { display: table; height: 100%; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 40px; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 0px; padding-right: 40px; } .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 40px; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 0px; padding-left: 40px; } .aplus-v2 .premium-aplus-module-2 .premium-intro-content-column { display: table-cell; vertical-align: middle; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('module-9-comparison-table-carousel').execute(function(init){ if (init) { return; } P.register('module-9-comparison-table-carousel', function() { return function() { P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) { function initiateCarousel(module) { var moduleId = $(module).data('carousel-name'); var containerClass = '.aplus-v2 .premium-aplus-module-9'; var carouselName = 'premium-aplus-9-carousel-'+moduleId; var comparisonName = '.compare-'+moduleId; var productLink = '.aplus-product-link-'+moduleId; /* If the carousel goes to a new page, make sure the right toggle button is selected */ A.on('a:carousel:'+carouselName+':change:pageNumber', function (data) { var oldCompareClass = containerClass+' '+comparisonName+data.oldValue; var newCompareClass = containerClass+' '+comparisonName+data.newValue; var oldLinkClass = containerClass+' '+productLink+data.oldValue; var newLinkClass = containerClass+' '+productLink+data.newValue; $(oldCompareClass+', '+oldLinkClass).hide(); $(newCompareClass+', '+newLinkClass).show(); }); } $(".aplus-v2 .premium-aplus-module-9 .aplus-comparison-carousel-container").each(function(index) { initiateCarousel(this); }); }); } }); }) })); /** * Premium-module 9: Comparison table - carousel */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table { max-height: 700px; overflow: hidden; } .aplus-v2 .premium-aplus-module-9.aplus-secondary-color, .aplus-v2 .premium-aplus-module-9 .aplus-secondary-color { background-color: #262626; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-color { background-color : #fff; } .aplus-v2 .premium-aplus-module-9.aplus-secondary-text-color, .aplus-v2 .premium-aplus-module-9 .aplus-secondary-text-color { color: #fff; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-text-color { color: #000; } .aplus-v2 .premium-aplus-module-9 .aplus-display-none { display: none; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-border { border: 0.16px solid #000; } .aplus-v2 .premium-aplus-module-9 .aplus-secondary-border { border: 0.16px solid #fff; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-border-checkbox { border: 2.4px solid #000; } .aplus-v2 .premium-aplus-module-9 .aplus-secondary-border-checkbox { border: 2.4px solid #fff; } .aplus-v2 .premium-aplus-module-9 .base-container { position: relative; height: 700px; } /* Setup three basic containers (left, center, and right) */ .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container { position: absolute; width: 33.33%; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-left-content { top: 0; left: 0; text-align: left; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-left-content { text-align: inherit; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-center-content { height: 100%; top: 0; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%); text-align: center; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-right-content { top: 0; right: 0; } /* Setup description of base item to compare with others */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-container { position: relative; height: 700px; background-position: center; background-size: cover; } /* overrides AUI carousel card text-align: center */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption, .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption { position: absolute; text-align: left; padding: 10px; left: 25%; right: 25%; top: 48px; font-size: 22px; letter-spacing: 0.12px; line-height: 1.2; } /* overrides AUI carousel card text-align: center */ html[dir="rtl"] .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption, html[dir="rtl"] .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption { text-align: right; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption.aplus-primary-text-color, .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption.aplus-primary-text-color { background: rgba(255,255,255,0.5); } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption.aplus-secondary-text-color, .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption.aplus-secondary-text-color { background: rgba(0,0,0,0.5); } /* Setup carousel styling */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel { position: relative; max-width: 488px; } /* 1464 / 3 = 488 */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element { width: 488px; height: 700px; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-carousel-nav .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-container { position: relative; height: 100%; } /* Setup table styling */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-main-container { position: relative; width: 100%; height: 100%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-container { vertical-align: middle; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-header { padding: 0 20px; width: auto; transform: translateY(50%); } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content td { width: 33%; padding-top: 19.2px; padding-bottom: 19.2px; vertical-align: middle; letter-spacing: 0.16px; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content tr:first-of-type td { padding-top: 10% } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content tr:last-of-type td { padding-bottom: 15%; } /* Setup styling for 'tickboxes' (APLUS-TRUE or APLUS-FALSE feature details) */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-tickbox { width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: auto; margin-right: auto; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark { width: 35px; height: 25px; -ms-transform: translateX(-15%) translateY(-10%) rotate(45deg); -webkit-transform: translateX(-15%) translateY(-10%) rotate(45deg); transform: translateX(-15%) translateY(-10%) rotate(45deg); } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark-stem { position: absolute; width: 12px; height: 4px; left: 16px; top: 18.4px; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark-kick { position: absolute; width: 4px; height: 22.4px; left: 24px; top: 0; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-pagination-container { position: absolute; bottom: 12px; width: 100%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-link-container { position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, -100%); } .a-carousel-display-single .a-carousel-card img { object-fit: cover; width: 100%; height: 100%; } /** * Premium modules global styles */ .aplus-v2.desktop { max-width: 1464px; min-width: 800px; margin-left: auto; margin-right: auto; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } /* Undo this for tech-specs because it breaks table layout */ .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; } .aplus-v2 .premium-aplus, .aplus-v2 .premium-aplus .aplus-h1, .aplus-v2 .premium-aplus .aplus-h2, .aplus-v2 .premium-aplus .aplus-p1, .aplus-v2 .premium-aplus .aplus-p2, .aplus-v2 .premium-aplus .aplus-p3, .aplus-v2 .premium-aplus .aplus-accent1, .aplus-v2 .premium-aplus .aplus-accent2 { font-family: Arial, sans-serif; } .aplus-v2 .premium-aplus, .aplus-v2 .premium-aplus .aplus-h1, .aplus-v2 .premium-aplus .aplus-h2, .aplus-v2 .premium-aplus .aplus-p1, .aplus-v2 .premium-aplus .aplus-p2, .aplus-v2 .premium-aplus .aplus-p3, .aplus-v2 .premium-aplus .aplus-accent1, .aplus-v2 .premium-aplus .aplus-accent2 { font-family: inherit; } /* type */ .aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; } .aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; } .aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; } .aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; } /* spacing */ .aplus-v2 .aplus-container-1 { padding: 40px; } .aplus-v2 .aplus-container-1-2 { padding: 40px 80px; } .aplus-v2 .aplus-container-2 { padding: 80px; } .aplus-v2 .aplus-container-3 { padding: 40px 0; } /* Display */ .aplus-v2 .premium-aplus .aplus-display-table { display: table; } .aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; } .aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; } /* Aplus display table with min-width 1000px and fill remaining space inside parent */ .aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% } /** * Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80. */ /** * Premium-module 12: Nav Carousel */ .aplus-v2 .premium-aplus-module-12 .aplus-carousel-card { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-container { position: relative; } .aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container { /* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) */ padding-top: calc(600 / 1464 * 100%); /* ~40.983% */ height: 0; } .aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. */ .aplus-v2 .premium-aplus-module-12 .a-carousel-viewport { height: 100% !important; } .aplus-v2 .premium-aplus-module-12 .aplus-card-image img { width: 100%; height: auto; } .aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper { position: absolute; top: 0; width: 50%; height: 100%; } .aplus-v2 .premium-aplus-module-12 .aplus-card-detail { display: table; width: 100%; height: 100% } .aplus-v2 .premium-aplus-module-12 .card-description { text-align: left; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .card-description { text-align: right; } .aplus-v2 .premium-aplus-module-12 .aplus-table-cell { display: table-cell; vertical-align: middle; } .aplus-v2 .premium-aplus-module-12 .aplus-text-background { padding: 20px; } .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color { background: rgba(0, 0, 0, 0.5); } .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item, .aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item { color: #fff; } .aplus-v2 .premium-aplus-module-12 .description { margin-top: 20px; } /* nav */ .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions { position: absolute; top: 20px; width: 100%; text-align: center; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn { display: inline-block; margin: 7px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; line-height: 2.5em; min-width: 200px; background-color: #fff; white-space: nowrap; color: #000; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-index { display: none; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active { border-color: #fff; background-color: #000; color: #fff; } /** * Regimen template specific css */ html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen { text-align: right; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen { text-align: right; top: 50%; width: 250px; right: 75px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen { text-align: left; top: 50%; left: 75px; right: auto; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen { display: inline-block; margin: 10px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; width: 220px; background-color: #fff; padding: 2px 0 2px; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active { border-color: #fff; background-color: #000; color: #fff; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index { color: inherit; } .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-label { color: inherit; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index { display: inline-block; width: 12px; color: #000; } .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-label { color: #000; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index { margin-left: 0px; margin-right: 6px; } .aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen { position: absolute; top: 0; left: 0; width: 100%; background-color: #000; opacity: 0.5; text-align: center; } .aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline { color: #fff; line-height: 2em; } /** * Navigation template specific css */ .aplus-v2 .premium-aplus-module-12--top-nav .aplus-carousel-actions { background-color: rgba(0, 0, 0, 0.8); top: 0px; } .aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn { padding: 8px; color: #fff; background-color: transparent; border: none; } .aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn.aplus-active { text-decoration: underline; text-underline-offset: 0.8em; text-decoration-thickness: 3px; background-color: transparent; border: none; } /** * Premium-module 13: Carousel */ .aplus-v2 .premium-aplus-module-13 .aplus-card-description-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .aplus-v2 .premium-aplus-module-13 .aplus-card-description { display: table; width: 50%; height: 100%; color: #fff; } .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell { display: table-cell; vertical-align: middle; text-align: left; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell { text-align: right; } .aplus-v2 .premium-aplus-module-13 .aplus-text-background { background: rgba(0, 0, 0, 0.6); } .aplus-v2 .premium-aplus-module-13 .aplus-card-body { padding: 20px 40px 0 0; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-13 .aplus-card-body { padding: 20px 0 0 40px; } .aplus-v2 .premium-aplus-module-13 .aplus-pagination-wrapper { position: absolute; top: 92%; width: 100%; } /** * Premium-module 8: Hero Video module */ .aplus-v2 .premium-aplus-module-8 .premium-aplus-module-8-video { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-8 .video-placeholder { padding-bottom: 40.984%; /* Video or image required size 1464 : 600 = 40.9836 */ } .aplus-v2 .premium-aplus-module-8 .video-container { position: absolute; top: 0; width: 100%; height: 100%; } /*Override the default VSE video player size*/ .aplus-v2 .premium-aplus-module-8 .video-js.vjs-fluid { padding: 0; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('premium-module-12-nav-carousel').execute(function(init) { if (init) { return; } P.register('premium-module-12-nav-carousel', function(){ return function() { P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) { function initiateCarousel(module) { var MODULE_ID = $(module).data('module-id'); /** * Carousel button element classname * @const */ var GOTO_BTN_CLASS_NAME = "aplus-goto-btn-" + MODULE_ID; /** * Carousel button element active classname * @const */ var GOTO_BTN_ACTIVE_CLASS_NAME = "aplus-active"; /** * AUI name for aui carousel * @const */ var CAROUSEL_NAME = "premium-aplus-12-carousel-" + MODULE_ID; /** * Module class name * @const */ var MODULE_CLASS_NAME = ".aplus-v2 .premium-aplus-module-12"; /** * Carousel text container class name * @const */ var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + " .aplus-carousel-text-container-" + MODULE_ID; /** * Carousel text hidden class name * @const */ var TEXT_CONTAINER_HIDDEN = "aplus-hidden"; /** * Carousel horizontal scroll container class name * @const */ var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + " .aplus-horizontal-scroll-container-" + MODULE_ID; function showCarouselText(oldIndex, newIndex) { var oldClass = TEXT_CONTAINER_CLASS_NAME + "-" + oldIndex; var newClass= TEXT_CONTAINER_CLASS_NAME + "-" + newIndex; $(oldClass).addClass(TEXT_CONTAINER_HIDDEN); $(newClass).removeClass(TEXT_CONTAINER_HIDDEN); } function scrollToCarouselButton(scrollLeft) { if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) { $(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200); } } /** * Creates a CarouselButton class for provided carousel instance * @param {object} carousel - AUI Carousel instance * @returns {Class} - CarouselButton Class */ function CarouselButtonTemplate(carousel) { /** * Button for controlling the active slide * @constructor * @param {number} index - slide index * @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation */ function CarouselButton(index, elem) { var self = this; this.index = index; this.carousel = carousel; /* create the button element */ this.elem = this.getElem(elem); this.$elem = $(this.elem); /* store jquery version */ this.elem.addEventListener('click', self.handleClick.bind(self)); this.elem.setAttribute('role', 'tab'); /* add this object to the object manager */ CarouselButton.objects.byId[index] = this; CarouselButton.objects.all.push(this); } /** * Describe behavior for click events on this.elem * @memberOf CarouselButton */ CarouselButton.prototype.handleClick = function(e) { e.preventDefault(); this.carousel.gotoPage(this.index); }; /** * Enter active state * @memberOf CarouselButton */ CarouselButton.prototype.activate = function() { this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'true'); }; /** * Enter inactive state * @memberOf CarouselButton */ CarouselButton.prototype.deactivate = function() { this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'false'); }; /** * Returns an existing or creates a new bound element for this object * @memberOf CarouselButton * @param {DOMElement} [elem] - optionally provide an existing element in the DOM to use * @returns {DOMElement} - this objects DOM representation */ CarouselButton.prototype.getElem = function(elem) { if (this.elem) return this.elem; if (elem) return elem; var createdElem = document.createElement('span'); createdElem.className = GOTO_BTN_CLASS_NAME; return createdElem; }; /** @const Object manager */ CarouselButton.objects = { byId: {}, all: [], }; return CarouselButton; } framework.onInit(CAROUSEL_NAME, function(carousel) { /** @const {Class} */ var CarouselButton = CarouselButtonTemplate(carousel); /* create carousel controls */ var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME)); var btns = $carouselBtns.map(function(i, btnElem) { return new CarouselButton(i + 1, btnElem); }); /* activate first one */ CarouselButton.objects.byId[1].activate(); /* Listen to slide changes */ A.on("a:carousel:" + CAROUSEL_NAME + ":change:pageNumber", function (data) { var newCarouselButton = CarouselButton.objects.byId[data.newValue]; var marginLeft = parseInt(getComputedStyle(newCarouselButton.elem).getPropertyValue('margin-left')); var positionLeft = newCarouselButton.elem.offsetLeft - marginLeft; newCarouselButton.activate(); CarouselButton.objects.byId[data.oldValue].deactivate(); scrollToCarouselButton(positionLeft); showCarouselText(data.oldValue, data.newValue); }); }); /** * @returns {string} - css classname prefixed with module selector */ function safeClassSelector(className) { return '.' + MODULE_CLASS_NAME + ' .' + className; } } $('.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container').each(function (index, module) { initiateCarousel(module); }); framework.createAll(); framework.initializeAll(); }); } }) }); })); <img alt="A3959" src="https://m.media-amazon.com/images/S/aplus-media-library-service-media/02835820-7c4e-40e9-a596-0f0cec67c11c.__CR0,0,1464,600_PT0_SX1464_V1___.jpg"/> .aplus-v2 .vse-video-player-title, .aplus-v2 .vse-lightPlayer-vendor{ display:none; } #aplus .vse-video-player-title, #aplus .vse-lightPlayer-vendor{ display:none; } {"enableFullScreenByDefault":false,"clickstreamNexusMetricsConfig":{"producerId":"vsemetrics_playercards","schemaId":"clickstream.CustomerEvent.4","actionType":"DISCOVERY","eventOwner":"vsemetrics_playercards","eventType":"IVEVideoView","productId":"B0D91FGGJW"},"videoReferenceId":"sc|20556df7-009b-4a8d-a37a-9ae5a0998ef5|1df3ed38|ATVPDKIKX0DER|A294P4X9EWVXLJ","contentId":"B0D91FGGJW","ccvDisclosure":"","closedCaptionsConfig":{"captionsOnTexts":{"de":"German (Automated)","en":"English (Automated)","fr":"French (Automated)","es":"Spanish (Automated)"},"captionsOffText":"Captions off","languageToLabelTexts":{"English":"English","French":"French","German":"German","Spanish":"Spanish"}},"mimeType":"application/x-mpegURL","vendorCode":"APLUSSC","videoHeight":480,"disableReportIllegalLink":false,"videoWidth":854,"useHotspotsNX":false,"eligibleToTriggerCCWeblab":false,"videoUrl":"https://m.media-amazon.com/images/S/vse-vms-transcoding-artifact-us-east-1-prod/ea30eeab-c2d9-4612-8dcd-37f8f1f981ef/default.jobtemplate.hls.m3u8","metricsEmissionMethod":"nexus","imageUrl":"https://m.media-amazon.com/images/I/71eOYTg0RpL.jpg","needPlayerFactory":false,"isMobile":false,"showHotspots":false,"aciContentId":"amzn1.vse.video.0af35e260aa2423d9a9c1eb6513df48f","altText":"A3959 Video title ","creatorType":"Seller","clientPrefix":"aplus-11474","hotSpotsV3Weblab":"","productAsin":"B0D91FGGJW","labelDetails":{"labelName":"","labelType":"","labelWeblabName":"","labelWeblabTreatment":"","showLabel":false,"tooltipSelector":""},"sushiMetricsConfig":{"eventSource":"Player","endpoint":"https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test","requestId":"X2WNKDR7CCQ1WBG9T08P","sessionId":"133-7714414-5000850","customerId":"0","refMarkers":"aplus-11474_ref","sessionType":1,"placementContext":"desktop_web.AplusWidget.aplusdp","marketplaceId":"ATVPDKIKX0DER","weblabIds":"","isInternal":false,"isRobot":false,"clientId":"VSE-US","videoAsinList":"","pageAsin":"B0D91FGGJW"},"reportUrl":"","videoTitle":"A3959 Video title ","vendorName":"Merchant Video","nexusMetricsConfig":{"eventSource":"Player","isInternal":false,"playerTSMMetricsSchemaId":"vse.VSECardsPlayerEvents.9","widgetMetricsSchemaId":"vse.VSECardsEvents.9","producerId":"vsemetrics_playercards","refMarkers":"aplus-11474_ref","placementContext":"desktop_web.AplusWidget.aplusdp","weblabIds":"","clientId":"VSE-US","videoAsin":"0af35e260aa2423d9a9c1eb6513df48f","videoAsinList":"","pageAsin":"B0D91FGGJW"},"awaConfig":{"useUpNextComponent":false,"clickstreamNexusMetricsConfig":{"producerId":"vsemetrics_playercards","schemaId":"clickstream.CustomerEvent.4","actionType":"DISCOVERY","eventOwner":"vsemetrics_playercards","eventType":"IVEVideoView","productId":"B0D91FGGJW"},"initialVideo":"0af35e260aa2423d9a9c1eb6513df48f","shouldPreload":true,"enableClickBasedAttribution":false,"isChromelessPlayer":false,"closedCaptionsConfig":{"captionsOnTexts":{"de":"German (Automated)","en":"English (Automated)","fr":"French (Automated)","es":"Spanish (Automated)"},"captionsOffText":"Captions off","languageToLabelTexts":{"English":"English","French":"French","German":"German","Spanish":"Spanish"}},"enableDynamicBlur":false,"showPlayerPlayButton":false,"isVideoImmersivePlayer":false,"metricsEmissionMethod":"nexus","skipInitialFocus":false,"playerSkin":"none","disabledViewIds":["replayHint"],"includeEarnsComissionDisclosure":false,"customerId":"0","containerId":"aplus-11474-player-b3df0c3f-3875-4ed0-8ba2-b367aafd34c7","allowCrossOrigin":false,"requestMetadata":{"clientId":"VSE-US","marketplaceId":"ATVPDKIKX0DER","requestId":"X2WNKDR7CCQ1WBG9T08P","sessionId":"133-7714414-5000850","method":"desktop_web.AplusWidget.aplusdp","pageAsin":""},"shouldLoop":false,"shouldDisableControls":false,"alwaysSetInitialVideo":true,"showPlayerCloseButton":false,"clientPrefix":"aplus-11474","useAutoplayFallback":false,"sushiMetricsConfig":{"eventSource":"Player","endpoint":"https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test","requestId":"X2WNKDR7CCQ1WBG9T08P","sessionId":"133-7714414-5000850","customerId":"0","refMarkers":"aplus-11474_ref","sessionType":1,"placementContext":"desktop_web.AplusWidget.aplusdp","marketplaceId":"ATVPDKIKX0DER","weblabIds":"","isInternal":false,"isRobot":false,"clientId":"VSE-US","videoAsinList":"","pageAsin":"B0D91FGGJW"},"ospLinkCode":"vse","showPosterImage":true,"languageCode":"en","languageLocalization":{"play":"Play","volumeLevel":"Volume Level","subtitles":"Subtitles","volumeSlider":"Volume Slider","playVideo":"Click to play video","fullscreen":"Fullscreen","scrubberBar":"Scrubber bar","mute":"Mute","unmute":"Unmute","pause":"Pause","captions":"Captions","nonfullscreen":"Non-Fullscreen"},"version":"","isMoreVideosButtonEnabled":false,"nexusMetricsConfig":{"eventSource":"Player","isInternal":false,"playerTSMMetricsSchemaId":"vse.VSECardsPlayerEvents.9","widgetMetricsSchemaId":"vse.VSECardsEvents.9","producerId":"vsemetrics_playercards","refMarkers":"aplus-11474_ref","placementContext":"desktop_web.AplusWidget.aplusdp","weblabIds":"","clientId":"VSE-US","videoAsin":"0af35e260aa2423d9a9c1eb6513df48f","videoAsinList":"","pageAsin":"B0D91FGGJW"},"shouldStartMuted":false,"airyVersion":"VideoJS","languagePreferenceStrings":{},"enableInactiveFocus":true,"showVideoInfo":false,"isReactFactory":false,"osaInstrumentationConfig":{"schemaId":"csa.VideoInteractions.2","producerId":"vsemetrics_csa_instrumentation"},"enableDelphiAttribution":true,"includeReportWidget":false,"shouldAutoplay":false}}The video showcases the product in use.The video guides you through product setup.The video compares multiple products.The video shows the product being unpacked.Video Player is loading.Click to play videoPlayMuteCurrent Time 0:00/Duration 0:32Loaded: 9.38%0:00Stream Type LIVESeek to live, currently behind liveLIVERemaining Time -0:32 1xPlayback RateChaptersChaptersDescriptionsdescriptions off, selectedCaptionsCaptions off, selectedAudio Trackdefault, selectedFullscreenThis is a modal window. A3959 Video title Merchant Video (window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js('https://m.media-amazon.com/images/I/51ckmXPzM3L.js?AUIClients/VSEPlayer'); (window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js('https://m.media-amazon.com/images/I/41Vu0w0zP-L._RC|01x4giTy+uL.js,01r9LpT6pbL.js,41NWBkfooBL.js,11QfrzttlqL.js,91VXiFQ1TCL.js,01ELLYeIOkL.js_.js?AUIClients/Brila'); (function(f) {var _np=(window.P._namespace("vse-ns-initVSEPlayerOnLoad"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('VSEPlayer').execute(function(vsePlayer){vsePlayer.initPlayer('aplus-11474-player-b3df0c3f-3875-4ed0-8ba2-b367aafd34c7-player-ps');}); //Please use below event to register FeedbackForm P.when('A', 'VSEComponentAssets').execute('vse-ns-player-initialization', function(A, asset) { A.trigger('vse:ns:player:aplus-11474:init', 'aplus-11474-player-b3df0c3f-3875-4ed0-8ba2-b367aafd34c7-player-ps'); }); })); Previous page Next page 1 Strong and Smart ANC 2 Manual ANC Modes 3 Multiple Modes 4 Transparency Mode (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-12-nav-carousel').execute(function(init){ init(); }); })); Previous page Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now("premium-aplus-13-carousel-3").execute(function(init) { if (init) { return; } P.register("premium-aplus-13-carousel-3", function() { return function() { P.when("A", "jQuery", "a-carousel-framework", "ready").execute("paginate-carousel", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = "3"; var carouselName = "premium-aplus-13-carousel-3"; var paginationAction = "aplus-pagination-dot-action-" + moduleId + "-" + carouselName; var paginationGroup = "#aplus-pagination-group-" + moduleId + "-" + carouselName; /* If the carousel goes to a new page */ A.on("a:carousel:"+carouselName+":change:pageNumber", function (data) { A.$(paginationGroup+" .carousel-slider-circle").removeClass("aplus-carousel-active").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass("aplus-carousel-active").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement && parentElement.children) { const children = parentElement.children; for (let i = 0; i < children.length; i++) { if (i >= numPages) { // If number of dots > num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { // Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); /* Resize event handler to re-calculate the pagination dots count based on orientation */ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown && event.$event.keyCode === HOME_KEY; var isEnd = isKeydown && event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + " .carousel-slider-circle"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex > 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex < dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when("premium-aplus-13-carousel-3").execute(function(init){init();}); })); Previous page Next page 1 2-in-1 Case Design 2 Ergonomic Fit 3 Easy to Pair 4 Single Earbud Usage 5 App Control (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-12-nav-carousel').execute(function(init){ init(); }); })); Previous page Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now("premium-aplus-13-carousel-5").execute(function(init) { if (init) { return; } P.register("premium-aplus-13-carousel-5", function() { return function() { P.when("A", "jQuery", "a-carousel-framework", "ready").execute("paginate-carousel", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = "5"; var carouselName = "premium-aplus-13-carousel-5"; var paginationAction = "aplus-pagination-dot-action-" + moduleId + "-" + carouselName; var paginationGroup = "#aplus-pagination-group-" + moduleId + "-" + carouselName; /* If the carousel goes to a new page */ A.on("a:carousel:"+carouselName+":change:pageNumber", function (data) { A.$(paginationGroup+" .carousel-slider-circle").removeClass("aplus-carousel-active").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass("aplus-carousel-active").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement && parentElement.children) { const children = parentElement.children; for (let i = 0; i < children.length; i++) { if (i >= numPages) { // If number of dots > num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { // Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); /* Resize event handler to re-calculate the pagination dots count based on orientation */ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown && event.$event.keyCode === HOME_KEY; var isEnd = isKeydown && event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + " .carousel-slider-circle"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex > 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex < dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when("premium-aplus-13-carousel-5").execute(function(init){init();}); })); soundcore P30i soundcore earbuds Advanced ANC Noise Cancellation Advanced ANC 3D Sound Sound 3D sound 10H / 45H Playtime 10H / 50H 10M = 2H Fast Charging 10M = 3.5H IP54 Waterproof IP55 AI Translation 2-in-1 Phone Stand Special Design 100+ Translation Advanced ANC Noise Cancellation Adaptive ANC 3D Sound Sound Big Bass 10H / 45H Playtime 12H / 60H 10M = 2H Fast Charging 10M = 5H IP54 Waterproof IPX5 AI Translation 2-in-1 Phone Stand Special Design 2-in-1 Phone Stand Advanced ANC Noise Cancellation Adapts to ears 3D Sound Sound 11mm driver 10H / 45H Playtime 10H / 50H 10M = 2H Fast Charging 10M = 4H IP54 Waterproof IPX4 AI Translation 2-in-1 Phone Stand Special Design 98.5%Noise Reduction Previous page soundcore P31i Learn More soundcore P40i Learn More soundcore Liberty 4 NC Learn More Next page .aplus-mantle.aplus-module .aplus-pagination-dots { margin: 0; } .aplus-mantle.aplus-module .aplus-pagination-dot { display: inline-block; list-style: none; } .aplus-mantle.aplus-module .aplus-carousel-nav { text-align:center; } .aplus-mantle.aplus-module .carousel-slider-circle { display: inline-block; cursor: pointer; height: 15px; width: 15px; border: 1px solid #000; border-radius: 20px; background-color: #fff; margin-left: 5px; } .aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active { background-color: #DE7921; } .aplus-mantle.aplus-module .aplus-pagination-dot--display-none { display: none; } P.now("premium-aplus-9-carousel-6").execute(function(init) { if (init) { return; } P.register("premium-aplus-9-carousel-6", function() { return function() { P.when("A", "jQuery", "a-carousel-framework", "ready").execute("paginate-carousel", function (A, $, framework) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const LEFT_ARROW_KEY = 37; const RIGHT_ARROW_KEY = 39; const HOME_KEY = 36; const END_KEY = 35; var moduleId = "6"; var carouselName = "premium-aplus-9-carousel-6"; var paginationAction = "aplus-pagination-dot-action-" + moduleId + "-" + carouselName; var paginationGroup = "#aplus-pagination-group-" + moduleId + "-" + carouselName; /* If the carousel goes to a new page */ A.on("a:carousel:"+carouselName+":change:pageNumber", function (data) { A.$(paginationGroup+" .carousel-slider-circle").removeClass("aplus-carousel-active").attr('aria-selected', 'false').attr('tabindex', -1) .eq(data.newValue - 1).addClass("aplus-carousel-active").attr('aria-selected', 'true').attr('tabindex', 0); }); function syncPaginationDotsWithCarouselPages(numPages) { const parentElement = document.querySelector(paginationGroup); if (parentElement && parentElement.children) { const children = parentElement.children; for (let i = 0; i < children.length; i++) { if (i >= numPages) { // If number of dots > num of pages, we should hide other dots children[i].classList.add('aplus-pagination-dot--display-none'); } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) { // Reset display of dots if it was hidden before children[i].classList.remove('aplus-pagination-dot--display-none'); } } } } framework.onInit(carouselName, function (carousel) { try { var totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); /* Resize event handler to re-calculate the pagination dots count based on orientation */ window.addEventListener('resize', function() { carousel.resize(); totalPages = carousel.getAttr('totalPages'); syncPaginationDotsWithCarouselPages(totalPages); }); A.declarative(paginationAction, 'click keydown', function(event){ var isClick = event.type === 'click'; var isKeydown = event.type === 'keydown'; var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE; var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE; var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY; var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY; var isHome = isKeydown && event.$event.keyCode === HOME_KEY; var isEnd = isKeydown && event.$event.keyCode === END_KEY; if (isClick || isEnter) { var data = event.data; carousel.gotoPage(data.page); } else if (isEsc) { event.$target.blur(); } else if (isLeftArrow || isRightArrow || isHome || isEnd) { event.$event.preventDefault(); const dots = A.$(paginationGroup + " .carousel-slider-circle"); const currentIndex = dots.index(event.$target); let nextIndex; if (isLeftArrow) { nextIndex = currentIndex > 0 ? currentIndex - 1 : dots.length - 1; } else if (isRightArrow) { nextIndex = currentIndex < dots.length - 1 ? currentIndex + 1 : 0; } else if (isHome) { nextIndex = 0; } else if (isEnd) { nextIndex = dots.length - 1; } dots.eq(nextIndex).focus(); carousel.gotoPage(nextIndex + 1); } }); } catch (e) { P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources'); } }); }); } }); }); (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('module-9-comparison-table-carousel').execute(function(init){init();}); P.when('premium-aplus-9-carousel-6').execute(function(init) {init();}); }));

• Recommended Uses For Product: Music