@eui/eds-wc 22.0.0-alpha.39 → 22.0.0-alpha.40

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/eds-wc",
-    "version": "22.0.0-alpha.39",
+    "version": "22.0.0-alpha.40",
     "description": "EDS Web Components — Lit-based web component wrappers of @eui/eds design system components",
     "homepage": "https://eui.ecdevops.eu",
     "author": "ec.europa.eui@gmail.com",
@@ -142,6 +142,10 @@
             "types": "./eds-date-block/index.d.ts",
             "default": "./eds-date-block/index.js"
         },
+        "./eds-content-item": {
+            "types": "./eds-content-item/index.d.ts",
+            "default": "./eds-content-item/index.js"
+        },
         "./eds-breadcrumb": {
             "types": "./eds-breadcrumb/index.d.ts",
             "default": "./eds-breadcrumb/index.js"
@@ -310,10 +314,6 @@
             "types": "./eds-language-selector/index.d.ts",
             "default": "./eds-language-selector/index.js"
         },
-        "./eds-menu": {
-            "types": "./eds-menu/index.d.ts",
-            "default": "./eds-menu/index.js"
-        },
         "./eds-overlay": {
             "types": "./eds-overlay/index.d.ts",
             "default": "./eds-overlay/index.js"

package/eds-menu/eds-wc-menu.d.ts

@@ -1,178 +0,0 @@
-import { type PropertyValues } from 'lit';
-import { EdsBaseElement } from '../shared/eds-base.js';
-/**
- * Represents a single menu item in the EDS navigation menu.
- * Supports hierarchical navigation, external links, icons, badges, markers, and action icons.
- * Copied verbatim from the Angular `EdsMenuItem` model.
- */
-export interface EdsWcMenuItem<METADATA = unknown> {
-    /** Unique identifier for the menu item. Auto-generated if not provided. */
-    id?: string;
-    /** Data-e2e attribute for testing selectors. */
-    e2eAttr?: string;
-    /** Display label for the menu item. */
-    label?: string;
-    /** Computed initials from label (used in collapsed-initials mode). Managed internally. */
-    initials?: string;
-    /** Internal route URL for router navigation. */
-    url?: string;
-    /** Router query params for navigation. */
-    queryParams?: Record<string, string>;
-    /** External URL that opens in a new window/tab. */
-    urlExternal?: string;
-    /** Target for external URL navigation. Defaults to '_blank'. */
-    urlExternalTarget?: string;
-    /** When true, the item uses link mode (active state managed manually). */
-    link?: boolean;
-    /** Icon name (EDS icon identifier, e.g. 'home', 'settings'). */
-    icon?: string;
-    /** Color variant class for the icon. */
-    iconTypeClass?: string;
-    /** ARIA label for the icon (used in collapsed mode). */
-    iconLabel?: string;
-    /** Whether this item is currently expanded (for parent items with children). */
-    expanded?: boolean;
-    /** Whether this item is currently active/selected. */
-    active?: boolean;
-    /** Child menu items for hierarchical navigation. */
-    children?: EdsWcMenuItem[];
-    /** Reference to parent item. Managed internally. */
-    parent?: EdsWcMenuItem;
-    /** Whether the item is visible. Items with visible=false are hidden but remain in the data. */
-    visible?: boolean;
-    /** Badge label text displayed on the item. */
-    tagLabel?: string;
-    /** Badge color variant. */
-    tagTypeClass?: string;
-    /** Custom tooltip text. If not provided, tooltip is derived from label. */
-    tooltip?: string;
-    /** Whether to show a colored marker dot instead of an icon. */
-    hasMarker?: boolean;
-    /** Color variant for the marker dot. */
-    markerTypeClass?: string;
-    /** Grouping category for the menu item. */
-    category?: string;
-    /** Whether the item is disabled. */
-    disabled?: boolean;
-    /** Whether the item matches the current filter. Managed internally. */
-    filtered?: boolean;
-    /** Action icon configuration for an additional action button on the item. */
-    actionIcon?: {
-        icon: string;
-        color?: string;
-        label?: string;
-        action?: (event: unknown) => void;
-    };
-    /** Callback function executed on item click (instead of navigation). */
-    command?: (...params: unknown[]) => void;
-    /** Generic typed metadata for custom data. */
-    metadata?: METADATA;
-}
-/**
- * `<eds-wc-menu>` — EDS navigation Menu Web Component.
- *
- * A data-driven hierarchical navigation menu with expand/collapse, optional icons,
- * markers, badges, action icons, an optional search filter, collapsed (icon-only) mode
- * and full WAI-ARIA `tree`/`treeitem` keyboard navigation (roving tabindex, Arrow keys,
- * Home, End, Enter, Space).
- *
- * Projected from the Angular `eds-menu` + `eds-menu-item` components. The `eds-menu-item`
- * Angular sub-component is not a separately-consumable element here — its structure is
- * rendered internally by this element so every ARIA relationship stays in one shadow root
- * (Rule A1).
- *
- * @example
- * ```html
- * <eds-wc-menu has-icons></eds-wc-menu>
- * <script>
- *   document.querySelector('eds-wc-menu').items = [
- *     { label: 'Home', url: '/home', icon: 'house' },
- *     { label: 'Reports', icon: 'chart-bar', children: [
- *       { label: 'Monthly', url: '/reports/monthly' },
- *     ]},
- *   ];
- * </script>
- * ```
- *
- * @fires is-click - `detail: { value: boolean }` — emitted (true) when any menu item is clicked.
- * @fires item-click - `detail: { item: EdsWcMenuItem }` — the clicked menu item.
- * @fires expand-toggle - `detail: { item: EdsWcMenuItem }` — a menu item's expand state was toggled.
- * @fires filter-change - `detail: { value: string }` — the search filter value changed.
- */
-export declare class EdsWcMenu extends EdsBaseElement {
-    /** Hierarchical array of menu items to display. */
-    items: EdsWcMenuItem[];
-    /** Label for the search filter input. */
-    searchFilterLabel: string;
-    /** URL fragment identifier for internal navigation. */
-    fragmentId?: string;
-    /** Current filter value for programmatic filtering. */
-    filterValue: string;
-    /** Collapses the menu to icon-only state. */
-    isCollapsed: boolean;
-    /** Shows initials when collapsed (instead of icons). */
-    hasCollapsedInitials: boolean;
-    /** Enables the search filter input. */
-    hasFilter: boolean;
-    /** Shows icons for menu items. */
-    hasIcons: boolean;
-    /** Shows labels underneath icons in collapsed mode. */
-    hasIconsLabels: boolean;
-    /** Alias for hasIconsLabels — shows labels underneath icons in collapsed mode. */
-    hasCollapsedLabels: boolean;
-    /** Enables tooltips on menu items (shown in collapsed mode). */
-    hasTooltip: boolean;
-    /** Shows tooltips even when menu is expanded. */
-    hasTooltipOnExpanded: boolean;
-    /** Only shows tooltip from the tooltip property (not auto-generated from label) when expanded. */
-    hasTooltipOnlyOnExpanded: boolean;
-    /** Expands all items that do not have an explicit expanded property. */
-    expandAllItems: boolean;
-    /** Applies flat styling without hierarchical indentation. */
-    isFlat: boolean;
-    /** Automatically scrolls to the active menu item on route changes. */
-    hasScrollToItem: boolean;
-    /** Applies bold font weight to root-level menu items. */
-    hasBoldRootLevel: boolean;
-    /** Internal configured items with parent refs, visibility, and filtering applied. */
-    private _internalItems;
-    /** Whether expand icons should be shown (hidden during filter). */
-    private _hasExpandIcon;
-    /** id of the item currently holding the roving tabindex focus. */
-    private _activeId;
-    private _filterInput?;
-    static styles: import("lit").CSSResult;
-    protected willUpdate(changed: PropertyValues): void;
-    protected updated(): void;
-    protected render(): import("lit-html").TemplateResult<1>;
-    private _renderItem;
-    private _renderIconBlock;
-    private _icon;
-    private _badgeColorClass;
-    private _isLabelItem;
-    private _tooltipText;
-    private _shouldRenderChild;
-    private _onItemActivate;
-    private _activate;
-    private _onExpandClick;
-    private _toggleExpand;
-    private _onActionIconClick;
-    private _onFilterClick;
-    private _onFilter;
-    private _applyFilter;
-    private _isFilterActive;
-    private _filterMenuItems;
-    private _onKeydown;
-    /** Move focus with wrap-around (matches Angular FocusKeyManager.withWrap()). */
-    private _moveFocus;
-    private _focusItem;
-    /** Flattened list of currently-rendered (visible + expanded) items, in DOM order. */
-    private _flatVisible;
-    private _configureItems;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'eds-wc-menu': EdsWcMenu;
-    }
-}
-//# sourceMappingURL=eds-wc-menu.d.ts.map

package/eds-menu/eds-wc-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"eds-wc-menu.d.ts","sourceRoot":"","sources":["../../src/eds-menu/eds-wc-menu.ts"],"names":[],"mappings":"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"}