vrembem 1.42.0 → 1.42.1

package/dev/scripts.umd.js

@@ -1027,6 +1027,7 @@
     dataClose: 'modal-close',
     dataFocus: 'modal-focus',
     dataRequired: 'modal-required',
+    dataConfig: 'modal-config',
     // State classes
     stateOpened: 'is-opened',
     stateOpening: 'is-opening',
@@ -1046,6 +1047,36 @@
     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;
@@ -1058,14 +1089,15 @@
 
       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
           }));
@@ -1141,26 +1173,6 @@
     }
   }
 
-  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;
 
@@ -1187,16 +1199,17 @@
 
       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
           }));