trestle 0.9.9 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (339) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/release.yml +26 -0
  3. data/.github/workflows/rspec.yml +37 -5
  4. data/.gitignore +3 -0
  5. data/Gemfile +14 -1
  6. data/README.md +3 -2
  7. data/app/assets/bundle/trestle/admin.css +23 -0
  8. data/app/assets/bundle/trestle/admin.js +83 -0
  9. data/app/assets/bundle/trestle/fa-brands-400.ttf +0 -0
  10. data/app/assets/bundle/trestle/fa-brands-400.woff2 +0 -0
  11. data/app/assets/bundle/trestle/fa-regular-400.ttf +0 -0
  12. data/app/assets/bundle/trestle/fa-regular-400.woff2 +0 -0
  13. data/app/assets/bundle/trestle/fa-solid-900.ttf +0 -0
  14. data/app/assets/bundle/trestle/fa-solid-900.woff2 +0 -0
  15. data/app/assets/bundle/trestle/locale/cs.js +110 -0
  16. data/app/assets/bundle/trestle/locale/de.js +116 -0
  17. data/app/assets/bundle/trestle/locale/en.js +329 -0
  18. data/app/assets/bundle/trestle/locale/es-MX.js +109 -0
  19. data/app/assets/bundle/trestle/locale/es.js +109 -0
  20. data/app/assets/bundle/trestle/locale/fr.js +111 -0
  21. data/app/assets/bundle/trestle/locale/ko.js +111 -0
  22. data/app/assets/bundle/trestle/locale/lv.js +109 -0
  23. data/app/assets/bundle/trestle/locale/nl.js +96 -0
  24. data/app/assets/bundle/trestle/locale/pl.js +99 -0
  25. data/app/assets/bundle/trestle/locale/pt-BR.js +98 -0
  26. data/app/assets/bundle/trestle/locale/vi.js +116 -0
  27. data/app/assets/bundle/trestle/locale/zh-CN.js +109 -0
  28. data/app/assets/bundle/trestle/photoswipe-063ce7be40e10b3e6848.digested.js +6 -0
  29. data/app/assets/sprockets/trestle/custom.css +1 -0
  30. data/app/assets/sprockets/trestle/icons/font-awesome.css.erb +32 -0
  31. data/app/assets/sprockets/trestle/manifest.js +4 -0
  32. data/app/assets/stylesheets/trestle/custom.css +6 -1
  33. data/app/controllers/concerns/trestle/controller/helpers.rb +2 -0
  34. data/app/controllers/concerns/trestle/controller/location.rb +1 -6
  35. data/app/controllers/concerns/trestle/controller/modal.rb +25 -0
  36. data/app/controllers/concerns/trestle/controller/turbo_stream.rb +12 -0
  37. data/app/controllers/concerns/trestle/resource/controller/actions.rb +39 -28
  38. data/app/controllers/concerns/trestle/resource/controller/redirection.rb +5 -5
  39. data/app/controllers/trestle/application_controller.rb +2 -1
  40. data/app/helpers/trestle/flash_helper.rb +10 -0
  41. data/app/helpers/trestle/form_helper.rb +3 -2
  42. data/app/helpers/trestle/format_helper.rb +2 -1
  43. data/app/helpers/trestle/i18n_helper.rb +46 -7
  44. data/app/helpers/trestle/modal_helper.rb +29 -0
  45. data/app/helpers/trestle/tab_helper.rb +1 -1
  46. data/app/helpers/trestle/turbo/frame_helper.rb +29 -0
  47. data/app/helpers/trestle/turbo/stream_helper.rb +9 -0
  48. data/app/helpers/trestle/turbo/tag_builder.rb +21 -0
  49. data/app/helpers/trestle/url_helper.rb +7 -4
  50. data/app/views/layouts/trestle/admin.html.erb +16 -18
  51. data/app/views/layouts/trestle/admin.turbo_stream.erb +4 -0
  52. data/app/views/layouts/trestle/modal.html.erb +5 -0
  53. data/app/views/trestle/_i18n.html.erb +12 -0
  54. data/app/views/trestle/_theme.html.erb +15 -0
  55. data/app/views/trestle/application/_header.html.erb +12 -10
  56. data/app/views/trestle/application/_layout.html.erb +6 -3
  57. data/app/views/trestle/application/_modal.html.erb +36 -0
  58. data/app/views/trestle/application/_tabs.html.erb +4 -4
  59. data/app/views/trestle/flash/_alert.html.erb +1 -1
  60. data/app/views/trestle/flash/_debug.html.erb +1 -1
  61. data/app/views/trestle/resource/_form.html.erb +5 -0
  62. data/app/views/trestle/resource/create.turbo_stream.erb +1 -0
  63. data/app/views/trestle/resource/destroy.turbo_stream.erb +1 -0
  64. data/app/views/trestle/resource/edit.html.erb +6 -2
  65. data/app/views/trestle/resource/index.html.erb +17 -10
  66. data/app/views/trestle/resource/new.html.erb +9 -2
  67. data/app/views/trestle/resource/show.html.erb +6 -2
  68. data/app/views/trestle/resource/update.turbo_stream.erb +1 -0
  69. data/app/views/trestle/shared/_sidebar.html.erb +10 -10
  70. data/frontend/css/components/_alerts.scss +41 -37
  71. data/frontend/css/components/_avatar.scss +12 -12
  72. data/frontend/css/components/_background.scss +8 -36
  73. data/frontend/css/components/_badges.scss +31 -0
  74. data/frontend/css/components/_breadcrumbs.scss +9 -30
  75. data/frontend/css/components/_buttons.scss +8 -7
  76. data/frontend/css/components/_datepicker.scss +15 -11
  77. data/frontend/css/components/_dropdown.scss +21 -9
  78. data/frontend/css/components/{_fields.scss → _forms.scss} +18 -5
  79. data/frontend/css/components/_grid.scss +29 -0
  80. data/frontend/css/components/_media-grid.scss +52 -44
  81. data/frontend/css/components/_modal.scss +37 -8
  82. data/frontend/css/components/_pagination.scss +5 -9
  83. data/frontend/css/components/_photoswipe.scss +8 -0
  84. data/frontend/css/components/_popover.scss +2 -1
  85. data/frontend/css/components/_scopes.scss +5 -11
  86. data/frontend/css/components/_select.scss +160 -31
  87. data/frontend/css/components/_sort.scss +1 -1
  88. data/frontend/css/components/_table.scss +61 -66
  89. data/frontend/css/components/_tabs.scss +20 -20
  90. data/frontend/css/components/_tags.scss +80 -15
  91. data/frontend/css/components/_toolbars.scss +18 -13
  92. data/frontend/css/components/_turbo.scss +3 -0
  93. data/frontend/css/core/_bootstrap.scss +46 -0
  94. data/frontend/css/core/_dependencies.scss +4 -3
  95. data/frontend/css/core/_functions.scss +31 -0
  96. data/frontend/css/core/_mixins.scss +2 -36
  97. data/frontend/css/core/_theme.scss +261 -0
  98. data/frontend/css/core/_typography.scss +16 -14
  99. data/frontend/css/icons/_fontawesome.scss +3 -15
  100. data/frontend/css/index.scss +15 -7
  101. data/frontend/css/layout/_base.scss +6 -4
  102. data/frontend/css/layout/_content-header.scss +71 -0
  103. data/frontend/css/layout/_footer.scss +5 -7
  104. data/frontend/css/layout/_header.scss +5 -3
  105. data/frontend/css/layout/_main-content.scss +107 -0
  106. data/frontend/css/layout/_navigation.scss +112 -50
  107. data/frontend/css/layout/_sidebar.scss +72 -36
  108. data/frontend/css/support/_sprockets.scss +2 -0
  109. data/frontend/css/support/_webpack.scss +2 -0
  110. data/frontend/css/variables/_bootstrap.scss +158 -55
  111. data/frontend/css/variables/_maps.scss +15 -0
  112. data/frontend/css/variables/_trestle.scss +70 -38
  113. data/frontend/js/controllers/application_controller.js +17 -0
  114. data/frontend/js/controllers/batch_action_controller.js +59 -0
  115. data/frontend/js/controllers/checkbox_select_controller.js +46 -0
  116. data/frontend/js/controllers/confirm_controller.js +115 -0
  117. data/frontend/js/controllers/confirm_delete_controller.js +11 -0
  118. data/frontend/js/controllers/datepicker_controller.js +12 -0
  119. data/frontend/js/controllers/datetimepicker_controller.js +13 -0
  120. data/frontend/js/controllers/deprecated/init_controller.js +9 -0
  121. data/frontend/js/controllers/flatpickr_controller.js +50 -0
  122. data/frontend/js/controllers/follow_url_controller.js +36 -0
  123. data/frontend/js/controllers/form_error_controller.js +24 -0
  124. data/frontend/js/controllers/form_loading_controller.js +50 -0
  125. data/frontend/js/controllers/gallery_controller.js +12 -0
  126. data/frontend/js/controllers/index.js +19 -0
  127. data/frontend/js/controllers/keyboard_submit_controller.js +25 -0
  128. data/frontend/js/controllers/lightbox_controller.js +158 -0
  129. data/frontend/js/controllers/mobile_sidebar_controller.js +30 -0
  130. data/frontend/js/controllers/modal_controller.js +36 -0
  131. data/frontend/js/controllers/modal_frame_controller.js +11 -0
  132. data/frontend/js/controllers/modal_trigger_controller.js +74 -0
  133. data/frontend/js/{components/navigation.js → controllers/navigation_controller.js} +14 -10
  134. data/frontend/js/controllers/navigation_tooltip_controller.js +32 -0
  135. data/frontend/js/controllers/popover_controller.js +87 -0
  136. data/frontend/js/controllers/reloadable_controller.js +34 -0
  137. data/frontend/js/controllers/select_controller.js +49 -0
  138. data/frontend/js/controllers/sidebar_controller.js +33 -0
  139. data/frontend/js/controllers/tab_errors_controller.js +45 -0
  140. data/frontend/js/controllers/tabs_controller.js +45 -0
  141. data/frontend/js/controllers/timepicker_controller.js +14 -0
  142. data/frontend/js/controllers/toggle_attr_controller.js +27 -0
  143. data/frontend/js/controllers/toggle_class_controller.js +27 -0
  144. data/frontend/js/controllers/tooltip_controller.js +13 -0
  145. data/frontend/js/controllers/wrapper_controller.js +43 -0
  146. data/frontend/js/core/backdrop.js +100 -0
  147. data/frontend/js/core/error_modal.js +65 -0
  148. data/frontend/js/core/fetch.js +32 -0
  149. data/frontend/js/core/i18n.js +24 -10
  150. data/frontend/js/core/modal.js +52 -0
  151. data/frontend/js/core/stream_actions.js +56 -0
  152. data/frontend/js/core/turbo_errors.js +9 -0
  153. data/frontend/js/{core → deprecated}/events.js +1 -8
  154. data/frontend/js/deprecated/tooltip.js +8 -0
  155. data/frontend/js/index.js +28 -40
  156. data/frontend/js/mixins/index.js +5 -0
  157. data/frontend/js/mixins/photoswipe.js +10 -0
  158. data/frontend/js/util/bootstrap.js +93 -0
  159. data/i18n/config.yml +14 -0
  160. data/i18n/environment.rb +8 -0
  161. data/i18n/export +3 -0
  162. data/i18n/template.erb +1 -0
  163. data/lib/generators/trestle/install/install_generator.rb +3 -8
  164. data/lib/generators/trestle/install/templates/trestle.rb.erb +5 -5
  165. data/lib/trestle/color.rb +113 -0
  166. data/lib/trestle/configuration.rb +16 -8
  167. data/lib/trestle/engine.rb +28 -20
  168. data/lib/trestle/form/fields/check_box_helpers.rb +7 -18
  169. data/lib/trestle/form/fields/collection_select.rb +1 -1
  170. data/lib/trestle/form/fields/color_field.rb +4 -0
  171. data/lib/trestle/form/fields/date_field.rb +4 -0
  172. data/lib/trestle/form/fields/date_picker.rb +10 -4
  173. data/lib/trestle/form/fields/date_select.rb +1 -1
  174. data/lib/trestle/form/fields/datetime_field.rb +4 -0
  175. data/lib/trestle/form/fields/datetime_select.rb +1 -1
  176. data/lib/trestle/form/fields/file_field.rb +3 -28
  177. data/lib/trestle/form/fields/form_control.rb +2 -2
  178. data/lib/trestle/form/fields/form_group.rb +1 -1
  179. data/lib/trestle/form/fields/grouped_collection_select.rb +1 -1
  180. data/lib/trestle/form/fields/radio_button_helpers.rb +5 -17
  181. data/lib/trestle/form/fields/range_field.rb +1 -5
  182. data/lib/trestle/form/fields/select.rb +17 -1
  183. data/lib/trestle/form/fields/time_field.rb +4 -0
  184. data/lib/trestle/form/fields/time_select.rb +1 -1
  185. data/lib/trestle/form/fields/time_zone_select.rb +1 -1
  186. data/lib/trestle/form/renderer.rb +4 -1
  187. data/lib/trestle/form.rb +16 -1
  188. data/lib/trestle/resource/toolbar.rb +18 -8
  189. data/lib/trestle/sprockets_compressor.rb +16 -0
  190. data/lib/trestle/table/actions_column.rb +2 -2
  191. data/lib/trestle/table/row.rb +2 -1
  192. data/lib/trestle/table/select_column.rb +3 -6
  193. data/lib/trestle/table.rb +6 -1
  194. data/lib/trestle/toolbar/context.rb +7 -4
  195. data/lib/trestle/toolbar/item.rb +1 -1
  196. data/lib/trestle/toolbar/menu.rb +11 -11
  197. data/lib/trestle/version.rb +1 -1
  198. data/lib/trestle.rb +2 -23
  199. data/package.json +31 -27
  200. data/trestle.gemspec +6 -11
  201. data/webpack.config.js +10 -10
  202. data/yarn.lock +1523 -1274
  203. metadata +177 -210
  204. data/app/assets/bundle/trestle/bundle.css +0 -12
  205. data/app/assets/bundle/trestle/bundle.js +0 -89
  206. data/app/assets/bundle/trestle/fa-brands-400.eot +0 -0
  207. data/app/assets/bundle/trestle/fa-brands-400.svg +0 -3717
  208. data/app/assets/bundle/trestle/fa-brands-400.woff +0 -0
  209. data/app/assets/bundle/trestle/fa-regular-400.eot +0 -0
  210. data/app/assets/bundle/trestle/fa-regular-400.svg +0 -801
  211. data/app/assets/bundle/trestle/fa-regular-400.woff +0 -0
  212. data/app/assets/bundle/trestle/fa-solid-900.eot +0 -0
  213. data/app/assets/bundle/trestle/fa-solid-900.svg +0 -5034
  214. data/app/assets/bundle/trestle/fa-solid-900.woff +0 -0
  215. data/app/assets/javascripts/trestle/admin.js +0 -3
  216. data/app/assets/javascripts/trestle/i18n.js.erb +0 -8
  217. data/app/assets/stylesheets/trestle/admin.css +0 -2
  218. data/app/assets/stylesheets/trestle/icons/_font-awesome.css.erb +0 -40
  219. data/app/controllers/concerns/trestle/controller/dialog.rb +0 -16
  220. data/app/views/trestle/application/_dialog.html.erb +0 -34
  221. data/frontend/css/components/_color-vars.scss +0 -10
  222. data/frontend/css/components/_custom-forms.scss +0 -35
  223. data/frontend/css/components/_magnific-popup.scss +0 -36
  224. data/frontend/css/components/_turbolinks.scss +0 -3
  225. data/frontend/css/layout/_content.scss +0 -169
  226. data/frontend/js/components/confirmation.js +0 -32
  227. data/frontend/js/components/datepicker.js +0 -69
  228. data/frontend/js/components/dialog.js +0 -149
  229. data/frontend/js/components/file.js +0 -7
  230. data/frontend/js/components/form.js +0 -100
  231. data/frontend/js/components/gallery.js +0 -33
  232. data/frontend/js/components/pagination.js +0 -51
  233. data/frontend/js/components/select.js +0 -18
  234. data/frontend/js/components/sidebar.js +0 -75
  235. data/frontend/js/components/table.js +0 -61
  236. data/frontend/js/components/tabs.js +0 -59
  237. data/frontend/js/components/tooltips.js +0 -25
  238. data/frontend/js/core/contexts.js +0 -17
  239. data/frontend/js/core/turbolinks.js +0 -3
  240. data/frontend/js/core/visit.js +0 -16
  241. data/frontend/theme/trestle/_theme.scss +0 -4
  242. data/frontend/theme/trestle/_variables.scss +0 -4
  243. data/frontend/theme/trestle/theme/_defaults.scss +0 -152
  244. data/frontend/theme/trestle/theme/_functions.scss +0 -44
  245. data/frontend/theme/trestle/theme/_variables.scss +0 -15
  246. data/frontend/theme/trestle/theme/bootstrap/_alert.scss +0 -19
  247. data/frontend/theme/trestle/theme/bootstrap/_badge.scss +0 -25
  248. data/frontend/theme/trestle/theme/bootstrap/_buttons.scss +0 -93
  249. data/frontend/theme/trestle/theme/bootstrap/_color-vars.scss +0 -11
  250. data/frontend/theme/trestle/theme/bootstrap/_custom-forms.scss +0 -93
  251. data/frontend/theme/trestle/theme/bootstrap/_dropdown.scss +0 -6
  252. data/frontend/theme/trestle/theme/bootstrap/_forms.scss +0 -6
  253. data/frontend/theme/trestle/theme/bootstrap/_links.scss +0 -7
  254. data/frontend/theme/trestle/theme/bootstrap/_list-group.scss +0 -31
  255. data/frontend/theme/trestle/theme/bootstrap/_nav.scss +0 -6
  256. data/frontend/theme/trestle/theme/bootstrap/_pagination.scss +0 -18
  257. data/frontend/theme/trestle/theme/bootstrap/_progress.scss +0 -3
  258. data/frontend/theme/trestle/theme/bootstrap/_tables.scss +0 -41
  259. data/frontend/theme/trestle/theme/bootstrap/_utilities.scss +0 -3
  260. data/frontend/theme/trestle/theme/bootstrap/utilities/_background.scss +0 -17
  261. data/frontend/theme/trestle/theme/bootstrap/utilities/_borders.scss +0 -5
  262. data/frontend/theme/trestle/theme/bootstrap/utilities/_text.scss +0 -18
  263. data/frontend/theme/trestle/theme/trestle/_background.scss +0 -61
  264. data/frontend/theme/trestle/theme/trestle/_datepicker.scss +0 -58
  265. data/frontend/theme/trestle/theme/trestle/_headers.scss +0 -4
  266. data/frontend/theme/trestle/theme/trestle/_navbar.scss +0 -15
  267. data/frontend/theme/trestle/theme/trestle/_navigation.scss +0 -5
  268. data/frontend/theme/trestle/theme/trestle/_select2.scss +0 -22
  269. data/frontend/theme/trestle/theme/trestle/_tags.scss +0 -12
  270. data/frontend/theme/trestle/theme/trestle/_turbolinks.scss +0 -3
  271. data/frontend/theme/trestle/theme.scss +0 -29
  272. data/lib/generators/trestle/install/templates/_theme.scss +0 -13
  273. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ar-dz.js +0 -0
  274. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ar.js +0 -0
  275. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/at.js +0 -0
  276. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/az.js +0 -0
  277. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/be.js +0 -0
  278. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bg.js +0 -0
  279. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bn.js +0 -0
  280. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bs.js +0 -0
  281. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cat.js +0 -0
  282. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ckb.js +0 -0
  283. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cs.js +0 -0
  284. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cy.js +0 -0
  285. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/da.js +0 -0
  286. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/de.js +0 -0
  287. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/default.js +0 -0
  288. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/eo.js +0 -0
  289. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/es.js +0 -0
  290. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/et.js +0 -0
  291. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fa.js +0 -0
  292. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fi.js +0 -0
  293. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fo.js +0 -0
  294. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fr.js +0 -0
  295. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ga.js +0 -0
  296. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/gr.js +0 -0
  297. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/he.js +0 -0
  298. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hi.js +0 -0
  299. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hr.js +0 -0
  300. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hu.js +0 -0
  301. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hy.js +0 -0
  302. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/id.js +0 -0
  303. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/is.js +0 -0
  304. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/it.js +0 -0
  305. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ja.js +0 -0
  306. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ka.js +0 -0
  307. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/km.js +0 -0
  308. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ko.js +0 -0
  309. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/kz.js +0 -0
  310. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/lt.js +0 -0
  311. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/lv.js +0 -0
  312. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/mk.js +0 -0
  313. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/mn.js +0 -0
  314. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ms.js +0 -0
  315. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/my.js +0 -0
  316. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/nl.js +0 -0
  317. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/nn.js +0 -0
  318. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/no.js +0 -0
  319. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pa.js +0 -0
  320. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pl.js +0 -0
  321. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pt.js +0 -0
  322. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ro.js +0 -0
  323. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ru.js +0 -0
  324. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/si.js +0 -0
  325. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sk.js +0 -0
  326. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sl.js +0 -0
  327. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sq.js +0 -0
  328. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sr-cyr.js +0 -0
  329. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sr.js +0 -0
  330. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sv.js +0 -0
  331. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/th.js +0 -0
  332. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/tr.js +0 -0
  333. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uk.js +0 -0
  334. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uz.js +0 -0
  335. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uz_latn.js +0 -0
  336. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/vn.js +0 -0
  337. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/zh-tw.js +0 -0
  338. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/zh.js +0 -0
  339. /data/app/assets/{stylesheets → sprockets}/trestle/_custom.css +0 -0
@@ -1,56 +1,185 @@
1
- .select2-container--bootstrap {
2
- // This is required to ensure the select field is rendered at full width
3
- // within Bootstrap tabs that are hidden when the page is first loaded.
4
- // See: https://github.com/select2/select2/issues/4220
5
- width: 100% !important;
1
+ .select2-dropdown {
2
+ z-index: $zindex-modal + 1;
6
3
  }
7
4
 
8
- .tag-select {
9
- &.select2-selection--multiple {
10
- .select2-selection__choice {
11
- display: flex;
12
- align-items: center;
5
+ .select2-container--bootstrap-5 {
6
+ width: auto !important;
7
+
8
+ .select2-dropdown {
9
+ .select2-search {
10
+ padding: $s2bs5-padding-y $s2bs5-padding-y;
13
11
 
14
- padding: 2px 6px;
12
+ .select2-search__field {
13
+ padding: $s2bs5-padding-y $s2bs5-padding-y;
14
+ }
15
+ }
16
+ }
15
17
 
16
- font-size: 0.9rem;
18
+ .select2-selection--single {
19
+ padding: 0;
17
20
 
18
- border: 0;
19
- border-left: 4px solid $tag-border;
20
- border-radius: 4px;
21
+ .select2-selection__rendered {
22
+ height: 100%;
23
+ padding: $s2bs5-padding-y $s2bs5-indicator-padding $s2bs5-padding-y $s2bs5-padding-x;
21
24
 
22
- background: $tag-bg;
23
- color: $tag-color;
25
+ &:has(.select2-selection__clear) {
26
+ padding-right: $s2bs5-indicator-padding + 0.875rem;
27
+ }
24
28
  }
29
+ }
30
+
31
+ .select2-selection--multiple {
32
+ padding: $s2bs5-padding-y $s2bs5-padding-y;
25
33
 
26
- .select2-selection__choice__remove {
27
- order: 99;
34
+ .select2-selection__rendered {
35
+ gap: $s2bs5-padding-y;
28
36
 
29
- color: $tag-color;
37
+ .select2-selection__choice {
38
+ background: #eee;
39
+ margin: 0;
40
+ }
30
41
 
31
- margin-right: 0;
32
- margin-left: 4px;
33
- line-height: 1.2;
42
+ .select2-selection__choice__remove {
43
+ cursor: pointer;
44
+ }
34
45
  }
35
46
 
36
47
  .select2-search--inline {
37
- position: relative;
38
- left: -4px;
48
+ width: auto;
49
+ margin-left: 0.1rem;
50
+
51
+ &:first-child {
52
+ margin-left: 0.375rem;
53
+ }
54
+ }
55
+ }
56
+
57
+ &.select2-container--open {
58
+ $inset: -$input-btn-focus-width;
59
+
60
+ &.select2-container--below {
61
+ .select2-selection {
62
+ clip-path: inset($inset $inset 0 $inset);
63
+ border-bottom-width: 1px;
64
+ }
65
+ }
66
+
67
+ &.select2-container--above {
68
+ .select2-selection {
69
+ clip-path: inset(0 $inset $inset $inset);
70
+ border-top-width: 1px;
71
+ }
72
+ }
73
+
74
+ .select2-dropdown {
75
+ border-color: $s2bs5-focus-border-color;
76
+ box-shadow: $s2bs5-focus-box-shadow;
77
+ }
78
+
79
+ .select2-dropdown--below {
80
+ clip-path: inset(0 $inset $inset $inset);
81
+ }
82
+
83
+ .select2-dropdown--above {
84
+ clip-path: inset($inset $inset 0 $inset);
85
+ }
86
+ }
87
+
88
+ .tag-select.select2-selection--multiple {
89
+ clip-path: none !important;
90
+
91
+ .select2-selection__rendered {
92
+ .select2-selection__choice {
93
+ @extend .tag;
94
+
95
+ display: inline-flex !important;
96
+ align-items: center;
97
+ border: 0;
98
+ }
99
+
100
+ .select2-selection__choice__remove {
101
+ order: 99;
102
+
103
+ background: $s2bs5-clear-tag-bg;
104
+
105
+ margin-right: 0;
106
+ margin-left: 0.25rem;
107
+ font-size: 0;
108
+ line-height: 1.2;
109
+
110
+ &:hover {
111
+ background: $s2bs5-clear-tag-bg;
112
+ }
113
+ }
39
114
  }
40
115
  }
41
116
 
42
117
  // Hide the results dropdown
118
+ &.select2-container--open {
119
+ .tag-select {
120
+ &.select2-dropdown {
121
+ display: none;
122
+ }
123
+
124
+ &.select2-selection {
125
+ border-radius: $s2bs5-border-radius !important;
126
+ }
127
+ }
128
+
129
+ &.select2-container--below .tag-select {
130
+ border-bottom-width: 1px;
131
+ }
132
+
133
+ &.select2-container--above .tag-select {
134
+ border-top-width: 1px;
135
+ }
136
+ }
137
+
138
+ // Prevent input zooming on mobile devices
139
+ @include media-breakpoint-down(sm) {
140
+ .select2-selection,
141
+ .select2-dropdown .select2-search .select2-search__field {
142
+ font-size: 1rem;
143
+ }
144
+ }
145
+ }
146
+
147
+ .form-select-sm {
148
+ ~ .select2-container--bootstrap-5 {
149
+ .select2-selection--single {
150
+ padding: 0;
43
151
 
44
- &.select2-dropdown {
45
- display: none;
152
+ .select2-selection__rendered {
153
+ padding: map-get($s2bs5-small, padding-y) map-get($s2bs5-small, padding-x);
154
+
155
+ &:has(.select2-selection__clear) {
156
+ padding-right: $s2bs5-indicator-padding + 0.875rem;
157
+ }
158
+ }
159
+ }
46
160
  }
161
+ }
47
162
 
48
- .select2-container--open &.select2-selection {
49
- border-radius: $s2bs-border-radius-base !important;
50
- border-color: $s2bs-input-border-focus !important;
163
+ .form-select-lg {
164
+ ~ .select2-container--bootstrap-5 {
165
+ .select2-selection--single {
166
+ padding: 0;
167
+
168
+ .select2-selection__rendered {
169
+ padding: map-get($s2bs5-large, padding-y) map-get($s2bs5-large, padding-x);
170
+
171
+ &:has(.select2-selection__clear) {
172
+ padding-right: $s2bs5-indicator-padding + 1.375rem;
173
+ }
174
+ }
175
+ }
51
176
  }
52
177
  }
53
178
 
179
+ .tag-select {
180
+ background-image: none;
181
+ }
182
+
54
183
  .date-select,
55
184
  .datetime-select,
56
185
  .time-select {
@@ -59,7 +188,7 @@
59
188
  width: auto;
60
189
  }
61
190
 
62
- .select2-container--bootstrap {
191
+ .select2-container--bootstrap-5 {
63
192
  display: inline-block;
64
193
  width: auto !important;
65
194
  }
@@ -8,7 +8,7 @@
8
8
  @include icon-fa($fa-var-bars);
9
9
 
10
10
  font-size: 75%;
11
- margin-left: 5px;
11
+ margin-left: 0.325rem;
12
12
  opacity: 0.25;
13
13
  }
14
14
 
@@ -10,15 +10,17 @@
10
10
  background-repeat: no-repeat;
11
11
  background-size: 50px 100%, 50px 100%, 15px 100%, 15px 100%;
12
12
  background-attachment: local, local, scroll, scroll;
13
+
14
+ // iOS 13 no longer supports -wekbit-overflow-scrolling so
15
+ // we must unfortunately disable the overflow shadows.
16
+ @supports (-webkit-touch-callout: none) {
17
+ background: none;
18
+ }
13
19
  }
14
20
 
15
21
  .table-container {
16
22
  overflow-x: auto;
17
23
 
18
- // Momentum scrolling (touch) causes rendering issues on iOS with the
19
- // scrolling background hints. Must be disabled explicitly.
20
- -webkit-overflow-scrolling: auto;
21
-
22
24
  @include table-container-background(white);
23
25
 
24
26
  .main-content-sidebar & {
@@ -36,24 +38,24 @@
36
38
  @extend .table-hover;
37
39
 
38
40
  margin-bottom: 0;
41
+ vertical-align: middle;
39
42
 
40
- td, tr {
41
- vertical-align: middle;
43
+ tr[data-url] {
44
+ cursor: pointer;
42
45
  }
43
46
 
44
- thead {
45
- tr:first-child {
46
- td, th {
47
- border-top: 0;
48
- }
49
- }
47
+ // Wider border between thead/tbody/tfoot
48
+ > :not(:last-child) > :last-child > * {
49
+ border-bottom-color: $table-border-color;
50
+ border-bottom-width: 2px;
50
51
  }
51
52
 
52
- tr[data-url] {
53
- cursor: pointer;
53
+ // No border on bottom of table
54
+ > :last-child > :last-child > * {
55
+ border-bottom: none;
54
56
  }
55
57
 
56
- th, a {
58
+ thead th {
57
59
  white-space: nowrap;
58
60
 
59
61
  &.wrap {
@@ -67,75 +69,68 @@
67
69
 
68
70
  .select-row {
69
71
  width: 2.5em;
70
- text-align: center;
71
72
 
72
- .custom-control {
73
- padding-left: 1.5rem;
74
- }
73
+ padding-top: 0.125rem;
74
+ padding-bottom: 0.125rem;
75
75
 
76
- .custom-control-input {
77
- width: 1.5rem;
78
- height: 1.5rem;
79
- }
76
+ text-align: center;
77
+ vertical-align: middle;
80
78
 
81
- .custom-control-label {
82
- &::before,
83
- &::after {
84
- left: -1.325rem;
85
- }
79
+ .form-check-input {
80
+ display: block;
86
81
  }
87
82
  }
88
83
 
89
- .actions {
90
- text-align: right;
91
- white-space: nowrap;
84
+ .avatar {
85
+ width: 2rem;
86
+ height: 2rem;
87
+ vertical-align: middle;
88
+ }
92
89
 
93
- .btn {
94
- @extend .btn-sm;
90
+ .badge {
91
+ vertical-align: middle;
92
+ }
95
93
 
96
- padding: 0.5rem;
97
- line-height: 1;
94
+ ul, ol {
95
+ margin-bottom: 0;
96
+ padding-left: 0;
97
+ list-style-position: inside;
98
+ }
99
+ }
98
100
 
99
- i {
100
- font-size: 0.85rem;
101
+ .table-actions {
102
+ text-align: right;
103
+ white-space: nowrap;
101
104
 
102
- width: 1.25rem;
103
- text-align: center;
104
- }
105
+ .btn {
106
+ @extend .btn-sm;
105
107
 
106
- &.has-icon .btn-label {
107
- @include sr-only;
108
- }
109
- }
108
+ padding: 0.5rem;
109
+ line-height: 1;
110
110
 
111
- .btn,
112
- .btn-group {
113
- + .btn,
114
- + .btn-group {
115
- margin-left: 4px;
116
- }
117
- }
111
+ i {
112
+ font-size: 0.75rem;
118
113
 
119
- .btn-group {
120
- .btn + .btn {
121
- margin-left: -1px;
122
- }
114
+ width: 1.125rem;
115
+ text-align: center;
123
116
  }
124
- }
125
117
 
126
- .avatar {
127
- width: 32px;
128
- height: 32px;
129
- vertical-align: middle;
118
+ &.has-icon .btn-label {
119
+ @include visually-hidden;
120
+ }
130
121
  }
131
122
 
132
- .badge {
133
- vertical-align: middle;
123
+ .btn,
124
+ .btn-group {
125
+ + .btn,
126
+ + .btn-group {
127
+ margin-left: 0.25rem;
128
+ }
134
129
  }
135
130
 
136
- ul, ol {
137
- margin-bottom: 0;
138
- padding-left: 0;
139
- list-style-position: inside;
131
+ .btn-group {
132
+ .btn + .btn {
133
+ margin-left: -1px;
134
+ }
140
135
  }
141
136
  }
@@ -5,6 +5,11 @@
5
5
  flex-wrap: nowrap;
6
6
  white-space: nowrap;
7
7
 
8
+ gap: 0.325rem;
9
+
10
+ --#{$prefix}nav-link-padding-x: 1.25rem;
11
+ --#{$prefix}nav-link-padding-y: 0.625rem;
12
+
8
13
  &::-webkit-scrollbar {
9
14
  height: 4px;
10
15
  }
@@ -22,23 +27,22 @@
22
27
  }
23
28
 
24
29
  .nav-link {
25
- margin-right: 4px;
26
- padding: 10px 20px;
30
+ font-weight: 500;
31
+
32
+ transition: $nav-tabs-link-transition;
27
33
 
28
34
  background-color: $nav-tabs-link-bg;
29
35
  color: $nav-tabs-link-color;
30
36
 
31
- font-weight: 500;
37
+ &:not(.active):hover {
38
+ background-color: $nav-tabs-link-hover-bg;
39
+ color: $nav-tabs-link-hover-color;
40
+ }
32
41
  }
33
42
 
34
43
  .align-right {
35
44
  margin-left: auto;
36
45
 
37
- .nav-link {
38
- margin-right: 0;
39
- margin-left: 4px;
40
- }
41
-
42
46
  & + .align-right {
43
47
  margin-left: 0;
44
48
  }
@@ -46,29 +50,25 @@
46
50
 
47
51
  .badge {
48
52
  font-size: 0.65em;
49
- margin-left: 0.35rem;
53
+ margin-left: 0.3125rem;
50
54
  vertical-align: 1px;
51
55
 
52
56
  // Default badge color when no badge- classes specified
53
57
  &:not([class*="badge-"]) {
54
58
  background: $gray-600;
55
- color: color-yiq($gray-600);
59
+ color: color-contrast($gray-600);
56
60
  }
57
61
  }
58
62
  }
59
63
 
60
- @include media-breakpoint-down(sm) {
64
+ @include media-breakpoint-down(md) {
61
65
  .nav-tabs {
62
- .nav-link {
63
- font-size: 0.95rem;
64
- padding: 10px;
65
- margin-right: 2px;
66
- }
66
+ --#{$prefix}nav-link-padding-x: 0.625rem;
67
+
68
+ gap: 0.175rem;
67
69
 
68
- .align-right {
69
- .nav-link {
70
- margin-left: 2px;
71
- }
70
+ .nav-link {
71
+ font-size: 0.8125rem;
72
72
  }
73
73
  }
74
74
  }
@@ -1,27 +1,92 @@
1
+ @mixin tag-variant(
2
+ $base-color,
3
+ $background: shift-color($base-color, $tag-bg-scale),
4
+ $border: shift-color($base-color, $tag-border-scale),
5
+ $color: color-contrast($background),
6
+ $hover-background: shift-color($base-color, $tag-hover-bg-scale),
7
+ $hover-border: shift-color($base-color, $tag-hover-border-scale),
8
+ $hover-color: $color
9
+ ) {
10
+ --tag-bg: #{$background};
11
+ --tag-border-color: #{$border};
12
+ --tag-color: #{$color};
13
+
14
+ --tag-hover-bg: #{$hover-background};
15
+ --tag-hover-border-color: #{$hover-border};
16
+ --tag-hover-color: #{$hover-color};
17
+ }
18
+
1
19
  .tag {
20
+ --tag-padding-y: 0.375em;
21
+ --tag-padding-x: 0.5em;
22
+
23
+ --tag-border-width: 0.325rem;
24
+ --tag-border-radius: 0.25rem;
25
+
26
+ --tag-font-size: 0.825em;
27
+ --tag-font-weight: normal;
28
+ --tag-line-height: 1.1;
29
+
30
+ --tag-color: white;
31
+
32
+ --tag-bg: #{shift-color($primary, $tag-bg-scale)};
33
+ --tag-border-color: #{$primary};
34
+
35
+ --tag-hover-bg: #{shift-color($primary, $tag-hover-bg-scale)};
36
+ --tag-hover-border-color: #{shift-color($primary, $tag-hover-border-scale)};
37
+
2
38
  display: inline-block;
3
- padding: 3px 6px 3px 4px;
4
- margin: 1px 4px 1px 0;
39
+ padding: var(--tag-padding-y) var(--tag-padding-x) var(--tag-padding-y) calc(var(--tag-padding-x) - var(--tag-border-width) / 2);
5
40
 
6
- font-size: 0.8rem;
7
- line-height: 1.1;
41
+ font-size: var(--tag-font-size);
42
+ font-weight: var(--tag-font-weight);
43
+ line-height: var(--tag-line-height);
8
44
 
9
45
  white-space: nowrap;
10
46
 
11
- border-left: 4px solid $tag-border;
12
- border-radius: 4px;
47
+ border-left: var(--tag-border-width) solid var(--tag-border-color);
48
+ border-radius: var(--tag-border-radius);
49
+
50
+ background-color: var(--tag-bg);
51
+ color: var(--tag-color);
13
52
 
14
- color: $tag-color;
15
- background-color: $tag-bg;
53
+ @at-root a#{&} {
54
+ color: var(--tag-color);
55
+ font-weight: inherit;
56
+
57
+ &:hover, &:focus {
58
+ text-decoration: none;
59
+
60
+ background-color: var(--tag-hover-bg, var(--tag-bg));
61
+ border-color: var(--tag-hover-border-color, var(--tag-border-color));
62
+ color: var(--tag-hover-color, var(--tag-color));
63
+ }
64
+ }
16
65
  }
17
66
 
18
- a.tag {
19
- font-weight: inherit;
67
+ .tag {
68
+ --tag-bg: #{adjust-theme-hsl(primary, $lightness: -$tag-bg-scale)};
69
+ --tag-border-color: var(--primary);
70
+
71
+ --tag-hover-bg: #{adjust-theme-hsl(primary, $lightness: -$tag-hover-bg-scale)};
72
+ --tag-hover-border-color: #{adjust-theme-hsl(primary, $lightness: -$tag-hover-border-scale)};
73
+ }
20
74
 
21
- &:hover, &:focus {
22
- text-decoration: none;
23
- color: $tag-hover-color;
24
- background-color: $tag-hover-bg;
25
- border-color: $tag-hover-border;
75
+ @each $state, $value in $theme-colors {
76
+ .tag-#{$state} {
77
+ @include tag-variant($value);
26
78
  }
27
79
  }
80
+
81
+ .tag-list {
82
+ --tag-spacing-y: #{$tag-spacing-y};
83
+ --tag-spacing-x: #{$tag-spacing-x};
84
+
85
+ display: inline-flex;
86
+ flex-wrap: wrap;
87
+ gap: var(--tag-spacing-y) var(--tag-spacing-x);
88
+
89
+ list-style: none;
90
+ margin: 0;
91
+ padding: 0;
92
+ }
@@ -1,36 +1,41 @@
1
1
  .btn-toolbar {
2
- gap: 5px;
2
+ gap: 0.375rem;
3
3
  }
4
4
 
5
5
  .primary-toolbar {
6
6
  .btn {
7
- @extend .btn-lg;
7
+ --#{$prefix}btn-padding-x: 1.125rem;
8
+ --#{$prefix}btn-padding-y: 0.5rem;
9
+ --#{$prefix}btn-font-size: 1.125rem;
8
10
 
9
- font-size: 1.35rem;
10
- padding: 0.5rem 1.25rem;
11
-
12
- @include media-breakpoint-down(sm) {
13
- font-size: 1.25rem;
14
- padding: 0.35rem 0.75rem;
11
+ @include media-breakpoint-down(md) {
12
+ --#{$prefix}btn-padding-x: 0.75rem;
13
+ --#{$prefix}btn-padding-y: 0.25rem;
14
+ --#{$prefix}btn-font-size: 1.0625rem;
15
+ --#{$prefix}btn-border-radius: #{$btn-border-radius-sm};
15
16
  }
16
17
  }
17
18
  }
18
19
 
19
20
  .secondary-toolbar {
20
21
  .btn {
21
- @extend .btn-sm;
22
+ --#{$prefix}btn-padding-x: #{$btn-padding-x-sm};
23
+ --#{$prefix}btn-padding-y: #{$btn-padding-y-sm};
24
+ --#{$prefix}btn-font-size: #{$btn-font-size-sm};
22
25
 
23
26
  > i {
24
27
  font-size: 80%;
25
28
 
26
29
  + .btn-label {
27
- margin-left: 3px;
30
+ margin-left: 0.25rem;
28
31
  }
29
32
  }
30
33
 
31
- @include media-breakpoint-down(sm) {
32
- font-size: 0.75rem;
33
- padding: 0.2rem 0.5rem;
34
+ @include media-breakpoint-down(md) {
35
+ --#{$prefix}btn-padding-x: 0.5rem;
36
+ --#{$prefix}btn-padding-y: 0.25rem;
37
+ --#{$prefix}btn-font-size: 0.6875rem;
38
+ --#{$prefix}btn-border-radius: #{$btn-border-radius-sm};
34
39
  }
35
40
  }
36
41
  }
@@ -0,0 +1,3 @@
1
+ .turbo-progress-bar {
2
+ background-color: var(--primary);
3
+ }