chore(build): 6.18 release (#2350)

Author: Christopher A. Dhanaraj

consumables/js/es5/bluemix-components-without-polyfills.js

@@ -135,21 +135,19 @@
         var _this2 = this;
 
         if ([13, 32, 40].indexOf(event.which) >= 0 && !event.target.matches(this.options.selectorItem) || event.which === 27 || event.type === 'click') {
-          (function () {
-            var isOpen = _this2.element.classList.contains('bx--dropdown--open');
-            var isOfSelf = _this2.element.contains(event.target);
-            var actions = {
-              add: isOfSelf && event.which === 40 && !isOpen,
-              remove: (!isOfSelf || event.which === 27) && isOpen,
-              toggle: isOfSelf && event.which !== 27 && event.which !== 40
-            };
-            (0, _keys2.default)(actions).forEach(function (action) {
-              if (actions[action]) {
-                _this2.element.classList[action]('bx--dropdown--open');
-                _this2.element.focus();
-              }
-            });
-          })();
+          var isOpen = this.element.classList.contains('bx--dropdown--open');
+          var isOfSelf = this.element.contains(event.target);
+          var actions = {
+            add: isOfSelf && event.which === 40 && !isOpen,
+            remove: (!isOfSelf || event.which === 27) && isOpen,
+            toggle: isOfSelf && event.which !== 27 && event.which !== 40
+          };
+          (0, _keys2.default)(actions).forEach(function (action) {
+            if (actions[action]) {
+              _this2.element.classList[action]('bx--dropdown--open');
+              _this2.element.focus();
+            }
+          });
         }
       }
     }, {

consumables/js/es5/bluemix-components-without-polyfills.js.map

@@ -100,23 +100,39 @@
 
       _this.toggleLeftNav = function () {
         var collapsed = _this.element.dataset.collapsed === 'true';
-
-        if (!collapsed) {
-          _this.element.dataset.collapsed = true;
-          _this.element.classList.add(_this.options.classLeftNavCollapsing);
-
-          window.setTimeout(function () {
-            _this.element.classList.add(_this.options.classLeftNavCollapsed);
-          }, 250);
-        } else {
-          _this.element.dataset.collapsed = false;
-          _this.element.classList.remove(_this.options.classLeftNavCollapsed);
-          _this.element.classList.remove(_this.options.classLeftNavCollapsing);
-          _this.element.classList.add(_this.options.classLeftNavExpanding);
-
-          window.setTimeout(function () {
-            _this.element.classList.remove(_this.options.classLeftNavExpanding);
-          }, 250);
+        var eventStart = new CustomEvent(_this.options.eventBeforeLeftNavToggled, {
+          bubbles: true,
+          cancelable: true,
+          detail: { collapsed: !collapsed } });
+
+        if (_this.element.dispatchEvent(eventStart)) {
+          if (!collapsed) {
+            _this.element.dataset.collapsed = true;
+            _this.element.classList.add(_this.options.classLeftNavCollapsing);
+
+            window.setTimeout(function () {
+              _this.element.classList.remove(_this.options.classLeftNavCollapsing);
+              _this.element.classList.add(_this.options.classLeftNavCollapsed);
+              _this.element.dispatchEvent(new CustomEvent(_this.options.eventAfterLeftNavToggled, {
+                bubbles: true,
+                cancelable: true,
+                detail: { collapsed: true }
+              }));
+            }, 250);
+          } else {
+            _this.element.dataset.collapsed = false;
+            _this.element.classList.remove(_this.options.classLeftNavCollapsed);
+            _this.element.classList.add(_this.options.classLeftNavExpanding);
+
+            window.setTimeout(function () {
+              _this.element.classList.remove(_this.options.classLeftNavExpanding);
+              _this.element.dispatchEvent(new CustomEvent(_this.options.eventAfterLeftNavToggled, {
+                bubbles: true,
+                cancelable: true,
+                detail: { collapsed: false }
+              }));
+            }, 250);
+          }
         }
       };
 
@@ -189,7 +205,10 @@
     classExpandedLeftNavListItem: 'left-nav-list__item--expanded',
     classLeftNavCollapsing: 'bx--inline-left-nav--collapsing',
     classLeftNavCollapsed: 'bx--inline-left-nav--collapsed',
-    classLeftNavExpanding: 'bx--inline-left-nav--expanding'
+    classLeftNavExpanding: 'bx--inline-left-nav--expanding',
+    // Event
+    eventBeforeLeftNavToggled: 'left-nav-beingtoggled',
+    eventAfterLeftNavToggled: 'left-nav-toggled'
   };
   exports.default = InlineLeftNav;
 });

consumables/js/es5/bluemix-components-without-polyfills.min.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(['exports', 'babel-runtime/core-js/weak-map', 'babel-runtime/helpers/typeof', 'babel-runtime/helpers/toConsumableArray', 'babel-runtime/core-js/object/get-prototype-of', 'babel-runtime/helpers/classCallCheck', 'babel-runtime/helpers/createClass', 'babel-runtime/helpers/possibleConstructorReturn', 'babel-runtime/helpers/get', 'babel-runtime/helpers/inherits', '../misc/mixin', '../mixins/create-component', '../mixins/init-component-by-search', '../polyfills/toggle-class', '../polyfills/event-matches', '../misc/on', '../polyfills/array-from', '../polyfills/element-matches', '../polyfills/object-assign', '../polyfills/custom-event'], factory);
+    define(['exports', 'babel-runtime/core-js/weak-map', 'babel-runtime/helpers/toConsumableArray', 'babel-runtime/core-js/object/get-prototype-of', 'babel-runtime/helpers/classCallCheck', 'babel-runtime/helpers/createClass', 'babel-runtime/helpers/possibleConstructorReturn', 'babel-runtime/helpers/get', 'babel-runtime/helpers/inherits', '../misc/mixin', '../mixins/create-component', '../mixins/init-component-by-search', '../polyfills/toggle-class', '../polyfills/event-matches', '../misc/on', '../polyfills/array-from', '../polyfills/element-matches', '../polyfills/object-assign', '../polyfills/custom-event'], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require('babel-runtime/core-js/weak-map'), require('babel-runtime/helpers/typeof'), require('babel-runtime/helpers/toConsumableArray'), require('babel-runtime/core-js/object/get-prototype-of'), require('babel-runtime/helpers/classCallCheck'), require('babel-runtime/helpers/createClass'), require('babel-runtime/helpers/possibleConstructorReturn'), require('babel-runtime/helpers/get'), require('babel-runtime/helpers/inherits'), require('../misc/mixin'), require('../mixins/create-component'), require('../mixins/init-component-by-search'), require('../polyfills/toggle-class'), require('../polyfills/event-matches'), require('../misc/on'), require('../polyfills/array-from'), require('../polyfills/element-matches'), require('../polyfills/object-assign'), require('../polyfills/custom-event'));
+    factory(exports, require('babel-runtime/core-js/weak-map'), require('babel-runtime/helpers/toConsumableArray'), require('babel-runtime/core-js/object/get-prototype-of'), require('babel-runtime/helpers/classCallCheck'), require('babel-runtime/helpers/createClass'), require('babel-runtime/helpers/possibleConstructorReturn'), require('babel-runtime/helpers/get'), require('babel-runtime/helpers/inherits'), require('../misc/mixin'), require('../mixins/create-component'), require('../mixins/init-component-by-search'), require('../polyfills/toggle-class'), require('../polyfills/event-matches'), require('../misc/on'), require('../polyfills/array-from'), require('../polyfills/element-matches'), require('../polyfills/object-assign'), require('../polyfills/custom-event'));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.weakMap, global._typeof, global.toConsumableArray, global.getPrototypeOf, global.classCallCheck, global.createClass, global.possibleConstructorReturn, global.get, global.inherits, global.mixin, global.createComponent, global.initComponentBySearch, global.toggleClass, global.eventMatches, global.on, global.arrayFrom, global.elementMatches, global.objectAssign, global.customEvent);
+    factory(mod.exports, global.weakMap, global.toConsumableArray, global.getPrototypeOf, global.classCallCheck, global.createClass, global.possibleConstructorReturn, global.get, global.inherits, global.mixin, global.createComponent, global.initComponentBySearch, global.toggleClass, global.eventMatches, global.on, global.arrayFrom, global.elementMatches, global.objectAssign, global.customEvent);
     global.leftNav = mod.exports;
   }
-})(this, function (exports, _weakMap, _typeof2, _toConsumableArray2, _getPrototypeOf, _classCallCheck2, _createClass2, _possibleConstructorReturn2, _get2, _inherits2, _mixin2, _createComponent, _initComponentBySearch, _toggleClass, _eventMatches, _on) {
+})(this, function (exports, _weakMap, _toConsumableArray2, _getPrototypeOf, _classCallCheck2, _createClass2, _possibleConstructorReturn2, _get2, _inherits2, _mixin2, _createComponent, _initComponentBySearch, _toggleClass, _eventMatches, _on) {
   'use strict';
 
   Object.defineProperty(exports, "__esModule", {
@@ -19,8 +19,6 @@
 
   var _weakMap2 = _interopRequireDefault(_weakMap);
 
-  var _typeof3 = _interopRequireDefault(_typeof2);
-
   var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
 
   var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
@@ -407,68 +405,62 @@
         // Sorry
         var leftNavSectionItem = (0, _eventMatches2.default)(evt, this.options.selectorLeftNavSection);
         if (leftNavSectionItem) {
-          var _ret = function () {
-            // currently selected
-            var selectedLeftNavSectionItem = _this10.element.querySelector(_this10.options.selectorLeftNavCurrentSection);
-            var selectedLeftNavSectionItemTitle = selectedLeftNavSectionItem.querySelector(_this10.options.selectorLeftNavCurrentSectionTitle);
-            var selectedLeftNavSectionItemIcon = _this10.element.querySelector(_this10.options.selectorLeftNavCurrentSectionIcon);
-            var selectedLeftNavSectionItemUse = selectedLeftNavSectionItemIcon.querySelector('use');
-            var selectedLeftNavSectionValue = selectedLeftNavSectionItem.dataset.leftNavCurrentSection;
-
-            // clicked on item
-            var leftNavSectionItemLink = leftNavSectionItem.querySelector(_this10.options.selectorLeftNavSectionLink);
-            var leftNavSectionItemIcon = leftNavSectionItem.querySelector(_this10.options.selectorLeftNavSectionIcon);
-            var leftNavSectionItemIconUse = leftNavSectionItemIcon.querySelector('use');
-            var leftNavSectionValue = leftNavSectionItem.dataset.leftNavSection;
-
-            if (_this10.leftNavSectionActive) {
-              return {
-                v: void 0
-              };
-            }
-            _this10.leftNavSectionActive = true;
-
-            var newLeftNavSectionItem = document.createElement('li');
-            newLeftNavSectionItem.setAttribute('data-left-nav-section', selectedLeftNavSectionValue);
-            newLeftNavSectionItem.classList.add(_this10.options.classNavSection);
-            newLeftNavSectionItem.classList.add(_this10.options.classNavSection + '--' + selectedLeftNavSectionValue);
-
-            var newLeftNavSectionItemAnchor = document.createElement('a');
-            newLeftNavSectionItemAnchor.setAttribute('href', 'javascript:void(0)'); // eslint-disable-line no-script-url
-            newLeftNavSectionItemAnchor.setAttribute('tabindex', 0);
-            newLeftNavSectionItemAnchor.classList.add(_this10.options.classNavSectionAnchor);
-
-            var newLeftNavSectionItemIcon = selectedLeftNavSectionItemIcon.cloneNode(true);
-            // IE11 doesn't support classList on SVG, must revert to className
-            newLeftNavSectionItemIcon.setAttribute('class', 'bx--left-nav__section--taxonomy-icon');
-            newLeftNavSectionItemIcon.removeAttribute('data-left-nav-current-section-icon');
-            newLeftNavSectionItemIcon.setAttribute('data-left-nav-section-icon', selectedLeftNavSectionValue);
-
-            var newLeftNavSectionItemLink = document.createElement('span');
-            newLeftNavSectionItemLink.setAttribute('data-left-nav-section-link', '');
-            newLeftNavSectionItemLink.classList.add(_this10.options.classNavSectionLink);
-            newLeftNavSectionItemLink.textContent = selectedLeftNavSectionItemTitle.textContent;
-
-            _this10.animateNavSection(leftNavSectionItem);
-            _this10.animateNavList(leftNavSectionValue);
-
-            newLeftNavSectionItemAnchor.appendChild(newLeftNavSectionItemIcon);
-            newLeftNavSectionItemAnchor.appendChild(newLeftNavSectionItemLink);
-            newLeftNavSectionItem.appendChild(newLeftNavSectionItemAnchor);
-            leftNavSections.insertBefore(newLeftNavSectionItem, leftNavSections.firstChild);
-
-            setTimeout(function () {
-              selectedLeftNavSectionItemTitle.textContent = leftNavSectionItemLink.textContent;
-              selectedLeftNavSectionItem.setAttribute('data-left-nav-current-section', leftNavSectionValue);
-              selectedLeftNavSectionItemIcon.setAttribute('data-left-nav-current-section-icon', leftNavSectionValue);
-              selectedLeftNavSectionItemUse.setAttribute('xlink:href', leftNavSectionItemIconUse.getAttribute('xlink:href'));
-
-              leftNavSectionItem.parentNode.removeChild(leftNavSectionItem); // Cant use .remove() because of IE11
-              _this10.leftNavSectionActive = false;
-            }, 450); // Wait for nav items to animate
-          }();
-
-          if ((typeof _ret === 'undefined' ? 'undefined' : (0, _typeof3.default)(_ret)) === "object") return _ret.v;
+          // currently selected
+          var selectedLeftNavSectionItem = this.element.querySelector(this.options.selectorLeftNavCurrentSection);
+          var selectedLeftNavSectionItemTitle = selectedLeftNavSectionItem.querySelector(this.options.selectorLeftNavCurrentSectionTitle);
+          var selectedLeftNavSectionItemIcon = this.element.querySelector(this.options.selectorLeftNavCurrentSectionIcon);
+          var selectedLeftNavSectionItemUse = selectedLeftNavSectionItemIcon.querySelector('use');
+          var selectedLeftNavSectionValue = selectedLeftNavSectionItem.dataset.leftNavCurrentSection;
+
+          // clicked on item
+          var leftNavSectionItemLink = leftNavSectionItem.querySelector(this.options.selectorLeftNavSectionLink);
+          var leftNavSectionItemIcon = leftNavSectionItem.querySelector(this.options.selectorLeftNavSectionIcon);
+          var leftNavSectionItemIconUse = leftNavSectionItemIcon.querySelector('use');
+          var leftNavSectionValue = leftNavSectionItem.dataset.leftNavSection;
+
+          if (this.leftNavSectionActive) {
+            return;
+          }
+          this.leftNavSectionActive = true;
+
+          var newLeftNavSectionItem = document.createElement('li');
+          newLeftNavSectionItem.setAttribute('data-left-nav-section', selectedLeftNavSectionValue);
+          newLeftNavSectionItem.classList.add(this.options.classNavSection);
+          newLeftNavSectionItem.classList.add(this.options.classNavSection + '--' + selectedLeftNavSectionValue);
+
+          var newLeftNavSectionItemAnchor = document.createElement('a');
+          newLeftNavSectionItemAnchor.setAttribute('href', 'javascript:void(0)'); // eslint-disable-line no-script-url
+          newLeftNavSectionItemAnchor.setAttribute('tabindex', 0);
+          newLeftNavSectionItemAnchor.classList.add(this.options.classNavSectionAnchor);
+
+          var newLeftNavSectionItemIcon = selectedLeftNavSectionItemIcon.cloneNode(true);
+          // IE11 doesn't support classList on SVG, must revert to className
+          newLeftNavSectionItemIcon.setAttribute('class', 'bx--left-nav__section--taxonomy-icon');
+          newLeftNavSectionItemIcon.removeAttribute('data-left-nav-current-section-icon');
+          newLeftNavSectionItemIcon.setAttribute('data-left-nav-section-icon', selectedLeftNavSectionValue);
+
+          var newLeftNavSectionItemLink = document.createElement('span');
+          newLeftNavSectionItemLink.setAttribute('data-left-nav-section-link', '');
+          newLeftNavSectionItemLink.classList.add(this.options.classNavSectionLink);
+          newLeftNavSectionItemLink.textContent = selectedLeftNavSectionItemTitle.textContent;
+
+          this.animateNavSection(leftNavSectionItem);
+          this.animateNavList(leftNavSectionValue);
+
+          newLeftNavSectionItemAnchor.appendChild(newLeftNavSectionItemIcon);
+          newLeftNavSectionItemAnchor.appendChild(newLeftNavSectionItemLink);
+          newLeftNavSectionItem.appendChild(newLeftNavSectionItemAnchor);
+          leftNavSections.insertBefore(newLeftNavSectionItem, leftNavSections.firstChild);
+
+          setTimeout(function () {
+            selectedLeftNavSectionItemTitle.textContent = leftNavSectionItemLink.textContent;
+            selectedLeftNavSectionItem.setAttribute('data-left-nav-current-section', leftNavSectionValue);
+            selectedLeftNavSectionItemIcon.setAttribute('data-left-nav-current-section-icon', leftNavSectionValue);
+            selectedLeftNavSectionItemUse.setAttribute('xlink:href', leftNavSectionItemIconUse.getAttribute('xlink:href'));
+
+            leftNavSectionItem.parentNode.removeChild(leftNavSectionItem); // Cant use .remove() because of IE11
+            _this10.leftNavSectionActive = false;
+          }, 450); // Wait for nav items to animate
         }
       }
     }, {