Skip to main content

Changelog

This page collects published versions of WebJET Elements and their release notes directly in the documentation.

As the release is being prepared, a final changelog is being added here for users to make new features, fixes and breaking changes visible outside of Git history.

The complete release history for WebJET Elements is available on GitHub. The latest published changes are listed below.

This page is the changelog source shown in the documentation.

0.7.4

patchLatest Production Version

July 10 2026

WebJET Elements 0.7.4 adds item reordering to wje-tree and themeable drop indicators for tree items.

  • wje-tree now supports the boolean reorder attribute, which turns direct start slot content into a drag handle and allows items to be moved before, after, or inside another item.
  • After a move, wje-tree:move is dispatched with a detail payload similar to wje-reorder:change: from, to, order, orderElements, plus tree-specific fields itemId, targetId, fromParentId, toParentId, position, and orderIds.
  • Expanded state is preserved after moving an item, and nesting metadata is resynchronized after DOM changes.
  • wje-tree-item now uses theme tokens for borders, indent guides, and drop indicators; defaults live in light.css, while dark.css only provides color overrides.
  • The Start, End slots demo shows reorder, item values, and logs the move event payload to the console.

0.7.3

patch

July 9 2026

WebJET Elements 0.7.3 adds a dedicated padding token for wje-file-upload, so the dropzone can be used without internal spacing in denser form layouts.

  • wje-file-upload now uses the --wje-file-upload-padding CSS variable with a default value of 0 instead of applying --wje-spacing-medium directly.
  • Both light and dark themes define the new token, and the API documentation exports it as a custom property.
  • The demo and usage examples set --wje-file-upload-padding: var(--wje-spacing-medium), preserving the sample visual while keeping the production default padding-free.

0.7.2

patch

July 9 2026

WebJET Elements 0.7.2 fixes an intrinsic sizing regression in wje-chip after the 0.7.1 overflow update.

  • wje-chip now keeps its natural content width when placed inside stretched column layouts, including mobile bottom sheets and sliding-container detail panels.
  • The chip still preserves the 0.7.1 truncation behavior for constrained layouts, so long labels can ellipsize without stretching short status chips across the whole row.
  • A regression test now covers chips inside a flex-column parent to protect the compact status-chip layout.

0.7.1

patch

July 9 2026

WebJET Elements 0.7.1 polishes the 0.7 mobile overlay release and tightens production form layouts before publishing the next package version.

  • wje-sliding-container now uses a body-level backdrop in mobile bottom sheet mode, so the backdrop dims the full viewport while scoped panels can still be bounded by sheet-scope/sheet-boundary. The component no longer locks document scroll and adds z-index CSS variables for the host, panel, backdrop, and portaled backdrop layers.
  • wje-chip adds explicit start and end slots and truncates long chip content so avatars, icons, labels, and remove buttons stay aligned in constrained layouts.
  • wje-select multiple keeps selected chips in the value column ahead of clear and arrow controls, preventing long labels from pushing controls out of line.
  • wje-file-upload now shows localized validation errors in the dropzone, exposes an error-message part, clears stale errors after valid files are added, and prevents browser navigation during drag-and-drop.
  • wje-header exposes --wje-header-z-index, and the demo navigation uses the same lower z-index scale as the updated mobile overlays.
  • English and Slovak documentation now describe the chip slot contract, upload validation messages, select chip overflow behavior, sliding-container backdrop behavior, and header z-index token.

0.7.0

minor

July 5 2026

WebJET Elements 0.7.0 adds responsive mobile overlay behavior for dropdowns and sliding containers, with documentation and tests for the new release surface.

  • wje-dropdown can switch to a mobile bottom sheet with mobile-presentation="bottom-sheet" and mobile-break-point, including exported popup/backdrop parts and CSS variables for backdrop, panel, height, radius, shadow, and transition tuning.
  • wje-popup now supports the shared mobile bottom sheet presentation, keeps portaled content and router rebinding in sync, animates the backdrop safely, and supports content-aware sizing for loading select options.
  • wje-sliding-container can present as a mobile bottom sheet with backdrop-dismiss, optional sheet-resizable, viewport or container scoping through sheet-scope/sheet-boundary, and configurable sheet height limits.
  • wje-select keeps the empty state hidden while remote options are loading, removes the popup loader after data arrives, and lets the popup grow to wider async option content when needed.
  • wje-breadcrumbs, wje-toolbar-action, and wje-toolbar receive smaller fixes for icon-only data titles, collapsed dropdown synchronization, overflow icon slot placement, and aligned start/end toolbar slots; the demo navigation was also tightened for mobile use.

0.6.1

patch

June 24 2026

WebJET Elements 0.6.1 refines wje-orgchart after the technical-node release and adds safe item click handling.

  • wje-orgchart-item dispatches wje-orgchart-item:click when the card is clicked; clicking the expander remains reserved for collapsing or expanding the subtree.
  • Nested flat charts with a single visible item keep the incoming connector, and edge items and groups now use square connector corners.
  • The demo and regression tests cover single and multiple virtual branches, including expander behavior and connector rendering.

0.6.0

minor

June 24 2026

WebJET Elements 0.6.0 adds support for technical nodes in wje-orgchart, allowing organizational data entities without their own card to render without empty blue tiles.

  • wje-orgchart-item supports the virtual attribute, keeping the child tree in the structure while omitting its own card and expander.
  • wje-orgchart supports the flat attribute, removing incoming vertical connector spacing for nested trees that should continue on the same visual level.
  • Virtual items preserve the horizontal connector between visible siblings and no longer draw their own vertical connectors or rounded corners on the technical bridge.
  • Documentation, demo coverage, and regression tests cover the virtual + flat composition, including alignment and edge connector behavior.

0.5.2

patch

June 20 2026

WebJET Elements 0.5.2 expands wje-breadcrumbs with compact mobile collapsed variants for narrow headers and file-manager scenarios.

  • collapsed-variant now supports text, back, parent-title, menu-title, and sheet; the existing dropdown value and default button mode remain backward compatible.
  • Mobile variants under breakpoint-collapse="menu" render the full breadcrumb trail compactly as the current title, a parent back action, parent context, or a menu/sheet fallback with the full path.
  • Compact controls preserve clicks on the original breadcrumb items, data-driven wje-breadcrumbs:item-click events, href navigation, keyboard support, and accessible labels for back and menu actions.
  • wje-toolbar-action now adds readable text for icon-only actions in the overflow menu from aria-label, title, label, data-label, or tooltip.
  • New mobile CSS classes and tokens support ellipsis and text tuning inside toolbars, and the toolbar demo now includes a variant="standard" select for switching collapsed variants.

0.5.1

patch

June 16 2026

WebJET Elements 0.5.1 refines breadcrumbs in toolbars, responsive trail collapsing, and theming for the native breadcrumb wrapper.

  • wje-breadcrumbs supports breakpoint-collapse="menu", allowing the whole trail to move into one menu below the breakpoint while regular max-items shortening remains active above it.
  • The default hamburger for the breakpoint menu can be changed with breakpoint-collapse-icon or fully replaced through the breakpoint-collapse-trigger slot; without the slot, the default wje-button remains in place.
  • collapsed-variant="dropdown" registers the required dropdown dependencies, switches the active indicator correctly across breakpoint changes, removes orphan separators, and adds readable labels for icon-only menu items from aria-label or title.
  • wje-breadcrumb syncs title and aria-label to the internal anchor and adds the --wje-breadcrumb-line-height, --wje-breadcrumb-native-line-height, --wje-breadcrumb-native-margin, and --wje-breadcrumb-native-padding CSS tokens with compatible aliases for the previous padding and margin variables.
  • The toolbar demo and documentation were aligned with the current breadcrumb behavior, overflow actions, and labelled icon-only Home breadcrumbs.

0.5.0

minor

June 15 2026

WebJET Elements 0.5.0 adds data-driven breadcrumbs, immediate image loading, and layout refinements across forms and toolbar composition.

  • wje-breadcrumbs supports data-driven items through items, incrementally updates DOM by id, and dispatches wje-breadcrumbs:item-click with the original item and index.
  • wje-breadcrumb syncs link attributes to the internal anchor, and disabled items no longer navigate.
  • wje-img supports no-lazy/noLazy for applying the real src immediately.
  • wje-select, wje-option, and wje-input clearable handle long text, end-slot actions, and clear buttons beside number inputs more reliably.
  • wje-toolbar adds the --wje-toolbar-margin-inline and --wje-toolbar-margin-block CSS variables.

0.4.8

patch

May 19 2026

WebJET Elements 0.4.8 refines the responsive behavior of toolbars, breadcrumbs, and toolbar actions so they stay predictable across real layout changes.

  • wje-toolbar-action supports responsive collapsing via the breakpoint attribute, can move overflow actions into an existing wje-dropdown with a separating wje-divider, supports custom actions marked with data-toolbar-action, and now fills the external dropdown correctly on first page load.
  • wje-breadcrumbs supports breakpoint-aware collapsing, derives trailing items from max-items correctly, and no longer flickers on resize in either button or dropdown mode.
  • wje-toolbar no longer overrides self-managed breadcrumbs or actions, so explicit max-items and breakpoint settings remain intact even when combined with a custom dropdown menu.

0.4.5

patch

May 18 2026

WebJET Elements 0.4.5 fine-tunes horizontal overflow in wje-tab-group after real-world use in narrower and nested layouts.

  • wje-tab-group no longer forces its own outer display mode, so it respects the parent layout more reliably.
  • Tabs are remeasured against the current content and available width before moving into the three-dot menu.
  • The width of the three-dot trigger is measured even while the menu is hidden, so tabs do not collapse earlier than necessary.

0.4.4

patch

May 16 2026

WebJET Elements 0.4.4 fixes horizontal overflow in wje-tab-group so tabs behave predictably even in more complex layouts.

  • Horizontal wje-tab-group now reliably uses the component's full available width instead of a width inferred from content.
  • The three-dot dropdown appears exactly when tabs no longer fit and does not reserve space in advance while all tabs still fit.
  • The active tab and items moved into the menu keep the correct order and state.

0.4.3

patch

May 13 2026

WebJET Elements 0.4.3 fixes numeric input behavior and lazy-loaded select options.

  • wje-input with type="number" now preserves decimal values while typing and keeps attributes such as step, min, max, and inputmode in sync.
  • clearable no longer overlaps native number steppers, and both docs and demo now include dedicated number examples with and without clearable mode.
  • wje-select automatically focuses the find input on open, and wje-options lazy appends dynamic options directly into wje-infinite-scroll / wje-list.

0.4.2

patch

April 23 2026

WebJET Elements 0.4.2 improves overlay behavior for forms and nested menus.

  • wje-select now supports the portaled attribute, allowing its option list to render outside the local container and work correctly in layouts with overflow: hidden, dialogs, or other overlays.
  • Portaled wje-select moves real wje-option elements instead of cloning them, preserving selection state, checkbox/multiple behavior, and options loaded through wje-options.
  • wje-dropdown no longer closes its parent dropdown when a nested dropdown item is clicked inside a dialog.

0.4.1

patch

April 10 2026

WebJET Elements 0.4.1 expands the toast system with a new stacked mode and aligns both documentation and demos.

  • wje-toast now supports layered stacking via stacked, new positions via stack-position, and depth configuration via stack-depth, including centered and corner layouts.
  • The stacked toast demo and API docs were expanded with a configurable playground, corner positions, and both English and Slovak examples.
  • Picker examples in wje-input were fixed so selected values are written immediately and the layout no longer breaks in demo or docs.

0.4.0

minor

April 1 2026

WebJET Elements 0.4.0 brings more flexibility for composing interfaces and significantly expands the documentation.

  • Carousel now supports a gap-aware multi-slide layout via slide-per-page, full-width custom content in single-slide mode, and a new opt-in continuous-loop mode for continuous strips.
  • The documentation was expanded with design tokens, skeleton loading scenarios, localization guides, and a visible changelog directly in docs.
  • New demos and improved development aliases were added so the local demo no longer loads an outdated build from /dist.
To see more releases, visit GitHub.