vrembem 3.0.0 → 3.0.3

package/dev/scripts.modern.js

@@ -292,6 +292,10 @@ function getConfig$1(el, dataConfig) {
   return json ? JSON.parse(json) : {};
 }
 
+function getPrefix() {
+  return getComputedStyle(document.body).getPropertyValue('--vrembem-variable-prefix').trim();
+}
+
 function localStore(key, enable = true) {
   function getStore() {
     const value = localStorage.getItem(key);
@@ -436,6 +440,7 @@ var index = {
   Collection: Collection,
   FocusTrap: FocusTrap,
   getConfig: getConfig$1,
+  getPrefix: getPrefix,
   localStore: localStore,
   teleport: teleport,
   openTransition: openTransition,
@@ -641,26 +646,23 @@ async function deregister$2(obj, close = true) {
   return this.collection;
 }
 
+function L() {
+  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+}
+
 function getBreakpoint(drawer) {
-  const prefix = getVariablePrefix();
+  const prefix = L();
   const bp = drawer.getAttribute(`data-${this.settings.dataBreakpoint}`);
 
   if (this.settings.breakpoints && this.settings.breakpoints[bp]) {
     return this.settings.breakpoints[bp];
-  } else if (getComputedStyle(document.body).getPropertyValue(prefix + bp)) {
-    return getComputedStyle(document.body).getPropertyValue(prefix + bp);
+  } else if (getComputedStyle(document.body).getPropertyValue(`--${prefix}breakpoint-${bp}`).trim()) {
+    return getComputedStyle(document.body).getPropertyValue(`--${prefix}breakpoint-${bp}`).trim();
   } else {
     return bp;
   }
 }
 
-function getVariablePrefix() {
-  let prefix = '--';
-  prefix += getComputedStyle(document.body).getPropertyValue('--vrembem-variable-prefix');
-  prefix += 'breakpoint-';
-  return prefix;
-}
-
 function getDrawer(query) {
   // Get the entry from collection.
   const entry = typeof query === 'string' ? this.get(query) : this.get(query.id); // Return entry if it was resolved, otherwise throw error.
@@ -1695,7 +1697,7 @@ function getConfig(el, settings) {
 
   for (const prop in config) {
     // Get the CSS variable property values.
-    const prefix = getComputedStyle(document.body).getPropertyValue('--vrembem-variable-prefix');
+    const prefix = L();
     const value = styles.getPropertyValue(`--${prefix}popover-${prop}`).trim(); // If a value was found, replace the default in config obj.
 
     if (value) {