Z-Edge 30 inch 144Hz/200Hz Curved Gaming Monitor

.aplus-v2 .premium-aplus-module-3 .premium-module-3-heading { padding-bottom: 40px; } .aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column { text-align: center; } .aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column { text-align: inherit; } .aplus-v2 .premium-aplus-module-3 .premium-aplus-column { display: inline-block; vertical-align: top; width: 25%; } .aplus-v2 .premium-aplus-module-3 .premium-aplus-column { padding: 0 20px; } .aplus-v2 .premium-aplus-module-3 .column-heading { padding-top: 20px; } .aplus-v2 .premium-aplus-module-3 .column-description { padding-top: 10px; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('premium-module-5-comparison-table-scroller').execute(function(init){ if (init) { return; } P.register('premium-module-5-comparison-table-scroller', function(){ return function() { P.when('jQuery', 'a-popover', 'A', 'ready').execute(function($, popover, A) { function initCompTable(module) { /** * Premium comparison table: popover trigger module */ var comparisonName = $(module).data('comparison-name'); (function() { var $additionalInfo = $('.aplus-v2 .aplus-popover-trigger'); $additionalInfo.each(function(i, trigger) { return popover.create(trigger, $(trigger).data()); }); $additionalInfo.hover( function() { $(this).focus(); } ); })(); /** * Premium comparison table: adjust column width module */ (function() { var VISIBLE_COLUMNS = 4.2; /* How many visible columns on load */ var MIN_WIDTH = 230; var getWidth = function() { return $(this).outerWidth(); } /* cache selectors */ var $container = $('.aplus-v2 .comparison-table #'+comparisonName), $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute'), $slider = $('.aplus-v2 .comparison-table #'+comparisonName+' .table-slider'), $columns = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column'), $activeColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column.active.active-item'); /* Formula for determining desired column width */ var calculatedColumnWidth = Math.floor( ($container.innerWidth() - $header.innerWidth()) / VISIBLE_COLUMNS ); var childWidths = $activeColumn.map(getWidth).get(); var maxChildWidth = Math.max(MIN_WIDTH, Math.max.apply(Math, childWidths)); var minColumnWidth = $columns.innerWidth(); var calculatedPadding = $header.innerWidth() + maxChildWidth; /* set the min-width of each column to the calulated width or minWidth */ $columns.css( 'min-width', Math.max(MIN_WIDTH, (calculatedColumnWidth /** * Common event handler for click and keydown events. * @param {Event} event - The event object. * @param {Function} handleClickOrEnter - Function to handle click or Enter key events. * @param {Function} handleEsc - Function to handle Esc key events. */ // [TODO][AplusMantle-8064] Create common event handler util(key events, click events) in AplusModuleResources function handleClickAndKeyEvents(event, handleClickOrEnterOrSpace) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const SPACE_KEY_CODE = 32; const isClick = event.type === 'click'; const isKeydown = event.type === 'keydown'; const isEnter = isKeydown && event.keyCode === ENTER_KEY_CODE; const isSpace = isKeydown && event.keyCode === SPACE_KEY_CODE; const isEsc = isKeydown && event.keyCode === ESCAPE_KEY_CODE; if (isClick || isEnter || isSpace) { handleClickOrEnterOrSpace(); } else if (isEsc) { handleEsc(event); } } /** * Function to handle esc key event. * @param {Event} event - The event object. */ function handleEsc(event) { event.target.blur() // force remove focus } /** * Premium-module 5: Comparision table - scroller */ .aplus-v2 .premium-aplus-module-5 h1 { padding-bottom: 30px; } /* position column-headers relative to this table */ .aplus-v2 .premium-aplus-module-5 .table-container { position: relative; opacity: 1; } .aplus-v2 .premium-aplus-module-5 .table-container.loading { opacity: 0; } .aplus-v2 .premium-aplus-module-5 .table-slider { overflow-x: scroll; overflow-y: visible; width: 100%; } /* left column headers are absolute positioned */ .aplus-v2 .premium-aplus-module-5 td.attribute { position: absolute; width: 300px; top: auto; left: 0; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-5 td.attribute { right: 0px; left: auto; } .aplus-v2 .premium-aplus-module-5 td.active-item { position: absolute; top: auto; left: 300px; } html[dir="rtl"] .premium-aplus-module-5 td.active-item { left: auto; right: 300px; } .aplus-v2 .premium-aplus-module-5 .attribute, .aplus-v2 .premium-aplus-module-5 .active-item, .aplus-v2 .premium-aplus-module-5 .description { font-size: 16px; font-family: arial; line-height: 2.5em; white-space:nowrap; color: #000; } .aplus-v2 .premium-aplus-module-5 .attribute, .aplus-v2 .premium-aplus-module-5 .active-item, .aplus-v2 .premium-aplus-module-5 .description { font-family: inherit; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute, .aplus-v2 .premium-aplus-module-5 table.a-bordered td.active-item { background-color: #fff; z-index: 100; } .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.attribute, .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.active-item { background-color: #f0f2f2; } .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute { border-bottom: #f0f2f2 solid 1px; } /* Override AUI - the odd rows have a white background while the even ones have gray background */ .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(odd) { background-color: #fff; } .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) { background-color: #f0f2f2; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .comparison-metric-name { outline-style: none; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .aplus-popover-trigger::after { content: "?"; display: inline-block; font-size: 12px; position: relative; bottom: 5px; } .aplus-v2 .premium-aplus-module-5 td.attribute.empty { height: 332px; } .aplus-v2 .premium-aplus-module-5 .header-img { padding-top: 10px; } /* Prevent table borders from overlapping */ .aplus-v2 .premium-aplus-module-5 table { border-collapse: separate; } /* Override default AUI .a-bordered table borders */ .aplus-v2 .premium-aplus-module-5 table.a-bordered td, .aplus-v2 .premium-aplus-module-5 table.a-bordered th, .aplus-v2 .premium-aplus-module-5 table.a-bordered { border-width: 0; border-color: #eaeaea; border-style: solid; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td { border-right-width: 1px; } .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child { border-right-width: 0; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child { border-right-width: 1px; } /* Active column should be surrounded in darker border. */ .aplus-v2 .premium-aplus-module-5 table.a-bordered td.active { border-color: #767676; border-right-width: 1px; border-left-width: 1px; } /* Top Active column needs border-top */ .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:first-child td.active { border-top-width: 1px; height: 332px; } /* Bottom column column needs border-bottom */ .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:last-child td.active { border-bottom-width: 1px; } /* Size the top scroller */ .aplus-v2 .premium-aplus-module-5 .scroll-wrapper-top { width: 100%; height: 20px; overflow-x: scroll; overflow-y: visible; } .aplus-v2 .premium-aplus-module-5 .scroll-bar { height: 1px; } .aplus-v2 .premium-aplus-module-5 .add-to-cart { line-height: 1rem; font-weight: normal; } .aplus-v2 .premium-aplus-module-5 .review { font-size: 14px; } /** * 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 11: FAQs */ .aplus-v2 .premium-aplus-module-11 { background: #fff; position: relative; } .aplus-v2 .premium-aplus-module-11.aplus-secondary-color { background: #000; } .aplus-v2 .premium-aplus-module-11 .aplus-question, .aplus-v2 .premium-aplus-module-11 .aplus-answer { display: block; width: 100%; margin: 0; } .aplus-v2 .premium-aplus-module-11 .aplus-question { position: relative; line-height: 25px; padding-bottom: 10px; } .aplus-v2 .premium-aplus-module-11 .aplus-answer { opacity: 0; height: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer { opacity: 1; height: auto; min-height: 20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.1s linear 0.1s; -moz-transition: opacity 0.1s linear 0.1s; -ms-transition: opacity 0.1s linear 0.1s; -o-transition: opacity 0.1s linear 0.1s; transition: opacity 0.1s linear 0.1s; } .aplus-v2 .premium-aplus-module-11 .faq-block { position: relative; padding-left: 100px; padding-top: 10px; padding-bottom: 15px; padding-right: 80px; cursor: pointer; background: #fff; border: 2px solid #E6E6E6; border-radius: 3px; margin-bottom: 10px; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block { padding-left: 80px; padding-right: 100px; } .aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active { padding-bottom: 35px; } .aplus-v2 .premium-aplus-module-11.aplus-secondary-color .faq-block { border: none; } .aplus-v2 .premium-aplus-module-11 .faq-block::after, .aplus-v2 .premium-aplus-module-11 .faq-block::before { width: 80px; line-height: 40px; font-size: 25px; text-align: center; border-radius: 3px; display: inline-block; font-weight: 500; top: 10px; left: 10px; } .aplus-v2 .premium-aplus-module-11 .faq-block::after { content: "Q"; background: #505050; color: #fff; position: absolute; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .aplus-v2 .premium-aplus-module-11 .faq-block::before { content: "A"; background: #F5A623; color: #fff; position: absolute; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block::after, html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block::before { right: 10px; } .aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active::after { background: #404040; } .aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active::before { padding-top: 40px; -webkit-transition: padding-top 0.1s linear; -moz-transition: padding-top 0.1s linear; -ms-transition: padding-top 0.1s linear; -o-transition: padding-top 0.1s linear; transition: padding-top 0.1s linear; } .aplus-v2 .premium-aplus-module-11 .faq-arrow { position: absolute; top: 25px; right: 40px; border: 10px solid transparent; border-top-color: #505050; } html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-arrow { right: auto; left: 40px; } .aplus-v2 .premium-aplus-module-11 .aplus-active .faq-arrow { top: 15px; border-top-color: transparent; border-bottom-color: #0F1111; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('premium-module-11-faq').execute(function(init) { if (init) { return; } P.register('premium-module-11-faq', function() { return function() { P.when('A', 'jQuery', 'ready').execute(function(A, $){ function initFaq(module) { const MODULE_CLASS_NAME = 'premium-aplus-module-11'; const FAQ_CONTAINER_CLASS_NAME = 'faqs-container'; const FAQ_BLOCK_CLASS_NAME = 'faq-block'; const moduleId = $(module).data('faq-block'); const $faqBlocks = $('.aplus-v2 .' + MODULE_CLASS_NAME + ' .' + FAQ_CONTAINER_CLASS_NAME + '.' + moduleId + ' .' + FAQ_BLOCK_CLASS_NAME); /** * Function to get the toggle Attribute value * @param {attr} attribute - The Attribute object */ function getToggleAttributeValue(attr) { return attr === "true" ? 'false': 'true'; } /** * Function to handle click or Enter or Space key events. * @param {Element} element - The this object from which the event is dispatched * @param {faqBlocks} faqBlocks - List of all the Question and Answer blocks. */ function handleClickOrEnterOrSpace(element, faqBlocks) { const $element = $(element); const isActive = $element.hasClass('aplus-active'); if (!isActive) { faqBlocks.removeClass('aplus-active'); /* deactivate others */ faqBlocks.find('.faq-arrow').attr('aria-expanded', 'false'); faqBlocks.find('.answer').attr('aria-hidden', 'true'); } $element.toggleClass('aplus-active'); /* activate the clicked block */ $element.find('.faq-arrow').attr('aria-expanded', function(_, attr) { return getToggleAttributeValue(attr); }); $element.find('.answer').attr('aria-hidden', function(_, attr) { return getToggleAttributeValue(attr); }); } /* Using jQuery event namespace for preventing duplicate binding on twister refresh */ $faqBlocks.unbind('click keydown.premiumAplusModule11ClickHandler').bind('click keydown.premiumAplusModule11ClickHandler', function(event) { handleClickAndKeyEvents(event, () => handleClickOrEnterOrSpace(this, $faqBlocks)); }); } $(".aplus-v2 .premium-aplus-module-11 .faqs-container").each(function(index, module) { initFaq(module); }); }); }; }); }); })); /** * 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 { padding-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 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)); /* 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(); }); } }) }); })); Z-edge UG30 200Hz Ultrawide Curved Gaming Monitor {"clickstreamNexusMetricsConfig":{"actionType":"DISCOVERY","productId":"","eventOwner":"vsemetrics_playercards","schemaId":"clickstream.CustomerEvent.4","producerId":"vsemetrics_playercards","eventType":"IVEVideoView"},"clientPrefix":"aplus-299783","closedCaptionsConfig":{"captionsOnTexts":{"en":"English (Automated)"},"captionsOffText":"Captions off","languageToLabelTexts":{"English":"English"}},"sushiMetricsConfig":{"isRobot":false,"clientId":"VSE-US","videoAsinList":"","weblabIds":"","eventSource":"Player","sessionId":"000-9090971-3970597","refMarkers":"aplus-299783_ref","placementContext":"AplusWidget","marketplaceId":"ATVPDKIKX0DER","isInternal":false,"endpoint":"https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test","requestId":"971D3FC8E7BD48209DF6","customerId":"0","sessionType":1},"mimeType":"video/mp4","nexusMetricsConfig":{"isInternal":false,"widgetMetricsSchemaId":"vse.VSECardsEvents.8","clientId":"VSE-US","videoAsinList":"","weblabIds":"","eventSource":"Player","videoAsin":"hero-video","producerId":"vsemetrics_playercards","refMarkers":"aplus-299783_ref","placementContext":"AplusWidget","playerTSMMetricsSchemaId":"vse.VSECardsPlayerEvents.7"},"videoHeight":0,"videoWidth":0,"videoUrl":"https://m.media-amazon.com/images/S/aplus-media/sc/1fa853a4-319c-426c-9899-aa9b1295169f.mp4","metricsEmissionMethod":"nexus","imageUrl":"https://m.media-amazon.com/images/S/aplus-media/sc/38a76cd2-1faa-4617-831a-0a1a0ce94e61.__CR0,0,1464,600_PT0_SX1464_V1___.jpg","awaConfig":{"useUpNextComponent":false,"clickstreamNexusMetricsConfig":{"actionType":"DISCOVERY","productId":"","eventOwner":"vsemetrics_playercards","schemaId":"clickstream.CustomerEvent.4","producerId":"vsemetrics_playercards","eventType":"IVEVideoView"},"initialVideo":"hero-video","shouldPreload":true,"enableClickBasedAttribution":false,"isChromelessPlayer":false,"closedCaptionsConfig":{"captionsOnTexts":{"en":"English (Automated)"},"captionsOffText":"Captions off","languageToLabelTexts":{"English":"English"}},"showPlayerPlayButton":false,"isVideoImmersivePlayer":false,"metricsEmissionMethod":"nexus","skipInitialFocus":false,"playerSkin":"none","disabledViewIds":["replayHint"],"includeEarnsComissionDisclosure":false,"customerId":"0","containerId":"aplus-299783-player-37077c1d-c8d6-4718-b71d-d952713b9180","allowCrossOrigin":false,"requestMetadata":{"marketplaceId":"ATVPDKIKX0DER","clientId":"VSE-US","method":"AplusWidget","requestId":"971D3FC8E7BD48209DF6","pageAsin":"","sessionId":"000-9090971-3970597"},"shouldLoop":false,"shouldDisableControls":false,"alwaysSetInitialVideo":true,"showPlayerCloseButton":false,"clientPrefix":"","useAutoplayFallback":false,"sushiMetricsConfig":{"isRobot":false,"clientId":"VSE-US","videoAsinList":"","weblabIds":"","eventSource":"Player","sessionId":"000-9090971-3970597","refMarkers":"aplus-299783_ref","placementContext":"AplusWidget","marketplaceId":"ATVPDKIKX0DER","isInternal":false,"endpoint":"https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test","requestId":"971D3FC8E7BD48209DF6","customerId":"0","sessionType":1},"ospLinkCode":"","showPosterImage":true,"languageCode":"en","version":"","nexusMetricsConfig":{"isInternal":false,"widgetMetricsSchemaId":"vse.VSECardsEvents.8","clientId":"VSE-US","videoAsinList":"","weblabIds":"","eventSource":"Player","videoAsin":"hero-video","producerId":"vsemetrics_playercards","refMarkers":"aplus-299783_ref","placementContext":"AplusWidget","playerTSMMetricsSchemaId":"vse.VSECardsPlayerEvents.7"},"shouldStartMuted":false,"airyVersion":"VideoJS","languagePreferenceStrings":{},"enableInactiveFocus":true,"isReactFactory":false,"enableDelphiAttribution":false,"includeReportWidget":false,"shouldAutoplay":false},"needPlayerFactory":false,"isMobile":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. (window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js('https://images-na.ssl-images-amazon.com/images/I/51UnzQ-Ze8L.js?AUIClients/VSEPlayer'); (window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js('https://images-na.ssl-images-amazon.com/images/I/21L2L4uKEUL._RC|01x4giTy+uL.js,01r9LpT6pbL.js,41L2PFFs7ZL.js,11QfrzttlqL.js,91qahXPBdEL.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-299783-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-299783:init', 'aplus-299783-player-ps'); }); })); 200Hz Refresh Rate With rapid 200Hz refresh rate, you will get the unparalleled smooth gaming experience. 1ms Response Time Combined with lightning 1ms response time makes you get more wins in the battlefield. WFHD 2560*1080P Ultra-wide WFHD(2560*1080) monitor delivers crisp and razor-sharp images. 30inch 21:9 Aspect Ratio With a 2560*1080 resolution and 21:9 aspect ratio, you can view more webpages without zooming out. 1500R Curved Monitor R1500 curvature matches human eyes visual field, enhanced the depth of perception, making you immersed more into the games. FreeSync Support Reducing monitor from stuttering and tearing, keeps motion fluidity even in fast-paced games. Three-sided Frameless Design Featuring a slim bezel on three sides and no distractions from the dazzlingly precise, you can expand your view with multiple monitors. VESA Mount Support Easily install the monitor on the wall or mounting arm with the VESA mount. Previous page Bringing unprecedenten smoothness and fluidity to your games with 200hz refresh rate. With the rapid 1ms response time ghosting and blurry will dramatically reduce. Enjoy playing games and watching videos simutaneously with split screen technology. Next page 1 200Hz Refresh Rate 2 1ms Response Time 3 PBP and PIP Mode 4 200Hz Curved Monitor (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(); }); })); Z-edge Gaming Monitors Comparison Table UG30 200Hz Gaming Monitor Add to Cart UG32P 240Hz GamingMonitor Add to Cart UG32 165Hz Gaming Monitor Add to Cart UG27P 240Hz GamingMonitor Add to Cart UG27 200Hz Gaming Monitor Add to Cart UG24 180Hz Gaming Monitor Add to Cart Customer Reviews .aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.3 out of 5 stars 625 .aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.3 out of 5 stars 385 .aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.3 out of 5 stars 274 .aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.4 out of 5 stars 443 .aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.3 out of 5 stars 900 .aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.3 out of 5 stars 1,475 Screen Size 30 inches 32 inches 32 inches 27 inches 27 inches 24 inches Curved 1500R 1500R 1500R 1500R 1500R 1650R Refresh Rate 200Hz(DP)/180Hz(HDMI) 240Hz(DP/HDMI1)/144Hz(HDMI2) 165Hz(DP)/ 144Hz(HDMI) 240Hz(DP)/ 240Hz(HDMI) 200Hz(DP)/ 144Hz(HDMI) 180Hz(DP)/ 144Hz(HDMI) Response Time 1ms MPRT 1ms MPRT 1ms MPRT 1ms MPRT 1ms MPRT 1ms MPRT Connectivity HDMI x 2, DP x 1, USB x1 HDMI x 2, DP x 1, USB x1 HDMI x 2, DP x 2 HDMI x 2, DP x 2 HDMI x 2, DP x 1 HDMI x 1, DP x 1 Resolution 2560x1080 WFHD 1920x1080 FHD 2560x1440 QHD 1920x1080 FHD 1920x1080 FHD 1920x1080 FHD (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-5-comparison-table-scroller', 'ready').execute(function(init){ init() }); })); Does this monitor have PIP and PBP? Yes, this model supports PIP and PBP features. What type of HDMI and DP port does it have? What refresh rate can this monitor run on HDMI and DP? Both of the HDMI ports are 2.0 and it can support up to 200Hz refresh rate, The DP port is 1.2port and it can support 200Hz refresh rate. Can you attach a monitor arm to it? Yes, this monitor is VESA compatible, it has the VESA mount standard 100x100mm. What are the dimensions of the monitor? The screen width is 27.8in, screen height with stand is 16in without the stand is 12.6in, screen depth with stand is 7.7in without the stand is 3.3in. Does it support HDR and Free Sync? Yes it does, please note that HDR requires HDMI port, and Free Sync requires DP port. (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('premium-module-11-faq').execute(function(init){ init(); }); })); 200Hz Gaming monitor & 1ms MPRT: Elevate your gaming experience with a refresh rate of 200Hz and an impressive response time of 1ms MPRT. Fluid motion like never before allows you to react instantaneously to whatever unfolds on the screen before others even have time to process it. Gain absolute control over every movement and dominate the battlefield with unprecedented speed and precision 1500R Curved Gaming Monitor: The Z-Edge 30 inch PC monitor boasts a curvature of 1500R, providing an immersive viewing experience that wraps around your field of vision. This allows for better depth perception and reduces eye strain during prolonged gaming sessions WFHD 1080P Resolution and HDR Support: Experience stunning visuals on the Z-Edge 30 inch ultrawide monitor. With a resolution of 2560*1080, you can enjoy crystal-clear images and vibrant colors that bring every detail to life. HDR will balance exposure during the day and brings greater clarity at night.(Note: Only the HDMI port supports HDR) The 3000:1 contrast ratio presents the deep blacks and brilliant whites, allowing you to capture more image details even in the dark Freesync Function: Equipped with Freesync technology, this curved monitor synchronizes the refresh rate between the graphics card and the display to eliminate screen tearing and stuttering. This results in smooth gameplay and provides a competitive edge by ensuring rapid response times without any distractions Ergonomic and Sleek Design: Connect your devices easily with the Z-Edge 30 inch computer monitor. With its HDMI/DP Display Port, it offers rich compatibility, allowing you to connect to a wide range of devices for an enhanced gaming experience. › See more product details Brand Z Z-EDGE Screen Size 30 Inches Resolution FHD 1080p Ultra Wide, FHD 1080p Aspect Ratio 21:9 Screen Surface Description Matte