coveragebook_components 0.7.1 → 0.7.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a9f2109c2b353d4f4d3eda5254ab502c3b6d09a3decb653969221a533bb6a322
-  data.tar.gz: 7a07779c43844005785c0085cea3c3b488bbf09d13af3476089c10718159e546
+  metadata.gz: 56e96bf21cb8437a062de0f41591fa2368d9ac92ff5e9dbf04f43601807f298c
+  data.tar.gz: 7e7cf02e0e22797765a93794e8ec6f6530b6796ba912b8c12c3c9338c995cc2b
 SHA512:
-  metadata.gz: 96ad0fcc7aa6248448b4d737c34eed1f95440fa22b64dc4348cc125f7db84b166c6de375383a668b106b8fa9b97cb011dc317d367e3ce1e382faba6eecb8655f
-  data.tar.gz: a5eb991e495f26a598ec8d12975d48c00b00ec7e92e57497c00387886abb3af685da5f0cffa685d82b8b173c600df31bb193595ec1700e03df1ba08edeb1b754
+  metadata.gz: 0d83add134a2d60eb2ce75818286274a2241f8fa63b384c85c3c50c8e8c0d4b9d25bedeacbe8225190680da26ec48f1200d6b0bc6fbda03f8f08487b11be877b
+  data.tar.gz: 89075553adbaefe4f6c4e620507791b54adcaff30f8038a3d4f06d03d7b14d7e5c725085f8f06e844b8463855fdd243ba4b9f811b98a168bc9f38367f51e488e

data/app/assets/build/coco/app.js

@@ -4591,7 +4591,7 @@
             }
             return baseRandom(lower, upper);
           }
-          var camelCase6 = createCompounder(function(result2, word, index) {
+          var camelCase5 = createCompounder(function(result2, word, index) {
             word = word.toLowerCase();
             return result2 + (index ? capitalize2(word) : word);
           });
@@ -4619,7 +4619,7 @@
             string = toString(string);
             return string && reHasRegExpChar.test(string) ? string.replace(reRegExpChar, "\\$&") : string;
           }
-          var kebabCase5 = createCompounder(function(result2, word, index) {
+          var kebabCase4 = createCompounder(function(result2, word, index) {
             return result2 + (index ? "-" : "") + word.toLowerCase();
           });
           var lowerCase = createCompounder(function(result2, word, index) {
@@ -5203,7 +5203,7 @@
           mixin(lodash, lodash);
           lodash.add = add2;
           lodash.attempt = attempt;
-          lodash.camelCase = camelCase6;
+          lodash.camelCase = camelCase5;
           lodash.capitalize = capitalize2;
           lodash.ceil = ceil;
           lodash.clamp = clamp2;
@@ -5282,7 +5282,7 @@
           lodash.isWeakMap = isWeakMap;
           lodash.isWeakSet = isWeakSet;
           lodash.join = join;
-          lodash.kebabCase = kebabCase5;
+          lodash.kebabCase = kebabCase4;
           lodash.last = last;
           lodash.lastIndexOf = lastIndexOf;
           lodash.lowerCase = lowerCase;
@@ -14032,7 +14032,7 @@
   var package_default = {
     name: "coveragebook-components",
     type: "module",
-    version: "0.7.1",
+    version: "0.7.2",
     main: "index.js",
     repository: "git@github.com:coveragebook/coco.git",
     author: "Mark Perkins <mark@coveragebook.com>",
@@ -20064,8 +20064,36 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   }
   var M2 = l2;
 
-  // libs/alpine/plugins/options.js
-  var import_lodash = __toESM(require_lodash(), 1);
+  // helpers/alpine.js
+  function registerComponents(components) {
+    document.addEventListener("alpine:init", () => {
+      components.forEach((module) => {
+        if (module.default && module.default.component === true) {
+          Alpine.data(module.default.name, module.default);
+        }
+      });
+    });
+    return components;
+  }
+  function getComponent(el, throwOnError = false) {
+    try {
+      return Alpine.$data(el);
+    } catch (error2) {
+      if (throwOnError) {
+        throw error2;
+      } else {
+        return null;
+      }
+    }
+  }
+  function getData(el) {
+    const root = Alpine.closestRoot(el);
+    return root ? Alpine.$data(root) : null;
+  }
+  function setData(el, newData) {
+    const data2 = getData(el);
+    return data2 ? Object.assign(data2, newData) : null;
+  }
 
   // helpers/lang.js
   function nameFunction(name, body) {
@@ -20106,6 +20134,79 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return bytes;
   }
 
+  // libs/alpine/directives/undo.js
+  function undo_default(Alpine3) {
+    const maxHistorySize = 100;
+    Alpine3.directive("undo", (el, { expression }, { evaluate: evaluate2 }) => {
+      const data2 = getData(el);
+      const history = Alpine3.reactive({
+        stack: [],
+        stackPos: -1,
+        adding: false,
+        clear() {
+          history.stack.length = 0;
+          history.stackPos = -1;
+        },
+        add(name, newValue, oldValue) {
+          if (!history.adding && newValue !== oldValue) {
+            if (history.stackPos < history.stackSize - 1) {
+              const stack = Alpine3.raw(history.stack);
+              history.stack = stack.slice(0, history.stackPos + 1);
+            }
+            history.stack.push({ name, newValue, oldValue });
+            if (history.stackSize > maxHistorySize) {
+              history.stack.pop();
+            } else {
+              history.stackPos++;
+            }
+          }
+        },
+        undo() {
+          if (!data2.undo) {
+            console.error("Missing `undo` method");
+            return;
+          }
+          if (history.undoable) {
+            history.adding = true;
+            const entry = history.stack[history.stackPos];
+            data2.undo(entry.name, entry.oldValue);
+            history.stackPos--;
+            this.$nextTick(() => history.adding = false);
+          }
+        },
+        redo() {
+          if (!data2.redo) {
+            console.error("Missing `redo` method");
+            return;
+          }
+          if (history.redoable) {
+            history.adding = true;
+            history.stackPos++;
+            const entry = history.stack[history.stackPos];
+            data2.redo(entry.name, entry.newValue);
+            this.$nextTick(() => history.adding = false);
+          }
+        },
+        get undoable() {
+          return history.stackPos >= 0;
+        },
+        get redoable() {
+          return history.stackPos < history.stackSize - 1;
+        },
+        get stackSize() {
+          return history.stack.length;
+        },
+        get stackMemoryUsage() {
+          return roughSizeOfObject(history.stack);
+        }
+      });
+      setData(el, { history });
+    });
+  }
+
+  // libs/alpine/directives/options.js
+  var import_lodash = __toESM(require_lodash(), 1);
+
   // helpers/dom.js
   function getHiddenElementDimensions(el, display = "block") {
     let size2;
@@ -20134,38 +20235,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return typeof Node === "object" ? o3 instanceof Node : o3 && typeof o3 === "object" && typeof o3.nodeType === "number" && typeof o3.nodeName === "string";
   }
 
-  // helpers/alpine.js
-  function registerComponents(components) {
-    document.addEventListener("alpine:init", () => {
-      components.forEach((module) => {
-        if (module.default && module.default.component === true) {
-          Alpine.data(module.default.name, module.default);
-        }
-      });
-    });
-    return components;
-  }
-  function getComponent(el, throwOnError = false) {
-    try {
-      return Alpine.$data(el);
-    } catch (error2) {
-      if (throwOnError) {
-        throw error2;
-      } else {
-        return null;
-      }
-    }
-  }
-  function getData(el) {
-    const root = Alpine.closestRoot(el);
-    return root ? Alpine.$data(root) : null;
-  }
-  function setData(el, newData) {
-    const data2 = getData(el);
-    return data2 ? Object.assign(data2, newData) : null;
-  }
-
-  // libs/alpine/plugins/options.js
+  // libs/alpine/directives/options.js
   function options_default(Alpine3) {
     Alpine3.directive(
       "options",
@@ -23337,7 +23407,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return config;
   }
 
-  // libs/alpine/plugins/tooltip.js
+  // libs/alpine/directives/tooltip.js
   function tooltip_default(Alpine3) {
     Alpine3.directive(
       "tooltip",
@@ -23393,7 +23463,18 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     ).before("bind");
   }
 
-  // libs/alpine/plugins/dropdown.js
+  // libs/alpine/directives/destroy.js
+  function destroy_default(Alpine3) {
+    Alpine3.directive(
+      "destroy",
+      (el, { expression }, { evaluateLater: evaluateLater2, cleanup: cleanup2 }) => {
+        const clean2 = evaluateLater2(expression);
+        cleanup2(() => clean2());
+      }
+    );
+  }
+
+  // libs/alpine/directives/dropdown.js
   function dropdown_default(Alpine3) {
     Alpine3.directive(
       "dropdown",
@@ -23453,18 +23534,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     ).before("bind");
   }
 
-  // libs/alpine/plugins/destroy.js
-  function destroy_default(Alpine3) {
-    Alpine3.directive(
-      "destroy",
-      (el, { expression }, { evaluateLater: evaluateLater2, cleanup: cleanup2 }) => {
-        const clean2 = evaluateLater2(expression);
-        cleanup2(() => clean2());
-      }
-    );
-  }
-
-  // libs/alpine/plugins/dimensions.js
+  // libs/alpine/directives/dimensions.js
   function dimensions_default(Alpine3) {
     Alpine3.directive(
       "dimensions",
@@ -23501,7 +23571,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     );
   }
 
-  // libs/alpine/plugins/notification.js
+  // libs/alpine/directives/notification.js
   function notification_default(Alpine3) {
     let notificationId = 0;
     let queuePosition = 0;
@@ -23577,19 +23647,20 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   }
 
   // libs/alpine/index.js
-  module_default.plugin(module_default2);
+  window.Alpine = module_default;
+  module_default.plugin(M2);
   module_default.plugin(module_default5);
+  module_default.plugin(module_default6);
+  module_default.plugin(module_default2);
   module_default.plugin(module_default3);
   module_default.plugin(module_default4);
-  module_default.plugin(module_default6);
-  module_default.plugin(M2);
+  module_default.plugin(undo_default);
   module_default.plugin(options_default);
   module_default.plugin(tooltip_default);
-  module_default.plugin(dropdown_default);
   module_default.plugin(destroy_default);
+  module_default.plugin(dropdown_default);
   module_default.plugin(dimensions_default);
   module_default.plugin(notification_default);
-  window.Alpine = module_default;
   var alpine_default2 = module_default;
 
   // ../../components/coco/base/button/button.js
@@ -23598,218 +23669,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     default: () => button_default
   });
 
-  // base/mixins/attrs.js
-  function withAttrs(props = {}) {
-    return function(component) {
-      return Object.assign(
-        component,
-        Alpine.reactive({
-          getAttr(name) {
-            return this.$root.getAttribute(name);
-          },
-          setAttr(name, value) {
-            this.$root.setAttribute(name, value);
-            return this;
-          },
-          hasAttr(name) {
-            return this.$root.hasAttribute(name);
-          },
-          removeAttr(name) {
-            component.$root.removeAttribute(name);
-            return this;
-          },
-          assertAttr(name, testValue) {
-            return this.$root.getAttribute(name) === String(testValue);
-          },
-          refuteAttr(name, testValue) {
-            return !this.assertAttr(name, testValue);
-          },
-          getData(name) {
-            return this.getAttr(`data-${name}`);
-          },
-          setData(name, value) {
-            return this.setAttr(`data-${name}`, value);
-          },
-          hasData(name) {
-            return this.hasAttr(`data-${name}`);
-          },
-          removeData(name) {
-            return this.removeAttr(`data-${name}`);
-          },
-          assertData(name, testValue) {
-            return this.assertAttr(`data-${name}`, testValue);
-          },
-          refuteData(name, testValue) {
-            return !this.assertData(name, testValue);
-          }
-        })
-      );
-    };
-  }
-
-  // base/mixins/options.js
-  var import_lodash2 = __toESM(require_lodash(), 1);
-  function withOptions(props = {}) {
-    return function(component) {
-      if (!component.options) {
-        return component;
-      }
-      const el = component.$root;
-      const oldDestroy = component.destroy;
-      const optionsProps = component.options || {};
-      const optionsAttrs = Object.keys(optionsProps).map(
-        (name) => `data-${(0, import_lodash2.kebabCase)(name)}`
-      );
-      Object.keys(optionsProps).forEach((name) => {
-        const attrName = `data-${(0, import_lodash2.kebabCase)(name)}`;
-        if (el.hasAttribute(attrName)) {
-          component.options[name] = el.getAttribute(attrName);
-        }
-      });
-      let attrObserver = new MutationObserver((mutationsList) => {
-        for (const mutation of mutationsList) {
-          if (mutation.type !== "attributes" || !optionsAttrs.includes(mutation.attributeName)) {
-            return;
-          }
-          const propName = (0, import_lodash2.camelCase)(mutation.attributeName.replace("data-", ""));
-          let value = mutation.target.getAttribute(mutation.attributeName);
-          switch (value) {
-            case "true":
-              value = true;
-              break;
-            case "false":
-              value = false;
-              break;
-          }
-          component.options[propName] = value;
-        }
-      });
-      Object.assign(
-        component,
-        Alpine.reactive({
-          destroy() {
-            attrObserver.disconnect();
-            attrObserver = null;
-            if (oldDestroy) {
-              oldDestroy.call(this);
-            }
-          }
-        })
-      );
-      attrObserver.observe(el, { attributes: true });
-      component.$watch("options", (options, oldOptions) => {
-        for (const [key, value] of Object.entries(options)) {
-          el.setAttribute(`data-${(0, import_lodash2.kebabCase)(key)}`, value);
-          if (component.onOptionChange) {
-            component.onOptionChange(key, value);
-          }
-        }
-      });
-      return component;
-    };
-  }
-
-  // base/mixins/size-observer.js
-  function withSizeObserver(props = {}) {
-    return function(component) {
-      const resizeTarget = props.target || component.$root;
-      const oldDestroy = component.destroy;
-      const sizeObserver = Alpine.reactive({
-        observer: null,
-        handler(target) {
-          if (component.onResize) {
-            component.onResize(target.contentRect, target);
-          }
-        }
-      });
-      sizeObserver.observer = new ResizeObserver(
-        (entries) => sizeObserver.handler(entries[0])
-      );
-      Object.assign(component, {
-        destroy() {
-          sizeObserver.observer.disconnect();
-          sizeObserver.observer = null;
-          if (oldDestroy) {
-            oldDestroy.call(this);
-          }
-        }
-      });
-      sizeObserver.observer.observe(resizeTarget);
-      return component;
-    };
-  }
-
-  // base/mixins/undo.js
-  function withUndo(props = {}) {
-    function withUndoMixin(component) {
-      const maxHistorySize = props.maxEntries || 100;
-      const history = Alpine.reactive({
-        stack: [],
-        stackPos: -1,
-        adding: false,
-        clear() {
-          history.stack.length = 0;
-          history.stackPos = -1;
-        },
-        add(name, newValue, oldValue) {
-          if (!history.adding && newValue !== oldValue) {
-            if (history.stackPos < history.stackSize - 1) {
-              const stack = Alpine.raw(history.stack);
-              history.stack = stack.slice(0, history.stackPos + 1);
-            }
-            history.stack.push({ name, newValue, oldValue });
-            if (history.stackSize > maxHistorySize) {
-              history.stack.pop();
-            } else {
-              history.stackPos++;
-            }
-          }
-        },
-        undo() {
-          if (!component.undo) {
-            console.error("Missing `undo` method");
-            return;
-          }
-          if (history.undoable) {
-            history.adding = true;
-            const entry = history.stack[history.stackPos];
-            component.undo(entry.name, entry.oldValue);
-            history.stackPos--;
-            this.$nextTick(() => history.adding = false);
-          }
-        },
-        redo() {
-          if (!component.redo) {
-            console.error("Missing `redo` method");
-            return;
-          }
-          if (history.redoable) {
-            history.adding = true;
-            history.stackPos++;
-            const entry = history.stack[history.stackPos];
-            component.redo(entry.name, entry.newValue);
-            this.$nextTick(() => history.adding = false);
-          }
-        },
-        get undoable() {
-          return history.stackPos >= 0;
-        },
-        get redoable() {
-          return history.stackPos < history.stackSize - 1;
-        },
-        get stackSize() {
-          return history.stack.length;
-        },
-        get stackMemoryUsage() {
-          return roughSizeOfObject(history.stack);
-        }
-      });
-      return Object.assign(component, { history });
-    }
-    withUndoMixin.props = ["history"];
-    return withUndoMixin;
-  }
-
   // coco.js
   function CocoComponent(name, fn3) {
     const func = nameFunction(name, (...args) => {
@@ -23822,37 +23681,16 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         }
       });
       data2.$options = {};
-      if (data2.use === false)
-        return data2;
-      const originalInit = data2.init;
-      const mixins = [withAttrs(), withOptions(), ...data2.use || []];
-      mixins.forEach((mixin) => {
-        if (mixin.props) {
-          mixin.props.forEach((prop) => {
-            if (!data2[prop]) {
-              data2[prop] = null;
-            }
-          });
-        }
-      });
-      return Object.assign(data2, {
-        init() {
-          mixins.forEach((mixin) => mixin(this));
-          if (originalInit) {
-            originalInit.call(this);
-          }
-        }
-      });
+      return data2;
     });
     func.component = true;
     return func;
   }
 
   // ../../components/coco/base/button/button.js
-  var import_lodash3 = __toESM(require_lodash(), 1);
+  var import_lodash2 = __toESM(require_lodash(), 1);
   var button_default = CocoComponent("button", (data2 = {}) => {
     return __spreadProps(__spreadValues({
-      use: false,
       options: ["state", "confirm", "size", "disabled", "collapsible"],
       isCollapsed: false,
       approving: false,
@@ -23950,7 +23788,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       },
       setState(name) {
         this.lastState = this.state;
-        this.$options.state = (0, import_lodash3.camelCase)(name);
+        this.$options.state = (0, import_lodash2.camelCase)(name);
       },
       resetState() {
         this.$options.state = this.lastState || "default";
@@ -24004,9 +23842,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     default: () => dropdown_default2
   });
   var dropdown_default2 = CocoComponent("dropdown", () => {
-    return {
-      use: false
-    };
+    return {};
   });
 
   // ../../components/coco/base/icon/icon.js
@@ -24359,9 +24195,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         data: data2.image2
       }
     };
-    return __spreadProps(__spreadValues({
-      use: [withUndo()]
-    }, initialData), {
+    return __spreadProps(__spreadValues({}, initialData), {
       saved: __spreadValues({}, initialData),
       saving: false,
       ready: false,
@@ -26379,7 +26213,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   // ../../components/coco/app/elements/color_picker/color_picker.js
   var color_picker_default = CocoComponent("appColorPicker", ({ selected }) => {
     return {
-      use: false,
       selectedColor: selected,
       display: selected,
       updating: false,
@@ -26500,7 +26333,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
   var image_picker_default = CocoComponent("appImagePicker", ({ src }) => {
     return {
-      use: [],
       image: {
         name: basename(src),
         file: null,
@@ -26639,7 +26471,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
   var seamless_textarea_default = CocoComponent("appSeamlessTextarea", () => {
     return {
-      use: [withSizeObserver()],
       height: null,
       observer: null,
       value: null,
@@ -26657,10 +26488,8 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       onResize() {
         const textarea = this.$refs.textarea;
         if (textarea) {
-          const styles = window.getComputedStyle(textarea);
-          const fontSize = styles.getPropertyValue("font-size");
           textarea.style.height = "4px";
-          let newHeight = textarea.scrollHeight;
+          const newHeight = textarea.scrollHeight;
           textarea.style.height = `${newHeight}px`;
           if (this.height !== newHeight) {
             this.height = newHeight;
@@ -26677,7 +26506,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
   var snackbar_default = CocoComponent("appSnackbar", () => {
     return {
-      use: false,
       notificationType: "snackbar",
       options: ["show", "dismiss", "showDelay", "dismissDelay", "position"],
       root: {
@@ -26713,7 +26541,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
   var toast_default = CocoComponent("appToast", () => {
     return {
-      use: false,
       notificationType: "toast",
       options: ["show", "dismiss", "showDelay", "dismissDelay", "position"],
       root: {