Add a new dialog class to replace the old one

[sascha-karnatz]

Add a new dialog class with the same signature and the same properties as the old Dialog implementation. The new one is using the shoelace web components and is working with promises to allow the calling method to react to the user input in the dialog.

Checklist

• I have followed Pull Request guidelines
• I have added a detailed description into each commit message
• I have added tests to cover this change

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.93%. Comparing base (bbc4172) to head (c4413e7).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2858   +/-   ##
=======================================
  Coverage   95.93%   95.93%           
=======================================
  Files         229      229           
  Lines        6222     6222           
=======================================
  Hits         5969     5969           
  Misses        253      253           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[tvdeyen]

We need a remote form watcher that handles re-rendering of forms with validation errors

See

alchemy_cms/app/assets/javascripts/alchemy/alchemy.dialog.js.coffee

Lines 104 to 119 in cbef269

	watch_remote_forms: ->
	form = $('[data-remote="true"]', @dialog_body)
	form.bind "ajax:success", (event) =>
	xhr = event.detail[2]
	content_type = xhr.getResponseHeader('Content-Type')
	if content_type.match(/javascript/)
	return
	else
	@dialog_body.html(xhr.responseText)
	@init()
	return
	form.bind "ajax:error", (event, b, c) =>
	statusText = event.detail[1]
	xhr = event.detail[2]
	@show_error(xhr, statusText)
	return

dialog.validation.errors.not.shown.mp4