We now use Shoelace tooltip for button tooltips,
let's use them for hint popups as well.

Using shoelaces tooltip web component gives us:

- Better placement
- More accessibility
- Lesse...

Fix menubar styling

Use shoelace switch for Element publish toggle

The anchor in the menubar didn't had the correct styling anymore. The button-defaults - mixin di...

Show the status by using the same icon we use to show
if a page is not published and increase th...

This component is more accessible than the static icon.

Set this to our input text color

They should be grey instead of blue to better fit our theme.

UI Refinements

The page_info partial was holding the page status icons
while the page_status partial was holdin...

We should not use the button with label (tooltip) for this
behavior, but let the button have it.

They were too small and it was not easy to distinguish
normal pages from locked pages.

The status is already available in the info dialog and displayed inline
in the page lists.

The handle should be visually seperated from the content
of the header in order to be clearly be...

Since all toolbar buttons are flex items, this should be inline flex.

The items are not evenly aligned otherwise

The current size is too large for the space we have in this
area. Also the disabled style is red...

The hint is already present in the info dialog. Also the toolbar
icons are all buttons (or selec...

The table row was set this high in order to be able to place the
icon buttons into the tools col...

In case of longer messages (like expections) we want to
read the whole words.

Add support for RailsLiveReload

We removed jasmine a long while ago.

Automatically reloads the dummy app (or any other app that has
`rails_live_reload`gem installed)...

Use Remix icons

Fontawesome lacks a lot of icons in the free version.
They also do not look modern anymore. Usin...

The targets might not yet be present in the DOM
during initialization. Delegating to the time of...

Slightly updates the look of pictures in the archive and element
editor to reduce the boxy visua...

Now that we use handleEvent we can use the constructor
to attach event listeners. This runs once...

This native callback is used by event listeners in classes
and makes code cleaner and less error...

This helps to still pass the localStorage test that is failing because
of a jsdom issue.

These native components let us remove all the custom
event handling and state management from th...

This makes it nicer to read and fixes a bug where the button disable
callback was not working af...

Using the configuration to calculate the space tinymce will
use if it is initialized upfront, so...

sessionStorage gets emptied after the user closes the browser.
Using localStorage the groups sta...

By storing the targets only once per base node we spare some
unneccessary dom queries.

Introduce a custom element for element editors and handle
all render and event logic inside of t...

This button helps to clean up the elements window with one click.
Compact and fixed always eleme...

Splitting toggle fold into two methods (expand and collapse)
with dedicated endpoints that make ...

Add alchemy-dialog-link custom component

This adds missing features for custom-elements for browsers
not supporting them. Like good old S...

Opens content in a dialog instead of going to the link.

Add alchemy-button web component

Jest logs the error that is thrown purposely in this spec.

This allows to remove all the Alchemy.Buttons state management
code we have right now and let th...

Use rails-ujs instead of jquery_ujs

Preload tinymce assets

Tinymce loads the editor content css and its plugins on initialize.
Since we init tinymce only w...

Use Rails' unobstrusive scripting adapater without jQuery.

The event response of the custom "aj...

Do not seed during install

Add a RemoteSelect base component

Since this has a uniquness validation it is not possible to have more
than 3 of it. That makes i...

The param used for ransack is filter and not q
Also we need to safelist the page association.

Extracts whats common on NodeSelect and PageSelect into a RemoteSelect base component

Useful for dispatching custom `Alchemy` prefixed events.

Add a NodeSelect web component

Convert the jQuery plugin into a web component and use that in the ingredient node editor.

The CI test pipeline breaks for Rails 7.1. The eager loading results into a Zeitwerk error in th...

The idea is to provide a possibility to lock a page inside a transaction to prevent, that two (o...

Prevent publishing the same page at the same time. The PageMutex is locking the page for the tim...

Parts of the page feature are failing because the selector of the menubar isn't available anymor...

Create a small Web component wrapper to show the Menubar as a web component, which encapsulate t...

Use fewer select2

These selects do not need the select2 features, because the list of
options is small.

We mostly use select2 for the search feature.
5 is the default anyway and it makes sense to
show...

Add Select Web Component

This select has no advantage as a select2

Bind the Select2 configuration with a web component to prevent initialization problems. The curr...

Use the same styling for selects as for Select2 - components. This will be a graceful fallback, ...

Allow Rails 7.1

This is deprecated behavior and somehow causes the tests
to fail in Rails 7.1.1

The page spec needed to be updated because of a change
to foreign key detection in Rails 7.1.

B...

Include jquery-ui

It is used only to fade in the dialog body during replacement.
We can sinmply remove it, because...

and remove the jquery-ui-rails gem, because it does not
have the latest jquery-ui with security ...

The datepicker is initialized multiple times, because the type attribute is reserved and had a s...

Add the default Alchemy Shoelace theme. Replaced all color with our colors. Add a custom propert...

Fix adding element into main content

If we have fixed elements the tab didnt had the id anymore
that is necessary to add it into the ...

Use Shoelace Tab for tabs