@stenajs-webui/panels 18.12.1-next.0 → 19.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1bafw_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_d43s4_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-ui-100 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-ui-200 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-ui-200 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_d43s4_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_d43s4_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_d43s4_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_d43s4_1 ._icon_d43s4_55 path{fill:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_rcj0j_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_rcj0j_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_rcj0j_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-50);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_rcj0j_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_tg9i7_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100vh}._sidebarMenu_tg9i7_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_tg9i7_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { ActionMenu as Y, ActionMenuContext as he, stenaAngleDown as ee, PrimaryButton as pe, SecondaryButton as me, FlatButton as k, stenaBell as ge, Icon as R, stenaSearch as fe, stenaUserCircle as be, stenaTimes as ne, Banner as ve, Spinner as _e, StenaFlag as Ce, MenuButtonLink as Be, MenuButton as xe } from "@stenajs-webui/elements";
1
+ (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1bafw_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_d43s4_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-ui-100 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-ui-200 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-ui-200 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_d43s4_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_d43s4_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_d43s4_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_d43s4_1 ._icon_d43s4_55 path{fill:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_17zoz_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_17zoz_1._hasCount_17zoz_58{width:56px}._navBarNotificationButton_17zoz_1._unread_17zoz_62{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_17zoz_1._unread_17zoz_62._hasCount_17zoz_58 ._icon_17zoz_77{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_17zoz_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_17zoz_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_17zoz_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_17zoz_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_rcj0j_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_rcj0j_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_rcj0j_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-50);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_rcj0j_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_tg9i7_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100vh}._sidebarMenu_tg9i7_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_tg9i7_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { ActionMenu as Y, ActionMenuContext as he, stenaAngleDown as ee, PrimaryButton as pe, SecondaryButton as me, FlatButton as k, stenaBellFilled as ge, Icon as z, stenaSearch as fe, stenaUserCircle as be, stenaTimes as ne, Banner as ve, Spinner as _e, StenaFlag as Ce, MenuButtonLink as Be, MenuButton as xe } from "@stenajs-webui/elements";
3
3
  import * as L from "react";
4
- import { useRef as ye, useMemo as we, forwardRef as Ne, useState as ke } from "react";
5
- import { useBoolean as D, Column as F, Box as l, Row as u, Indent as b, Heading as U, Clickable as V, Txt as G, Space as f, Text as N, SeparatorLine as te, exhaustSwitchCaseElseThrow as ae } from "@stenajs-webui/core";
6
- import { Popover as H } from "@stenajs-webui/tooltip";
4
+ import { useRef as ye, useMemo as Ne, forwardRef as we, useState as ke } from "react";
5
+ import { useBoolean as D, Column as F, Box as l, Row as u, Indent as b, Heading as U, Clickable as V, Txt as G, Space as f, Text as w, SeparatorLine as te, exhaustSwitchCaseElseThrow as oe } from "@stenajs-webui/core";
6
+ import { Popover as R } from "@stenajs-webui/tooltip";
7
7
  import { jsx as e, jsxs as c, Fragment as m } from "react/jsx-runtime";
8
- import { Checkbox as oe, TextInput as Se } from "@stenajs-webui/forms";
8
+ import { Checkbox as re, TextInput as Se } from "@stenajs-webui/forms";
9
9
  import h from "classnames";
10
10
  import { cssColor as v } from "@stenajs-webui/theme";
11
11
  import { faChevronDown as Ie } from "@fortawesome/free-solid-svg-icons";
@@ -14,10 +14,10 @@ import { CSSTransition as Ee } from "react-transition-group";
14
14
  import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
15
15
  const W = ({
16
16
  renderItems: n,
17
- placement: a = "bottom",
18
- buttonComponent: t,
19
- rightIcon: o = ee,
20
- portalTarget: r = "parent",
17
+ placement: t = "bottom",
18
+ buttonComponent: o,
19
+ rightIcon: r = ee,
20
+ portalTarget: a = "parent",
21
21
  zIndex: i,
22
22
  menuWidth: s,
23
23
  menuTop: p,
@@ -25,15 +25,15 @@ const W = ({
25
25
  disableArrow: B = !1,
26
26
  ...C
27
27
  }) => {
28
- const [x, y, g, A] = D(!1), S = ye(null), P = {
28
+ const [x, y, g, H] = D(!1), S = ye(null), A = {
29
29
  name: "focusManager",
30
30
  defaultValue: !0,
31
31
  fn({
32
32
  popper: M
33
33
  }) {
34
34
  let j = !1;
35
- const q = (w) => {
36
- w.key === "Escape" && (j = !0, g()), (w.key === "Enter" || w.key === " ") && (j = !0);
35
+ const q = (N) => {
36
+ N.key === "Escape" && (j = !0, g()), (N.key === "Enter" || N.key === " ") && (j = !0);
37
37
  };
38
38
  return {
39
39
  onCreate() {
@@ -43,25 +43,25 @@ const W = ({
43
43
  M.removeEventListener("keydown", q);
44
44
  },
45
45
  onMount() {
46
- var w;
47
- j = !1, (w = M.querySelector("button:not([disabled]), a[href]")) == null || w.focus();
46
+ var N;
47
+ j = !1, (N = M.querySelector("button:not([disabled]), a[href]")) == null || N.focus();
48
48
  },
49
49
  onHide() {
50
50
  S.current && j && S.current.focus();
51
51
  }
52
52
  };
53
53
  }
54
- }, I = we(() => ({
54
+ }, I = Ne(() => ({
55
55
  open: y,
56
56
  close: g
57
- }), [y, g]), T = (M) => {
58
- _ == null || _(M), A();
57
+ }), [y, g]), P = (M) => {
58
+ _ == null || _(M), H();
59
59
  };
60
- return /* @__PURE__ */ e(H, {
60
+ return /* @__PURE__ */ e(R, {
61
61
  disablePadding: !0,
62
62
  visible: x,
63
63
  onClickOutside: g,
64
- placement: a,
64
+ placement: t,
65
65
  content: x && /* @__PURE__ */ e(Y, {
66
66
  width: s,
67
67
  top: p,
@@ -72,43 +72,42 @@ const W = ({
72
72
  })
73
73
  }),
74
74
  arrow: !1,
75
- appendTo: r,
75
+ appendTo: a,
76
76
  zIndex: i,
77
- plugins: [P],
77
+ plugins: [A],
78
78
  lazy: !0,
79
- children: /* @__PURE__ */ e(t, {
80
- rightIcon: B ? void 0 : o,
79
+ children: /* @__PURE__ */ e(o, {
80
+ rightIcon: B ? void 0 : r,
81
81
  ...C,
82
82
  ref: S,
83
- onClick: T
83
+ onClick: P
84
84
  })
85
85
  });
86
- }, Pn = (n) => /* @__PURE__ */ e(W, {
86
+ }, An = (n) => /* @__PURE__ */ e(W, {
87
87
  buttonComponent: pe,
88
88
  ...n
89
- }), Tn = (n) => /* @__PURE__ */ e(W, {
89
+ }), Pn = (n) => /* @__PURE__ */ e(W, {
90
90
  buttonComponent: me,
91
91
  ...n
92
92
  }), je = (n) => /* @__PURE__ */ e(W, {
93
93
  buttonComponent: k,
94
94
  ...n
95
- }), Le = "1px solid var(--lhds-color-ui-300)", On = ({
95
+ }), Le = "1px solid var(--lhds-color-ui-300)", Tn = ({
96
96
  renderMenu: n,
97
- ...a
97
+ ...t
98
98
  }) => {
99
- const [t, o, r] = D(!1);
100
- return /* @__PURE__ */ e(H, {
101
- onClickOutside: r,
99
+ const [o, r, a] = D(!1);
100
+ return /* @__PURE__ */ e(R, {
101
+ onClickOutside: a,
102
102
  arrow: !1,
103
- visible: t,
103
+ visible: o,
104
104
  disablePadding: !0,
105
105
  content: n ? /* @__PURE__ */ e(F, {
106
106
  children: /* @__PURE__ */ e(Y, {
107
- children: n(r)
107
+ children: n(a)
108
108
  })
109
109
  }) : void 0,
110
110
  placement: "bottom-start",
111
- variant: "outlined",
112
111
  children: /* @__PURE__ */ e(l, {
113
112
  display: "inline-block",
114
113
  children: /* @__PURE__ */ c(u, {
@@ -117,24 +116,24 @@ const W = ({
117
116
  alignItems: "center",
118
117
  border: Le,
119
118
  borderRadius: "4px",
120
- children: [/* @__PURE__ */ e(oe, {
121
- ...a
119
+ children: [/* @__PURE__ */ e(re, {
120
+ ...t
122
121
  }), /* @__PURE__ */ e(b, {
123
122
  num: 0.5
124
123
  }), /* @__PURE__ */ e(k, {
125
124
  size: "small",
126
- onClick: o,
125
+ onClick: r,
127
126
  leftIcon: ee
128
127
  })]
129
128
  })
130
129
  })
131
130
  });
132
- }, Re = "_navBar_1bafw_1", He = {
133
- navBar: Re
134
- }, Ae = "_sidebarMenuButton_d43s4_1", Pe = "_icon_d43s4_55", J = {
135
- sidebarMenuButton: Ae,
136
- icon: Pe
137
- }, Te = (n) => /* @__PURE__ */ L.createElement("svg", {
131
+ }, ze = "_navBar_1bafw_1", Re = {
132
+ navBar: ze
133
+ }, He = "_sidebarMenuButton_d43s4_1", Ae = "_icon_d43s4_55", J = {
134
+ sidebarMenuButton: He,
135
+ icon: Ae
136
+ }, Pe = (n) => /* @__PURE__ */ L.createElement("svg", {
138
137
  xmlns: "http://www.w3.org/2000/svg",
139
138
  width: 16,
140
139
  height: 16,
@@ -144,25 +143,25 @@ const W = ({
144
143
  fill: "#FFF",
145
144
  fillRule: "evenodd",
146
145
  d: "M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"
147
- })), re = ({
146
+ })), ae = ({
148
147
  className: n,
149
- onClick: a
148
+ onClick: t
150
149
  }) => /* @__PURE__ */ e("button", {
151
- onClick: a,
150
+ onClick: t,
152
151
  className: h(J.sidebarMenuButton, n),
153
- children: /* @__PURE__ */ e(Te, {
152
+ children: /* @__PURE__ */ e(Pe, {
154
153
  className: J.icon
155
154
  })
156
- }), Oe = {
155
+ }), Te = {
157
156
  compact: 32,
158
157
  standard: 40,
159
158
  relaxed: 64
160
- }, ce = (n) => Oe[n] + "px", zn = ({
159
+ }, ce = (n) => Te[n] + "px", On = ({
161
160
  left: n,
162
- className: a,
163
- showMenuButton: t = !1,
164
- menuButtonVisibility: o = "visible",
165
- children: r,
161
+ className: t,
162
+ showMenuButton: o = !1,
163
+ menuButtonVisibility: r = "visible",
164
+ children: a,
166
165
  right: i,
167
166
  center: s,
168
167
  variant: p = "standard",
@@ -176,15 +175,15 @@ const W = ({
176
175
  style: {
177
176
  ["--swui-nav-bar-height"]: C
178
177
  },
179
- className: h(He.navBar, a),
178
+ className: h(Re.navBar, t),
180
179
  children: [/* @__PURE__ */ c(u, {
181
180
  flex: B,
182
181
  justifyContent: "flex-start",
183
182
  alignItems: "center",
184
- children: [t ? /* @__PURE__ */ c(m, {
185
- children: [o === "hidden" ? /* @__PURE__ */ e(l, {
183
+ children: [o ? /* @__PURE__ */ c(m, {
184
+ children: [r === "hidden" ? /* @__PURE__ */ e(l, {
186
185
  width: "var(--swui-nav-bar-height)"
187
- }) : /* @__PURE__ */ e(re, {
186
+ }) : /* @__PURE__ */ e(ae, {
188
187
  onClick: _
189
188
  }), /* @__PURE__ */ e(b, {})]
190
189
  }) : /* @__PURE__ */ e(b, {
@@ -195,11 +194,11 @@ const W = ({
195
194
  })]
196
195
  }) : /* @__PURE__ */ e(b, {
197
196
  num: 2
198
- }), r && /* @__PURE__ */ e(m, {
197
+ }), a && /* @__PURE__ */ e(m, {
199
198
  children: /* @__PURE__ */ e(u, {
200
199
  justifyContent: "center",
201
200
  alignItems: "center",
202
- children: L.Children.map(r, (x, y) => /* @__PURE__ */ c(m, {
201
+ children: L.Children.map(a, (x, y) => /* @__PURE__ */ c(m, {
203
202
  children: [y > 0 && /* @__PURE__ */ e(b, {}), x]
204
203
  }))
205
204
  })
@@ -217,41 +216,41 @@ const W = ({
217
216
  })]
218
217
  })]
219
218
  });
220
- }, ze = "_navBarButton_18iz9_1", $e = "_selected_18iz9_36", K = {
221
- navBarButton: ze,
219
+ }, Oe = "_navBarButton_18iz9_1", $e = "_selected_18iz9_36", K = {
220
+ navBarButton: Oe,
222
221
  selected: $e
223
222
  }, De = ({
224
223
  selected: n,
225
- className: a,
226
- ...t
224
+ className: t,
225
+ ...o
227
226
  }) => /* @__PURE__ */ e(k, {
228
- ...t,
229
- className: h(K.navBarButton, n && K.selected, a)
227
+ ...o,
228
+ className: h(K.navBarButton, n && K.selected, t)
230
229
  }), $n = (n) => /* @__PURE__ */ e(U, {
231
230
  whiteSpace: "nowrap",
232
231
  color: "#fff",
233
232
  ...n
234
233
  }), Dn = ({
235
234
  content: n,
236
- children: a,
237
- ...t
235
+ children: t,
236
+ ...o
238
237
  }) => {
239
- const [o, , r, i] = D(!1);
240
- return /* @__PURE__ */ e(H, {
241
- onClickOutside: r,
238
+ const [r, , a, i] = D(!1);
239
+ return /* @__PURE__ */ e(R, {
240
+ onClickOutside: a,
242
241
  triggerTarget: document.body,
243
- visible: o,
242
+ visible: r,
244
243
  content: /* @__PURE__ */ c(m, {
245
244
  children: [n && n({
246
- close: r
247
- }), a]
245
+ close: a
246
+ }), t]
248
247
  }),
249
248
  children: /* @__PURE__ */ e(De, {
250
- ...t,
249
+ ...o,
251
250
  onClick: i
252
251
  })
253
252
  });
254
- }, Ue = "_navBarNotificationButton_1wchp_1", Ve = "_hasCount_1wchp_60", We = "_unread_1wchp_64", Ze = "_icon_1wchp_79", qe = "_shake_1wchp_1", E = {
253
+ }, Ue = "_navBarNotificationButton_17zoz_1", Ve = "_hasCount_17zoz_58", We = "_unread_17zoz_62", Ze = "_icon_17zoz_77", qe = "_shake_17zoz_1", E = {
255
254
  navBarNotificationButton: Ue,
256
255
  hasCount: Ve,
257
256
  unread: We,
@@ -259,10 +258,10 @@ const W = ({
259
258
  shake: qe
260
259
  }, Un = ({
261
260
  count: n,
262
- unread: a = !1,
263
- className: t,
264
- labelClassName: o,
265
- iconClassName: r,
261
+ unread: t = !1,
262
+ className: o,
263
+ labelClassName: r,
264
+ iconClassName: a,
266
265
  icon: i = ge,
267
266
  ...s
268
267
  }) => {
@@ -270,57 +269,53 @@ const W = ({
270
269
  return /* @__PURE__ */ e(k, {
271
270
  ...s,
272
271
  leftIcon: i,
273
- className: h({
274
- [E.unread]: a
275
- }, {
276
- [E.hasCount]: p
277
- }, E.navBarNotificationButton, t),
272
+ className: h(t && E.unread, p && E.hasCount, E.navBarNotificationButton, o),
278
273
  label: p ? String(n) : void 0,
279
- labelClassName: h(o, E.label),
280
- iconClassName: h(r, E.icon)
274
+ labelClassName: h(r, E.label),
275
+ iconClassName: h(a, E.icon)
281
276
  });
282
277
  }, Ge = "_navBarSearchFieldInput_rcj0j_1", Je = "_navBarSearchField_rcj0j_1", Q = {
283
278
  navBarSearchFieldInput: Ge,
284
279
  navBarSearchField: Je
285
280
  }, Vn = ({
286
281
  placeholder: n = "Search...",
287
- className: a,
288
- wrapperClassName: t,
289
- ...o
282
+ className: t,
283
+ wrapperClassName: o,
284
+ ...r
290
285
  }) => /* @__PURE__ */ e(Se, {
291
- wrapperClassName: h(Q.navBarSearchField, t),
292
- className: h(Q.navBarSearchFieldInput, a),
286
+ wrapperClassName: h(Q.navBarSearchField, o),
287
+ className: h(Q.navBarSearchFieldInput, t),
293
288
  placeholder: n,
294
289
  contentRight: /* @__PURE__ */ e(V, {
295
- children: /* @__PURE__ */ e(R, {
290
+ children: /* @__PURE__ */ e(z, {
296
291
  icon: fe
297
292
  })
298
293
  }),
299
- ...o
294
+ ...r
300
295
  }), Ke = "_navBarUserButton_1cwhm_1", Qe = "_initials_1cwhm_31", X = {
301
296
  navBarUserButton: Ke,
302
297
  initials: Qe
303
298
  }, Wn = ({
304
299
  className: n,
305
- username: a,
306
- initials: t,
307
- icon: o = be,
308
- iconClassName: r,
300
+ username: t,
301
+ initials: o,
302
+ icon: r = be,
303
+ iconClassName: a,
309
304
  ...i
310
305
  }) => /* @__PURE__ */ e(je, {
311
306
  ...i,
312
307
  className: h({
313
- [X.initials]: t != null
308
+ [X.initials]: o != null
314
309
  }, X.navBarUserButton, n),
315
- leftIcon: a != null ? o : void 0,
316
- label: t != null ? t : a,
310
+ leftIcon: t != null ? r : void 0,
311
+ label: o != null ? o : t,
317
312
  disableArrow: !0
318
313
  }), ie = ({
319
314
  text: n,
320
- timestamp: a,
321
- icon: t,
322
- iconAriaLabel: o,
323
- iconColor: r,
315
+ timestamp: t,
316
+ icon: o,
317
+ iconAriaLabel: r,
318
+ iconColor: a,
324
319
  contentLeft: i,
325
320
  contentRight: s,
326
321
  onClose: p
@@ -338,11 +333,11 @@ const W = ({
338
333
  minHeight: 20,
339
334
  justifyContent: "center",
340
335
  children: i
341
- }), !i && t && /* @__PURE__ */ e(R, {
342
- icon: t,
336
+ }), !i && o && /* @__PURE__ */ e(z, {
337
+ icon: o,
343
338
  size: 20,
344
- color: r,
345
- "aria-label": o
339
+ color: a,
340
+ "aria-label": r
346
341
  }), /* @__PURE__ */ c(l, {
347
342
  minHeight: 20,
348
343
  justifyContent: "center",
@@ -351,10 +346,10 @@ const W = ({
351
346
  children: [/* @__PURE__ */ e(G, {
352
347
  variant: "bold",
353
348
  children: n
354
- }), a && /* @__PURE__ */ e(G, {
349
+ }), t && /* @__PURE__ */ e(G, {
355
350
  size: "small",
356
351
  color: v("--lhds-color-ui-600"),
357
- children: a
352
+ children: t
358
353
  })]
359
354
  }), s]
360
355
  }), p && /* @__PURE__ */ e(l, {
@@ -371,10 +366,10 @@ const W = ({
371
366
  })]
372
367
  }), Zn = ({
373
368
  children: n,
374
- background: a,
375
369
  ...t
376
370
  }) => /* @__PURE__ */ c(F, {
377
- background: a,
371
+ background: "var(--lhds-color-ui-50)",
372
+ borderRadius: "var(--swui-border-radius)",
378
373
  children: [/* @__PURE__ */ e(ie, {
379
374
  ...t
380
375
  }), n && /* @__PURE__ */ c(F, {
@@ -383,51 +378,51 @@ const W = ({
383
378
  num: 2
384
379
  })]
385
380
  })]
386
- }), Xe = "_clickable_1ijxc_1", Ye = "_nonClickable_1ijxc_27", O = {
381
+ }), Xe = "_clickable_1ijxc_1", Ye = "_nonClickable_1ijxc_27", T = {
387
382
  clickable: Xe,
388
383
  nonClickable: Ye
389
384
  }, qn = ({
390
385
  onClick: n,
391
- onClickAriaLabel: a,
392
- children: t,
393
- width: o = 264,
394
- maxWidth: r,
386
+ onClickAriaLabel: t,
387
+ children: o,
388
+ width: r = 264,
389
+ maxWidth: a,
395
390
  ...i
396
391
  }) => /* @__PURE__ */ c(l, {
397
392
  borderRadius: 8,
398
393
  background: v("--lhds-color-ui-50"),
399
394
  shadow: "popover",
400
- width: o,
401
- maxWidth: r,
395
+ width: r,
396
+ maxWidth: a,
402
397
  role: "alert",
403
398
  position: "relative",
404
399
  children: [/* @__PURE__ */ e(l, {
405
400
  className: h({
406
- [O.nonClickable]: n
401
+ [T.nonClickable]: n
407
402
  }),
408
403
  children: /* @__PURE__ */ e(ie, {
409
404
  ...i
410
405
  })
411
- }), t && /* @__PURE__ */ c(l, {
406
+ }), o && /* @__PURE__ */ c(l, {
412
407
  indent: 3,
413
408
  className: h({
414
- [O.nonClickable]: n
409
+ [T.nonClickable]: n
415
410
  }),
416
- children: [t, /* @__PURE__ */ e(f, {
411
+ children: [o, /* @__PURE__ */ e(f, {
417
412
  num: 2
418
413
  })]
419
414
  }), n && /* @__PURE__ */ e("button", {
420
415
  onClick: n,
421
- className: O.clickable,
422
- "aria-label": a
416
+ className: T.clickable,
417
+ "aria-label": t
423
418
  })]
424
- }), en = "_collapsible_1nroa_1", nn = "_header_1nroa_46", tn = "_indicator_1nroa_59", an = "_headerText_1nroa_103", on = "_label_1nroa_114", rn = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", sn = "_groupHeading_1nroa_155", dn = "_contentEnter_1nroa_180", un = "_contentEnterActive_1nroa_184", hn = "_contentExitDone_1nroa_189", d = {
419
+ }), en = "_collapsible_1nroa_1", nn = "_header_1nroa_46", tn = "_indicator_1nroa_59", on = "_headerText_1nroa_103", rn = "_label_1nroa_114", an = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", sn = "_groupHeading_1nroa_155", dn = "_contentEnter_1nroa_180", un = "_contentEnterActive_1nroa_184", hn = "_contentExitDone_1nroa_189", d = {
425
420
  collapsible: en,
426
421
  header: nn,
427
422
  indicator: tn,
428
- headerText: an,
429
- label: on,
430
- contentLeft: rn,
423
+ headerText: on,
424
+ label: rn,
425
+ contentLeft: an,
431
426
  contentRight: cn,
432
427
  content: ln,
433
428
  groupHeading: sn,
@@ -439,45 +434,45 @@ const W = ({
439
434
  spacing: !0,
440
435
  flex: 1,
441
436
  alignItems: "center",
442
- children: [/* @__PURE__ */ e(R, {
437
+ children: [/* @__PURE__ */ e(z, {
443
438
  icon: Fe,
444
439
  color: v("--lhds-color-ui-500")
445
- }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(N, {
440
+ }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(w, {
446
441
  size: "small",
447
442
  color: v("--lhds-color-ui-500"),
448
443
  children: "No content"
449
444
  })]
450
445
  }), le = ({
451
446
  contentLeft: n,
452
- contentRight: a,
453
- className: t,
454
- children: o,
455
- ...r
447
+ contentRight: t,
448
+ className: o,
449
+ children: r,
450
+ ...a
456
451
  }) => /* @__PURE__ */ c("div", {
457
- className: h(d.content, t),
458
- ...r,
452
+ className: h(d.content, o),
453
+ ...a,
459
454
  children: [n && /* @__PURE__ */ e("div", {
460
455
  className: d.contentLeft,
461
456
  children: n
462
- }), o != null ? o : /* @__PURE__ */ e(Z, {}), a && /* @__PURE__ */ e("div", {
457
+ }), r != null ? r : /* @__PURE__ */ e(Z, {}), t && /* @__PURE__ */ e("div", {
463
458
  className: d.contentRight,
464
- children: a
459
+ children: t
465
460
  })]
466
461
  }), pn = (n) => {
467
- const a = parseFloat(n), t = n.match(/m?s/);
468
- switch (t == null ? void 0 : t[0]) {
462
+ const t = parseFloat(n), o = n.match(/m?s/);
463
+ switch (o == null ? void 0 : o[0]) {
469
464
  case "s":
470
- return a * 1e3;
465
+ return t * 1e3;
471
466
  case "ms":
472
- return a;
467
+ return t;
473
468
  default:
474
469
  return 0;
475
470
  }
476
- }, mn = Ne(function({
477
- label: a,
478
- contentLeft: t,
479
- contentRight: o,
480
- collapsed: r = !1,
471
+ }, mn = we(function({
472
+ label: t,
473
+ contentLeft: o,
474
+ contentRight: r,
475
+ collapsed: a = !1,
481
476
  onClick: i,
482
477
  className: s,
483
478
  disabled: p = !1,
@@ -487,13 +482,13 @@ const W = ({
487
482
  iconCollapsed: x = Ie,
488
483
  iconSize: y = 8,
489
484
  children: g,
490
- autoFocus: A = !1,
485
+ autoFocus: H = !1,
491
486
  ...S
492
- }, P) {
493
- const I = L.useRef(null), T = I.current ? pn(getComputedStyle(I.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
487
+ }, A) {
488
+ const I = L.useRef(null), P = I.current ? pn(getComputedStyle(I.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
494
489
  return /* @__PURE__ */ c("div", {
495
490
  className: h(d.collapsible, s),
496
- "aria-expanded": !r,
491
+ "aria-expanded": !a,
497
492
  ref: I,
498
493
  ...S,
499
494
  children: [/* @__PURE__ */ c(V, {
@@ -502,31 +497,31 @@ const W = ({
502
497
  className: d.header,
503
498
  onClick: i,
504
499
  disabled: p,
505
- autoFocus: A,
506
- ref: P,
507
- children: [t && /* @__PURE__ */ e("div", {
500
+ autoFocus: H,
501
+ ref: A,
502
+ children: [o && /* @__PURE__ */ e("div", {
508
503
  className: d.contentLeft,
509
- children: t
504
+ children: o
510
505
  }), /* @__PURE__ */ e("div", {
511
506
  className: d.label,
512
- children: /* @__PURE__ */ e(N, {
507
+ children: /* @__PURE__ */ e(w, {
513
508
  color: "var(--swui-collapsible-header-text-color)",
514
509
  className: d.headerText,
515
- children: a
510
+ children: t
516
511
  })
517
- }), o && /* @__PURE__ */ e("div", {
512
+ }), r && /* @__PURE__ */ e("div", {
518
513
  className: d.contentRight,
519
- children: o
520
- }), /* @__PURE__ */ e(R, {
521
- icon: r ? x : C,
514
+ children: r
515
+ }), /* @__PURE__ */ e(z, {
516
+ icon: a ? x : C,
522
517
  className: d.indicator,
523
518
  size: y,
524
519
  fixedWidth: !0
525
520
  })]
526
521
  }), /* @__PURE__ */ e(Ee, {
527
- in: !r,
522
+ in: !a,
528
523
  timeout: {
529
- enter: T
524
+ enter: P
530
525
  },
531
526
  classNames: {
532
527
  enter: d.contentEnter,
@@ -547,47 +542,47 @@ const W = ({
547
542
  });
548
543
  }), Gn = ({
549
544
  value: n,
550
- onValueChange: a,
551
- onChange: t,
552
- indeterminate: o,
553
- checkboxDisabled: r,
545
+ onValueChange: t,
546
+ onChange: o,
547
+ indeterminate: r,
548
+ checkboxDisabled: a,
554
549
  ...i
555
550
  }) => /* @__PURE__ */ e(mn, {
556
- contentLeft: /* @__PURE__ */ e(oe, {
551
+ contentLeft: /* @__PURE__ */ e(re, {
557
552
  value: n,
558
- indeterminate: o,
559
- onValueChange: a,
560
- onChange: t,
561
- disabled: r,
553
+ indeterminate: r,
554
+ onValueChange: t,
555
+ onChange: o,
556
+ disabled: a,
562
557
  onClick: (s) => s.stopPropagation()
563
558
  }),
564
559
  ...i
565
560
  }), Jn = ({
566
561
  contentLeft: n,
567
- contentRight: a,
568
- className: t,
569
- onClick: o,
570
- children: r,
562
+ contentRight: t,
563
+ className: o,
564
+ onClick: r,
565
+ children: a,
571
566
  ...i
572
567
  }) => /* @__PURE__ */ c(V, {
573
568
  disableFocusHighlight: !0,
574
569
  disableOpacityOnClick: !0,
575
- className: h(d.content, t),
576
- onClick: o,
570
+ className: h(d.content, o),
571
+ onClick: r,
577
572
  ...i,
578
573
  children: [n && /* @__PURE__ */ e("div", {
579
574
  className: d.contentLeft,
580
575
  children: n
581
- }), r != null ? r : /* @__PURE__ */ e(Z, {}), a && /* @__PURE__ */ e("div", {
576
+ }), a != null ? a : /* @__PURE__ */ e(Z, {}), t && /* @__PURE__ */ e("div", {
582
577
  className: d.contentRight,
583
- children: a
578
+ children: t
584
579
  })]
585
580
  }), Kn = ({
586
581
  className: n,
587
- ...a
582
+ ...t
588
583
  }) => /* @__PURE__ */ e(le, {
589
584
  className: h(d.groupHeading, n),
590
- ...a
585
+ ...t
591
586
  }), gn = ({
592
587
  text: n = "Something unexpected happened."
593
588
  }) => /* @__PURE__ */ e(l, {
@@ -627,9 +622,9 @@ const W = ({
627
622
  })
628
623
  }), Yn = ({
629
624
  renderBreadCrumbs: n,
630
- renderPageHeading: a,
631
- renderTabs: t,
632
- children: o
625
+ renderPageHeading: t,
626
+ renderTabs: o,
627
+ children: r
633
628
  }) => /* @__PURE__ */ c(l, {
634
629
  shadow: "box",
635
630
  background: v("--lhds-color-ui-50"),
@@ -638,9 +633,9 @@ const W = ({
638
633
  children: [n && /* @__PURE__ */ e(u, {
639
634
  spacing: 1.25,
640
635
  children: n()
641
- }), a == null ? void 0 : a(), t == null ? void 0 : t()]
642
- }), o && /* @__PURE__ */ c(m, {
643
- children: [!t && n && /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(te, {}), o]
636
+ }), t == null ? void 0 : t(), o == null ? void 0 : o()]
637
+ }), r && /* @__PURE__ */ c(m, {
638
+ children: [!o && n && /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(te, {}), r]
644
639
  })]
645
640
  }), et = (n) => /* @__PURE__ */ e(u, {
646
641
  indent: 3,
@@ -652,29 +647,29 @@ const W = ({
652
647
  relaxed: 2
653
648
  }, nt = ({
654
649
  heading: n,
655
- headingLevel: a = "h1",
656
- variant: t = "standard",
657
- contentLeft: o,
658
- contentRight: r
650
+ headingLevel: t = "h1",
651
+ variant: o = "standard",
652
+ contentLeft: r,
653
+ contentRight: a
659
654
  }) => /* @__PURE__ */ c(u, {
660
- spacing: bn[t],
655
+ spacing: bn[o],
661
656
  alignItems: "center",
662
657
  gap: 2,
663
658
  children: [/* @__PURE__ */ e(U, {
664
659
  variant: "h3",
665
- as: a,
660
+ as: t,
666
661
  children: n
667
662
  }), /* @__PURE__ */ e(u, {
668
663
  alignItems: "center",
669
- children: o
664
+ children: r
670
665
  }), /* @__PURE__ */ e(u, {
671
666
  style: {
672
667
  marginLeft: "auto"
673
668
  },
674
669
  alignItems: "center",
675
- children: r
670
+ children: a
676
671
  })]
677
- }), vn = "_sidebarMenu_tg9i7_1", z = {
672
+ }), vn = "_sidebarMenu_tg9i7_1", O = {
678
673
  sidebarMenu: vn
679
674
  }, _n = "_stenaFlag_108h7_1", Cn = {
680
675
  stenaFlag: _n
@@ -694,46 +689,46 @@ const W = ({
694
689
  })]
695
690
  }), xn = ({
696
691
  className: n,
697
- children: a,
698
- onCloseClick: t,
699
- collapsed: o = !1,
700
- hideCloseButton: r = !1,
692
+ children: t,
693
+ onCloseClick: o,
694
+ collapsed: r = !1,
695
+ hideCloseButton: a = !1,
701
696
  variant: i = "standard",
702
697
  ...s
703
698
  }) => {
704
699
  const p = ce(i);
705
700
  return /* @__PURE__ */ c(l, {
706
701
  indent: 1,
707
- className: h(z.sidebarMenu, o ? z.collapsed : null, n),
702
+ className: h(O.sidebarMenu, r ? O.collapsed : null, n),
708
703
  style: {
709
704
  ["--swui-sidebar-menu-item-height"]: p,
710
705
  ["--swui-nav-bar-height"]: p
711
706
  },
712
- "data-collapsed": o || void 0,
707
+ "data-collapsed": r || void 0,
713
708
  ...s,
714
709
  children: [/* @__PURE__ */ e(f, {
715
710
  num: 1.5
716
- }), !r && /* @__PURE__ */ c(m, {
711
+ }), !a && /* @__PURE__ */ c(m, {
717
712
  children: [/* @__PURE__ */ e(Bn, {
718
- onClick: t
713
+ onClick: o
719
714
  }), /* @__PURE__ */ e(f, {
720
715
  num: 1.5
721
716
  })]
722
717
  }), /* @__PURE__ */ e(l, {
723
- className: z.sidebarMenuContent,
718
+ className: O.sidebarMenuContent,
724
719
  height: "100%",
725
720
  background: "var(--current-background-color)",
726
721
  children: /* @__PURE__ */ e(F, {
727
722
  flex: 1,
728
723
  gap: 1,
729
- children: a
724
+ children: t
730
725
  })
731
726
  })]
732
727
  });
733
728
  }, tt = ({
734
729
  variant: n,
735
- onClickMenuButton: a,
736
- children: t
730
+ onClickMenuButton: t,
731
+ children: o
737
732
  }) => /* @__PURE__ */ c(xn, {
738
733
  collapsed: !0,
739
734
  position: "fixed",
@@ -741,9 +736,9 @@ const W = ({
741
736
  top: 0,
742
737
  hideCloseButton: !0,
743
738
  variant: n,
744
- children: [/* @__PURE__ */ e(re, {
745
- onClick: a
746
- }), t]
739
+ children: [/* @__PURE__ */ e(ae, {
740
+ onClick: t
741
+ }), o]
747
742
  }), $ = (n) => /* @__PURE__ */ e(Be, {
748
743
  ...n
749
744
  }), se = ({
@@ -752,7 +747,7 @@ const W = ({
752
747
  height: "32px",
753
748
  justifyContent: "center",
754
749
  indent: 1,
755
- children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(N, {
750
+ children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(w, {
756
751
  variant: "overline",
757
752
  size: "smaller",
758
753
  children: n
@@ -762,72 +757,72 @@ const W = ({
762
757
  ...n
763
758
  }), yn = ({
764
759
  children: n,
765
- label: a,
766
- leftIcon: t,
767
- className: o,
768
- initialExpand: r = !1
760
+ label: t,
761
+ leftIcon: o,
762
+ className: r,
763
+ initialExpand: a = !1
769
764
  }) => {
770
- const [i, s] = ke(r);
765
+ const [i, s] = ke(a);
771
766
  return /* @__PURE__ */ e(xe, {
772
- label: a,
767
+ label: t,
773
768
  onClick: () => s(!i),
774
- leftIcon: t,
775
- className: o,
769
+ leftIcon: o,
770
+ className: r,
776
771
  expandable: !0,
777
772
  expanded: i,
778
773
  selected: i,
779
774
  children: n
780
775
  });
781
- }, ue = (n) => n.map((a, t) => {
782
- switch (a.type) {
776
+ }, ue = (n) => n.map((t, o) => {
777
+ switch (t.type) {
783
778
  case "heading":
784
779
  return /* @__PURE__ */ e(se, {
785
- label: a.label
786
- }, t);
780
+ label: t.label
781
+ }, o);
787
782
  case "separator":
788
- return /* @__PURE__ */ e(de, {}, t);
783
+ return /* @__PURE__ */ e(de, {}, o);
789
784
  case "link": {
790
785
  const {
791
- type: o,
792
- ...r
793
- } = a;
786
+ type: r,
787
+ ...a
788
+ } = t;
794
789
  return /* @__PURE__ */ e($, {
795
- ...r
796
- }, t);
790
+ ...a
791
+ }, o);
797
792
  }
798
793
  case "grouped":
799
794
  return /* @__PURE__ */ e(yn, {
800
- leftIcon: a.leftIcon,
801
- label: a.label,
795
+ leftIcon: t.leftIcon,
796
+ label: t.label,
802
797
  initialExpand: !0,
803
- children: ue(a.items)
804
- }, t);
798
+ children: ue(t.items)
799
+ }, o);
805
800
  default:
806
- return ae(a);
801
+ return oe(t);
807
802
  }
808
- }), at = (n, {
809
- popupMinWidth: a
810
- }) => n.map((t, o) => {
811
- switch (t.type) {
803
+ }), ot = (n, {
804
+ popupMinWidth: t
805
+ }) => n.map((o, r) => {
806
+ switch (o.type) {
812
807
  case "heading":
813
808
  return null;
814
809
  case "separator":
815
- return /* @__PURE__ */ e(de, {}, o);
810
+ return /* @__PURE__ */ e(de, {}, r);
816
811
  case "link": {
817
812
  const {
818
- type: r,
813
+ type: a,
819
814
  label: i,
820
815
  ...s
821
- } = t;
816
+ } = o;
822
817
  return /* @__PURE__ */ e($, {
823
818
  title: i,
824
819
  label: i,
825
820
  ...s
826
- }, o);
821
+ }, r);
827
822
  }
828
823
  case "grouped":
829
824
  return /* @__PURE__ */ e("div", {
830
- children: /* @__PURE__ */ e(H, {
825
+ children: /* @__PURE__ */ e(R, {
831
826
  appendTo: "parent",
832
827
  arrow: !1,
833
828
  offset: [0, 0],
@@ -836,64 +831,64 @@ const W = ({
836
831
  disablePadding: !0,
837
832
  lazy: !0,
838
833
  content: /* @__PURE__ */ c(l, {
839
- minWidth: a,
834
+ minWidth: t,
840
835
  background: "var(--lhds-color-blue-500)",
841
836
  children: [/* @__PURE__ */ e(se, {
842
- label: t.label
843
- }), ue(t.items)]
837
+ label: o.label
838
+ }), ue(o.items)]
844
839
  }),
845
840
  children: /* @__PURE__ */ e($, {
846
- title: t.label,
847
- label: t.label,
848
- leftIcon: t.leftIcon
841
+ title: o.label,
842
+ label: o.label,
843
+ leftIcon: o.leftIcon
849
844
  })
850
845
  })
851
- }, o);
846
+ }, r);
852
847
  default:
853
- return ae(t);
848
+ return oe(o);
854
849
  }
855
- }), wn = `1px solid ${v("--lhds-color-orange-400")}`, ot = ({
850
+ }), Nn = `1px solid ${v("--lhds-color-orange-400")}`, rt = ({
856
851
  numItemsSelected: n,
857
- label: a,
858
- afterLabelContent: t,
859
- rightContent: o
852
+ label: t,
853
+ afterLabelContent: o,
854
+ rightContent: r
860
855
  }) => /* @__PURE__ */ c(u, {
861
856
  indent: 3,
862
857
  spacing: !0,
863
858
  minHeight: "56px",
864
859
  justifyContent: "space-between",
865
860
  alignItems: "center",
866
- borderTop: wn,
861
+ borderTop: Nn,
867
862
  background: v("--lhds-color-orange-50"),
868
863
  children: [/* @__PURE__ */ c(u, {
869
864
  alignItems: "center",
870
- children: [n != null || a != null ? /* @__PURE__ */ e(m, {
865
+ children: [n != null || t != null ? /* @__PURE__ */ e(m, {
871
866
  children: n != null ? /* @__PURE__ */ c(m, {
872
- children: [/* @__PURE__ */ e(N, {
867
+ children: [/* @__PURE__ */ e(w, {
873
868
  variant: "bold",
874
869
  children: n
875
- }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ c(N, {
870
+ }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ c(w, {
876
871
  children: ["item", n === 1 ? "" : "s", " selected"]
877
872
  })]
878
- }) : a != null ? /* @__PURE__ */ e(m, {
879
- children: typeof a == "string" ? /* @__PURE__ */ e(N, {
880
- children: a
881
- }) : a
873
+ }) : t != null ? /* @__PURE__ */ e(m, {
874
+ children: typeof t == "string" ? /* @__PURE__ */ e(w, {
875
+ children: t
876
+ }) : t
882
877
  }) : null
883
- }) : null, t ? /* @__PURE__ */ c(m, {
878
+ }) : null, o ? /* @__PURE__ */ c(m, {
884
879
  children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(l, {
885
- children: t
880
+ children: o
886
881
  })]
887
882
  }) : null]
888
883
  }), /* @__PURE__ */ e(l, {
889
- children: o
884
+ children: r
890
885
  })]
891
886
  });
892
887
  export {
893
888
  je as ActionMenuFlatButton,
894
- Pn as ActionMenuPrimaryButton,
895
- Tn as ActionMenuSecondaryButton,
896
- On as CheckboxMenu,
889
+ An as ActionMenuPrimaryButton,
890
+ Pn as ActionMenuSecondaryButton,
891
+ Tn as CheckboxMenu,
897
892
  mn as Collapsible,
898
893
  Jn as CollapsibleClickableContent,
899
894
  le as CollapsibleContent,
@@ -904,7 +899,7 @@ export {
904
899
  Qn as ErrorScreen,
905
900
  fn as LoadingPanel,
906
901
  Xn as LoadingScreen,
907
- zn as NavBar,
902
+ On as NavBar,
908
903
  De as NavBarButton,
909
904
  $n as NavBarHeading,
910
905
  Un as NavBarNotificationButton,
@@ -915,7 +910,7 @@ export {
915
910
  Yn as PageHeader,
916
911
  et as PageHeaderRow,
917
912
  nt as PageHeading,
918
- ot as SelectedItemsActionsPanel,
913
+ rt as SelectedItemsActionsPanel,
919
914
  xn as SidebarMenu,
920
915
  yn as SidebarMenuCollapsible,
921
916
  se as SidebarMenuHeading,
@@ -925,6 +920,6 @@ export {
925
920
  qn as Toast,
926
921
  pn as mapCSSTime,
927
922
  ue as renderItemsExpanded,
928
- at as renderItemsInRail
923
+ ot as renderItemsInRail
929
924
  };
930
925
  //# sourceMappingURL=index.es.js.map