{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "tags": [
    {
      "name": "ed-icon",
      "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **ed-icon-load** - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n- **ed-error** - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.\n- **use** - The `<use>` element generated when using `spriteSheet: true`",
      "attributes": [
        {
          "name": "name",
          "description": "The name of the icon to draw. Typed against the first-party libraries (`IconName` for\nthe default library, `EmptyStateIconName` for `empty_state`). When using a custom\nregistered library, cast the value (e.g. `name=${value as IconName}`).",
          "values": [
            { "name": "number" },
            { "name": "function" },
            { "name": "absence-wft" },
            { "name": "account" },
            { "name": "account_class" },
            { "name": "account_plan" },
            { "name": "active" },
            { "name": "add_circle" },
            { "name": "add_one" },
            { "name": "add_two" },
            { "name": "admin" },
            { "name": "admin_filled" },
            { "name": "admin_filled_crossed" },
            { "name": "alarm_clock" },
            { "name": "align_center" },
            { "name": "align_justify" },
            { "name": "align_left" },
            { "name": "align_right" },
            { "name": "anchor" },
            { "name": "android" },
            { "name": "apple" },
            { "name": "apple_logo" },
            { "name": "apple_logo_filled" },
            { "name": "approximately" },
            { "name": "aral" },
            { "name": "archive" },
            { "name": "attachment" },
            { "name": "average" },
            { "name": "average_filled" },
            { "name": "baby" },
            { "name": "backspace" },
            { "name": "backspace_filled" },
            { "name": "badge_check" },
            { "name": "badge_close" },
            { "name": "bag" },
            { "name": "bag_euro" },
            { "name": "balance_sheet" },
            { "name": "band_aid" },
            { "name": "band_aid_filled" },
            { "name": "bank_note" },
            { "name": "bank_notes" },
            { "name": "bank_notes_stack" },
            { "name": "bar_chart" },
            { "name": "bar_chart_10j" },
            { "name": "bar_chart_12m" },
            { "name": "bar_chart_13m" },
            { "name": "bar_chart_1j" },
            { "name": "battery" },
            { "name": "battery_0" },
            { "name": "battery_1" },
            { "name": "battery_2" },
            { "name": "battery_crossed" },
            { "name": "bed" },
            { "name": "beer" },
            { "name": "bird" },
            { "name": "birthday_cake" },
            { "name": "blocked" },
            { "name": "bluetooth" },
            { "name": "bold" },
            { "name": "book" },
            { "name": "book_open" },
            { "name": "bookmark" },
            { "name": "bookmark_filled" },
            { "name": "books" },
            { "name": "box" },
            { "name": "break-conflict" },
            { "name": "brush" },
            { "name": "building" },
            { "name": "building_bank" },
            { "name": "building_church" },
            { "name": "building_company" },
            { "name": "building_company_disabled" },
            { "name": "building_company_group" },
            { "name": "building_company_k" },
            { "name": "building_company_m" },
            { "name": "building_flag" },
            { "name": "building_shield_hero" },
            { "name": "building_store" },
            { "name": "building_water" },
            { "name": "business_card" },
            { "name": "cactus" },
            { "name": "cal" },
            { "name": "cal_1" },
            { "name": "cal_12" },
            { "name": "cal_1y" },
            { "name": "cal_31" },
            { "name": "cal_365" },
            { "name": "cal_7" },
            { "name": "cal_add_one" },
            { "name": "cal_average" },
            { "name": "cal_check" },
            { "name": "cal_clock" },
            { "name": "cal_close" },
            { "name": "cal_paragraph" },
            { "name": "cal_return" },
            { "name": "cal_select" },
            { "name": "calculate" },
            { "name": "camera" },
            { "name": "camera_video" },
            { "name": "canvas" },
            { "name": "car" },
            { "name": "car_filled" },
            { "name": "car_side" },
            { "name": "car_trade" },
            { "name": "car_wash" },
            { "name": "cash_register" },
            { "name": "cat" },
            { "name": "category" },
            { "name": "chart_pie" },
            { "name": "check" },
            { "name": "check_auto" },
            { "name": "check_circle" },
            { "name": "check_circle_filled" },
            { "name": "check_shield" },
            { "name": "check_shield_filled" },
            { "name": "checkbox" },
            { "name": "checkbox_active" },
            { "name": "checkbox_active_filled" },
            { "name": "checkbox_tristate" },
            { "name": "checklist" },
            { "name": "chick" },
            { "name": "christmas_star" },
            { "name": "cigarette" },
            { "name": "cigarette_crossed" },
            { "name": "circle_back" },
            { "name": "circle_dollar" },
            { "name": "circle_e" },
            { "name": "circle_euro" },
            { "name": "circle_euro_add" },
            { "name": "circle_euro_minus" },
            { "name": "circle_f" },
            { "name": "circle_k" },
            { "name": "circle_k_filled" },
            { "name": "circle_next" },
            { "name": "circle_r" },
            { "name": "circle_u" },
            { "name": "circle_u_filled" },
            { "name": "clear" },
            { "name": "clipboard_paper" },
            { "name": "clock" },
            { "name": "clock_add" },
            { "name": "clock_average" },
            { "name": "clock_filled" },
            { "name": "clock_hand" },
            { "name": "clock_pie" },
            { "name": "close" },
            { "name": "close_circle" },
            { "name": "close_circle_filled" },
            { "name": "close_fullscreen" },
            { "name": "cloud" },
            { "name": "cloud_download" },
            { "name": "cloud_filled" },
            { "name": "cloud_upload" },
            { "name": "cocktail" },
            { "name": "coffee" },
            { "name": "coffee_crossed" },
            { "name": "coffee_togo" },
            { "name": "coins" },
            { "name": "coins_euro" },
            { "name": "collapse" },
            { "name": "collapse_all" },
            { "name": "collect" },
            { "name": "compare" },
            { "name": "computer" },
            { "name": "conifer" },
            { "name": "construction" },
            { "name": "construction_worker" },
            { "name": "contacts" },
            { "name": "content_bottom_in" },
            { "name": "content_bottom_out" },
            { "name": "content_right_in" },
            { "name": "content_right_out" },
            { "name": "coocking_pot" },
            { "name": "cook" },
            { "name": "copy" },
            { "name": "copy_to_clipboard" },
            { "name": "couch" },
            { "name": "creditcard" },
            { "name": "crown-o" },
            { "name": "cut" },
            { "name": "cut_left" },
            { "name": "cut_up" },
            { "name": "cyclist" },
            { "name": "dashboard" },
            { "name": "debug" },
            { "name": "deer" },
            { "name": "delete" },
            { "name": "delete_permanent" },
            { "name": "delete_row" },
            { "name": "delete_undo" },
            { "name": "desk_bell" },
            { "name": "detailed-view" },
            { "name": "diamond" },
            { "name": "disc" },
            { "name": "divide" },
            { "name": "doctor_case" },
            { "name": "doctor_case_filled" },
            { "name": "dog" },
            { "name": "dollar" },
            { "name": "dove" },
            { "name": "down" },
            { "name": "down_end" },
            { "name": "down_left" },
            { "name": "down_right" },
            { "name": "download" },
            { "name": "download_filled_thick" },
            { "name": "download_thick" },
            { "name": "dragdrop" },
            { "name": "dragger" },
            { "name": "dumbbell" },
            { "name": "e_invoice" },
            { "name": "ed_arrow" },
            { "name": "edit" },
            { "name": "edit_filled" },
            { "name": "edit_list" },
            { "name": "eiffel_tower" },
            { "name": "elephant" },
            { "name": "elephant_2" },
            { "name": "employee-data" },
            { "name": "equal_boxed" },
            { "name": "eraser" },
            { "name": "etl_chatbot" },
            { "name": "euro" },
            { "name": "euro_user" },
            { "name": "evening" },
            { "name": "excel" },
            { "name": "exchange" },
            { "name": "expand" },
            { "name": "expand_all" },
            { "name": "export" },
            { "name": "external_link" },
            { "name": "eye" },
            { "name": "eye_crossed" },
            { "name": "favorite" },
            { "name": "favorite_filled" },
            { "name": "fax" },
            { "name": "ferris_wheel" },
            { "name": "field" },
            { "name": "file" },
            { "name": "filter" },
            { "name": "filter_filled" },
            { "name": "filter_remove" },
            { "name": "finish_flag" },
            { "name": "first" },
            { "name": "fish" },
            { "name": "fit_to_height" },
            { "name": "fit_to_width" },
            { "name": "flag" },
            { "name": "flag_filled" },
            { "name": "flame" },
            { "name": "flower" },
            { "name": "folder" },
            { "name": "folder_export" },
            { "name": "folder_open" },
            { "name": "form" },
            { "name": "forward" },
            { "name": "forward_filled" },
            { "name": "fullscreen" },
            { "name": "gamepad" },
            { "name": "gas_pump" },
            { "name": "gas_pump_add" },
            { "name": "gastronomy" },
            { "name": "ghost" },
            { "name": "ghost_filled" },
            { "name": "gift" },
            { "name": "glasses_antique" },
            { "name": "global" },
            { "name": "globe" },
            { "name": "gorilla" },
            { "name": "gps" },
            { "name": "grid" },
            { "name": "gripper_hor" },
            { "name": "gripper_vert" },
            { "name": "hand" },
            { "name": "hand_coins" },
            { "name": "hand_open" },
            { "name": "hand_shake" },
            { "name": "handles" },
            { "name": "hanger" },
            { "name": "headset" },
            { "name": "heart" },
            { "name": "heart_filled" },
            { "name": "help_circle" },
            { "name": "help_circle_filled" },
            { "name": "history" },
            { "name": "home" },
            { "name": "home_euro" },
            { "name": "home_filled" },
            { "name": "hospital" },
            { "name": "hot_air_balloon" },
            { "name": "hourglass" },
            { "name": "hourglass_bottom" },
            { "name": "hourglass_lock" },
            { "name": "hourglass_top" },
            { "name": "ice_creme" },
            { "name": "image" },
            { "name": "image_portrait" },
            { "name": "import" },
            { "name": "inbox" },
            { "name": "inbox_checked" },
            { "name": "inbox_in" },
            { "name": "inbox_out" },
            { "name": "inbox_page" },
            { "name": "info_circle" },
            { "name": "info_circle_filled" },
            { "name": "injection" },
            { "name": "invoice" },
            { "name": "invoice_edit" },
            { "name": "invoice_euro" },
            { "name": "invoice_filled" },
            { "name": "italic" },
            { "name": "java" },
            { "name": "jet" },
            { "name": "justice_hammer" },
            { "name": "kettle_grill" },
            { "name": "key" },
            { "name": "keyboard" },
            { "name": "last" },
            { "name": "layer" },
            { "name": "layer_1" },
            { "name": "layer_2" },
            { "name": "layer_3" },
            { "name": "left" },
            { "name": "left_end" },
            { "name": "left_right" },
            { "name": "lightbulb" },
            { "name": "lightning" },
            { "name": "line_chart" },
            { "name": "link" },
            { "name": "link_broken" },
            { "name": "linux" },
            { "name": "list_add" },
            { "name": "list_download" },
            { "name": "list_indented" },
            { "name": "local_community" },
            { "name": "locate" },
            { "name": "located_filled" },
            { "name": "location_circle" },
            { "name": "lock" },
            { "name": "login" },
            { "name": "logout" },
            { "name": "magic" },
            { "name": "mail" },
            { "name": "mail_forward" },
            { "name": "mail_new" },
            { "name": "mail_open" },
            { "name": "mail_question" },
            { "name": "mail_read" },
            { "name": "marker" },
            { "name": "marker_crossed" },
            { "name": "markers" },
            { "name": "maximise" },
            { "name": "megaphone" },
            { "name": "memory" },
            { "name": "menu" },
            { "name": "merge" },
            { "name": "message" },
            { "name": "message_dialog" },
            { "name": "message_edit" },
            { "name": "message_filled" },
            { "name": "message_question" },
            { "name": "message_warning" },
            { "name": "microphone" },
            { "name": "midday" },
            { "name": "miniature-view" },
            { "name": "minus" },
            { "name": "missing-employee-data" },
            { "name": "monitor" },
            { "name": "monochrome" },
            { "name": "moped" },
            { "name": "more" },
            { "name": "more_vert" },
            { "name": "morning" },
            { "name": "multiply" },
            { "name": "musical_notes" },
            { "name": "newsletter" },
            { "name": "next" },
            { "name": "next_entry" },
            { "name": "night" },
            { "name": "no_access" },
            { "name": "note" },
            { "name": "note_filled" },
            { "name": "notification" },
            { "name": "numbers" },
            { "name": "nurse" },
            { "name": "nut" },
            { "name": "office_chair" },
            { "name": "offline" },
            { "name": "online" },
            { "name": "open_in_window" },
            { "name": "page" },
            { "name": "page_1" },
            { "name": "page_2" },
            { "name": "page_add" },
            { "name": "page_chart_pie" },
            { "name": "page_check" },
            { "name": "page_check_addon" },
            { "name": "page_clock" },
            { "name": "page_contract" },
            { "name": "page_cover" },
            { "name": "page_crossed" },
            { "name": "page_csv" },
            { "name": "page_doc" },
            { "name": "page_document" },
            { "name": "page_document_filled" },
            { "name": "page_double" },
            { "name": "page_edit" },
            { "name": "page_eps" },
            { "name": "page_euro" },
            { "name": "page_exe" },
            { "name": "page_exlamation" },
            { "name": "page_image" },
            { "name": "page_lock" },
            { "name": "page_mp3" },
            { "name": "page_pdf" },
            { "name": "page_pdf_logo" },
            { "name": "page_png" },
            { "name": "page_rar" },
            { "name": "page_scroll" },
            { "name": "page_search" },
            { "name": "page_sepa" },
            { "name": "page_stack_check" },
            { "name": "page_tif" },
            { "name": "page_ttf" },
            { "name": "page_txt" },
            { "name": "page_xls" },
            { "name": "page_xml" },
            { "name": "paint_bucket" },
            { "name": "palm_tree" },
            { "name": "palm_tree_check" },
            { "name": "palm_tree_filled" },
            { "name": "paragraph" },
            { "name": "paragraph_lock" },
            { "name": "passive-time-recording-o" },
            { "name": "paste" },
            { "name": "pause" },
            { "name": "paypal" },
            { "name": "pending" },
            { "name": "pendulum" },
            { "name": "percent" },
            { "name": "personnel" },
            { "name": "phone" },
            { "name": "piggy_bank" },
            { "name": "pin" },
            { "name": "pin_filled" },
            { "name": "pizza" },
            { "name": "placeholder" },
            { "name": "play" },
            { "name": "plus" },
            { "name": "plus_minus" },
            { "name": "power" },
            { "name": "presentation" },
            { "name": "pretzel" },
            { "name": "previous" },
            { "name": "print" },
            { "name": "priority" },
            { "name": "profit" },
            { "name": "progress_seg" },
            { "name": "progress_seg_0" },
            { "name": "progress_seg_1" },
            { "name": "progress_seg_2" },
            { "name": "progress_seg_crossed" },
            { "name": "pumpkin" },
            { "name": "puzzle" },
            { "name": "quote" },
            { "name": "rabbit" },
            { "name": "radio" },
            { "name": "radio_active" },
            { "name": "record" },
            { "name": "rectangle_edit" },
            { "name": "red_cross" },
            { "name": "redo" },
            { "name": "refresh" },
            { "name": "repeat" },
            { "name": "repeat_square" },
            { "name": "report_euro" },
            { "name": "reset" },
            { "name": "restore" },
            { "name": "restore_square" },
            { "name": "results" },
            { "name": "return" },
            { "name": "return_right" },
            { "name": "right" },
            { "name": "right_end" },
            { "name": "road_closure" },
            { "name": "rocket" },
            { "name": "rotate_display" },
            { "name": "rotate_left" },
            { "name": "rotate_right" },
            { "name": "ruler" },
            { "name": "safe" },
            { "name": "sailboat" },
            { "name": "sale" },
            { "name": "satchel" },
            { "name": "satchel_filled" },
            { "name": "save" },
            { "name": "save_as" },
            { "name": "scale_justice" },
            { "name": "scan" },
            { "name": "scan_page" },
            { "name": "scanner" },
            { "name": "school_holiday" },
            { "name": "screw_nut" },
            { "name": "screw_nut_edit" },
            { "name": "screwdriver" },
            { "name": "screwer" },
            { "name": "script" },
            { "name": "search" },
            { "name": "send" },
            { "name": "server" },
            { "name": "settings" },
            { "name": "settings_auto" },
            { "name": "settings_gears" },
            { "name": "settings_slider" },
            { "name": "settings_square" },
            { "name": "share" },
            { "name": "shell" },
            { "name": "shield_hero" },
            { "name": "shift-overtime" },
            { "name": "shower" },
            { "name": "slot_maschine" },
            { "name": "smartphone_landscape" },
            { "name": "smartphone_portrait" },
            { "name": "snowflake" },
            { "name": "sort_alphabetical_ascending" },
            { "name": "sort_alphabetical_descending" },
            { "name": "sort_ascending" },
            { "name": "sort_descending" },
            { "name": "sort_numerical_ascending" },
            { "name": "sort_numerical_descending" },
            { "name": "sort_tree" },
            { "name": "sort_up" },
            { "name": "spartan" },
            { "name": "speedometer" },
            { "name": "split" },
            { "name": "split_button_arrow_down" },
            { "name": "split_vert" },
            { "name": "spy" },
            { "name": "square_1" },
            { "name": "square_2" },
            { "name": "stamp" },
            { "name": "star_double" },
            { "name": "stars" },
            { "name": "start" },
            { "name": "stethoscope" },
            { "name": "stop" },
            { "name": "stop_sign" },
            { "name": "stopwatch" },
            { "name": "stroller" },
            { "name": "structure" },
            { "name": "suitcase" },
            { "name": "sum" },
            { "name": "switch_vertical" },
            { "name": "table" },
            { "name": "table_add" },
            { "name": "table_remove" },
            { "name": "tablet_landscape" },
            { "name": "tablet_portrait" },
            { "name": "tag" },
            { "name": "tag_crossed" },
            { "name": "tag_euro" },
            { "name": "task-unassigned-o" },
            { "name": "tax_o" },
            { "name": "template" },
            { "name": "tennis_racket" },
            { "name": "test_tube" },
            { "name": "test_tube_liquid" },
            { "name": "text" },
            { "name": "thermostat_minus" },
            { "name": "thermostat_plus" },
            { "name": "thick_arrow_down" },
            { "name": "thick_arrow_left" },
            { "name": "thick_arrow_right" },
            { "name": "thick_arrow_up" },
            { "name": "thumbnails" },
            { "name": "ticket" },
            { "name": "tie" },
            { "name": "time_left" },
            { "name": "timeline" },
            { "name": "timeline-o" },
            { "name": "toilet" },
            { "name": "tools" },
            { "name": "tooth" },
            { "name": "trade" },
            { "name": "transfer" },
            { "name": "trolley" },
            { "name": "trolley_down" },
            { "name": "trolley_transport" },
            { "name": "truck" },
            { "name": "truck_clock" },
            { "name": "tv" },
            { "name": "tv_play" },
            { "name": "umbrella" },
            { "name": "underline" },
            { "name": "undo" },
            { "name": "unlock" },
            { "name": "unordered_list" },
            { "name": "unpaid" },
            { "name": "up" },
            { "name": "up_down" },
            { "name": "up_down_arrow" },
            { "name": "up_end" },
            { "name": "up_left" },
            { "name": "up_right" },
            { "name": "upload" },
            { "name": "user" },
            { "name": "user_add" },
            { "name": "user_add_circle" },
            { "name": "user_bag" },
            { "name": "user_check" },
            { "name": "user_circle" },
            { "name": "user_circle_filled" },
            { "name": "user_clock" },
            { "name": "user_disabled" },
            { "name": "user_edit" },
            { "name": "user_euro" },
            { "name": "user_filled" },
            { "name": "user_group" },
            { "name": "user_house" },
            { "name": "user_id" },
            { "name": "user_k" },
            { "name": "user_list" },
            { "name": "user_m" },
            { "name": "user_message" },
            { "name": "user_remove" },
            { "name": "user_square_filled" },
            { "name": "user_tie" },
            { "name": "variable" },
            { "name": "vase" },
            { "name": "warehouse" },
            { "name": "warning" },
            { "name": "warning_auto" },
            { "name": "warning_clock" },
            { "name": "warning_clock_filled" },
            { "name": "warning_filled" },
            { "name": "warning_shield" },
            { "name": "warning_shield_filled" },
            { "name": "way_sign" },
            { "name": "wedding_rings" },
            { "name": "westfalen" },
            { "name": "wheelchair" },
            { "name": "whole_day" },
            { "name": "windows" },
            { "name": "word" },
            { "name": "world" },
            { "name": "wrench" },
            { "name": "zoom_in" },
            { "name": "zoom_out" },
            { "name": "zzz" },
            { "name": "building" },
            { "name": "clock" },
            { "name": "coffee" },
            { "name": "construction" },
            { "name": "creditcard" },
            { "name": "edit" },
            { "name": "folder" },
            { "name": "gas_pump" },
            { "name": "inbox" },
            { "name": "lock" },
            { "name": "mail" },
            { "name": "note" },
            { "name": "placeholder" },
            { "name": "scan" },
            { "name": "search" },
            { "name": "stop" },
            { "name": "tag" },
            { "name": "user" },
            { "name": "user_group" },
            { "name": "warning" },
            { "name": "bell" },
            { "name": "bell_mono" },
            { "name": "building_mono" },
            { "name": "calendar" },
            { "name": "calendar_mono" },
            { "name": "calendar25" },
            { "name": "calendar25_mono" },
            { "name": "cart" },
            { "name": "cart_mono" },
            { "name": "clipboard" },
            { "name": "clipboard_mono" },
            { "name": "clock_mono" },
            { "name": "code" },
            { "name": "coffee_mono" },
            { "name": "comment" },
            { "name": "comment_mono" },
            { "name": "construction_mono" },
            { "name": "creditcard_mono" },
            { "name": "document" },
            { "name": "document_mono" },
            { "name": "document_edit" },
            { "name": "document_edit_mono" },
            { "name": "documents" },
            { "name": "documents_mono" },
            { "name": "done" },
            { "name": "done_mono" },
            { "name": "dragndrop" },
            { "name": "dragndrop_mono" },
            { "name": "edit_mono" },
            { "name": "error" },
            { "name": "error_mono" },
            { "name": "folder_mono" },
            { "name": "gas_pump_mono" },
            { "name": "inbox_mono" },
            { "name": "location" },
            { "name": "location_mono" },
            { "name": "lock_mono" },
            { "name": "mail_mono" },
            { "name": "money" },
            { "name": "money_mono" },
            { "name": "news" },
            { "name": "news_mono" },
            { "name": "note_mono" },
            { "name": "photos" },
            { "name": "photos_mono" },
            { "name": "placeholder_mono" },
            { "name": "price" },
            { "name": "price_mono" },
            { "name": "question" },
            { "name": "question_mono" },
            { "name": "sandclock" },
            { "name": "sandclock_mono" },
            { "name": "scan_mono" },
            { "name": "search_mono" },
            { "name": "shield" },
            { "name": "shield_mono" },
            { "name": "snooze" },
            { "name": "snooze_mono" },
            { "name": "star" },
            { "name": "star_mono" },
            { "name": "stop_mono" },
            { "name": "support" },
            { "name": "support_mono" },
            { "name": "tag_mono" },
            { "name": "thumbsup" },
            { "name": "thumbsup_mono" },
            { "name": "trash" },
            { "name": "trash_mono" },
            { "name": "user_mono" },
            { "name": "user_group_mono" },
            { "name": "vacation" },
            { "name": "vacation_mono" },
            { "name": "warning_mono" }
          ]
        },
        {
          "name": "family",
          "description": "The family of icons to choose from. When using empty state icons you can add the mono to get the mono-colored icons.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The name of the icon's variant. Our Libraries do not use any variants, but it is useful for some custom added libraries.",
          "values": []
        },
        {
          "name": "auto-width",
          "description": "Sets the width of the icon to match the cropped SVG viewBox. This operates like the Font `fa-width-auto` class.",
          "values": []
        },
        {
          "name": "swap-opacity",
          "description": "Swaps the opacity of duotone icons.",
          "values": []
        },
        {
          "name": "src",
          "description": "An external URL of an SVG file. Ignored while `name` is set — a library icon wins, and a resolver that fails\nclears the icon rather than falling back here.\n\nThe response is sanitized before it enters the page. Only vector-graphic elements survive, so `<script>`,\n`<foreignObject>`, embedded frames, `<style>` and the animation setters are dropped with their subtrees; every\n`on*` attribute is removed, and every `href` attribute is checked against a scheme allowlist.\n\nTrust in the source still matters. What survives can still pull external resources — an `<image>`, or a `url()`\nin a `style` attribute or a paint attribute such as `fill`, none of which are inspected — and it can carry links.\nNothing checks that it draws what you expect.",
          "values": []
        },
        {
          "name": "label",
          "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
          "values": []
        },
        {
          "name": "library",
          "description": "The name of a registered custom icon library.",
          "values": []
        },
        {
          "name": "no-recolor",
          "description": "Disables the recoloring of the icon with currentColor and instead keeps the initial fill color for each path",
          "values": []
        },
        {
          "name": "rotate",
          "description": "Sets the rotation degree of the icon",
          "values": []
        },
        {
          "name": "flip",
          "description": "Sets the flip direction of the icon along the 'x' (horizontal), 'y' (vertical), or 'both' axes.",
          "values": [{ "name": "x" }, { "name": "y" }, { "name": "both" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/icon"
        }
      ]
    },
    {
      "name": "ed-progress-ring",
      "description": "Progress rings show the progress of an operation in a circular fashion. Set `indeterminate` for a loading spinner.\n---\n\n\n### **Slots:**\n - **label** - The progress ring's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--ed-progress-ring-size** - The diameter of the ring. _(default: 3rem)_\n- **--ed-progress-ring-track-width** - The width of the track stroke (SVG user units). _(default: 4)_\n- **--ed-progress-ring-track-color** - The color of the track. Transparent by default, so a ring draws only its indicator; set a color to show the part of a determinate ring that is still missing. _(default: transparent)_\n- **--ed-progress-ring-indicator-width** - The width of the indicator stroke. _(default: var(--ed-progress-ring-track-width))_\n- **--ed-progress-ring-indicator-color** - The color of the indicator. _(default: var(--ed-color-brand-fill-normal))_\n- **--ed-progress-ring-indicator-transition-duration** - The transition duration for determinate value changes. _(default: 0.35s)_\n\n### **CSS Parts:**\n - **form-control-label** - The label element below the ring.\n- **base** - The component's base wrapper.\n- **track** - The SVG track circle.\n- **indicator** - The SVG indicator circle.",
      "attributes": [
        {
          "name": "value",
          "description": "The current progress as a percentage, 0 to 100.",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "When true, percentage is ignored and a loading spinner animation is shown.",
          "values": []
        },
        {
          "name": "label",
          "description": "The progress ring's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The progress ring's accessible name for when no visible label is wanted. Mirrored onto the\ninternal progressbar node, where the role lives — an aria-label left on the host alone would\nsit on a role-less element and be ignored by assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/progress-ring"
        }
      ]
    },
    {
      "name": "ed-button",
      "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **blur** - Emitted when the button loses focus.\n- **focus** - Emitted when the button gains focus.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The button's label.\n- **start** - An element, such as `<ed-icon>`, placed before the label.\n- **end** - An element, such as `<ed-icon>`, placed after the label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **start** - The container that wraps the `start` slot.\n- **label** - The button's label.\n- **end** - The container that wraps the `end` slot.\n- **caret** - The button's caret icon, a `<ed-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
      "attributes": [
        { "name": "title", "values": [] },
        {
          "name": "variant",
          "description": "The button's theme variant. Defaults to `brand` if not within another element with a variant.",
          "values": [
            { "name": "brand" },
            { "name": "ai" },
            { "name": "info" },
            { "name": "neutral" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" },
            { "name": "new" }
          ]
        },
        {
          "name": "navbar",
          "description": "Flags the buttons as a navbar button. This is for convenience to make a full-height, at least squared, header-colored button.",
          "values": []
        },
        {
          "name": "appearance",
          "description": "The button's visual appearance.",
          "values": [
            { "name": "accent" },
            { "name": "filled-outlined" },
            { "name": "filled" },
            { "name": "outlined" },
            { "name": "plain" }
          ]
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "with-caret",
          "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
          "values": []
        },
        {
          "name": "with-start",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `start` element so the server-rendered markup\nincludes the start slot before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-end",
          "description": "Only required for SSR. Set to `true` if you're slotting in an `end` element so the server-rendered markup\nincludes the end slot before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "loading",
          "description": "Draws the button in a loading state.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The button's accessible name for when the visible content isn't the desired name (e.g.\nicon-only buttons). Mirrored onto the internal button/anchor, where the role lives — an\naria-label left on the host alone would sit on a role-less element and be ignored by\nassistive tech.",
          "values": []
        },
        {
          "name": "pill",
          "description": "Draws a pill-style button with rounded edges.",
          "values": []
        },
        {
          "name": "type",
          "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
          "values": [
            { "name": "button" },
            { "name": "submit" },
            { "name": "reset" }
          ]
        },
        {
          "name": "name",
          "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
          "values": []
        },
        {
          "name": "value",
          "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
          "values": []
        },
        {
          "name": "href",
          "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
          "values": []
        },
        {
          "name": "target",
          "description": "Tells the browser where to open the link. Only used when `href` is present.\n\nTakes the `_blank`, `_self`, `_parent` and `_top` keywords, or the name of a window: a link\nwhose target names an already open window navigates that window instead of opening another one.\nNote that `rel=\"noopener\"` suppresses the lookup, so a named target then opens a new window\nevery time.\n\nThe implicit opener isolation browsers apply covers `_blank` only. A named target leaves\n`window.opener` set on the opened page, so a link pointing at untrusted content needs\n`rel=\"noopener\"` spelled out.",
          "values": []
        },
        {
          "name": "rel",
          "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute.",
          "values": []
        },
        {
          "name": "download",
          "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
          "values": []
        },
        {
          "name": "formaction",
          "description": "Used to override the form owner's `action` attribute.",
          "values": []
        },
        {
          "name": "formenctype",
          "description": "Used to override the form owner's `enctype` attribute.",
          "values": [
            { "name": "application/x-www-form-urlencoded" },
            { "name": "multipart/form-data" },
            { "name": "text/plain" }
          ]
        },
        {
          "name": "formmethod",
          "description": "Used to override the form owner's `method` attribute.\n\n`dialog` is the third keyword HTML defines here: inside a `<dialog>` it closes the dialog and\nsubmits nothing, with the button's value becoming the dialog's return value.",
          "values": [
            { "name": "post" },
            { "name": "get" },
            { "name": "dialog" }
          ]
        },
        {
          "name": "formnovalidate",
          "description": "Used to override the form owner's `novalidate` attribute.",
          "values": []
        },
        {
          "name": "formtarget",
          "description": "Used to override the form owner's `target` attribute. Takes the same values as `target`: the four keywords or a\nwindow name.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/button"
        }
      ]
    },
    {
      "name": "ed-notification",
      "description": "Notifications display important inline messages with a title, optional description, and optional action / close.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted before the notification opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the notification opens and all animations are complete.\n- **ed-hide** - Emitted before the notification closes. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the notification closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the notification.\n- **hide()** - Hides the notification.\n\n### **Slots:**\n - _default_ - The notification's title (required, vertically centered against the icon).\n- **description** - Optional description content shown below the title row. When `collapsible` is set, this content is hidden until the user expands the toggle.\n- **icon** - Override the default variant icon.\n- **action** - Action buttons placed in the title row toolbar. One button is recommended.\n\n### **CSS Parts:**\n - **base** - The container that wraps the whole notification.\n- **icon** - The icon cell.\n- **title** - The title cell.\n- **toggle** - The collapse toggle button (rendered only when `collapsible`).\n- **description** - The description cell (always in DOM when the description slot is filled; hidden when `collapsible` and collapsed).\n- **action** - The action slot wrapper.\n- **close-button** - The close button (rendered only when `closable`).",
      "attributes": [
        {
          "name": "variant",
          "description": "The notification's theme variant.",
          "values": [
            { "name": "brand" },
            { "name": "ai" },
            { "name": "info" },
            { "name": "neutral" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" },
            { "name": "new" }
          ]
        },
        {
          "name": "open",
          "description": "Indicates whether the notification is open. Toggle to show/hide; reflects to the attribute.",
          "values": []
        },
        {
          "name": "closable",
          "description": "When set, renders a close button that hides the notification on click.",
          "values": []
        },
        {
          "name": "collapsible",
          "description": "When set, the description is hidden behind a toggle in the title row. Only meaningful when a `description` slot is provided.",
          "values": []
        },
        {
          "name": "static-open",
          "description": "Internal escape hatch for components (e.g. `<ed-toast-item>`) that own animation at a higher level.\nWhen `true`, `connectedCallback` skips the first-paint re-trigger workaround, and the `open`\nwatcher toggles `base.hidden` synchronously without running animations or emitting show/hide\nevents. The notification renders fully open immediately when `open` is `true`.",
          "values": []
        },
        {
          "name": "without-live-region",
          "description": "Renders without the live-region role, for a host that owns announcements itself.\n`<ed-toast-item>` sets it: the toast stack announces every toast through one shared region, and\na second live region on the composed notification makes a screen reader read the toast twice.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/notification"
        }
      ]
    },
    {
      "name": "ed-toast-item",
      "description": "A transient, floating notification that auto-dismisses after a configurable duration. Wraps\n`<ed-notification>` for consistent visuals and pairs with `<ed-toast-stack>` for positioned stacking\nand screen-reader announcements via the stack's shared live region.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted before the toast opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the toast has fully opened and all animations are complete.\n- **ed-hide** - Emitted before the toast closes. Cancelable; calling `preventDefault()` keeps it open, with its dismiss timer still running.\n- **ed-after-hide** - Emitted after the toast has fully closed and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the toast. Returns a promise that resolves when the opening animation completes.\n- **hide()** - Hides the toast. Returns a promise that resolves when the closing animation completes.\n\n### **Slots:**\n - _default_ - The toast title (required).\n- **description** - Optional description content shown below the title.\n- **action** - Action buttons (typically one `<ed-button>`).\n- **icon** - Override the default variant icon.\n\n### **CSS Parts:**\n - **base** - The host wrapper that owns the entrance/exit motion.\n- **notification** - The inner `<ed-notification>` element.",
      "attributes": [
        {
          "name": "variant",
          "description": "The toast's theme variant.",
          "values": [
            { "name": "brand" },
            { "name": "ai" },
            { "name": "info" },
            { "name": "neutral" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" },
            { "name": "new" }
          ]
        },
        {
          "name": "sensitivity",
          "description": "Announcement urgency for assistive tech, mirroring `aria-live`. When unset it is derived\nfrom `variant`: `danger`/`warning` → `assertive`, everything else → `polite`.",
          "values": [{ "name": "polite" }, { "name": "assertive" }]
        },
        {
          "name": "open",
          "description": "Whether the toast is open. Toggle to show/hide; reflects to the attribute.",
          "values": []
        },
        {
          "name": "duration",
          "description": "Auto-dismiss duration in milliseconds. The string `'infinity'` (case-insensitive) disables the\ntimer. When left unset, the duration is resolved at show time: `Infinity` for `danger`/`warning`\nvariants or when an `action` slot is filled, `5000` for all other variants. An explicit value\nalways wins regardless of variant or slot content.",
          "values": [{ "name": "infinity" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/toast-item"
        }
      ]
    },
    {
      "name": "ed-toast-stack",
      "description": "A fixed-position region that stacks and manages `<ed-toast-item>` notifications. Handles placement,\nordering, and convenience creation of toast items via the imperative `create()` API.\n---\n\n\n### **Methods:**\n - **create(messageOrOptions: _string | ToastOptions_, options: _ToastOptions_): __** - Creates a new `<ed-toast-item>`, populates it from `messageOrOptions`, adds it to the stack,\nand opens it. The toast will auto-remove itself from the DOM after it hides.\n\nString form is shorthand for `{ title: <string> }`.\n- **getOrCreate(placement: _Placement_): _EdToastStack_** - Returns the first existing `<ed-toast-stack>` in `document.body` whose `placement` matches,\nor creates a new one and appends it to `document.body`.\n\nEnables the one-liner:\n```ts\nEdToastStack.getOrCreate().create({ variant: 'success', title: 'Saved' });\n```\n\n### **Slots:**\n - _default_ - `<ed-toast-item>` items. Other content is allowed but discouraged.\n\n### **CSS Properties:**\n - **--ed-toast-stack-gap** - Gap between stacked toast items. _(default: var(--ed-space-3))_\n- **--ed-toast-stack-offset-block** - Distance from the top/bottom viewport edge. _(default: var(--ed-space-4))_\n- **--ed-toast-stack-offset-inline** - Distance from the inline-start/inline-end viewport edge. On a centered placement it is kept on both edges, so it also caps how wide the stack can grow. _(default: var(--ed-space-4))_\n- **--ed-toast-stack-max-width** - Maximum width of the stack column; child toasts inherit this. _(default: 25rem)_\n\n### **CSS Parts:**\n - **live-region-polite** - Visually-hidden, persistent `aria-live=\"polite\"` region that receives announcements for toasts whose resolved `sensitivity` is `polite`.\n- **live-region-assertive** - Visually-hidden, persistent `aria-live=\"assertive\"` region that receives announcements for toasts whose resolved `sensitivity` is `assertive`.",
      "attributes": [
        {
          "name": "placement",
          "description": "The placement of the stack relative to the viewport.\nLogical values (`-start` / `-end`) respect the document writing direction.",
          "values": [
            { "name": "top-start" },
            { "name": "top-center" },
            { "name": "top-end" },
            { "name": "bottom-start" },
            { "name": "bottom-center" },
            { "name": "bottom-end" }
          ]
        },
        {
          "name": "label",
          "description": "The accessible label for the region, used as `aria-label`.\nWhen not set by the consumer, defaults to the localized string for \"Notifications\".",
          "values": []
        },
        {
          "name": "hotkey",
          "description": "Keyboard shortcut (`KeyboardEvent.code`) that moves focus into the notifications region\nby focusing the newest open toast. Defaults to `'F8'` (the Radix convention).\nThe value is announced as part of the region's `aria-label` so screen-reader users\nknow the shortcut is available.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/toast-stack"
        }
      ]
    },
    {
      "name": "ed-popup",
      "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **ed-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\n\n### **Slots:**\n - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--ed-popup-arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--ed-popup-border-width** - The width of any custom border applied to the popup. This is used to reposition the arrow to overlap to the inside edge of the popup border. _(default: undefined)_\n- **--ed-popup-arrow-color** - The color of the arrow. _(default: black)_\n- **--ed-popup-auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--ed-popup-auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--ed-show-duration** - The show duration to use when applying built-in animation classes. _(default: var(--ed-transition-fast))_\n- **--ed-hide-duration** - The hide duration to use when applying built-in animation classes. _(default: var(--ed-transition-fast))_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.\n- **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.",
      "attributes": [
        {
          "name": "anchor",
          "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
          "values": [{ "name": "Element" }, { "name": "VirtualElement" }]
        },
        {
          "name": "active",
          "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
          "values": []
        },
        {
          "name": "placement",
          "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
          "values": [
            { "name": "top" },
            { "name": "top-start" },
            { "name": "top-end" },
            { "name": "bottom" },
            { "name": "bottom-start" },
            { "name": "bottom-end" },
            { "name": "right" },
            { "name": "right-start" },
            { "name": "right-end" },
            { "name": "left" },
            { "name": "left-start" },
            { "name": "left-end" }
          ]
        },
        {
          "name": "boundary",
          "description": "The bounding box to use for flipping, shifting, and auto-sizing.",
          "values": [{ "name": "viewport" }, { "name": "scroll" }]
        },
        {
          "name": "distance",
          "description": "The distance in pixels from which to offset the panel away from its anchor.",
          "values": []
        },
        {
          "name": "skidding",
          "description": "The distance in pixels from which to offset the panel along its anchor.",
          "values": []
        },
        {
          "name": "arrow",
          "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--ed-popup-arrow-size` and\n`--ed-popup-arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
          "values": []
        },
        {
          "name": "arrow-placement",
          "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
          "values": [
            { "name": "start" },
            { "name": "end" },
            { "name": "center" },
            { "name": "anchor" }
          ]
        },
        {
          "name": "arrow-padding",
          "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
          "values": []
        },
        {
          "name": "flip",
          "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
          "values": []
        },
        {
          "name": "flip-fallback-placements",
          "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
          "values": []
        },
        {
          "name": "flip-fallback-strategy",
          "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
          "values": [{ "name": "best-fit" }, { "name": "initial" }]
        },
        {
          "name": "flipBoundary",
          "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
          "values": [{ "name": "Element" }, { "name": "Element[]" }]
        },
        {
          "name": "flip-padding",
          "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
          "values": []
        },
        {
          "name": "shift",
          "description": "Moves the popup along the axis to keep it in view when clipped.",
          "values": []
        },
        {
          "name": "shiftBoundary",
          "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
          "values": [{ "name": "Element" }, { "name": "Element[]" }]
        },
        {
          "name": "shift-padding",
          "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
          "values": []
        },
        {
          "name": "auto-size",
          "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
          "values": [
            { "name": "horizontal" },
            { "name": "vertical" },
            { "name": "both" }
          ]
        },
        {
          "name": "sync",
          "description": "Syncs the popup's width or height to that of the anchor element.",
          "values": [
            { "name": "width" },
            { "name": "height" },
            { "name": "both" }
          ]
        },
        {
          "name": "autoSizeBoundary",
          "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
          "values": [{ "name": "Element" }, { "name": "Element[]" }]
        },
        {
          "name": "auto-size-padding",
          "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
          "values": []
        },
        {
          "name": "hover-bridge",
          "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/popup"
        }
      ]
    },
    {
      "name": "ed-tooltip",
      "description": "Tooltips display additional information based on a specific action.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted when the tooltip begins to show. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the tooltip has shown and all animations are complete.\n- **ed-hide** - Emitted when the tooltip begins to hide. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the tooltip has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip.\n- **hide()** - Hides the tooltip\n\n### **Slots:**\n - _default_ - The tooltip's default slot where any content should live. HTML and a simple link are fine; buttons and form controls belong in ed-popover instead.\n\n### **CSS Properties:**\n - **--ed-tooltip-max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--ed-tooltip-arrow-size** - The size of the arrow pointing at the anchor. Set to 0 to remove it. _(default: 0.375rem)_\n- **--ed-tooltip-border-style** - The border style of the tooltip's surface. _(default: none)_\n- **--ed-tooltip-border-width** - The border width of the tooltip's surface. Always give it a unit: a unitless 0 breaks the `calc()` that sizes the arrow. _(default: 0px)_\n- **--ed-tooltip-border-radius** - The corner radius of the tooltip's surface. _(default: var(--ed-border-radius-2x))_\n- **--ed-tooltip-font-size** - The font size of the tooltip's content. _(default: var(--ed-font-size-m))_\n- **--ed-tooltip-line-height** - The line height of the tooltip's content. _(default: var(--ed-line-height-expanded))_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<ed-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip's body where its content is rendered.",
      "attributes": [
        {
          "name": "placement",
          "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
          "values": [
            { "name": "top" },
            { "name": "top-start" },
            { "name": "top-end" },
            { "name": "right" },
            { "name": "right-start" },
            { "name": "right-end" },
            { "name": "bottom" },
            { "name": "bottom-start" },
            { "name": "bottom-end" },
            { "name": "left" },
            { "name": "left-start" },
            { "name": "left-end" }
          ]
        },
        {
          "name": "disabled",
          "description": "Disables the tooltip so it won't show when triggered.",
          "values": []
        },
        {
          "name": "distance",
          "description": "The distance in pixels from which to offset the tooltip away from its target.",
          "values": []
        },
        {
          "name": "open",
          "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
          "values": []
        },
        {
          "name": "skidding",
          "description": "The distance in pixels from which to offset the tooltip along its target.",
          "values": []
        },
        {
          "name": "show-delay",
          "description": "The amount of time to wait before showing the tooltip when the user mouses in.",
          "values": []
        },
        {
          "name": "hide-delay",
          "description": "The amount of time to wait before hiding the tooltip when the user mouses out.",
          "values": []
        },
        {
          "name": "trigger",
          "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
          "values": []
        },
        {
          "name": "without-arrow",
          "description": "Removes the arrow from the tooltip.",
          "values": []
        },
        {
          "name": "for",
          "description": "The ID of the tooltip's anchor element, looked up in the tooltip's own root node. This should be\nan interactive/focusable element such as a button, so that the `focus` trigger can reach it.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tooltip"
        }
      ]
    },
    {
      "name": "ed-side-menu-item",
      "description": "A hierarchical navigation item for use inside [ed-side-menu](/a/eurodata-ui/docs/components/side-menu).\nRenders as a link (WAI-ARIA Disclosure Navigation), with a focusable disclosure button for expandable parents.\nItems carry a `value` — defaulting to `href` — matched by the parent menu's `current`. An href-less row\nwith a `value` (including a pinned parent) becomes a focusable `role=\"button\"` row. An identity-less leaf\n(no children, not `pinned`) instead becomes a plain \"fake button\": a focusable `role=\"button\"` row whose\nEnter/Space fire a `click` that bubbles like a native button — e.g. a search trigger placed inside a rail.\nA label too long for two lines is clamped with an ellipsis and revealed in full by a tooltip on hover or focus.\n---\n\n\n### **Events:**\n - **ed-navigate** - Emitted when an item with an identity (value or href) is activated. Cancelable; calling `preventDefault()` cancels the selection commit and any native navigation — e.g. for SPA routing. Detail: `{ item, value, href? }`. Cancelable; calling `preventDefault()` cancels the navigation.\n- **ed-expand** - Emitted before the item expands. Cancelable; calling `preventDefault()` keeps it collapsed.\n- **ed-after-expand** - Emitted after the item expands and all animations are complete.\n- **ed-collapse** - Emitted before the item collapses. Cancelable; calling `preventDefault()` keeps it expanded.\n- **ed-after-collapse** - Emitted after the item collapses and all animations are complete.\n\n### **Methods:**\n - **isExpandableItem(node: _Node_): _node is EdExpandableItem_** - Determines whether a node is an expandable item — replaces brittle `role=`/tag sniffing.\n\n- **getChildrenItems({ includeDisabled = true }: _{ includeDisabled?: boolean }_): _EdExpandableItem[]_** - Gets all the nested expandable items in this node.\n\n### **Slots:**\n - _default_ - The default slot for the item label.\n- **start** - Content placed before the label, e.g. an icon.\n- **end** - Content placed after the label, e.g. a badge or an overflow menu. Treated as an action area: clicks and keystrokes inside it never activate the row, so a control placed here neither navigates nor toggles the item.\n- **description** - Secondary text rendered below the label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **item-wrapper** - The wrapper around indentation, row, and the disclosure button.\n- **row** - The flex row holding the clickable link and the disclosure button.\n- **item** - The clickable row. Renders as `<a>` when `href` is set. Otherwise a `<div>`: a focusable `role=\"button\"` disclosure control for an href-less parent, or — for an href-less row with a `value` (including a pinned parent, which carries no `aria-expanded`) or an identity-less leaf (no children, not `pinned`) — a focusable `role=\"button\"` row that fires `click` on Enter/Space. A disabled href-less leaf stays a plain, non-focusable `<div>`; a disabled href-less non-pinned parent keeps its disclosure row (`role=\"button\"`, `tabindex=\"0\"`) focusable but inoperative — both handlers bail on `disabled`.\n- **indentation** - The item's indentation container.\n- **expand-button** - The focusable disclosure button (sibling of the link — toggling it does not navigate).\n- **start** - Container for the start slot.\n- **text** - Wrapper for label and description.\n- **label** - The item's label.\n- **description** - Container for the description slot.\n- **end** - Container for the end slot.\n- **children** - Container for nested child items.\n- **tooltip** - The `<ed-tooltip>` that reveals the full label. Only rendered once a hover or focus finds the label clamped, so it is absent on items whose label fits.",
      "attributes": [
        {
          "name": "pinned",
          "description": "Marks the item as a permanently expanded parent. The disclosure button is not rendered, attempts to collapse are\nignored, and no `aria-expanded` is exposed (no disclosure semantics). Use for top-level navigation groups whose\nchildren should always be visible. Implies `expanded = true` on connect.",
          "values": []
        },
        {
          "name": "href",
          "description": "The URL the item navigates to. When set, the item renders as an `<a>` element with proper link semantics.",
          "values": []
        },
        {
          "name": "target",
          "description": "Tells the browser where to open the link. Only used when `href` is set.\n\nTakes the `_blank`, `_self`, `_parent` and `_top` keywords, or the name of a window: a link\nwhose target names an already open window navigates that window instead of opening another one.\nNote that `rel=\"noopener\"` suppresses the lookup, so a named target then opens a new window\nevery time.\n\nThe implicit opener isolation browsers apply covers `_blank` only. A named target leaves\n`window.opener` set on the opened page, so a link pointing at untrusted content needs\n`rel=\"noopener\"` spelled out.",
          "values": []
        },
        {
          "name": "rel",
          "description": "The `rel` attribute to use on the link. Only used when `href` is set.\n\nUnset by default, like a plain `<a>`. Browsers already imply `noopener` for `target=\"_blank\"`,\nso the remaining effect of a `rel` value is suppressing the `Referer` header — a decision about\nthe link's destination that belongs to the application, not to the component.",
          "values": []
        },
        {
          "name": "value",
          "description": "The item's identity for selection. Matched exactly against the parent side-menu's `current`\nand reported in `ed-navigate`. Falls back to `href` when omitted (like a native option's\nvalue falls back to its text), so plain link items don't repeat their URL.",
          "values": []
        },
        {
          "name": "active",
          "description": "True when this item's effective value matches the parent side-menu's `current`. Set by the parent; do not write directly.",
          "values": []
        },
        {
          "name": "slim",
          "description": "Set by the parent `<ed-side-menu>` when its variant is `slim`. Do not\nwrite directly — assign `variant` on the parent instead. When set,\nthe item renders as an 80px-column rail item (icon over centered label,\nno description, no end slot, no chevron).",
          "values": []
        },
        {
          "name": "density",
          "description": "Set by the parent `<ed-side-menu>` from its own `density`. Do not write directly — assign\n`density` on the parent instead. Drives the item's row height and icon size.",
          "values": [
            { "name": "spacious" },
            { "name": "default" },
            { "name": "compact" }
          ]
        },
        {
          "name": "expanded",
          "description": "Expands the item.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the item.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu-item"
        }
      ]
    },
    {
      "name": "ed-table-cell",
      "description": "A table cell that functions as either a `columnheader` or `gridcell` depending on its context.\n---\n\n\n### **Events:**\n - **ed-column-resize** - Emitted by a header cell when its resize handle is dragged. Bubbles and is composed, so `ed-table` and `ed-data-grid` see it too and document it as well.\n\n### **Slots:**\n - _default_ - The cell's content.\n\n### **CSS Parts:**\n - **base** - The cell's content wrapper.\n- **label** - The wrapper around the cell's content and, in a header cell, its sort indicator.\n- **sort-indicator** - The sort direction icon (header cells only).\n- **resize-handle** - The resize grip (header cells only).",
      "attributes": [
        {
          "name": "sortable",
          "description": "Allow sorting by this column (header cells only). Inherits from parent `<ed-table sortable>` when not set.",
          "values": []
        },
        {
          "name": "sort-key",
          "description": "Key emitted in sort events. Defaults to the cell's text content.",
          "values": []
        },
        {
          "name": "resizable",
          "description": "Show a resize handle on this cell (header cells only).",
          "values": []
        },
        {
          "name": "min-width",
          "description": "Minimum column width (e.g. `8rem`, `120px`). Applied as CSS min-width.",
          "values": []
        },
        {
          "name": "align",
          "description": "Text alignment for this cell. Applied as `text-align` on the host.",
          "values": [
            { "name": "start" },
            { "name": "center" },
            { "name": "end" }
          ]
        },
        {
          "name": "colspan",
          "description": "Column span for multi-column headers. Sets the cell to span multiple columns.",
          "values": []
        },
        {
          "name": "rowspan",
          "description": "Row span for multi-column headers. Sets the cell to span multiple rows.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/table-cell"
        }
      ]
    },
    {
      "name": "ed-table-row",
      "description": "A table row that contains table cells.\n---\n\n\n### **Slots:**\n - _default_ - The row's cells. Must be `<ed-table-cell>` elements.\n\n### **CSS Properties:**\n - **--ed-table-row-height** - The height of this row, read by the cells inside it. Set it here to give one row a height, or on `ed-table` for all of them. Unset, each cell falls back to its density: `var(--ed-size-6)` compact, `var(--ed-size-8)` default, `var(--ed-size-12)` spacious. _(default: undefined)_",
      "attributes": [
        {
          "name": "selected",
          "description": "Whether the row is selected.",
          "values": []
        },
        {
          "name": "multi-line",
          "description": "Allow cells in this row to wrap content across multiple lines instead of truncating.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/table-row"
        }
      ]
    },
    {
      "name": "ed-checkbox",
      "description": "Checkboxes allow the user to toggle an option on or off.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state changes.\n- **blur** - Emitted when the checkbox loses focus.\n- **focus** - Emitted when the checkbox gains focus.\n- **input** - Emitted when the checkbox receives input.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **setValue(args: _Parameters<EdFormAssociatedElement['setValue']>_)** - A checkbox submits its value only while it is checked, so the guard belongs where the value is\nwritten rather than at each caller. The base class re-runs `setValue` whenever `disabled`\nchanges — right for a text field, whose value stands on its own — and a checkbox enabled while\nunchecked would otherwise put its value into the form with nothing behind it.\n\nShaped after `ed-radio-group`, which guards the same way: through `super` rather than\n`internals.setFormValue`, so anything the base adds to that seam still applies, and passing the\nstate value along untouched — it is what the browser hands back on back-navigation, and it is\nnot this guard's business.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **hint** - Text that describes how to use the checkbox. Alternatively, you can use the `hint` attribute.\n\n### **CSS Properties:**\n - **--ed-checkbox-checked-icon-color** - The color of the checked and indeterminate icons. _(default: undefined)_\n- **--ed-checkbox-checked-icon-size** - The size of the checked and indeterminate icons. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **checked-icon** - The checked icon, a `<ed-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, a `<ed-icon>` element.\n- **label** - The container that wraps the checkbox's label.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.",
      "attributes": [
        { "name": "title", "values": [] },
        {
          "name": "aria-label",
          "description": "The checkbox's accessible name for when no visible label is slotted (e.g. table selection\ncells). Mirrored onto the internal input, where the checkbox role lives — an aria-label\nleft on the host alone would sit on a role-less element and be ignored by assistive tech.",
          "values": []
        },
        {
          "name": "value",
          "description": "The value of the checkbox, submitted as a name/value pair with form data while it is checked.\nDefaults to `'on'`, as on a native checkbox — never `null`.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the checkbox readonly.",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
          "values": []
        },
        {
          "name": "alternative",
          "description": "Enables alternative styling",
          "values": []
        },
        {
          "name": "checked",
          "description": "The default value of the form control. Primarily used for resetting the form control.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the checkbox a required field.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/checkbox"
        }
      ]
    },
    {
      "name": "ed-tree-item",
      "description": "A tree item serves as a hierarchical node that lives inside a [tree](/a/eurodata-ui/docs/components/tree).\n---\n\n\n### **Events:**\n - **ed-expand** - Emitted before the tree item expands. Cancelable; calling `preventDefault()` keeps it collapsed — useful when a lazy load fails.\n- **ed-after-expand** - Emitted after the tree item expands and all animations are complete.\n- **ed-collapse** - Emitted before the tree item collapses. Cancelable; calling `preventDefault()` keeps it expanded.\n- **ed-after-collapse** - Emitted after the tree item collapses and all animations are complete.\n- **ed-lazy-change** - Emitted when the tree item's lazy state changes.\n- **ed-lazy-load** - Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.\n\n### **Methods:**\n \n- **getChildrenItems({ includeDisabled = true }: _{ includeDisabled?: boolean }_): _EdTreeItem[]_** - Gets all the nested tree items in this node.\n- **isExpandableItem(node: _Node_): _node is EdExpandableItem_** - Determines whether a node is an expandable item — replaces brittle `role=`/tag sniffing.\n\n### **Slots:**\n - _default_ - The default slot.\n- **start** - Content placed before the label, e.g. an icon.\n- **end** - Content placed after the label, e.g. an action button or badge.\n- **description** - Secondary text rendered below the label. Stays at default styling regardless of selection state (does not adopt the active or path-highlight color/weight).\n- **expand-icon** - The icon to show when the tree item is expanded.\n- **collapse-icon** - The icon to show when the tree item is collapsed.\n\n### **CSS Properties:**\n - **--ed-show-duration** - The animation duration when expanding tree items. _(default: var(--ed-transition-normal))_\n- **--ed-hide-duration** - The animation duration when collapsing tree items. _(default: var(--ed-transition-normal))_\n- **--ed-tree-item-background** - The background color the tree item sits on. Hover and active states are mixed on top of this value, so override it when placing the tree on a non-default surface (e.g. a raised panel or card) to keep hover/active feedback coherent. _(default: var(--ed-color-surface-default))_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **item-wrapper** - The row as a whole: the indentation and the item side by side.\n- **item** - The tree item's container. This element wraps everything except slotted tree item children.\n- **indentation** - The tree item's indentation container.\n- **expand-button** - The container that wraps the tree item's expand button and spinner.\n- **spinner** - The spinner that shows when a lazy tree item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **start** - The container for the `start` slot, rendered before the label.\n- **text** - The vertical container that wraps the label and the description.\n- **label** - The tree item's label.\n- **description** - The container for the `description` slot, rendered below the label.\n- **end** - The container for the `end` slot, rendered after the label.\n- **children** - The container that wraps the tree item's nested children.\n- **checkbox** - The checkbox that shows when using multiselect.\n- **checkbox__base** - The checkbox's exported `base` part.\n- **checkbox__control** - The checkbox's exported `control` part.\n- **checkbox__checked-icon** - The checkbox's exported `checked-icon` part.\n- **checkbox__indeterminate-icon** - The checkbox's exported `indeterminate-icon` part.\n- **checkbox__label** - The checkbox's exported `label` part.",
      "attributes": [
        {
          "name": "selected",
          "description": "Draws the tree item in a selected state.",
          "values": []
        },
        {
          "name": "lazy",
          "description": "Enables lazy loading behavior.",
          "values": []
        },
        {
          "name": "expanded",
          "description": "Expands the item.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the item.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tree-item"
        }
      ]
    },
    {
      "name": "ed-carousel-item",
      "description": "A carousel item represent a slide within a carousel.\n---\n\n\n### **Slots:**\n - _default_ - The carousel item's content.\n\n### **CSS Properties:**\n - **--ed-carousel-aspect-ratio** - The slide's aspect ratio. Inherited from the carousel by default. _(default: undefined)_",
      "attributes": [
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/carousel-item"
        }
      ]
    },
    {
      "name": "ed-dialog",
      "description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted when the dialog opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the dialog opens and all animations are complete.\n- **ed-hide** - Emitted before the dialog closes. You can inspect `event.detail.source` to see which element caused the dialog to close. If the source is the dialog element itself, the user has pressed [[Escape]] or the dialog has been closed programmatically. Avoid using this unless closing the dialog will result in destructive behavior such as data loss. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the dialog closes and all animations are complete.\n\n### **Slots:**\n - _default_ - The dialog's main content.\n- **title** - The dialog's title. Alternatively, you can use the `title` attribute.\n- **subtitle** - The dialog's subtitle. Alternatively, you can use the `subtitle` attribute.\n- **header-actions** - Optional actions to add to the header. Works best with `<ed-button>`.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--ed-dialog-spacing** - The amount of space around and between the dialog's content. _(default: var(--ed-panel-spacing))_\n- **--ed-dialog-width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--ed-dialog-min-width** - The width the dialog will not shrink below. _(default: 20rem)_\n- **--ed-show-duration** - The animation duration when showing the dialog. _(default: var(--ed-transition-normal))_\n- **--ed-hide-duration** - The animation duration when hiding the dialog. _(default: var(--ed-transition-normal))_\n- **--ed-dialog-backdrop-filter** - A CSS filter, e.g. `blur(4px)`, applied to the backdrop element behind the dialog. _(default: undefined)_\n\n### **CSS Parts:**\n - **dialog** - The dialog's internal `<dialog>` element.\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **header-actions** - Optional actions to add to the header. Works best with `<ed-button>`.\n- **title** - The dialog's title.\n- **subtitle** - The dialog's subtitle.\n- **close-button** - The close button, a `<ed-button>`.\n- **close-button__base** - The close button's exported `base` part.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
      "attributes": [
        {
          "name": "open",
          "description": "Indicates whether the dialog is open. Toggle this attribute to show and hide the dialog.",
          "values": []
        },
        {
          "name": "title",
          "description": "The dialog's title as displayed in the header. You should always include a relevant title, as it is required for\nproper accessibility. If you need to display HTML, use the `title` slot instead.",
          "values": []
        },
        {
          "name": "subtitle",
          "description": "The dialog's subtitle. If you need to display HTML, use the `subtitle` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The dialog's accessible name, overriding the visible title. Mirrored onto the internal\nnative `<dialog>`, where the dialog role lives — an aria-label left on the host alone would\nsit on a role-less element and be ignored by assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        {
          "name": "without-header",
          "description": "Disables the header. This will also remove the default close button.",
          "values": []
        },
        {
          "name": "without-close",
          "description": "Disables default close button.",
          "values": []
        },
        {
          "name": "light-dismiss",
          "description": "When enabled, the dialog will be closed when the user clicks outside of it.",
          "values": []
        },
        {
          "name": "header-alignment",
          "description": "This is for convenience to switch between stacked and inline headers when using a subtitle",
          "values": [{ "name": "stacked" }, { "name": "inline" }]
        },
        {
          "name": "resizable",
          "description": "Indicates whether the dialog is resizable",
          "values": []
        },
        {
          "name": "draggable",
          "description": "Indicates whether the dialog is draggable. The drag-handle is the header, so make sure to add one if draggable is used",
          "values": []
        },
        {
          "name": "fullscreen",
          "description": "Indicates whether the dialog is displayed fullscreen, occupying the entire viewport. While `fullscreen` is active,\n`resizable` and `draggable` are ignored; toggling it off restores their behavior.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/dialog"
        }
      ]
    },
    {
      "name": "ed-alert-dialog",
      "description": "Alert dialogs interrupt the user with a brief, severity-coded message and at most a confirm/cancel choice.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted when the alert opens. Forwarded from the inner ed-dialog. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the alert opens and all animations complete. Forwarded from the inner ed-dialog.\n- **ed-hide** - Emitted before the alert closes. Forwarded from the inner ed-dialog. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the alert closes and all animations complete. Forwarded from the inner ed-dialog.\n- **ed-alert-dialog-confirm** - Emitted when the default-rendered confirm button is clicked. Cancelable; calling `preventDefault()` keeps the dialog open.\n- **ed-alert-dialog-cancel** - Emitted when the default-rendered cancel button is clicked. Cancelable; calling `preventDefault()` keeps the dialog open.\n\n### **Slots:**\n - _default_ - The message body.\n- **title** - Override the title (HTML).\n- **icon** - Override the default icon (HTML).\n- **footer** - Full override of footer buttons. When provided, `confirm-text` and `cancel-text` are ignored.\n\n### **CSS Parts:**\n - **dialog** - The inner ed-dialog.\n- **body** - The icon + content grid container.\n- **icon** - The icon wrapper.\n- **content** - The title + message wrapper.\n- **title** - The title element.\n- **message** - The message wrapper.\n- **footer** - The footer wrapper.",
      "attributes": [
        {
          "name": "open",
          "description": "Indicates whether the alert dialog is open. Toggle this attribute to show or hide the dialog.",
          "values": []
        },
        {
          "name": "type",
          "description": "The severity. Selects the icon and accent color.",
          "values": [
            { "name": "warning" },
            { "name": "error" },
            { "name": "info" },
            { "name": "help" }
          ]
        },
        {
          "name": "title",
          "description": "The heading text. If you need HTML, use the `title` slot.",
          "values": []
        },
        {
          "name": "confirm-text",
          "description": "If set, renders a primary confirm button with this label.",
          "values": []
        },
        {
          "name": "cancel-text",
          "description": "If set, renders a secondary cancel button with this label.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/alert-dialog"
        }
      ]
    },
    {
      "name": "ed-animation",
      "description": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n---\n\n\n### **Events:**\n - **ed-animation-cancel** - Emitted when the animation is canceled. Reports what already happened, so it is not cancelable.\n- **ed-animation-finish** - Emitted when the animation finishes. Reports what already happened, so it is not cancelable.\n- **ed-animation-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<ed-animation>` elements.",
      "attributes": [
        {
          "name": "name",
          "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
          "values": []
        },
        {
          "name": "play",
          "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
          "values": []
        },
        {
          "name": "delay",
          "description": "The number of milliseconds to delay the start of the animation.",
          "values": []
        },
        {
          "name": "direction",
          "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
          "values": [{ "name": "PlaybackDirection" }]
        },
        {
          "name": "duration",
          "description": "The number of milliseconds each iteration of the animation takes to complete.",
          "values": []
        },
        {
          "name": "easing",
          "description": "The easing function to use for the animation. This can be an easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
          "values": []
        },
        {
          "name": "end-delay",
          "description": "The number of milliseconds to delay after the active period of an animation sequence.",
          "values": []
        },
        {
          "name": "fill",
          "description": "Sets how the animation applies styles to its target before and after its execution.",
          "values": [{ "name": "FillMode" }]
        },
        {
          "name": "iterations",
          "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
          "values": []
        },
        {
          "name": "iteration-start",
          "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
          "values": []
        },
        {
          "name": "playback-rate",
          "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/animation"
        }
      ]
    },
    {
      "name": "ed-avatar",
      "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **ed-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<ed-icon>`.\n\n### **CSS Properties:**\n - **--ed-avatar-size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
      "attributes": [
        {
          "name": "image",
          "description": "The image source to use for the avatar.",
          "values": []
        },
        {
          "name": "label",
          "description": "A label to use to describe the avatar to assistive devices.",
          "values": []
        },
        {
          "name": "initials",
          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
          "values": []
        },
        {
          "name": "loading",
          "description": "Indicates how the browser should load the image.",
          "values": [{ "name": "eager" }, { "name": "lazy" }]
        },
        {
          "name": "variant",
          "description": "The avatar's theme variant. It tints the background and the initials or icon.",
          "values": [
            { "name": "brand" },
            { "name": "ai" },
            { "name": "info" },
            { "name": "neutral" },
            { "name": "success" },
            { "name": "warning" },
            { "name": "danger" },
            { "name": "new" }
          ]
        },
        {
          "name": "shape",
          "description": "The shape of the avatar.",
          "values": [
            { "name": "circle" },
            { "name": "square" },
            { "name": "rounded" }
          ]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/avatar"
        }
      ]
    },
    {
      "name": "ed-drawer",
      "description": "Drawers slide in from a container to expose additional options and information.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted when the drawer opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the drawer opens and all animations are complete.\n- **ed-hide** - Emitted before the drawer closes. You can inspect `event.detail.source` to see which element caused the drawer to close. If the source is the drawer element itself, the user has pressed [[Escape]] or the drawer has been closed programmatically. Avoid using this unless closing the drawer will result in destructive behavior such as data loss. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the drawer closes and all animations are complete.\n\n### **Slots:**\n - _default_ - The drawer's main content.\n- **label** - The drawer's label. Alternatively, you can use the `label` attribute.\n- **header-actions** - Optional actions to add to the header. Works best with `<ed-button>`.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--ed-drawer-spacing** - The amount of space around and between the drawer's content. _(default: undefined)_\n- **--ed-drawer-size** - The preferred size of the drawer. This will be applied to the drawer's width or height depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n- **--ed-show-duration** - The animation duration when showing the drawer. _(default: var(--ed-transition-normal))_\n- **--ed-hide-duration** - The animation duration when hiding the drawer. _(default: var(--ed-transition-normal))_\n- **--ed-drawer-backdrop-filter** - A CSS filter, e.g. `blur(4px)`, applied to the backdrop element behind the drawer. _(default: undefined)_\n\n### **CSS Parts:**\n - **dialog** - The drawer's internal `<dialog>` element. Rendered at the viewport edge only; a `contained` drawer has `overlay` and `panel` instead.\n- **overlay** - The backdrop a `contained` drawer draws over its siblings. `contained` only.\n- **panel** - The sliding surface of a `contained` drawer, the element the header, body and footer sit in. `contained` only.\n- **header** - The drawer's header. This element wraps the title and header actions.\n- **header-actions** - Optional actions to add to the header. Works best with `<ed-button>`.\n- **title** - The drawer's title.\n- **close-button** - The close button, a `<ed-button>`.\n- **close-button__base** - The close button's exported `base` part.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.",
      "attributes": [
        {
          "name": "open",
          "description": "Indicates whether or not the drawer is open. Toggle this attribute to show and hide the drawer.",
          "values": []
        },
        {
          "name": "label",
          "description": "The drawer's label as displayed in the header. You should always include a relevant label, as it is required for\nproper accessibility. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The drawer's accessible name, overriding the visible label. Mirrored onto the internal\ndialog node, where the dialog role lives — an aria-label left on the host alone would sit\non a role-less element and be ignored by assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        {
          "name": "placement",
          "description": "The direction from which the drawer will open.",
          "values": [
            { "name": "top" },
            { "name": "end" },
            { "name": "bottom" },
            { "name": "start" }
          ]
        },
        {
          "name": "without-header",
          "description": "Disables the header. This will also remove the default close button.",
          "values": []
        },
        {
          "name": "without-close",
          "description": "Disables the default close button while keeping the header visible.",
          "values": []
        },
        {
          "name": "light-dismiss",
          "description": "When enabled, the drawer will be closed when the user clicks outside of it.",
          "values": []
        },
        {
          "name": "with-footer",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `footer` element so the server-rendered markup\nincludes the footer before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "contained",
          "description": "By default, the drawer slides out of the viewport. To make it slide out of its parent element, set this attribute and add `position: relative` and `overflow: hidden` to the parent.",
          "values": []
        },
        {
          "name": "push",
          "description": "When used with `contained`, the drawer pushes adjacent content aside instead of overlaying it. The parent element must be a flex container.",
          "values": []
        },
        {
          "name": "without-modality",
          "description": "Opens the drawer without blocking what it covers: no backdrop, and the content behind it stays\noperable. Use it for a panel the user works alongside rather than instead of.\n\nRequires `contained`. A drawer at the viewport edge relies on the top layer for its position and\nstacking, and only a modal dialog is put there — so this is ignored, with a warning, on a drawer\nthat is not contained.\n\nInverted because a boolean attribute cannot express `false`: its absence is the only way to\nspell the default, so the default has to be the unset state.\n\n`push` implies it — a drawer that moves content aside rather than covering it blocks nothing.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/drawer"
        }
      ]
    },
    {
      "name": "ed-app",
      "description": "Application shell with header, navigation, content and footer regions.\n---\n\n\n### **Methods:**\n - **visiblePixelsInViewport(element: _HTMLElement | null_)** - https://stackoverflow.com/a/26831113\n- **showNavigation()** - Shows the navigation\n- **hideNavigation()** - Hides the navigation\n- **toggleNavigation()** - Toggles the navigation\n\n### **Slots:**\n - _default_ - The page's main content.\n- **banner** - The banner that gets display above the header. The banner will not be shown if no content is provided.\n- **header** - The header to display at the top of the page. If a banner is present, the header will appear below the banner. The header will not be shown if there is no content.\n- **subheader** - A subheader to display below the `header`.\n- **menu** - The left side of the page. If you slot an element in here, you will override the default `navigation` slot and will be handling navigation on your own. This section \"sticks\" to the top as the page scrolls.\n- **navigation-header** - The header for the navigation area. On desktop this is at the top of the `<nav>`. On mobile it renders as the header of `<ed-drawer>`.\n- **navigation** - The main content to display in the navigation area. On desktop it is displayed in a `<nav>` on the left side. On mobile it renders inside `<ed-drawer>`.\n- **navigation-footer** - The footer for the navigation area. On desktop this is at the bottom of the `<nav>`. On mobile it renders as the footer of `<ed-drawer>`.\n- **navigation-toggle** - Use this slot to slot in your own button + icon for toggling the navigation. By default it is an `<ed-button>` with a menu `<ed-icon>`.\n- **navigation-toggle-icon** - Use this to slot in your own icon for toggling the navigation. By default it is a menu `<ed-icon>`.\n- **main-header** - Header to display inline above the main content. This is a good place to put things like breadcrumbs or the page title.\n- **main-footer** - Footer to display inline below the main content.\n- **aside** - Content to be shown on the right side of the page. Typically contains a table of contents, ads, etc. This section \"sticks\" to the top as the page scrolls.\n- **skip-to-content** - The \"skip to content\" slot. You can override this if you would like to customize the `Skip to content` button or add additional \"Skip to X\" links.\n- **footer** - The content to display in the footer. This is always displayed underneath the viewport so will always make the page \"scrollable\".\n\n### **CSS Properties:**\n - **--ed-app-banner-height** - The height of the banner. This gets calculated when the page initializes. If the height is known, you can set it here to prevent shifting when the page loads. _(default: 0px)_\n- **--ed-app-header-height** - The height of the header. This gets calculated when the page initializes. If the height is known, you can set it here to prevent shifting when the page loads. _(default: 0px)_\n- **--ed-app-subheader-height** - The height of the subheader. This gets calculated when the page initializes. If the height is known, you can set it here to prevent shifting when the page loads. _(default: 0px)_\n- **--ed-app-footer-height** - The height of the footer. This gets calculated when the page initializes. The shell itself does not read it — it is published for layouts that need the footer's height, and the measurement replaces whatever you set here. _(default: 0px)_\n- **--ed-app-banner-top** - How much the banner contributes to the sticky stack: its measured height, or `0px` while `disable-sticky` exempts it. It is one term, not a finished offset — to sit clear of everything sticky above your content, add all three together, as the shell's own rules do. _(default: undefined)_\n- **--ed-app-header-top** - The header's term in that same sum. On its own it clears the header but not the banner above it. _(default: undefined)_\n- **--ed-app-subheader-top** - The subheader's term in that same sum. _(default: undefined)_\n- **--ed-app-scroll-margin-top** - The scroll margin that keeps a scrolled-to target clear of the sticky banner, header and subheader, plus a small gap. A section exempted through `disable-sticky` drops out of the sum. The shell computes it; read it as `scroll-margin-top` on your own anchors, or set it on the shell to extend the offset by chrome of your own. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **banner** - The banner to show above header.\n- **header** - The header, usually for top level navigation / branding.\n- **subheader** - Shown below the header.\n- **body** - The wrapper around menu, main, and aside.\n- **menu** - The left hand side of the page. Generally intended for navigation.\n- **navigation** - The `<nav>` that wraps the navigation slots on desktop viewports.\n- **navigation-desktop** - A second name carried by that same `<nav>`.\n- **navigation-header** - The slot that projects the navigation header into the mobile `<ed-drawer>`'s label. The desktop `<nav>` has no counterpart.\n- **navigation-toggle** - The default `<ed-button>` that toggles the navigation.\n- **navigation-toggle-icon** - The default `<ed-icon>` displayed inside the navigation-toggle button.\n- **main** - The center column of the body, holding the main header, content and footer.\n- **main-header** - The header above main content.\n- **main-content** - The main content.\n- **main-footer** - The footer below main content.\n- **aside** - The right hand side of the page. Used for things like table of contents, ads, etc.\n- **skip-to-content** - The \"skip to main content\" link.\n- **footer** - The footer of the page. This is always below the initial viewport size.\n- **drawer** - The mobile navigation `<ed-drawer>`.\n- **drawer__dialog** - The mobile navigation drawer's exported `dialog` part, its internal `<dialog>` element.\n- **drawer__header** - The mobile navigation drawer's exported `header` part, wrapping the title and header actions.\n- **drawer__header-actions** - The mobile navigation drawer's exported `header-actions` part.\n- **drawer__title** - The mobile navigation drawer's exported `title` part, filled from the `mobile-navigation-header` slot.\n- **drawer__close-button** - The mobile navigation drawer's exported `close-button` part, an `<ed-button>`.\n- **drawer__close-button__base** - The mobile navigation drawer's exported `close-button__base` part, that button's own `base`.\n- **drawer__body** - The mobile navigation drawer's exported `body` part, holding the navigation itself.\n- **drawer__footer** - The mobile navigation drawer's exported `footer` part.",
      "attributes": [
        {
          "name": "view",
          "description": "The view is a reflection of the \"mobileBreakpoint\", when the page is larger than the `mobile-breakpoint` (768px by\ndefault), it is considered to be a \"desktop\" view. The view is merely a way to distinguish when to show/hide the\nnavigation. You can use additional media queries to make other adjustments to content as necessary.\nThe default is \"desktop\" because the \"mobile navigation drawer\" isn't accessible via SSR due to drawer requiring JS.",
          "values": [{ "name": "mobile" }, { "name": "desktop" }]
        },
        {
          "name": "desktop-nav-open",
          "description": "Whether the desktop navigation is open.",
          "values": []
        },
        {
          "name": "mobile-nav-open",
          "description": "Whether the mobile navigation drawer is open.",
          "values": []
        },
        {
          "name": "mobile-breakpoint",
          "description": "At what page width to hide the \"navigation\" slot and collapse into a hamburger button.\nAccepts both numbers (interpreted as px) and CSS lengths (e.g. `50em`), which are resolved based on the root element.",
          "values": []
        },
        {
          "name": "navigation-placement",
          "description": "Where to place the navigation when in the mobile viewport.",
          "values": [{ "name": "start" }, { "name": "end" }]
        },
        {
          "name": "disable-navigation-toggle",
          "description": "Determines whether to hide the default hamburger button.\nThis will automatically flip to \"true\" if you add an element with `data-toggle-nav` anywhere in the element light DOM.\nGenerally this will be set for you and you don't need to do anything, unless you're using SSR, in which case you should set this manually for initial page loads.",
          "values": []
        },
        {
          "name": "hide-desktop-navigation-toggle",
          "description": "Hides the header navigation toggle outside the mobile view. Use together with `ed-rail-menu`,\nwhose panel follows the active section on desktop — the header hamburger then only serves the mobile drawer.",
          "values": []
        },
        {
          "name": "disable-sticky",
          "description": "Space-delimited list of the sections that should not stick as the page scrolls: `banner`,\n`header`, `subheader`, `menu`, `aside`. An exempted section also drops out of the sum in\n`--ed-app-scroll-margin-top`. The property and the attribute are interchangeable — the styles\nmatch on the attribute, so assigning the property writes it — and a shell that never sets either\ncarries no `disable-sticky` attribute at all.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/app"
        }
      ]
    },
    {
      "name": "ed-badge",
      "description": "Badges are used to draw attention and display statuses, counts or filters.\n---\n\n\n### **Events:**\n - **ed-remove** - Emitted when the remove button shown by `with-remove` is activated by click, Enter or Space. The badge does not remove itself — react to this event to take it out.\n\n### **Slots:**\n - _default_ - The badge's content.\n- **start** - Content placed before the badge's main content. Typically used for icons.\n- **end** - Content placed after the badge's main content. Typically used for icons. When `with-remove` is set, the default content is a remove button that emits `ed-remove` when activated by click, Enter or Space.\n\n### **CSS Properties:**\n - **--ed-badge-pulse-color** - The color of the badge's pulse effect when using `attention=\"pulse\"`. _(default: undefined)_\n- **--ed-badge-notification-color-scheme** - The `color-scheme` inside a notification badge, so its colors stay put when the badge sits on a surface of the other scheme. _(default: light)_\n- **--ed-badge-notification-alt-color-scheme** - The same for the alternate notification badge. _(default: light)_\n\n### **CSS Parts:**\n - **remove-icon** - The remove button shown when `with-remove` is set.\n- **base** - The component's base wrapper.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.",
      "attributes": [
        {
          "name": "variant",
          "description": "The badge's theme variant.",
          "values": [
            { "name": "brand" },
            { "name": "neutral" },
            { "name": "info" },
            { "name": "success" },
            { "name": "danger" },
            { "name": "warning" },
            { "name": "new" },
            { "name": "expired" },
            { "name": "ai" },
            { "name": "notification" },
            { "name": "notification-alt" }
          ]
        },
        {
          "name": "pill",
          "description": "Draws a pill-style badge with rounded edges. Mainly used to display filters",
          "values": []
        },
        {
          "name": "attention",
          "description": "Adds an animation to draw attention to the badge.",
          "values": [
            { "name": "none" },
            { "name": "pulse" },
            { "name": "bounce" }
          ]
        },
        {
          "name": "with-remove",
          "description": "Makes the badge removable and shows a remove button. Although you could use removable without pill, our styleguide requires that only pill styled badges can be removable",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/badge"
        }
      ]
    },
    {
      "name": "ed-breadcrumb-item",
      "description": "Breadcrumb Items are used inside breadcrumbs to represent different links.\n---\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **start** - An element, such as `<ed-icon>`, placed before the label.\n- **end** - An element, such as `<ed-icon>`, placed after the label.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<ed-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **label** - The breadcrumb item's label.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.\n- **separator** - The container that wraps the separator.",
      "attributes": [
        {
          "name": "href",
          "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead. To follow the [WAI-ARIA breadcrumb\npattern](https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/) on the current-page item, set `href=\"\"` — the\nbrowser resolves it to the current URL, and `<ed-breadcrumb>` already applies `aria-current=\"page\"` to the last\nitem.",
          "values": []
        },
        {
          "name": "target",
          "description": "Tells the browser where to open the link. Only used when `href` is set.\n\nTakes the `_blank`, `_self`, `_parent` and `_top` keywords, or the name of a window: a link\nwhose target names an already open window navigates that window instead of opening another one.\nNote that `rel=\"noopener\"` suppresses the lookup, so a named target then opens a new window\nevery time.\n\nThe implicit opener isolation browsers apply covers `_blank` only. A named target leaves\n`window.opener` set on the opened page, so a link pointing at untrusted content needs\n`rel=\"noopener\"` spelled out.",
          "values": []
        },
        {
          "name": "rel",
          "description": "The `rel` attribute to use on the link. Only used when `href` is set.\n\nUnset by default, like a plain `<a>`. Browsers already imply `noopener` for `target=\"_blank\"`,\nso the remaining effect of a `rel` value is suppressing the `Referer` header — a decision about\nthe link's destination that belongs to the application, not to the component. A link leading\nfrom one product into another typically needs that header, and `rel=\"opener\"` stays available\nwhere the back-channel is wanted.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/breadcrumb-item"
        }
      ]
    },
    {
      "name": "ed-breadcrumb",
      "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<ed-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
      "attributes": [
        {
          "name": "label",
          "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The breadcrumb's visual variant.",
          "values": [
            { "name": "inline" },
            { "name": "inline-title" },
            { "name": "title" }
          ]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/breadcrumb"
        }
      ]
    },
    {
      "name": "ed-button-group",
      "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<ed-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
      "attributes": [
        {
          "name": "label",
          "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The button group's orientation.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/button-group"
        }
      ]
    },
    {
      "name": "ed-divider",
      "description": "Dividers are used to visually separate or group elements.\n---\n\n\n### **CSS Properties:**\n - **--ed-divider-color** - The color of the divider. _(default: var(--ed-color-border))_\n- **--ed-divider-width** - The width of the divider. _(default: var(--ed-border-width-1))_\n- **--ed-divider-spacing** - The spacing of the divider. _(default: var(--ed-space-4))_",
      "attributes": [
        {
          "name": "orientation",
          "description": "Sets the divider's orientation.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/divider"
        }
      ]
    },
    {
      "name": "ed-calendar",
      "description": "A day-grid calendar primitive. Anatomy follows the Material Design 3 docked date picker.\n---\n\n\n### **Events:**\n - **ed-calendar-page-change** - Emitted when the page on screen moves, whichever way it was moved. The detail carries `page`: `YYYY-MM` for the types that page by month, `YYYY` for those that page by year. `type=\"year\"` has one page and never fires. Settling on the first page is not a move and says nothing.\n- **ed-calendar-change** - Emitted when the user picks a value. The detail carries `value`, `start` and `end` as wire strings, in the form the current `type` writes. With `range` set it fires twice per gesture — once when the anchor is placed, once when the span closes — and `end` is what tells the two apart.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Move focus into the calendar. Delegates to whichever element currently holds the roving\ntabindex so popup wrappers (`<ed-date-picker>`) can hand focus over through the standard\nHTMLElement.focus() contract.\n\nBoth shapes have to be covered: the `date` type renders a grid of day cells, every other type\nrenders a listbox of period options. Looking only for the grid made this a no-op for four of\nthe five types.\n\n### **Slots:**\n - **footer** - Custom footer content (e.g. a \"Today\" jump button). Rendered as the first row of the footer.\n- **footer-controls** - Action controls for the footer's second row, e.g. an OK/Cancel pair. Nothing is rendered by default, and nothing is wired: what a control does is the consumer's.\n\n### **CSS Parts:**\n - **base** - The outer wrapper element.\n- **header** - The row of page controls above the body. Not rendered for `type=\"year\"`, whose list is a single page.\n- **header-spacer** - The flexible gap between the month and year cyclers.\n- **cycler** - Each cycler block: the month cycler for `type=\"date\"` and `type=\"week\"`, the year cycler for every type that has pages.\n- **cycler-month** - The month cycler block.\n- **cycler-year** - The year cycler block.\n- **cycler-prev** - A cycler's previous-page button.\n- **cycler-next** - A cycler's next-page button.\n- **cycler-trigger** - A cycler's menu trigger (shows the current month or year, opens the in-surface menu).\n- **range-month-label** - A read-only \"Month Year\" label shown above each calendar in two-panel range mode (one per panel).\n- **body** - The body area below the header. Contains the day grid or the active picker menu.\n- **picker-menu** - Any in-surface list of periods: the body's own list for `type=\"month\"` and up, and the month or year menu a cycler trigger opens.\n- **picker-menu-primary** - Only the list a click selects from, as opposed to a cycler's navigation menu.\n- **picker-item** - Each menu item in the picker menu.\n- **picker-item-selected** - The currently-selected menu item.\n- **footer-divider** - The divider between the panel content and the footer. Only visible when the footer is.\n- **footer** - The footer wrapper. Only visible when at least one footer slot has content.\n- **footer-row** - Each row inside the footer (first row = `footer` slot, second row = `footer-controls` slot).\n- **footer-row-custom** - The first footer row (the `footer` slot).\n- **footer-row-controls** - The second footer row (the `footer-controls` slot).\n- **grid** - The day grid container.\n- **weekday-header-row** - The row of weekday column headers.\n- **weekday-header-cell** - Each weekday column header cell.\n- **day-row** - Each body row of day cells.\n- **day-cell** - Each day cell button.\n- **day-cell-label** - The inner state layer of a day cell (holds the digit; carries the selected/endpoint circle and the today ring).\n- **day-cell-today** - The day cell for today.\n- **day-cell-selected** - A selected day cell (single-selection strategy).\n- **day-cell-start** - The first cell of a span: the range start, or the Monday of the picked week.\n- **day-cell-in-range** - A cell inside a span.\n- **day-cell-end** - The last cell of a span: the range end, or the Sunday of the picked week.\n- **day-cell-preview-start** - The preview start cell while a range is being built.\n- **day-cell-preview-in-range** - A cell inside the in-progress preview range.\n- **day-cell-preview-end** - The preview end cell while a range is being built.\n- **panel** - Wrapper around each panel (header + body). Two are rendered while a range is live, one otherwise.\n- **week-number** - The week-number cell (rendered when `show-week-numbers` is set, and always for `type=\"week\"`). For `type=\"week\"` the cell is a clickable `<div role=\"rowheader\">` that selects the whole week.",
      "attributes": [
        {
          "name": "value",
          "description": "The selected value, in the wire form this `type` writes — `2026-07-01` for `date`, `2026-W27`\nfor `week`, then `2026-07`, `2026-Q3`, `2026-H2`, `2026`. Empty when nothing is selected.\n\nA string of another kind is ignored rather than reinterpreted, the way a native\n`<input type=\"month\">` ignores `2026-08-15` (measured in Chromium) — the value stays as it was.\n\nWith `range` set, a range has two ends and one string cannot carry both: `value` reads the\nstart, and writing it is ignored — except for `''`, which clears, since emptying means the same\nfor one value and for two. start and end are the way in and out.\n\nThe attribute is a **starting** value and is not reflected, the way `<input value>` is: what the\nuser picks afterwards does not rewrite it, so the markup keeps saying what the calendar opened\nwith.",
          "values": []
        },
        {
          "name": "start",
          "description": "The start of the selected range, in the same wire form as value. Empty when no range is\nselected, and inert unless `range` is set.\n\nSetting `start` alone places the anchor without committing a range — which is both what the\nfirst click of the gesture does and what \"from X, indefinitely\" means. The calendar cannot tell\nthose apart and does not try to; whether a one-ended range counts as a value is the consumer's\nquestion, and a picker answers it by keeping its panel open.",
          "values": []
        },
        {
          "name": "end",
          "description": "The end of the selected range, in the same wire form as value.",
          "values": []
        },
        {
          "name": "min",
          "description": "The earliest selectable value: the wire form this `type` writes, or a `YYYY-MM-DD` day to bound\nthe range more finely than the type's own unit. Empty for no bound.\n\nAnything else means no bound rather than an approximation of one — a native field ignores a\n`min` it cannot read, and a bound guessed from a value of the wrong kind would disable days the\nconsumer never excluded.",
          "values": []
        },
        {
          "name": "max",
          "description": "The latest selectable value, in the same forms as min. Empty for no bound.",
          "values": []
        },
        {
          "name": "default-month",
          "description": "Which page to open on when nothing is selected: `2026-11` or `2026-11-01`, both opening\nNovember 2026. Only the part the page needs is read — a day grid pages by month, a period list\nby year.\n\nUnlike min and max this is **not** in the type's wire form, because a page is\nnot a value: `type=\"month\"` selects a month and pages by year, so neither `2026-11` nor `2026`\nwould mean the same thing for both jobs. A month names a page for every type.",
          "values": []
        },
        {
          "name": "show-week-numbers",
          "description": "When true, a week-number column is shown in the day grid.",
          "values": []
        },
        {
          "name": "first-day-of-week",
          "description": "The first day of the week as an **ISO 8601 weekday**: `1` for Monday through `7` for Sunday, or\n`'auto'` to read it from the locale via `Intl.Locale`, falling back to Monday.\n\n`0` is not a weekday here — see EdCalendarFirstDay for why the numbering is ISO rather\nthan `getDay()`'s.\n\nIgnored for `type=\"week\"`: an ISO week starts on Monday by definition, so that grid renders\nMonday-first whatever this says.",
          "values": [
            { "name": "1" },
            { "name": "2" },
            { "name": "3" },
            { "name": "4" },
            { "name": "5" },
            { "name": "6" },
            { "name": "7" },
            { "name": "auto" }
          ]
        },
        {
          "name": "range",
          "description": "Pick a span of two values instead of one: the first click sets the anchor, the second closes\nthe range, and dragging from the anchor marks the span as the pointer moves. start and\nend carry the two ends.\n\nA range is orthogonal to `type` in this API, but only `type=\"date\"` spans one today; the other\ntypes pick a single value regardless.",
          "values": []
        },
        {
          "name": "panels",
          "description": "Number of month panels rendered while a range is live: `1` or `2` (default `2`). Every other\ncombination renders a single panel. `panels=\"1\"` shows one month with the month/year\ndrill-down (matching the single date pickers); `panels=\"2\"` shows two linked months.\nInvalid values fall back to `2`.",
          "values": []
        },
        {
          "name": "type",
          "description": "What the calendar lets the user pick, which is also the wire form value takes:\n\n- `date` (default) — a day grid; `2026-07-01`.\n- `week` — the same grid, with a clickable week-number column that takes the whole week;\n  `2026-W27`.\n- `month` — a list of months; `2026-07`.\n- `quarter` — four quarters; `2026-Q3`.\n- `halfyear` — two halves; `2026-H2`.\n- `year` — a list of years; `2026`.\n\nInvalid values fall back to `'date'` with a `logger.warn`.",
          "values": [
            { "name": "date" },
            { "name": "month" },
            { "name": "week" },
            { "name": "quarter" },
            { "name": "year" },
            { "name": "halfyear" }
          ]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/calendar"
        }
      ]
    },
    {
      "name": "ed-card",
      "description": "Cards can be used to group related subjects in a container.\n---\n\n\n### **Events:**\n - **click** - Standard click event. When the card is `interactive`, it is also emitted on keyboard activation (Enter or Space).\n- **change** - Emitted when a `selectable` card toggles its `checked` state, by pointer click or Space.\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card. Vertical orientation only — a horizontal card renders no header, and content placed here is not displayed.\n- **footer** - An optional footer for the card. Vertical orientation only — a horizontal card renders no footer, and content placed here is not displayed.\n- **media** - An optional media section to render at the start of the card.\n- **actions** - An optional actions section to render at the end for the horizontal card.\n- **header-actions** - An optional actions section to render in the header of the vertical card.\n- **footer-actions** - An optional actions section to render in the footer of the vertical card.\n\n### **CSS Properties:**\n - **--ed-card-spacing** - The amount of space around and between sections of the card. Expects a single value. _(default: var(--ed-space-5))_\n\n### **CSS Parts:**\n - **media** - The container that wraps the card's media.\n- **header** - The container that wraps the card's header. Vertical orientation only.\n- **body** - The container that wraps the card's main content.\n- **actions** - The `actions` slot of the horizontal card. Being a slot it has no box of its own, so inherited properties reach the buttons while `background` and `padding` do not.\n- **footer** - The container that wraps the card's footer. Vertical orientation only.",
      "attributes": [
        {
          "name": "appearance",
          "description": "The card's visual appearance.",
          "values": [
            { "name": "filled" },
            { "name": "filled-outlined" },
            { "name": "outlined" },
            { "name": "plain" }
          ]
        },
        {
          "name": "with-header",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `header` element so the server-rendered markup\nincludes the header before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-media",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `media` element so the server-rendered markup\nincludes the media before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-footer",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `footer` element so the server-rendered markup\nincludes the footer before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "Renders the card's orientation *",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "interactive",
          "description": "Turns the card into a button: it gains hover/pressed styling, becomes focusable (`role=\"button\"`,\n`tabindex=\"0\"`) and is activated by pointer or keyboard (Enter or Space), which emits a `click`.\nThe card owns no state — react to `click` to drive navigation, opening a detail view, etc.\n\nDo not combine this with controls in the `actions` / `header-actions` / `footer-actions` slots.\nThe card takes its accessible name from its content, so a slotted button's label becomes part of\nthe card's own name, and the control is then announced twice — once inside the name of the\nbutton that contains it. Measured in Chromium and Firefox; `stopPropagation` addresses only the\nclick bubbling, not this. Keep the card non-interactive when it carries actions.",
          "values": []
        },
        {
          "name": "selectable",
          "description": "Turns the card into a checkbox: it becomes focusable (`role=\"checkbox\"`, `tabindex=\"0\"`) and\ntoggles its own `checked` state on pointer click or Space, emitting a `change` event. Implies\n`interactive` (hover/pressed styling) and takes precedence over it for the ARIA role. The same\n`stopPropagation` caveat for interactive slot content applies.",
          "values": []
        },
        {
          "name": "checked",
          "description": "The checked state of a `selectable` card. Reflected to `aria-checked`. No effect without `selectable`.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/card"
        }
      ]
    },
    {
      "name": "ed-carousel",
      "description": "Carousels display an arbitrary number of content slides along a horizontal or vertical axis.\n---\n\n\n### **Events:**\n - **ed-slide-change** - Emitted when the active slide changes.\n\n### **Methods:**\n - **previous(behavior: _ScrollBehavior_)** - Move the carousel backward by `slides-per-move` slides.\n- **next(behavior: _ScrollBehavior_)** - Move the carousel forward by `slides-per-move` slides.\n- **goToSlide(index: _number_, behavior: _ScrollBehavior_)** - Scrolls the carousel to the slide specified by `index`.\n\n### **Slots:**\n - _default_ - The carousel's main content, one or more `<ed-carousel-item>` elements.\n- **next-icon** - Optional next icon to use instead of the default. Works best with `<ed-icon>`.\n- **previous-icon** - Optional previous icon to use instead of the default. Works best with `<ed-icon>`.\n\n### **CSS Properties:**\n - **--ed-carousel-aspect-ratio** - The aspect ratio of each slide. _(default: 16/9)_\n- **--ed-carousel-scroll-hint** - The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint. _(default: undefined)_\n- **--ed-carousel-slide-gap** - The space between each slide. _(default: var(--ed-space-4))_\n\n### **CSS Parts:**\n - **base** - The carousel's internal wrapper.\n- **scroll-container** - The scroll container that wraps the slides.\n- **pagination** - The pagination indicators wrapper.\n- **pagination-item** - The pagination indicator.\n- **pagination-item-active** - Applied when the item is active.\n- **navigation** - The navigation wrapper.\n- **navigation-button** - The navigation button.\n- **navigation-button-previous** - Applied to the previous button.\n- **navigation-button-next** - Applied to the next button.",
      "attributes": [
        {
          "name": "loop",
          "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
          "values": []
        },
        {
          "name": "navigation",
          "description": "When set, show the previous/next navigation arrows beside the carousel. Ignored in vertical orientation.",
          "values": []
        },
        {
          "name": "pagination",
          "description": "When set, show the carousel's pagination indicators.",
          "values": []
        },
        {
          "name": "pagination-variant",
          "description": "The pagination variant. `dots` shows dot indicators; `buttons` shows numbered page buttons\nwith their own previous/next arrows inside the pagination bar (independent of `navigation`).\nForced to `dots` in vertical orientation.",
          "values": [{ "name": "dots" }, { "name": "buttons" }]
        },
        {
          "name": "autoplay",
          "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
          "values": []
        },
        {
          "name": "autoplay-interval",
          "description": "Specifies the amount of time, in milliseconds, between each automatic scroll.",
          "values": []
        },
        {
          "name": "slides-per-page",
          "description": "Specifies how many slides should be shown at a given time.",
          "values": []
        },
        {
          "name": "slides-per-move",
          "description": "Specifies the number of slides the carousel will advance when scrolling, useful when specifying a `slides-per-page`\ngreater than one. It can't be higher than `slides-per-page`.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "Specifies the orientation in which the carousel will lay out.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "mouse-dragging",
          "description": "When set, it is possible to scroll through the slides by dragging them with the mouse.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/carousel"
        }
      ]
    },
    {
      "name": "ed-checkbox-group",
      "description": "Checkbox groups wrap a set of related checkboxes or switches so they share a label, hint, and grouping\nsemantics.\n---\n\n\n### **Slots:**\n - _default_ - The default slot where `<ed-checkbox>` or `<ed-switch>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **hint** - Text that describes how to use the checkbox group. Alternatively, you can use the `hint` attribute.\n\n### **CSS Parts:**\n - **form-control** - The fieldset that wraps the label, group, and hint.\n- **form-control-label** - The label's wrapper.\n- **base** - The element that wraps the grouped checkboxes, exposed as a `role=\"group\"`.\n- **hint** - The hint's wrapper.",
      "attributes": [
        {
          "name": "aria-label",
          "description": "Accessible name for when no visible label is given. Mirrored onto the internal `role=\"group\"`\nnode, where the role lives — the host is deliberately role-less, so a consumer's aria-label\nwould otherwise sit on an element assistive technology ignores.\n\nSet alongside `aria-labelledby` rather than instead of it: accessible-name computation consults\naria-labelledby first, so a visible label keeps winning without either side having to know.",
          "values": []
        },
        { "name": "label", "values": [] },
        {
          "name": "hint",
          "description": "The checkbox group's hint. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The orientation in which to show grouped checkboxes.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "required",
          "description": "Adds a required indicator to the group's label. This is a visual cue only — unlike radios, checkboxes are\nindependent form controls, so enforce the requirement with the `required` attribute and/or `setCustomValidity()`\non the individual checkboxes.",
          "values": []
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes\nthe label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes\nthe hint before the component hydrates on the client.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/checkbox-group"
        }
      ]
    },
    {
      "name": "ed-select",
      "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **input** - Emitted when the control receives input.\n- **change** - Emitted when the control's value changes.\n- **focus** - Emitted when the control gains focus.\n- **blur** - Emitted when the control loses focus.\n- **ed-clear** - Emitted when the control's value is cleared.\n- **ed-show** - Emitted when the select's menu opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **ed-hide** - Emitted when the select's menu closes. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n- **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<ed-option>` elements. You can use `<ed-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **start** - An element, such as `<ed-icon>`, placed at the start of the combobox.\n- **end** - An element, such as `<ed-icon>`, placed at the end of the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **hint** - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n\n### **CSS Properties:**\n - **--ed-show-duration** - The duration of the show animation. _(default: var(--ed-transition-fast))_\n- **--ed-hide-duration** - The duration of the hide animation. _(default: var(--ed-transition-fast))_\n- **--ed-select-tag-max-size** - When using `multiple`, the max size of tags before their content is truncated. _(default: 10ch)_\n- **--ed-select-width** - The width of the control. Defaults to filling its container. _(default: 100%)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and hint.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.\n- **base** - The bordered field box. An alias for `combobox`, so a selector written against another form control reaches the same element here.\n- **combobox** - The container the wraps the start, end, value, clear icon, and expand button.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's exported `base` part, the badge's surface.\n- **tag__remove-icon** - The tag's exported `remove-icon` part, the `<button>` that removes the option.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
      "attributes": [
        {
          "name": "name",
          "description": "The name of the select, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "value",
          "description": "The select's value. This will be a string for single select or an array for multi-select.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "placeholder",
          "description": "Placeholder text to show as a hint when the select is empty.",
          "values": []
        },
        {
          "name": "multiple",
          "description": "Allows more than one option to be selected.",
          "values": []
        },
        {
          "name": "max-options-visible",
          "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Shows a value the user cannot change. Unlike `disabled`, the control stays focusable and its value is still\nsubmitted with the form; the listbox does not open, and nothing empties the value.",
          "values": []
        },
        {
          "name": "with-clear",
          "description": "Adds a clear button when the select is not empty.",
          "values": []
        },
        {
          "name": "open",
          "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
          "values": []
        },
        {
          "name": "pill",
          "description": "Draws a pill-style select with rounded edges.",
          "values": []
        },
        {
          "name": "label",
          "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The select's accessible name for when no visible label is set. Mirrored onto the internal\ndisplay input, where the combobox role lives — an aria-label left on the host alone would\nsit on a role-less element and be ignored by assistive tech. A visible label wins when both\nare present (aria-labelledby precedes aria-label in accessible-name computation).",
          "values": []
        },
        {
          "name": "placement",
          "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
          "values": [{ "name": "top" }, { "name": "bottom" }]
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "required",
          "description": "The select's required attribute.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/select"
        }
      ]
    },
    {
      "name": "ed-option",
      "description": "Options define the selectable items within a select or combobox component.\n---\n\n\n### **Methods:**\n - **getChildOptions(): _EdOption[]_** - Returns the nested options one level down.\n\n### **Slots:**\n - _default_ - The option's label.\n- **children** - Nested options, projected automatically. Only rendered inside a combobox with `tree`; do not assign this slot yourself.\n- **start** - An element, such as `<ed-icon>`, placed before the label.\n- **end** - An element, such as `<ed-icon>`, placed after the label.\n\n### **CSS Parts:**\n - **checkbox** - The checkbox that shows the selection in a multi-select control, an `<ed-checkbox>` element.\n- **checkbox__base** - The checkbox's exported `base` part.\n- **checkbox__control** - The checkbox's exported `control` part.\n- **checkbox__checked-icon** - The checkbox's exported `checked-icon` part.\n- **checkbox__label** - The checkbox's exported `label` part.\n- **checked-icon** - The checked icon, a `<ed-icon>` element. Single-select controls only.\n- **row** - The row itself, in tree mode. Carries the padding, background and selection styling.\n- **indentation** - The spacer that indents the row by its depth, in tree mode.\n- **expand-button** - The chevron that expands and collapses a branch, in tree mode.\n- **children** - The container holding nested options, in tree mode.\n- **label** - The option's label.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.",
      "attributes": [
        {
          "name": "expanded",
          "description": "Whether nested options are shown. Only meaningful on a branch in tree mode.",
          "values": []
        },
        {
          "name": "value",
          "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group; spaces are allowed, since a multi-select submits one entry per option\nrather than a single delimited string.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Draws the option in a disabled state, preventing selection.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Selects an option initially.",
          "values": []
        },
        {
          "name": "label",
          "description": "The option’s plain text label.\nUsually automatically generated, but can be useful to provide manually for cases involving complex content.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/option"
        }
      ]
    },
    {
      "name": "ed-combobox",
      "description": "Comboboxes combine a text input with a listbox, allowing users to filter and select from predefined options or enter custom values.\n---\n\n\n### **Events:**\n - **input** - Emitted when the control receives input.\n- **change** - Emitted when the control's value changes.\n- **focus** - Emitted when the control gains focus.\n- **blur** - Emitted when the control loses focus.\n- **ed-clear** - Emitted when the control's value is cleared.\n- **ed-show** - Emitted when the select's menu opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **ed-hide** - Emitted when the select's menu closes. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n- **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<ed-option>` elements. You can use `<ed-divider>` to group items visually. With `tree`, options may be nested to any depth to form a hierarchy.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **start** - An element, such as `<ed-icon>`, placed at the start of the combobox.\n- **end** - An element, such as `<ed-icon>`, placed at the end of the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **no-option-label** - Content shown when no option matches the current input. Rendered outside the listbox, because an inert hint is not a selectable option. Alternatively, use the no-option-label attribute for plain text.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **hint** - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n\n### **CSS Properties:**\n - **--ed-show-duration** - The duration of the show animation. _(default: var(--ed-transition-fast))_\n- **--ed-hide-duration** - The duration of the hide animation. _(default: var(--ed-transition-fast))_\n- **--ed-combobox-tag-max-size** - When using `multiple`, the max size of tags before their content is truncated. _(default: 10ch)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and hint.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.\n- **combobox** - The container the wraps the start, end, value, clear icon, and expand button.\n- **base** - The bordered field box. An alias for `input`, so a selector written against another form control reaches the same element here.\n- **input** - The element carrying the field's border and background.\n- **expand-icon-slot** - The slot holding the expand icon.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **panel** - The popup panel holding the listbox and the no-match message.\n- **listbox** - The listbox container where options are slotted.\n- **tree** - The same container, aliased when `tree` is set and it carries role=\"tree\".\n- **no-option-label** - The message shown when nothing matches.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's exported `base` part, the badge's surface.\n- **tag__remove-icon** - The tag's exported `remove-icon` part, the `<button>` that removes the option.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
      "attributes": [
        {
          "name": "name",
          "description": "The name of the select, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "value",
          "description": "The select's value. This will be a string for single select or an array for multi-select.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "placeholder",
          "description": "Placeholder text to show as a hint when the select is empty.",
          "values": []
        },
        {
          "name": "multiple",
          "description": "Allows more than one option to be selected.",
          "values": []
        },
        {
          "name": "max-options-visible",
          "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Shows a value the user cannot change. Unlike `disabled`, the control stays focusable and its value is still\nsubmitted with the form; the listbox does not open, and nothing empties the value.",
          "values": []
        },
        {
          "name": "with-clear",
          "description": "Adds a clear button when the select is not empty.",
          "values": []
        },
        {
          "name": "open",
          "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
          "values": []
        },
        {
          "name": "pill",
          "description": "Draws a pill-style select with rounded edges.",
          "values": []
        },
        {
          "name": "label",
          "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The combobox's accessible name for when no visible label is set. Mirrored onto the internal\ndisplay input, where the combobox role lives — an aria-label left on the host alone would\nsit on a role-less element and be ignored by assistive tech. A visible label wins when both\nare present (aria-labelledby precedes aria-label in accessible-name computation).",
          "values": []
        },
        {
          "name": "placement",
          "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
          "values": [{ "name": "top" }, { "name": "bottom" }]
        },
        {
          "name": "with-label",
          "description": "Used for SSR purposes when a label is slotted in. Will show the label on first render.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Used for SSR purposes when hint is slotted in. Will show the hint on first render.",
          "values": []
        },
        {
          "name": "required",
          "description": "The select's required attribute.",
          "values": []
        },
        {
          "name": "no-option-label",
          "description": "The text shown in the listbox when no option matches the current input. Defaults to a localized label.\nTo render custom markup instead, use the `no-option-label` slot.",
          "values": []
        },
        {
          "name": "allow-custom-value",
          "description": "When true, allows the user to enter a value that doesn't match any of the options. In single mode the typed\nvalue is committed with Enter or when the field loses focus. When `multiple` is set, Enter turns the typed\ntext into a tag (backed by a generated light-DOM option marked `data-custom-option`). When false, the\ncombobox only accepts values that match an option.",
          "values": []
        },
        {
          "name": "tree",
          "description": "Renders the popup as a hierarchy instead of a flat list. Nest `<ed-option>` elements to any depth;\nparents expand and collapse, and every node stays selectable.\n\nNesting is only supported with this attribute set — without it there is no children slot for\nnested options to project into. Typing filters the tree in place: a parent stays visible while any\ndescendant matches.\n\nNot combinable with `allow-custom-value` (a typed string has no position in a hierarchy) or\n`autocomplete=\"none\"`; both are ignored with a warning.",
          "values": []
        },
        {
          "name": "autocomplete",
          "description": "The autocomplete behavior of the combobox.\n- `both` (default): typing filters the listbox to options that match the entered characters;\n  the typed string becomes the value unless the user selects an option.\n- `none`: the combobox is editable, but the listbox always shows all options regardless of\n  the characters typed.",
          "values": [{ "name": "both" }, { "name": "none" }]
        },
        {
          "name": "inputValue",
          "description": "The current text value in the input field.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/combobox"
        }
      ]
    },
    {
      "name": "ed-copy-button",
      "description": "Copy buttons copy text to the clipboard when the user activates them. They provide built-in success and\nerror feedback so users know the copy worked.\n---\n\n\n### **Events:**\n - **ed-copy** - Emitted when the data has been copied.\n- **ed-error** - Emitted when the data could not be copied.\n\n### **Slots:**\n - _default_ - The trigger element. By default, a copy icon button is rendered so this is optional. If desired, you can slot in a custom element such as `<ed-button>` or `<button>`.\n- **copy-icon** - The icon to show in the default copy state. Works best with `<ed-icon>`.\n- **success-icon** - The icon to show when the content is copied. Works best with `<ed-icon>`.\n- **error-icon** - The icon to show when a copy error occurs. Works best with `<ed-icon>`.\n\n### **CSS Parts:**\n - **button** - The internal `<button>` element.\n- **copy-icon** - The container that holds the copy icon.\n- **success-icon** - The container that holds the success icon.\n- **error-icon** - The container that holds the error icon.\n- **feedback** - The internal `<ed-tooltip>` element.",
      "attributes": [
        {
          "name": "value",
          "description": "The text value to copy.",
          "values": []
        },
        {
          "name": "from",
          "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the copy button.",
          "values": []
        },
        {
          "name": "copy-label",
          "description": "A custom label to use as the accessible name and tooltip text in the default copy state.",
          "values": []
        },
        {
          "name": "success-label",
          "description": "A custom label to show in the tooltip after copying.",
          "values": []
        },
        {
          "name": "error-label",
          "description": "A custom label to show in the tooltip when a copy error occurs.",
          "values": []
        },
        {
          "name": "feedback-duration",
          "description": "The length of time to show feedback before restoring the default trigger.",
          "values": []
        },
        {
          "name": "tooltip-placement",
          "description": "The preferred placement of the tooltip.",
          "values": [
            { "name": "top" },
            { "name": "right" },
            { "name": "bottom" },
            { "name": "left" }
          ]
        },
        {
          "name": "tooltip",
          "description": "Controls the built-in tooltip. `full` (default) shows the tooltip on hover and focus and during copy feedback.\n`copy` keeps the tooltip silent on hover/focus and only shows it briefly to confirm a successful or failed copy.\n`none` disables the tooltip entirely. Applies to both the default and custom triggers.",
          "values": [{ "name": "full" }, { "name": "copy" }, { "name": "none" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/copy-button"
        }
      ]
    },
    {
      "name": "ed-empty-state",
      "description": "Empty states communicate that there is no content to display, and what the user can do next.\n---\n\n\n### **Slots:**\n - _default_ - Empty state text.\n- **icon** - An element, such as `<ed-icon>`, placed before the Text. Alternatively, you can use the `icon` attribute.\n- **label** - The EmptyState's label.\n- **button** - Optional Button.\n\n### **CSS Properties:**\n - **--ed-empty-state-max-width** - The width the empty state will not grow beyond: the whole element at `size=\"small\"`, `\"medium\"` and `\"large\"`, the text column at `size=\"fullscreen\"`. _(default: 32rem)_\n- **--ed-empty-state-min-height** - The height the element reserves at `size=\"fullscreen\"`. _(default: 22rem)_\n- **--ed-empty-state-icon-min-width** - The width the `size=\"fullscreen\"` icon will not shrink below as it scales with the viewport. _(default: 10rem)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The `icon` slot itself. A slot has no box of its own, so inherited properties such as `color` and `font-size` reach the icon while `background`, `padding` and `border` do not.\n- **label** - The container that wraps the `label` slot.\n- **description** - Description of empty state.\n- **button** - The `button` slot itself. Like `icon` it is a slot, so inherited properties reach the slotted button while `background`, `padding` and `border` do not.",
      "attributes": [
        {
          "name": "size",
          "description": "Defines the size of the empty state. You have to manually set the correct header (`<h1/>`, `<h2/>`, `<h3/>`, `<p/>`) and button styling.",
          "values": [
            { "name": "fullscreen" },
            { "name": "small" },
            { "name": "medium" },
            { "name": "large" }
          ]
        },
        {
          "name": "alignment",
          "description": "Defines the alignment of the empty state.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "icon",
          "description": "Defines the icon which is used in the empty state. If you need a customized icon, use the `icon` slot instead.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/empty-state"
        }
      ]
    },
    {
      "name": "ed-number-input",
      "description": "Number inputs allow users to enter and edit numeric values with optional stepper buttons.\n---\n\n\n### **Events:**\n - **input** - Emitted when the control receives input.\n- **change** - Emitted when an alteration to the control's value is committed by the user.\n- **blur** - Emitted when the control loses focus.\n- **beforeinput** - Emitted from a stepper button before the value changes. Call `event.preventDefault()` to cancel the change.\n- **focus** - Emitted when the control gains focus.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n- **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **stepUp()** - Increments the value by the step amount.\n- **stepDown()** - Decrements the value by the step amount.\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **start** - An element, such as `<ed-icon>`, placed at the start of the input control.\n- **end** - An element, such as `<ed-icon>`, placed at the end of the input control (before steppers).\n- **increment-icon** - An icon to use in lieu of the default increment icon.\n- **decrement-icon** - An icon to use in lieu of the default decrement icon.\n- **hint** - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n\n### **CSS Properties:**\n - **--ed-number-input-width** - Sets a fixed width for the input field _(default: undefined)_\n\n### **CSS Parts:**\n - **label** - The label element.\n- **form-control-label** - Alias for the label element.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint element.\n- **base** - The wrapper containing the input and steppers.\n- **input** - The internal `<input>` control.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.\n- **stepper** - Both stepper buttons (for shared styling).\n- **stepper-increment** - The increment (+) button on the end side.\n- **stepper-decrement** - The decrement (-) button on the start side.",
      "attributes": [
        { "name": "title", "values": [] },
        {
          "name": "value",
          "description": "The default value of the form control. Primarily used for resetting the form control.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "pill",
          "description": "Draws a pill-style input with rounded edges.",
          "values": []
        },
        {
          "name": "label",
          "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The input's accessible name for when no visible label is set. Mirrored onto the internal\ninput, where the spinbutton role lives — an aria-label left on the host alone would sit on\na role-less element and be ignored by assistive tech.",
          "values": []
        },
        {
          "name": "placeholder",
          "description": "Placeholder text to show as a hint when the input is empty.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the input readonly.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the input a required field.",
          "values": []
        },
        {
          "name": "min",
          "description": "The input's minimum value.",
          "values": []
        },
        {
          "name": "max",
          "description": "The input's maximum value.",
          "values": []
        },
        {
          "name": "step",
          "description": "The granularity the value must adhere to. Anything that cannot form a grid — `any`, zero,\nnegative, unparseable — falls back to `1`.\n\nA native input also takes `any`, which turns stepping off entirely. This control does not,\nbecause a numeric field without steps is `<ed-input type=\"number\">`: stepper buttons are the\nreason to reach for this element, and `stepUp()` throws `InvalidStateError` in a mode that has\nno step — so the buttons would be there and broken.",
          "values": []
        },
        {
          "name": "without-steppers",
          "description": "Hides the increment/decrement stepper buttons.",
          "values": []
        },
        {
          "name": "autocomplete",
          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
          "values": []
        },
        {
          "name": "autofocus",
          "description": "Indicates that the input should receive focus on page load.",
          "values": []
        },
        {
          "name": "enterkeyhint",
          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
          "values": [
            { "name": "enter" },
            { "name": "done" },
            { "name": "go" },
            { "name": "next" },
            { "name": "previous" },
            { "name": "search" },
            { "name": "send" }
          ]
        },
        {
          "name": "inputmode",
          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
          "values": [{ "name": "numeric" }, { "name": "decimal" }]
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/number-input"
        }
      ]
    },
    {
      "name": "ed-pagination",
      "description": "Pagination allows users to navigate through pages of content and optionally change the page size.\n---\n\n\n### **Events:**\n - **ed-page-change** - Emitted when the current page changes on its own.\n- **ed-page-size-change** - Emitted when the page size changes. Carries the resulting page as well, because a resize keeps the first visible item in view and therefore usually moves the page — one event per user action, so loading on it fetches once.\n\n### **Methods:**\n - **setPageSize(size: _number | string_)** - Sets the page size, keeping the first currently visible item in view — which generally means the\npage changes as well.\n\nBoth land in one `ed-page-size-change`, rather than that event plus a separate\n`ed-page-change`: two events for one user action made a consumer that loads on each of them\nfetch twice, the first time for a page it was never on.\n- **setPage(page: _number | string_)** - Sets the current page\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **page-size-section** - The page-size selector section.\n- **page-size-section-select** - The internal ed-select.\n- **page-nav-section** - The page navigation section.\n- **total-pages** - The \"from X\" text.",
      "attributes": [
        {
          "name": "total-items",
          "description": "The total number of items being paginated.",
          "values": []
        },
        {
          "name": "page",
          "description": "The current page (1-indexed).",
          "values": []
        },
        {
          "name": "page-size",
          "description": "The number of items per page.",
          "values": []
        },
        {
          "name": "page-size-options",
          "description": "The available page size options for the dropdown.",
          "values": [{ "name": "number[]" }]
        },
        {
          "name": "hide-page-size",
          "description": "Hides the page-size selector section.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the entire pagination component.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/pagination"
        }
      ]
    },
    {
      "name": "ed-progress-bar",
      "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - **label** - The progress bar's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--ed-progress-bar-track-height** - The height of the track. _(default: calc(2 * var(--ed-border-width-3)))_\n- **--ed-progress-bar-track-color** - The color of the track. _(default: var(--ed-color-neutral-240))_\n- **--ed-progress-bar-indicator-color** - The color of the indicator. _(default: var(--ed-color-brand-fill-normal))_\n\n### **CSS Parts:**\n - **form-control-label** - The label element above the bar.\n- **base** - The component's base wrapper (track).\n- **indicator** - The progress bar's indicator (fill).",
      "attributes": [
        {
          "name": "value",
          "description": "The current progress as a percentage, 0 to 100.",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "When true, percentage is ignored and the progress bar is drawn in an indeterminate state.",
          "values": []
        },
        {
          "name": "label",
          "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The progress bar's accessible name for when no visible label is wanted. Mirrored onto the\ninternal progressbar node, where the role lives — an aria-label left on the host alone would\nsit on a role-less element and be ignored by assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/progress-bar"
        }
      ]
    },
    {
      "name": "ed-skeleton",
      "description": "Skeletons are used to provide a visual representation of where content will eventually be drawn.\n---\n\n\n### **CSS Properties:**\n - **--ed-skeleton-color** - The color of the skeleton. _(default: undefined)_\n- **--ed-skeleton-sheen-color** - The sheen color when the skeleton is in its loading state. _(default: undefined)_\n\n### **CSS Parts:**\n - **indicator** - The skeleton's indicator which is responsible for its color and animation.",
      "attributes": [
        {
          "name": "effect",
          "description": "Determines which effect the skeleton will use.",
          "values": [
            { "name": "pulse" },
            { "name": "sheen" },
            { "name": "none" }
          ]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/skeleton"
        }
      ]
    },
    {
      "name": "ed-data-grid",
      "description": "A data-driven grid for displaying and interacting with large datasets with sorting, selection, virtual scroll, and more.\n---\n\n\n### **Events:**\n - **ed-sort** - Emitted when a sortable column header is activated. Cancelable; calling `preventDefault()` leaves the sort unchanged.\n- **ed-selection-change** - Emitted when row selection changes. `data` lists the selected row objects in their original order; `selectedKeys` is the set of selected row-key values.\n- **ed-column-resize** - Emitted when a column is resized via drag handle.\n- **ed-pagination-change** - Emitted when the page or page size changes.\n- **ed-row-reorder** - Emitted when a row is reordered — once per drag-and-drop, or once per one-step move while a row is lifted via its keyboard handle. The grid never reorders `data` itself; apply the move in your handler.\n- **ed-column-reorder** - Emitted after the grid has applied a column drag-drop move. `columnKeys` is the full leaf-column key order after the move so consumers can persist per-user column order. The grid renders the new order internally; consumers don't need to mutate `columns`.\n- **ed-row-expand** - Emitted when a group row is expanded.\n- **ed-row-collapse** - Emitted when a group row is collapsed.\n- **ed-row-dblclick** - Emitted on row double-click.\n- **ed-scroll-start** - Emitted when scrolling begins.\n- **ed-scroll-end** - Emitted when scrolling ends.\n- **ed-load-more** - Emitted when infinite scroll reaches near the bottom and needs more data.\n- **ed-lazy-load** - Emitted when an expanded row marked `lazy: true` needs its children loaded.\n\n### **Methods:**\n - **selectAll(): _void_** - Selects all body rows. Only effective in multi-select mode.\n\nUnder `pagination-mode=\"controls\"` this covers the current page, and under infinite scroll every\nrow loaded so far; rows already selected elsewhere stay selected. Use `deselectAll()` to clear\nthe selection across pages.\n- **deselectAll(): _void_** - Clears all row selections, across every page.\n- **expandRow(rowId: _unknown_): _void_** - Expands a tree or group row. For lazy rows, emits load event.\n- **collapseRow(rowId: _unknown_): _void_** - Collapses a tree or group row.\n- **toggleRow(rowId: _unknown_): _void_** - Toggles a tree or group row's expanded/collapsed state.\n- **goToPage(page: _number_): _void_** - Navigates to a specific page.\n- **setPageSize(size: _number_): _void_** - Changes the page size and resets to page 1.\n- **scrollToIndex(index: _number_): _void_** - Scrolls the grid so that the row at the given data index is visible.\n\n### **Slots:**\n - **empty** - Content to display when the grid has no data rows.\n- **loading** - Custom loading overlay content. When assigned, suppresses the default skeleton or progress-bar visual. Framework still owns `aria-busy`, the `inert` lock-out, and the live-region announcement. Note: the slot's projection point is inside an `inert` subtree while loading is true, so focusable controls in the slot are not tab-reachable. Place interactive controls (e.g. a \"Cancel\" button) outside `<ed-data-grid>` instead.\n- **footer** - Replaces the default counts area in the footer. Pagination (when `pagination` + `pagination-mode=\"controls\"`) still renders at the inline-end; the totals row (when any leaf column has `footerAggregate` or `renderFooterAggregate`) still renders above. The `hide-entry-count` and `hide-selection-count` attributes are inert while this slot has assigned content.\n\n### **CSS Properties:**\n - **--ed-data-grid-row-height** - Overwrites the density attribute for manual row height adjustment. _(default: var(--ed-size-8))_\n- **--ed-data-grid-pin-shadow-size** - Length of the shadow that fades in from each pinned-region edge onto the scrolling content when content is hidden behind that region. _(default: var(--ed-space-1))_\n- **--ed-data-grid-pin-shadow-color** - Color of the pinned-region scroll shadow. _(default: var(--ed-color-shadow))_\n\n### **CSS Parts:**\n - **loading-overlay** - Wrapper element around the loading visual (built-in or slotted).\n- **loading-row** - Each skeleton row in `loading-mode=\"skeleton\"`.\n- **loading-cell** - Each skeleton cell in `loading-mode=\"skeleton\"`.\n- **status** - Visually hidden polite live region announcing loading, sort, selection, and pagination status changes.",
      "attributes": [
        {
          "name": "row-key",
          "description": "Property key used to uniquely identify rows.",
          "values": []
        },
        {
          "name": "sortable",
          "description": "Enables sortable columns.",
          "values": []
        },
        {
          "name": "sort-mode",
          "description": "Sort mode. `'single'` allows one sorted column; `'multi'` allows Shift+click multi-sort.",
          "values": [{ "name": "single" }, { "name": "multi" }]
        },
        {
          "name": "selectable",
          "description": "Enables row selection.",
          "values": []
        },
        {
          "name": "selection-mode",
          "description": "Selection mode. `'single'` allows one selected row; `'multi'` allows range/toggle selection.",
          "values": [{ "name": "single" }, { "name": "multi" }]
        },
        {
          "name": "density",
          "description": "Controls row density (padding and height).",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "resizable",
          "description": "Makes all columns resizable via drag handle.",
          "values": []
        },
        {
          "name": "column-reorderable",
          "description": "Enables column reordering via drag-and-drop on header cells.",
          "values": []
        },
        {
          "name": "row-reorderable",
          "description": "Enables row reordering via drag-and-drop handle and the keyboard grab pattern.\n\nLocks itself while a sort, `groupBy` or hierarchical data re-orders the rows, since a move\nwould then rewrite `data` invisibly. A filter applied before `data` is passed in is not\nvisible to the grid — switch this off yourself in that case.",
          "values": []
        },
        {
          "name": "pin-controls",
          "description": "Pins the generated leading columns (row-drag handle and multi-select checkbox) to the start.\nAuto-enabled whenever any user column has `pin: 'start'`.",
          "values": []
        },
        {
          "name": "group-by",
          "description": "Groups flat data by column value(s). Comma-separated for nested grouping.",
          "values": []
        },
        {
          "name": "pagination",
          "description": "Enables pagination.",
          "values": []
        },
        {
          "name": "pagination-mode",
          "description": "Pagination mode. `'controls'` shows page controls; `'infinite'` loads more on scroll.",
          "values": [{ "name": "controls" }, { "name": "infinite" }]
        },
        {
          "name": "total-rows",
          "description": "Total number of rows (for server-side pagination). When set, uses this instead of `.data.length`.",
          "values": []
        },
        {
          "name": "current-page",
          "description": "Current page (1-based).",
          "values": []
        },
        {
          "name": "page-size",
          "description": "Number of rows per page.",
          "values": []
        },
        {
          "name": "page-size-options",
          "description": "Available page size options for the pagination dropdown.",
          "values": [{ "name": "number[]" }]
        },
        {
          "name": "hide-entry-count",
          "description": "Hides the entry count piece in the footer counts area. Inert when the `footer` slot is used.",
          "values": []
        },
        {
          "name": "hide-selection-count",
          "description": "Hides the selection count piece in the footer counts area. The selection count is also\nauto-hidden when no rows are selected, so this attribute matters only when ≥ 1 row is selected.\nInert when the `footer` slot is used.",
          "values": []
        },
        {
          "name": "virtual-scroll",
          "description": "Enables virtual scrolling for large datasets.",
          "values": []
        },
        {
          "name": "row-height",
          "description": "Explicit row height in pixels. If 0, measured from first rendered row.",
          "values": []
        },
        {
          "name": "scroll-buffer",
          "description": "Number of buffer rows rendered above and below the visible viewport.",
          "values": []
        },
        {
          "name": "loading",
          "description": "Shows a loading indicator over the grid body.",
          "values": []
        },
        {
          "name": "loading-mode",
          "description": "Loading appearance.\n`'skeleton'` renders placeholder rows replacing the body content (default).\n`'progress-bar'` renders an indeterminate `<ed-progress-bar>` sticky at the top of the body\nwhile existing rows remain visible (but locked-out via `inert`).",
          "values": [{ "name": "skeleton" }, { "name": "progress-bar" }]
        },
        {
          "name": "loading-rows",
          "description": "Number of skeleton rows in `loading-mode=\"skeleton\"`.\n`0` (default) derives the count from the viewport height; falls back to 5 when no row height is measurable.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/data-grid"
        }
      ]
    },
    {
      "name": "ed-date-picker",
      "description": "Date pickers let users choose a point on the calendar or the clock — a day, a time, both\nat once, or a week, month, quarter, half-year or year — by typing it into a segmented field or\npicking it from a calendar.\n---\n\n\n### **Events:**\n - **input** - Emitted as the user types in any segment.\n- **change** - Emitted when the committed value transitions to a new one.\n- **blur** - Emitted when the control loses focus.\n- **focus** - Emitted when the control gains focus.\n- **ed-calendar-page-change** - Passed on from the calendar in the panel: the page on screen moved. The detail carries `page` as a wire string. Useful for loading what belongs to the month being looked at.\n- **ed-clear** - Emitted when the value is cleared through the clear button or Escape.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **ed-show** - Emitted when the panel opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the panel opens and its animation has finished.\n- **ed-hide** - Emitted when the panel closes. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the panel closes and its animation has finished.\n\n### **Methods:**\n \n- **handleTypeChange()** - A type change drops a value the new type cannot read. The segments are rebuilt from what\nsurvives rather than reinterpreted — day 31 is not a month.\n- **handleRangeApplicabilityChange()** - A `range`, `start` or `end` set from outside moves what the two fields show and what the form\nreceives, so both are re-read. In `willUpdate` rather than `updated` for the same reason the\nvalue sync is: writing the segment stores after the render only schedules a second cycle.\n- **handleTimeShapeChange()** - A `step` change moves whether the field shows seconds at all, so the value is re-read through\nthe new shape — otherwise a seconds segment would appear holding nothing while the value still\ncarried a second, or vanish while the value kept one the field no longer shows.\n- **focus(options: _FocusOptions_)** - Focuses the first empty segment, or the first segment when all are filled.\n\nThe predicate has to read the group as well as the field: for a filled `datetime` the date\nstore holds no `hour`, so a group-blind check reported the hour as the first empty segment and\nput the focus there.\n- **blur()** - Removes focus from the picker.\n- **show(): _Promise<void>_** - Opens the calendar. Resolves once it has finished animating.\n\nNothing happens while the control is disabled or readonly: both make it immutable, and a panel\nwhose picks cannot land is a panel with nothing to do. The platform is stricter still —\n`showPicker()` on an immutable input throws — but this method resolves rather than throws\neverywhere else in the library, so it stays quiet here too.\n- **hide(): _Promise<void>_** - Closes the calendar. Resolves once it has finished animating.\n\n- **setValue(args: _Parameters<EdFormAssociatedElement['setValue']>_)** - Every write of the form value goes through here, so a range rewrites it in one place rather\nthan at each of the call sites the base class and this element have between them.\n\nThe **state** is a single `start/end` string rather than the `FormData`, because that is what\ncomes back through `formStateRestoreCallback` after a navigation, where a `FormData` would have\nto be guessed at.\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The picker's label. Alternatively, use the `label` attribute.\n- **hint** - Text that describes how to use the picker. Alternatively, use the `hint` attribute.\n- **start** - An element placed before the segments, inside the field.\n- **footer** - A row inside the panel, below the calendar and the columns: a note, a legend, a hint about what is barred. Nothing is rendered by default.\n- **footer-controls** - A second row for controls, e.g. a \"Today\" button. Nothing is wired — what a control does, and whether the panel closes, is the consumer's own listener.\n- **trigger-icon** - The glyph on the button that opens the panel. Defaults to a calendar icon, or a clock for `type=\"time\"`.\n- **clear-icon** - The glyph on the clear button. Defaults to an ✕ icon.\n\n### **CSS Properties:**\n - **--ed-date-picker-width** - The width of the field. Defaults to `100%`. _(default: undefined)_\n- **--ed-date-picker-column-height** - How tall the time columns are before they scroll. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control's outer wrapper.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The wrapper around the field.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.\n- **base** - The field itself, holding the segments and both buttons. A range renders two.\n- **base-start** - Added to the first field of a range.\n- **base-end** - Added to the second field of a range.\n- **start** - The wrapper around the `start` slot.\n- **range** - The wrapper holding both fields of a range.\n- **range-separator** - The dash between them.\n- **segments** - The row of segments and separators. A range renders two.\n- **segment** - Any editable segment.\n- **segment-day** - Added to the day segment.\n- **segment-month** - Added to the month segment.\n- **segment-year** - Added to the year segment.\n- **segment-week** - Added to the week segment.\n- **segment-quarter** - Added to the quarter segment.\n- **segment-half-year** - Added to the half-year segment.\n- **segment-hour** - Added to the hour segment.\n- **segment-minute** - Added to the minute segment.\n- **segment-second** - Added to the second segment.\n- **segment-day-period** - Added to the AM/PM segment.\n- **separator** - Inert text between two segments.\n- **separator-gap** - Added to a separator that carries no glyph, only space — between a quarter and its year, or before AM/PM. It is sized as a box, since a span holding one space is a flex item of zero width.\n- **clear-button** - The button that empties the field.\n- **trigger** - The button that opens the calendar.\n- **popup** - The panel holding the calendar.\n- **surfaces** - The row inside the panel holding the calendar, the time columns, or both.\n- **footer** - The consumer's own note row under the panel, rendered only when the `footer` slot has content.\n- **footer-controls** - The consumer's own control row under it, rendered only when the `footer-controls` slot has content.\n- **panel-footer** - The OK/Cancel row below them. Rendered for `type=\"time\"` and `type=\"datetime\"`, where one pick cannot finish the value.\n- **footer-ok** - The button that accepts the entry and closes the panel. Disabled while the value is incomplete.\n- **footer-cancel** - The button that puts back the value the field held when the panel opened.\n- **calendar** - The `<ed-calendar>` inside the panel.\n- **time-columns** - The row of listboxes a time or datetime shows in the panel.\n- **time-column** - One of those listboxes.\n- **time-column-hour** - Added to the hour column.\n- **time-column-minute** - Added to the minute column.\n- **time-column-second** - Added to the second column.\n- **time-column-day-period** - Added to the AM/PM column.\n- **time-option** - One value in a column.\n- **time-option-selected** - The chosen value in a column.",
      "attributes": [
        {
          "name": "value",
          "description": "The default value used for form reset.",
          "values": []
        },
        {
          "name": "type",
          "description": "What is being chosen. It decides which segments the field shows, what the calendar renders, and\nwhich wire format value is written in — not how the value is shaped in the DOM, which is\nalways a string.\n\nChanging it drops a value the new type cannot read, which is what a native field does on the\nsame change: measured in Chromium, `<input type=\"date\" value=\"2026-08-15\">` switched to\n`type=\"month\"` reports `''`.",
          "values": [
            { "name": "time" },
            { "name": "date" },
            { "name": "datetime" },
            { "name": "month" },
            { "name": "week" },
            { "name": "quarter" },
            { "name": "year" },
            { "name": "halfyear" }
          ]
        },
        {
          "name": "required",
          "description": "Makes the picker required for form submission.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Allows the calendar to open but blocks typing and stepping.",
          "values": []
        },
        {
          "name": "with-clear",
          "description": "Adds a button that empties the field, and makes Escape empty it.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "pill",
          "description": "Draws a pill-style field with rounded edges.",
          "values": []
        },
        {
          "name": "label",
          "description": "The picker's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "min",
          "description": "Earliest selectable value, in the same form as value. A bound of a different kind is\nignored rather than approximated — measured, that is what a native field does.",
          "values": []
        },
        {
          "name": "max",
          "description": "Latest selectable value, in the same form as value.",
          "values": []
        },
        {
          "name": "start-min",
          "description": "The earliest value the first half of a range accepts, where it differs from `min`.\n\nTwo halves of one control can carry different rules — a booking window that opens later than\nit closes, a contract that may not start before today. A half that says nothing of its own is\njudged by `min` and `max`, so the shared pair stays the floor and the ceiling for both.\n\nRead only with `range` set, and only in the wire form the current `type` writes.",
          "values": []
        },
        {
          "name": "start-max",
          "description": "The latest value the first half accepts. See startMin.",
          "values": []
        },
        {
          "name": "end-min",
          "description": "The earliest value the second half accepts. See startMin.",
          "values": []
        },
        {
          "name": "end-max",
          "description": "The latest value the second half accepts. See startMin.",
          "values": []
        },
        {
          "name": "start-required",
          "description": "Ask for the first half of a range on its own.\n\n`required` asks for the value the control reports, which for a range is its start. The second\nhalf is its own question: \"valid from X, indefinitely\" is an ordinary value in one form and a\nmissing entry in the next, and only the form knows which.",
          "values": []
        },
        {
          "name": "end-required",
          "description": "Ask for the second half of a range on its own. See startRequired.",
          "values": []
        },
        {
          "name": "start-disabled",
          "description": "Switch the first half of a range off: no typing, out of the tab order, its own panel button\ndisabled, and — as a native disabled control does — nothing submitted for it and nothing\nvalidated against it.\n\nFor a span with one end that is not in play. Where the end is fixed rather than absent, reach\nfor startReadonly instead: that one is still submitted.",
          "values": []
        },
        {
          "name": "end-disabled",
          "description": "Switch the second half of a range off. See startDisabled.",
          "values": []
        },
        {
          "name": "start-readonly",
          "description": "Fix the first half of a range: it is shown and submitted, but not editable and not open to a pick —\nthe other native half of the pair, for a start that is already agreed while the end is still\nbeing negotiated.",
          "values": []
        },
        {
          "name": "end-readonly",
          "description": "Fix the second half of a range. See startReadonly.",
          "values": []
        },
        {
          "name": "label-start",
          "description": "What the first half of a range is called, for assistive technology.\n\nWithout it the halves are named \"from\" and \"until\" in the field's own language, which is right\nuntil the two ends have names of their own — check-in and check-out, agreed and expiry. Not\nrendered as visible text: the visible label is `label`, and it names the pair.",
          "values": []
        },
        {
          "name": "label-end",
          "description": "What the second half is called. See labelStart.",
          "values": []
        },
        {
          "name": "step",
          "description": "Granularity of the time in **seconds**, as HTML defines it, or `'any'` for every second. It\ndecides two things: whether the field shows a seconds segment, and which values the popup's\ncolumns offer.\n\nThe grid is counted from `min` where there is one, otherwise from the `value` attribute,\notherwise from midnight — the platform's own rule, so `min=\"09:07\"` with `step=\"900\"` offers\n09:07, 09:22, 09:37 and 09:52 rather than the quarter hours. Only read by `time` and\n`datetime`.",
          "values": [{ "name": "any" }]
        },
        {
          "name": "hour-format",
          "description": "How the hour is written. `auto` asks the locale, which is what a native field does.",
          "values": [{ "name": "auto" }, { "name": "12" }, { "name": "24" }]
        },
        {
          "name": "range",
          "description": "Picks a stretch rather than a point: two fields sharing one calendar.\n\nstart and end are the two values, each in the form `type` writes, and **`end`\nmay stand empty** — \"from here on, open\" is the ordinary case for a contract or a tariff, and\none that a single field holding both ends cannot express at all. value is not used in\nthis mode.\n\nOnly for `type=\"date\"` so far. A range of quarters and a span of clock times are each their own\nquestion — \"from 14:00 until 09:00\" has no meaning without one being settled.",
          "values": []
        },
        {
          "name": "start",
          "description": "The first end of a range, in the form type writes. Only read while range is set.",
          "values": []
        },
        {
          "name": "end",
          "description": "The second end. May stand empty, which is an open-ended period rather than an unfinished one.",
          "values": []
        },
        {
          "name": "open",
          "description": "The calendar's open state. Reflected, so `[open]` styles the field while it is showing.",
          "values": []
        },
        {
          "name": "placement",
          "description": "Where the calendar is placed relative to the field.",
          "values": [{ "name": "top" }, { "name": "bottom" }]
        },
        {
          "name": "locale",
          "description": "BCP-47 locale override for the **order of the segments** and the separators between them. When\nempty, the inherited `lang` attribute is used.\n\nThe wording of everything else — the segment labels, the placeholders, the calendar's month\nnames — follows `lang`, because that is what `LocalizeController` reads. Set both to move the\ntwo together.",
          "values": []
        },
        {
          "name": "first-day-of-week",
          "description": "The first day of the week in the calendar, ISO-numbered: 1 is Monday, 7 is Sunday. `auto` reads\nthe locale, falling back to Monday where the browser cannot answer — `getWeekInfo()` does not\nexist in Firefox.",
          "values": [
            { "name": "1" },
            { "name": "2" },
            { "name": "3" },
            { "name": "4" },
            { "name": "5" },
            { "name": "6" },
            { "name": "7" },
            { "name": "auto" }
          ]
        },
        {
          "name": "show-week-numbers",
          "description": "Shows the ISO week number beside each row of the calendar.",
          "values": []
        },
        {
          "name": "default-month",
          "description": "The page the calendar opens on while nothing is selected, as `YYYY-MM` or a full day. A\nselected value always wins — it is the page the user is looking for.\n\nToday is only the right guess where the consumer has none: a booking form knows the season, a\npayroll form knows the period. There is no native counterpart to follow here — `<input\ntype=\"date\">` gives no say over the picker it opens — so this is the calendar's own attribute,\npassed through.",
          "values": []
        },
        {
          "name": "panels",
          "description": "How many month panels the calendar shows, `1` or `2`. Only a live range reads it, because two\nlinked months are what make both ends of a span that crosses a month boundary reachable\nwithout paging; everything else shows one.",
          "values": []
        },
        {
          "name": "confirm",
          "description": "Whether the panel ends with an OK/Cancel row.\n\n`auto` lets the type decide, which is the reason the row exists: a clock cannot be finished in\none pick, so `time` and `datetime` confirm, while a single pick already is the value everywhere\nelse — and a native `<input type=\"date\">` closes its picker on that pick. `always` and `never`\noverrule it, for a form that wants every entry acknowledged or one that wants none.\n\nWhile the row is showing, a pick leaves the panel open: otherwise the OK it offers could never\nbe reached.",
          "values": [
            { "name": "auto" },
            { "name": "always" },
            { "name": "never" }
          ]
        },
        {
          "name": "picker-only",
          "description": "Set the value from the panel only: the segments take no digits and report themselves as not\neditable, while the panel stays open for business — a press anywhere on the field opens it,\nsince there is no caret to place.\n\nFor a field where only some values are allowed and the panel is what shows which. Distinct\nfrom `readonly`, which makes the value unchangeable altogether.",
          "values": []
        },
        {
          "name": "input-only",
          "description": "The other way round: the field is typed into and there is no panel at all — no button, and\n<kbd>Alt</kbd> + <kbd>↓</kbd> opens nothing.\n\nFor entry by keyboard, where reaching for a panel costs more than typing four digits.",
          "values": []
        },
        {
          "name": "autofocus",
          "description": "Take the focus on load, on the segment the field is entered through — the same one a\n<kbd>Tab</kbd> reaches.\n\nThe attribute is passed to that segment, so the platform decides when it applies, exactly as\nit does for `ed-input`'s inner `<input>`. That means it holds on load and is ignored when set\nlater, which is what a native `autofocus` does.",
          "values": []
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/date-picker"
        }
      ]
    },
    {
      "name": "ed-details",
      "description": "Details show a brief summary and expand to show additional content.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted before the details opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the details opens and all animations are complete.\n- **ed-hide** - Emitted before the details closes. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the details closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the details.\n- **hide()** - Hides the details\n\n### **Slots:**\n - _default_ - The details' main content.\n- **summary** - The details' summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<ed-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<ed-icon>`.\n\n### **CSS Properties:**\n - **--ed-details-spacing** - The amount of space around and between the details' content. Expects a single value. _(default: undefined)_\n- **--ed-show-duration** - The show duration to use when applying built-in animation classes. _(default: var(--ed-transition-normal))_\n- **--ed-hide-duration** - The hide duration to use when applying built-in animation classes. _(default: var(--ed-transition-normal))_\n\n### **CSS Parts:**\n - **base** - The inner `<details>` element used to render the component. Styles you apply to the component are automatically applied to this part, so you usually don't need to deal with it unless you need to set the `display` property.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The `<slot>` the summary text is projected into. A slot has no box of its own, so inherited properties such as `color` reach the text while `background`, `padding` and `border` do not — set those on `header`, the `<summary>` element around it.\n- **icon** - The container that wraps the expand/collapse icons.\n- **content** - The details content.",
      "attributes": [
        {
          "name": "open",
          "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
          "values": []
        },
        {
          "name": "summary",
          "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "Groups related details elements. When one opens, others with the same name will close.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the details so it can't be toggled.",
          "values": []
        },
        {
          "name": "appearance",
          "description": "The element's visual appearance.",
          "values": [{ "name": "filled" }, { "name": "plain" }]
        },
        {
          "name": "icon-placement",
          "description": "The location of the expand/collapse icon.",
          "values": [{ "name": "start" }, { "name": "end" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/details"
        }
      ]
    },
    {
      "name": "ed-page-thumbnail",
      "description": "A selectable thumbnail of a document page — an A4 preview image with a caption.\n---\n\n\n### **Events:**\n - **click** - Emitted when the thumbnail is activated by pointer or keyboard (Enter/Space). Use it to drive selection.\n\n### **Slots:**\n - _default_ - The caption shown below the preview. Alternatively, use the `label` attribute.\n- **overlay** - Content layered over the preview, e.g. a page-number badge, a selection checkbox, or action buttons.\n\n### **CSS Properties:**\n - **--ed-page-thumbnail-width** - The width of the preview card. Height follows the A4 aspect ratio. _(default: 4.125rem)_\n\n### **CSS Parts:**\n - **card** - The A4 preview box that holds the image or the empty placeholder.\n- **image** - The preview `<img>` element.\n- **empty-icon** - The `page_crossed` icon shown when there is no preview.\n- **label** - The caption below the preview.",
      "attributes": [
        {
          "name": "src",
          "description": "The preview image URL. When absent (or it fails to load), the empty placeholder is shown.",
          "values": []
        },
        {
          "name": "label",
          "description": "The caption shown below the preview (e.g. a page number). Also used as the image's alt text and accessible name.",
          "values": []
        },
        {
          "name": "rotation",
          "description": "Clockwise rotation of the preview image, in degrees. `90` and `270` transpose the card to\nlandscape and fill it with the rotated page (so the selection ring and focus outline hug the\npage, not a letterboxed portrait card); `0` (default) and `180` keep the edge-to-edge preview.",
          "values": [
            { "name": "0" },
            { "name": "90" },
            { "name": "180" },
            { "name": "270" }
          ]
        },
        {
          "name": "selected",
          "description": "Whether the thumbnail is selected. The parent owns the selection set; this only reflects the state.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the thumbnail: it is not focusable and does not emit activation events.",
          "values": []
        },
        {
          "name": "tabIndex",
          "description": "The host's tab order. Defaults to focusable (`0`); a roving-focus parent (e.g. a document-viewer\nrail) sets it per item. Wrapped in `@property` so it reflects (incl. SSR) and framework wrappers\npass it through — same pattern as `ed-tab`.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/page-thumbnail"
        }
      ]
    },
    {
      "name": "ed-slider",
      "description": "Ranges allow the user to select a single value within a given range using a slider.\n---\n\n\n### **Events:**\n - **change** - Emitted when an alteration to the control's value is committed by the user.\n- **blur** - Emitted when the control loses focus.\n- **focus** - Emitted when the control gains focus.\n- **input** - Emitted when the control receives input.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n- **focus()** - Sets focus to the slider.\n- **blur()** - Removes focus from the slider.\n- **stepDown()** - Decreases the slider's value by `step`. This is a programmatic change, so `input` and `change` events will not be\nemitted when this is called.\n- **stepUp()** - Increases the slider's value by `step`. This is a programmatic change, so `input` and `change` events will not be\nemitted when this is called.\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The slider label. Alternatively, you can use the `label` attribute.\n- **hint** - Text that describes how to use the input. Alternatively, you can use the `hint` attribute. instead.\n- **reference** - One or more reference labels to show visually below the slider.\n\n### **CSS Properties:**\n - **--ed-slider-track-size** - The height or width of the slider's track. _(default: 0.5em)_\n- **--ed-slider-marker-size** - The size of each individual marker. _(default: 0.1875em)_\n- **--ed-slider-thumb-size** - The size of the thumb. _(default: 1.24em)_\n\n### **CSS Parts:**\n - **label** - The element that contains the slider's label.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The element that contains the slider's description.\n- **slider** - The focusable element with `role=\"slider\"`. Contains the track and reference slot.\n- **track** - The slider's track.\n- **indicator** - The colored indicator that shows from the start of the slider to the current value.\n- **markers** - The container that holds all the markers when `with-markers` is used.\n- **marker** - The individual markers that are shown when `with-markers` is used.\n- **references** - The container that holds references that get slotted in.\n- **thumb** - The slider's thumb.\n- **thumb-min** - The min value thumb in a range slider.\n- **thumb-max** - The max value thumb in a range slider.\n- **tooltip** - The tooltip, a `<ed-tooltip>` element.\n- **tooltip__tooltip** - The tooltip's `tooltip` part.\n- **tooltip__content** - The tooltip's `content` part.\n- **tooltip__arrow** - The tooltip's `arrow` part.",
      "attributes": [
        {
          "name": "label",
          "description": "The slider's label. If you need to provide HTML in the label, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The slider's accessible name for when no visible label is set. Mirrored onto the internal\n`role=\"slider\"` node (and folded into the range-thumb names) — an aria-label left on the\nhost alone would sit on a role-less element and be ignored by assistive tech.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the slider. This will be submitted with the form as a name/value pair.",
          "values": []
        },
        {
          "name": "min-value",
          "description": "The minimum value of a range selection. Used only when range attribute is set.",
          "values": []
        },
        {
          "name": "max-value",
          "description": "The maximum value of a range selection. Used only when range attribute is set.",
          "values": []
        },
        {
          "name": "value",
          "description": "The default value used for form reset. The raw attribute text, as on a native input.",
          "values": []
        },
        {
          "name": "range",
          "description": "Converts the slider to a range slider with two thumbs.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the slider a read-only field.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The orientation of the slider.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "indicator-offset",
          "description": "The starting value from which to draw the slider's fill, which is based on its current value.",
          "values": []
        },
        {
          "name": "min",
          "description": "The minimum value allowed.",
          "values": []
        },
        {
          "name": "max",
          "description": "The maximum value allowed.",
          "values": []
        },
        {
          "name": "step",
          "description": "The granularity the value must adhere to when incrementing and decrementing.",
          "values": []
        },
        {
          "name": "autofocus",
          "description": "Tells the browser to focus the slider when the page loads or a dialog is shown.",
          "values": []
        },
        {
          "name": "tooltip-distance",
          "description": "The distance of the tooltip from the slider's thumb.",
          "values": []
        },
        {
          "name": "tooltip-placement",
          "description": "The placement of the tooltip in reference to the slider's thumb.",
          "values": [
            { "name": "top" },
            { "name": "right" },
            { "name": "bottom" },
            { "name": "left" }
          ]
        },
        {
          "name": "with-markers",
          "description": "Draws markers at each step along the slider. One marker is rendered per step, so the count\nfollows from `min`, `max` and `step` — a wide range with a fine step produces a lot of markers.\nUnlike a native range input, where every tick is an explicit `<option>`, that number is implicit\nhere, so keep it in mind when picking the three values.",
          "values": []
        },
        {
          "name": "with-tooltip",
          "description": "Draws a tooltip above the thumb when the control has focus or is dragged.",
          "values": []
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup\nincludes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup\nincludes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/slider"
        }
      ]
    },
    {
      "name": "ed-document-viewer",
      "description": "A document viewer — a dark toolbar (pagination, view-mode, zoom), a thumbnail rail, and a page canvas. The consumer supplies rendered page images.\n---\n\n\n### **Events:**\n - **ed-page-change** - Emitted when the current page changes.\n- **ed-zoom-change** - Emitted when the zoom factor changes.\n- **ed-view-change** - Emitted when the view mode changes.\n- **ed-rotate** - Emitted when the user rotates the current page with the toolbar buttons. The viewer applies the rotation itself; a consumer may listen to persist it back into `pages`.\n\n### **Slots:**\n - **actions** - Extra buttons at the end of the toolbar (e.g. download, print).\n- **error** - Overrides the localized message shown when the current page cannot be loaded.\n\n### **CSS Properties:**\n - **--ed-document-viewer-rail-width** - The width of the thumbnail rail. _(default: 6rem)_\n\n### **CSS Parts:**\n - **toolbar** - The top toolbar.\n- **pagination** - The page navigation group.\n- **zoomer** - The zoom group: the two zoom buttons and the slider between them.\n- **button** - Each toolbar icon button.\n- **actions** - The container for the `actions` slot.\n- **rail** - The thumbnail rail (a listbox).\n- **thumbnail** - Each page thumbnail (an `ed-page-thumbnail`).\n- **canvas** - The page render area.\n- **page** - A rendered page `<img>` (or the per-page error placeholder).\n- **error** - The load-error container.",
      "attributes": [
        {
          "name": "page",
          "description": "The current page, 1-based.",
          "values": []
        },
        {
          "name": "view",
          "description": "How the canvas lays out pages.",
          "values": [{ "name": "single" }, { "name": "continuous" }]
        },
        {
          "name": "zoom",
          "description": "The zoom factor relative to the fit-to-viewport size: `1` (100%) fits the whole page in the\ncanvas (as large as possible), and larger values zoom into it. Rescales as the canvas resizes.",
          "values": []
        },
        {
          "name": "fit",
          "description": "The fit preset, or `null` while the user is in manual zoom.",
          "values": [{ "name": "width" }, { "name": "height" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/document-viewer"
        }
      ]
    },
    {
      "name": "ed-dropdown-item",
      "description": "Represents an individual item within a dropdown menu, supporting standard items, checkboxes, and submenus.\n---\n\n\n### **Events:**\n - **blur** - Emitted when the dropdown item loses focus.\n- **focus** - Emitted when the dropdown item gains focus.\n\n### **Slots:**\n - _default_ - The dropdown item's label.\n- **icon** - An optional icon to display before the label.\n- **details** - Additional content or details to display after the label.\n- **submenu** - Submenu items, typically `<ed-dropdown-item>` elements, to create a nested menu.\n\n### **CSS Parts:**\n - **checkbox** - The checkbox indicator (an `<ed-checkbox>` element) when the item is a checkbox.\n- **icon** - The container for the icon slot.\n- **label** - The container for the label slot.\n- **details** - The container for the details slot.\n- **submenu-icon** - The submenu indicator icon (a `<ed-icon>` element).\n- **submenu-icon__svg** - The submenu indicator's exported `svg` part, the drawn arrow itself.\n- **submenu** - The submenu container.",
      "attributes": [
        {
          "name": "value",
          "description": "An optional value for the menu item. This is useful for determining which item was selected when listening to the\ndropdown's `ed-select` event.",
          "values": []
        },
        {
          "name": "type",
          "description": "Set to `checkbox` to make the item a checkbox.",
          "values": [{ "name": "normal" }, { "name": "checkbox" }]
        },
        {
          "name": "checked",
          "description": "Set to true to check the dropdown item. Only valid when `type` is `checkbox`.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the dropdown item.",
          "values": []
        },
        {
          "name": "submenuOpen",
          "description": "Whether the submenu is currently open.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/dropdown-item"
        }
      ]
    },
    {
      "name": "ed-dropdown",
      "description": "Dropdowns display a list of options that can be triggered by a button or other element. They support\nkeyboard navigation, submenus, and various customization options.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted when the dropdown is about to show. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the dropdown has been shown.\n- **ed-hide** - Emitted when the dropdown is about to hide. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the dropdown has been hidden.\n- **ed-select** - Emitted when an item in the dropdown is selected. Cancelable; calling `preventDefault()` leaves the selection unchanged.\n\n### **Slots:**\n - _default_ - The dropdown's items, typically `<ed-dropdown-item>` elements.\n- **trigger** - The element that triggers the dropdown, such as a `<ed-button>` or `<button>`.\n\n### **CSS Properties:**\n - **--ed-show-duration** - The duration of the show animation. _(default: undefined)_\n- **--ed-hide-duration** - The duration of the hide animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's host element.\n- **menu** - The dropdown menu container.",
      "attributes": [
        {
          "name": "open",
          "description": "Opens or closes the dropdown.",
          "values": []
        },
        {
          "name": "placement",
          "description": "The placement of the dropdown menu in reference to the trigger. The menu will shift to a more optimal location if\nthe preferred placement doesn't have enough room.",
          "values": [
            { "name": "top" },
            { "name": "top-start" },
            { "name": "top-end" },
            { "name": "bottom" },
            { "name": "bottom-start" },
            { "name": "bottom-end" },
            { "name": "right" },
            { "name": "right-start" },
            { "name": "right-end" },
            { "name": "left" },
            { "name": "left-start" },
            { "name": "left-end" }
          ]
        },
        {
          "name": "distance",
          "description": "The distance of the dropdown menu from its trigger.",
          "values": []
        },
        {
          "name": "skidding",
          "description": "The offset of the dropdown menu along its trigger.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/dropdown"
        }
      ]
    },
    {
      "name": "ed-format-bytes",
      "description": "Formats a number as a human readable bytes value.\n---\n",
      "attributes": [
        {
          "name": "value",
          "description": "The number to format in bytes. A value that is not a finite number renders nothing.",
          "values": []
        },
        {
          "name": "unit",
          "description": "The type of unit to display.",
          "values": [{ "name": "byte" }, { "name": "bit" }]
        },
        {
          "name": "display",
          "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
          "values": [
            { "name": "long" },
            { "name": "short" },
            { "name": "narrow" }
          ]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/format-bytes"
        }
      ]
    },
    {
      "name": "ed-file-input",
      "description": "File inputs let users pick one or more files from their device to submit with a form — no upload.\n---\n\n\n### **Events:**\n - **ed-file-input-change** - Emitted whenever the selection changes (a file is added or removed).\n\n### **Methods:**\n - **handleValueChange(): _void_** - Mirrors an externally assigned `value` (e.g. `el.value = […]`) into the picker's visible chip\nlist. Guarded against the picker→value round trip: `handleSelectionChange` above derives\n`value` from `picker.files` on every real selection change, so by the time this watcher runs,\nan internally-driven `value` already equals `picker.files` — `sameFiles` catches that and\nskips, which is what breaks the value → picker.setFiles → (would-be) onChange → value loop.\n`picker.setFiles` never fires `onChange` anyway (see its own doc comment), so even without this\nguard there is no infinite loop — but without it every real selection would immediately (and\npointlessly) re-run through `setFiles` a second time.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The file input's label. Alternatively, you can use the `label` attribute.\n- **hint** - Text that describes how to use the file input. Alternatively, you can use the `hint` attribute.\n\n### **CSS Parts:**\n - **label** - The label.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.\n- **base** - The component wrapper.\n- **dropzone** - The drag & drop area.\n- **list** - The file list.\n- **file** - A single file row.\n- **file-name** - A file row's name.\n- **file-size** - A file row's size.\n- **file-actions** - A file row's action buttons.\n- **file-reason** - A rejected row's reason text.",
      "attributes": [
        {
          "name": "multiple",
          "description": "Allow selecting/dropping more than one file. Mirrors the native input's `multiple`.",
          "values": []
        },
        {
          "name": "accept",
          "description": "Comma-separated list of accepted types (extensions and/or MIME types), like the native `accept`.",
          "values": []
        },
        {
          "name": "max-files",
          "description": "Maximum number of files (multiple mode only).",
          "values": []
        },
        {
          "name": "max-file-size",
          "description": "Maximum size per file in MB (capped at 2048).",
          "values": []
        },
        {
          "name": "max-total-file-size",
          "description": "Maximum total size of all selected files in MB (capped at 2048).",
          "values": []
        },
        {
          "name": "label",
          "description": "The file input's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The control's accessible name for when no visible label is set. Mirrored onto the internal\n`role=\"group\"` wrapper — an aria-label left on the host alone would sit on a role-less\nelement and be ignored by assistive tech. (The trigger button keeps its own action name;\nsee backlog #51 for folding the consumer label into it.)",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the file input a required field: at least one file must be selected.",
          "values": []
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup\nincludes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/file-input"
        }
      ]
    },
    {
      "name": "ed-format-date",
      "description": "Formats a date/time using the specified locale and options.\n---\n",
      "attributes": [
        {
          "name": "date",
          "description": "The date/time to format. If not set, the current date and time will be used. Set `null` to render nothing.\n\nA string is read as a **calendar day** when it carries no time of day (`2026-08-03`, `2026-08`, `2026`) and as an\n**exact instant** when it does (`2026-08-03T10:30:00Z`). A calendar day renders as the day it names in every time\nzone; an instant is expressed in the viewer's zone unless `time-zone` says otherwise. Use the ISO 8601 format either\nway — to serialize a `Date`, use\n[`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "weekday",
          "description": "The format for displaying the weekday.",
          "values": [
            { "name": "narrow" },
            { "name": "short" },
            { "name": "long" }
          ]
        },
        {
          "name": "era",
          "description": "The format for displaying the era.",
          "values": [
            { "name": "narrow" },
            { "name": "short" },
            { "name": "long" }
          ]
        },
        {
          "name": "year",
          "description": "The format for displaying the year.",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "month",
          "description": "The format for displaying the month.",
          "values": [
            { "name": "numeric" },
            { "name": "2-digit" },
            { "name": "narrow" },
            { "name": "short" },
            { "name": "long" }
          ]
        },
        {
          "name": "day",
          "description": "The format for displaying the day.",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "hour",
          "description": "The format for displaying the hour.",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "minute",
          "description": "The format for displaying the minute.",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "second",
          "description": "The format for displaying the second.",
          "values": [{ "name": "numeric" }, { "name": "2-digit" }]
        },
        {
          "name": "time-zone-name",
          "description": "The format for displaying the time.",
          "values": [{ "name": "short" }, { "name": "long" }]
        },
        {
          "name": "time-zone",
          "description": "The time zone to express the time in. Only meaningful for a `date` that names an instant — a calendar day names no\ninstant to convert, so combining the two shifts the rendered day away from the value.",
          "values": []
        },
        {
          "name": "hour-format",
          "description": "The format for displaying the hour.",
          "values": [{ "name": "auto" }, { "name": "12" }, { "name": "24" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/format-date"
        }
      ]
    },
    {
      "name": "ed-format-number",
      "description": "Formats a number using the specified locale and options.\n---\n",
      "attributes": [
        {
          "name": "value",
          "description": "The number to format.",
          "values": []
        },
        {
          "name": "type",
          "description": "The formatting style to use.",
          "values": [
            { "name": "currency" },
            { "name": "decimal" },
            { "name": "percent" }
          ]
        },
        {
          "name": "without-grouping",
          "description": "Turns off grouping separators.",
          "values": []
        },
        {
          "name": "currency",
          "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
          "values": []
        },
        {
          "name": "currency-display",
          "description": "How to display the currency.",
          "values": [
            { "name": "symbol" },
            { "name": "narrowSymbol" },
            { "name": "code" },
            { "name": "name" }
          ]
        },
        {
          "name": "minimum-integer-digits",
          "description": "The minimum number of integer digits to use. Possible values are 1-21.",
          "values": []
        },
        {
          "name": "minimum-fraction-digits",
          "description": "The minimum number of fraction digits to use. Possible values are 0-100.",
          "values": []
        },
        {
          "name": "maximum-fraction-digits",
          "description": "The maximum number of fraction digits to use. Possible values are 0-100.",
          "values": []
        },
        {
          "name": "minimum-significant-digits",
          "description": "The minimum number of significant digits to use. Possible values are 1-21.",
          "values": []
        },
        {
          "name": "maximum-significant-digits",
          "description": "The maximum number of significant digits to use. Possible values are 1-21.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/format-number"
        }
      ]
    },
    {
      "name": "ed-header",
      "description": "Headers provide a consistent app bar with a logo area and a content area for navigation, search, or actions.\n---\n\n\n### **Slots:**\n - _default_ - The header's content (navigation, search, actions, etc.). Visually leading; use `margin-inline-start: auto` on a child to push it (and everything after it) to the right of the content row.\n- **logo** - The branding logo. Rendered first in the DOM (so assistive technologies reach the home link before the navigation) but visually trailing. Images and inline SVGs are sized to fit the header height automatically.\n\n### **CSS Properties:**\n - **--ed-header-size** - The height of the header. An `ed-button[navbar]` reads it as its own minimum width, so the buttons in the header stay square when this changes. _(default: var(--ed-size-13))_\n\n### **CSS Parts:**\n - **content** - The wrapper around the default slot.\n- **logo** - The wrapper around the `logo` slot.",
      "attributes": [
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/header"
        }
      ]
    },
    {
      "name": "ed-input",
      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **input** - Emitted when the control receives input.\n- **change** - Emitted when an alteration to the control's value is committed by the user.\n- **blur** - Emitted when the control loses focus.\n- **focus** - Emitted when the control gains focus.\n- **ed-clear** - Emitted when the control's value is cleared.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n\n- **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **start** - An element, such as `<ed-icon>`, placed at the start of the input control.\n- **end** - An element, such as `<ed-icon>`, placed at the end of the input control.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **hint** - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n\n### **CSS Properties:**\n - **--ed-input-text-align** - How the value is aligned inside the field. Defaults to `start`; `end` suits amounts and other figures. Setting `text-align` on the element itself does not reach the value — the browser's own stylesheet sets it on the inner control — and would align the label and hint instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **label** - The label\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.\n- **base** - The wrapper being rendered as an input\n- **input** - The internal `<input>` control.\n- **start** - The container that wraps the `start` slot.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **end** - The container that wraps the `end` slot.",
      "attributes": [
        { "name": "title", "values": [] },
        {
          "name": "type",
          "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
          "values": [
            { "name": "date" },
            { "name": "datetime-local" },
            { "name": "email" },
            { "name": "number" },
            { "name": "password" },
            { "name": "search" },
            { "name": "tel" },
            { "name": "text" },
            { "name": "time" },
            { "name": "url" }
          ]
        },
        {
          "name": "value",
          "description": "The default value of the form control. Primarily used for resetting the form control.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "pill",
          "description": "Draws a pill-style input with rounded edges.",
          "values": []
        },
        {
          "name": "label",
          "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The input's accessible name for when no visible label is set (e.g. an icon-only search\nfield). Mirrored onto the internal input, where the textbox role lives — an aria-label\nleft on the host alone would sit on a role-less element and be ignored by assistive tech.",
          "values": []
        },
        {
          "name": "with-clear",
          "description": "Adds a clear button when the input is not empty, and makes Escape empty the field.",
          "values": []
        },
        {
          "name": "placeholder",
          "description": "Placeholder text to show as a hint when the input is empty.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the input readonly.",
          "values": []
        },
        {
          "name": "password-toggle",
          "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
          "values": []
        },
        {
          "name": "password-visible",
          "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
          "values": []
        },
        {
          "name": "without-spin-buttons",
          "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the input a required field.",
          "values": []
        },
        {
          "name": "pattern",
          "description": "A regular expression pattern to validate input against.",
          "values": []
        },
        {
          "name": "minlength",
          "description": "The minimum length of input that will be considered valid.",
          "values": []
        },
        {
          "name": "maxlength",
          "description": "The maximum length of input that will be considered valid.",
          "values": []
        },
        {
          "name": "min",
          "description": "The input's minimum value. Only applies to date and number input types.",
          "values": []
        },
        {
          "name": "max",
          "description": "The input's maximum value. Only applies to date and number input types.",
          "values": []
        },
        {
          "name": "step",
          "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
          "values": [{ "name": "any" }]
        },
        {
          "name": "autocapitalize",
          "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
          "values": [
            { "name": "off" },
            { "name": "none" },
            { "name": "on" },
            { "name": "sentences" },
            { "name": "words" },
            { "name": "characters" }
          ]
        },
        {
          "name": "autocorrect",
          "description": "Indicates whether the browser's autocorrect feature is on or off. When set as an attribute, use `\"off\"` or `\"on\"`.\nWhen set as a property, use `true` or `false`.",
          "values": []
        },
        {
          "name": "autocomplete",
          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
          "values": []
        },
        {
          "name": "autofocus",
          "description": "Indicates that the input should receive focus on page load.",
          "values": []
        },
        {
          "name": "enterkeyhint",
          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
          "values": [
            { "name": "enter" },
            { "name": "done" },
            { "name": "go" },
            { "name": "next" },
            { "name": "previous" },
            { "name": "search" },
            { "name": "send" }
          ]
        },
        {
          "name": "spellcheck",
          "description": "Enables spell checking on the input.",
          "values": []
        },
        {
          "name": "inputmode",
          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
          "values": [
            { "name": "none" },
            { "name": "text" },
            { "name": "decimal" },
            { "name": "numeric" },
            { "name": "tel" },
            { "name": "search" },
            { "name": "email" },
            { "name": "url" }
          ]
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/input"
        }
      ]
    },
    {
      "name": "ed-intersection-observer",
      "description": "Tracks immediate child elements and fires events as they move in and out of view.\n---\n\n\n### **Events:**\n - **ed-intersect** - Fired when a tracked element begins or ceases intersecting.\n\n### **Slots:**\n - _default_ - Elements to track. Only immediate children of the host are monitored.",
      "attributes": [
        {
          "name": "root",
          "description": "CSS selector for the element that defines the viewport boundaries for tracked targets.\nResolved against this element's own root node, so a selector matching a sibling inside the same\nshadow root works. It cannot cross a shadow boundary — use `rootElement` for that.",
          "values": []
        },
        {
          "name": "root-margin",
          "description": "Offset space around the root boundary. Accepts values like CSS margin syntax.",
          "values": []
        },
        {
          "name": "threshold",
          "description": "One or more space-separated values representing visibility percentages that trigger the observer callback.",
          "values": []
        },
        {
          "name": "intersect-class",
          "description": "CSS class applied to elements during intersection. Automatically removed when elements leave\nthe viewport, enabling pure CSS styling based on visibility state.",
          "values": []
        },
        {
          "name": "once",
          "description": "If enabled, observation ceases after initial intersection.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Deactivates the intersection observer functionality.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/intersection-observer"
        }
      ]
    },
    {
      "name": "ed-markdown",
      "description": "Renders markdown content in plain ol' HTML.\n---\n\n\n### **Methods:**\n - **getMarkdownIt(): _MarkdownIt_** - Returns the shared MarkdownIt instance used by all `<ed-markdown>` components.\n- **updateAll(): _void_** - Re-renders all connected `<ed-markdown>` instances. Call this after changing the MarkdownIt configuration.\n- **renderMarkdown()** - Reads the script content, normalizes whitespace, parses markdown, and injects the result.\n\n### **Slots:**\n - _default_ - The markdown source, typically a `<script type=\"text/markdown\">` element. Its text content is parsed and rendered; the slot itself is never displayed.",
      "attributes": [
        {
          "name": "tab-size",
          "description": "The tab stop width used when converting leading tabs to spaces during whitespace normalization.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/markdown"
        }
      ]
    },
    {
      "name": "ed-known-date",
      "description": "Known dates let users enter dates they already know - birthdays, expirations, document\ndates - through three separate day, month, and year fields shown in the locale's natural order.\n---\n\n\n### **Events:**\n - **input** - Emitted as the user types in any field.\n- **change** - Emitted when the committed value transitions to a new ISO date.\n- **blur** - Emitted when the control loses focus.\n- **focus** - Emitted when the control gains focus.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n- **focus(options: _FocusOptions_)** - Focuses the first empty field, or the first field when all are filled.\n- **blur()** - Removes focus from the known date.\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The known date's group label. Alternatively, use the `label` attribute.\n- **hint** - Text that describes how to use the known date. Alternatively, use the `hint` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control's outer wrapper.\n- **form-control-label** - The wrapper inside the legend that styles the visible label text.\n- **form-control-input** - Alias on the fields row matching other form controls.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.\n- **known-date** - Alias on the fields row, for symmetry with the other form controls.\n- **fieldset** - The `<fieldset>` element grouping the three fields (or a `role=\"group\"` div).\n- **legend** - The `<legend>` element (when a label is present).\n- **fields** - The flex row holding the three field blocks.\n- **field** - Each field block (label + input).\n- **field-day** - Added to the day field block.\n- **field-month** - Added to the month field block.\n- **field-year** - Added to the year field block.\n- **field-label** - The text label below each field's input, styled like the hint.\n- **field-input** - The native `<input>` inside a field.",
      "attributes": [
        {
          "name": "value",
          "description": "The default value used for form reset.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the known date required for form submission.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the fields non-editable.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "pill",
          "description": "Draws pill-style fields with rounded edges.",
          "values": []
        },
        {
          "name": "label",
          "description": "The known date's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "autocomplete",
          "description": "Browser autofill family. When set to `bday`, the three fields receive `bday-day`, `bday-month`, and\n`bday-year` respectively. The field-agnostic directives `off` and `on` are applied to all three fields.\nAny other value is forwarded only to the year field.",
          "values": []
        },
        {
          "name": "min",
          "description": "Earliest selectable date as `YYYY-MM-DD`.",
          "values": []
        },
        {
          "name": "max",
          "description": "Latest selectable date as `YYYY-MM-DD`.",
          "values": []
        },
        {
          "name": "locale",
          "description": "BCP-47 locale override. When empty, the inherited `lang` attribute is used.",
          "values": []
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/known-date"
        }
      ]
    },
    {
      "name": "ed-mutation-observer",
      "description": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).\n---\n\n\n### **Events:**\n - **ed-mutation** - Emitted when a mutation is observed. The event detail contains a `mutationList` array of [`MutationRecord`](https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord) objects.\n\n### **Slots:**\n - _default_ - The content to watch for mutations.",
      "attributes": [
        {
          "name": "attr",
          "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
          "values": []
        },
        {
          "name": "attr-old-value",
          "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
          "values": []
        },
        {
          "name": "char-data",
          "description": "Watches for changes to the character data contained within the node.",
          "values": []
        },
        {
          "name": "char-data-old-value",
          "description": "Indicates whether or not the previous value of the node's text should be recorded.",
          "values": []
        },
        {
          "name": "child-list",
          "description": "Watches for the addition or removal of new child nodes.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the observer.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/mutation-observer"
        }
      ]
    },
    {
      "name": "ed-switch",
      "description": "Switches allow the user to toggle an option on or off.\n---\n\n\n### **Events:**\n - **change** - Emitted when the control's checked state changes.\n- **input** - Emitted when the control receives input.\n- **blur** - Emitted when the control loses focus.\n- **focus** - Emitted when the control gains focus.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the switch.\n- **focus(options: _FocusOptions_)** - Sets focus on the switch.\n- **blur()** - Removes focus from the switch.\n- **setValue(args: _Parameters<EdFormAssociatedElement['setValue']>_)** - A switch submits its value only while it is on. Through `super` rather than\n`internals.setFormValue`, so anything the base class adds to that seam still applies here —\n`ed-form-associated-element.ts` omits `setFormValue` from its public surface for exactly that\nreason — and passing the state value along untouched, since it is what the browser hands back\non back-navigation. `ed-checkbox` and `ed-radio-group` guard the same way.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The switch's label.\n- **hint** - Text that describes how to use the switch. Alternatively, you can use the `hint` attribute.\n\n### **CSS Properties:**\n - **--ed-switch-width** - The width of the switch. _(default: undefined)_\n- **--ed-switch-height** - The height of the switch. _(default: undefined)_\n- **--ed-switch-thumb-size** - The size of the thumb. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The control that houses the switch's thumb.\n- **thumb** - The switch's thumb.\n- **label** - The switch's label.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.",
      "attributes": [
        { "name": "title", "values": [] },
        {
          "name": "aria-label",
          "description": "The switch's accessible name for when no visible label is slotted. Mirrored onto the internal\ninput, where the switch role lives — an aria-label left on the host alone would sit on a\nrole-less element and be ignored by assistive tech.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the switch, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "value",
          "description": "The value of the switch, submitted as a name/value pair with form data while it is checked.\nDefaults to `'on'`, as on a native checkbox — never `null`.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the switch readonly.",
          "values": []
        },
        {
          "name": "checked",
          "description": "The default value of the form control. Primarily used for resetting the form control.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the switch a required field.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/switch"
        }
      ]
    },
    {
      "name": "ed-page-editor",
      "description": "Edits the pages of one or more scanned files — rotate, delete, split, reorder — with\noptional AI suggestions. The generic page editor behind DMS scan workflows; place it in a dialog.\n---\n\n\n### **Events:**\n - **ed-edit** - Emitted on every edit. `detail` is `{ files, dirty, valid }`.\n- **ed-request-preview** - Emitted when a page image is needed: a `'thumbnail'` when a page without a `src` nears the grid viewport, or a `'preview'` (higher-resolution) when a page is opened in the zoom lightbox. Fetch the matching source and call `providePagePreview(page, src, variant)`. `detail` is `{ fileId, page, variant, signal }`; `signal` aborts when the request is superseded.\n\n### **Methods:**\n - **providePagePreview(page: _PageEditorPage_, src: _string_, variant: _'thumbnail' | 'preview'_): _void_** - Injects a fetched preview for a page (in response to `ed-request-preview`). Pass the `page` and the\n`variant` from the event — identifying by reference (not an index) survives a reorder that happened\nwhile the preview was loading. `'thumbnail'` (default) sets the grid image; `'preview'` sets the\nhigher-resolution source the zoom lightbox uses. Set in place, so in-progress edits are preserved.\n- **provideSuggestions(suggestions: _{ id: string; suggestion: PageEditorSuggestion }[]_): _void_** - Injects AI suggestions that arrived after the pages were set — e.g. a slow analysis completing\nwhile the editor is already interactive. Each entry targets a page by its `id`; the suggestion is\nmerged onto that page and the enabled toggles are re-applied. Pages the user has already rotated,\ndeleted or split keep their edit (provenance is preserved). Unknown ids are ignored, and it is a\nno-op when nothing matched. Pair with the `suggestions-pending` attribute to show a loading hint.\n- **getResult(): _PageEditorFile[]_** - The current edited state — the same `files` shape carried by `ed-edit`, including edits applied\nfrom AI suggestions on load. Read it at save time so you capture the result even when the user\naccepted the suggestions without making a manual edit (which wouldn't have fired `ed-edit`).\n- **isDirty(): _boolean_** - Returns true once any editable field differs from the input (used as the `ed-edit` dirty flag).\n\n### **Slots:**\n - **header** - Optional content shown at the start of the toolbar (defaults to the first file's name).\n- **actions** - Optional extra controls shown at the end of the toolbar.\n\n### **CSS Properties:**\n - **--ed-page-editor-page-width** - The page card width; derived from `zoom`. _(default: undefined)_\n\n### **CSS Parts:**\n - **toolbar** - The top bar (file name, zoom, hide-deleted toggle).\n- **subbar** - The action bar (select all, bulk actions, AI suggestions).\n- **canvas** - The scrollable area that lays out the page cards.\n- **page** - Each page card.\n- **cut-marker** - The split marker shown between two pages.",
      "attributes": [
        {
          "name": "ai-suggestions",
          "description": "Opt-in: show the AI-suggestion controls and provenance chips. Off by default — set it only when\nthe document type carries AI suggestions (always on in ed-scan, usually off in DMS).",
          "values": []
        },
        {
          "name": "suggestions-pending",
          "description": "Set while AI suggestions are still being computed (e.g. a slow analysis running after the pages\nare already shown). The AI section shows a loading hint instead of the toggles. Clear it once the\nsuggestions are delivered via `provideSuggestions()`. Only meaningful with `ai-suggestions`.",
          "values": []
        },
        {
          "name": "hide-deleted",
          "description": "Hide pages marked for deletion instead of dimming them in place.",
          "values": []
        },
        {
          "name": "zoom",
          "description": "Thumbnail zoom factor (1 = the default page size).",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Render the whole editor read-only.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/page-editor"
        }
      ]
    },
    {
      "name": "ed-popover",
      "description": "Popovers display contextual content and interactive elements in a floating panel.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted before the popover shows. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the popover has shown and all animations are complete.\n- **ed-hide** - Emitted before the popover hides. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the popover has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the popover.\n- **hide()** - Hides the popover.\n\n### **Slots:**\n - _default_ - The popover's content. Interactive elements such as buttons and links are supported.\n\n### **CSS Properties:**\n - **--ed-popover-arrow-size** - The size of the tiny arrow that points to the popover (set to zero to remove). _(default: 0.375rem)_\n- **--ed-popover-max-width** - The maximum width of the popover's body content. _(default: undefined)_\n- **--ed-show-duration** - The speed of the show animation. _(default: var(--ed-transition-fast))_\n- **--ed-hide-duration** - The speed of the hide animation. _(default: var(--ed-transition-fast))_\n\n### **CSS Parts:**\n - **dialog** - The native dialog element that contains the popover content.\n- **body** - The popover's body where its content is rendered.\n- **popup** - The internal `<ed-popup>` element that positions the popover.\n- **popup__popup** - The popup's exported `popup` part. Use this to target the popover's popup container.\n- **popup__arrow** - The popup's exported `arrow` part. Use this to target the popover's arrow.",
      "attributes": [
        {
          "name": "placement",
          "description": "The preferred placement of the popover. Note that the actual placement may vary as needed to keep the popover\ninside of the viewport.",
          "values": [
            { "name": "top" },
            { "name": "top-start" },
            { "name": "top-end" },
            { "name": "right" },
            { "name": "right-start" },
            { "name": "right-end" },
            { "name": "bottom" },
            { "name": "bottom-start" },
            { "name": "bottom-end" },
            { "name": "left" },
            { "name": "left-start" },
            { "name": "left-end" }
          ]
        },
        {
          "name": "open",
          "description": "Shows or hides the popover.",
          "values": []
        },
        {
          "name": "distance",
          "description": "The distance in pixels from which to offset the popover away from its target.",
          "values": []
        },
        {
          "name": "skidding",
          "description": "The distance in pixels from which to offset the popover along its target.",
          "values": []
        },
        {
          "name": "for",
          "description": "The ID of the popover's anchor element. This must be an interactive/focusable element such as a button.",
          "values": []
        },
        {
          "name": "without-arrow",
          "description": "Removes the arrow from the popover.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The popover's accessible name. Mirrored onto the internal dialog node, where the dialog role\nlives — an aria-label left on the host alone would sit on a role-less element and be ignored\nby assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/popover"
        }
      ]
    },
    {
      "name": "ed-radio",
      "description": "Radios allow the user to select a single option from a group.\n---\n\n\n### **Events:**\n - **blur** - Emitted when the control loses focus.\n- **focus** - Emitted when the control gains focus.\n\n### **Methods:**\n - **setCustomStates()** - A radio is also disabled when its group is, which the base class cannot see — it reads only\nthis element's own `disabled`. Without this override its unconditional write in\n`setCustomStates` lands after the one below and resets the state to `false`, so a radio in a\ndisabled group still answers hover and clicks: every hover and active rule keys off\n`:state(disabled)`.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The radio's label.\n- **start** - An element, such as `<ed-icon>`, placed before the label. Only rendered when `appearance` is `button`.\n- **end** - An element, such as `<ed-icon>`, placed after the label. Only rendered when `appearance` is `button`.\n\n### **CSS Properties:**\n - **--ed-radio-checked-icon-color** - The color of the checked icon. _(default: undefined)_\n- **--ed-radio-checked-icon-scale** - The size of the checked icon relative to the radio. _(default: undefined)_\n\n### **CSS Parts:**\n - **control** - The circular container that wraps the radio's checked state.\n- **checked-icon** - The checked icon.\n- **start** - The container that wraps the `start` slot.\n- **label** - The container that wraps the radio's label.\n- **end** - The container that wraps the `end` slot.",
      "attributes": [
        {
          "name": "value",
          "description": "The radio's value. When selected, the radio group will receive this value.",
          "values": []
        },
        {
          "name": "appearance",
          "description": "The radio's visual appearance.",
          "values": [{ "name": "default" }, { "name": "button" }]
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the input, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/radio"
        }
      ]
    },
    {
      "name": "ed-radio-group",
      "description": "Radio groups are used to group multiple [radios](/a/eurodata-ui/docs/components/radio) so they function as a single form control.\n---\n\n\n### **Events:**\n - **input** - Emitted when the radio group receives user input.\n- **change** - Emitted when the radio group's selected value changes.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **setValue(args: _Parameters<EdFormAssociatedElement['setValue']>_)** - Only a checked radio is submitted (HTML, \"Constructing the entry list\": a radio button whose\ncheckedness is false is skipped), so a group with no selection contributes no entry at all —\neven though `value` reads `''`. The match is on values rather than the radios' `checked` flags,\nwhich are synced an update later, and it reads the attribute as well so a child that has not\nupgraded yet still counts.\n- **focus(options: _FocusOptions_)** - Sets focus on the radio group.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - _default_ - The default slot where `<ed-radio>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **hint** - Text that describes how to use the radio group. Alternatively, you can use the `hint` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and hint.\n- **form-control-label** - The label's wrapper.\n- **base** - The flex container holding the radios, and the sliding indicator when `appearance` is `button`.\n- **indicator** - The filled pill behind the checked segment, which slides between them. Only rendered when `appearance` is `button`.\n- **message** - The state message: an error, a warning, or the AI note.\n- **hint** - The hint's wrapper.",
      "attributes": [
        {
          "name": "label",
          "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the radio group, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The orientation in which to show radio items.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "readonly",
          "description": "Makes the radio group and all child radios readonly.",
          "values": []
        },
        {
          "name": "value",
          "description": "The default value of the form control. Primarily used for resetting the form control.",
          "values": []
        },
        {
          "name": "required",
          "description": "Ensures a child radio is checked before allowing the containing form to submit.",
          "values": []
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "appearance",
          "description": "Changes the visual appearance to segmented controls.",
          "values": [{ "name": "default" }, { "name": "button" }]
        },
        {
          "name": "aria-label",
          "description": "Accessible name for when no visible label is given. Mirrored onto the internal\n`role=\"radiogroup\"` node, where the role lives — the host is deliberately role-less, so a\nconsumer's aria-label would otherwise sit on an element assistive technology ignores.\n\nSet alongside `aria-labelledby` rather than instead of it: accessible-name computation consults\naria-labelledby first, so a visible label keeps winning without either side having to know.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/radio-group"
        }
      ]
    },
    {
      "name": "ed-side-menu-title",
      "description": "A non-interactive group heading inside [ed-side-menu](/a/eurodata-ui/docs/components/side-menu). Hidden when the parent side-menu uses `variant=\"slim\"`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the title text.\n- **start** - Leading content, e.g. an icon.\n\n### **CSS Properties:**\n - **--ed-side-menu-background** - Background color of the title row. _(default: var(--ed-color-surface-raised))_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **start** - Container for the start slot.\n- **label** - The label container.",
      "attributes": [
        {
          "name": "slim",
          "description": "Set by the parent `<ed-side-menu>` when its variant is `slim`. Do not\nwrite directly. When set, the title renders as `display: none`.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu-title"
        }
      ]
    },
    {
      "name": "ed-side-menu",
      "description": "A preconfigured navigation sidebar that renders [ed-side-menu-item](/a/eurodata-ui/docs/components/side-menu-item) links as a WAI-ARIA Disclosure Navigation menu, with optional search filtering and super-tabs.\n---\n\n\n### **Events:**\n - **ed-filter** - Emitted when the search filter value changes.\n- **ed-super-tab-change** - Emitted when the active super-tab changes. Detail contains `{ tab: string }`.\n\n### **Methods:**\n - **setCurrent(value: _string_)** - Update `current` and synchronously reflect the active-state on items. Prefer this over\nassigning `current` directly when the highlight must move in the same frame as a route\nchange — direct assignment defers through Lit's async update cycle and will flash for one\npaint. Typical consumer: a Turbo/SPA `visit` hook. Programmatic writes never emit events.\n\n### **Slots:**\n - _default_ - The default slot for `ed-side-menu-item` elements.\n- **super-tab** - Tab definitions for the super-tab bar. Use plain elements with a `value` attribute, an icon element as first element child, and the label as text, e.g. `<span slot=\"super-tab\" value=\"reports\"><ed-icon name=\"bar_chart\"></ed-icon>Reports</span>`.\n\n### **CSS Properties:**\n - **--ed-side-menu-width** - The width of the menu. `ed-app` also reads it as the fallback width of its navigation column when nothing measurable is slotted in. _(default: 16.875rem)_\n- **--ed-side-menu-background** - Side-menu background color. _(default: var(--ed-color-surface-raised))_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **super-tabs** - Container for the super-tab bar.\n- **super-tab** - An individual super-tab button.\n- **filter** - Container for the search input.\n- **filter-input** - The search input element.\n- **tree-wrapper** - Scrollable container around the navigation items.",
      "attributes": [
        {
          "name": "filter",
          "description": "Shows a search input that filters items by label and description text.",
          "values": []
        },
        {
          "name": "filter-placeholder",
          "description": "Placeholder text for the search input. Defaults to a localized \"Search\".",
          "values": []
        },
        {
          "name": "hide-indent-guides",
          "description": "Hides the indent guide lines between nested items. Reflected so the styling hook matches whether set via attribute or property.",
          "values": []
        },
        {
          "name": "current",
          "description": "The `value` of the currently active item (values fall back to the item's `href`). Matched\nexactly — no URL normalization. Updated automatically when the user activates an item;\nset it (or call `setCurrent()`) to follow external navigation, e.g. after a route change.",
          "values": []
        },
        {
          "name": "active-tab",
          "description": "The currently active super-tab value. Defaults to the first tab.",
          "values": []
        },
        {
          "name": "density",
          "description": "Density of nav items.\n- `spacious` — relaxed rows (~52px), 24px start/end icons.\n- `default` — condensed rows (~40px), 16px start/end icons.\n- `compact` — minimal rows (`--ed-form-control-height`, ~32px), 16px start/end icons.",
          "values": [
            { "name": "spacious" },
            { "name": "default" },
            { "name": "compact" }
          ]
        },
        {
          "name": "variant",
          "description": "Layout variant. `slim` renders an 80px-wide rail where each item stacks\nits icon above a centered label. In slim, the filter input, super-tab\nbar, description slots, end-slot badges, and nested children are\nsuppressed. The variant is orthogonal to `density` — when slim is\nactive, density is still propagated to items but slim CSS overrides\ndensity-specific row metrics.",
          "values": [{ "name": "default" }, { "name": "slim" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/side-menu"
        }
      ]
    },
    {
      "name": "ed-rail-menu",
      "description": "An M3-style two-pane navigation: a slim [ed-side-menu](/a/eurodata-ui/docs/components/side-menu)\nrail selects a section, a second side-menu panel shows the section's pages. Three-stage responsive behavior.\n---\n\n\n### **Events:**\n - **ed-show** - Emitted when the panel opens via user/API action (never from initialization or automatic stage changes). Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-hide** - Emitted when the panel closes via user/API action. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-show** - Emitted after the panel's opening transition finishes.\n- **ed-after-hide** - Emitted after the panel's closing transition finishes.\n- **ed-section-change** - Emitted when the active section changes (never from the initial resolution). Detail contains `{ panel: string }`; `panel` is `''` when the panel area collapses, e.g. after clicking a pure-navigation rail item.\n\n### **Methods:**\n - **showPanel()** - Opens the panel and emits ed-show / ed-after-show. No-op when already open.\n- **hidePanel()** - Closes the panel and emits ed-hide / ed-after-hide. No-op when already closed.\nIntentionally does NOT clear a pending hover timer — the timer's overlayActive recheck\nmakes it a safe no-op; reopening cancels it via updated().\n- **setCurrent(value: _string_)** - Update `current` and synchronously re-resolve the active section (SPA route hooks).\n\n### **Slots:**\n - **rail** - Exactly one `ed-side-menu variant=\"slim\"` whose items may carry `panel=\"…\"` references.\n- **rail-header** - Optional content pinned above the rail slot, inside the rail column.\n- **rail-footer** - Optional content pinned below the rail column on expanded/medium, and below the panel on compact.\n- _default_ - The panels: one element per section, each identified by a `name` attribute. Any element works; `ed-side-menu` panels additionally receive the wrapper's `current`.\n\n### **CSS Properties:**\n - **--ed-rail-menu-rail-width** - Width of the rail column (mirrors the slim side-menu width). _(default: 6rem)_\n- **--ed-rail-menu-panel-width** - Width of the open panel on expanded/medium views. _(default: 15rem)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **rail** - The rail column wrapping the rail slot.\n- **rail-header** - The wrapper around the rail-header slot.\n- **rail-footer** - The wrapper around the rail-footer slot.\n- **panel** - The container around the panel slot.\n- **back-button** - The compact drilldown's back-to-level-1 button. Visible only on compact.",
      "attributes": [
        {
          "name": "panel",
          "description": "Contract attribute on slotted rail `ed-side-menu-item`s: names the panel this rail item opens. Mutually exclusive with `href` — a rail item takes one or the other, never both; with both set, `panel` wins and the `href` is never followed (a `logger.warn` flags the mistake once per item).",
          "values": []
        },
        {
          "name": "name",
          "description": "Contract attribute on slotted panel elements: the panel's identifier referenced by `panel`.",
          "values": []
        },
        {
          "name": "current",
          "description": "The identity (item `value`, falling back to `href`) of the current page. Drives the active section and is forwarded to `ed-side-menu` panels.",
          "values": []
        },
        {
          "name": "panel-open",
          "description": "Whether the panel is open. Reflects silently — setting the property emits no events;\nuse `showPanel()`/`hidePanel()`/`togglePanel()` to get `ed-show`/`ed-hide`.\nIgnored on the compact view.",
          "values": []
        },
        {
          "name": "compact-breakpoint",
          "description": "Below this viewport width the compact (drilldown) view renders. Keep in sync with `ed-app`'s `mobile-breakpoint`.",
          "values": []
        },
        {
          "name": "medium-breakpoint",
          "description": "Between the compact and this viewport width, the rail persists and the panel overlays.",
          "values": []
        },
        {
          "name": "view",
          "description": "The current responsive stage. Computed from the viewport; reflected for styling.",
          "values": [
            { "name": "expanded" },
            { "name": "medium" },
            { "name": "compact" }
          ]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/rail-menu"
        }
      ]
    },
    {
      "name": "ed-rating",
      "description": "Ratings give users a way to quickly view and provide feedback.\n---\n\n\n### **Events:**\n - **change** - Emitted when the rating's value changes.\n- **ed-hover** - Emitted when the user hovers over a value. The `phase` property indicates when hovering starts, moves to a new value, or ends. The `value` property tells what the rating's value would be if the user were to commit to the hovered value.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n \n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **CSS Properties:**\n - **--ed-rating-symbol-color** - The inactive color for symbols. _(default: undefined)_\n- **--ed-rating-symbol-color-active** - The active color for symbols. _(default: undefined)_\n- **--ed-rating-symbol-spacing** - The spacing to use around symbols. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
      "attributes": [
        {
          "name": "name",
          "description": "The name of the rating, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "label",
          "description": "A label that describes the rating to assistive devices.",
          "values": []
        },
        {
          "name": "value",
          "description": "The current rating. Reading it gives a value that sits within `0`–`max` and on the `precision`\ngrid, whatever was written — the same correction a range control applies, except that `0` stays\nreachable here: it is this control's empty state, and `required` rests on it. So anything\nunusable becomes `0` rather than the middle of the range.",
          "values": []
        },
        {
          "name": "default-value",
          "description": "The default value of the form control. Used to reset the rating to its initial value.",
          "values": []
        },
        {
          "name": "max",
          "description": "The highest rating to show.",
          "values": []
        },
        {
          "name": "precision",
          "description": "The precision at which the rating will increase and decrease. For example, to allow half-star ratings, set this\nattribute to `0.5`.",
          "values": []
        },
        {
          "name": "readonly",
          "description": "Makes the rating readonly.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the rating a required field — a value of 0 counts as missing.",
          "values": []
        },
        {
          "name": "error",
          "description": "Blocks form submission — with a localized generic message when set to an empty string, with the\ngiven text otherwise — and sets the `error` custom state. `ed-rating` renders no message area\nand brings no error styling, so the constraint is the only effect a user notices; style\n`:state(error)` to show one.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Sets the `warning` custom state and does not block form submission. `ed-rating` renders no\nmessage area and brings no warning styling, so the message text is never shown; style\n`:state(warning)` to show one.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Sets the `ai` custom state until the user interacts. `ed-rating` brings no AI styling, so the\nstate is the only effect; style `:state(ai)` to show one.",
          "values": []
        },
        {
          "name": "hint",
          "description": "Has no effect on `ed-rating`, which renders no hint area. Put explanatory text next to the\nrating instead.",
          "values": []
        },
        {
          "name": "icon",
          "description": "The icon name for inactive (unselected) symbols.",
          "values": []
        },
        {
          "name": "active-icon",
          "description": "The icon name for active (selected) symbols.",
          "values": []
        },
        {
          "name": "density",
          "description": "The component's density.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/rating"
        }
      ]
    },
    {
      "name": "ed-relative-time",
      "description": "Outputs a localized time phrase relative to the current date and time.\n---\n",
      "attributes": [
        {
          "name": "date",
          "description": "The date from which to calculate time from. If not set, the current date and time will be used. Set `null` to render\nnothing.\n\nA string is read as a **calendar day** when it carries no time of day (`2026-08-03`, `2026-08`, `2026`) and as an\n**exact instant** when it does (`2026-08-03T10:30:00Z`). A calendar day counts from its local midnight, so the\nphrase does not flip to the neighboring day depending on the viewer's zone. Use the ISO 8601 format either way — to\nserialize a `Date`, use\n[`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "format",
          "description": "The formatting style to use.",
          "values": [
            { "name": "long" },
            { "name": "short" },
            { "name": "narrow" }
          ]
        },
        {
          "name": "numeric",
          "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
          "values": [{ "name": "always" }, { "name": "auto" }]
        },
        {
          "name": "sync",
          "description": "Keep the displayed value up to date as time passes.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/relative-time"
        }
      ]
    },
    {
      "name": "ed-resize-observer",
      "description": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n---\n\n\n### **Events:**\n - **ed-resize** - Emitted when a watched element is resized. The event detail contains an `entries` array of [`ResizeObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry) objects.\n\n### **Slots:**\n - _default_ - One or more elements to watch for resizing.",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the observer.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/resize-observer"
        }
      ]
    },
    {
      "name": "ed-scroller",
      "description": "Scrollers create an accessible container while providing visual cues that help users identify and navigate\nthrough content that scrolls.\n---\n\n\n### **Slots:**\n - _default_ - The content to show inside the scroller.\n\n### **CSS Properties:**\n - **--ed-scroller-shadow-color** - The base color of the shadow. _(default: var(--ed-color-surface-default))_\n- **--ed-scroller-shadow-size** - The size of the shadow. _(default: 2rem)_\n\n### **CSS Parts:**\n - **content** - The container that wraps the slotted content.\n- **start-shadow** - The shadow overlay at the scroller's start edge.\n- **end-shadow** - The shadow overlay at the scroller's end edge.",
      "attributes": [
        {
          "name": "orientation",
          "description": "The scroller's orientation.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "without-scrollbar",
          "description": "Removes the visible scrollbar.",
          "values": []
        },
        {
          "name": "without-shadow",
          "description": "Removes the shadows.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The scroll region's accessible name, replacing the localized \"Scrollable region\" default —\nset it to tell multiple scrollers on one page apart. Mirrored onto the internal region node,\nwhere the role lives — an aria-label left on the host alone would sit on a role-less element\nand be ignored by assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/scroller"
        }
      ]
    },
    {
      "name": "ed-scrollspy-item",
      "description": "A single item inside [ed-scrollspy](/a/eurodata-ui/docs/components/scrollspy). Renders as an anchor link so right-click, keyboard, and share-link work natively.\n---\n\n\n### **Slots:**\n - _default_ - The item's label text. It renders inside the row's anchor, so nested items belong in the `children` slot.\n- **children** - Nested `<ed-scrollspy-item>` elements, one level deep (the parent enforces the two-level cap). An item nested inside another item is assigned here automatically, so the attribute is optional.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The clickable anchor row.\n- **rail** - The vertical line column to the inline-start of the label. Tinted for the active section.\n- **dot** - The circular indicator on the rail. Solid-filled when active.\n- **label** - The visible item label.\n- **count** - The child-count badge on parent items (rendered when `count > 0`).\n- **children** - Container for nested level-2 items.",
      "attributes": [
        {
          "name": "href",
          "description": "Anchor target — the heading id this item points to (e.g. `#anatomy`).",
          "values": []
        },
        {
          "name": "active",
          "description": "Whether this item's heading is the active scroll target. Set by the parent; do not write directly.",
          "values": []
        },
        {
          "name": "parent-active",
          "description": "Whether this is a level-1 item whose level-2 child is active. Set by the parent; do not write directly.",
          "values": []
        },
        {
          "name": "passed",
          "description": "Whether the reader has scrolled past this item. Set by the parent; do not write directly.",
          "values": []
        },
        {
          "name": "count",
          "description": "Number of level-2 children inside this item. Set by the parent on level-1 items.",
          "values": []
        },
        {
          "name": "show-count",
          "description": "When true, render the count badge. Gated by the parent's `show-counts` attribute.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/scrollspy-item"
        }
      ]
    },
    {
      "name": "ed-scrollspy",
      "description": "Tracks the user's scroll position through a long page and highlights the corresponding entry in a vertical \"on this page\" rail. Two-level hierarchy with declarative or auto-discovered items.\n---\n\n\n### **Events:**\n - **ed-scrollspy-change** - Fired when the active heading changes.\n\n### **Methods:**\n - **recomputeActive()** - Public test hook: synchronously recompute active item from current scroll position.\nSide-menu's `setCurrent()` is the precedent for an externally-callable sync escape hatch.\n- **scrollToId(id: _string_)** - Smoothly scroll the named heading to the top of the scroll region and sync the URL hash.\n\nThe heading lands at the region's top: for the window (the real page case) that means\nscroll-margin-top below the viewport top — i.e. just under any sticky header — and for a\nnested overflow container (e.g. the docs demo) the container's top edge.\n\nThe clicked heading is set active only when the scroll can actually bring it to the top.\nAt the document end, where it can't, we leave the active state to the probe so the heading\nactually shown at the top stays highlighted — clicking the last item repeatedly no longer\nforces it active.\n\n### **Slots:**\n - _default_ - The default slot for `<ed-scrollspy-item>` elements when authoring declaratively.\n\n### **CSS Parts:**\n - **base** - The inner `<nav>` element.\n- **list** - The top-level `<ul>` rendered for auto-discovered items.",
      "attributes": [
        {
          "name": "for",
          "description": "CSS selector for the article whose headings should be auto-discovered.\nSlot children take precedence — when both are present, auto-discovery is silently skipped.",
          "values": []
        },
        {
          "name": "headings",
          "description": "CSS selector for the headings to scan inside the `for=` target. The first match becomes a level-1 item, the second a level-2 child.",
          "values": []
        },
        {
          "name": "expand",
          "description": "Children-display mode.\n- `'active'` — level-2 children visible only under the active level-1 parent.\n- `'all'` — all level-2 children always visible.\n\nTo get an L1-only rail, narrow the scan with `headings=\"h2\"` instead — that way\nthe spy never tracks h3s, so scrolling past one can't steal the active state from\nits parent.",
          "values": [{ "name": "active" }, { "name": "all" }]
        },
        {
          "name": "show-counts",
          "description": "When true, parent items render a child-count badge with their level-2 child count.",
          "values": []
        },
        {
          "name": "label",
          "description": "Sets `aria-label` on the inner `<nav>`. Defaults to a localized \"On this page\".",
          "values": []
        },
        {
          "name": "density",
          "description": "Density of the rail items. Match this to an adjacent [ed-side-menu](/a/eurodata-ui/docs/components/side-menu)\nso the two line up — a compact side-menu next to a default scrollspy reads as mismatched.\n- `spacious` — relaxed rows (~52px).\n- `default` — condensed rows (~40px).\n- `compact` — minimal rows (`--ed-form-control-height`, ~32px).",
          "values": [
            { "name": "spacious" },
            { "name": "default" },
            { "name": "compact" }
          ]
        },
        {
          "name": "active-id",
          "description": "Currently active heading id. Reflected for CSS hooks; consumers should treat as\nread-only outside tests.",
          "values": []
        },
        {
          "name": "offset",
          "description": "Probe-line position from the scroll region's top (the article's scroll container when\nthe article is `overflow:auto`/`scroll`, otherwise the viewport). CSS length string\n(default `'25%'` — a quarter into the scroll region).\n\n`%` is interpreted relative to the scroll region's height; `vh`/`vw` always refer to\nthe viewport per CSS convention; `px`/`rem`/`em` are absolute. Override when a sticky\npage header consumes part of the scroll region.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/scrollspy"
        }
      ]
    },
    {
      "name": "ed-split-panel",
      "description": "Split panels display two adjacent panels, allowing the user to reposition them.\n---\n\n\n### **Events:**\n - **ed-reposition** - Emitted when the divider's position changes.\n\n### **Slots:**\n - **start** - Content to place in the start panel.\n- **end** - Content to place in the end panel.\n- **divider** - The divider. Useful for slotting in a custom icon that renders as a handle.\n\n### **CSS Properties:**\n - **--ed-split-panel-divider-width** - The width of the visible divider. In `rem`, so it grows with the user's base font size; a pixel value freezes it. _(default: 0.25rem)_\n- **--ed-split-panel-divider-hit-area** - The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging. _(default: 0.75rem)_\n- **--ed-split-panel-min** - The minimum allowed size of the primary panel. Keep a unit: a unitless 0 makes the `clamp()` it feeds invalid, and the panel collapses into one pane with no divider. _(default: 0%)_\n- **--ed-split-panel-max** - The maximum allowed size of the primary panel. _(default: 100%)_\n\n### **CSS Parts:**\n - **start** - The start panel.\n- **end** - The end panel.\n- **panel** - Targets both the start and end panels.\n- **divider** - The divider that separates the start and end panels.\n- **handle** - The default drag handle rendered in the center of the divider when no custom divider is slotted.",
      "attributes": [
        {
          "name": "position",
          "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
          "values": []
        },
        {
          "name": "position-in-pixels",
          "description": "The current position of the divider from the primary panel's edge in pixels.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "Sets the split panel's orientation.",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        {
          "name": "disabled",
          "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
          "values": []
        },
        {
          "name": "primary",
          "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
          "values": [{ "name": "start" }, { "name": "end" }]
        },
        {
          "name": "snap",
          "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
          "values": []
        },
        {
          "name": "snap-threshold",
          "description": "How close the divider must be to a snap point until snapping occurs.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The divider's accessible name, replacing the localized \"Resize\" default — set it to tell\nmultiple split panels on one page apart. Mirrored onto the internal separator node, where\nthe role lives — an aria-label left on the host alone would sit on a role-less element and\nbe ignored by assistive tech (house pattern: ed-checkbox).",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/split-panel"
        }
      ]
    },
    {
      "name": "ed-tab",
      "description": "Tabs are used inside [tab groups](/a/eurodata-ui/docs/components/tab-group) to represent and activate [tab panels](/a/eurodata-ui/docs/components/tab-panel).\n---\n\n\n### **Events:**\n - **ed-tab-close** - Emitted when the tab's close button is activated, or when Delete is pressed while the tab has focus.\n\n### **Slots:**\n - _default_ - The tab's label.\n- **start** - An element, such as `<ed-icon>`, placed before the label.\n- **end** - An element, such as `<ed-icon>`, placed after the label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The container that wraps the start slot, label and end slot.\n- **start** - The container that wraps the `start` slot.\n- **end** - The container that wraps the `end` slot.\n- **label** - The label wrapper.",
      "attributes": [
        {
          "name": "panel",
          "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the tab and prevents selection.",
          "values": []
        },
        {
          "name": "closable",
          "description": "Make the tab closable",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab"
        }
      ]
    },
    {
      "name": "ed-tab-panel",
      "description": "Tab panels are used inside [tab groups](/a/eurodata-ui/docs/components/tab-group) to display tabbed content.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
      "attributes": [
        {
          "name": "name",
          "description": "The tab panel's name.",
          "values": []
        },
        {
          "name": "active",
          "description": "When true, the tab panel will be shown.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab-panel"
        }
      ]
    },
    {
      "name": "ed-tab-group",
      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **ed-tab-show** - Emitted when a tab is shown.\n- **ed-tab-hide** - Emitted when a tab is hidden.\n- **ed-tab-close** - Emitted after a closable tab and its panel have been removed. The tab's own event is not re-dispatched, so this is the one to listen for on the group.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<ed-tab-panel>` elements, or a `<slot>` of your own that they are assigned to.\n- **nav** - Used for grouping tabs in the tab group. Must be `<ed-tab>` elements, or a `<slot>` of your own that they are assigned to. Note that `<ed-tab>` will set this slot on itself automatically.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable, a `<ed-button>`.\n- **scroll-button-start** - The starting scroll button.\n- **scroll-button-end** - The ending scroll button.",
      "attributes": [
        {
          "name": "active",
          "description": "Sets the active tab.",
          "values": []
        },
        {
          "name": "placement",
          "description": "The placement of the tabs.",
          "values": [
            { "name": "top" },
            { "name": "bottom" },
            { "name": "left" },
            { "name": "right" }
          ]
        },
        {
          "name": "appearance",
          "description": "The visual appearance of the tab group.",
          "values": [
            { "name": "plain" },
            { "name": "outlined" },
            { "name": "filled" }
          ]
        },
        {
          "name": "activation",
          "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
          "values": [{ "name": "auto" }, { "name": "manual" }]
        },
        {
          "name": "stretch",
          "description": "Makes all tabs equal width, stretching to fill the available space.",
          "values": []
        },
        {
          "name": "without-scroll-controls",
          "description": "Disables the scroll arrows that appear when tabs overflow.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab-group"
        }
      ]
    },
    {
      "name": "ed-table-body",
      "description": "Groups body rows in an ed-table.\n---\n\n\n### **Slots:**\n - _default_ - The body rows. Must be `<ed-table-row>` elements.",
      "attributes": [
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/table-body"
        }
      ]
    },
    {
      "name": "ed-table-head",
      "description": "Groups header rows in an ed-table. Marks child rows as header rows.\n---\n\n\n### **Slots:**\n - _default_ - The header rows. Must be `<ed-table-row>` elements.",
      "attributes": [
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/table-head"
        }
      ]
    },
    {
      "name": "ed-table",
      "description": "A composable DOM-driven table component with sorting, selection, and column resizing.\n---\n\n\n### **Events:**\n - **ed-sort** - Emitted when a sortable column header is activated. Consumers handle sorting. Cancelable; calling `preventDefault()` leaves the sort unchanged.\n- **ed-selection-change** - Emitted when row selection changes.\n- **ed-column-resize** - Emitted when a column is resized via drag handle.\n- **ed-row-dblclick** - Emitted on row double-click.\n- **ed-scroll-start** - Emitted when scrolling begins.\n- **ed-scroll-end** - Emitted when scrolling ends.\n\n### **Methods:**\n - **getSelectedRows(): _EdTableRow[]_** - Returns the currently selected rows.\n- **clearSelection()** - Deselects all rows.\n- **selectAll()** - Selects all body rows (multi-select mode only).\n\n### **Slots:**\n - _default_ - Table sections. Must be `<ed-table-head>` and/or `<ed-table-body>` elements.\n\n### **CSS Properties:**\n - **--ed-table-row-height** - Overwrites the density attribute for manual row height adjustment. Unset, each cell falls back to its density: `var(--ed-size-6)` compact, `var(--ed-size-8)` default, `var(--ed-size-12)` spacious — so there is no single default to state here. The border is added on top of whatever this resolves to. _(default: undefined)_",
      "attributes": [
        {
          "name": "sortable",
          "description": "Enables column sorting.",
          "values": []
        },
        {
          "name": "sort-mode",
          "description": "Sort mode. `'single'` allows one column at a time; `'multi'` allows Shift+click for multi-column sort.",
          "values": [{ "name": "single" }, { "name": "multi" }]
        },
        {
          "name": "selectable",
          "description": "Enables row selection mode.",
          "values": []
        },
        {
          "name": "selection-mode",
          "description": "Selection mode. `'single'` allows one row at a time; `'multi'` allows range/toggle selection.",
          "values": [{ "name": "single" }, { "name": "multi" }]
        },
        {
          "name": "density",
          "description": "Controls row density (padding).",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "resizable",
          "description": "Makes all columns resizable. For per-column control, omit this and set `resizable` on individual `ed-table-cell` elements.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/table"
        }
      ]
    },
    {
      "name": "ed-textarea",
      "description": "Textareas collect data from the user and allow multiple lines of text.\n---\n\n\n### **Events:**\n - **blur** - Emitted when the control loses focus.\n- **change** - Emitted when an alteration to the control's value is committed by the user.\n- **focus** - Emitted when the control gains focus.\n- **input** - Emitted when the control receives input.\n- **ed-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{ top?: number; left?: number }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea's scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n\n\n- **setCustomValidity(message: _string_)** - Do not use this when creating a \"Validator\". This is intended for end users of components.\nWe track manually defined custom errors so we don't clear them on accident in our validators.\n- **resetValidity()** - Reset validity is a way of removing manual custom errors and native validation.\n\n\n\n\n### **Slots:**\n - **label** - The textarea's label. Alternatively, you can use the `label` attribute.\n- **hint** - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n\n### **CSS Parts:**\n - **label** - The label\n- **message** - The state message: an error, a warning, or the AI note.\n- **footer** - The row below the control that holds the hint and the character count.\n- **hint** - The hint's wrapper.\n- **base** - The wrapper around the `<textarea>` control.\n- **textarea** - The internal `<textarea>` control.\n- **count** - The character count element, rendered when the `with-count` attribute is present.",
      "attributes": [
        { "name": "title", "values": [] },
        {
          "name": "name",
          "description": "The name of the textarea, submitted as a name/value pair with form data.",
          "values": []
        },
        {
          "name": "value",
          "description": "The default value of the form control. Primarily used for resetting the form control.",
          "values": []
        },
        {
          "name": "density",
          "description": "Controls the component's spacing density without affecting font-size.",
          "values": [
            { "name": "compact" },
            { "name": "default" },
            { "name": "spacious" }
          ]
        },
        {
          "name": "label",
          "description": "The textarea's label. If you need to display HTML, use the `label` slot instead.",
          "values": []
        },
        {
          "name": "aria-label",
          "description": "The textarea's accessible name for when no visible label is set. Mirrored onto the internal\ntextarea, where the textbox role lives — an aria-label left on the host alone would sit on\na role-less element and be ignored by assistive tech.",
          "values": []
        },
        {
          "name": "placeholder",
          "description": "Placeholder text to show as a hint when the input is empty.",
          "values": []
        },
        {
          "name": "rows",
          "description": "The number of rows to display by default.",
          "values": []
        },
        {
          "name": "resize",
          "description": "Controls how the textarea can be resized.",
          "values": [
            { "name": "none" },
            { "name": "vertical" },
            { "name": "horizontal" },
            { "name": "both" },
            { "name": "auto" }
          ]
        },
        {
          "name": "readonly",
          "description": "Makes the textarea readonly.",
          "values": []
        },
        {
          "name": "required",
          "description": "Makes the textarea a required field.",
          "values": []
        },
        {
          "name": "minlength",
          "description": "The minimum length of input that will be considered valid.",
          "values": []
        },
        {
          "name": "maxlength",
          "description": "The maximum length of input that will be considered valid.",
          "values": []
        },
        {
          "name": "autocapitalize",
          "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
          "values": [
            { "name": "off" },
            { "name": "none" },
            { "name": "on" },
            { "name": "sentences" },
            { "name": "words" },
            { "name": "characters" }
          ]
        },
        {
          "name": "autocorrect",
          "description": "Indicates whether the browser's autocorrect feature is on or off. When set as an attribute, use `\"off\"` or `\"on\"`.\nWhen set as a property, use `true` or `false`.",
          "values": []
        },
        {
          "name": "autocomplete",
          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
          "values": []
        },
        {
          "name": "autofocus",
          "description": "Indicates that the input should receive focus on page load.",
          "values": []
        },
        {
          "name": "enterkeyhint",
          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
          "values": [
            { "name": "enter" },
            { "name": "done" },
            { "name": "go" },
            { "name": "next" },
            { "name": "previous" },
            { "name": "search" },
            { "name": "send" }
          ]
        },
        {
          "name": "spellcheck",
          "description": "Enables spell checking on the textarea.",
          "values": []
        },
        {
          "name": "inputmode",
          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
          "values": [
            { "name": "none" },
            { "name": "text" },
            { "name": "decimal" },
            { "name": "numeric" },
            { "name": "tel" },
            { "name": "search" },
            { "name": "email" },
            { "name": "url" }
          ]
        },
        {
          "name": "with-label",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes the label before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-hint",
          "description": "Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client.",
          "values": []
        },
        {
          "name": "with-count",
          "description": "Shows a character count below the textarea. When `maxlength` is set, shows remaining characters instead.",
          "values": []
        },
        {
          "name": "error",
          "description": "Draws an error-style input with danger colored border and icon. Set to an empty string (or use the bare attribute `<ed-input error>`) to render error styling without a visible message; submission is still blocked with a localized fallback validation message. Set to a non-empty string to additionally display that message in the message area, above the hint, and use it as the validation message. Set to `null` (the default) or remove the attribute to clear the error.",
          "values": []
        },
        {
          "name": "warning",
          "description": "Draws a warning-style input with warning colored border and icon. Set to an empty string (or use the bare attribute `<ed-input warning>`) to render warning styling without a visible message. Set to a non-empty string to additionally display that message in the message area, above the hint. Warnings do not block form submission. Set to `null` (the default) or remove the attribute to clear the warning.",
          "values": []
        },
        {
          "name": "ai",
          "description": "Draws an ai-style input with AI colored border and icon. Suppressed visually once\n`hasInteracted` flips, but the property and attribute are preserved so the styling\nreturns after `formResetCallback` clears `hasInteracted`.",
          "values": []
        },
        {
          "name": "hint",
          "description": "The form control's hint text. If you need to display HTML, use the `hint` slot instead.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables the form control. HTML treats a control as disabled when either its own `disabled` is\nset or an ancestor `<fieldset>` is disabled, so reading this reports the combined state while\nwriting it sets only this element's own. Keeping the two apart is what lets a fieldset be\nre-enabled without clearing a disabled state the consumer set in the meantime.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/textarea"
        }
      ]
    },
    {
      "name": "ed-toolbar",
      "description": "The action and state zone above a collection or record — search, actions, view controls,\nand the row that shows what the view is narrowed to.\n---\n\n\n### **Slots:**\n - _default_ - Actions: anything that acts or opens a surface, including the button that opens a filter panel. Typically `<ed-button>`, `<ed-dropdown>` and `<ed-divider>` elements.\n- **search** - The search field, always first at the leading edge. Typically `<ed-input type=\"search\">`.\n- **view** - Controls that take effect immediately: context selectors, quick filters, view switches. Typically `<ed-select>` or `<ed-radio-group appearance=\"button\">`.\n- **meta** - Entry and selection counts, wrapped in an element — a bare text node cannot be assigned to a named slot, so use `<span slot=\"meta\">`.\n- **filters** - Active filters and the reset that clears them.\n\n### **CSS Properties:**\n - **--ed-toolbar-gap** - The gap between controls on the control row. _(default: var(--ed-space-2))_\n- **--ed-toolbar-row-gap** - The gap between the control row and the state row. _(default: var(--ed-space-2))_\n- **--ed-toolbar-state-min-height** - The minimum height of the state row. It keeps the content below from shifting when the last filter is removed **and a counter remains** — with no counter the row is empty and collapses entirely, which is intended. Raise it when the row holds something taller than a badge. _(default: the height of an ed-badge)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, holding both rows.\n- **controls** - The control row: search, actions and view controls on one line.\n- **search** - The container around the `search` slot.\n- **actions** - The container around the default slot.\n- **overflow** - The dropdown holding the actions that no longer fit.\n- **overflow-trigger** - The button that opens the overflow menu.\n- **view** - The container around the `view` slot.\n- **state** - The state row, rendered only while `meta` or `filters` has content.\n- **state-divider** - The separator between the counter and the filters, rendered only while both carry content.\n- **meta** - The container around the `meta` slot.\n- **filters** - The container around the `filters` slot.",
      "attributes": [
        {
          "name": "label",
          "description": "An accessible name for the control row. Not displayed, but announced by assistive technology —\nname what the actions apply to (e.g. \"Invoices\"), not the widget.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/toolbar"
        }
      ]
    },
    {
      "name": "ed-tree",
      "description": "Trees allow you to display a hierarchical list of selectable [tree items](/a/eurodata-ui/docs/components/tree-item). Items with children can be expanded and collapsed as desired by the user.\n---\n\n\n### **Events:**\n - **ed-selection-change** - Emitted when a tree item is selected or deselected.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded. Works best with `<ed-icon>`.\n- **collapse-icon** - The icon to show when the tree item is collapsed. Works best with `<ed-icon>`.\n\n### **CSS Properties:**\n - **--ed-tree-width** - The width of the tree. _(default: 15.625rem)_\n- **--ed-tree-indent-size** - The size of the indentation for nested items. Derived from indent-guide geometry so the highlight stays flush against the guide regardless of font-size; override only when the indent column needs to grow or shrink visibly (and accept that the highlight will then float). _(default: undefined)_\n- **--ed-tree-indent-guide-color** - The color of the indentation line. _(default: var(--ed-color-border))_\n- **--ed-tree-indent-guide-active-color** - The color of the indentation line segment next to a selected item. _(default: var(--ed-color-brand-fill-normal))_\n- **--ed-tree-indent-guide-offset** - Reserved for vertical offset of the indent guide; currently unused with per-item rendering and kept for future use. _(default: 0)_\n- **--ed-tree-indent-guide-style** - The style of the indentation line, e.g. solid, dotted, dashed. _(default: solid)_\n- **--ed-tree-indent-guide-width** - The width of the indentation line. Set to 0 (or use the `hide-indent-guides` attribute) to hide the guides entirely. _(default: var(--ed-border-width-2))_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
      "attributes": [
        {
          "name": "selection",
          "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected,\nwhile parent nodes only expand and collapse.",
          "values": [
            { "name": "single" },
            { "name": "multiple" },
            { "name": "leaf" }
          ]
        },
        {
          "name": "hide-indent-guides",
          "description": "Hides the vertical guide lines between nested items. By default the guides are shown.",
          "values": []
        },
        {
          "name": "chevron-placement",
          "description": "Where to render the expand/collapse chevron — at the row's start (default) or end.",
          "values": [{ "name": "start" }, { "name": "end" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tree"
        }
      ]
    },
    {
      "name": "ed-upload",
      "description": "Generic file upload: drag & drop, validation and per-file upload progress.\n---\n\n\n### **Events:**\n - **name**\n- **done**\n- **ed-upload-change** - Emitted when the set of files changes (added or removed).\n- **ed-upload-progress** - Emitted while a file uploads.\n- **ed-upload-finished** - Emitted once all queued uploads have settled.\n- **ed-upload-error** - Emitted on a validation rejection or a failed upload.\n- **ed-file-preview** - Emitted when a file's preview action is activated (requires `viewable`).\n\n### **Methods:**\n - **retryFile(name: _string_): _void_** - Re-queues a failed file and restarts the upload — the File object is still held in memory.\n- **removeFile(name: _string_): _void_** - Removes a file from the list, or dismisses a rejected row. Aborts the upload if it is in flight.\n\n### **CSS Properties:**\n - **--ed-upload-illustration-size** - Size of the drag & drop illustration icon. Raise it when the dropzone fills a large area (e.g. a full-screen scan dialog). _(default: 4rem)_\n\n### **CSS Parts:**\n - **base** - The component wrapper.\n- **dropzone** - The drag & drop area.\n- **summary** - The \"N files · size\" summary (multi mode).\n- **list** - The file list (multi mode).\n- **file** - A single file row.\n- **file-name** - A file row's name.\n- **file-size** - A file row's size.\n- **file-actions** - A file row's action buttons.\n- **file-status** - A file row's status cell (progress bar or status icon).\n- **file-reason** - A rejected row's reason text.",
      "attributes": [
        {
          "name": "multiple",
          "description": "Allow selecting/dropping more than one file (mirrors the native input's `multiple`).",
          "values": []
        },
        {
          "name": "accept",
          "description": "Comma-separated list of accepted types (extensions and/or MIME types), like the native `accept`.",
          "values": []
        },
        {
          "name": "upload-url",
          "description": "Target URL the files are POSTed to.",
          "values": []
        },
        {
          "name": "upload-file-part-name",
          "description": "FormData part name used for each file.",
          "values": []
        },
        {
          "name": "max-files",
          "description": "Maximum number of files (multi mode).",
          "values": []
        },
        {
          "name": "max-file-size",
          "description": "Maximum size per file in MB (capped at 2048).",
          "values": []
        },
        {
          "name": "max-total-file-size",
          "description": "Maximum total upload size in MB (capped at 2048).",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Disables interaction.",
          "values": []
        },
        {
          "name": "viewable",
          "description": "Opt in to a per-file preview (\"view\") action in the list. When set, each row shows an eye\nbutton that emits `ed-file-preview`. While an upload is configured the button stays disabled\nuntil that file has finished uploading; without an `upload-url` it is enabled immediately.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/upload"
        }
      ]
    },
    {
      "name": "ed-wizard-step",
      "description": "A wizard step represents the label, an optional icon and the content of a step within a wizard.\n---\n\n\n### **Events:**\n \n\n### **Slots:**\n - _default_ - The wizard step's content. Add the `autofocus` attribute to a control here to move focus to it when the step becomes active.\n- **label** - The label of the Step. The label will be shown on the stepper. Alternatively, you can use the `label` attribute.\n- **icon** - Place an `<ed-icon>` here to show an icon instead of the default numeric value.\n\n### **CSS Parts:**\n - **base** - The wrapper of the step.",
      "attributes": [
        {
          "name": "label",
          "description": "The wizard step's label. If you need to display HTML, use the label slot instead.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/wizard-step"
        }
      ]
    },
    {
      "name": "ed-wizard",
      "description": "Guides users through a step-by-step process to complete a task.\n---\n\n\n### **Events:**\n - **ed-step-change** - Emitted when the active step changes.\n- **ed-wizard-finish** - Emitted when the last step is finished.\n\n### **Methods:**\n - **goToStep(index: _number_)** - Set the active step to the given number\n- **previous()** - Go to the previous step if possible\n- **next()** - Go to the next step if possible\n- **reset()** - Resets the wizard to the first step\n\n### **Slots:**\n - _default_ - Place `<ed-wizard-step>` elements inside.\n- **nav** - Slot for the navigation, acts like a footer.\n\n### **CSS Properties:**\n - **--ed-wizard-size** - The diameter of a step's circle. The rendered size is at least 1.5em, so the circle never becomes smaller than the number it holds. _(default: var(--ed-space-6))_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **progress-panel** - The wrapper of all steps.\n- **step** - The wrapper of a single step inside the progress panel.\n- **step-top** - The wrapper of the upper part of the step, contains connectors and the button but not the label.\n- **button** - The step button .\n- **connector-before** - The connector before the button.\n- **connector-after** - The connector after the button.\n- **label** - The wrapper of the label.\n- **content** - The wrapper of the content.\n- **nav** - The wrapper of Navigation.\n- **reset** - The reset button\n- **previous** - The previous button\n- **next** - The next button",
      "attributes": [
        {
          "name": "active-step",
          "description": "Index of the active step (0-based).",
          "values": []
        },
        {
          "name": "scroll-to-top",
          "description": "Scroll to top after step changing.",
          "values": []
        },
        {
          "name": "step-navigation",
          "description": "Controls whether users can jump to steps via the step indicators.\n\n- `none`: step indicators are not interactive\n- `seen`: users may jump only to steps with index <= maxSeenStep\n- `all`: users may jump to any step",
          "values": [{ "name": "none" }, { "name": "seen" }, { "name": "all" }]
        },
        {
          "name": "navigation",
          "description": "When set, show the default navigation in the nav slot",
          "values": []
        },
        {
          "name": "allow-reset",
          "description": "When set, shows the default reset button inside the navigation. Navigation must be enabled to make this button work",
          "values": []
        },
        {
          "name": "next-disabled",
          "description": "When set, disables the next button. Use this to prevent advancing until consumer validation passes.",
          "values": []
        },
        {
          "name": "previous-disabled",
          "description": "When set, disables the previous button. Use this to prevent going back while an async operation is in progress.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "Defines the orientation of the wizard",
          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/wizard"
        }
      ]
    },
    {
      "name": "ed-zoomable-frame",
      "description": "Zoomable frames render iframe content with zoom and interaction controls.\n---\n\n\n### **Events:**\n - **load** - Emitted when the internal iframe when it finishes loading.\n- **error** - Emitted from the internal iframe when it fails to load.\n\n### **Methods:**\n - **zoomIn()** - Zooms in to the next available zoom level.\n- **zoomOut()** - Zooms out to the previous available zoom level.\n\n### **Slots:**\n - **zoom-in-icon** - The slot that contains the zoom in icon.\n- **zoom-out-icon** - The slot that contains the zoom out icon.\n\n### **CSS Parts:**\n - **iframe** - The internal `<iframe>` element.\n- **controls** - The container that surrounds zoom control buttons.\n- **zoom-in-button** - The zoom in button.\n- **zoom-out-button** - The zoom out button.",
      "attributes": [
        {
          "name": "src",
          "description": "The URL of the content to display.",
          "values": []
        },
        {
          "name": "srcdoc",
          "description": "Inline HTML to display.",
          "values": []
        },
        {
          "name": "allowfullscreen",
          "description": "Allows fullscreen mode.",
          "values": []
        },
        {
          "name": "loading",
          "description": "Controls iframe loading behavior.",
          "values": [{ "name": "eager" }, { "name": "lazy" }]
        },
        {
          "name": "referrerpolicy",
          "description": "Controls referrer information.",
          "values": []
        },
        {
          "name": "label",
          "description": "An accessible label for the iframe. Recommended for screen readers.",
          "values": []
        },
        {
          "name": "sandbox",
          "description": "Security restrictions for the iframe. Defaults to `allow-scripts`: framed content runs in an\nopaque origin and cannot reach the embedding page. Per the HTML spec an EMPTY string applies\nthe maximum restrictions (everything blocked); add `allow-*` keywords to grant capabilities.\nThe attribute is always rendered — there is deliberately no way to omit it entirely.\n\nAdding `allow-same-origin` **and** `allow-scripts` together disables the sandbox: the framed\ndocument can then clear its own `sandbox` attribute, and `srcdoc` content additionally\ninherits this page's origin — cookies, storage and `parent` included. Only combine them for\ncontent you fully control.",
          "values": []
        },
        {
          "name": "zoom",
          "description": "The current zoom of the frame, e.g. 0 = 0% and 1 = 100%.",
          "values": []
        },
        {
          "name": "zoom-levels",
          "description": "The zoom levels to step through when using zoom controls. This does not restrict programmatic changes to the zoom.",
          "values": []
        },
        {
          "name": "without-controls",
          "description": "Removes the zoom controls.",
          "values": []
        },
        {
          "name": "without-interaction",
          "description": "Disables interaction when present.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/zoomable-frame"
        }
      ]
    },
    {
      "name": "ed-widget-ed-scan",
      "description": "edScan widget: upload, split and edit scanned files with AI-assisted suggestions.\n---\n\n\n### **Events:**\n - **ed-scan-cancel** - Fired after the user cancels the session: the whole session is discarded and all files are lost. `event.detail` is the list of files saved before cancelling (`{ filename, filesize }[]`). Reports a cancellation that already happened, so it is not cancelable.\n- **ed-scan-finish** - Fired after the user saves and the session ends. `event.detail` is the list of created files, each `{ filename, filesize }`.\n\n### **Methods:**\n - **close()** - closes the edScan dialog\n- **show()** - opens the edScan dialog\n\n### **Slots:**\n - **logo** - An image (your logo) shown at the end of the dialog header.",
      "attributes": [
        {
          "name": "base-url",
          "description": "the base url to the service - change this to switch between dev, staging or prod",
          "values": []
        },
        {
          "name": "open",
          "description": "Indicates if the dialog should show or not. Open it with `show()` after assigning `edscanToken`: an `open`\nattribute that is present before the token is set closes itself again, and assigning the token afterwards does\nnot reopen it.\n\nClose it with `close()` and not by removing the attribute. `close()` drops the loaded session, stops the session\npoll, aborts the session request in flight, and passes the dialog's own hide interceptor. Removing the attribute\ndoes none of that — the interceptor takes it for a user dismissal and raises the \"cancel the session?\"\nconfirmation instead. Neither ends the session on the service: only the user's own save and cancel reach those\nendpoints.\n\nReopening needs a freshly assigned `edscanToken`, the same token included. `close()` drops the session while\nkeeping the token, and `show()` on its own only sets `open` — it loads nothing, so the dialog comes back showing\nwhatever step it was closed on.",
          "values": []
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/widget-ed-scan"
        }
      ]
    },
    {
      "name": "ed-widget-news",
      "description": "News widget to display release news or useful information to the user.\n---\n\n\n### **Events:**\n - **ed-session-expiring** - Fires while the session is still usable, so a replacement can be fetched before the user hits an error. `event.detail.cause` says which case it is: `'scheduled'` (the one-minute warning of a session that was valid for longer — renew freely) or `'immediate'` (the session was already inside the warning window when it was validated, so there was no minute to wait for). **Do not renew unconditionally on `'immediate'`.** A source that hands out a nearly-expired session tends to do it again, and renewing on every warning loops.\n- **ed-session-expired** - Fires when the session can no longer be used. `event.detail.cause` says why: `'expired'` (the session was valid and its lifetime elapsed — re-authenticating is appropriate), `'invalid'` (the service rejected the token — HTTP 401/403 or no future `validTo`), or `'error'` (the validation request failed — network error, server error, malformed response). **Only re-authenticate on `'expired'`.** Requesting a new session on `'invalid'`/`'error'` and re-assigning `session` loops endlessly while the token stays bad or the service is down. Cancelable; calling `preventDefault()` keeps the widget running.\n- **ed-news-count-changed** - This event fires when the total number of news items is determined and returns the exact number. It fires when the session changes (that also means initially). You can get the amount with `event.detail.count`. Use this to hide or disable your trigger button when the count is 0.\n- **ed-unread-news-count-changed** - This event fires when the amount of unread news items for the user is changed and returns the exact number. The amount of unread news is calculated when the session changes (that also means initially), when the open attribute is set to true or when the user selects an unseen news object and thus reducing the count by one. You can get the amount with `event.detail.count`.\n- **ed-show** - Emitted when the news widget opens. Cancelable; calling `preventDefault()` keeps it closed.\n- **ed-after-show** - Emitted after the news widget opens and its open animation completes.\n- **ed-hide** - Emitted when the news widget is requested to close (close button, [[Escape]], light-dismiss or setting `open` to `false`). Cancelable; calling `preventDefault()` keeps it open. Cancelable; calling `preventDefault()` keeps it open.\n- **ed-after-hide** - Emitted after the news widget closes and its close animation completes.\n\n### **CSS Properties:**\n - **--ed-news-height** - The height of the news dialog. Clamped by the dialog's own max-height on short viewports. _(default: 50rem)_\n\n### **CSS Parts:**\n - **base** - The components base wrapper, an ed-dialog element\n- **aside** - The components aside that holds the navigation on desktop; becomes a collapsible drawer on narrow widths\n- **sidebar** - The navigation wrapper\n- **sidebar-entry** - The items inside the navigation wrapper\n- **external-button** - External button, that shows depending on the news object\n- **menu-toggle** - The hamburger button that opens the navigation drawer on narrow widths\n- **close-button** - The close button that closes the dialog",
      "attributes": [
        {
          "name": "open",
          "description": "Indicates whether the dialog is open. Toggle this attribute to show and hide the dialog. Open can never be initially be true since the session must be internally validated before allowing open to be true.",
          "values": []
        },
        {
          "name": "label",
          "description": "The dialog's label as displayed in the header.",
          "values": []
        },
        {
          "name": "base-url",
          "description": "The base url for the news service",
          "values": []
        },
        {
          "name": "mobile-breakpoint",
          "description": "At what widget width to collapse the sidebar into a hamburger-toggled drawer.\nAccepts both numbers (interpreted as px) and CSS lengths (e.g. `48em`), resolved against the root element.\nMatches the convention used by `ed-app`'s `mobile-breakpoint`.",
          "values": []
        },
        {
          "name": "view",
          "description": "Reflects the current layout view based on the widget's own width. Driven by `mobile-breakpoint`.\nDefault `'desktop'` so SSR markup doesn't flash a mobile layout.",
          "values": [{ "name": "mobile" }, { "name": "desktop" }]
        },
        { "name": "dir", "values": [] },
        { "name": "lang", "values": [] }
      ],
      "references": [
        {
          "name": "Documentation",
          "url": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/widget-news"
        }
      ]
    }
  ]
}