{"version":3,"sources":["webpack://gli-frontend/../web/themes/custom/gilderlehrman_theme/src/js/gli__hero-banner.js"],"names":["Drupal","$","behaviors","heroBanner","attach","context","once","forEach","element","$image_media","$video_media","length","closeModal","$video","remove","$modal","removeClass","$container","append","clone","$overlay","$close","body","on","window","width","addClass","event","preventDefault","jQuery"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AAEA,CAAC,UAACA,MAAD,EAASC,CAAT,EAAe;AACd;AACF;AACA;AACED,QAAM,CAACE,SAAP,CAAiBC,UAAjB,GAA8B;AAC5BC,UAD4B,kBACrBC,OADqB,EACZ;AACdC,UAAI,CAAC,oBAAD,EAAuB,+BAAvB,CAAJ,CAA4DC,OAA5D,CAAoE,UAAAC,OAAO,EAAI;AAC7E,YAAMC,YAAY,GAAGR,CAAC,CAAC,uDAAD,EAA0DO,OAA1D,CAAtB;AAAA,YACEE,YAAY,GAAGT,CAAC,CAAC,8DAAD,EAAiEO,OAAjE,CADlB;;AAGA,YAAIC,YAAY,CAACE,MAAb,IAAuBD,YAAY,CAACC,MAAxC,EAAgD;AAAA,cAqBrCC,UArBqC,GAqB9C,SAASA,UAAT,GAAsB;AACpBC,kBAAM,CAACC,MAAP;AACAC,kBAAM,CAACC,WAAP,CAAmB,MAAnB;AACAC,sBAAU,CAACC,MAAX,CAAkBL,MAAlB;AACD,WAzB6C;;AAC9C,cAAMA,MAAM,GAAGZ,CAAC,CAAC,2BAAD,EAA8BO,OAA9B,CAAD,CAAwCW,KAAxC,EAAf;AAAA,cACEJ,MAAM,GAAGd,CAAC,CAAC,8gBAAD,CADZ;AAAA,cAEEgB,UAAU,GAAGhB,CAAC,CAAC,2BAAD,EAA8Bc,MAA9B,CAFhB;AAAA,cAGEK,QAAQ,GAAGnB,CAAC,CAAC,6BAAD,EAAgCc,MAAhC,CAHd;AAAA,cAIEM,MAAM,GAAGpB,CAAC,CAAC,2BAAD,EAA8Bc,MAA9B,CAJZ;AAKAE,oBAAU,CAACC,MAAX,CAAkBL,MAAlB;AACAZ,WAAC,CAACI,OAAO,CAACiB,IAAT,CAAD,CAAgBJ,MAAhB,CAAuBH,MAAvB;AACAN,sBAAY,CAACc,EAAb,CAAgB,OAAhB,EAAyB,YAAM;AAC7B,gBAAItB,CAAC,CAACuB,MAAD,CAAD,CAAUC,KAAV,MAAqB,IAAzB,EAA+B;AAC7BV,oBAAM,CAACW,QAAP,CAAgB,MAAhB;AACD;AACF,WAJD;AAKAN,kBAAQ,CAACG,EAAT,CAAY,OAAZ,EAAqB,YAAM;AACzBX,sBAAU;AACX,WAFD;AAGAS,gBAAM,CAACE,EAAP,CAAU,OAAV,EAAmB,UAAAI,KAAK,EAAI;AAC1BA,iBAAK,CAACC,cAAN;AACAhB,sBAAU;AACX,WAHD;AAUD;AACF,OA/BD;AAgCD;AAlC2B,GAA9B;AAoCD,CAxCD,EAwCGZ,MAxCH,EAwCW6B,MAxCX,E","file":"/js/gli__hero-banner.js","sourcesContent":["/**\n * @file\n * GLI Hero Banner behaviors.\n */\n\n((Drupal, $) => {\n  /**\n   * Expand images upon click.\n   */\n  Drupal.behaviors.heroBanner = {\n    attach(context) {\n      once('hero-banners-modal', '.paragraph--type--hero-banner').forEach(element => {\n        const $image_media = $('.media.media--type-image.media--view-mode-hero-banner', element),\n          $video_media = $('.media.media--type-remote-video.media--view-mode-hero-banner', element);\n\n        if ($image_media.length && $video_media.length) {\n          const $video = $('.field-media-oembed-video', element).clone(),\n            $modal = $('<div class=\"hero-banners-modal\" aria-hidden=\"true\"><div class=\"hero-banners-modal-overlay\" tabindex=\"-1\"><div class=\"hero-banners-modal-content\" role=\"dialog\" aria-modal=\"true\"><button class=\"hero-banners-modal-close\" aria-label=\"Close this dialog window\"><svg fill=\"none\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M.441 14.559L14.56.44M.441.441L14.56 14.56\" stroke=\"#fff\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/></svg></button><div class=\"hero-banners-modal-video\"></div></div></div></div>'),\n            $container = $('.hero-banners-modal-video', $modal),\n            $overlay = $('.hero-banners-modal-overlay', $modal),\n            $close = $('.hero-banners-modal-close', $modal);\n          $container.append($video);\n          $(context.body).append($modal);\n          $image_media.on('click', () => {\n            if ($(window).width() >= 1024) {\n              $modal.addClass('open');\n            }\n          });\n          $overlay.on('click', () => {\n            closeModal();\n          });\n          $close.on('click', event => {\n            event.preventDefault();\n            closeModal();\n          });\n\n          function closeModal() {\n            $video.remove();\n            $modal.removeClass('open');\n            $container.append($video);\n          }\n        }\n      });\n    },\n  };\n})(Drupal, jQuery);\n"],"sourceRoot":""}