1.0.5

* Updated documentation

* Updated ease function

* Fixed breakpoint function null check bug

* Added line-clamp mixin

* Optimized DOM state methods

* Improved state module

* Implemented addDelegatedEventListener

* Added and updated mixins

* Removed default values column from config variables table in readme

* Updated version to 1.0.5

CHANGELOG.md

@@ -1,6 +1,21 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## [1.0.5] - 2019-11-01
+### Added
+- SCSS: Added viewport mixin
+- SCSS: Added line-clamp mixin
+- SCSS: Added visually-hidden mixin
+- JS: Added addDelegatedEventListener method
+
+### Changed
+- SCSS: Updated scroll mixin to support a global config variable
+- JS: Optimized state DOM methods
+
+### Removed
+- SCSS: Removed stagger-delay mixin
+- JS: Removed timing.Interval
+
 ## [1.0.4] - 2019-08-01
 ### Changed
 - SCSS: Fixed type checking in breakpoint function
@@ -13,18 +28,19 @@ All notable changes to this project will be documented in this file.
 
 ### Changed
 - SCSS: Fixed bug where inline-layout did not pass along $align to inline-column
-- SCSS: Switch third argument in the state mixin from $global to $local
+- SCSS: Switched third argument in the state mixin from $global to $local
 
 ## [1.0.2] - 2019-04-29
 
 ### Removed
-- JS: Remove references to not yet implemeted methods in state
+- JS: Removed references to not yet implemeted methods in state
 
 ## [1.0.1] - 2019-04-29
 
 ### Removed
-- JS: Remove references to not yet implemeted methods in state
+- JS: Removed references to not yet implemeted methods in state
 
+[1.0.5]: https://github.com/pocketsize/bolts-lib/releases/tag/1.0.5
 [1.0.4]: https://github.com/pocketsize/bolts-lib/releases/tag/1.0.4
 [1.0.3]: https://github.com/pocketsize/bolts-lib/releases/tag/1.0.3
 [1.0.2]: https://github.com/pocketsize/bolts-lib/releases/tag/1.0.2

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bolts-lib",
-	"version": "1.0.4",
+	"version": "1.0.5",
 	"description": "Front-end helper library",
 	"main": "src/js/index.js",
 	"author": "Pocketsize <[email protected]> (https://www.pocketsize.se)",

src/js/bolts.js

@@ -1,5 +1,5 @@
 /**
- * Bolts 1.0.4 | MIT License
+ * Bolts 1.0.5 | MIT License
  *
  * Developed by Pocketsize
  * http://www.pocketsize.se/
@@ -19,11 +19,11 @@ function init(config = {}) {
 
     config = Object.assign({}, defaults, config)
 
+    state.getDOMState()
+
     detect.hoverCapability(config.detectHoverThreshold)
     detect.imageOrientation()
     detect.resizeEvents()
-
-    state.getDOMState()
 }
 
 export default bolts

src/js/detect.js

@@ -1,5 +1,5 @@
 /**
- * Bolts 1.0.4 | MIT License
+ * Bolts 1.0.5 | MIT License
  *
  * Developed by Pocketsize
  * http://www.pocketsize.se/

src/js/events.js

@@ -0,0 +1,39 @@
+const matches = function(el, selector) {
+    var p = Element.prototype
+
+    var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function (s) {
+        return [].indexOf.call(document.querySelectorAll(s), this) !== -1
+    }
+
+    return f.call(el, selector)
+}
+
+const delegatedEventListeners = {}
+
+const addDelegatedEventListener = function (type, selector, callback) {
+    if (!delegatedEventListeners[type]) {
+        const listeners = (delegatedEventListeners[type] = [])
+
+        document.addEventListener(type, function (event) {
+            for (
+                let element = event.target;
+                element && element.parentNode;
+                element = element.parentNode
+            ) {
+                for (const { selector, callback } of listeners) {
+                    if (matches(element, selector)) {
+                        callback.call(element, event)
+                    }
+                }
+
+                if (event.cancelBubble) {
+                    break
+                }
+            }
+        })
+    }
+
+    delegatedEventListeners[type].push({ selector, callback })
+}
+
+export { addDelegatedEventListener }

src/js/index.js

@@ -1,5 +1,5 @@
 /**
- * Bolts 1.0.4 | MIT License
+ * Bolts 1.0.5 | MIT License
  *
  * Developed by Pocketsize
  * http://www.pocketsize.se/
@@ -10,6 +10,7 @@ export { default as state } from './state'
 export { default as detect } from './detect'
 export { default as timing } from './timing'
 export { default as misc } from './misc'
+export { addDelegatedEventListener } from './events'
 
 export { bolts as bolts }
 export default bolts

src/js/misc.js

@@ -1,5 +1,5 @@
 /**
- * Bolts 1.0.4 | MIT License
+ * Bolts 1.0.5 | MIT License
  *
  * Developed by Pocketsize
  * http://www.pocketsize.se/