vrembem 4.0.0-next.29 → 4.0.0-next.30

package/dev/index.umd.cjs

@@ -62,7 +62,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
   function getCustomProps(entry) {
     const styles = getComputedStyle(entry.el);
     const result = {};
-    const keys = Object.keys(entry.context.settings);
+    const keys = entry.getSetting("customProps");
     for (let i = 0; i < keys.length; i++) {
       const prefix = getPrefix();
       const module2 = entry.context.module.toLowerCase();
@@ -83,6 +83,27 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       return null;
     }
   }
+  function maybeReturnSetting(prop, key, type = "camel") {
+    key = type === "camel" ? toCamel(key) : toKebab(key);
+    return prop.split(".").concat(key).reduce((obj, key2) => obj == null ? void 0 : obj[key2], this);
+  }
+  function getSetting(key, options = {}) {
+    const {
+      fallback,
+      props = ["dataConfig", "customProps", "settings", "context.settings"]
+    } = options;
+    for (const prop of props) {
+      const type = prop !== "customProps" ? "camel" : "kebab";
+      const result = maybeReturnSetting.call(this, prop, key, type);
+      if (result !== void 0) {
+        return result;
+      }
+    }
+    if (fallback !== void 0) {
+      return fallback;
+    }
+    throw new Error(`${this.context.module} setting does not exist: ${key}`);
+  }
   async function lifecycleHook(name, ...args) {
     if (name in this && typeof this[name] === "function") {
       await this[name](...args);
@@ -171,6 +192,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       this.collection = [];
       this.settings = Object.assign({
         dataConfig: "config",
+        customProps: [],
         teleport: null,
         teleportMethod: "append"
       }, options);
@@ -251,22 +273,8 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     getCustomProps() {
       return Object.assign(this.customProps, getCustomProps(this));
     }
-    getSetting(key) {
-      const camel = toCamel(key);
-      const kebab = toKebab(key);
-      if ("dataConfig" in this && camel in this.dataConfig) {
-        return this.dataConfig[camel];
-      }
-      if ("customProps" in this && kebab in this.customProps) {
-        return this.customProps[kebab];
-      }
-      if ("settings" in this && camel in this.settings) {
-        return this.settings[camel];
-      }
-      if ("settings" in this.context && camel in this.context.settings) {
-        return this.context.settings[camel];
-      }
-      throw new Error(`${this.context.module} setting does not exist: ${key}`);
+    getSetting(key, options = {}) {
+      return getSetting.call(this, key, options);
     }
     async mount(options = {}) {
       if (this.el === null) {
@@ -523,6 +531,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     getCustomProps,
     getElement,
     getPrefix,
+    getSetting,
     lifecycleHook,
     localStore,
     setGlobalState,
@@ -554,6 +563,9 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     // Classes
     classModal: "drawer_modal",
     // Feature toggles
+    customProps: [
+      "transition-duration"
+    ],
     breakpoints: null,
     customEventPrefix: "drawer:",
     store: true,
@@ -562,7 +574,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     teleport: null,
     teleportMethod: "prepend",
     transition: true,
-    transitionDuration: "drawer-transition-duration"
+    transitionDuration: 300
   };
   function applyInitialState(entry) {
     if (entry.store === "opened") {
@@ -934,12 +946,15 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     stateClosing: "is-closing",
     stateClosed: "is-closed",
     // Feature settings
+    customProps: [
+      "transition-duration"
+    ],
     customEventPrefix: "modal:",
     setTabindex: true,
     teleport: null,
     teleportMethod: "append",
     transition: true,
-    transitionDuration: "modal-transition-duration"
+    transitionDuration: 300
   };
   class ModalEntry extends CollectionEntry {
     constructor(context, query, options = {}) {
@@ -1237,6 +1252,15 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     // State classes
     stateActive: "is-active",
     // Custom properties and their defaults
+    customProps: [
+      "placement",
+      "event",
+      "offset",
+      "flip-padding",
+      "shift-padding",
+      "arrow-padding",
+      "toggle-delay"
+    ],
     placement: "bottom",
     event: "click",
     offset: 0,