@design-system-rte/angular 1.2.1-rc.1 → 1.2.1-rc3

package/fesm2022/design-system-rte-angular.mjs

@@ -10,7 +10,7 @@ import { labelSize } from '@design-system-rte/core/components/radio-button/radio
 import { TOOLTIP_GAP, TOOLTIP_FADE_OUT_DURATION } from '@design-system-rte/core/components/tooltip/tooltip.constants';
 import { getTooltipGap } from '@design-system-rte/core/components/tooltip/tooltip.utils';
 import { getAutoPlacement, getCoordinates, getAutoPlacementDropdown, getAutoAlignment } from '@design-system-rte/core/components/utils/auto-placement';
-import { FOCUSABLE_ELEMENTS_QUERY } from '@design-system-rte/core/constants/dom/dom.constants';
+import { FOCUSABLE_ELEMENTS_QUERY, FOCUSABLE_BUTTONS_QUERY } from '@design-system-rte/core/constants/dom/dom.constants';
 import { getShowIcon, getShowText, getDisplayCount, getBadgeIconSize, getShowBadge, shouldDisplayBadge } from '@design-system-rte/core/components/badge/badge.utils';
 import { splitButtonLeftIconSize, splitButtonRightIconSize } from '@design-system-rte/core/components/split-button/split-button.constants';
 import { SPACE_KEY, ENTER_KEY, ARROW_DOWN_KEY, ARROW_UP_KEY, ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ESCAPE_KEY, TAB_KEY, BACKSPACE_KEY, DELETE_KEY } from '@design-system-rte/core/constants/keyboard/keyboard.constants';
@@ -20,6 +20,7 @@ import { waitForNextFrame } from '@design-system-rte/core/common/animation';
 import { DROPDOWN_ANIMATION_DURATION } from '@design-system-rte/core/components/dropdown/dropdown.constants';
 import { DropdownManager } from '@design-system-rte/core/components/dropdown/DropdownManager';
 import { ButtonIconSize } from '@design-system-rte/core/components/button/common/common-button.constants';
+import { loaderSize } from '@design-system-rte/core/components/loader/loader.constants';
 import { CHIP_TYPE_TO_ARIA_ROLE_MAP } from '@design-system-rte/core/components/chip/chip.constants';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { REQUIREMENT_INDICATOR_VALUE } from '@design-system-rte/core/components/required-indicator/required-indicator.constant';
@@ -137,9 +138,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
 // This file is auto-generated. Do not edit manually.
 const RegularIcons = {
-    "add": "add",
+    add: "add",
     "alt-route": "alt_route",
-    "apps": "apps",
+    apps: "apps",
     "arrow-alt-down": "arrow_alt_down",
     "arrow-alt-down-left": "arrow_alt_down_left",
     "arrow-alt-down-right": "arrow_alt_down_right",
@@ -170,100 +171,100 @@ const RegularIcons = {
     "arrow-up": "arrow_up",
     "arrow-up-left": "arrow_up_left",
     "arrow-up-right": "arrow_up_right",
-    "asterisk": "asterisk",
+    asterisk: "asterisk",
     "attach-file": "attach_file",
     "battery-alt-empty": "battery_alt_empty",
     "battery-alt-full": "battery_alt_full",
     "battery-charging": "battery_charging",
     "battery-empty": "battery_empty",
     "battery-full": "battery_full",
-    "bluetooth": "bluetooth",
+    bluetooth: "bluetooth",
     "bluetooth-off": "bluetooth_off",
     "chart-bar": "chart_bar",
     "chart-bar-stacked": "chart_bar_stacked",
-    "check": "check",
+    check: "check",
     "check-indeterminate": "check_indeterminate",
     "check-small": "check_small",
     "checkbox-empty": "checkbox_empty",
-    "close": "close",
-    "compare": "compare",
+    close: "close",
+    compare: "compare",
     "copy-all": "copy_all",
     "crisis-alert": "crisis_alert",
-    "cut": "cut",
-    "download": "download",
+    cut: "cut",
+    download: "download",
     "download-done": "download_done",
     "drag-handle": "drag_handle",
     "drag-indicator": "drag_indicator",
-    "exclamation": "exclamation",
+    exclamation: "exclamation",
     "explore-travel": "explore_travel",
     "external-link": "external_link",
-    "filter": "filter",
+    filter: "filter",
     "filter-off": "filter_off",
     "first-page": "first_page",
-    "forward": "forward",
-    "fullscreen": "fullscreen",
+    forward: "forward",
+    fullscreen: "fullscreen",
     "fullscreen-exit": "fullscreen_exit",
-    "history": "history",
+    history: "history",
     "hourglass-empty": "hourglass_empty",
     "info-i": "info_i",
-    "language": "language",
+    language: "language",
     "last-page": "last_page",
-    "link": "link",
+    link: "link",
     "link-off": "link_off",
-    "list": "list",
+    list: "list",
     "location-disabled": "location_disabled",
-    "login": "login",
-    "logout": "logout",
-    "menu": "menu",
+    login: "login",
+    logout: "logout",
+    menu: "menu",
     "menu-open": "menu_open",
-    "monitoring": "monitoring",
+    monitoring: "monitoring",
     "more-down": "more_down",
     "more-horiz": "more_horiz",
     "more-up": "more_up",
     "more-vert": "more_vert",
-    "ohm": "ohm",
+    ohm: "ohm",
     "open-in-full": "open_in_full",
-    "paste": "paste",
+    paste: "paste",
     "play-pause": "play_pause",
     "power-input": "power_input",
     "power-plug": "power_plug",
     "power-settings": "power_settings",
     "priority-high": "priority_high",
-    "public": "public",
-    "publish": "publish",
+    public: "public",
+    publish: "publish",
     "question-mark": "question_mark",
-    "radar": "radar",
+    radar: "radar",
     "radio-button-empty": "radio_button_empty",
-    "redo": "redo",
-    "reload": "reload",
-    "remove": "remove",
-    "reply": "reply",
+    redo: "redo",
+    reload: "reload",
+    remove: "remove",
+    reply: "reply",
     "reply-all": "reply_all",
-    "route": "route",
-    "search": "search",
+    route: "route",
+    search: "search",
     "side-navigation": "side_navigation",
-    "sort": "sort",
+    sort: "sort",
     "support-agent": "support_agent",
-    "timeline": "timeline",
+    timeline: "timeline",
     "trending-down": "trending_down",
     "trending-flat": "trending_flat",
     "trending-up": "trending_up",
-    "tune": "tune",
-    "undo": "undo",
-    "upload": "upload",
-    "water": "water",
+    tune: "tune",
+    undo: "undo",
+    upload: "upload",
+    water: "water",
     "water-alt": "water_alt",
-    "wifi": "wifi",
+    wifi: "wifi",
     "wifi-off": "wifi_off",
-    "windmill": "windmill",
+    windmill: "windmill",
     "zoom-in": "zoom_in",
     "zoom-out": "zoom_out",
 };
 const TogglableIcons = {
     "add-circle": ["add_circle_outlined", "add_circle_filled"],
     "admin-panel-settings": ["admin_panel_settings_outlined", "admin_panel_settings_filled"],
-    "analytics": ["analytics_outlined", "analytics_filled"],
-    "archive": ["archive_outlined", "archive_filled"],
+    analytics: ["analytics_outlined", "analytics_filled"],
+    archive: ["archive_outlined", "archive_filled"],
     "arrow-circle-chevron-down": ["arrow_circle_chevron_down_outlined", "arrow_circle_chevron_down_filled"],
     "arrow-circle-chevron-left": ["arrow_circle_chevron_left_outlined", "arrow_circle_chevron_left_filled"],
     "arrow-circle-chevron-right": ["arrow_circle_chevron_right_outlined", "arrow_circle_chevron_right_filled"],
@@ -272,153 +273,153 @@ const TogglableIcons = {
     "arrow-circle-left": ["arrow_circle_left_outlined", "arrow_circle_left_filled"],
     "arrow-circle-right": ["arrow_circle_right_outlined", "arrow_circle_right_filled"],
     "arrow-circle-up": ["arrow_circle_up_outlined", "arrow_circle_up_filled"],
-    "article": ["article_outlined", "article_filled"],
+    article: ["article_outlined", "article_filled"],
     "assignment-complete": ["assignment_complete_outlined", "assignment_complete_filled"],
-    "assignment": ["assignment_outlined", "assignment_filled"],
+    assignment: ["assignment_outlined", "assignment_filled"],
     "battery-alert": ["battery_alert_outlined", "battery_alert_filled"],
     "battery-charging-full": ["battery_charging_full_outlined", "battery_charging_full_filled"],
     "bolt-alt-circle": ["bolt_alt_circle_outlined", "bolt_alt_circle_filled"],
     "bolt-alt": ["bolt_alt_outlined", "bolt_alt_filled"],
     "bolt-circle": ["bolt_circle_outlined", "bolt_circle_filled"],
-    "bolt": ["bolt_outlined", "bolt_filled"],
-    "bookmark": ["bookmark_outlined", "bookmark_filled"],
-    "bookmarks": ["bookmarks_outlined", "bookmarks_filled"],
-    "build": ["build_outlined", "build_filled"],
+    bolt: ["bolt_outlined", "bolt_filled"],
+    bookmark: ["bookmark_outlined", "bookmark_filled"],
+    bookmarks: ["bookmarks_outlined", "bookmarks_filled"],
+    build: ["build_outlined", "build_filled"],
     "calendar-available": ["calendar_available_outlined", "calendar_available_filled"],
     "calendar-busy": ["calendar_busy_outlined", "calendar_busy_filled"],
     "calendar-month": ["calendar_month_outlined", "calendar_month_filled"],
     "calendar-today": ["calendar_today_outlined", "calendar_today_filled"],
-    "call": ["call_outlined", "call_filled"],
-    "cancel": ["cancel_outlined", "cancel_filled"],
-    "category": ["category_outlined", "category_filled"],
+    call: ["call_outlined", "call_filled"],
+    cancel: ["cancel_outlined", "cancel_filled"],
+    category: ["category_outlined", "category_filled"],
     "chart-add": ["chart_add_outlined", "chart_add_filled"],
     "chart-area": ["chart_area_outlined", "chart_area_filled"],
     "chart-pie": ["chart_pie_outlined", "chart_pie_filled"],
     "chart-table": ["chart_table_outlined", "chart_table_filled"],
     "chat-alt": ["chat_alt_outlined", "chat_alt_filled"],
     "chat-alt-unread": ["chat_alt_unread_outlined", "chat_alt_unread_filled"],
-    "chat": ["chat_outlined", "chat_filled"],
+    chat: ["chat_outlined", "chat_filled"],
     "chat-unread": ["chat_unread_outlined", "chat_unread_filled"],
     "check-circle": ["check_circle_outlined", "check_circle_filled"],
-    "checkbox": ["checkbox_outlined", "checkbox_filled"],
+    checkbox: ["checkbox_outlined", "checkbox_filled"],
     "checkbox-indeterminate": ["checkbox_indeterminate_outlined", "checkbox_indeterminate_filled"],
-    "clock": ["clock_outlined", "clock_filled"],
+    clock: ["clock_outlined", "clock_filled"],
     "cloud-download": ["cloud_download_outlined", "cloud_download_filled"],
-    "cloud": ["cloud_outlined", "cloud_filled"],
+    cloud: ["cloud_outlined", "cloud_filled"],
     "cloud-off": ["cloud_off_outlined", "cloud_off_filled"],
     "cloud-upload": ["cloud_upload_outlined", "cloud_upload_filled"],
     "comment-add": ["comment_add_outlined", "comment_add_filled"],
-    "comment": ["comment_outlined", "comment_filled"],
-    "copy": ["copy_outlined", "copy_filled"],
-    "dangerous": ["dangerous_outlined", "dangerous_filled"],
-    "dashboard": ["dashboard_outlined", "dashboard_filled"],
-    "database": ["database_outlined", "database_filled"],
-    "delete": ["delete_outlined", "delete_filled"],
-    "desktop": ["desktop_outlined", "desktop_filled"],
-    "devices": ["devices_outlined", "devices_filled"],
-    "draft": ["draft_outlined", "draft_filled"],
-    "eco": ["eco_outlined", "eco_filled"],
-    "edit": ["edit_outlined", "edit_filled"],
+    comment: ["comment_outlined", "comment_filled"],
+    copy: ["copy_outlined", "copy_filled"],
+    dangerous: ["dangerous_outlined", "dangerous_filled"],
+    dashboard: ["dashboard_outlined", "dashboard_filled"],
+    database: ["database_outlined", "database_filled"],
+    delete: ["delete_outlined", "delete_filled"],
+    desktop: ["desktop_outlined", "desktop_filled"],
+    devices: ["devices_outlined", "devices_filled"],
+    draft: ["draft_outlined", "draft_filled"],
+    eco: ["eco_outlined", "eco_filled"],
+    edit: ["edit_outlined", "edit_filled"],
     "electric-meter": ["electric_meter_outlined", "electric_meter_filled"],
-    "error": ["error_outlined", "error_filled"],
-    "explore": ["explore_outlined", "explore_filled"],
+    error: ["error_outlined", "error_filled"],
+    explore: ["explore_outlined", "explore_filled"],
     "explore-off": ["explore_off_outlined", "explore_off_filled"],
     "fast-forward": ["fast_forward_outlined", "fast_forward_filled"],
     "fast-rewind": ["fast_rewind_outlined", "fast_rewind_filled"],
-    "feedback": ["feedback_outlined", "feedback_filled"],
+    feedback: ["feedback_outlined", "feedback_filled"],
     "file-copy": ["file_copy_outlined", "file_copy_filled"],
     "file-download": ["file_download_outlined", "file_download_filled"],
     "file-upload": ["file_upload_outlined", "file_upload_filled"],
     "filter-alt": ["filter_alt_outlined", "filter_alt_filled"],
     "filter-alt-off": ["filter_alt_off_outlined", "filter_alt_off_filled"],
-    "fire": ["fire_outlined", "fire_filled"],
+    fire: ["fire_outlined", "fire_filled"],
     "fit-screen": ["fit_screen_outlined", "fit_screen_filled"],
-    "flag": ["flag_outlined", "flag_filled"],
-    "flash": ["flash_outlined", "flash_filled"],
+    flag: ["flag_outlined", "flag_filled"],
+    flash: ["flash_outlined", "flash_filled"],
     "flash-off": ["flash_off_outlined", "flash_off_filled"],
     "folder-add": ["folder_add_outlined", "folder_add_filled"],
-    "folder": ["folder_outlined", "folder_filled"],
+    folder: ["folder_outlined", "folder_filled"],
     "folder-move": ["folder_move_outlined", "folder_move_filled"],
     "folder-open": ["folder_open_outlined", "folder_open_filled"],
     "folder-shared": ["folder_shared_outlined", "folder_shared_filled"],
-    "forum": ["forum_outlined", "forum_filled"],
+    forum: ["forum_outlined", "forum_filled"],
     "group-add": ["group_add_outlined", "group_add_filled"],
-    "group": ["group_outlined", "group_filled"],
-    "groups": ["groups_outlined", "groups_filled"],
-    "headphones": ["headphones_outlined", "headphones_filled"],
-    "heart": ["heart_outlined", "heart_filled"],
-    "help": ["help_outlined", "help_filled"],
-    "home": ["home_outlined", "home_filled"],
-    "hourglass": ["hourglass_outlined", "hourglass_filled"],
+    group: ["group_outlined", "group_filled"],
+    groups: ["groups_outlined", "groups_filled"],
+    headphones: ["headphones_outlined", "headphones_filled"],
+    heart: ["heart_outlined", "heart_filled"],
+    help: ["help_outlined", "help_filled"],
+    home: ["home_outlined", "home_filled"],
+    hourglass: ["hourglass_outlined", "hourglass_filled"],
     "image-broken": ["image_broken_outlined", "image_broken_filled"],
-    "image": ["image_outlined", "image_filled"],
+    image: ["image_outlined", "image_filled"],
     "image-gallery": ["image_gallery_outlined", "image_gallery_filled"],
-    "inbox": ["inbox_outlined", "inbox_filled"],
-    "info": ["info_outlined", "info_filled"],
-    "keep": ["keep_outlined", "keep_filled"],
+    inbox: ["inbox_outlined", "inbox_filled"],
+    info: ["info_outlined", "info_filled"],
+    keep: ["keep_outlined", "keep_filled"],
     "keep-off": ["keep_off_outlined", "keep_off_filled"],
-    "label": ["label_outlined", "label_filled"],
-    "laptop": ["laptop_outlined", "laptop_filled"],
+    label: ["label_outlined", "label_filled"],
+    laptop: ["laptop_outlined", "laptop_filled"],
     "left-panel-close": ["left_panel_close_outlined", "left_panel_close_filled"],
     "left-panel-open": ["left_panel_open_outlined", "left_panel_open_filled"],
     "light-off": ["light_off_outlined", "light_off_filled"],
     "lightbulb-alt": ["lightbulb_alt_outlined", "lightbulb_alt_filled"],
     "lightbulb-circle": ["lightbulb_circle_outlined", "lightbulb_circle_filled"],
-    "lightbulb": ["lightbulb_outlined", "lightbulb_filled"],
+    lightbulb: ["lightbulb_outlined", "lightbulb_filled"],
     "list-alt": ["list_alt_outlined", "list_alt_filled"],
     "location-me": ["location_me_outlined", "location_me_filled"],
     "location-off": ["location_off_outlined", "location_off_filled"],
     "location-on": ["location_on_outlined", "location_on_filled"],
-    "lock": ["lock_outlined", "lock_filled"],
+    lock: ["lock_outlined", "lock_filled"],
     "lock-open": ["lock_open_outlined", "lock_open_filled"],
     "lock-open-right": ["lock_open_right_outlined", "lock_open_right_filled"],
-    "mail": ["mail_outlined", "mail_filled"],
+    mail: ["mail_outlined", "mail_filled"],
     "mail-unread": ["mail_unread_outlined", "mail_unread_filled"],
-    "map": ["map_outlined", "map_filled"],
-    "mic": ["mic_outlined", "mic_filled"],
+    map: ["map_outlined", "map_filled"],
+    mic: ["mic_outlined", "mic_filled"],
     "mic-off": ["mic_off_outlined", "mic_off_filled"],
     "mode-dark": ["mode_dark_outlined", "mode_dark_filled"],
     "mode-light": ["mode_light_outlined", "mode_light_filled"],
-    "notification": ["notification_outlined", "notification_filled"],
+    notification: ["notification_outlined", "notification_filled"],
     "notification-important": ["notification_important_outlined", "notification_important_filled"],
     "notification-off": ["notification_off_outlined", "notification_off_filled"],
     "notification-unread": ["notification_unread_outlined", "notification_unread_filled"],
-    "palette": ["palette_outlined", "palette_filled"],
+    palette: ["palette_outlined", "palette_filled"],
     "pause-circle": ["pause_circle_outlined", "pause_circle_filled"],
-    "pause": ["pause_outlined", "pause_filled"],
+    pause: ["pause_outlined", "pause_filled"],
     "photo-camera": ["photo_camera_outlined", "photo_camera_filled"],
     "play-circle": ["play_circle_outlined", "play_circle_filled"],
-    "play": ["play_outlined", "play_filled"],
-    "power": ["power_outlined", "power_filled"],
+    play: ["play_outlined", "play_filled"],
+    power: ["power_outlined", "power_filled"],
     "power-off": ["power_off_outlined", "power_off_filled"],
     "power-plug-connect": ["power_plug_connect_outlined", "power_plug_connect_filled"],
     "power-settings-circle": ["power_settings_circle_outlined", "power_settings_circle_filled"],
     "power-solar": ["power_solar_outlined", "power_solar_filled"],
     "power-switch": ["power_switch_outlined", "power_switch_filled"],
     "power-wind": ["power_wind_outlined", "power_wind_filled"],
-    "print": ["print_outlined", "print_filled"],
+    print: ["print_outlined", "print_filled"],
     "right-panel-close": ["right_panel_close_outlined", "right_panel_close_filled"],
     "right-panel-open": ["right_panel_open_outlined", "right_panel_open_filled"],
-    "save": ["save_outlined", "save_filled"],
-    "send": ["send_outlined", "send_filled"],
-    "settings": ["settings_outlined", "settings_filled"],
-    "share": ["share_outlined", "share_filled"],
+    save: ["save_outlined", "save_filled"],
+    send: ["send_outlined", "send_filled"],
+    settings: ["settings_outlined", "settings_filled"],
+    share: ["share_outlined", "share_filled"],
     "skip-next": ["skip_next_outlined", "skip_next_filled"],
     "skip-previous": ["skip_previous_outlined", "skip_previous_filled"],
-    "smartphone": ["smartphone_outlined", "smartphone_filled"],
-    "star": ["star_outlined", "star_filled"],
+    smartphone: ["smartphone_outlined", "smartphone_filled"],
+    star: ["star_outlined", "star_filled"],
     "sticky-note": ["sticky_note_outlined", "sticky_note_filled"],
     "stop-circle": ["stop_circle_outlined", "stop_circle_filled"],
-    "stop": ["stop_outlined", "stop_filled"],
-    "subtitles": ["subtitles_outlined", "subtitles_filled"],
+    stop: ["stop_outlined", "stop_filled"],
+    subtitles: ["subtitles_outlined", "subtitles_filled"],
     "text-snippet": ["text_snippet_outlined", "text_snippet_filled"],
     "trash-restore": ["trash_restore_outlined", "trash_restore_filled"],
-    "unarchive": ["unarchive_outlined", "unarchive_filled"],
+    unarchive: ["unarchive_outlined", "unarchive_filled"],
     "user-add": ["user_add_outlined", "user_add_filled"],
     "user-circle": ["user_circle_outlined", "user_circle_filled"],
-    "user": ["user_outlined", "user_filled"],
+    user: ["user_outlined", "user_filled"],
     "user-settings": ["user_settings_outlined", "user_settings_filled"],
-    "verified": ["verified_outlined", "verified_filled"],
+    verified: ["verified_outlined", "verified_filled"],
     "video-camera": ["video_camera_outlined", "video_camera_filled"],
     "video-camera-off": ["video_camera_off_outlined", "video_camera_off_filled"],
     "video-gallery": ["video_gallery_outlined", "video_gallery_filled"],
@@ -434,8 +435,8 @@ const TogglableIcons = {
     "volume-mute": ["volume_mute_outlined", "volume_mute_filled"],
     "volume-off": ["volume_off_outlined", "volume_off_filled"],
     "volume-up": ["volume_up_outlined", "volume_up_filled"],
-    "warning": ["warning_outlined", "warning_filled"],
-    "waterdrop": ["waterdrop_outlined", "waterdrop_filled"],
+    warning: ["warning_outlined", "warning_filled"],
+    waterdrop: ["waterdrop_outlined", "waterdrop_filled"],
 };
 function isValidIconName(iconName) {
     return isValidIconName$1(iconName, RegularIcons, TogglableIcons);
@@ -1367,6 +1368,13 @@ class DropdownDirective {
                     this.dropdownMenuRef = null;
                     this.removeClickOutsideListener();
                     dropdownStateSubscription.unsubscribe();
+                    const buttonTrigger = this.trigger()?.elementRef.nativeElement.querySelectorAll(FOCUSABLE_BUTTONS_QUERY)[0];
+                    if (buttonTrigger) {
+                        buttonTrigger.focus();
+                    }
+                    else {
+                        this.trigger()?.elementRef.nativeElement.focus();
+                    }
                 }
             }
         });
@@ -1627,6 +1635,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: "rte-icon-button-toggle", imports: [CommonModule, IconButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<rte-icon-button\n  [size]=\"size()\"\n  [name]=\"name()\"\n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"isSelected() ? 'filled' : 'outlined'\"\n  (clickEvent)=\"onClick($event)\"\n/>\n" }]
         }] });
 
+class LoaderComponent {
+    constructor() {
+        this.appearance = input("brand");
+        this.size = input("medium");
+        this.showLabel = input(true);
+        this.label = input("");
+        this.labelPosition = input("right");
+        this.sizeOfLoader = computed(() => loaderSize[this.size() || "medium"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LoaderComponent, isStandalone: true, selector: "rte-loader", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"rte-loader appearance--{{ appearance() }} labelPosition--{{ labelPosition() }}\">\n  @if (appearance() === \"brand\") {\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      class=\"svgLoader\"\n      viewBox=\"0 0 48 48\"\n      fill=\"none\"\n      [style.width]=\"sizeOfLoader()\"\n      [style.height]=\"sizeOfLoader()\"\n    >\n      <g clip-path=\"url(#paint0_angular_4434_67_clip_path)\" data-figma-skip-parse=\"true\">\n        <g transform=\"matrix(0.0240793 7.6297e-08 -7.62968e-08 0.0240017 24.0001 24.0003)\">\n          <foreignObject x=\"-999.939\" y=\"-999.939\" width=\"1999.88\" height=\"1999.88\"\n            ><div\n              xmlns=\"http://www.w3.org/1999/xhtml\"\n              style=\"\n                background: conic-gradient(from 90deg, rgba(41, 100, 160, 0) 0deg, rgba(41, 100, 160, 1) 360deg);\n                height: 100%;\n                width: 100%;\n                opacity: 1;\n              \"\n            ></div\n          ></foreignObject>\n        </g>\n      </g>\n      <path\n        d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n        data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":48.158504486083984,\"m01\":-0.00015259353676810861,\"m02\":-0.079098686575889587,\"m10\":0.00015259397332556546,\"m11\":48.003398895263672,\"m12\":-0.0015066617634147406},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n      />\n      <defs>\n        <clipPath id=\"paint0_angular_4434_67_clip_path\">\n          <path\n            d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  } @else {\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      class=\"svgLoader\"\n      viewBox=\"0 0 48 48\"\n      fill=\"none\"\n      [style.width]=\"sizeOfLoader()\"\n      [style.height]=\"sizeOfLoader()\"\n    >\n      <g clip-path=\"url(#paint0_angular_4434_1033_clip_path)\" data-figma-skip-parse=\"true\">\n        <g transform=\"matrix(0.0240793 7.6297e-08 -7.62968e-08 0.0240017 24.0001 24.0003)\">\n          <foreignObject x=\"-999.939\" y=\"-999.939\" width=\"1999.88\" height=\"1999.88\"\n            ><div\n              xmlns=\"http://www.w3.org/1999/xhtml\"\n              style=\"\n                background: conic-gradient(from 90deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 1) 360deg);\n                height: 100%;\n                width: 100%;\n                opacity: 1;\n              \"\n            ></div\n          ></foreignObject>\n        </g>\n      </g>\n      <path\n        d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n        data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":48.158504486083984,\"m01\":-0.00015259353676810861,\"m02\":-0.079098686575889587,\"m10\":0.00015259397332556546,\"m11\":48.003398895263672,\"m12\":-0.0015066617634147406},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n      />\n      <defs>\n        <clipPath id=\"paint0_angular_4434_1033_clip_path\">\n          <path\n            d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  }\n  @if (showLabel()) {\n    <span class=\"loaderLabel appearance--{{ appearance() }} size--{{ size() }}\" role=\"status\" aria-live=\"polite\">{{\n      label()\n    }}</span>\n  }\n</div>\n", styles: [".rte-loader{width:fit-content;height:auto;display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;animation:fade-in .15s linear}.rte-loader.labelPosition--under{flex-direction:column;padding:0;gap:8px}.rte-loader .svgLoader{animation:spin 2s infinite linear}.rte-loader .loaderLabel{color:var(--content-brand-default);word-wrap:break-word}.rte-loader .loaderLabel.appearance--reverse{color:var(--content-primary-inverse)}.rte-loader .loaderLabel.size--small{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:10px;line-height:14px;letter-spacing:0px}.rte-loader .loaderLabel.size--medium{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px}.rte-loader .loaderLabel.size--large{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-loader", imports: [CommonModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"rte-loader appearance--{{ appearance() }} labelPosition--{{ labelPosition() }}\">\n  @if (appearance() === \"brand\") {\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      class=\"svgLoader\"\n      viewBox=\"0 0 48 48\"\n      fill=\"none\"\n      [style.width]=\"sizeOfLoader()\"\n      [style.height]=\"sizeOfLoader()\"\n    >\n      <g clip-path=\"url(#paint0_angular_4434_67_clip_path)\" data-figma-skip-parse=\"true\">\n        <g transform=\"matrix(0.0240793 7.6297e-08 -7.62968e-08 0.0240017 24.0001 24.0003)\">\n          <foreignObject x=\"-999.939\" y=\"-999.939\" width=\"1999.88\" height=\"1999.88\"\n            ><div\n              xmlns=\"http://www.w3.org/1999/xhtml\"\n              style=\"\n                background: conic-gradient(from 90deg, rgba(41, 100, 160, 0) 0deg, rgba(41, 100, 160, 1) 360deg);\n                height: 100%;\n                width: 100%;\n                opacity: 1;\n              \"\n            ></div\n          ></foreignObject>\n        </g>\n      </g>\n      <path\n        d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n        data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":0.16078431904315948,\"g\":0.39215686917304993,\"b\":0.62745100259780884,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":48.158504486083984,\"m01\":-0.00015259353676810861,\"m02\":-0.079098686575889587,\"m10\":0.00015259397332556546,\"m11\":48.003398895263672,\"m12\":-0.0015066617634147406},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n      />\n      <defs>\n        <clipPath id=\"paint0_angular_4434_67_clip_path\">\n          <path\n            d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  } @else {\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      class=\"svgLoader\"\n      viewBox=\"0 0 48 48\"\n      fill=\"none\"\n      [style.width]=\"sizeOfLoader()\"\n      [style.height]=\"sizeOfLoader()\"\n    >\n      <g clip-path=\"url(#paint0_angular_4434_1033_clip_path)\" data-figma-skip-parse=\"true\">\n        <g transform=\"matrix(0.0240793 7.6297e-08 -7.62968e-08 0.0240017 24.0001 24.0003)\">\n          <foreignObject x=\"-999.939\" y=\"-999.939\" width=\"1999.88\" height=\"1999.88\"\n            ><div\n              xmlns=\"http://www.w3.org/1999/xhtml\"\n              style=\"\n                background: conic-gradient(from 90deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 1) 360deg);\n                height: 100%;\n                width: 100%;\n                opacity: 1;\n              \"\n            ></div\n          ></foreignObject>\n        </g>\n      </g>\n      <path\n        d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n        data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":0.0},\"position\":0.0},{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":48.158504486083984,\"m01\":-0.00015259353676810861,\"m02\":-0.079098686575889587,\"m10\":0.00015259397332556546,\"m11\":48.003398895263672,\"m12\":-0.0015066617634147406},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}'\n      />\n      <defs>\n        <clipPath id=\"paint0_angular_4434_1033_clip_path\">\n          <path\n            d=\"M23.9269 0.000388189C30.296 -0.0295367 36.417 2.4654 40.9454 6.93691C44.9866 10.9275 47.4648 16.2012 47.9796 21.809C48.0828 22.9328 47.1647 23.8555 46.0363 23.8627C44.9079 23.8698 43.998 22.958 43.8751 21.8363C43.3798 17.3109 41.3426 13.0674 38.0714 9.8373C34.3129 6.12602 29.2327 4.05571 23.9464 4.08047C18.66 4.10534 13.5995 6.22361 9.87609 9.97011C6.1527 13.7167 4.07043 18.7851 4.08703 24.0629C4.10364 29.3406 6.21709 34.3964 9.96399 38.1195C13.7109 41.8427 18.7849 43.9286 24.0714 43.9203C29.3579 43.912 34.4251 41.8095 38.1603 38.0746C41.4109 34.8241 43.422 30.5687 43.8888 26.0404C44.0045 24.918 44.9079 24.0006 46.0363 24.0004C47.1648 24.0004 48.0893 24.917 47.9933 26.0414C47.5138 31.6525 45.068 36.9416 41.0519 40.9574C36.5518 45.4572 30.4473 47.9903 24.0782 48.0004C17.709 48.0104 11.5955 45.4969 7.08117 41.0111C2.56686 36.5254 0.0201276 30.4343 0.000118312 24.0756C-0.0198507 17.7169 2.48874 11.61 6.97473 7.09609C11.4607 2.58224 17.5578 0.0303524 23.9269 0.000388189Z\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  }\n  @if (showLabel()) {\n    <span class=\"loaderLabel appearance--{{ appearance() }} size--{{ size() }}\" role=\"status\" aria-live=\"polite\">{{\n      label()\n    }}</span>\n  }\n</div>\n", styles: [".rte-loader{width:fit-content;height:auto;display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;animation:fade-in .15s linear}.rte-loader.labelPosition--under{flex-direction:column;padding:0;gap:8px}.rte-loader .svgLoader{animation:spin 2s infinite linear}.rte-loader .loaderLabel{color:var(--content-brand-default);word-wrap:break-word}.rte-loader .loaderLabel.appearance--reverse{color:var(--content-primary-inverse)}.rte-loader .loaderLabel.size--small{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:10px;line-height:14px;letter-spacing:0px}.rte-loader .loaderLabel.size--medium{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px}.rte-loader .loaderLabel.size--large{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
+        }] });
+
 class BaseTextInputComponent {
     constructor() {
         this.id = input();
@@ -2820,11 +2845,11 @@ class NavItemComponent {
         this.focused.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NavItemComponent, isStandalone: true, selector: "rte-nav-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null }, parentMenuOpen: { classPropertyName: "parentMenuOpen", publicName: "parentMenuOpen", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, showDivider: { classPropertyName: "showDivider", publicName: "showDivider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "@if (collapsed() && label()) {\n  <div\n    class=\"nav-item-container {{ appearance() }}\"\n    rteTooltip\n    rteTooltipPosition=\"right\"\n    rteTooltipAlignment=\"center\"\n    [id]=\"id()\"\n    [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n    [attr.role]=\"role()\"\n    [rteTooltip]=\"label()\"\n    [rteTooltipArrow]=\"false\"\n    [rteTooltipGap]=\"12\"\n    [rteTooltipShouldFocusTrigger]=\"false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n  </div>\n} @else {\n  <div\n    class=\"nav-item-container {{ appearance() }}\"\n    [id]=\"id()\"\n    [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n    [attr.role]=\"role()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n  </div>\n}\n\n<ng-template #contentTemplate>\n  @if (link()) {\n    <a\n      class=\"nav-item\"\n      [href]=\"link()!\"\n      [attr.tabindex]=\"tabIndex()\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    >\n      <div class=\"nav-item-left\">\n        @if (showIcon() && icon()) {\n          <rte-icon class=\"icon\" [name]=\"icon()!\" [size]=\"iconSize()\" />\n        }\n        @if (!collapsed()) {\n          <span>{{ label() }}</span>\n        }\n      </div>\n      <div class=\"nav-item-right\">\n        @if (badge()) {\n          <rte-badge\n            [badgeType]=\"badge()!.badgeType || 'brand'\"\n            [badgeSize]=\"badge()!.size || 'm'\"\n            [badgeContent]=\"badge()!.content || 'number'\"\n            [count]=\"badge()!.count\"\n            [icon]=\"badge()!.icon || 'notification'\"\n            [simpleBadge]=\"true\"\n          />\n        }\n      </div>\n    </a>\n  } @else {\n    <span\n      class=\"nav-item\"\n      [attr.tabindex]=\"tabIndex()\"\n      [attr.aria-label]=\"label()\"\n      (click)=\"handleClick($event)\"\n      (keydown)=\"handleKeyDown($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    >\n      <div class=\"nav-item-left\">\n        @if (showIcon() && icon()) {\n          <rte-icon class=\"icon\" [name]=\"icon()!\" [size]=\"iconSize()\" />\n        }\n        @if (!collapsed()) {\n          <span>{{ label() }}</span>\n        }\n      </div>\n      <div class=\"nav-item-right\">\n        @if (badge()) {\n          <rte-badge\n            [badgeType]=\"badge()!.badgeType || 'brand'\"\n            [badgeSize]=\"badge()!.size || 'm'\"\n            [badgeContent]=\"badge()!.content || 'number'\"\n            [count]=\"badge()!.count\"\n            [icon]=\"badge()!.icon || 'notification'\"\n            [simpleBadge]=\"true\"\n          />\n        }\n      </div>\n    </span>\n  }\n</ng-template>\n", styles: [".nav-item-container{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;width:100%;display:flex;justify-content:flex-start;gap:8px;padding:8px 6px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-items:center;box-sizing:border-box;border-left:2px solid transparent;color:var(--content-brand-navigation-default)}.nav-item-container.neutral{color:var(--content-secondary)}.nav-item-container.neutral:hover{background:var(--background-neutral-navigation-hover);color:var(--content-primary)}.nav-item-container.neutral.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%);color:var(--content-brand-pressed)}.nav-item-container.neutral.nested{border-radius:0 4px 4px 0;border-left:1px solid var(--border-divider)}.nav-item-container.neutral.nested.active{border-left:1px solid var(--border-brand-navigation-active)}.nav-item-container:hover{background:var(--background-brand-navigation-hover);color:var(--content-brand-navigation-hover)}.nav-item-container.active{background:var(--background-brand-navigation-pressed);border-left:2px solid var(--border-brand-navigation-divider);color:var(--content-primary-inverse)}.nav-item-container:active.focused{outline:none}.nav-item-container .nav-item{display:flex;padding:0;align-items:center;gap:8px;flex:1 0 0;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between}.nav-item-container .nav-item:link,.nav-item-container .nav-item:visited,.nav-item-container .nav-item:link:hover,.nav-item-container .nav-item:visited:hover{text-decoration:none;color:inherit}.nav-item-container .nav-item .nav-item-left{display:flex;align-items:center;gap:8px}.nav-item-container .nav-item .nav-item-right{display:flex;align-items:center;gap:4px}.nav-item-container.focused{outline:1px solid var(--border-brand-focused);outline-offset:0}.nav-item-container.collapsed{padding:8px 12px;justify-content:center;border-left:none}.nav-item-container.collapsed .nav-item{justify-content:center;gap:0}.nav-item-container.nested{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;border-radius:0 4px 4px 0;border-left:1px solid var(--border-brand-navigation-divider);padding:4px 8px}.nav-item-container.nested.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: BadgeComponent, selector: "rte-badge", inputs: ["badgeType", "badgeSize", "badgeContent", "count", "icon", "simpleBadge"] }, { kind: "directive", type: TooltipDirective, selector: "[rteTooltip]", inputs: ["rteTooltip", "rteTooltipPosition", "rteTooltipAlignment", "rteTooltipArrow", "rteTooltipShouldFocusTrigger", "rteTooltipGap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NavItemComponent, isStandalone: true, selector: "rte-nav-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null }, parentMenuOpen: { classPropertyName: "parentMenuOpen", publicName: "parentMenuOpen", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, showDivider: { classPropertyName: "showDivider", publicName: "showDivider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "@if (collapsed() && label()) {\n  @if (link()) {\n    <a\n      class=\"nav-item-container {{ appearance() }}\"\n      rteTooltip\n      rteTooltipPosition=\"right\"\n      rteTooltipAlignment=\"center\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n      [rteTooltip]=\"label()\"\n      [rteTooltipArrow]=\"false\"\n      [rteTooltipGap]=\"12\"\n      [rteTooltipShouldFocusTrigger]=\"true\"\n      [href]=\"link()!\"\n      [attr.aria-label]=\"label()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </a>\n  } @else {\n    <div\n      class=\"nav-item-container {{ appearance() }}\"\n      rteTooltip\n      rteTooltipPosition=\"right\"\n      rteTooltipAlignment=\"center\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n      [rteTooltip]=\"label()\"\n      [rteTooltipArrow]=\"false\"\n      [rteTooltipGap]=\"12\"\n      [rteTooltipShouldFocusTrigger]=\"false\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </div>\n  }\n} @else {\n  @if (link()) {\n    <a\n      class=\"nav-item-container {{ appearance() }}\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n      [href]=\"link()!\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </a>\n  } @else {\n    <div\n      class=\"nav-item-container {{ appearance() }}\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </div>\n  }\n}\n\n<ng-template #contentTemplate>\n  <span\n    class=\"nav-item\"\n    [attr.tabindex]=\"link() ? undefined : tabIndex()\"\n    [attr.aria-label]=\"label()\"\n    (click)=\"handleClick($event)\"\n    (keydown)=\"handleKeyDown($event)\"\n    (focus)=\"handleFocus()\"\n    (blur)=\"handleBlur()\"\n  >\n    <div class=\"nav-item-left\">\n      @if (showIcon() && icon()) {\n        <rte-icon class=\"icon\" [name]=\"icon()!\" [size]=\"iconSize()\" />\n      }\n      @if (!collapsed()) {\n        <span>{{ label() }}</span>\n      }\n    </div>\n    <div class=\"nav-item-right\">\n      @if (badge()) {\n        <rte-badge\n          [badgeType]=\"badge()!.badgeType || 'brand'\"\n          [badgeSize]=\"badge()!.size || 'm'\"\n          [badgeContent]=\"badge()!.content || 'number'\"\n          [count]=\"badge()!.count\"\n          [icon]=\"badge()!.icon || 'notification'\"\n          [simpleBadge]=\"true\"\n        />\n      }\n    </div>\n  </span>\n</ng-template>\n", styles: [".nav-item-container{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;width:100%;display:flex;justify-content:flex-start;gap:8px;padding:8px 6px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-items:center;box-sizing:border-box;border-left:2px solid transparent;color:var(--content-brand-navigation-default)}.nav-item-container:link,.nav-item-container:visited,.nav-item-container:link:hover,.nav-item-container:visited:hover{text-decoration:none;color:inherit}.nav-item-container.neutral{color:var(--content-secondary)}.nav-item-container.neutral:hover{background:var(--background-neutral-navigation-hover);color:var(--content-primary)}.nav-item-container.neutral.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%);color:var(--content-brand-pressed)}.nav-item-container.neutral.nested{border-radius:0 4px 4px 0;border-left:1px solid var(--border-divider)}.nav-item-container.neutral.nested.active{border-left:1px solid var(--border-brand-navigation-active)}.nav-item-container:hover{background:var(--background-brand-navigation-hover);color:var(--content-brand-navigation-hover)}.nav-item-container.active{background:var(--background-brand-navigation-pressed);border-left:2px solid var(--border-brand-navigation-divider);color:var(--content-primary-inverse)}.nav-item-container:active.focused{outline:none}.nav-item-container .nav-item{display:flex;padding:0;align-items:center;gap:8px;flex:1 0 0;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between}.nav-item-container .nav-item:link,.nav-item-container .nav-item:visited,.nav-item-container .nav-item:link:hover,.nav-item-container .nav-item:visited:hover{text-decoration:none;color:inherit}.nav-item-container .nav-item .nav-item-left{display:flex;align-items:center;gap:8px}.nav-item-container .nav-item .nav-item-right{display:flex;align-items:center;gap:4px}.nav-item-container.focused{outline:1px solid var(--border-brand-focused);outline-offset:0}.nav-item-container.collapsed{padding:8px 12px;justify-content:center;border-left:none}.nav-item-container.collapsed .nav-item{justify-content:center;gap:0}.nav-item-container.nested{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;border-radius:0 4px 4px 0;border-left:1px solid var(--border-brand-navigation-divider);padding:4px 8px}.nav-item-container.nested.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}.nav-item-container:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: BadgeComponent, selector: "rte-badge", inputs: ["badgeType", "badgeSize", "badgeContent", "count", "icon", "simpleBadge"] }, { kind: "directive", type: TooltipDirective, selector: "[rteTooltip]", inputs: ["rteTooltip", "rteTooltipPosition", "rteTooltipAlignment", "rteTooltipArrow", "rteTooltipShouldFocusTrigger", "rteTooltipGap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rte-nav-item", imports: [CommonModule, IconComponent, BadgeComponent, TooltipDirective], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (collapsed() && label()) {\n  <div\n    class=\"nav-item-container {{ appearance() }}\"\n    rteTooltip\n    rteTooltipPosition=\"right\"\n    rteTooltipAlignment=\"center\"\n    [id]=\"id()\"\n    [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n    [attr.role]=\"role()\"\n    [rteTooltip]=\"label()\"\n    [rteTooltipArrow]=\"false\"\n    [rteTooltipGap]=\"12\"\n    [rteTooltipShouldFocusTrigger]=\"false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n  </div>\n} @else {\n  <div\n    class=\"nav-item-container {{ appearance() }}\"\n    [id]=\"id()\"\n    [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n    [attr.role]=\"role()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n  </div>\n}\n\n<ng-template #contentTemplate>\n  @if (link()) {\n    <a\n      class=\"nav-item\"\n      [href]=\"link()!\"\n      [attr.tabindex]=\"tabIndex()\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    >\n      <div class=\"nav-item-left\">\n        @if (showIcon() && icon()) {\n          <rte-icon class=\"icon\" [name]=\"icon()!\" [size]=\"iconSize()\" />\n        }\n        @if (!collapsed()) {\n          <span>{{ label() }}</span>\n        }\n      </div>\n      <div class=\"nav-item-right\">\n        @if (badge()) {\n          <rte-badge\n            [badgeType]=\"badge()!.badgeType || 'brand'\"\n            [badgeSize]=\"badge()!.size || 'm'\"\n            [badgeContent]=\"badge()!.content || 'number'\"\n            [count]=\"badge()!.count\"\n            [icon]=\"badge()!.icon || 'notification'\"\n            [simpleBadge]=\"true\"\n          />\n        }\n      </div>\n    </a>\n  } @else {\n    <span\n      class=\"nav-item\"\n      [attr.tabindex]=\"tabIndex()\"\n      [attr.aria-label]=\"label()\"\n      (click)=\"handleClick($event)\"\n      (keydown)=\"handleKeyDown($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    >\n      <div class=\"nav-item-left\">\n        @if (showIcon() && icon()) {\n          <rte-icon class=\"icon\" [name]=\"icon()!\" [size]=\"iconSize()\" />\n        }\n        @if (!collapsed()) {\n          <span>{{ label() }}</span>\n        }\n      </div>\n      <div class=\"nav-item-right\">\n        @if (badge()) {\n          <rte-badge\n            [badgeType]=\"badge()!.badgeType || 'brand'\"\n            [badgeSize]=\"badge()!.size || 'm'\"\n            [badgeContent]=\"badge()!.content || 'number'\"\n            [count]=\"badge()!.count\"\n            [icon]=\"badge()!.icon || 'notification'\"\n            [simpleBadge]=\"true\"\n          />\n        }\n      </div>\n    </span>\n  }\n</ng-template>\n", styles: [".nav-item-container{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;width:100%;display:flex;justify-content:flex-start;gap:8px;padding:8px 6px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-items:center;box-sizing:border-box;border-left:2px solid transparent;color:var(--content-brand-navigation-default)}.nav-item-container.neutral{color:var(--content-secondary)}.nav-item-container.neutral:hover{background:var(--background-neutral-navigation-hover);color:var(--content-primary)}.nav-item-container.neutral.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%);color:var(--content-brand-pressed)}.nav-item-container.neutral.nested{border-radius:0 4px 4px 0;border-left:1px solid var(--border-divider)}.nav-item-container.neutral.nested.active{border-left:1px solid var(--border-brand-navigation-active)}.nav-item-container:hover{background:var(--background-brand-navigation-hover);color:var(--content-brand-navigation-hover)}.nav-item-container.active{background:var(--background-brand-navigation-pressed);border-left:2px solid var(--border-brand-navigation-divider);color:var(--content-primary-inverse)}.nav-item-container:active.focused{outline:none}.nav-item-container .nav-item{display:flex;padding:0;align-items:center;gap:8px;flex:1 0 0;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between}.nav-item-container .nav-item:link,.nav-item-container .nav-item:visited,.nav-item-container .nav-item:link:hover,.nav-item-container .nav-item:visited:hover{text-decoration:none;color:inherit}.nav-item-container .nav-item .nav-item-left{display:flex;align-items:center;gap:8px}.nav-item-container .nav-item .nav-item-right{display:flex;align-items:center;gap:4px}.nav-item-container.focused{outline:1px solid var(--border-brand-focused);outline-offset:0}.nav-item-container.collapsed{padding:8px 12px;justify-content:center;border-left:none}.nav-item-container.collapsed .nav-item{justify-content:center;gap:0}.nav-item-container.nested{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;border-radius:0 4px 4px 0;border-left:1px solid var(--border-brand-navigation-divider);padding:4px 8px}.nav-item-container.nested.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}\n"] }]
+            args: [{ selector: "rte-nav-item", imports: [CommonModule, IconComponent, BadgeComponent, TooltipDirective], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (collapsed() && label()) {\n  @if (link()) {\n    <a\n      class=\"nav-item-container {{ appearance() }}\"\n      rteTooltip\n      rteTooltipPosition=\"right\"\n      rteTooltipAlignment=\"center\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n      [rteTooltip]=\"label()\"\n      [rteTooltipArrow]=\"false\"\n      [rteTooltipGap]=\"12\"\n      [rteTooltipShouldFocusTrigger]=\"true\"\n      [href]=\"link()!\"\n      [attr.aria-label]=\"label()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </a>\n  } @else {\n    <div\n      class=\"nav-item-container {{ appearance() }}\"\n      rteTooltip\n      rteTooltipPosition=\"right\"\n      rteTooltipAlignment=\"center\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n      [rteTooltip]=\"label()\"\n      [rteTooltipArrow]=\"false\"\n      [rteTooltipGap]=\"12\"\n      [rteTooltipShouldFocusTrigger]=\"false\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </div>\n  }\n} @else {\n  @if (link()) {\n    <a\n      class=\"nav-item-container {{ appearance() }}\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n      [href]=\"link()!\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </a>\n  } @else {\n    <div\n      class=\"nav-item-container {{ appearance() }}\"\n      [id]=\"id()\"\n      [ngClass]=\"{ collapsed: collapsed(), nested: isNested(), active: active(), focused: focused() }\"\n      [attr.role]=\"role()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"contentTemplate\" />\n    </div>\n  }\n}\n\n<ng-template #contentTemplate>\n  <span\n    class=\"nav-item\"\n    [attr.tabindex]=\"link() ? undefined : tabIndex()\"\n    [attr.aria-label]=\"label()\"\n    (click)=\"handleClick($event)\"\n    (keydown)=\"handleKeyDown($event)\"\n    (focus)=\"handleFocus()\"\n    (blur)=\"handleBlur()\"\n  >\n    <div class=\"nav-item-left\">\n      @if (showIcon() && icon()) {\n        <rte-icon class=\"icon\" [name]=\"icon()!\" [size]=\"iconSize()\" />\n      }\n      @if (!collapsed()) {\n        <span>{{ label() }}</span>\n      }\n    </div>\n    <div class=\"nav-item-right\">\n      @if (badge()) {\n        <rte-badge\n          [badgeType]=\"badge()!.badgeType || 'brand'\"\n          [badgeSize]=\"badge()!.size || 'm'\"\n          [badgeContent]=\"badge()!.content || 'number'\"\n          [count]=\"badge()!.count\"\n          [icon]=\"badge()!.icon || 'notification'\"\n          [simpleBadge]=\"true\"\n        />\n      }\n    </div>\n  </span>\n</ng-template>\n", styles: [".nav-item-container{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;width:100%;display:flex;justify-content:flex-start;gap:8px;padding:8px 6px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-items:center;box-sizing:border-box;border-left:2px solid transparent;color:var(--content-brand-navigation-default)}.nav-item-container:link,.nav-item-container:visited,.nav-item-container:link:hover,.nav-item-container:visited:hover{text-decoration:none;color:inherit}.nav-item-container.neutral{color:var(--content-secondary)}.nav-item-container.neutral:hover{background:var(--background-neutral-navigation-hover);color:var(--content-primary)}.nav-item-container.neutral.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%);color:var(--content-brand-pressed)}.nav-item-container.neutral.nested{border-radius:0 4px 4px 0;border-left:1px solid var(--border-divider)}.nav-item-container.neutral.nested.active{border-left:1px solid var(--border-brand-navigation-active)}.nav-item-container:hover{background:var(--background-brand-navigation-hover);color:var(--content-brand-navigation-hover)}.nav-item-container.active{background:var(--background-brand-navigation-pressed);border-left:2px solid var(--border-brand-navigation-divider);color:var(--content-primary-inverse)}.nav-item-container:active.focused{outline:none}.nav-item-container .nav-item{display:flex;padding:0;align-items:center;gap:8px;flex:1 0 0;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between}.nav-item-container .nav-item:link,.nav-item-container .nav-item:visited,.nav-item-container .nav-item:link:hover,.nav-item-container .nav-item:visited:hover{text-decoration:none;color:inherit}.nav-item-container .nav-item .nav-item-left{display:flex;align-items:center;gap:8px}.nav-item-container .nav-item .nav-item-right{display:flex;align-items:center;gap:4px}.nav-item-container.focused{outline:1px solid var(--border-brand-focused);outline-offset:0}.nav-item-container.collapsed{padding:8px 12px;justify-content:center;border-left:none}.nav-item-container.collapsed .nav-item{justify-content:center;gap:0}.nav-item-container.nested{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;border-radius:0 4px 4px 0;border-left:1px solid var(--border-brand-navigation-divider);padding:4px 8px}.nav-item-container.nested.active{box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}.nav-item-container:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:0}\n"] }]
         }] });
 
 function getNavTabIndex(parentMenuOpen) {
@@ -3740,5 +3765,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeDirective, BannerComponent, BreadcrumbsComponent, ButtonComponent, CardComponent, CheckboxComponent, CheckboxGroupComponent, ChipComponent, ColDirective, DividerComponent, GridDirective, IconButtonComponent, IconButtonToggleComponent, IconComponent, LinkComponent, ModalDirective, ModalModule, ModalTriggerDirective, PopoverDirective, RadioButtonComponent, RadioButtonGroupComponent, SearchbarComponent, SegmentedControlComponent, SelectComponent, SideNavComponent, SplitButtonComponent, SwitchComponent, TabComponent, TagComponent, TextInputComponent, TextareaComponent, ToastComponent, ToastService, TooltipDirective };
+export { BadgeDirective, BannerComponent, BreadcrumbsComponent, ButtonComponent, CardComponent, CheckboxComponent, CheckboxGroupComponent, ChipComponent, ColDirective, DividerComponent, GridDirective, IconButtonComponent, IconButtonToggleComponent, IconComponent, LinkComponent, LoaderComponent, ModalDirective, ModalModule, ModalTriggerDirective, PopoverDirective, RadioButtonComponent, RadioButtonGroupComponent, SearchbarComponent, SegmentedControlComponent, SelectComponent, SideNavComponent, SplitButtonComponent, SwitchComponent, TabComponent, TagComponent, TextInputComponent, TextareaComponent, ToastComponent, ToastService, TooltipDirective };
 //# sourceMappingURL=design-system-rte-angular.mjs.map