coveragebook_components 0.9.1 → 0.10.1.beta.0

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

@@ -6178,11 +6178,15 @@
         "display-2": ["80px", "84px"],
         "display-3": ["64px", "68px"],
         "display-4": ["48px", "52px"],
-        "heading-1": ["48px", "50px"],
-        "heading-2": ["36px", "40px"],
-        "heading-3": ["30px", "36px"],
+        "relaxed-display-1": ["96px", "104px"],
+        "relaxed-display-2": ["80px", "88px"],
+        "relaxed-display-3": ["64px", "72px"],
+        "relaxed-display-4": ["48px", "56px"],
+        "heading-1": ["40px", "48px"],
+        "heading-2": ["32px", "40px"],
+        "heading-3": ["28px", "36px"],
         "heading-4": ["24px", "30px"],
-        "heading-5": ["20px", "25px"],
+        "heading-5": ["20px", "24px"],
         "heading-6": ["16px", "20px"],
         "subheading-1": ["32px", "40px"],
         "subheading-2": ["24px", "32px"],
@@ -14044,7 +14048,7 @@
   var package_default = {
     name: "coveragebook-components",
     type: "module",
-    version: "0.9.1",
+    version: "0.10.1-beta.0",
     main: "index.js",
     repository: "git@github.com:coveragebook/coco.git",
     author: "Mark Perkins <mark@coveragebook.com>",
@@ -24041,13 +24045,13 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   window.addEventListener("resize", setAppHeightProperty);
   setAppHeightProperty();
 
-  // ../../components/coco/base/button/button.js
+  // ../../components/coco/shared/button/button.js
   var button_exports = {};
   __export(button_exports, {
     default: () => button_default
   });
 
-  // coco.js
+  // shared/coco.js
   function CocoComponent(name, fn3) {
     const func = nameFunction(name, (...args) => {
       const data2 = fn3(...args);
@@ -24065,7 +24069,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return func;
   }
 
-  // ../../components/coco/base/button/button.js
+  // ../../components/coco/shared/button/button.js
   var import_lodash2 = __toESM(require_lodash(), 1);
   var button_default = CocoComponent("button", (data2 = {}) => {
     return __spreadProps(__spreadValues({
@@ -24199,17 +24203,18 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       root: {
         "x-options": "options",
         "x-tooltip": "tooltipText",
-        "x-effect": "setTooltipText"
+        "x-effect": "setTooltipText",
+        ":disabled": "disabled"
       }
     });
   });
 
-  // ../../components/coco/base/button/button_dropdown.js
+  // ../../components/coco/shared/button/button_dropdown.js
   var button_dropdown_exports = {};
   __export(button_dropdown_exports, {
     default: () => button_dropdown_default
   });
-  var button_dropdown_default = CocoComponent("buttonDropdown", (data2 = {}) => {
+  var button_dropdown_default = CocoComponent("buttonDropdown", () => {
     return {
       dropdown: null,
       button: null,
@@ -24227,11 +24232,108 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         if (this.dropdown) {
           this.dropdown.show();
         }
+      },
+      /* bindings */
+      root: {
+        "@dropdown:show": "button.setState('active')",
+        "@dropdown:hide": "button.resetState()",
+        "@confirmation:confirm": "button.approveAndRun($event)",
+        "@confirmation:cancel": "button.cancelConfirmation($event)"
+      }
+    };
+  });
+
+  // ../../components/coco/shared/button_group/button_group.js
+  var button_group_exports = {};
+  __export(button_group_exports, {
+    default: () => button_group_default
+  });
+  var button_group_default = CocoComponent("appButtonGroup", () => {
+    return {
+      options: ["collapsible"],
+      ready: false,
+      containerWidth: 0,
+      contentWidth: 0,
+      collapsed: false,
+      singletonTooltip: null,
+      tooltipInstances: [],
+      get collapsible() {
+        return this.$options.collapsible !== false;
+      },
+      get buttons() {
+        const buttonElements = this.$el.querySelectorAll(
+          "[data-component='button']"
+        );
+        return Array.from(buttonElements).map((el) => getComponent(el));
+      },
+      get parent() {
+        return this.$root.parentElement;
+      },
+      init() {
+        if (this.collapsible) {
+          this.$nextTick(() => {
+            this.onResize();
+            this.createSingletonTooltip();
+            this.ready = true;
+          });
+        } else {
+          this.ready = true;
+        }
+        this.$watch("collapsed", (value) => {
+          this.buttons.forEach((button) => {
+            button.isCollapsed = value;
+          });
+          this.$nextTick(() => this.createSingletonTooltip());
+        });
+      },
+      createSingletonTooltip() {
+        this.destroySingletonTooltip();
+        this.tooltipInstances = this.buttons.map((button) => {
+          if (button.tippyInstance && button.shouldShowTooltip && button.shouldShowTooltip()) {
+            return button.tippyInstance;
+          }
+        }).filter((t3) => t3);
+        this.singletonTooltip = createSingleton(this.tooltipInstances, {
+          theme: "coco-tooltip",
+          delay: 100,
+          moveTransition: "transform 0.1s ease-out"
+        });
+      },
+      destroySingletonTooltip() {
+        if (this.singletonTooltip && this.singletonTooltip.destroy) {
+          this.singletonTooltip.destroy();
+          this.singletonTooltip = null;
+          this.tooltipInstances.forEach((tooltip) => tooltip.destroy());
+          this.tooltipInstances = [];
+        }
+      },
+      onResize() {
+        if (!this.collapsible)
+          return;
+        this.containerWidth = Math.ceil(this.parent.offsetWidth);
+        if (this.collapsed) {
+          if (this.containerWidth > this.contentWidth) {
+            this.collapsed = false;
+          }
+        } else {
+          if (this.containerWidth < this.contentWidth) {
+            this.collapsed = true;
+          } else {
+            const contentWidth = Math.ceil(this.$refs.buttons.scrollWidth);
+            this.contentWidth = contentWidth;
+          }
+        }
+      },
+      destroy() {
+        if (this.singletonTooltip) {
+          this.singletonTooltip.destroy();
+          this.singletonTooltip = null;
+        }
       }
     };
   });
 
-  // ../../components/coco/base/dropdown/dropdown.js
+  // ../../components/coco/shared/dropdown/dropdown.js
   var dropdown_exports = {};
   __export(dropdown_exports, {
     default: () => dropdown_default2
@@ -24240,7 +24342,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return {};
   });
 
-  // ../../components/coco/base/icon/icon.js
+  // ../../components/coco/shared/icon/icon.js
   var icon_exports = {};
   __export(icon_exports, {
     default: () => icon_default
@@ -24266,7 +24368,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/base/image_uploader/image_uploader.js
+  // ../../components/coco/shared/image_uploader/image_uploader.js
   var image_uploader_exports = {};
   __export(image_uploader_exports, {
     default: () => image_uploader_default
@@ -24339,7 +24441,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/base/modal/modal.js
+  // ../../components/coco/shared/modal/modal.js
   var modal_exports = {};
   __export(modal_exports, {
     default: () => modal_default
@@ -24376,7 +24478,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
           this.hide();
       },
       visit(url) {
-        navigateTo(url, { frame: this.frame.id });
+        navigateTo(url, { frame: this.frame.id, turbo: true });
       },
       scrollTo(pos) {
         setTimeout(() => {
@@ -24429,7 +24531,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/base/modal_dialog/modal_dialog.js
+  // ../../components/coco/shared/modal_dialog/modal_dialog.js
   var modal_dialog_exports = {};
   __export(modal_dialog_exports, {
     default: () => modal_dialog_default
@@ -24463,7 +24565,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/base/modal_lightbox/modal_lightbox.js
+  // ../../components/coco/shared/modal_lightbox/modal_lightbox.js
   var modal_lightbox_exports = {};
   __export(modal_lightbox_exports, {
     default: () => modal_lightbox_default
@@ -24497,7 +24599,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/base/poll_controller/poll_controller.js
+  // ../../components/coco/shared/poll_controller/poll_controller.js
   var poll_controller_exports = {};
   __export(poll_controller_exports, {
     default: () => poll_controller_default
@@ -24561,11 +24663,11 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     }
   }
 
-  // import-glob:/Users/mark/Code/coveragebook/coco/app/assets/js/base|@baseComponents/**/*.js
-  var modules = [button_exports, button_dropdown_exports, dropdown_exports, icon_exports, image_uploader_exports, modal_exports, modal_dialog_exports, modal_lightbox_exports, poll_controller_exports];
+  // import-glob:/Users/mark/Code/coveragebook/coco/app/assets/js/shared|@sharedComponents/**/*.js
+  var modules = [button_exports, button_dropdown_exports, button_group_exports, dropdown_exports, icon_exports, image_uploader_exports, modal_exports, modal_dialog_exports, modal_lightbox_exports, poll_controller_exports];
   var __default = modules;
 
-  // base/components.js
+  // shared/components.js
   var components_default = registerComponents(__default);
 
   // import-glob:/Users/mark/Code/coveragebook/coco/app/assets/js/book|@bookComponents/**/*.js
@@ -25082,92 +25184,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // ../../components/coco/app/elements/button_group/button_group.js
-  var button_group_exports = {};
-  __export(button_group_exports, {
-    default: () => button_group_default
-  });
-  var button_group_default = CocoComponent("appButtonGroup", () => {
-    return {
-      options: ["collapsible"],
-      ready: false,
-      containerWidth: 0,
-      contentWidth: 0,
-      collapsed: false,
-      singletonTooltip: null,
-      tooltipInstances: [],
-      get collapsible() {
-        return this.$options.collapsible !== false;
-      },
-      get buttons() {
-        const buttonElements = this.$el.querySelectorAll(
-          "[data-component='app-button']"
-        );
-        return Array.from(buttonElements).map((el) => getComponent(el));
-      },
-      get parent() {
-        return this.$root.parentElement;
-      },
-      init() {
-        if (this.collapsible) {
-          this.$nextTick(() => {
-            this.onResize();
-            this.createSingletonTooltip();
-            this.ready = true;
-          });
-        } else {
-          this.ready = true;
-        }
-        this.$watch("collapsed", (value) => {
-          this.buttons.forEach((button) => {
-            button.isCollapsed = value;
-          });
-          this.$nextTick(() => this.createSingletonTooltip());
-        });
-      },
-      createSingletonTooltip() {
-        this.destroySingletonTooltip();
-        this.tooltipInstances = this.buttons.map((button) => button.shouldShowTooltip() && button.tippyInstance).filter((t3) => t3);
-        this.singletonTooltip = createSingleton(this.tooltipInstances, {
-          theme: "coco-tooltip",
-          delay: 100,
-          moveTransition: "transform 0.1s ease-out"
-        });
-      },
-      destroySingletonTooltip() {
-        if (this.singletonTooltip && this.singletonTooltip.destroy) {
-          this.singletonTooltip.destroy();
-          this.singletonTooltip = null;
-          this.tooltipInstances.forEach((tooltip) => tooltip.destroy());
-          this.tooltipInstances = [];
-        }
-      },
-      onResize() {
-        if (!this.collapsible)
-          return;
-        this.containerWidth = Math.ceil(this.parent.offsetWidth);
-        if (this.collapsed) {
-          if (this.containerWidth > this.contentWidth) {
-            this.collapsed = false;
-          }
-        } else {
-          if (this.containerWidth < this.contentWidth) {
-            this.collapsed = true;
-          } else {
-            const contentWidth = Math.ceil(this.$refs.buttons.scrollWidth);
-            this.contentWidth = contentWidth;
-          }
-        }
-      },
-      destroy() {
-        if (this.singletonTooltip) {
-          this.singletonTooltip.destroy();
-          this.singletonTooltip = null;
-        }
-      }
-    };
-  });
-
   // ../../components/coco/app/elements/color_picker/color_picker.js
   var color_picker_exports = {};
   __export(color_picker_exports, {
@@ -27433,7 +27449,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
 
   // import-glob:/Users/mark/Code/coveragebook/coco/app/assets/js/app|@appComponents/**/*.js
-  var modules3 = [header_exports, nav_drawer_exports, item_exports, menu_exports, navbar_exports, slide_editor_exports, alert_exports, button_group_exports, color_picker_exports, color_picker_button_exports, confirm_panel_exports, image_picker_exports, image_picker_button_exports, layout_picker_button_exports, menu_button_exports, notice_exports, seamless_textarea_exports, snackbar_exports, system_banner_exports, toast_exports, toolbar_exports, application_exports, page_exports];
+  var modules3 = [header_exports, nav_drawer_exports, item_exports, menu_exports, navbar_exports, slide_editor_exports, alert_exports, color_picker_exports, color_picker_button_exports, confirm_panel_exports, image_picker_exports, image_picker_button_exports, layout_picker_button_exports, menu_button_exports, notice_exports, seamless_textarea_exports, snackbar_exports, system_banner_exports, toast_exports, toolbar_exports, application_exports, page_exports];
   var __default3 = modules3;
 
   // app/components.js