@brandocms/jupiter 3.47.0 → 3.48.0

package/src/modules/Parallax/index.js

@@ -10,7 +10,7 @@ const DEFAULT_OPTIONS = {
 }
 
 export default class Parallax {
-  constructor (app, opts = {}) {
+  constructor(app, opts = {}) {
     this.app = app
     this.opts = _defaultsDeep(opts, DEFAULT_OPTIONS)
     this.elements = {}
@@ -28,40 +28,50 @@ export default class Parallax {
     window.addEventListener(Events.APPLICATION_SCROLL, this.onScroll.bind(this))
   }
 
-  initializeTimeline () {
+  initializeTimeline() {
     this.timeline = gsap.timeline({
       useFrames: true,
       paused: true
     })
 
     if (this.opts.fadeContent) {
-      this.timeline
-        .to(this.elements.content, {
+      this.timeline.to(
+        this.elements.content,
+        {
           duration: this.app.size.height * 0.4,
           opacity: 0,
           ease: 'power0.none'
-        }, 0)
+        },
+        0
+      )
     }
 
-    this.timeline
-      .to(this.elements.content, {
+    this.timeline.to(
+      this.elements.content,
+      {
         duration: this.app.size.height * 0.5,
         y: this.app.size.height * 0.1,
         ease: 'power0.none'
-      }, 0)
+      },
+      0
+    )
 
-    this.timeline
-      .fromTo(this.elements.figure, {
+    this.timeline.fromTo(
+      this.elements.figure,
+      {
         duration: this.app.size.height,
         yPercent: 0
-      }, {
+      },
+      {
         duration: this.app.size.height,
-        yPercent: ((this.app.size.height * this.opts.factor) / 100),
+        yPercent: (this.app.size.height * this.opts.factor) / 100,
         ease: 'power0.none'
-      }, 0)
+      },
+      0
+    )
   }
 
-  onScroll () {
+  onScroll() {
     const elTop = this.elements.wrapper.getBoundingClientRect().top
     const progress = Math.max(0, Math.min(elTop / this.timeline.duration(), 1))
     this.timeline.progress(progress)

package/src/modules/Popup/index.js

@@ -2,7 +2,6 @@ import { gsap } from 'gsap'
 import _defaultsDeep from 'lodash.defaultsdeep'
 
 const DEFAULT_OPTIONS = {
-
   /**
    * responsive
    *
@@ -23,20 +22,24 @@ const DEFAULT_OPTIONS = {
       duration: 0.3,
       opacity: 1,
       onComplete: () => {
-        gsap.fromTo(target, {
-          duration: 0.3,
-          yPercent: -50,
-          x: -5,
-          xPercent: -50,
-          opacity: 0,
-          display: 'block'
-        }, {
-          duration: 0.3,
-          yPercent: -50,
-          xPercent: -50,
-          x: 0,
-          opacity: 1
-        })
+        gsap.fromTo(
+          target,
+          {
+            duration: 0.3,
+            yPercent: -50,
+            x: -5,
+            xPercent: -50,
+            opacity: 0,
+            display: 'block'
+          },
+          {
+            duration: 0.3,
+            yPercent: -50,
+            xPercent: -50,
+            x: 0,
+            opacity: 1
+          }
+        )
       }
     })
   },
@@ -59,14 +62,14 @@ const DEFAULT_OPTIONS = {
 }
 
 export default class Popup {
-  constructor (app, opts = {}) {
+  constructor(app, opts = {}) {
     this.app = app
     this.opts = _defaultsDeep(opts, DEFAULT_OPTIONS)
     this.createBackdrop()
     this.bindTriggers()
   }
 
-  bindTriggers () {
+  bindTriggers() {
     const triggers = document.querySelectorAll('[data-popup-trigger]')
     const closers = document.querySelectorAll('[data-popup-close]')
 
@@ -91,7 +94,7 @@ export default class Popup {
     })
   }
 
-  createBackdrop () {
+  createBackdrop() {
     const backdrop = document.createElement('div')
     backdrop.setAttribute('data-popup-backdrop', '')
     gsap.set(backdrop, { opacity: 0, display: 'none', zIndex: 4999 })
@@ -105,7 +108,7 @@ export default class Popup {
     this.backdrop = backdrop
   }
 
-  open (trigger, target) {
+  open(trigger, target) {
     this.keyUpListener = this.onKeyup.bind(this)
     document.addEventListener('keyup', this.keyUpListener)
     if (typeof target === 'string') {
@@ -119,13 +122,13 @@ export default class Popup {
     this.opts.tweenIn(trigger, target, this)
   }
 
-  close () {
+  close() {
     document.removeEventListener('keyup', this.keyUpListener)
     this.opts.onClose(this)
     this.opts.tweenOut(this)
   }
 
-  onKeyup (e) {
+  onKeyup(e) {
     const key = e.keyCode || e.which
 
     switch (key) {

package/src/modules/ScrollSpy/index.js

@@ -4,30 +4,30 @@ import Dom from '../Dom'
 const DEFAULT_OPTIONS = {}
 
 export default class ScrollSpy {
-  constructor (app, opts = {}) {
+  constructor(app, opts = {}) {
     this.app = app
     this.opts = _defaultsDeep(opts, DEFAULT_OPTIONS)
     this.initialize()
   }
 
-  initialize () {
+  initialize() {
     this.triggers = Dom.all('[data-scrollspy-trigger]')
     const config = {
       rootMargin: '-55px 0px -85%'
     }
 
-    const observer = new IntersectionObserver((entries => {
+    const observer = new IntersectionObserver(entries => {
       entries.forEach(entry => {
         if (entry.isIntersecting) {
           this.intersectionHandler(entry)
         }
       })
-    }), config)
+    }, config)
 
     this.triggers.forEach(section => observer.observe(section))
   }
 
-  intersectionHandler (entry) {
+  intersectionHandler(entry) {
     const id = entry.target.dataset.scrollspyTrigger
     const currentlyActive = document.querySelector('[data-scrollspy-active]')
     const shouldBeActive = document.querySelector(`[data-scrollspy-target="${id}"]`)

package/src/modules/StackedBoxes/index.js

@@ -4,13 +4,13 @@ import _defaultsDeep from 'lodash.defaultsdeep'
 const DEFAULT_OPTIONS = {}
 
 export default class StackedBoxes {
-  constructor (app, opts = {}) {
+  constructor(app, opts = {}) {
     this.app = app
     this.opts = _defaultsDeep(opts, DEFAULT_OPTIONS)
     this.initialize()
   }
 
-  initialize () {
+  initialize() {
     const boxes = document.querySelectorAll('[data-boxes-stacked]')
 
     const observer = new IntersectionObserver(entries => {
@@ -25,7 +25,7 @@ export default class StackedBoxes {
     })
   }
 
-  adjustBox (box) {
+  adjustBox(box) {
     const sizeTarget = box.querySelector('[data-boxes-stacked-size-target]')
     const sizeSrc = box.querySelector('[data-boxes-stacked-size-src]')
 
@@ -59,11 +59,11 @@ export default class StackedBoxes {
     }
   }
 
-  pull (box, amnt) {
+  pull(box, amnt) {
     gsap.set(box, { y: amnt * -1, marginBottom: amnt * -1 })
   }
 
-  size (target, src) {
+  size(target, src) {
     gsap.set(target, { height: src.clientHeight })
   }
 }

package/src/modules/StickyHeader/index.js

@@ -85,7 +85,10 @@ const DEFAULT_OPTIONS = {
         .set(h.auxEl, { yPercent: -100 })
         .set(h.lis, { opacity: 0 })
         .to(h.auxEl, 1, {
-          yPercent: 0, delay: h.opts.enterDelay, ease: 'power3.out', autoRound: true
+          yPercent: 0,
+          delay: h.opts.enterDelay,
+          ease: 'power3.out',
+          autoRound: true
         })
         .staggerTo(h.lis, 0.8, { opacity: 1, ease: 'sine.in' }, 0.1, '-=1')
     },
@@ -99,7 +102,7 @@ const DEFAULT_OPTIONS = {
 }
 
 export default class StickyHeader {
-  constructor (app, opts = {}) {
+  constructor(app, opts = {}) {
     this.app = app
     this.mainOpts = _defaultsDeep(opts, DEFAULT_OPTIONS)
 
@@ -120,7 +123,6 @@ export default class StickyHeader {
       return
     }
 
-
     const section = document.body.getAttribute('data-script')
     this.opts = this._getOptionsForSection(section, opts)
 
@@ -154,7 +156,7 @@ export default class StickyHeader {
     this.initialize()
   }
 
-  initialize () {
+  initialize() {
     // bind to canvas scroll
     this.lastKnownScrollY = this.getScrollY()
     this.currentScrollY = this.lastKnownScrollY
@@ -177,11 +179,9 @@ export default class StickyHeader {
     this.opts.beforeEnter(this)
   }
 
-  setupObserver () {
+  setupObserver() {
     this.observer = new IntersectionObserver(entries => {
-      const [{
-        isIntersecting
-      }] = entries
+      const [{ isIntersecting }] = entries
 
       if (isIntersecting) {
         if (this._navVisible !== true) {
@@ -207,19 +207,23 @@ export default class StickyHeader {
         this.unpin()
         this.preventPin = true
       })
-      window.addEventListener(Events.APPLICATION_FORCED_SCROLL_END, () => {
-        this.preventPin = false
-        this.pin()
-        this.preventUnpin = false
-      }, false)
+      window.addEventListener(
+        Events.APPLICATION_FORCED_SCROLL_END,
+        () => {
+          this.preventPin = false
+          this.pin()
+          this.preventUnpin = false
+        },
+        false
+      )
     }
   }
 
-  bindObserver () {
+  bindObserver() {
     this.observer.observe(this.el)
   }
 
-  setResizeTimer () {
+  setResizeTimer() {
     this._isResizing = true
     if (this._pinned) {
       // unpin if resizing to prevent visual clutter
@@ -236,29 +240,29 @@ export default class StickyHeader {
     }, 500)
   }
 
-  _hideAlt () {
+  _hideAlt() {
     this.unpin()
   }
 
-  _showAlt () {
+  _showAlt() {
     this.pin()
   }
 
-  update () {
+  update() {
     this.redraw(false)
   }
 
-  lock () {
+  lock() {
     this.preventPin = true
     this.preventUnpin = true
   }
 
-  unlock () {
+  unlock() {
     this.preventPin = false
     this.preventUnpin = false
   }
 
-  checkSize (force) {
+  checkSize(force) {
     if (this.currentScrollY > this.opts.offsetSmall) {
       if (force) {
         this.small()
@@ -272,7 +276,7 @@ export default class StickyHeader {
     }
   }
 
-  checkTop (force) {
+  checkTop(force) {
     if (this.currentScrollY <= this.opts.offset) {
       if (force) {
         this.top()
@@ -286,7 +290,7 @@ export default class StickyHeader {
     }
   }
 
-  checkBot (force) {
+  checkBot(force) {
     if (this.currentScrollY + this.getViewportHeight() >= this.getScrollerHeight()) {
       if (force) {
         this.bottom()
@@ -300,7 +304,7 @@ export default class StickyHeader {
     }
   }
 
-  checkPin (force, toleranceExceeded) {
+  checkPin(force, toleranceExceeded) {
     if (this._navVisible) {
       if (this._pinned) {
         this.unpin()
@@ -322,11 +326,12 @@ export default class StickyHeader {
     }
   }
 
-  redraw (force = false) {
+  redraw(force = false) {
     this.currentScrollY = this.getScrollY()
     const toleranceExceeded = this.toleranceExceeded()
 
-    if (this.isOutOfBounds()) { // Ignore bouncy scrolling in OSX
+    if (this.isOutOfBounds()) {
+      // Ignore bouncy scrolling in OSX
       return
     }
 
@@ -335,42 +340,42 @@ export default class StickyHeader {
     this._firstLoad = false
   }
 
-  notTop () {
+  notTop() {
     this._top = false
     this.el.removeAttribute('data-header-top')
     this.el.setAttribute('data-header-not-top', '')
     this.opts.onNotTop(this)
   }
 
-  top () {
+  top() {
     this._top = true
     this.el.setAttribute('data-header-top', '')
     this.el.removeAttribute('data-header-not-top')
     this.opts.onTop(this)
   }
 
-  notBottom () {
+  notBottom() {
     this._bottom = false
     this.el.setAttribute('data-header-not-bottom', '')
     this.el.removeAttribute('data-header-bottom')
     this.opts.onNotBottom(this)
   }
 
-  bottom () {
+  bottom() {
     this._bottom = true
     this.el.setAttribute('data-header-bottom', '')
     this.el.removeAttribute('data-header-not-bottom')
     this.opts.onBottom(this)
   }
 
-  unpin () {
+  unpin() {
     if (!this.preventUnpin) {
       this._pinned = false
       this.opts.onUnpin(this)
     }
   }
 
-  pin () {
+  pin() {
     if (!this.preventPin) {
       this._pinned = true
       this.opts.onSmall(this)
@@ -378,21 +383,21 @@ export default class StickyHeader {
     }
   }
 
-  notSmall () {
+  notSmall() {
     this._small = false
     this.auxEl.setAttribute('data-header-big', '')
     this.auxEl.removeAttribute('data-header-small')
     this.opts.onNotSmall(this)
   }
 
-  small () {
+  small() {
     this._small = true
     this.auxEl.setAttribute('data-header-small', '')
     this.auxEl.removeAttribute('data-header-big')
     this.opts.onSmall(this)
   }
 
-  shouldUnpin (toleranceExceeded) {
+  shouldUnpin(toleranceExceeded) {
     if (this._navVisible) {
       return true
     }
@@ -402,7 +407,7 @@ export default class StickyHeader {
     return scrollingDown && pastOffset && toleranceExceeded
   }
 
-  shouldPin (toleranceExceeded) {
+  shouldPin(toleranceExceeded) {
     if (this._isResizing) {
       return false
     }
@@ -411,60 +416,55 @@ export default class StickyHeader {
     return (scrollingUp && toleranceExceeded) || pastOffset
   }
 
-  isOutOfBounds () {
+  isOutOfBounds() {
     const pastTop = this.currentScrollY < 0
-    const pastBottom = this.currentScrollY
-      + this.getScrollerPhysicalHeight()
-      > this.getScrollerHeight()
+    const pastBottom =
+      this.currentScrollY + this.getScrollerPhysicalHeight() > this.getScrollerHeight()
 
     return pastTop || pastBottom
   }
 
-  getScrollerPhysicalHeight () {
-    return (this.opts.canvas === window || this.opts.canvas === document.body)
+  getScrollerPhysicalHeight() {
+    return this.opts.canvas === window || this.opts.canvas === document.body
       ? this.getViewportHeight()
       : this.getElementPhysicalHeight(this.opts.canvas)
   }
 
-  getScrollerHeight () {
-    return (this.opts.canvas === window || this.opts.canvas === document.body)
+  getScrollerHeight() {
+    return this.opts.canvas === window || this.opts.canvas === document.body
       ? this.getDocumentHeight()
       : this.getElementHeight(this.opts.canvas)
   }
 
-  getDocumentHeight () {
+  getDocumentHeight() {
     const { body } = document
     const { documentElement } = document
 
     return Math.max(
-      body.scrollHeight, documentElement.scrollHeight,
-      body.offsetHeight, documentElement.offsetHeight,
-      body.clientHeight, documentElement.clientHeight
+      body.scrollHeight,
+      documentElement.scrollHeight,
+      body.offsetHeight,
+      documentElement.offsetHeight,
+      body.clientHeight,
+      documentElement.clientHeight
     )
   }
 
-  getViewportHeight () {
-    return window.innerHeight
-      || document.documentElement.clientHeight
-      || document.body.clientHeight
+  getViewportHeight() {
+    return (
+      window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
+    )
   }
 
-  getElementHeight (el) {
-    return Math.max(
-      el.scrollHeight,
-      el.offsetHeight,
-      el.clientHeight
-    )
+  getElementHeight(el) {
+    return Math.max(el.scrollHeight, el.offsetHeight, el.clientHeight)
   }
 
-  getElementPhysicalHeight (el) {
-    return Math.max(
-      el.offsetHeight,
-      el.clientHeight
-    )
+  getElementPhysicalHeight(el) {
+    return Math.max(el.offsetHeight, el.clientHeight)
   }
 
-  getScrollY () {
+  getScrollY() {
     if (this.opts.canvas.pageYOffset !== undefined) {
       return this.opts.canvas.pageYOffset
     }
@@ -474,13 +474,16 @@ export default class StickyHeader {
     return (document.documentElement || document.body.parentNode || document.body).scrollTop
   }
 
-  toleranceExceeded () {
+  toleranceExceeded() {
     return Math.abs(this.currentScrollY - this.lastKnownScrollY) >= this.opts.tolerance
   }
 
-  _getOptionsForSection (section, opts) {
+  _getOptionsForSection(section, opts) {
     // if section is not a key in opts, return default opts
-    if (!Object.prototype.hasOwnProperty.call(opts, 'sections') || !Object.prototype.hasOwnProperty.call(opts.sections, section)) {
+    if (
+      !Object.prototype.hasOwnProperty.call(opts, 'sections') ||
+      !Object.prototype.hasOwnProperty.call(opts.sections, section)
+    ) {
       return opts.default
     }
 
@@ -490,7 +493,7 @@ export default class StickyHeader {
     return opts
   }
 
-  _bindMobileMenuListeners () {
+  _bindMobileMenuListeners() {
     window.addEventListener(
       Events.APPLICATION_MOBILE_MENU_OPEN,
       this._onMobileMenuOpen.bind(this)
@@ -501,11 +504,11 @@ export default class StickyHeader {
     )
   }
 
-  _onMobileMenuOpen () {
+  _onMobileMenuOpen() {
     this.mobileMenuOpen = true
   }
 
-  _onMobileMenuClose () {
+  _onMobileMenuClose() {
     this.mobileMenuOpen = false
   }
 }

package/src/modules/Toggler/index.js

@@ -2,7 +2,7 @@ import { gsap } from 'gsap'
 import Dom from '../Dom'
 
 const DEFAULT_OPTIONS = {}
-  
+
 export default class Toggler {
   constructor(app, el) {
     this.open = false
@@ -43,4 +43,4 @@ export default class Toggler {
       this.open = true
     }
   }
-}
+}

package/src/modules/Typography/index.js

@@ -1,5 +1,5 @@
 export default class Typography {
-  constructor (parent, settings = {}) {
+  constructor(parent, settings = {}) {
     const self = this
 
     // Set some settings, by merging defaults and passed settings
@@ -14,7 +14,7 @@ export default class Typography {
     self.elems = []
 
     // Either load from root or the passed parent element
-    if (typeof (parent) === 'undefined') {
+    if (typeof parent === 'undefined') {
       self.elems = [...self.elems, ...document.querySelectorAll(self.settings.selector)]
     } else {
       self.elems = [...self.elems, ...parent.querySelectorAll(self.settings.selector)]
@@ -33,7 +33,7 @@ export default class Typography {
    * Apply formatting to the loaded elements
    * @return void
    */
-  apply () {
+  apply() {
     const self = this
 
     self.elems.map(elem => {
@@ -46,7 +46,10 @@ export default class Typography {
       let result = ''
 
       // Split words/tags into array
-      let textItems = elem.innerHTML.trim().replace(/&nbsp;/g, ' ').split(/ (?=[^>]*(?:<|$))/)
+      let textItems = elem.innerHTML
+        .trim()
+        .replace(/&nbsp;/g, ' ')
+        .split(/ (?=[^>]*(?:<|$))/)
 
       // Check if the text warrants this module
       if (textItems.length < self.settings.minWords) {
@@ -73,12 +76,12 @@ export default class Typography {
    * Apply the orphans filter to the passed text and return it
    * @param {string} textItems
    */
-  preventOrphans (textItems) {
+  preventOrphans(textItems) {
     // Find the second to last work
-    const targetWord = textItems[(textItems.length - 2)]
+    const targetWord = textItems[textItems.length - 2]
 
     // Stick a no break space to the end of the word and replace the instance in the array
-    textItems[(textItems.length - 2)] = `${targetWord}&nbsp;`
+    textItems[textItems.length - 2] = `${targetWord}&nbsp;`
 
     return textItems
   }
@@ -87,7 +90,7 @@ export default class Typography {
    * Reset any formatting
    * @return void
    */
-  reset () {
+  reset() {
     const self = this
 
     self.elems.map(elem => {
@@ -107,12 +110,12 @@ export default class Typography {
    * @param {HTMLElement} elem
    * @returns boolean
    */
-  shouldElementBeIgnored (elem) {
+  shouldElementBeIgnored(elem) {
     const self = this
 
     // Check if the element already contains 1 or more &nbsp; characters and the
     // ignore setting is true. If so: bail.
-    if ((elem.innerHTML.indexOf('&nbsp;') > -1) && self.settings.ignoreExistingSpaceChars) {
+    if (elem.innerHTML.indexOf('&nbsp;') > -1 && self.settings.ignoreExistingSpaceChars) {
       return true
     }