vrembem 1.42.0 → 1.42.1

package/dev/scripts.js

@@ -1022,6 +1022,7 @@ var defaults$1 = {
   dataClose: 'modal-close',
   dataFocus: 'modal-focus',
   dataRequired: 'modal-required',
+  dataConfig: 'modal-config',
   // State classes
   stateOpened: 'is-opened',
   stateOpening: 'is-opening',
@@ -1041,6 +1042,36 @@ var defaults$1 = {
   transition: true
 };
 
+function getModalConfig(modal) {
+  var json = modal.getAttribute("data-" + this.settings.dataConfig);
+
+  if (json) {
+    var config = JSON.parse(json);
+    return _extends({}, this.settings, config);
+  } else {
+    return this.settings;
+  }
+}
+function getModal(modalKey) {
+  if (typeof modalKey !== 'string') return modalKey;
+  return document.querySelector("[data-" + this.settings.dataModal + "=\"" + modalKey + "\"]");
+}
+function modalNotFound(key) {
+  return Promise.reject(new Error("Did not find modal with key: \"" + key + "\""));
+}
+function moveModals(type, ref) {
+  if (type === void 0) {
+    type = this.settings.moveModals.type;
+  }
+
+  if (ref === void 0) {
+    ref = this.settings.moveModals.ref;
+  }
+
+  var modals = document.querySelectorAll("[data-" + this.settings.dataModal + "]");
+  if (modals.length) moveElement(modals, type, ref);
+}
+
 var close$1 = function close(returnFocus) {
   if (returnFocus === void 0) {
     returnFocus = true;
@@ -1053,14 +1084,15 @@ var close$1 = function close(returnFocus) {
 
     if (modal) {
       _this2.working = true;
-      setInert(false, _this2.settings.selectorInert);
-      setOverflowHidden(false, _this2.settings.selectorOverflow);
-      return Promise.resolve(closeTransition(modal, _this2.settings)).then(function () {
+      var config = getModalConfig.call(_this2, modal);
+      setInert(false, config.selectorInert);
+      setOverflowHidden(false, config.selectorOverflow);
+      return Promise.resolve(closeTransition(modal, config)).then(function () {
         if (returnFocus) focusTrigger(_this2);
 
         _this2.focusTrap.destroy();
 
-        modal.dispatchEvent(new CustomEvent(_this2.settings.customEventPrefix + 'closed', {
+        modal.dispatchEvent(new CustomEvent(config.customEventPrefix + 'closed', {
           detail: _this2,
           bubbles: true
         }));
@@ -1136,26 +1168,6 @@ function handlerKeydown$1(event) {
   }
 }
 
-function getModal(modalKey) {
-  if (typeof modalKey !== 'string') return modalKey;
-  return document.querySelector("[data-" + this.settings.dataModal + "=\"" + modalKey + "\"]");
-}
-function modalNotFound(key) {
-  return Promise.reject(new Error("Did not find modal with key: \"" + key + "\""));
-}
-function moveModals(type, ref) {
-  if (type === void 0) {
-    type = this.settings.moveModals.type;
-  }
-
-  if (ref === void 0) {
-    ref = this.settings.moveModals.ref;
-  }
-
-  var modals = document.querySelectorAll("[data-" + this.settings.dataModal + "]");
-  if (modals.length) moveElement(modals, type, ref);
-}
-
 function setInitialState() {
   var _this = this;
 
@@ -1182,16 +1194,17 @@ var open$1 = function open(modalKey) {
 
     var modal = getModal.call(_this2, modalKey);
     if (!modal) return Promise.resolve(modalNotFound(modalKey));
+    var config = getModalConfig.call(_this2, modal);
 
-    if (hasClass(modal, _this2.settings.stateClosed)) {
+    if (hasClass(modal, config.stateClosed)) {
       _this2.working = true;
-      setOverflowHidden(true, _this2.settings.selectorOverflow);
-      return Promise.resolve(openTransition(modal, _this2.settings)).then(function () {
+      setOverflowHidden(true, config.selectorOverflow);
+      return Promise.resolve(openTransition(modal, config)).then(function () {
         _this2.focusTrap.init(modal);
 
-        focusTarget(modal, _this2.settings);
-        setInert(true, _this2.settings.selectorInert);
-        modal.dispatchEvent(new CustomEvent(_this2.settings.customEventPrefix + 'opened', {
+        focusTarget(modal, config);
+        setInert(true, config.selectorInert);
+        modal.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
           detail: _this2,
           bubbles: true
         }));