1"use strict";(self.webpackChunkui_apps=self.webpackChunkui_apps||[]).push([[3077],{3077(__unused_webpack_module,__webpack_exports__,__webpack_require__){eval("{// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n \"default\": () => (/* binding */ features_redesign)\n});\n\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js\nvar classCallCheck = __webpack_require__(3029);\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js\nvar createClass = __webpack_require__(2901);\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js\nvar defineProperty = __webpack_require__(4467);\n// EXTERNAL MODULE: ./src/main/content/jcr_root/apps/atlas/components/content/redesign/utils/animation-observer.ts\nvar animation_observer = __webpack_require__(6382);\n// EXTERNAL MODULE: ./src/main/content/jcr_root/apps/atlas/components/content/redesign/grid_redesign/grid-presentation.ts + 1 modules\nvar grid_presentation = __webpack_require__(9065);\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules\nvar toConsumableArray = __webpack_require__(436);\n;// ./src/main/content/jcr_root/apps/atlas/components/content/redesign/features_redesign/features-parsys-layout.ts\n/**\n * Applies parsys flex order, spread-apart grouping wrappers, and gap CSS variables\n * from data-* on [data-features-root]. Dialog values are written in HTL;\n * invoked from features_redesign.ts on publish only.\n */var DEFAULT_PRESET='static-navlist-navarea-controls';var DESKTOP_MQ='(min-width: 768px)';var PARSYS_GAP_CLASS=/^(?:desktop:)?gap-/;var SPREAD_GROUP_ATTR='data-features-spread-group';var ALL_REGIONS=['static','navList','navArea','controls'];var REGION_SELECTOR={\"static\":'.cmp-features__spread-unit--static',navList:'.cmp-features__spread-unit--nav-list',navArea:'.cmp-features__spread-unit--nav-area',controls:'.cmp-features__spread-unit--controls'};var PRESETS={'static-navlist-navarea-controls':[1,2,3,4],'navlist-navarea-static-controls':[3,1,2,4],'controls-static-navlist-navarea':[2,3,4,1],'controls-navlist-navarea-static':[4,2,3,1]};function nonEmpty(value,fallback){var v=(value||'').trim();return v||fallback;}function ordersForPreset(preset){var tuple=PRESETS[preset]||PRESETS[DEFAULT_PRESET];return{\"static\":tuple[0],navList:tuple[1],navArea:tuple[2],controls:tuple[3]};}function isGroupLeftoverEnabled(value){var normalized=(value||'').trim().toLowerCase();if(!normalized||normalized==='false'||normalized==='off'||normalized==='0'){return false;}return normalized==='true'||normalized==='on'||normalized==='1';}/** Align region orders within each spread-apart group bucket. */function syncOrdersToGroups(orders,groups){groups.forEach(function(members){var groupOrder=Math.min.apply(Math,(0,toConsumableArray/* default */.A)(members.map(function(region){return orders[region];})));members.forEach(function(region){orders[region]=groupOrder;});});}/**\n * True when a spreadApartGroupings* key is authored.\n * leftover alone is not enough â groupLeftoverParsys* only applies with a real key.\n */function needsSpreadApartGrouping(grouping,_leftover){return!!(grouping||'').trim();}/** Region buckets for spread-apart parent wrappers (see spreadApartGroupings* dialog). */function computeSpreadApartRegionGroups(grouping,leftover){var key=(grouping||'').trim();// Empty key â no grouping (leftover without a key is a no-op, matching dialog intent).\nif(!key)return null;var paired=[];switch(key){case'static-navlist':paired=[['static','navList']];break;case'static-navarea':paired=[['static','navArea']];break;case'static-controls':paired=[['static','controls']];break;case'navlist-navarea':paired=[['navList','navArea']];break;case'navlist-controls':paired=[['navList','controls']];break;case'navarea-controls':paired=[['navArea','controls']];break;case'static-alone':paired=[['static']];break;case'navlist-alone':paired=[['navList']];break;case'navarea-alone':paired=[['navArea']];break;case'controls-alone':paired=[['controls']];break;
1default:// Unknown key â no-op (same as unset), avoid collapsing all regions into one group.\nreturn null;}var assigned=new Set(paired.flat());var remaining=ALL_REGIONS.filter(function(region){return!assigned.has(region);});if(!remaining.length)return paired;if(!leftover)return[].concat((0,toConsumableArray/* default */.A)(paired),(0,toConsumableArray/* default */.A)(remaining.map(function(region){return[region];})));// groupLeftoverParsys*: bucket every non-selected region into one wrapper.\nreturn[].concat((0,toConsumableArray/* default */.A)(paired),[remaining]);}function groupOrder(orders,members){return Math.min.apply(Math,(0,toConsumableArray/* default */.A)(members.map(function(region){return orders[region];})));}function computeOrders(root,mobile){var preset=nonEmpty(mobile?root.dataset.parsysOrderLayoutMobile:root.dataset.parsysOrderLayoutDesktop,nonEmpty(root.dataset.parsysOrderLayoutDesktop,DEFAULT_PRESET));var orders=ordersForPreset(preset);var grouping=mobile?root.dataset.spreadApartGroupingsMobile||'':root.dataset.spreadApartGroupingsDesktop||'';var leftover=mobile?isGroupLeftoverEnabled(root.dataset.groupLeftoverParsysMobile):isGroupLeftoverEnabled(root.dataset.groupLeftoverParsysDesktop);var groups=computeSpreadApartRegionGroups(grouping,leftover);if(groups){syncOrdersToGroups(orders,groups);}return orders;}function findSpreadUnit(stack,region){return stack.querySelector(\":scope > \".concat(REGION_SELECTOR[region],\", :scope > [\").concat(SPREAD_GROUP_ATTR,\"] > \").concat(REGION_SELECTOR[region]));}function unwrapSpreadGroups(stack){;(0,toConsumableArray/* default */.A)(stack.children).forEach(function(child){if(!(child instanceof HTMLElement))return;if(!child.hasAttribute(SPREAD_GROUP_ATTR))return;while(child.firstChild){stack.insertBefore(child.firstChild,child);}child.remove();});}var REGION_ORDER_VARS={\"static\":'--features-static-order',navList:'--features-nav-list-order',navArea:'--features-nav-area-order',controls:'--features-controls-order'};function clearSpreadUnitOrder(unit,region){var base=REGION_ORDER_VARS[region];unit.style.removeProperty(\"\".concat(base,\"-d\"));unit.style.removeProperty(\"\".concat(base,\"-m\"));}function applySpreadUnitOrders(stack,root){var desktopOrders=computeOrders(root,false);var mobileOrders=computeOrders(root,true);ALL_REGIONS.forEach(function(region){var unit=stack.querySelector(\":scope > \".concat(REGION_SELECTOR[region]));if(!unit)return;var base=REGION_ORDER_VARS[region];unit.style.setProperty(\"\".concat(base,\"-d\"),String(desktopOrders[region]));unit.style.setProperty(\"\".concat(base,\"-m\"),String(mobileOrders[region]));});stack.querySelectorAll(\"[\".concat(SPREAD_GROUP_ATTR,\"]\")).forEac
1h(function(group){group.style.removeProperty('--features-spread-group-order-d');group.style.removeProperty('--features-spread-group-order-m');});}function isSpreadApartAlignment(stack,mobile){return mobile?stack.classList.contains('justify-between'):stack.classList.contains('desktop:justify-between');}function applyGroupOrders(group,members,desktopOrders,mobileOrders){var desktopOrder=groupOrder(desktopOrders,members);var mobileOrder=groupOrder(mobileOrders,members);group.style.setProperty('--features-spread-group-order-d',String(desktopOrder));group.style.setProperty('--features-spread-group-order-m',String(mobileOrder));}function wrapSpreadGroups(stack,groups,root,mobile){var spreadApart=isSpreadApartAlignment(stack,mobile);var desktopOrders=computeOrders(root,false);var mobileOrders=computeOrders(root,true);groups.forEach(function(members){var units=members.map(function(region){return findSpreadUnit(stack,region);}).filter(function(unit){return!!unit;});if(!units.length)return;var group=document.createElement('div');group.className='cmp-features__spread-group';group.setAttribute(SPREAD_GROUP_ATTR,'');var onlyControls=units.length===1&&units[0].classList.contains('cmp-features__spread-unit--controls');if(onlyControls&&!spreadApart){group.classList.add('cmp-features__spread-group--pin-end');}var firstUnit=units[0];stack.insertBefore(group,firstUnit);members.forEach(function(region){var unit=findSpreadUnit(stack,region);if(!unit)return;clearSpreadUnitOrder(unit,region);group.appendChild(unit);});applyGroupOrders(group,members,desktopOrders,mobileOrders);});}function applySpreadApartLayout(stack,root,mobile){unwrapSpreadGroups(stack);var grouping=mobile?root.dataset.spreadApartGroupingsMobile||'':root.dataset.spreadApartGroupingsDesktop||'';var leftover=mobile?isGroupLeftoverEnabled(root.dataset.groupLeftoverParsysMobile):isGroupLeftoverEnabled(root.dataset.groupLeftoverParsysDesktop);var groups=computeSpreadApartRegionGroups(grouping,leftover);if(!groups){applySpreadUnitOrders(stack,root);return;}wrapSpreadGroups(stack,groups,root,mobile);}function clearParsysGapClasses(stack){;(0,toConsumableArray/* default */.A)(stack.classList).forEach(function(token){if(PARSYS_GAP_CLASS.test(token)){stack.classList.remove(token);}});}function addClassTokens(el){for(var _len=arguments.length,values=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){values[_key-1]=arguments[_key];}values.join(' ').trim().split(/\\s+/).filter(Boolean).forEach(function(token){return el.classList.add(token);});}/** Gap + alignment utilities on the left stack (from [data-features-root] data-*). */function applyParsysGaps(root){var stack=root.querySelector('.cmp-features__left-stack');if(!stack)return;var mobileGap=nonEmpty(root.dataset.parsysMinimumGapMobile,'gap-24');var desktopGap=nonEmpty(root.dataset.parsysMinimumGapDesktop,'desktop:gap-24');var alignMobile=root.dataset.parsysAlignmentMobile||'';var alignDesktop=root.dataset.parsysAlignmentDesktop||'';clearParsysGapClasses(stack);addClassTokens(stack,mobileGap,desktopGap,alignMobile,alignDesktop);}function applyParsysFlexLayout(root){applyParsysGaps(root);var stack=root.querySelector('.cmp-features__left-stack');if(!stack)return;var desktopMq=window.matchMedia(DESKTOP_MQ);var apply=function apply(){applySpreadApartLayout(stack,root,!desktopMq.matches);};apply();if(typeof desktopMq.addEventListener==='function'){desktopMq.addEventListener('change',apply);}else{desktopMq.addListener(apply);}}\n// EXTERNAL MODULE: ../../core/ui.apps/src/main/content/jcr_root/apps/wd-core/components/datalayer/datalayer.js\nvar datalayer = __webpack_require__(5564);\n;// ./src/main/content/jcr_root/apps/atlas/components/content/redesign/features_redesign/features_redesign_analytics.ts\nfunction _createForOfIteratorHelper(r,e){var t=\"undefined\"!=typeof Symbol&&r[Symbol.iterator]||r[\"@@iterator\"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&\"number\"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t[\"return\"]||t[\"return\"]();}finally{if(u)throw o;}}};}
1function _unsupportedIterableToArray(r,a){if(r){if(\"string\"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return\"Object\"===t&&r.constructor&&(t=r.constructor.name),\"Map\"===t||\"Set\"===t?Array.from(r):\"Arguments\"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}/**\n * Adobe Analytics (AA) / Customer Journey Analytics (CJA) tracking for Features\n * Redesign navigation-item and arrow-control interactions.\n *\n * Fires a `linkInteraction` Web SDK event (globals come from `initialState` via\n * `trackAdobeEvent` / the Adobe data layer).\n *\n * ## Navigation item click\n * | Field | Value |\n * |-------|--------|\n * | `eVar12` / `pageInfo.launchRule` | `Feature Navigation Item Click` |\n * | `eVar59` / `linkInfo.linkName` / `webInteraction.name` | `Feature : {Title} : {Navigation Item}` |\n *\n * ## Arrow control click\n * | Field | Value |\n * |-------|--------|\n * | `eVar12` / `pageInfo.launchRule` | `Feature Arrow Control Click` |\n * | `eVar59` / `linkInfo.linkName` / `webInteraction.name` | `Feature : {Title} : Arrow` |\n *\n * Both arrows report the same `Arrow` label; the spec does not distinguish\n * previous from next. No `events` block is sent because the requirement lists\n * none â the same shape `eyebrow_analytics.ts` uses.\n *\n * ## Title resolution\n * Features has no authored title property; the heading shown above the list is\n * free-form content in the static parsys. The title is the first non-empty text\n * node matched by `STATIC_TITLE_SELECTOR` inside `.cmp-features__static` (headings,\n * eyebrow label, or text component â all treated as plain text). When no title\n * is found the label degrades to the two-part `Feature : {Navigation Item}`\n * rather than emitting an empty segment, mirroring `anchor_horizontal_analytics`.\n *\n * @see features_redesign.ts â row activation, arrow controls, and the editor gate.\n * @see left.html â row buttons, `.cmp-features__title`, and the arrow controls.\n * @module features_redesign_analytics\n */;/** Row trigger for one navigable list item. */var ROW_SELECTOR='[data-features-row]';/** Label node inside a row â excludes the icon and active-bar spans. */var ROW_TITLE_SELECTOR='.cmp-features__title';/** Static parsys above the list; hosts the authored component heading. */var STATIC_SELECTOR='.cmp-features__static';/** First matching authored text in the static parsys (document order). */var STATIC_TITLE_SELECTOR='h1, h2, h3, h4, h5, h6, .heading-xxl, .heading-xl, .heading-lg, .heading-md, .heading-sm, .heading-xs, .body-lg, .body-md, .body-sm, .body-xs';/** Previous / next arrow controls (`role=\"button\"` wrappers, not `<button>`). */var ARROW_SELECTOR='[data-features-prev], [data-features-next]';var NAV_RULE='Feature Navigation Item Click';var ARROW_RULE='Feature Arrow Control Click';/** Spec reports both directions as a single `Arrow` label. */var ARROW_LABEL='Arrow';function normalizeText(value){return(value===null||value===void 0?void 0:value.replace(/[\\u00A0\\s]+/g,' ').trim())||'';}/**\n * `:` separates the label segments, so authored copy must not contribute its\n * own colon (see `card_redesign_analytics.sanitizeTitleForClickLabel`).\n */function sanitizeLabel(value){return normalizeText(value).replace(/:/g,'').trim();}/**\n * Authored component title â first non-empty text from the static parsys.\n *\n * @param root - A single `[data-features-root]` element.\n */function getFeatureTitle(root){var staticArea=root.querySelector(STATIC_SELECTOR);if(!staticArea)return'';var _iterator=_createForOfIteratorHelper(staticArea.querySelectorAll(STATIC_TITLE_SELECTOR)),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var source=_step.value;var text=sanitizeLabel(source.textContent);if(text)return text;}}catch(err){_iterator.e(err);}finally{_iterator.f();}return'';}/**\n * Builds `Feature : {Title} : {Item}`, dropping the title segment when the\n * static parsys has no heading so no empty segment is reported.\n */function buildLinkName(title,item){return title?\"Feature : \".concat(title,\" : \").concat(item):\"Feature : \".concat(item);}function sendBeacon(ruleName,linkName){;(0,datalayer/* trackAdobeEvent */.F0)('linkInteraction',{eVars:{eVar12:ruleName,eVar59:linkName},pageInfo:{launchRule:ruleName},linkInfo:{linkName:linkName},webInteraction:{name:linkName,url:window.location.href}});}function trackNavigationItemClick(root,row){var _row$querySelector;var item=sanitizeLabel((_row$querySelector=row.querySelector(ROW_TITLE_SELECTOR))===null||_row$querySelector===void 0?void 0:_row$querySelector.textContent);if(!item)return;sendBeacon(NAV_RULE,buildLinkName(getFeatureTitle(root),item));}function trackArrowControlClick(root){sendBeacon(ARROW_RULE,buildLinkName(getFeatureTitle(root),ARROW_LABEL));}
1/**\n * Binds click analytics for one Features root.\n *\n * Listens on the root during the **capture** phase so the handler always runs\n * before the row and arrow handlers in `features_redesign.ts`, whatever order\n * the two modules are initialized in. That ordering matters: a row's\n * `aria-selected` is read to skip re-clicks of the already-active item, and the\n * component flips that attribute in its own click handler.\n *\n * Re-clicking the active row emits nothing, matching `tabs_analytics`, where\n * re-selecting the current tab is likewise not a selection event. Arrows parked\n * at a non-looping boundary emit nothing either, since the component ignores\n * those activations and no navigation occurs.\n *\n * @param root - A single `[data-features-root]` element, publish mode only.\n */function initFeaturesAnalyticsForRoot(root){if(root.dataset.featuresAnalyticsBound==='true')return;root.dataset.featuresAnalyticsBound='true';var handleActivation=function handleActivation(target){var arrow=target.closest(ARROW_SELECTOR);if(arrow&&root.contains(arrow)){if(arrow.getAttribute('aria-disabled')==='true')return;trackArrowControlClick(root);return;}var row=target.closest(ROW_SELECTOR);if(row&&root.contains(row)){if(row.getAttribute('aria-selected')==='true')return;trackNavigationItemClick(root,row);}};root.addEventListener('click',function(event){if(event.target instanceof Element)handleActivation(event.target);},true);// Rows are real <button>s, so Enter/Space already produce a click. The arrows\n// are role=\"button\" wrappers, which do not, and the component activates them\n// from its own keydown handler â so match that here to keep parity.\nroot.addEventListener('keydown',function(event){if(event.key!=='Enter'&&event.key!==' ')return;if(!(event.target instanceof Element))return;var arrow=event.target.closest(ARROW_SELECTOR);if(!arrow||!root.contains(arrow))return;if(arrow.getAttribute('aria-disabled')==='true')return;trackArrowControlClick(root);},true);}\n;// ./src/main/content/jcr_root/apps/atlas/components/content/redesign/features_redesign/features_redesign.ts\n/**\n * Runtime for features_redesign:\n * ⢠activates a row when its tab button or item-title parsys is clicked (or via keyboard)\n * ⢠toggles the matching item-title panel, navigation-area slot, column slot, and dot\n * ⢠auto-advances when data-show-timer-desktop/mobile is set (pause via control only)\n * ⢠prev/next buttons when data-features-prev/next exist\n * ⢠keyboard: ArrowUp/Down/Left/Right + Home/End on the tablist, Enter/Space on controls\n *\n * Each instance is keyed by data-features-root so multiple Features components on one page\n * do not interfere.\n */var ACTIVE_ITEM_CLASS='cmp-features__item--active';var ACTIVE_ROW_CLASS='cmp-features__row--active';var ACTIVE_BAR_CLASS='cmp-features__active-bar--active';var ACTIVE_PANEL_CLASS='cmp-features__panel--active';var ACTIVE_NAV_AREA_CLASS='cmp-features__nav-area-slot--active';var ACTIVE_COLUMN_CLASS='cmp-features__column-slot--active';var ACTIVE_DOT_CLASS='cmp-features__dot--active';var PAUSED_DOT_CLASS='cmp-features__dot--paused';var NAV_BOUNDARY_CLASS='cmp-features__nav-button--at-boundary';var FeaturesRedesign=/*#__PURE__*/function(){function FeaturesRedesign(){(0,classCallCheck/* default */.A)(this,FeaturesRedesign);(0,defineProperty/* default */.A)(this,\"roots\",void 0);this.roots=document.querySelectorAll('[data-features-root]');}return (0,createClass/* default */.A)(FeaturesRedesign,[{key:\"run\",value:function run(){var _this=this;if(!this.roots.length)return;var isAuthor=document.body.classList.contains('is-editor');this.roots.forEach(function(root){if(!isAuthor){_this.initHostedGrids(root);applyParsysFlexLayout(root);initFeaturesAnalyticsForRoot(root);}else{applyParsysGaps(root);}_this.initOne(root);});(0,animation_observer/* initAnimations */.Uh)(document);}/** Publish grid shell: apply layout and clear FOUC guard (grid-hosted.html). */},{key:\"initHostedGrids\",value:function initHostedGrids(featuresRoot){featuresRoot.querySelectorAll('.cmp-grid-redesign').forEach(function(grid){try{var wcmEdit=grid.dataset.wcmEdit==='true';(0,grid_presentation/* applyGridPresentation */.Pc)(grid,wcmEdit);}catch(error){console.error('Features: failed to apply hosted grid presentation',error);}finally{;(0,grid_presentation/* markGridPresentationReady */.RF)(grid);}});}},{key:\"initOne\",value:function initOne(root){if(document.body.classList.contains('is-editor')){// Author: panels stay open, no tab/timer or parsys flex-order JS\nreturn;}var rows=this.collectRows(root);if(!rows.length)return;var initialKey=root.dataset.initialActive||rows[0].key;var activeIdx=Math.max(0,rows.findIndex(function(r){return r.key===initialKey;}));var timerEl=root.querySelector('[data-features-timer]');var pauseBtn=root.querySelector('[data-features-pause-btn]');var prevBtn=root.querySelector('[data-features-prev]');var nextBtn=root.querySelector('[data-features-next]');var desktopMq=window.matchMedia('(min-width: 768px)');var isDesktopViewport=function isDesktopViewport(){return desktopMq.matches;};var timerSecondsForViewport=function timerSecondsForViewport(){var raw=isDesktopViewport()?root.dataset.timerSecondsDesktop:root.dataset.timerSecondsMobile;var parsed=parseInt(raw||'5',10);return parsed>0?parsed:5;};var timerSeconds=timerSecondsForViewport();var timerMs=timerSeconds*1000;var applyTimerDurationCss=function applyTimerDurationCss(){root.style.setProperty('--features-timer-duration',\"\".concat(timerMs,\"ms\"));};applyTimerDurationCss();var showTimerForViewport=function showTimerForViewport(){var enabled=isDesktopViewport()?root.dataset.showTimerDesktop==='true':root.dataset.showTimerMobile==='true';return enabled&&timerMs>0;};var showTimer=showTimerForViewport();var loopForViewport=function loopForViewport(){return isDesktopViewport()?root.dataset.loopDesktop==='true':root.dataset.loopMobile==='true';};var loop=loopForViewport();var reducedMotion=window.matchMedia('(prefers-reduced-motion: reduce)').matches;var timerHandle=null;var timerPaused=false;var timerRemainingMs=timerMs;var timerStartedAt=0;var syncTimerForViewport=function syncTimerForViewport(){var nextSeconds=timerSecondsForViewport();var nextMs=nextSeconds*1000;var timerDurationChanged=nextMs!==timerMs;if(timerDurationChanged){timerSeconds=nextSeconds;timerMs=nextMs;timerRemainingMs=timerMs;applyTimerDurationCss();}showTimer=showTimerForViewport();syncNavButtons();restartTimer();};if(typeof desktopMq.addEventListener==='function'){desktopMq.addEventListener('change',syncTimerForViewport);}else{desktopMq.addListener(syncTimerForViewport);}var dotProgressEl=function dotProgressEl(dot){var _dot$querySelector;return(_dot$querySelector=dot===null||dot===void 0?void 0:dot.querySelector('.cmp-features__dot-progress'))!==null&&_dot$querySelector!==void 0?_dot$querySelector:null;};var pauseDotProgressAnimation=function pauseDotProgressAnimation(dot){var progress=dotProgressEl(dot);if(!progress)return;
1progress.getAnimations().forEach(function(anim){if(anim.playState==='running')anim.pause();});};var resumeDotProgressAnimation=function resumeDotProgressAnimation(dot){var progress=dotProgressEl(dot);if(!progress)return;progress.getAnimations().forEach(function(anim){if(anim.playState==='paused')anim.play();});};var syncDotFillAnimation=function syncDotFillAnimation(dot){if(!dot)return;if(!showTimerForViewport()){dot.removeAttribute('data-timer-fill');return;}dot.setAttribute('data-timer-fill','off');void dot.offsetWidth;dot.setAttribute('data-timer-fill','on');};var isAtTerminalEnd=function isAtTerminalEnd(){return!loopForViewport()&&activeIdx>=rows.length-1;};var syncNavButtons=function syncNavButtons(){loop=loopForViewport();var atFirst=activeIdx<=0;var atLast=activeIdx>=rows.length-1;var prevBoundary=!loop&&atFirst;var nextBoundary=!loop&&atLast;prevBtn===null||prevBtn===void 0||prevBtn.classList.toggle(NAV_BOUNDARY_CLASS,prevBoundary);prevBtn===null||prevBtn===void 0||prevBtn.setAttribute('aria-disabled',prevBoundary?'true':'false');prevBtn===null||prevBtn===void 0||prevBtn.setAttribute('tabindex',prevBoundary?'-1':'0');nextBtn===null||nextBtn===void 0||nextBtn.classList.toggle(NAV_BOUNDARY_CLASS,nextBoundary);nextBtn===null||nextBtn===void 0||nextBtn.setAttribute('aria-disabled',nextBoundary?'true':'false');nextBtn===null||nextBtn===void 0||nextBtn.setAttribute('tabindex',nextBoundary?'-1':'0');};var syncA11yState=function syncA11yState(){rows.forEach(function(row,idx){var _row$panel,_row$columnSlot,_row$columnSlot2,_row$columnSlot3,_row$navAreaSlot,_row$navAreaSlot2,_row$dot;var isActive=idx===activeIdx;(_row$panel=row.panel)===null||_row$panel===void 0||_row$panel.setAttribute('aria-hidden',isActive?'false':'true');(_row$columnSlot=row.columnSlot)===null||_row$columnSlot===void 0||_row$columnSlot.setAttribute('aria-hidden',isActive?'false':'true');(_row$columnSlot2=row.columnSlot)===null||_row$columnSlot2===void 0||_row$columnSlot2.setAttribute('tabindex',isActive?'0':'-1');(_row$columnSlot3=row.columnSlot)===null||_row$columnSlot3===void 0||_row$columnSlot3.toggleAttribute('inert',!isActive);(_row$navAreaSlot=row.navAreaSlot)===null||_row$navAreaSlot===void 0||_row$navAreaSlot.setAttribute('aria-hidden',isActive?'false':'true');(_row$navAreaSlot2=row.navAreaSlot)===null||_row$navAreaSlot2===void 0||_row$navAreaSlot2.toggleAttribute('inert',!isActive);(_row$dot=row.dot)===null||_row$dot===void 0||(_row$dot=_row$dot.querySelector('.cmp-features__dot-track'))===null||_row$dot===void 0||_row$dot.setAttribute('aria-current',isActive?'true':'false');});pauseBtn===null||pauseBtn===void 0||pauseBtn.setAttribute('aria-pressed',timerPaused?'true':'false');};var restartPanelTitleEntrance=function restartPanelTitleEntrance(panel){if(!panel)return;var body=panel.querySelector('.cmp-features__panel-body');if(!body)return;body.style.animation='none';void body.offsetWidth;body.style.animation='';};var setActive=function setActive(nextIdx){var _opts$syncDot;var opts=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var slideChanged=nextIdx!==activeIdx;activeIdx=nextIdx;if(slideChanged){timerRemainingMs=timerMs;}var shouldSyncDot=(_opts$syncDot=opts.syncDot)!==null&&_opts$syncDot!==void 0?_opts$syncDot:slideChanged;rows.forEach(function(row,idx){var _row$itemEl,_row$button$querySele,_row$panel2,_row$navAreaSlot3,_row$columnSlot4,_row$dot2;var isActive=idx===activeIdx;row.button.setAttribute('aria-selected',isActive?'true':'false');row.button.setAttribute('tabindex',isActive?'0':'-1');row.button.classList.toggle(ACTIVE_ROW_CLASS,isActive);(_row$itemEl=row.itemEl)===null||_row$itemEl===void 0||_row$itemEl.classList.toggle(ACTIVE_ITEM_CLASS,isActive);(_row$button$querySele=row.button.querySelector('.cmp-features__active-bar'))===null||_row$button$querySele===void 0||_row$button$querySele.classList.toggle(ACTIVE_BAR_CLASS,isActive);(_row$panel2=row.panel)===null||_row$panel2===void 0||_row$panel2.classList.toggle(ACTIVE_PANEL_CLASS,isActive);(_row$navAreaSlot3=row.navAreaSlot)===null||_row$navAreaSlot3===void 0||_row$navAreaSlot3.classList.toggle(ACTIVE_NAV_AREA_CLASS,isActive);(_row$columnSlot4=row.columnSlot)===null||_row$columnSlot4===void 0||_row$columnSlot4.classList.toggle(ACTIVE_COLUMN_CLASS,isActive);if(isActive&&slideChanged){if(row.panel){restartPanelTitleEntrance(row.panel);(0,animation_observer/* runEntranceAnimations */.Rt)(row.panel,{reset:true});}if(row.columnSlot){(0,animation_observer/* runEntranceAnimations */.Rt)(row.columnSlot,{reset:true});}if(row.navAreaSlot){(0,animation_observer/* runEntranceAnimations */.Rt)(row.navAreaSlot,{reset:true});}}(_row$dot2=row.dot)===null||_row$dot2===void 0||_row$dot2.classList.toggle(ACTIVE_DOT_CLASS,isActive);if(!isActive){var _row$dot3,_row$dot4;(_row$dot3=row.dot)===null||_row$dot3===void 0||_row$dot3.classList.remove(PAUSED_DOT_CLASS);(_row$dot4=row.dot)===null||_row$dot4===void 0||_row$dot4.removeAttribute('data-timer-fill');}if(isActive){if(timerPaused){var _row$dot5;(_row$dot5=row.dot)===null||_row$dot5===void 0||_row$dot5.classList.add(PAUSED_DOT_CLASS);timerEl===null||timerEl===void 0||timerEl.classList.add('is-paused');}else if(shouldSyncDot){syncDotFillAnimation(row.dot);}}});if(opts.focus){var _rows$activeIdx;(_rows$activeIdx=rows[activeIdx])===null||_rows$activeIdx===void 0||_rows$activeIdx.button.focus({preventScroll:true});}syncNavButtons();syncA11yState();restartTimer();};var advance=function advance(delta){loop=loopForViewport();var next=activeIdx+delta;if(loop){next=(next+rows.length)%rows.length;}else{next=Math.min(rows.length-1,Math.max(0,next));}setActive(next);};var clearTimer=function clearTimer(){if(timerHandle!==null){window.clearTimeout(timerHandle);timerHandle=null;}};var restartTimer=function restartTimer(){showTimer=showTimerForViewport();clearTimer();if(!showTimer||timerPaused){return;}if(isAtTerminalEnd()){return;}if(reducedMotion){timerHandle=window.setTimeout(function(){return advance(1);},timerRemainingMs);return;}timerHandle=window.setTimeout(function(){return advance(1);},timerRemainingMs);timerStartedAt=Date.now();};var pauseTimer=function pauseTimer(){var _rows$activeIdx2;if(!showTimer||timerPaused)return;timerPaused=true;if(timerHandle!==null){var elapsed=Date.now()-timerStartedAt;timerRemainingMs=Math.max(0,timerRemainingMs-elapsed);clearTimer();}var activeDot=(_rows$activeIdx2=rows[activeIdx])===null||_rows$activeIdx2===void 0?void 0:_rows$activeIdx2.dot;activeDot===null||activeDot===void 0||activeDot.classList.add(PAUSED_DOT_CLASS);pauseDotProgressAnimation(activeDot);timerEl===null||timerEl===void 0||timerEl.classList.add('is-paused');pauseBtn===null||pauseBtn===void 0||pauseBtn.classList.add('is-paused');syncPauseControlLabel();syncA11yState();};var resumeTimer=function resumeTimer(){var _rows$activeIdx3;if(!showTimer||!timerPaused)return;timerPaused=false;var activeDot=(_rows$activeIdx3=rows[activeIdx])===null||_rows$activeIdx3===void 0?void 0:_rows$activeIdx3.dot;activeDot===null||activeDot===void 0||activeDot.classList.remove(PAUSED_DOT_CLASS);resumeDotProgressAnimation(activeDot);timerEl===null||timerEl===void 0||timerEl.classList.remove('is-paused');pauseBtn===null||pauseBtn===void 0||pauseBtn.classList.remove('is-paused');syncPauseControlLabel();syncA11yState();restartTimer();};var syncPauseControlLabel=function syncPauseControlLabel(){var _Granite;if(!pauseBtn)return;var i18n=(_Granite=window.Granite)===null||_Granite===void 0?void 0:_Granite.I18n;var pauseLabel=pauseBtn.dataset.pauseLabel||(i18n===null||i18n===void 0?void 0:i18n.get('Pause autoplay'))||'Pause autoplay';var resumeLabel=pauseBtn.dataset.resumeLabel||(i18n===null||i18n===void 0?void 0:i18n.get('Resume autoplay'))||'Resume autoplay';pauseBtn.setAttribute('aria-label',timerPaused?resumeLabel:pauseLabel);};var isInteractiveTarget=function isInteractiveTarget(target){if(!(target instanceof HTMLElement))return false;return!!target.closest('a, button, input, textarea, select, label, [role=\"button\"], [contenteditable=\"true\"]');};var activateRowAt=function activateRowAt(idx){if(idx<0||idx===activeIdx)return;setActive(idx);};// Row + item-title parsys + dot click\nrows.forEach(function(row,idx){var _row$panel3,_row$dot6;row.button.addEventListener('click',function(event){event.preventDefault();activateRowAt(idx);});(_row$panel3=row.panel)===null||_row$panel3===void 0||_row$panel3.addEventListener('click',function(event){if(isInteractiveTarget(event.target))return;activateRowAt(idx);});
1(_row$dot6=row.dot)===null||_row$dot6===void 0||(_row$dot6=_row$dot6.querySelector('.cmp-features__dot-track'))===null||_row$dot6===void 0||_row$dot6.addEventListener('click',function(event){event.preventDefault();activateRowAt(idx);});});// Keyboard navigation on the tablist\nvar tablist=root.querySelector('[role=\"tablist\"]');tablist===null||tablist===void 0||tablist.addEventListener('keydown',function(event){var _rows$activeIdx4,_rows$activeIdx5;switch(event.key){case'ArrowDown':case'ArrowRight':event.preventDefault();advance(1);(_rows$activeIdx4=rows[activeIdx])===null||_rows$activeIdx4===void 0||_rows$activeIdx4.button.focus({preventScroll:true});break;case'ArrowUp':case'ArrowLeft':event.preventDefault();advance(-1);(_rows$activeIdx5=rows[activeIdx])===null||_rows$activeIdx5===void 0||_rows$activeIdx5.button.focus({preventScroll:true});break;case'Home':event.preventDefault();setActive(0,{focus:true});break;case'End':event.preventDefault();setActive(rows.length-1,{focus:true});break;}});// Pause / Play control\npauseBtn===null||pauseBtn===void 0||pauseBtn.addEventListener('click',function(){if(timerPaused)resumeTimer();else pauseTimer();});pauseBtn===null||pauseBtn===void 0||pauseBtn.addEventListener('keydown',function(event){if(event.key!=='Enter'&&event.key!==' ')return;event.preventDefault();if(timerPaused)resumeTimer();else pauseTimer();});syncPauseControlLabel();var bindNavControl=function bindNavControl(el,delta){if(!el)return;var activate=function activate(){if(el.getAttribute('aria-disabled')==='true')return;advance(delta);};el.addEventListener('click',activate);el.addEventListener('keydown',function(event){if(event.key!=='Enter'&&event.key!==' ')return;if(el.getAttribute('aria-disabled')==='true')return;event.preventDefault();activate();});};bindNavControl(prevBtn,-1);bindNavControl(nextBtn,1);// Pause when tab/window is hidden\ndocument.addEventListener('visibilitychange',function(){if(document.hidden)pauseTimer();else resumeTimer();});// Initial state\nsetActive(activeIdx,{syncDot:true});}},{key:\"collectRows\",value:function collectRows(root){var buttons=root.querySelectorAll('[data-features-row]');return Array.from(buttons).map(function(button){var key=button.getAttribute('data-features-row')||'';return{key:key,button:button,panel:root.querySelector(\"[data-features-panel=\\\"\".concat(cssEscape(key),\"\\\"]\")),navAreaSlot:root.querySelector(\"[data-features-nav-area=\\\"\".concat(cssEscape(key),\"\\\"]\")),columnSlot:root.querySelector(\"[data-features-column=\\\"\".concat(cssEscape(key),\"\\\"]\")),dot:root.querySelector(\"[data-features-dot=\\\"\".concat(cssEscape(key),\"\\\"]\")),itemEl:button.closest('.cmp-features__item')};});}}]);}();function cssEscape(value){var _CSS;if(typeof((_CSS=window.CSS)===null||_CSS===void 0?void 0:_CSS.escape)==='function'){return window.CSS.escape(value);}return value.replace(/([\"\\\\\\]])/g,'\\\\$1');}/* harmony default export */ const features_redesign = (FeaturesRedesign);\n\n//# sourceURL=webpack://ui.apps/./src/main/content/jcr_root/apps/atlas/components/content/redesign/features_redesign/features_redesign.ts_+_2_modules?\n}")}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.