coveragebook_components 0.5.3 → 0.5.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8d400d547c9ada052eab26657ba8a9424f9ef0681e229a0e50246bd53a9e8851
-  data.tar.gz: 6bb749b36cf6483baa2cf0a4ca1a82d533ba51861233a17ee243f5e05096309b
+  metadata.gz: 98424c832e1e2c4770de3a458bf8b2fa2321440db76103e7f2895e812ef82385
+  data.tar.gz: 102b0d7dc803bb51ddd3ac1b154912327abb9770680664af6889c872457defb8
 SHA512:
-  metadata.gz: e73d2f999c2de5c235cf3e66dce23fafd0b43ea93fd68b5b257822ee4e22114a185cd864757ea8699d61c1ae5df8579e8f9a84b7ca15e56e84951bfa764ae438
-  data.tar.gz: d8fe7d7502259cee101e908199f8b237bb347becbaca963c588bfd856d8d0d9c8ac503dea62bb6acca42f60846bdcd63d3a2729e08fb04b1b5558f87a3b148dc
+  metadata.gz: 2d1e4d93512680ad8c334ef9f684cc382bbc869a0901cb8cee6b22196cacafda103d4d2323a5eae980e889b36f871688807d750ccead781399b0491bf829646a
+  data.tar.gz: dd7a7a48d456ccfee151dab803c9e504f339b5f1d526bad606639e3ea37944d5ca92b6267064097a48c0868c805e70b3a0e016d416dd250abeb8170f67031cfd

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.5",
     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",
@@ -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;

data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb

@@ -171,7 +171,7 @@
 
           <% if text_1? %>
             <% slide.with_text_1 do %>
-              <span x-text="text1"></span>
+              <span x-html="text1.replace(/\n/g, '<br>')"></span>
             <% end %>
           <% end %>
         <% end %>

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.5"
 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.5
 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