build(deps): Bump org.webjars.npm:codbex__harmonia from 2.14.2 to 3.1.0

[dependabot]

Bumps org.webjars.npm:codbex__harmonia from 2.14.2 to 3.1.0.

Changelog

Sourced from org.webjars.npm:codbex__harmonia's changelog.

v3.1.0

A release that makes an interactive list valid HTML. An interactive item used to become a button itself, which left its ul with no list items and cost the list its announcement. The row control is now a real button or link inside the item, written with the new x-h-list-item-button. It also fixes a listbox and combobox bug where a list nested inside an option turned its own rows into options, and moves the listbox into a plugin of its own. It also repairs card and dialog padding around a slot behind an x-if, where the template Alpine leaves in place counted as the slot that never rendered, and lets a table header draw a top and bottom rule instead of a full outline. It ships the mt-auto utility class along with the half steps of the padding and gap scales. There are breaking changes to interactive lists and to registering the listbox by hand.

List

• Breaking: the interactive modifier on x-h-list-item is removed. It set role="button" on the li, leaving the ul with no list items. To migrate, wrap the row's content in a button or a carrying x-h-list-item-button, move @click and any layout classes onto it, and replace aria-selected on the item with aria-current on the control. Options and plain lists are unaffected.
• New: x-h-list-item-button. The control that makes a list interactive. It fills the row and takes its padding, so the clickable area matches the highlight, and an action button beside it keeps its own hover instead of lighting up the row.
• New: x-h-list sets role="list". A ul loses its list semantics in Safari once the bullets are removed, taking the item count with it.
• Fixed: a list nested inside a listbox or combobox option turned its rows into options of that popup. The lookup walked the whole ancestor chain, so the arrow keys, Home, End, typeahead and the tab stop moved onto rows that were not options. It now stops at the enclosing list item.

Listbox

• Breaking: the listbox is a plugin of its own, no longer riding along with the list plugin. Only affects ESM consumers registering components one by one: add Alpine.plugin(Listbox) beside Alpine.plugin(List). registerComponents and the CDN bundle need no change.

Card

• Fixed: a slot behind an x-if cost the slot beside it its padding. Alpine leaves the \<template> in the card, and that sibling still counted when a slot looked for the card's edges and for its neighbours, so a header above conditional content sat against the card's bottom edge. A template from x-if or x-for is no longer counted as a slot.

Dialog

• Fixed: a dialog header pays the padding under it when nothing renders after it. It left that side to the body below, so a dialog whose body is behind an x-if had its title against the bottom edge. The gap between a header and a footer now survives a template between them too.

Table

• New: the header border can be horizontal only. data-bordered="horizontal" on x-h-table-header draws a rule above and below the head row and nothing down its sides, for a header separated from the rest of the table rather than boxed in. data-bordered="true" still draws the full outline.

New utility classes

• mt-auto pushes an element to the bottom of a flex column, the way ml-auto and mr-auto push along a row. The auto margins previously covered only the horizontal sides.
• p-1.5, px-1.5, px-2.5, py-0.5 and py-1.5, the half steps of the padding scale, for the tighter spacing the components themselves use. There is no half step on the single sides.
• gap-0.5 and gap-1.5, the same half steps for the all-round gap. There are no gap-x or gap-y half steps.

v3.0.0

A release that adds the Combobox component and brings drag and drop to the Calendar and the Slot Picker. Calendar events can be rescheduled by dragging them to another time or day, and slot picker slots can be reordered within a day or moved to another day, in both cases with the change proposed through an event and applied by the consumer. Notifications can now play a sound, a built-in chime or an audio file, per notification or as an overlay-wide default, and the new Native Notifications utility, also available as $notifications.native, wraps the browser's Notification API for messages shown by the operating system. The Dialog gains a fullscreen mode that fills the viewport, together with a content slot that scrolls the body while the header and the footer stay in place, and moves its padding onto that slot and its neighbours, which is a breaking change for dialog bodies that are not wrapped in the new slot. It also keeps focus inside itself while it is open, like the Backdrop now does. The Card moves its padding the same way, onto its header, content and footer, which is a breaking change for content placed straight in a card, and gains a modifier that lets a table or a list span the card from edge to edge. The Button Group can now hold a single choice, which turns a row of buttons into a segmented control that is announced as a set of options and navigated with the arrow keys. It also draws the dividers between its buttons itself rather than relying on the outline variant's border, which retires x-h-button-group-separator as a breaking change, gains a borderless mode for a group that fills a card, and no longer overwrites a role set on the group. It also completes the viewport height utilities, repairs keyboard navigation in a listbox whose options change, and stops a long line of code from escaping its block. The Sidebar now separates navigation from everything else it can hold, a breaking change for navigation sidebars. A destination is written as x-h-sidebar-menu-nav, which announces the active entry with aria-current="page", while x-h-sidebar-menu-button makes no navigation claim and leaves aria-current to the author. The Chip becomes a container holding its own buttons, a breaking change that retires the button it used to be applied to: a dismissible chip was a button with another control inside it, which is invalid markup and left its close button reachable by Tab but impossible to activate. The Tabs take the same shape as a breaking change for every tab. Each tab now lives in an x-h-tab-item wrapper that draws its surface, and a tab action is a real button beside the tab instead of a span inside it, which also lifts the one-action limit, so a tab can pair a close button with a menu trigger. The Avatar becomes a control on an a element as well as on a button, and a button avatar no longer submits the form around it. The Backdrop now keeps focus inside itself while it is open, and the Expansion Panel's generated triggers no longer share a single id. The release fixes single mode in the Accordion and makes accordion item ids dynamic: items written without an explicit id all shared the same empty id, so an accordion in single mode never collapsed the previously open section. The item id is now evaluated as an Alpine expression, which is a breaking change for hard-coded ids but lets items rendered with x-for take their id from the iterated data. The Range's input and change events now carry their value in event.detail.value rather than as the whole detail, a breaking change that aligns them with every other component's change event. And components that hold their bound value themselves, among them the Rating, the single choice Button Group, the Inline Calendar and the Menu's checkbox and radio items, now reject x-model's event modifiers with a console error, since .lazy used to silently corrupt the bound value. And the date grid shared by the Date Picker, the Datetime Picker, the Inline Calendar and the Slot Picker now starts keyboard navigation from the visibly focused day instead of the 1st of the month.

Combobox

• New component. A list of options belonging to a text field, filtered as the user types. It is the pattern behind a search field, an autocomplete and a command palette.

Calendar

• New: events can be rescheduled by drag and drop. Opt in to let users drag a timed event to a new time or day in the week and day views (the start time snaps to a configurable minute step and the duration is kept), move all-day pills between days, and change an event's day in the month view. Dropping never changes the calendar's data directly: the proposed change is dispatched as an event for the consumer to apply. Individual events can opt out, and every event stays reachable by keyboard, since dragging is a pointer-only convenience.
• Fixed: x-model.lazy corrupted the bound value of an inline calendar. The modifier makes Alpine listen for change, and the calendar's own change event made that listener write the event's detail object over the date string the calendar had just stored. The modifier also silently broke the model-to-view sync, since the model expression was read from the literal x-model attribute name. The event modifiers (.lazy, .change, .blur, .enter) are now rejected with a console error, the model always updates immediately, and a model bound with any other modifier stays in sync.

Slot Picker

• New: slots can be reordered and moved between days by drag and drop. Opt in to let users drag a slot within its day to reorder it or onto another visible day to move it. While dragging, a half-transparent copy of the slot follows the pointer and the other slots part to show where it will land. Dropping never changes the picker's data directly: the proposed change is dispatched as an event for the consumer to apply. Individual slots can opt out, and unavailable slots never drag.

... (truncated)

Commits

• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)