coveragebook_components 0.7.0 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +32 -10
  3. data/app/assets/build/coco/app.js +136 -309
  4. data/app/assets/build/coco/book.css +40 -9
  5. data/app/assets/build/coco/book.js +143 -185
  6. data/app/assets/js/coco.js +2 -30
  7. data/app/assets/js/{base/mixins → libs/alpine/directives}/undo.js +12 -13
  8. data/app/assets/js/libs/alpine/index.js +15 -13
  9. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +2 -1
  10. data/app/components/coco/app/blocks/slide_editor/slide_editor.js +0 -3
  11. data/app/components/coco/app/elements/color_picker/color_picker.js +0 -2
  12. data/app/components/coco/app/elements/image_picker/image_picker.js +0 -2
  13. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.html.erb +2 -1
  14. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.js +1 -7
  15. data/app/components/coco/app/elements/snackbar/snackbar.js +0 -2
  16. data/app/components/coco/app/elements/toast/toast.js +0 -2
  17. data/app/components/coco/base/button/button.js +0 -2
  18. data/app/components/coco/base/dropdown/dropdown.js +1 -3
  19. data/app/components/coco/base/modal/modal.css +1 -1
  20. data/app/components/coco/base/modal_dialog/modal_dialog.css +3 -3
  21. data/app/helpers/coco/base_helper.rb +2 -2
  22. data/app/helpers/coco/url_helper.rb +2 -2
  23. data/lib/coco.rb +1 -1
  24. metadata +9 -18
  25. data/app/assets/js/app/mixins/dropdown.js +0 -18
  26. data/app/assets/js/app/mixins/index.js +0 -3
  27. data/app/assets/js/base/mixins/attr-observer.js +0 -54
  28. data/app/assets/js/base/mixins/attrs.js +0 -58
  29. data/app/assets/js/base/mixins/dropdown.js +0 -69
  30. data/app/assets/js/base/mixins/index.js +0 -17
  31. data/app/assets/js/base/mixins/options.js +0 -76
  32. data/app/assets/js/base/mixins/size-observer.js +0 -34
  33. data/app/assets/js/base/mixins/tooltip.js +0 -81
  34. /data/app/assets/js/libs/alpine/{plugins → directives}/destroy.js +0 -0
  35. /data/app/assets/js/libs/alpine/{plugins → directives}/dimensions.js +0 -0
  36. /data/app/assets/js/libs/alpine/{plugins → directives}/dropdown.js +0 -0
  37. /data/app/assets/js/libs/alpine/{plugins → directives}/notification.js +0 -0
  38. /data/app/assets/js/libs/alpine/{plugins → directives}/options.js +0 -0
  39. /data/app/assets/js/libs/alpine/{plugins → directives}/tooltip.js +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4dc42bc5e7061bfc79b3da382555c657fd17cd569fca5182a2a876f43f2c762c
4
- data.tar.gz: 8f45a22450c56e92bb481350475c49742c3033c3ce15f49639c4f62ec99dbdae
3
+ metadata.gz: 56e96bf21cb8437a062de0f41591fa2368d9ac92ff5e9dbf04f43601807f298c
4
+ data.tar.gz: 7e7cf02e0e22797765a93794e8ec6f6530b6796ba912b8c12c3c9338c995cc2b
5
5
  SHA512:
6
- metadata.gz: c1190d6eee29aab8ac6b51408d53cdf85430df820be5aca3fab0ed1b0f7b9eca6047b32d07146aaaa7c39b524348cd7738abbd07341fe94a2fe46b340ceef56e
7
- data.tar.gz: c21c7fe578a3ae71ce9ef295fe72c86a533765e9885f2aeebe9363356f1c3dd96fd3b81209264a133ffe7fa5c348a20df1333223fec0dcb1e624cf4a1e3b0a91
6
+ metadata.gz: 0d83add134a2d60eb2ce75818286274a2241f8fa63b384c85c3c50c8e8c0d4b9d25bedeacbe8225190680da26ec48f1200d6b0bc6fbda03f8f08487b11be877b
7
+ data.tar.gz: 89075553adbaefe4f6c4e620507791b54adcaff30f8038a3d4f06d03d7b14d7e5c725085f8f06e844b8463855fdd243ba4b9f811b98a168bc9f38367f51e488e
data/app/assets/build/coco/app.css CHANGED
@@ -906,7 +906,11 @@ select{
906
906
  min-height: 100vh;
907
907
  align-items: center;
908
908
  justify-content: center;
909
- padding: 2rem}
909
+ padding: 0.5rem}
910
+ @media (min-width: 576px){
911
+
912
+ [data-coco][data-component="modal"] .modal-container{
913
+ padding: 2rem}}
910
914
  [data-coco][data-component="modal"] .modal-content{
911
915
  display: contents}
912
916
  .modal-frame{
@@ -924,7 +928,7 @@ select{
924
928
  display: flex;
925
929
  align-items: center;
926
930
  justify-content: center;
927
- height: 4rem;
931
+ height: 3.5rem;
928
932
  border-top-left-radius: 0.75rem;
929
933
  border-top-right-radius: 0.75rem;
930
934
  border-bottom-width: 1px;
@@ -932,8 +936,14 @@ select{
932
936
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
933
937
  --tw-bg-opacity: 1;
934
938
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
935
- padding-left: 2rem;
936
- padding-right: 2rem}
939
+ padding-left: 1rem;
940
+ padding-right: 1rem}
941
+ @media (min-width: 576px){
942
+
943
+ [data-coco][data-component="modal-dialog"] .modal-dialog-header{
944
+ height: 4rem;
945
+ padding-left: 2rem;
946
+ padding-right: 2rem}}
937
947
  [data-coco][data-component="modal-dialog"] .modal-dialog-title{
938
948
  width: 100%;
939
949
  overflow: hidden;
@@ -946,12 +956,17 @@ select{
946
956
  [data-coco][data-component="modal-dialog"] .modal-dialog-close{
947
957
  position: absolute;
948
958
  top: 50%;
949
- right: 0.75rem;
959
+ right: 0.25rem;
950
960
  display: block;
951
961
  flex: none;
952
962
  --tw-translate-y: -50%;
953
963
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
954
- padding: 0.5rem;
964
+ padding: 0.5rem}
965
+ @media (min-width: 576px){
966
+
967
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
968
+ right: 0.75rem}}
969
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
955
970
  --tw-text-opacity: 1;
956
971
  color: rgb(156 163 175 / var(--tw-text-opacity))}
957
972
  [data-coco][data-component="modal-dialog"] .modal-dialog-close:hover{
@@ -967,10 +982,17 @@ select{
967
982
  border-radius: 0.75rem;
968
983
  --tw-bg-opacity: 1;
969
984
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
970
- padding-left: 2rem;
971
- padding-right: 2rem;
972
- padding-top: 1.5rem;
973
- padding-bottom: 1.5rem}
985
+ padding-left: 1rem;
986
+ padding-right: 1rem;
987
+ padding-top: 1rem;
988
+ padding-bottom: 1rem}
989
+ @media (min-width: 576px){
990
+
991
+ [data-coco][data-component="modal-dialog"] .modal-dialog-content{
992
+ padding-left: 2rem;
993
+ padding-right: 2rem;
994
+ padding-top: 1.5rem;
995
+ padding-bottom: 1.5rem}}
974
996
  [data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content{
975
997
  border-top-left-radius: 0px;
976
998
  border-top-right-radius: 0px}