coveragebook_components 0.8.5 → 0.8.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +129 -6
  3. data/app/assets/build/coco/app.js +794 -566
  4. data/app/assets/build/coco/book.css +63 -0
  5. data/app/assets/build/coco/book.js +769 -554
  6. data/app/assets/build/coco/icons/cake.svg +1 -1
  7. data/app/assets/build/coco/icons/check-circle-2.svg +1 -1
  8. data/app/assets/build/coco/icons/check-circle.svg +1 -1
  9. data/app/assets/build/coco/icons/check-square-2.svg +1 -0
  10. data/app/assets/build/coco/icons/check-square.svg +1 -1
  11. data/app/assets/build/coco/icons/check.svg +1 -1
  12. data/app/assets/build/coco/icons/radiation.svg +1 -1
  13. data/app/assets/build/coco/icons/ribbon.svg +1 -0
  14. data/app/assets/build/coco/icons/tree-deciduous.svg +1 -1
  15. data/app/assets/js/libs/alpine/directives/options.js +0 -1
  16. data/app/components/coco/app/blocks/sidebar_nav/item/item.css +2 -2
  17. data/app/components/coco/app/blocks/sidebar_nav/menu/menu.css +2 -2
  18. data/app/components/coco/app/blocks/sidebar_nav/navbar/navbar.css +2 -2
  19. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +1 -0
  20. data/app/components/coco/app/elements/alert/alert.html.erb +2 -2
  21. data/app/components/coco/app/elements/alert/alert.js +1 -1
  22. data/app/components/coco/app/elements/alert/alert.rb +1 -0
  23. data/app/components/coco/app/elements/image_picker_button/image_picker_button.js +8 -2
  24. data/app/components/coco/app/elements/system_banner/system_banner.rb +1 -0
  25. data/app/components/coco/app/layouts/application/application.css +13 -0
  26. data/app/components/coco/app/layouts/application/application.rb +0 -2
  27. data/app/components/coco/app/layouts/page/page.css +23 -0
  28. data/app/components/coco/app/layouts/page/page.html.erb +27 -0
  29. data/app/components/coco/app/layouts/page/page.js +5 -0
  30. data/app/components/coco/app/layouts/page/page.rb +40 -0
  31. data/app/components/coco/base/pager_link/pager_link.css +26 -0
  32. data/app/components/coco/base/pager_link/pager_link.html.erb +3 -0
  33. data/app/components/coco/base/pager_link/pager_link.rb +32 -0
  34. data/app/components/coco/base/poll_controller/poll_controller.css +5 -0
  35. data/app/components/coco/base/poll_controller/poll_controller.html.erb +15 -0
  36. data/app/components/coco/base/poll_controller/poll_controller.js +67 -0
  37. data/app/components/coco/base/poll_controller/poll_controller.rb +9 -0
  38. data/app/helpers/coco/app_helper.rb +4 -0
  39. data/config/icons.json +2 -0
  40. data/lib/coco.rb +1 -1
  41. data/lib/tasks/coco_tasks.rake +0 -8
  42. metadata +15 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: aafbeb1f1688632f89c507287fc11591a6b88062ba2881570fd27249b9610e79
4
- data.tar.gz: 52f5380f901b410120aa416be543f2d301d058184521416b17f4f04537afa1b1
3
+ metadata.gz: 5c3ad96d602a3b4104c189f2f56a4ef72ebf716bfce5c815e7d0f0dd6b08cca9
4
+ data.tar.gz: 06c0f900d4e8f6f8d4ecf2d99c6fe8af4989715dc2d35b2bc88d267581d7ca58
5
5
  SHA512:
6
- metadata.gz: cdc74dffcdb0bf9a3f2b3a749fa382668a4d47afc70edb377dfda7df5374a15586e8781d11f48f433e85ce13a886f072ba81412c4e1129edba01f7d5d9491743
7
- data.tar.gz: 8fbc21c3159a2b56296ec56c4cce6b4985a68795dde41844f9af9af17434d5d13a80a9504396ddac59e424fa870e91c5e946c1e7b9a0fd0d5e1ac9d8488af8ce
6
+ metadata.gz: '083df20dea9d53f4fc9f2680f42e3d01732748e8a9d0cb624ca365258c6840ad6c987d0774a1507cb1f39d73192fc393ac76a9d51b7c94e2e10e18821ed87dbd'
7
+ data.tar.gz: '09111d51fa399f5a9d7afb02a2ce19d4161b078969b76f495a85dd1670a1627095049913b49be4f62678d02902d6b44e769431d97cf6c14a153a8668b8e6b5e7'
@@ -1176,6 +1176,56 @@ select{
1176
1176
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1177
1177
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1178
1178
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
1179
+ [data-coco][data-component="pager-link"]{
1180
+ display: block;
1181
+ --tw-scale-x: .75;
1182
+ --tw-scale-y: .75;
1183
+ 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));
1184
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1185
+ --tw-bg-opacity: 0.4;
1186
+ padding-top: 0.625rem;
1187
+ padding-bottom: 0.625rem;
1188
+ padding-left: 0.25rem;
1189
+ padding-right: 0.25rem;
1190
+ transition-property: all;
1191
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1192
+ transition-duration: 150ms}
1193
+ [data-coco][data-component="pager-link"]:hover{
1194
+ --tw-scale-x: 1;
1195
+ --tw-scale-y: 1;
1196
+ 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));
1197
+ --tw-bg-opacity: 0.6}
1198
+ @media (min-width: 992px){
1199
+
1200
+ [data-coco][data-component="pager-link"]{
1201
+ --tw-scale-x: 1;
1202
+ --tw-scale-y: 1;
1203
+ 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))}
1204
+
1205
+ [data-coco][data-component="pager-link"]:hover{
1206
+ --tw-scale-x: 1.25;
1207
+ --tw-scale-y: 1.25;
1208
+ 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))}}
1209
+ [data-coco][data-component="pager-link"] {
1210
+ width: -moz-min-content;
1211
+ width: min-content;
1212
+ }
1213
+ [data-coco][data-component="pager-link"] .coco-icon{
1214
+ position: relative;
1215
+ --tw-text-opacity: 1;
1216
+ color: rgb(255 255 255 / var(--tw-text-opacity))}
1217
+ [data-coco][data-component="pager-link"][data-direction="previous"]{
1218
+ transform-origin: left;
1219
+ border-top-right-radius: 0.375rem;
1220
+ border-bottom-right-radius: 0.375rem}
1221
+ [data-coco][data-component="pager-link"][data-direction="previous"] .coco-icon{
1222
+ margin-left: -0.25rem}
1223
+ [data-coco][data-component="pager-link"][data-direction="next"]{
1224
+ transform-origin: right;
1225
+ border-top-left-radius: 0.375rem;
1226
+ border-bottom-left-radius: 0.375rem}
1227
+ [data-coco][data-component="pager-link"][data-direction="next"] .coco-icon{
1228
+ margin-right: -0.25rem}
1179
1229
  [data-coco][data-component="placeholder"]{
1180
1230
  padding: 1rem}
1181
1231
  [data-coco][data-component="placeholder"][data-boxed="true"]{
@@ -1202,6 +1252,8 @@ select{
1202
1252
  justify-content: center}
1203
1253
  [data-coco][data-component="placeholder"][data-size="full"] .placeholder-content{
1204
1254
  margin: auto}
1255
+ [data-coco][data-component="poll-controller"]{
1256
+ display: contents}
1205
1257
  [data-coco][data-component="app-header"]{
1206
1258
  container-type: inline-size}
1207
1259
  [data-coco][data-component="app-header"] .header-content{
@@ -1464,7 +1516,7 @@ select{
1464
1516
  height: 1.5rem;
1465
1517
  width: 1.5rem}
1466
1518
  }
1467
- @media (min-width: 576px) and (max-width: 768px) {
1519
+ @media (min-width: 576px) and (max-width: 1200px) {
1468
1520
  [data-coco][data-component="app-sidebar-nav-item"] .nav-item-action-button:hover {
1469
1521
  transform: scale(1.05);
1470
1522
  }
@@ -1506,7 +1558,7 @@ select{
1506
1558
  height: 1.5rem;
1507
1559
  width: 1.5rem}
1508
1560
  }
1509
- @media (min-width: 768px) {
1561
+ @media (min-width: 1200px) {
1510
1562
  [data-coco][data-component="app-sidebar-nav-item"] .nav-item-action-button:hover {
1511
1563
  transform: scale(1.05);
1512
1564
  }
@@ -1726,7 +1778,7 @@ select{
1726
1778
  padding-top: 1rem;
1727
1779
  padding-bottom: 1rem}
1728
1780
  }
1729
- @media (min-width: 576px) and (max-width: 768px) {
1781
+ @media (min-width: 576px) and (max-width: 1200px) {
1730
1782
  [data-coco][data-component="app-sidebar-nav-menu"] .menu-item {
1731
1783
  width: 240px;
1732
1784
  }
@@ -1752,7 +1804,7 @@ select{
1752
1804
  padding-top: 1rem;
1753
1805
  padding-bottom: 1rem}
1754
1806
  }
1755
- @media (min-width: 768px) {
1807
+ @media (min-width: 1200px) {
1756
1808
  [data-coco][data-component="app-sidebar-nav-menu"] .menu-item {
1757
1809
  width: 280px;
1758
1810
  }
@@ -1826,7 +1878,7 @@ select{
1826
1878
  [data-coco][data-component="app-sidebar-nav"] .nav-item-action .nav-item-label{
1827
1879
  display: none}
1828
1880
  }
1829
- @media (min-width: 576px) and (max-width: 768px) {
1881
+ @media (min-width: 576px) and (max-width: 1200px) {
1830
1882
 
1831
1883
  [data-coco][data-component="app-sidebar-nav"]{
1832
1884
  height: 100%}
@@ -1839,7 +1891,7 @@ select{
1839
1891
  [data-coco][data-component="app-sidebar-nav"] .nav-item-action [data-component="app-sidebar-nav-item"]{
1840
1892
  padding-bottom: 0.625rem}
1841
1893
  }
1842
- @media (min-width: 768px) {
1894
+ @media (min-width: 1200px) {
1843
1895
 
1844
1896
  [data-coco][data-component="app-sidebar-nav"]{
1845
1897
  height: 100%}
@@ -4436,6 +4488,7 @@ select{
4436
4488
  width: 100vw;
4437
4489
  overflow: hidden;
4438
4490
  height: var(--app-height);
4491
+ --sidebar-nav-width: 0;
4439
4492
 
4440
4493
  grid-template-areas: "body";
4441
4494
  grid-template-rows: 1fr;
@@ -4526,6 +4579,76 @@ select{
4526
4579
  grid-template-columns: min-content 1fr;
4527
4580
  }
4528
4581
  }
4582
+ @media (min-width: 576px) and (max-width: 768px) {
4583
+ [data-coco][data-component="application-layout"] {
4584
+ --sidebar-nav-width: 4rem
4585
+ }
4586
+ }
4587
+ @media (min-width: 768px) {
4588
+ [data-coco][data-component="application-layout"] {
4589
+ --sidebar-nav-width: 6rem
4590
+ }
4591
+ }
4592
+ @media (max-height: 760px) and (min-width: 576px) {
4593
+ [data-coco][data-component="application-layout"] {
4594
+ --sidebar-nav-width: 4rem
4595
+ }
4596
+ }
4597
+ [data-coco][data-component="page-layout"] .page-body{
4598
+ width: 100%;
4599
+ padding-top: 3rem;
4600
+ padding-bottom: 3rem;
4601
+ padding-left: 0.75rem}
4602
+ @media (min-width: 576px){
4603
+
4604
+ [data-coco][data-component="page-layout"] .page-body{
4605
+ padding-left: 1.5rem}}
4606
+ @media (min-width: 768px){
4607
+
4608
+ [data-coco][data-component="page-layout"] .page-body{
4609
+ padding-left: 2rem}}
4610
+ @media (min-width: 992px){
4611
+
4612
+ [data-coco][data-component="page-layout"] .page-body{
4613
+ padding-left: 2.5rem}}
4614
+ @media (min-width: 1200px){
4615
+
4616
+ [data-coco][data-component="page-layout"] .page-body{
4617
+ padding-left: 2.75rem}}
4618
+ [data-coco][data-component="page-layout"] .page-body{
4619
+ padding-right: 0.75rem}
4620
+ @media (min-width: 576px){
4621
+
4622
+ [data-coco][data-component="page-layout"] .page-body{
4623
+ padding-right: 1.5rem}}
4624
+ @media (min-width: 768px){
4625
+
4626
+ [data-coco][data-component="page-layout"] .page-body{
4627
+ padding-right: 2rem}}
4628
+ @media (min-width: 992px){
4629
+
4630
+ [data-coco][data-component="page-layout"] .page-body{
4631
+ padding-right: 2.5rem}}
4632
+ @media (min-width: 1200px){
4633
+
4634
+ [data-coco][data-component="page-layout"] .page-body{
4635
+ padding-right: 2.75rem}}
4636
+ [data-coco][data-component="page-layout"] .page-controls{
4637
+ position: fixed;
4638
+ top: 50%;
4639
+ right: 0px;
4640
+ display: flex;
4641
+ --tw-translate-y: -50%;
4642
+ 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));
4643
+ justify-content: space-between;
4644
+
4645
+ left: var(--sidebar-nav-width, 0)}
4646
+ [data-coco][data-component="page-layout"] .page-controls .page-control-next{
4647
+ margin-left: auto}
4648
+ [data-coco][data-component="page-layout"][data-width="constrained"] .page-body{
4649
+ margin-left: auto;
4650
+ margin-right: auto;
4651
+ max-width: 1400px}
4529
4652
  [data-coco][data-component="book-editable-slide"] {
4530
4653
  /*
4531
4654
  * slide-padding-lg at max (1480px): 240px (16.2%)