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

package/dev/index.js

@@ -58,7 +58,7 @@ function getConfig(el, dataConfig = "config") {
 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 module = entry.context.module.toLowerCase();
@@ -79,6 +79,27 @@ function getElement(query) {
     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);
@@ -167,6 +188,7 @@ class Collection {
     this.collection = [];
     this.settings = Object.assign({
       dataConfig: "config",
+      customProps: [],
       teleport: null,
       teleportMethod: "append"
     }, options);
@@ -247,22 +269,8 @@ class CollectionEntry {
   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) {
@@ -519,6 +527,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   getCustomProps,
   getElement,
   getPrefix,
+  getSetting,
   lifecycleHook,
   localStore,
   setGlobalState,
@@ -550,6 +559,9 @@ const defaults$2 = {
   // Classes
   classModal: "drawer_modal",
   // Feature toggles
+  customProps: [
+    "transition-duration"
+  ],
   breakpoints: null,
   customEventPrefix: "drawer:",
   store: true,
@@ -558,7 +570,7 @@ const defaults$2 = {
   teleport: null,
   teleportMethod: "prepend",
   transition: true,
-  transitionDuration: "drawer-transition-duration"
+  transitionDuration: 300
 };
 function applyInitialState(entry) {
   if (entry.store === "opened") {
@@ -930,12 +942,15 @@ const defaults$1 = {
   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 = {}) {
@@ -1233,6 +1248,15 @@ const defaults = {
   // 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,