@iris.interactive/handcook 2.5.0 → 2.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iris.interactive/handcook",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {

package/public/scripts/components/collapse/collapse.component.js

@@ -19,7 +19,11 @@ import Collapse from "bootstrap/js/src/collapse";
 
 class HcCollapse {
 
+	showEvent;
+	hideEvent;
+
 	constructor(elements = ElementEnum.collapse, type = "collapse") {
+		this.createEvent();
 		const collapseElementList = [].slice.call(document.querySelectorAll(elements));
 		const collapseList = collapseElementList.map(function (collapseElement) {
 			const parent = collapseElement.getAttribute('data-hc-collapse-parent');
@@ -40,6 +44,19 @@ class HcCollapse {
 				});
 			});
 		});
+		document.querySelectorAll('[data-hc-collapse]').forEach(trigger => {
+			trigger.addEventListener('hide.bs.collapse', (e) => {
+				document.dispatchEvent(this.hideEvent);
+			});
+			trigger.addEventListener('show.bs.collapse', (e) => {
+				document.dispatchEvent(this.showEvent);
+			});
+		})
+	}
+
+	createEvent() {
+		this.showEvent = new Event("show.hc.collapse");
+		this.hideEvent = new Event("hide.hc.collapse");
 	}
 
 }

package/public/scripts/index.js

@@ -3168,6 +3168,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var bootstrap_js_src_collapse__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! bootstrap/js/src/collapse */ "./node_modules/bootstrap/js/src/collapse.js");
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /*
  * IRIS Interactive
  *
@@ -3186,35 +3192,62 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 
 
-var HcCollapse = function HcCollapse() {
-  var elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _enumerators_element_enum__WEBPACK_IMPORTED_MODULE_0__["default"].collapse;
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "collapse";
+var HcCollapse = /*#__PURE__*/function () {
+  function HcCollapse() {
+    var _this = this;
 
-  _classCallCheck(this, HcCollapse);
+    var elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _enumerators_element_enum__WEBPACK_IMPORTED_MODULE_0__["default"].collapse;
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "collapse";
 
-  var collapseElementList = [].slice.call(document.querySelectorAll(elements));
-  var collapseList = collapseElementList.map(function (collapseElement) {
-    var parent = collapseElement.getAttribute('data-hc-collapse-parent');
-    var option = {};
+    _classCallCheck(this, HcCollapse);
 
-    if (parent !== null) {
-      option = {
-        parent: parent,
-        toggle: false
-      };
-    }
+    _defineProperty(this, "showEvent", void 0);
 
-    return new bootstrap_js_src_collapse__WEBPACK_IMPORTED_MODULE_2__["default"](collapseElement, option);
-  });
-  collapseList.map(function (collapse) {
-    document.querySelectorAll("[data-hc-collapse-trigger=\"".concat(collapse._element.getAttribute("data-hc-collapse"), "\"]")).forEach(function (trigger) {
-      trigger.addEventListener('click', function (e) {
-        e.preventDefault();
-        collapse.toggle();
+    _defineProperty(this, "hideEvent", void 0);
+
+    this.createEvent();
+    var collapseElementList = [].slice.call(document.querySelectorAll(elements));
+    var collapseList = collapseElementList.map(function (collapseElement) {
+      var parent = collapseElement.getAttribute('data-hc-collapse-parent');
+      var option = {};
+
+      if (parent !== null) {
+        option = {
+          parent: parent,
+          toggle: false
+        };
+      }
+
+      return new bootstrap_js_src_collapse__WEBPACK_IMPORTED_MODULE_2__["default"](collapseElement, option);
+    });
+    collapseList.map(function (collapse) {
+      document.querySelectorAll("[data-hc-collapse-trigger=\"".concat(collapse._element.getAttribute("data-hc-collapse"), "\"]")).forEach(function (trigger) {
+        trigger.addEventListener('click', function (e) {
+          e.preventDefault();
+          collapse.toggle();
+        });
       });
     });
-  });
-};
+    document.querySelectorAll('[data-hc-collapse]').forEach(function (trigger) {
+      trigger.addEventListener('hide.bs.collapse', function (e) {
+        document.dispatchEvent(_this.hideEvent);
+      });
+      trigger.addEventListener('show.bs.collapse', function (e) {
+        document.dispatchEvent(_this.showEvent);
+      });
+    });
+  }
+
+  _createClass(HcCollapse, [{
+    key: "createEvent",
+    value: function createEvent() {
+      this.showEvent = new Event("show.hc.collapse");
+      this.hideEvent = new Event("hide.hc.collapse");
+    }
+  }]);
+
+  return HcCollapse;
+}();
 
 var hc_collapse = function hc_collapse(trigger) {
   return new HcCollapse(trigger);
@@ -4134,6 +4167,9 @@ document.addEventListener("DOMContentLoaded", function () {
   (0,_package_script_components_tab_tab_component__WEBPACK_IMPORTED_MODULE_7__.hc_tab)();
   (0,_package_script_components_toggle_toggle_component__WEBPACK_IMPORTED_MODULE_8__.hc_toggle)();
   (0,_package_script_components_slider_slider_component__WEBPACK_IMPORTED_MODULE_9__.hc_slider)();
+  document.addEventListener('show.hc.collapse', function () {
+    console.log("show hc collapse event dispatched");
+  });
 });
 
 /***/ }),