define(['jquery','uiComponent','underscore','mage/translate'],function($,Component,_,$t){'use strict';return Component.extend({defaults:{cookieName:'mst_gtm_debug',debugOn:'gtm'},initialize:function(){this._super();var $body=$('body');var currentUrl=new URL(window.location);if(currentUrl.searchParams.get('debug')==this.debugOn){if($.cookie(this.cookieName)==this.debugOn){$.cookie(this.cookieName,'');}else{$.cookie(this.cookieName,this.debugOn);}}
if($.cookie(this.cookieName)==this.debugOn){$body.append(this.getWrapperHtml());this.$toolbarBody=$('.mst-gtm__toolbar-body');let len=0
setInterval(function(){if(window.dataLayer.length!==len){this.updateToolbar();len=window.dataLayer.length}}.bind(this),1000);}},updateToolbar:function(){this.$toolbarBody.html('');let index=1;_.each(window.dataLayer,function(data){var isEvent=typeof data.event!='undefined';if(!isEvent&&typeof data[0]!='undefined'){isEvent=typeof data[0]=='event';}
if(isEvent){const $displayData=$('<pre/>').html($('<code/>').html(JSON.stringify(data,undefined,4)));const $event=$('<div />').addClass('mst-gtm__toolbar-event').append($('<strong/>').html('#'+index)).append($('<i />').html('Event: '+data.event)).append($('<span />').html('details'));$('body').on('click','.mst-gtm__toolbar-extra .action.close',function(){$('.mst-gtm__toolbar-extra').remove();});$event.on('click',function(){$('.mst-gtm__toolbar-event',this.$toolbarBody).removeClass('_active')
$event.addClass('_active')
this.displayData($displayData)}.bind(this));this.$toolbarBody.append($event);index++}}.bind(this));},getWrapperHtml:function(){return''+'<div class="mst-gtm__toolbar">'+'    <strong>Google Tag Manager</strong>'+'    <div class="mst-gtm__toolbar-body"></div>'+'</div>';},displayData:function($data){$('body .mst-gtm__toolbar-extra').remove();let closeButton='<button type="button" class="action close">'+'<span>×</span>'+'</button>';$t=$('<div/>').addClass('mst-gtm__toolbar-extra').html(closeButton+$data[0].outerHTML);$('body').append($t)}});});