@area17/a17-boilerplate/core_files/js/app.js

import manageBehaviors from '@area17/a17-helpers/src/utility/manageBehaviors';
import resized from '@area17/a17-helpers/src/utility/resized';
import ios100vhFix from '@area17/a17-helpers/src/utility/ios100vhFix';
import responsiveImageUpdate from '@area17/a17-helpers/src/utility/responsiveImageUpdate';
import focusDisplayHandler from '@area17/a17-helpers/src/utility/focusDisplayHandler';
import * as Behaviors from './behaviors';

/*

  A17

  Doc: // Doc: https://code.area17.com/a17/fe-boilerplate/wikis/js-app

*/

window.A17 = window.A17 || {};

// optional - get fe config structure from frontend.config.json
window.A17.breakpoints = _feConfigBreakpoints_; // is in size order
window.A17.structure = _feConfigStructure_;
// also available: _feConfigColor_, _feConfigTypography_, _feConfigSpacing_, _feConfigSmallestBreakpoint_

document.addEventListener('DOMContentLoaded', function(){
  // adds a `--1vh` CSS variable to `:root`
  ios100vhFix();

  // make safari recalc image sizes
  responsiveImageUpdate();

  // watch what triggers a focus event
  focusDisplayHandler();

  // on resize, check
  resized();

  // go go go
  manageBehaviors(Behaviors);
});