alchemy-form 0.3.0-alpha.2 → 0.3.0-alpha.3

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 (42) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/assets/stylesheets/form/elements/_button.scss +1 -1
  3. package/assets/stylesheets/form/elements/_dropdown.scss +93 -0
  4. package/assets/stylesheets/form/elements/_enum_badge.scss +7 -0
  5. package/assets/stylesheets/form/elements/_select.scss +176 -176
  6. package/assets/stylesheets/form/elements/_table.scss +111 -50
  7. package/assets/stylesheets/form/elements/_tabs.scss +25 -35
  8. package/assets/stylesheets/form/elements/index.scss +2 -1
  9. package/config/routes.js +10 -0
  10. package/controller/form_api_controller.js +28 -0
  11. package/element/00_form_base.js +82 -27
  12. package/element/al_button.js +12 -1
  13. package/element/al_dropdown.js +123 -0
  14. package/element/al_dropdown_item.js +40 -0
  15. package/element/al_enum_badge.js +157 -0
  16. package/element/al_field.js +133 -38
  17. package/element/al_field_array.js +22 -0
  18. package/element/al_field_schema.js +222 -55
  19. package/element/al_form.js +9 -6
  20. package/element/al_select.js +2 -2
  21. package/element/al_table.js +6 -1
  22. package/helper/field_recompute_handler.js +0 -2
  23. package/package.json +1 -1
  24. package/view/form/elements/al_dropdown.hwk +21 -0
  25. package/view/form/elements/al_enum_badge.hwk +9 -0
  26. package/view/form/elements/alchemy_field.hwk +2 -0
  27. package/view/form/elements/alchemy_field_array.hwk +16 -6
  28. package/view/form/elements/alchemy_field_array_entry.hwk +10 -5
  29. package/view/form/elements/alchemy_field_schema.hwk +2 -2
  30. package/view/form/inputs/edit/enum.hwk +1 -1
  31. package/view/form/inputs/edit_sw/fallback.hwk +1 -0
  32. package/view/form/inputs/view/association_alias.hwk +16 -0
  33. package/view/form/inputs/view/schema.hwk +4 -0
  34. package/view/form/inputs/view/string.hwk +1 -1
  35. package/view/form/inputs/view_inline/belongs_to.hwk +16 -0
  36. package/view/form/inputs/view_inline/boolean.hwk +2 -2
  37. package/view/form/inputs/view_inline/datetime.hwk +1 -1
  38. package/view/form/inputs/view_inline/enum.hwk +2 -2
  39. package/view/form/inputs/view_inline/objectid.hwk +1 -1
  40. package/view/form/inputs/view_inline/string.hwk +1 -1
  41. package/view/form/wrappers/edit_sw/default.hwk +1 -0
  42. package/assets/stylesheets/form/elements/_badge.scss +0 -41
package/view/form/inputs/view_inline/string.hwk CHANGED
@@ -1,7 +1,7 @@
1
1
  <div>
2
2
  {% if (value_is_empty AND self.allow_empty_value_placeholder) %}
3
3
  <span class="alchemy-field-value">
4
- <span class="alchemy-badge alchemy-field-empty-value-placeholder">
4
+ <span class="badge alchemy-field-empty-value-placeholder">
5
5
  {{ self.createEmptyValuePlaceholderText() }}
6
6
  </span>
7
7
  </span>
package/view/form/wrappers/edit_sw/default.hwk ADDED
@@ -0,0 +1 @@
1
+ <div class="wrapped-inline" data-he-name="field"></div>
package/assets/stylesheets/form/elements/_badge.scss DELETED
@@ -1,41 +0,0 @@
1
- @use "styleboost";
2
-
3
- :root {
4
- --badge-font-size: 0.9rem;
5
- --badge-font-weight: 400;
6
- --badge-line-height: 1;
7
- --badge-border-radius: 5px;
8
- --badge-padding: 4px 8px;
9
- --badge-white-space: nowrap;
10
- --badge-user-select: none;
11
- --badge-gap: 5px;
12
- }
13
-
14
- .alchemy-badge {
15
- display: inline-flex;
16
- text-align: center;
17
-
18
- gap: var(--badge-gap);
19
- user-select: var(--badge-user-select);
20
- padding: var(--badge-padding);
21
- font-size: var(--badge-font-size);
22
- font-weight: var(--badge-font-weight);
23
- line-height: var(--badge-line-height);
24
- border-radius: var(--badge-border-radius);
25
- color: var(--badge-color, var(--color-theme-fill-text));
26
- background-color: var(--badge-bg, var(--color-theme-fill));
27
- white-space: var(--badge-white-space);
28
- }
29
-
30
- $counter: 0;
31
-
32
- // Iterate over all the available colors and create a badge color set for each
33
- // We do this without the badge class to lower specificity
34
- @each $color, $value in styleboost.$colors {
35
- $counter: $counter + 1;
36
-
37
- [data-badge-color-set="#{$counter}"] {
38
- --badge-color: var(--color-shade-#{$counter});
39
- --badge-bg: var(--color-tint-#{$counter});
40
- }
41
- }