vrembem 1.42.0 → 1.42.1

package/dev/scripts.modern.js

@@ -891,6 +891,7 @@ var defaults$1 = {
   dataClose: 'modal-close',
   dataFocus: 'modal-focus',
   dataRequired: 'modal-required',
+  dataConfig: 'modal-config',
   // State classes
   stateOpened: 'is-opened',
   stateOpening: 'is-opening',
@@ -910,17 +911,40 @@ var defaults$1 = {
   transition: true
 };
 
+function getModalConfig(modal) {
+  const json = modal.getAttribute(`data-${this.settings.dataConfig}`);
+
+  if (json) {
+    const 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 = this.settings.moveModals.type, ref = this.settings.moveModals.ref) {
+  const modals = document.querySelectorAll(`[data-${this.settings.dataModal}]`);
+  if (modals.length) moveElement(modals, type, ref);
+}
+
 async function close$1(returnFocus = true) {
   const modal = document.querySelector(`[data-${this.settings.dataModal}].${this.settings.stateOpened}`);
 
   if (modal) {
     this.working = true;
-    setInert(false, this.settings.selectorInert);
-    setOverflowHidden(false, this.settings.selectorOverflow);
-    await closeTransition(modal, this.settings);
+    const config = getModalConfig.call(this, modal);
+    setInert(false, config.selectorInert);
+    setOverflowHidden(false, config.selectorOverflow);
+    await closeTransition(modal, config);
     if (returnFocus) focusTrigger(this);
     this.focusTrap.destroy();
-    modal.dispatchEvent(new CustomEvent(this.settings.customEventPrefix + 'closed', {
+    modal.dispatchEvent(new CustomEvent(config.customEventPrefix + 'closed', {
       detail: this,
       bubbles: true
     }));
@@ -973,18 +997,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 = this.settings.moveModals.type, ref = this.settings.moveModals.ref) {
-  const modals = document.querySelectorAll(`[data-${this.settings.dataModal}]`);
-  if (modals.length) moveElement(modals, type, ref);
-}
-
 function setInitialState() {
   const modals = document.querySelectorAll(`[data-${this.settings.dataModal}]`);
   modals.forEach(el => {
@@ -1005,15 +1017,16 @@ function setInitialState() {
 async function open$1(modalKey) {
   const modal = getModal.call(this, modalKey);
   if (!modal) return modalNotFound(modalKey);
+  const config = getModalConfig.call(this, modal);
 
-  if (hasClass(modal, this.settings.stateClosed)) {
+  if (hasClass(modal, config.stateClosed)) {
     this.working = true;
-    setOverflowHidden(true, this.settings.selectorOverflow);
-    await openTransition(modal, this.settings);
+    setOverflowHidden(true, config.selectorOverflow);
+    await openTransition(modal, config);
     this.focusTrap.init(modal);
-    focusTarget(modal, this.settings);
-    setInert(true, this.settings.selectorInert);
-    modal.dispatchEvent(new CustomEvent(this.settings.customEventPrefix + 'opened', {
+    focusTarget(modal, config);
+    setInert(true, config.selectorInert);
+    modal.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
       detail: this,
       bubbles: true
     }));