coveragebook_components 0.5.0 → 0.5.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +28 -28
  3. data/app/assets/build/coco/app.js +8113 -974
  4. data/app/assets/build/coco/book.css +3 -0
  5. data/app/assets/build/coco/book.js +37 -4
  6. data/app/assets/js/base/polyfills/request-submit.js +39 -0
  7. data/app/assets/js/base/setup.js +2 -0
  8. data/app/assets/js/helpers/path.js +9 -1
  9. data/app/assets/js/helpers/screenshot.js +20 -4
  10. data/app/components/coco/app/blocks/slide_editor/slide_editor.css +8 -11
  11. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +155 -196
  12. data/app/components/coco/app/blocks/slide_editor/slide_editor.js +92 -70
  13. data/app/components/coco/app/blocks/slide_editor/slide_editor.rb +36 -85
  14. data/app/components/coco/app/elements/alert/alert.css +1 -1
  15. data/app/components/coco/app/elements/button/button.css +11 -11
  16. data/app/components/coco/app/elements/color_picker_button/color_picker_button.html.erb +17 -16
  17. data/app/components/coco/app/elements/color_picker_button/color_picker_button.js +0 -8
  18. data/app/components/coco/app/elements/color_picker_button/color_picker_button.rb +2 -15
  19. data/app/components/coco/app/elements/image_picker/image_picker.html.erb +4 -4
  20. data/app/components/coco/app/elements/image_picker/image_picker.js +18 -6
  21. data/app/components/coco/app/elements/image_picker/image_picker.rb +2 -11
  22. data/app/components/coco/app/elements/image_picker_button/image_picker_button.html.erb +9 -8
  23. data/app/components/coco/app/elements/image_picker_button/image_picker_button.js +10 -23
  24. data/app/components/coco/app/elements/image_picker_button/image_picker_button.rb +19 -35
  25. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.html.erb +7 -4
  26. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.js +9 -3
  27. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.rb +5 -20
  28. data/app/components/coco/base/button/button.css +3 -3
  29. data/app/components/coco/base/button/button.js +1 -3
  30. data/app/components/coco/base/image_uploader/image_uploader.html.erb +3 -2
  31. data/app/components/coco/base/image_uploader/image_uploader.rb +2 -12
  32. data/app/components/coco/book/blocks/slides/media_slide/media_slide.css +1 -1
  33. data/app/components/coco/component.rb +1 -0
  34. data/app/components/coco/concerns/has_name.rb +1 -1
  35. data/app/components/coco/concerns/translatable.rb +18 -0
  36. data/config/credentials/production.key +1 -0
  37. data/config/credentials/production.yml.enc +1 -0
  38. data/config/icons.json +886 -0
  39. data/config/locales/coco.en.yml +22 -0
  40. data/config/tailwind.app.config.cjs +21 -0
  41. data/config/tailwind.base.config.cjs +79 -0
  42. data/config/tailwind.book.config.cjs +20 -0
  43. data/config/tokens.cjs +229 -0
  44. data/config/utils.cjs +16 -0
  45. data/lib/coco.rb +1 -1
  46. metadata +13 -6
  47. data/app/assets/build/coco/app.dev.css +0 -3427
  48. data/app/assets/build/coco/app.dev.js +0 -24891
  49. data/app/assets/build/coco/book.dev.css +0 -992
  50. data/app/assets/build/coco/book.dev.js +0 -19840
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 04a58eafadfb3d9bee3046676b58625cb101d3e84d183127aeb4e4dea3b056c8
4
- data.tar.gz: cd33aac0b97a797b050346e55f31aa4ae6cce296dc0fc20b110f5924a79b3d3a
3
+ metadata.gz: 583516416fc97e8e71df9ac1d079e087b84742d8b75c8c7c40b9eda38869389b
4
+ data.tar.gz: 1ff186115c4fb370d7ef327c5df4283dd8b60d5b23660129aa966d7ae47d0b7a
5
5
  SHA512:
6
- metadata.gz: 152a325a617afd527e8607a669c85a1a4e09b9542fe23d1eeae53558726af33df1a2914c9848198d454427252c80c792ac2e13588ea216451d72e0cabdc35b07
7
- data.tar.gz: 4f18b57a7909ab4308497e492bc5be2a6a0f1ccfc66b36dff6675d48438c126800554e1106c53414bc225ee7092afaa463a354a4c7114d6658f24c32edd3e60d
6
+ metadata.gz: d397e04fe250a8cf16f5121917aeb96fd52caf53a38226b1b800a3164727bf03901a7952969b032385b6c223efdef86eb5b31386eb925dafe2f9dd13e2563933
7
+ data.tar.gz: 94338b8be80fc3b2346bd7b83f94823234bc92efbd82dd8687f07185431d0a97fc6c93ba83a3c67fa6e24760a5feb8ca309f3a7d854a857ac5a8969fc4981f04
data/app/assets/build/coco/app.css CHANGED
@@ -773,19 +773,19 @@ select{
773
773
 
774
774
  to{
775
775
  transform: rotate(360deg)}}
776
- [data-coco].coco-button[data-state="loading"] .button-icon{
776
+ [data-coco].coco-button[data-state="loading"] > .button-element .button-icon{
777
777
  animation: spin 1.5s linear infinite}
778
778
  /* Fit */
779
779
  [data-coco].coco-button[data-fit="full"]{
780
780
  width: 100%}
781
781
  /* Icons */
782
- [data-coco].coco-button[data-icon-position="end"] .button-content{
782
+ [data-coco].coco-button[data-icon-position="end"] > .button-element .button-content{
783
783
  order: 1}
784
- [data-coco].coco-button[data-icon-position="end"] .button-icon{
784
+ [data-coco].coco-button[data-icon-position="end"] > .button-element .button-icon{
785
785
  order: 2}
786
- [data-coco].coco-button[data-icon-position="end"] .button-toggle{
786
+ [data-coco].coco-button[data-icon-position="end"] > .button-element .button-toggle{
787
787
  order: 3}
788
- [data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
788
+ [data-coco].coco-button.with-icon[data-collapsed="true"] > .button-element .button-content {
789
789
  display: none;
790
790
  }
791
791
  [data-coco][data-component="dropdown"] {
@@ -1104,34 +1104,31 @@ select{
1104
1104
 
1105
1105
  [data-coco][data-component="app-slide-editor"] .editor-toolbar{
1106
1106
  margin-bottom: 1.5rem}}
1107
+ [data-coco][data-component="app-slide-editor"] .editor-form form{
1108
+ display: none}
1107
1109
  [data-coco][data-component="app-slide-editor"] .editor-slide{
1108
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1109
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1110
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1111
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1110
1112
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
1111
1113
  [data-coco][data-component="app-slide-editor"] .editor-slide textarea{
1112
1114
  width: 100%;
1113
1115
  flex: none}
1114
1116
  [data-coco][data-component="app-slide-editor"] .coco-button.editor-saving{
1115
1117
  cursor: not-allowed}
1116
- [data-coco][data-component="app-slide-editor"] .editor-thumbnail-file{
1117
- pointer-events: none;
1118
- display: none}
1119
- [data-coco][data-component="app-slide-editor"] .editor-screenshot-wrapper{
1118
+ [data-coco][data-component="app-slide-editor"] .editor-thumbnail-wrapper{
1120
1119
  position: relative;
1121
1120
  width: 0px;
1122
1121
  overflow: hidden}
1123
- [data-coco][data-component="app-slide-editor"] .editor-screenshot{
1122
+ [data-coco][data-component="app-slide-editor"] .editor-thumbnail{
1124
1123
  pointer-events: none;
1125
1124
  position: absolute;
1126
1125
  top: 0px;
1127
1126
  z-index: -1000;
1128
- width: 800px}
1127
+ width: 500px}
1129
1128
  [data-coco][data-component="app-slide-editor"] .editor-icon-bg-color{
1130
1129
  fill: currentColor;
1131
1130
  stroke: #111827;
1132
1131
  stroke-width: 2px}
1133
- [data-coco][data-component="app-slide-editor"] .editor-icon-text-color {
1134
- }
1135
1132
  [data-coco][data-component="app-slide-editor"] [data-component="app-seamless-textarea"] textarea{
1136
1133
  outline-style: solid;
1137
1134
  outline-width: 1px;
@@ -1184,7 +1181,7 @@ select{
1184
1181
  line-height: 24px}
1185
1182
  [data-coco][data-component="app-alert"] .alert-message a{
1186
1183
  color: currentColor}
1187
- [data-coco][data-component="app-alert"]:not(.with-title) .alert-message{
1184
+ [data-coco][data-component="app-alert"].with-title .alert-message{
1188
1185
  margin-top: 0.25rem}
1189
1186
  [data-coco][data-component="app-alert"] .alert-actions{
1190
1187
  display: flex;
@@ -1413,7 +1410,7 @@ select{
1413
1410
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1414
1411
  transition-duration: 150ms;
1415
1412
  border-radius: 44px}
1416
- [data-coco][data-component="app-button"][data-theme] .button-content{
1413
+ [data-coco][data-component="app-button"][data-theme] > .button-element .button-content{
1417
1414
  font-weight: 600}
1418
1415
  [data-coco][data-component="app-button"][data-theme="primary"],
1419
1416
  [data-coco][data-component="app-button"][data-theme="positive"]{
@@ -1435,7 +1432,7 @@ select{
1435
1432
  [data-coco][data-component="app-button"][data-theme="primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="positive"][data-state="active"]{
1436
1433
  --tw-bg-opacity: 1;
1437
1434
  background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
1438
- [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] .button-icon{
1435
+ [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] > .button-element .button-icon{
1439
1436
  --tw-text-opacity: 1;
1440
1437
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1441
1438
  [data-coco][data-component="app-button"][data-theme="primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="positive"][data-disabled="true"]{
@@ -1459,7 +1456,7 @@ select{
1459
1456
  [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="active"]{
1460
1457
  background-color: rgba(0, 12, 39, 0.1);
1461
1458
  background-blend-mode: hard-light}
1462
- [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] .button-icon{
1459
+ [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] > .button-element .button-icon{
1463
1460
  --tw-text-opacity: 1;
1464
1461
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1465
1462
  [data-coco][data-component="app-button"][data-theme="text-primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-disabled="true"]{
@@ -1484,7 +1481,7 @@ select{
1484
1481
  [data-coco][data-component="app-button"][data-theme="secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="active"]{
1485
1482
  background-color: rgba(0, 12, 39, 0.1);
1486
1483
  background-blend-mode: hard-light}
1487
- [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] .button-icon{
1484
+ [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] > .button-element .button-icon{
1488
1485
  --tw-text-opacity: 1;
1489
1486
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1490
1487
  [data-coco][data-component="app-button"][data-theme="secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-disabled="true"]{
@@ -1508,7 +1505,7 @@ select{
1508
1505
  [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="active"]{
1509
1506
  background-color: rgba(0, 12, 39, 0.1);
1510
1507
  background-blend-mode: hard-light}
1511
- [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] .button-icon{
1508
+ [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] > .button-element .button-icon{
1512
1509
  --tw-text-opacity: 1;
1513
1510
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1514
1511
  [data-coco][data-component="app-button"][data-theme="text-secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-disabled="true"]{
@@ -1531,7 +1528,7 @@ select{
1531
1528
  [data-coco][data-component="app-button"][data-theme="negative"][data-state="active"]{
1532
1529
  --tw-bg-opacity: 1;
1533
1530
  background-color: rgb(153 27 27 / var(--tw-bg-opacity))}
1534
- [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] .button-icon{
1531
+ [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] > .button-element .button-icon{
1535
1532
  --tw-text-opacity: 1;
1536
1533
  color: rgb(252 165 165 / var(--tw-text-opacity))}
1537
1534
  [data-coco][data-component="app-button"][data-theme="negative"][data-disabled="true"]{
@@ -1552,7 +1549,7 @@ select{
1552
1549
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="active"]{
1553
1550
  background-color: rgba(0, 12, 39, 0.1);
1554
1551
  background-blend-mode: hard-light}
1555
- [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] .button-icon{
1552
+ [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] > .button-element .button-icon{
1556
1553
  --tw-text-opacity: 1;
1557
1554
  color: rgb(252 165 165 / var(--tw-text-opacity))}
1558
1555
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-disabled="true"]{
@@ -1575,7 +1572,7 @@ select{
1575
1572
  [data-coco][data-component="app-button"][data-theme="warning"][data-state="active"]{
1576
1573
  --tw-bg-opacity: 1;
1577
1574
  background-color: rgb(146 64 14 / var(--tw-bg-opacity))}
1578
- [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] .button-icon{
1575
+ [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] > .button-element .button-icon{
1579
1576
  --tw-text-opacity: 1;
1580
1577
  color: rgb(252 211 77 / var(--tw-text-opacity))}
1581
1578
  [data-coco][data-component="app-button"][data-theme="warning"][data-disabled="true"]{
@@ -1596,7 +1593,7 @@ select{
1596
1593
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="active"]{
1597
1594
  background-color: rgba(0, 12, 39, 0.1);
1598
1595
  background-blend-mode: hard-light}
1599
- [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] .button-icon{
1596
+ [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] > .button-element .button-icon{
1600
1597
  --tw-text-opacity: 1;
1601
1598
  color: rgb(252 211 77 / var(--tw-text-opacity))}
1602
1599
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-disabled="true"]{
@@ -1619,7 +1616,7 @@ select{
1619
1616
  [data-coco][data-component="app-button"][data-theme="info"][data-state="active"]{
1620
1617
  --tw-bg-opacity: 1;
1621
1618
  background-color: rgb(7 89 133 / var(--tw-bg-opacity))}
1622
- [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] .button-icon{
1619
+ [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] > .button-element .button-icon{
1623
1620
  --tw-text-opacity: 1;
1624
1621
  color: rgb(125 211 252 / var(--tw-text-opacity))}
1625
1622
  [data-coco][data-component="app-button"][data-theme="info"][data-disabled="true"]{
@@ -1640,7 +1637,7 @@ select{
1640
1637
  [data-coco][data-component="app-button"][data-theme="text-info"][data-state="active"]{
1641
1638
  background-color: rgba(0, 12, 39, 0.1);
1642
1639
  background-blend-mode: hard-light}
1643
- [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] .button-icon{
1640
+ [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] > .button-element .button-icon{
1644
1641
  --tw-text-opacity: 1;
1645
1642
  color: rgb(125 211 252 / var(--tw-text-opacity))}
1646
1643
  [data-coco][data-component="app-button"][data-theme="text-info"][data-disabled="true"]{
@@ -3150,8 +3147,11 @@ select{
3150
3147
  line-height: 1.4;
3151
3148
  font-size: var(--text-font-size)}
3152
3149
  [data-coco][data-component="book-media-slide"] img{
3150
+ height: 100%;
3153
3151
  width: 100%;
3154
- border-radius: 0.375rem}
3152
+ border-radius: 0.375rem;
3153
+ -o-object-fit: contain;
3154
+ object-fit: contain}
3155
3155
  .static{
3156
3156
  position: static}
3157
3157
  .fixed{