coveragebook_components 0.5.3 → 0.5.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8d400d547c9ada052eab26657ba8a9424f9ef0681e229a0e50246bd53a9e8851
-  data.tar.gz: 6bb749b36cf6483baa2cf0a4ca1a82d533ba51861233a17ee243f5e05096309b
+  metadata.gz: 3be7315ada24aa11a5416b74d886b9e48f2d18d188887c9d0ecdb965adafb33b
+  data.tar.gz: 9bb3ecb2e643a089a445232d2c88a88ccaba5392357257854a9f9c5336adbb14
 SHA512:
-  metadata.gz: e73d2f999c2de5c235cf3e66dce23fafd0b43ea93fd68b5b257822ee4e22114a185cd864757ea8699d61c1ae5df8579e8f9a84b7ca15e56e84951bfa764ae438
-  data.tar.gz: d8fe7d7502259cee101e908199f8b237bb347becbaca963c588bfd856d8d0d9c8ac503dea62bb6acca42f60846bdcd63d3a2729e08fb04b1b5558f87a3b148dc
+  metadata.gz: c4258f7f192d48e17fbadb5239a0da7bdd783adbad7a4e79b255c833a75232b3421249d6f01c956e4d00def4172a2c43eb0492edac2607632d44800dcec6f322
+  data.tar.gz: 35b934d9eef27ef5e85e2ccc0192a4e13a766c2f235e87d91f23f6e61a67b1bab9c531e915d5b369b30f22a4e278f5f56ffb01f1dac07cc3de980348ee45e395

data/app/assets/build/coco/app.css

@@ -726,18 +726,16 @@ select{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
-  outline: 2px solid transparent;
-  outline-offset: 2px}
-[data-coco].coco-button:focus-visible{
-  outline-width: 0px}
-[data-coco].coco-button {
     width: -moz-min-content;
-    width: min-content;
-  }
+    width: min-content}
 [data-coco].coco-button .button-element{
   display: inline-flex;
   width: 100%;
-  text-decoration-line: none}
+  text-decoration-line: none;
+  outline: 2px solid transparent;
+  outline-offset: 2px}
+[data-coco].coco-button .button-element:focus-visible{
+  outline-width: 0px}
 [data-coco].coco-button .button-inner{
   margin-left: auto;
   margin-right: auto;

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

@@ -14604,7 +14604,7 @@
   var package_default = {
     name: "coveragebook-components",
     type: "module",
-    version: "0.5.3",
+    version: "0.5.4",
     main: "index.js",
     repository: "git@github.com:coveragebook/coco.git",
     author: "Mark Perkins <mark@coveragebook.com>",
@@ -14634,6 +14634,7 @@
       "tippy.js": "^6.3.7"
     },
     devDependencies: {
+      "@percy/cli": "^1.26.1",
       "alias-hq": "^6.1.0",
       "alpinejs-tash": "^1.0.9",
       autoprefixer: "^10.4.13",
@@ -29510,14 +29511,14 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/base|@baseComponents/**/*.js
+  // import-glob:/home/runner/work/coco/coco/app/assets/js/base|@baseComponents/**/*.js
   var modules = [button_exports, dropdown_exports, icon_exports, image_uploader_exports];
   var __default = modules;
 
   // base/components.js
   var components_default = registerComponents(__default);
 
-  // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/book|@bookComponents/**/*.js
+  // import-glob:/home/runner/work/coco/coco/app/assets/js/book|@bookComponents/**/*.js
   var modules2 = [];
   var __default2 = modules2;
 
@@ -29698,9 +29699,17 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       },
       undo(name, value) {
         this[name] = value;
+        this.$nextTick(() => this.updateTextareaSizes());
       },
       redo(name, value) {
         this[name] = value;
+        this.$nextTick(() => this.updateTextareaSizes());
+      },
+      updateTextareaSizes() {
+        const inputs = this.$root.querySelectorAll(
+          "[data-component='app-seamless-textarea']"
+        );
+        Array.from(inputs).forEach((el) => getData(el).onResize());
       },
       handleImageDrop(event) {
         this.dragging = false;
@@ -32023,7 +32032,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/app|@appComponents/**/*.js
+  // import-glob:/home/runner/work/coco/coco/app/assets/js/app|@appComponents/**/*.js
   var modules3 = [nav_bar_exports, nav_drawer_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, menu_button_exports, notice_exports, seamless_textarea_exports, snackbar_exports, system_banner_exports, toast_exports, toolbar_exports];
   var __default3 = modules3;
 

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

@@ -15197,14 +15197,14 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     };
   });
 
-  // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/base|@baseComponents/**/*.js
+  // import-glob:/home/runner/work/coco/coco/app/assets/js/base|@baseComponents/**/*.js
   var modules = [button_exports, dropdown_exports, icon_exports, image_uploader_exports];
   var __default = modules;
 
   // base/components.js
   var components_default = registerComponents(__default);
 
-  // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/book|@bookComponents/**/*.js
+  // import-glob:/home/runner/work/coco/coco/app/assets/js/book|@bookComponents/**/*.js
   var modules2 = [];
   var __default2 = modules2;
 

data/app/components/coco/app/blocks/slide_editor/slide_editor.js

@@ -55,10 +55,19 @@ export default CocoComponent("appSlideEditor", (data) => {
 
     undo(name, value) {
       this[name] = value;
+      this.$nextTick(() => this.updateTextareaSizes());
     },
 
     redo(name, value) {
       this[name] = value;
+      this.$nextTick(() => this.updateTextareaSizes());
+    },
+
+    updateTextareaSizes() {
+      const inputs = this.$root.querySelectorAll(
+        "[data-component='app-seamless-textarea']"
+      );
+      Array.from(inputs).forEach((el) => getData(el).onResize());
     },
 
     handleImageDrop(event) {

data/app/components/coco/app/blocks/slide_editor/slide_editor.rb

@@ -18,7 +18,7 @@ module Coco
         renders_one :text_1, ->(value = nil, **textarea_options) do
           Coco::App::Elements::SeamlessTextarea.new(**textarea_options,
             value: value,
-            multiline: false,
+            multiline: true,
             data: {role: "text-1-editor"},
             x: {modelable: "value", model: "text1"})
         end

data/app/components/coco/base/button/button.css

@@ -1,11 +1,10 @@
 @layer components {
   [data-coco].coco-button {
     @apply inline-flex transition-colors w-auto bg-transparent text-current border border-transparent select-none flex-none;
-    @apply outline-none focus-visible:outline-0;
     width: min-content;
 
     .button-element {
-      @apply inline-flex w-full no-underline;
+      @apply inline-flex w-full no-underline outline-none focus-visible:outline-0;
     }
 
     .button-inner {

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.5.3"
+  VERSION = "0.5.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.5.3
+  version: 0.5.4
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-06 00:00:00.000000000 Z
+date: 2023-07-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails