@stenajs-webui/panels 18.12.0 → 18.12.1-next.0

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.
Files changed (13) hide show
  1. package/dist/components/sidebar-menu/SidebarMenu.d.ts +2 -2
  2. package/dist/components/sidebar-menu/SidebarMenuCloseButtonRow.d.ts +5 -0
  3. package/dist/components/sidebar-menu/SidebarMenuCollapsible.d.ts +2 -0
  4. package/dist/components/sidebar-menu/SidebarMenuHeading.d.ts +2 -4
  5. package/dist/components/sidebar-menu/SidebarMenuLink.d.ts +2 -14
  6. package/dist/components/sidebar-menu/rail/renderer/RailRenderer.d.ts +1 -1
  7. package/dist/components/sidebar-menu/rail/renderer/types.d.ts +2 -2
  8. package/dist/index.es.js +535 -628
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/index.js.map +1 -1
  12. package/package.json +7 -7
  13. package/dist/components/sidebar-menu/SidebarMenuCloseButton.d.ts +0 -5
package/dist/index.es.js CHANGED
@@ -1,533 +1,532 @@
1
- (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1qp30_1{--swui-navbar-background-color: var(--lhds-color-blue-500);--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_1x4z8_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-blue-500);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-blue-700 );--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_1x4z8_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_1x4z8_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_1x4z8_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_1x4z8_1 ._icon_1x4z8_55{color:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_1xy53_1{--swui-nav-bar-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-button-background-color-active: var(--lhds-color-blue-800);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-800 );--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_1xy53_1._selected_1xy53_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_4knxd_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_4knxd_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_4knxd_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-600);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_4knxd_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_1gxfr_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-active: var( --lhds-color-blue-800 );--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_1gxfr_1._initials_1gxfr_33{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_hch18_1{--swui-sidebar-menu-separator-color: var(--lhds-color-blue-700);--swui-sidebar-menu-text-color: var(--swui-white);--swui-sidebar-menu-icon-color: var(--swui-white);--swui-sidebar-menu-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-background-color-hover: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-focus: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-active: var(--lhds-color-blue-600);--swui-sidebar-menu-item-selected: var(--lhds-color-blue-800);--swui-sidebar-menu-content-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) 0;--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-item-selected: var(--swui-sidebar-menu-item-selected);--current-content-padding: var(--swui-sidebar-menu-content-padding);background-color:var(--current-background-color);height:100vh}._sidebarMenu_hch18_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_hch18_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._sidebarMenuCloseButton_1j21u_1{--swui-sidebar-menu-close-button-text-color: var(--lhds-color-ui-50);--swui-sidebar-menu-close-button-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-close-button-background-color-hover: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-focus: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-active: var( --lhds-color-blue-500 );--current-background-color: var( --swui-sidebar-menu-close-button-background-color );display:flex;align-items:center;justify-content:flex-start;line-height:10px;background-color:var(--current-background-color);color:var(--swui-sidebar-menu-close-button-text-color);cursor:pointer;height:var(--swui-sidebar-menu-item-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuCloseButton_1j21u_1:hover{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-hover )}._sidebarMenuCloseButton_1j21u_1:focus{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-focus )}._sidebarMenuCloseButton_1j21u_1:active{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-active )}._sidebarMenuCloseButton_1j21u_1 ._iconWrapper_1j21u_55{justify-content:center;align-items:center;width:var(--swui-sidebar-menu-item-height);height:var(--swui-sidebar-menu-item-height)}._sidebarMenuCloseButton_1j21u_1 ._icon_1j21u_55{color:var(--swui-sidebar-menu-close-button-text-color)}._label_mnp0f_1{font-size:var(--current-text-size, var(--swui-font-size-medium));line-height:var(--current-line-height, var(--swui-line-height-medium));font-weight:var(--swui-button-font-weight);font-family:var(--swui-font-buttons);color:var(--current-text-color)}._icon_mnp0f_9{color:var(--current-text-color);font-size:1.6rem}._spinner_mnp0f_14{color:var(--current-text-color)}._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18{width:var(--swui-sidebar-menu-item-height);margin-right:0}._button_mnp0f_23{border:0;padding:0;background:var(--current-background-color)}[data-collapsed] [aria-expanded=true] ._button_mnp0f_23,._button_mnp0f_23:hover{background:var(--current-background-color-hover)}._button_mnp0f_23:focus{outline:none}._button_mnp0f_23:focus-visible{background:var(--current-background-color-active)}._button_mnp0f_23:active{background:var(--current-background-color-active)}._button_mnp0f_23._selected_mnp0f_45{background:var(--current-item-selected)}._sidebarMenuHeading_kvpq5_1{--swui-sidebar-menu-heading-text-color: var(--lhds-color-ui-300);text-transform:uppercase}._sidebarMenuCollapsible_1jwhs_1{--swui-collapsible-header-text-color: var(--current-text-color);--swui-collapsible-header-background-color: var(--current-background-color);--swui-collapsible-header-background-color-hover: var( --current-background-color-hover );--swui-collapsible-header-background-color-active: var( --current-background-color-active );--swui-collapsible-header-indicator-color: var(--current-text-color);--swui-collapsible-header-indicator-color-collapsed: var( --current-text-color );--swui-collapsible-header-indicator-color-hover: var(--current-text-color);--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 0;--swui-collapsible-header-content-margin: 0;--swui-collapsible-collapsible-link-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4);--swui-collapsible-header-border-color: transparent;--swui-collapsible-min-height: var(--swui-sidebar-menu-item-height)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { ActionMenu as re, ActionMenuContext as me, stenaAngleDown as ae, PrimaryButton as be, SecondaryButton as ge, FlatButton as $, stenaBell as fe, Icon as A, stenaSearch as _e, stenaUserCircle as ve, stenaTimes as Ce, Banner as xe, Spinner as Be, ButtonContent as Ne } from "@stenajs-webui/elements";
3
- import * as I from "react";
4
- import { useRef as we, useMemo as ye, forwardRef as ke, useState as Me } from "react";
5
- import { useBoolean as U, Column as L, Box as c, Row as p, Indent as g, Heading as Z, Clickable as q, Txt as X, Space as k, Text as S, SeparatorLine as oe, exhaustSwitchCaseElseThrow as ie } from "@stenajs-webui/core";
6
- import { Popover as T } from "@stenajs-webui/tooltip";
7
- import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
8
- import { Checkbox as se, TextInput as Se } from "@stenajs-webui/forms";
9
- import u from "classnames";
10
- import { cssColor as B } from "@stenajs-webui/theme";
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";
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";
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";
9
+ import h from "classnames";
10
+ import { cssColor as v } from "@stenajs-webui/theme";
11
11
  import { faChevronDown as Ie } from "@fortawesome/free-solid-svg-icons";
12
- import { faChevronUp as Le } from "@fortawesome/free-solid-svg-icons/faChevronUp";
12
+ import { faChevronUp as Me } from "@fortawesome/free-solid-svg-icons/faChevronUp";
13
13
  import { CSSTransition as Ee } from "react-transition-group";
14
14
  import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
15
- const V = ({
15
+ const W = ({
16
16
  renderItems: n,
17
- placement: r = "bottom",
17
+ placement: a = "bottom",
18
18
  buttonComponent: t,
19
- rightIcon: a = ae,
20
- portalTarget: o = "parent",
21
- zIndex: s,
22
- menuWidth: l,
23
- menuTop: h,
19
+ rightIcon: o = ee,
20
+ portalTarget: r = "parent",
21
+ zIndex: i,
22
+ menuWidth: s,
23
+ menuTop: p,
24
24
  onClick: _,
25
- disableArrow: v = !1,
26
- ...f
25
+ disableArrow: B = !1,
26
+ ...C
27
27
  }) => {
28
- const [C, x, b, E] = U(!1), N = we(null), F = {
28
+ const [x, y, g, A] = D(!1), S = ye(null), P = {
29
29
  name: "focusManager",
30
30
  defaultValue: !0,
31
31
  fn({
32
- popper: H
32
+ popper: M
33
33
  }) {
34
- let P = !1;
35
- const Q = (M) => {
36
- M.key === "Escape" && (P = !0, b()), (M.key === "Enter" || M.key === " ") && (P = !0);
34
+ let j = !1;
35
+ const q = (w) => {
36
+ w.key === "Escape" && (j = !0, g()), (w.key === "Enter" || w.key === " ") && (j = !0);
37
37
  };
38
38
  return {
39
39
  onCreate() {
40
- H.addEventListener("keydown", Q);
40
+ M.addEventListener("keydown", q);
41
41
  },
42
42
  onDestroy() {
43
- H.removeEventListener("keydown", Q);
43
+ M.removeEventListener("keydown", q);
44
44
  },
45
45
  onMount() {
46
- var M;
47
- P = !1, (M = H.querySelector("button:not([disabled]), a[href]")) == null || M.focus();
46
+ var w;
47
+ j = !1, (w = M.querySelector("button:not([disabled]), a[href]")) == null || w.focus();
48
48
  },
49
49
  onHide() {
50
- N.current && P && N.current.focus();
50
+ S.current && j && S.current.focus();
51
51
  }
52
52
  };
53
53
  }
54
- }, w = ye(() => ({
55
- open: x,
56
- close: b
57
- }), [x, b]), j = (H) => {
58
- _ == null || _(H), E();
54
+ }, I = we(() => ({
55
+ open: y,
56
+ close: g
57
+ }), [y, g]), T = (M) => {
58
+ _ == null || _(M), A();
59
59
  };
60
- return /* @__PURE__ */ e(T, {
60
+ return /* @__PURE__ */ e(H, {
61
61
  disablePadding: !0,
62
- visible: C,
63
- onClickOutside: b,
64
- placement: r,
65
- content: C && /* @__PURE__ */ e(re, {
66
- variant: "outlined",
67
- width: l,
68
- top: h,
62
+ visible: x,
63
+ onClickOutside: g,
64
+ placement: a,
65
+ content: x && /* @__PURE__ */ e(Y, {
66
+ width: s,
67
+ top: p,
69
68
  trapFocus: !0,
70
- children: /* @__PURE__ */ e(me.Provider, {
71
- value: w,
72
- children: n(b)
69
+ children: /* @__PURE__ */ e(he.Provider, {
70
+ value: I,
71
+ children: n(g)
73
72
  })
74
73
  }),
75
74
  arrow: !1,
76
- appendTo: o,
77
- zIndex: s,
78
- plugins: [F],
75
+ appendTo: r,
76
+ zIndex: i,
77
+ plugins: [P],
79
78
  lazy: !0,
80
79
  children: /* @__PURE__ */ e(t, {
81
- rightIcon: v ? void 0 : a,
82
- ...f,
83
- ref: N,
84
- onClick: j
80
+ rightIcon: B ? void 0 : o,
81
+ ...C,
82
+ ref: S,
83
+ onClick: T
85
84
  })
86
85
  });
87
- }, Kn = (n) => /* @__PURE__ */ e(V, {
88
- buttonComponent: be,
86
+ }, Pn = (n) => /* @__PURE__ */ e(W, {
87
+ buttonComponent: pe,
89
88
  ...n
90
- }), Qn = (n) => /* @__PURE__ */ e(V, {
91
- buttonComponent: ge,
89
+ }), Tn = (n) => /* @__PURE__ */ e(W, {
90
+ buttonComponent: me,
92
91
  ...n
93
- }), je = (n) => /* @__PURE__ */ e(V, {
94
- buttonComponent: $,
92
+ }), je = (n) => /* @__PURE__ */ e(W, {
93
+ buttonComponent: k,
95
94
  ...n
96
- }), He = "1px solid var(--lhds-color-ui-300)", Xn = ({
95
+ }), Le = "1px solid var(--lhds-color-ui-300)", On = ({
97
96
  renderMenu: n,
98
- ...r
97
+ ...a
99
98
  }) => {
100
- const [t, a, o] = U(!1);
101
- return /* @__PURE__ */ e(T, {
102
- onClickOutside: o,
99
+ const [t, o, r] = D(!1);
100
+ return /* @__PURE__ */ e(H, {
101
+ onClickOutside: r,
103
102
  arrow: !1,
104
103
  visible: t,
105
104
  disablePadding: !0,
106
- content: n ? /* @__PURE__ */ e(L, {
107
- children: /* @__PURE__ */ e(re, {
108
- children: n(o)
105
+ content: n ? /* @__PURE__ */ e(F, {
106
+ children: /* @__PURE__ */ e(Y, {
107
+ children: n(r)
109
108
  })
110
109
  }) : void 0,
111
110
  placement: "bottom-start",
112
111
  variant: "outlined",
113
- children: /* @__PURE__ */ e(c, {
112
+ children: /* @__PURE__ */ e(l, {
114
113
  display: "inline-block",
115
- children: /* @__PURE__ */ i(p, {
114
+ children: /* @__PURE__ */ c(u, {
116
115
  spacing: 0.5,
117
116
  indent: !0,
118
117
  alignItems: "center",
119
- border: He,
118
+ border: Le,
120
119
  borderRadius: "4px",
121
- children: [/* @__PURE__ */ e(se, {
122
- ...r
123
- }), /* @__PURE__ */ e(g, {
120
+ children: [/* @__PURE__ */ e(oe, {
121
+ ...a
122
+ }), /* @__PURE__ */ e(b, {
124
123
  num: 0.5
125
- }), /* @__PURE__ */ e($, {
124
+ }), /* @__PURE__ */ e(k, {
126
125
  size: "small",
127
- onClick: a,
128
- leftIcon: ae
126
+ onClick: o,
127
+ leftIcon: ee
129
128
  })]
130
129
  })
131
130
  })
132
131
  });
133
- }, Re = "_navBar_1qp30_1", $e = {
132
+ }, Re = "_navBar_1bafw_1", He = {
134
133
  navBar: Re
135
- }, Ae = "_sidebarMenuButton_1x4z8_1", Pe = "_icon_1x4z8_55", Y = {
134
+ }, Ae = "_sidebarMenuButton_d43s4_1", Pe = "_icon_d43s4_55", J = {
136
135
  sidebarMenuButton: Ae,
137
136
  icon: Pe
138
- }, Te = (n) => /* @__PURE__ */ I.createElement("svg", {
137
+ }, Te = (n) => /* @__PURE__ */ L.createElement("svg", {
139
138
  xmlns: "http://www.w3.org/2000/svg",
140
139
  width: 16,
141
140
  height: 16,
142
141
  viewBox: "0 0 24 24",
143
142
  ...n
144
- }, /* @__PURE__ */ I.createElement("path", {
143
+ }, /* @__PURE__ */ L.createElement("path", {
145
144
  fill: "#FFF",
146
145
  fillRule: "evenodd",
147
146
  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"
148
- })), ce = ({
147
+ })), re = ({
149
148
  className: n,
150
- onClick: r
149
+ onClick: a
151
150
  }) => /* @__PURE__ */ e("button", {
152
- onClick: r,
153
- className: u(Y.sidebarMenuButton, n),
151
+ onClick: a,
152
+ className: h(J.sidebarMenuButton, n),
154
153
  children: /* @__PURE__ */ e(Te, {
155
- className: Y.icon
154
+ className: J.icon
156
155
  })
157
156
  }), Oe = {
158
- compact: 40,
159
- standard: 48,
157
+ compact: 32,
158
+ standard: 40,
160
159
  relaxed: 64
161
- }, le = (n) => Oe[n] + "px", Yn = ({
160
+ }, ce = (n) => Oe[n] + "px", zn = ({
162
161
  left: n,
163
- className: r,
162
+ className: a,
164
163
  showMenuButton: t = !1,
165
- menuButtonVisibility: a = "visible",
166
- children: o,
167
- right: s,
168
- center: l,
169
- variant: h = "standard",
164
+ menuButtonVisibility: o = "visible",
165
+ children: r,
166
+ right: i,
167
+ center: s,
168
+ variant: p = "standard",
170
169
  onClickMenuButton: _
171
170
  }) => {
172
- const v = l ? 1 : void 0, f = le(h);
173
- return /* @__PURE__ */ i(p, {
174
- height: f,
175
- minHeight: f,
171
+ const B = s ? 1 : void 0, C = ce(p);
172
+ return /* @__PURE__ */ c(u, {
173
+ height: C,
174
+ minHeight: C,
176
175
  justifyContent: "space-between",
177
176
  style: {
178
- ["--swui-nav-bar-height"]: f
177
+ ["--swui-nav-bar-height"]: C
179
178
  },
180
- className: u($e.navBar, r),
181
- children: [/* @__PURE__ */ i(p, {
182
- flex: v,
179
+ className: h(He.navBar, a),
180
+ children: [/* @__PURE__ */ c(u, {
181
+ flex: B,
183
182
  justifyContent: "flex-start",
184
183
  alignItems: "center",
185
- children: [t ? /* @__PURE__ */ i(m, {
186
- children: [a === "hidden" ? /* @__PURE__ */ e(c, {
184
+ children: [t ? /* @__PURE__ */ c(m, {
185
+ children: [o === "hidden" ? /* @__PURE__ */ e(l, {
187
186
  width: "var(--swui-nav-bar-height)"
188
- }) : /* @__PURE__ */ e(ce, {
187
+ }) : /* @__PURE__ */ e(re, {
189
188
  onClick: _
190
- }), /* @__PURE__ */ e(g, {})]
191
- }) : /* @__PURE__ */ e(g, {
189
+ }), /* @__PURE__ */ e(b, {})]
190
+ }) : /* @__PURE__ */ e(b, {
192
191
  num: 2
193
- }), n ? /* @__PURE__ */ i(m, {
194
- children: [n, /* @__PURE__ */ e(g, {
192
+ }), n ? /* @__PURE__ */ c(m, {
193
+ children: [n, /* @__PURE__ */ e(b, {
195
194
  num: 2
196
195
  })]
197
- }) : /* @__PURE__ */ e(g, {
196
+ }) : /* @__PURE__ */ e(b, {
198
197
  num: 2
199
- }), o && /* @__PURE__ */ e(m, {
200
- children: /* @__PURE__ */ e(p, {
198
+ }), r && /* @__PURE__ */ e(m, {
199
+ children: /* @__PURE__ */ e(u, {
201
200
  justifyContent: "center",
202
201
  alignItems: "center",
203
- children: I.Children.map(o, (C, x) => /* @__PURE__ */ i(m, {
204
- children: [x > 0 && /* @__PURE__ */ e(g, {}), C]
202
+ children: L.Children.map(r, (x, y) => /* @__PURE__ */ c(m, {
203
+ children: [y > 0 && /* @__PURE__ */ e(b, {}), x]
205
204
  }))
206
205
  })
207
206
  })]
208
- }), l && /* @__PURE__ */ e(p, {
207
+ }), s && /* @__PURE__ */ e(u, {
209
208
  justifyContent: "center",
210
209
  alignItems: "center",
211
- children: l
212
- }), /* @__PURE__ */ i(p, {
210
+ children: s
211
+ }), /* @__PURE__ */ c(u, {
213
212
  justifyContent: "flex-end",
214
213
  alignItems: "center",
215
- flex: v,
216
- children: [s, /* @__PURE__ */ e(g, {
214
+ flex: B,
215
+ children: [i, /* @__PURE__ */ e(b, {
217
216
  num: 2
218
217
  })]
219
218
  })]
220
219
  });
221
- }, We = "_navBarButton_1xy53_1", ze = "_selected_1xy53_36", ee = {
222
- navBarButton: We,
223
- selected: ze
220
+ }, ze = "_navBarButton_18iz9_1", $e = "_selected_18iz9_36", K = {
221
+ navBarButton: ze,
222
+ selected: $e
224
223
  }, De = ({
225
224
  selected: n,
226
- className: r,
225
+ className: a,
227
226
  ...t
228
- }) => /* @__PURE__ */ e($, {
227
+ }) => /* @__PURE__ */ e(k, {
229
228
  ...t,
230
- className: u(ee.navBarButton, n && ee.selected, r)
231
- }), et = (n) => /* @__PURE__ */ e(Z, {
229
+ className: h(K.navBarButton, n && K.selected, a)
230
+ }), $n = (n) => /* @__PURE__ */ e(U, {
232
231
  whiteSpace: "nowrap",
233
232
  color: "#fff",
234
233
  ...n
235
- }), nt = ({
234
+ }), Dn = ({
236
235
  content: n,
237
- children: r,
236
+ children: a,
238
237
  ...t
239
238
  }) => {
240
- const [a, o, s] = U(!1);
241
- return /* @__PURE__ */ e(T, {
242
- onClickOutside: s,
239
+ const [o, , r, i] = D(!1);
240
+ return /* @__PURE__ */ e(H, {
241
+ onClickOutside: r,
243
242
  triggerTarget: document.body,
244
- visible: a,
245
- content: /* @__PURE__ */ i(m, {
243
+ visible: o,
244
+ content: /* @__PURE__ */ c(m, {
246
245
  children: [n && n({
247
- close: s
248
- }), r]
246
+ close: r
247
+ }), a]
249
248
  }),
250
249
  children: /* @__PURE__ */ e(De, {
251
250
  ...t,
252
- onClick: o
251
+ onClick: i
253
252
  })
254
253
  });
255
- }, Ue = "_navBarNotificationButton_1wchp_1", Ze = "_hasCount_1wchp_60", qe = "_unread_1wchp_64", Ve = "_icon_1wchp_79", Ge = "_shake_1wchp_1", R = {
254
+ }, Ue = "_navBarNotificationButton_1wchp_1", Ve = "_hasCount_1wchp_60", We = "_unread_1wchp_64", Ze = "_icon_1wchp_79", qe = "_shake_1wchp_1", E = {
256
255
  navBarNotificationButton: Ue,
257
- hasCount: Ze,
258
- unread: qe,
259
- icon: Ve,
260
- shake: Ge
261
- }, tt = ({
256
+ hasCount: Ve,
257
+ unread: We,
258
+ icon: Ze,
259
+ shake: qe
260
+ }, Un = ({
262
261
  count: n,
263
- unread: r = !1,
262
+ unread: a = !1,
264
263
  className: t,
265
- labelClassName: a,
266
- iconClassName: o,
267
- icon: s = fe,
268
- ...l
264
+ labelClassName: o,
265
+ iconClassName: r,
266
+ icon: i = ge,
267
+ ...s
269
268
  }) => {
270
- const h = n > 0;
271
- return /* @__PURE__ */ e($, {
272
- ...l,
273
- leftIcon: s,
274
- className: u({
275
- [R.unread]: r
269
+ const p = n > 0;
270
+ return /* @__PURE__ */ e(k, {
271
+ ...s,
272
+ leftIcon: i,
273
+ className: h({
274
+ [E.unread]: a
276
275
  }, {
277
- [R.hasCount]: h
278
- }, R.navBarNotificationButton, t),
279
- label: h ? String(n) : void 0,
280
- labelClassName: u(a, R.label),
281
- iconClassName: u(o, R.icon)
276
+ [E.hasCount]: p
277
+ }, E.navBarNotificationButton, t),
278
+ label: p ? String(n) : void 0,
279
+ labelClassName: h(o, E.label),
280
+ iconClassName: h(r, E.icon)
282
281
  });
283
- }, Je = "_navBarSearchFieldInput_4knxd_1", Ke = "_navBarSearchField_4knxd_1", ne = {
284
- navBarSearchFieldInput: Je,
285
- navBarSearchField: Ke
286
- }, rt = ({
282
+ }, Ge = "_navBarSearchFieldInput_rcj0j_1", Je = "_navBarSearchField_rcj0j_1", Q = {
283
+ navBarSearchFieldInput: Ge,
284
+ navBarSearchField: Je
285
+ }, Vn = ({
287
286
  placeholder: n = "Search...",
288
- className: r,
287
+ className: a,
289
288
  wrapperClassName: t,
290
- ...a
289
+ ...o
291
290
  }) => /* @__PURE__ */ e(Se, {
292
- wrapperClassName: u(ne.navBarSearchField, t),
293
- className: u(ne.navBarSearchFieldInput, r),
291
+ wrapperClassName: h(Q.navBarSearchField, t),
292
+ className: h(Q.navBarSearchFieldInput, a),
294
293
  placeholder: n,
295
- contentRight: /* @__PURE__ */ e(q, {
296
- children: /* @__PURE__ */ e(A, {
297
- icon: _e
294
+ contentRight: /* @__PURE__ */ e(V, {
295
+ children: /* @__PURE__ */ e(R, {
296
+ icon: fe
298
297
  })
299
298
  }),
300
- ...a
301
- }), Qe = "_navBarUserButton_1gxfr_1", Xe = "_initials_1gxfr_33", te = {
302
- navBarUserButton: Qe,
303
- initials: Xe
304
- }, at = ({
299
+ ...o
300
+ }), Ke = "_navBarUserButton_1cwhm_1", Qe = "_initials_1cwhm_31", X = {
301
+ navBarUserButton: Ke,
302
+ initials: Qe
303
+ }, Wn = ({
305
304
  className: n,
306
- username: r,
305
+ username: a,
307
306
  initials: t,
308
- icon: a = ve,
309
- iconClassName: o,
310
- ...s
307
+ icon: o = be,
308
+ iconClassName: r,
309
+ ...i
311
310
  }) => /* @__PURE__ */ e(je, {
312
- ...s,
313
- className: u({
314
- [te.initials]: t != null
315
- }, te.navBarUserButton, n),
316
- leftIcon: r != null ? a : void 0,
317
- label: t != null ? t : r,
311
+ ...i,
312
+ className: h({
313
+ [X.initials]: t != null
314
+ }, X.navBarUserButton, n),
315
+ leftIcon: a != null ? o : void 0,
316
+ label: t != null ? t : a,
318
317
  disableArrow: !0
319
- }), de = ({
318
+ }), ie = ({
320
319
  text: n,
321
- timestamp: r,
320
+ timestamp: a,
322
321
  icon: t,
323
- iconAriaLabel: a,
324
- iconColor: o,
325
- contentLeft: s,
326
- contentRight: l,
327
- onClose: h
328
- }) => /* @__PURE__ */ i(p, {
322
+ iconAriaLabel: o,
323
+ iconColor: r,
324
+ contentLeft: i,
325
+ contentRight: s,
326
+ onClose: p
327
+ }) => /* @__PURE__ */ c(u, {
329
328
  alignItems: "flex-start",
330
329
  indent: !0,
331
330
  spacing: !0,
332
- children: [/* @__PURE__ */ i(p, {
331
+ children: [/* @__PURE__ */ c(u, {
333
332
  indent: 2,
334
333
  spacing: !0,
335
334
  gap: 2,
336
335
  flex: 1,
337
336
  alignItems: "flex-start",
338
- children: [s && /* @__PURE__ */ e(c, {
337
+ children: [i && /* @__PURE__ */ e(l, {
339
338
  minHeight: 20,
340
339
  justifyContent: "center",
341
- children: s
342
- }), !s && t && /* @__PURE__ */ e(A, {
340
+ children: i
341
+ }), !i && t && /* @__PURE__ */ e(R, {
343
342
  icon: t,
344
343
  size: 20,
345
- color: o,
346
- "aria-label": a
347
- }), /* @__PURE__ */ i(c, {
344
+ color: r,
345
+ "aria-label": o
346
+ }), /* @__PURE__ */ c(l, {
348
347
  minHeight: 20,
349
348
  justifyContent: "center",
350
349
  flex: 1,
351
350
  gap: 0.5,
352
- children: [/* @__PURE__ */ e(X, {
351
+ children: [/* @__PURE__ */ e(G, {
353
352
  variant: "bold",
354
353
  children: n
355
- }), r && /* @__PURE__ */ e(X, {
354
+ }), a && /* @__PURE__ */ e(G, {
356
355
  size: "small",
357
- color: B("--lhds-color-ui-600"),
358
- children: r
356
+ color: v("--lhds-color-ui-600"),
357
+ children: a
359
358
  })]
360
- }), l]
361
- }), h && /* @__PURE__ */ e(c, {
359
+ }), s]
360
+ }), p && /* @__PURE__ */ e(l, {
362
361
  flex: "none",
363
362
  justifyContent: "center",
364
363
  style: {
365
364
  height: "calc(20px + 2 * var(--swui-metrics-spacing))"
366
365
  },
367
- children: /* @__PURE__ */ e($, {
368
- leftIcon: Ce,
369
- onClick: h,
366
+ children: /* @__PURE__ */ e(k, {
367
+ leftIcon: ne,
368
+ onClick: p,
370
369
  "aria-label": "Close"
371
370
  })
372
371
  })]
373
- }), ot = ({
372
+ }), Zn = ({
374
373
  children: n,
375
- background: r,
374
+ background: a,
376
375
  ...t
377
- }) => /* @__PURE__ */ i(L, {
378
- background: r,
379
- children: [/* @__PURE__ */ e(de, {
376
+ }) => /* @__PURE__ */ c(F, {
377
+ background: a,
378
+ children: [/* @__PURE__ */ e(ie, {
380
379
  ...t
381
- }), n && /* @__PURE__ */ i(L, {
380
+ }), n && /* @__PURE__ */ c(F, {
382
381
  indent: 3,
383
- children: [n, /* @__PURE__ */ e(k, {
382
+ children: [n, /* @__PURE__ */ e(f, {
384
383
  num: 2
385
384
  })]
386
385
  })]
387
- }), Ye = "_clickable_1ijxc_1", en = "_nonClickable_1ijxc_27", O = {
388
- clickable: Ye,
389
- nonClickable: en
390
- }, it = ({
386
+ }), Xe = "_clickable_1ijxc_1", Ye = "_nonClickable_1ijxc_27", O = {
387
+ clickable: Xe,
388
+ nonClickable: Ye
389
+ }, qn = ({
391
390
  onClick: n,
392
- onClickAriaLabel: r,
391
+ onClickAriaLabel: a,
393
392
  children: t,
394
- width: a = 264,
395
- maxWidth: o,
396
- ...s
397
- }) => /* @__PURE__ */ i(c, {
393
+ width: o = 264,
394
+ maxWidth: r,
395
+ ...i
396
+ }) => /* @__PURE__ */ c(l, {
398
397
  borderRadius: 8,
399
- background: B("--lhds-color-ui-50"),
398
+ background: v("--lhds-color-ui-50"),
400
399
  shadow: "popover",
401
- width: a,
402
- maxWidth: o,
400
+ width: o,
401
+ maxWidth: r,
403
402
  role: "alert",
404
403
  position: "relative",
405
- children: [/* @__PURE__ */ e(c, {
406
- className: u({
404
+ children: [/* @__PURE__ */ e(l, {
405
+ className: h({
407
406
  [O.nonClickable]: n
408
407
  }),
409
- children: /* @__PURE__ */ e(de, {
410
- ...s
408
+ children: /* @__PURE__ */ e(ie, {
409
+ ...i
411
410
  })
412
- }), t && /* @__PURE__ */ i(c, {
411
+ }), t && /* @__PURE__ */ c(l, {
413
412
  indent: 3,
414
- className: u({
413
+ className: h({
415
414
  [O.nonClickable]: n
416
415
  }),
417
- children: [t, /* @__PURE__ */ e(k, {
416
+ children: [t, /* @__PURE__ */ e(f, {
418
417
  num: 2
419
418
  })]
420
419
  }), n && /* @__PURE__ */ e("button", {
421
420
  onClick: n,
422
421
  className: O.clickable,
423
- "aria-label": r
422
+ "aria-label": a
424
423
  })]
425
- }), nn = "_collapsible_1nroa_1", tn = "_header_1nroa_46", rn = "_indicator_1nroa_59", an = "_headerText_1nroa_103", on = "_label_1nroa_114", sn = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", dn = "_groupHeading_1nroa_155", un = "_contentEnter_1nroa_180", hn = "_contentEnterActive_1nroa_184", pn = "_contentExitDone_1nroa_189", d = {
426
- collapsible: nn,
427
- header: tn,
428
- indicator: rn,
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 = {
425
+ collapsible: en,
426
+ header: nn,
427
+ indicator: tn,
429
428
  headerText: an,
430
429
  label: on,
431
- contentLeft: sn,
430
+ contentLeft: rn,
432
431
  contentRight: cn,
433
432
  content: ln,
434
- groupHeading: dn,
435
- contentEnter: un,
436
- contentEnterActive: hn,
437
- contentExitDone: pn
438
- }, G = () => /* @__PURE__ */ i(L, {
433
+ groupHeading: sn,
434
+ contentEnter: dn,
435
+ contentEnterActive: un,
436
+ contentExitDone: hn
437
+ }, Z = () => /* @__PURE__ */ c(F, {
439
438
  indent: !0,
440
439
  spacing: !0,
441
440
  flex: 1,
442
441
  alignItems: "center",
443
- children: [/* @__PURE__ */ e(A, {
442
+ children: [/* @__PURE__ */ e(R, {
444
443
  icon: Fe,
445
- color: B("--lhds-color-ui-500")
446
- }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(S, {
444
+ color: v("--lhds-color-ui-500")
445
+ }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(N, {
447
446
  size: "small",
448
- color: B("--lhds-color-ui-500"),
447
+ color: v("--lhds-color-ui-500"),
449
448
  children: "No content"
450
449
  })]
451
- }), J = ({
450
+ }), le = ({
452
451
  contentLeft: n,
453
- contentRight: r,
452
+ contentRight: a,
454
453
  className: t,
455
- children: a,
456
- ...o
457
- }) => /* @__PURE__ */ i("div", {
458
- className: u(d.content, t),
459
- ...o,
454
+ children: o,
455
+ ...r
456
+ }) => /* @__PURE__ */ c("div", {
457
+ className: h(d.content, t),
458
+ ...r,
460
459
  children: [n && /* @__PURE__ */ e("div", {
461
460
  className: d.contentLeft,
462
461
  children: n
463
- }), a != null ? a : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
462
+ }), o != null ? o : /* @__PURE__ */ e(Z, {}), a && /* @__PURE__ */ e("div", {
464
463
  className: d.contentRight,
465
- children: r
464
+ children: a
466
465
  })]
467
- }), mn = (n) => {
468
- const r = parseFloat(n), t = n.match(/m?s/);
466
+ }), pn = (n) => {
467
+ const a = parseFloat(n), t = n.match(/m?s/);
469
468
  switch (t == null ? void 0 : t[0]) {
470
469
  case "s":
471
- return r * 1e3;
470
+ return a * 1e3;
472
471
  case "ms":
473
- return r;
472
+ return a;
474
473
  default:
475
474
  return 0;
476
475
  }
477
- }, ue = ke(function({
478
- label: r,
476
+ }, mn = Ne(function({
477
+ label: a,
479
478
  contentLeft: t,
480
- contentRight: a,
481
- collapsed: o = !1,
482
- onClick: s,
483
- className: l,
484
- disabled: h = !1,
479
+ contentRight: o,
480
+ collapsed: r = !1,
481
+ onClick: i,
482
+ className: s,
483
+ disabled: p = !1,
485
484
  unmountOnCollapse: _ = !1,
486
- mountOnEnter: v = !0,
487
- icon: f = Le,
488
- iconCollapsed: C = Ie,
489
- iconSize: x = 8,
490
- children: b,
491
- autoFocus: E = !1,
492
- ...N
493
- }, F) {
494
- const w = I.useRef(null), j = w.current ? mn(getComputedStyle(w.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
495
- return /* @__PURE__ */ i("div", {
496
- className: u(d.collapsible, l),
497
- "aria-expanded": !o,
498
- ref: w,
499
- ...N,
500
- children: [/* @__PURE__ */ i(q, {
485
+ mountOnEnter: B = !0,
486
+ icon: C = Me,
487
+ iconCollapsed: x = Ie,
488
+ iconSize: y = 8,
489
+ children: g,
490
+ autoFocus: A = !1,
491
+ ...S
492
+ }, P) {
493
+ const I = L.useRef(null), T = I.current ? pn(getComputedStyle(I.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
494
+ return /* @__PURE__ */ c("div", {
495
+ className: h(d.collapsible, s),
496
+ "aria-expanded": !r,
497
+ ref: I,
498
+ ...S,
499
+ children: [/* @__PURE__ */ c(V, {
501
500
  disableFocusHighlight: !0,
502
501
  disableOpacityOnClick: !0,
503
502
  className: d.header,
504
- onClick: s,
505
- disabled: h,
506
- autoFocus: E,
507
- ref: F,
503
+ onClick: i,
504
+ disabled: p,
505
+ autoFocus: A,
506
+ ref: P,
508
507
  children: [t && /* @__PURE__ */ e("div", {
509
508
  className: d.contentLeft,
510
509
  children: t
511
510
  }), /* @__PURE__ */ e("div", {
512
511
  className: d.label,
513
- children: /* @__PURE__ */ e(S, {
512
+ children: /* @__PURE__ */ e(N, {
514
513
  color: "var(--swui-collapsible-header-text-color)",
515
514
  className: d.headerText,
516
- children: r
515
+ children: a
517
516
  })
518
- }), a && /* @__PURE__ */ e("div", {
517
+ }), o && /* @__PURE__ */ e("div", {
519
518
  className: d.contentRight,
520
- children: a
521
- }), /* @__PURE__ */ e(A, {
522
- icon: o ? C : f,
519
+ children: o
520
+ }), /* @__PURE__ */ e(R, {
521
+ icon: r ? x : C,
523
522
  className: d.indicator,
524
- size: x,
523
+ size: y,
525
524
  fixedWidth: !0
526
525
  })]
527
526
  }), /* @__PURE__ */ e(Ee, {
528
- in: !o,
527
+ in: !r,
529
528
  timeout: {
530
- enter: j
529
+ enter: T
531
530
  },
532
531
  classNames: {
533
532
  enter: d.contentEnter,
@@ -536,390 +535,299 @@ const V = ({
536
535
  exitActive: d.contentExitActive,
537
536
  exitDone: d.contentExitDone
538
537
  },
539
- mountOnEnter: v,
538
+ mountOnEnter: B,
540
539
  unmountOnExit: _,
541
540
  children: /* @__PURE__ */ e("div", {
542
541
  role: "region",
543
- children: b != null ? b : /* @__PURE__ */ e(J, {
544
- children: /* @__PURE__ */ e(G, {})
542
+ children: g != null ? g : /* @__PURE__ */ e(le, {
543
+ children: /* @__PURE__ */ e(Z, {})
545
544
  })
546
545
  })
547
546
  })]
548
547
  });
549
- }), st = ({
548
+ }), Gn = ({
550
549
  value: n,
551
- onValueChange: r,
550
+ onValueChange: a,
552
551
  onChange: t,
553
- indeterminate: a,
554
- checkboxDisabled: o,
555
- ...s
556
- }) => /* @__PURE__ */ e(ue, {
557
- contentLeft: /* @__PURE__ */ e(se, {
552
+ indeterminate: o,
553
+ checkboxDisabled: r,
554
+ ...i
555
+ }) => /* @__PURE__ */ e(mn, {
556
+ contentLeft: /* @__PURE__ */ e(oe, {
558
557
  value: n,
559
- indeterminate: a,
560
- onValueChange: r,
558
+ indeterminate: o,
559
+ onValueChange: a,
561
560
  onChange: t,
562
- disabled: o,
563
- onClick: (l) => l.stopPropagation()
561
+ disabled: r,
562
+ onClick: (s) => s.stopPropagation()
564
563
  }),
565
- ...s
566
- }), ct = ({
564
+ ...i
565
+ }), Jn = ({
567
566
  contentLeft: n,
568
- contentRight: r,
567
+ contentRight: a,
569
568
  className: t,
570
- onClick: a,
571
- children: o,
572
- ...s
573
- }) => /* @__PURE__ */ i(q, {
569
+ onClick: o,
570
+ children: r,
571
+ ...i
572
+ }) => /* @__PURE__ */ c(V, {
574
573
  disableFocusHighlight: !0,
575
574
  disableOpacityOnClick: !0,
576
- className: u(d.content, t),
577
- onClick: a,
578
- ...s,
575
+ className: h(d.content, t),
576
+ onClick: o,
577
+ ...i,
579
578
  children: [n && /* @__PURE__ */ e("div", {
580
579
  className: d.contentLeft,
581
580
  children: n
582
- }), o != null ? o : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
581
+ }), r != null ? r : /* @__PURE__ */ e(Z, {}), a && /* @__PURE__ */ e("div", {
583
582
  className: d.contentRight,
584
- children: r
583
+ children: a
585
584
  })]
586
- }), lt = ({
585
+ }), Kn = ({
587
586
  className: n,
588
- ...r
589
- }) => /* @__PURE__ */ e(J, {
590
- className: u(d.groupHeading, n),
591
- ...r
592
- }), bn = ({
587
+ ...a
588
+ }) => /* @__PURE__ */ e(le, {
589
+ className: h(d.groupHeading, n),
590
+ ...a
591
+ }), gn = ({
593
592
  text: n = "Something unexpected happened."
594
- }) => /* @__PURE__ */ e(c, {
593
+ }) => /* @__PURE__ */ e(l, {
595
594
  justifyContent: "center",
596
595
  alignItems: "center",
597
- children: /* @__PURE__ */ e(xe, {
596
+ children: /* @__PURE__ */ e(ve, {
598
597
  variant: "error",
599
598
  headerText: n
600
599
  })
601
- }), dt = (n) => /* @__PURE__ */ e(c, {
600
+ }), Qn = (n) => /* @__PURE__ */ e(l, {
602
601
  width: "100%",
603
602
  height: "100%",
604
603
  justifyContent: "center",
605
604
  alignItems: "center",
606
- children: /* @__PURE__ */ e(bn, {
605
+ children: /* @__PURE__ */ e(gn, {
607
606
  ...n
608
607
  })
609
- }), gn = ({
608
+ }), fn = ({
610
609
  text: n = "Loading..."
611
- }) => /* @__PURE__ */ i(c, {
610
+ }) => /* @__PURE__ */ c(l, {
612
611
  alignItems: "center",
613
- children: [/* @__PURE__ */ e(Be, {
612
+ children: [/* @__PURE__ */ e(_e, {
614
613
  size: "small"
615
- }), /* @__PURE__ */ e(k, {
614
+ }), /* @__PURE__ */ e(f, {
616
615
  num: 4
617
- }), /* @__PURE__ */ e(Z, {
616
+ }), /* @__PURE__ */ e(U, {
618
617
  variant: "h4",
619
618
  children: n
620
619
  })]
621
- }), ut = (n) => /* @__PURE__ */ e(c, {
620
+ }), Xn = (n) => /* @__PURE__ */ e(l, {
622
621
  width: "100%",
623
622
  height: "100%",
624
623
  justifyContent: "center",
625
624
  alignItems: "center",
626
- children: /* @__PURE__ */ e(gn, {
625
+ children: /* @__PURE__ */ e(fn, {
627
626
  ...n
628
627
  })
629
- }), ht = ({
628
+ }), Yn = ({
630
629
  renderBreadCrumbs: n,
631
- renderPageHeading: r,
630
+ renderPageHeading: a,
632
631
  renderTabs: t,
633
- children: a
634
- }) => /* @__PURE__ */ i(c, {
632
+ children: o
633
+ }) => /* @__PURE__ */ c(l, {
635
634
  shadow: "box",
636
- background: B("--lhds-color-ui-50"),
637
- children: [/* @__PURE__ */ i(c, {
635
+ background: v("--lhds-color-ui-50"),
636
+ children: [/* @__PURE__ */ c(l, {
638
637
  indent: 3,
639
- children: [n && /* @__PURE__ */ e(p, {
638
+ children: [n && /* @__PURE__ */ e(u, {
640
639
  spacing: 1.25,
641
640
  children: n()
642
- }), r == null ? void 0 : r(), t == null ? void 0 : t()]
643
- }), a && /* @__PURE__ */ i(m, {
644
- children: [!t && n && /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(oe, {}), a]
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]
645
644
  })]
646
- }), pt = (n) => /* @__PURE__ */ e(p, {
645
+ }), et = (n) => /* @__PURE__ */ e(u, {
647
646
  indent: 3,
648
647
  spacing: !0,
649
648
  ...n
650
- }), fn = {
649
+ }), bn = {
651
650
  compact: 1,
652
651
  standard: 1.5,
653
652
  relaxed: 2
654
- }, mt = ({
653
+ }, nt = ({
655
654
  heading: n,
656
- headingLevel: r = "h1",
655
+ headingLevel: a = "h1",
657
656
  variant: t = "standard",
658
- contentLeft: a,
659
- contentRight: o
660
- }) => /* @__PURE__ */ i(p, {
661
- spacing: fn[t],
657
+ contentLeft: o,
658
+ contentRight: r
659
+ }) => /* @__PURE__ */ c(u, {
660
+ spacing: bn[t],
662
661
  alignItems: "center",
663
662
  gap: 2,
664
- children: [/* @__PURE__ */ e(Z, {
663
+ children: [/* @__PURE__ */ e(U, {
665
664
  variant: "h3",
666
- as: r,
665
+ as: a,
667
666
  children: n
668
- }), /* @__PURE__ */ e(p, {
667
+ }), /* @__PURE__ */ e(u, {
669
668
  alignItems: "center",
670
- children: a
671
- }), /* @__PURE__ */ e(p, {
669
+ children: o
670
+ }), /* @__PURE__ */ e(u, {
672
671
  style: {
673
672
  marginLeft: "auto"
674
673
  },
675
674
  alignItems: "center",
676
- children: o
675
+ children: r
677
676
  })]
678
- }), _n = "_sidebarMenu_hch18_1", W = {
679
- sidebarMenu: _n
680
- }, vn = "_sidebarMenuCloseButton_1j21u_1", Cn = "_iconWrapper_1j21u_55", xn = "_icon_1j21u_55", z = {
681
- sidebarMenuCloseButton: vn,
682
- iconWrapper: Cn,
683
- icon: xn
684
- }, Bn = (n) => /* @__PURE__ */ I.createElement("svg", {
685
- width: "16px",
686
- height: "16px",
687
- viewBox: "0 0 16 16",
688
- xmlns: "http://www.w3.org/2000/svg",
689
- ...n
690
- }, /* @__PURE__ */ I.createElement("path", {
691
- d: "M0.928932188,0.928932188 C1.31945648,0.538407896 1.95262146,0.538407896 2.34314575,0.928932188 L2.34314575,0.928932188 L8.00003897,6.58503897 L13.6568542,0.928932188 C14.0473785,0.538407896 14.6805435,0.538407896 15.0710678,0.928932188 C15.4615921,1.31945648 15.4615921,1.95262146 15.0710678,2.34314575 L9.41503897,8.00003897 L15.0710678,13.6568542 C15.4315518,14.0173382 15.4592813,14.5845693 15.1542564,14.9768605 L15.0710678,15.0710678 C14.6805435,15.4615921 14.0473785,15.4615921 13.6568542,15.0710678 L13.6568542,15.0710678 L8.00003897,9.41503897 L2.34314575,15.0710678 C1.95262146,15.4615921 1.31945648,15.4615921 0.928932188,15.0710678 C0.538407896,14.6805435 0.538407896,14.0473785 0.928932188,13.6568542 L6.58503897,8.00003897 L0.928932188,2.34314575 C0.568448227,1.98266179 0.540718691,1.41543073 0.845743582,1.02313953 Z",
692
- id: "Combined-Shape",
693
- fill: "#FFFFFF"
694
- })), Nn = ({
695
- className: n,
696
- onClick: r
697
- }) => /* @__PURE__ */ e("button", {
698
- onClick: r,
699
- className: u(z.sidebarMenuCloseButton, n),
700
- children: /* @__PURE__ */ e(c, {
701
- className: z.iconWrapper,
702
- children: /* @__PURE__ */ e(Bn, {
703
- className: z.icon
704
- })
705
- })
706
- }), K = (n) => /* @__PURE__ */ e(oe, {
707
- color: B("--lhds-color-blue-600"),
708
- ...n
709
- }), wn = ({
677
+ }), vn = "_sidebarMenu_tg9i7_1", z = {
678
+ sidebarMenu: vn
679
+ }, _n = "_stenaFlag_108h7_1", Cn = {
680
+ stenaFlag: _n
681
+ }, Bn = ({
682
+ onClick: n
683
+ }) => /* @__PURE__ */ c(u, {
684
+ justifyContent: "space-between",
685
+ alignItems: "center",
686
+ flex: 1,
687
+ indent: 1,
688
+ children: [/* @__PURE__ */ e(k, {
689
+ leftIcon: ne,
690
+ onClick: n,
691
+ variant: "danger"
692
+ }), /* @__PURE__ */ e(Ce, {
693
+ className: Cn.stenaFlag
694
+ })]
695
+ }), xn = ({
710
696
  className: n,
711
- children: r,
697
+ children: a,
712
698
  onCloseClick: t,
713
- collapsed: a = !1,
714
- hideCloseButton: o = !1,
715
- variant: s = "standard",
716
- ...l
699
+ collapsed: o = !1,
700
+ hideCloseButton: r = !1,
701
+ variant: i = "standard",
702
+ ...s
717
703
  }) => {
718
- const h = le(s);
719
- return /* @__PURE__ */ i(c, {
720
- className: u(W.sidebarMenu, a ? W.collapsed : null, n),
704
+ const p = ce(i);
705
+ return /* @__PURE__ */ c(l, {
706
+ indent: 1,
707
+ className: h(z.sidebarMenu, o ? z.collapsed : null, n),
721
708
  style: {
722
- ["--swui-sidebar-menu-item-height"]: h,
723
- ["--swui-nav-bar-height"]: h
709
+ ["--swui-sidebar-menu-item-height"]: p,
710
+ ["--swui-nav-bar-height"]: p
724
711
  },
725
- "data-collapsed": a || void 0,
726
- ...l,
727
- children: [!o && /* @__PURE__ */ i(m, {
728
- children: [/* @__PURE__ */ e(Nn, {
712
+ "data-collapsed": o || void 0,
713
+ ...s,
714
+ children: [/* @__PURE__ */ e(f, {
715
+ num: 1.5
716
+ }), !r && /* @__PURE__ */ c(m, {
717
+ children: [/* @__PURE__ */ e(Bn, {
729
718
  onClick: t
730
- }), /* @__PURE__ */ e(K, {}), /* @__PURE__ */ e(k, {})]
731
- }), /* @__PURE__ */ e(c, {
732
- className: W.sidebarMenuContent,
719
+ }), /* @__PURE__ */ e(f, {
720
+ num: 1.5
721
+ })]
722
+ }), /* @__PURE__ */ e(l, {
723
+ className: z.sidebarMenuContent,
733
724
  height: "100%",
734
725
  background: "var(--current-background-color)",
735
- children: /* @__PURE__ */ e(L, {
726
+ children: /* @__PURE__ */ e(F, {
736
727
  flex: 1,
737
- children: r
728
+ gap: 1,
729
+ children: a
738
730
  })
739
731
  })]
740
732
  });
741
- }, bt = ({
733
+ }, tt = ({
742
734
  variant: n,
743
- onClickMenuButton: r,
735
+ onClickMenuButton: a,
744
736
  children: t
745
- }) => /* @__PURE__ */ i(wn, {
737
+ }) => /* @__PURE__ */ c(xn, {
746
738
  collapsed: !0,
747
739
  position: "fixed",
748
740
  left: 0,
749
741
  top: 0,
750
742
  hideCloseButton: !0,
751
743
  variant: n,
752
- children: [/* @__PURE__ */ e(ce, {
753
- onClick: r
744
+ children: [/* @__PURE__ */ e(re, {
745
+ onClick: a
754
746
  }), t]
755
- }), yn = "_label_mnp0f_1", kn = "_icon_mnp0f_9", Mn = "_spinner_mnp0f_14", Sn = "_leftWrapper_mnp0f_18", In = "_button_mnp0f_23", Ln = "_selected_mnp0f_45", y = {
756
- label: yn,
757
- icon: kn,
758
- spinner: Mn,
759
- leftWrapper: Sn,
760
- button: In,
761
- selected: Ln
762
- }, En = ({
763
- activeClassName: n,
764
- ...r
765
- }) => /* @__PURE__ */ e("button", {
766
- ...r
767
- }), D = ({
768
- className: n,
769
- children: r,
770
- selected: t,
771
- indent: a,
772
- label: o,
773
- loading: s,
774
- left: l,
775
- leftIcon: h,
776
- right: _,
777
- rightIcon: v,
778
- success: f,
779
- width: C,
780
- renderLink: x = En,
781
- style: b,
782
- ...E
783
- }) => {
784
- const N = l || h || s || f, F = u(y.button, t ? y.selected : void 0, n), w = {
785
- ...b,
786
- width: C,
787
- height: "var(--swui-sidebar-menu-item-height)"
788
- }, j = /* @__PURE__ */ i(p, {
789
- spacing: 1,
790
- flex: 1,
791
- alignItems: "center",
792
- children: [!N && /* @__PURE__ */ e(g, {}), a && /* @__PURE__ */ e(g, {
793
- num: 3.5
794
- }), /* @__PURE__ */ e(Ne, {
795
- label: o,
796
- loading: s,
797
- left: l,
798
- leftIcon: h,
799
- right: _,
800
- rightIcon: v,
801
- success: f,
802
- labelClassName: y.label,
803
- spinnerClassName: y.spinner,
804
- iconClassName: u(y.icon),
805
- leftWrapperClassName: y.leftWrapper
806
- })]
807
- });
808
- return /* @__PURE__ */ e(m, {
809
- children: x({
810
- ...E,
811
- activeClassName: y.selected,
812
- className: F,
813
- children: j,
814
- style: w
815
- })
816
- });
817
- }, Fn = "_sidebarMenuHeading_kvpq5_1", jn = {
818
- sidebarMenuHeading: Fn
819
- }, he = ({
820
- className: n,
821
- label: r,
822
- contentLeft: t,
823
- contentRight: a,
824
- ...o
825
- }) => /* @__PURE__ */ e(c, {
826
- spacing: 2,
827
- indent: 2,
828
- children: /* @__PURE__ */ e(J, {
829
- className: jn.sidebarMenuHeading,
830
- contentLeft: t,
831
- contentRight: a,
832
- children: /* @__PURE__ */ e(S, {
833
- variant: "overline",
834
- color: "var(--swui-sidebar-menu-heading-text-color)",
835
- ...o,
836
- children: r
837
- })
838
- })
839
- }), Hn = "_sidebarMenuCollapsible_1jwhs_1", Rn = {
840
- sidebarMenuCollapsible: Hn
841
- }, $n = ({
747
+ }), $ = (n) => /* @__PURE__ */ e(Be, {
748
+ ...n
749
+ }), se = ({
750
+ label: n
751
+ }) => /* @__PURE__ */ c(l, {
752
+ height: "32px",
753
+ justifyContent: "center",
754
+ indent: 1,
755
+ children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(N, {
756
+ variant: "overline",
757
+ size: "smaller",
758
+ children: n
759
+ })]
760
+ }), de = (n) => /* @__PURE__ */ e(te, {
761
+ color: v("--lhds-color-ui-400"),
762
+ ...n
763
+ }), yn = ({
842
764
  children: n,
843
- label: r,
844
- leftIcon: t
765
+ label: a,
766
+ leftIcon: t,
767
+ className: o,
768
+ initialExpand: r = !1
845
769
  }) => {
846
- const [a, o] = Me(!1);
847
- return /* @__PURE__ */ e(c, {
848
- background: "var(--current-background-color)",
849
- children: /* @__PURE__ */ e(ue, {
850
- className: Rn.sidebarMenuCollapsible,
851
- label: r,
852
- collapsed: a,
853
- onClick: () => o(!a),
854
- contentLeft: t ? /* @__PURE__ */ e(c, {
855
- width: "var(--swui-sidebar-menu-item-height)",
856
- alignItems: "center",
857
- justifyContent: "center",
858
- children: /* @__PURE__ */ e(A, {
859
- icon: t,
860
- size: 16,
861
- color: "var(--current-text-color)",
862
- "data-hover": !0
863
- })
864
- }) : /* @__PURE__ */ e(g, {
865
- num: 1
866
- }),
867
- children: /* @__PURE__ */ e(L, {
868
- flex: 1,
869
- children: n
870
- })
871
- })
770
+ const [i, s] = ke(r);
771
+ return /* @__PURE__ */ e(xe, {
772
+ label: a,
773
+ onClick: () => s(!i),
774
+ leftIcon: t,
775
+ className: o,
776
+ expandable: !0,
777
+ expanded: i,
778
+ selected: i,
779
+ children: n
872
780
  });
873
- }, pe = (n, r = !1) => n.map((t, a) => {
874
- switch (t.type) {
781
+ }, ue = (n) => n.map((a, t) => {
782
+ switch (a.type) {
875
783
  case "heading":
876
- return /* @__PURE__ */ e(he, {
877
- label: t.label
878
- }, a);
784
+ return /* @__PURE__ */ e(se, {
785
+ label: a.label
786
+ }, t);
879
787
  case "separator":
880
- return /* @__PURE__ */ e(K, {}, a);
788
+ return /* @__PURE__ */ e(de, {}, t);
881
789
  case "link": {
882
790
  const {
883
791
  type: o,
884
- ...s
885
- } = t;
886
- return /* @__PURE__ */ e(D, {
887
- indent: r,
888
- ...s
889
- }, a);
792
+ ...r
793
+ } = a;
794
+ return /* @__PURE__ */ e($, {
795
+ ...r
796
+ }, t);
890
797
  }
891
798
  case "grouped":
892
- return /* @__PURE__ */ e($n, {
893
- leftIcon: t.leftIcon,
894
- label: t.label,
895
- children: pe(t.items, !0)
896
- }, a);
799
+ return /* @__PURE__ */ e(yn, {
800
+ leftIcon: a.leftIcon,
801
+ label: a.label,
802
+ initialExpand: !0,
803
+ children: ue(a.items)
804
+ }, t);
897
805
  default:
898
- return ie(t);
806
+ return ae(a);
899
807
  }
900
- }), gt = (n, {
901
- popupMinWidth: r
902
- }) => n.map((t, a) => {
808
+ }), at = (n, {
809
+ popupMinWidth: a
810
+ }) => n.map((t, o) => {
903
811
  switch (t.type) {
904
812
  case "heading":
905
813
  return null;
906
814
  case "separator":
907
- return /* @__PURE__ */ e(K, {}, a);
815
+ return /* @__PURE__ */ e(de, {}, o);
908
816
  case "link": {
909
817
  const {
910
- type: o,
911
- label: s,
912
- ...l
818
+ type: r,
819
+ label: i,
820
+ ...s
913
821
  } = t;
914
- return /* @__PURE__ */ e(D, {
915
- title: s,
916
- width: "var(--swui-sidebar-menu-item-height)",
917
- ...l
918
- }, a);
822
+ return /* @__PURE__ */ e($, {
823
+ title: i,
824
+ label: i,
825
+ ...s
826
+ }, o);
919
827
  }
920
828
  case "grouped":
921
829
  return /* @__PURE__ */ e("div", {
922
- children: /* @__PURE__ */ e(T, {
830
+ children: /* @__PURE__ */ e(H, {
923
831
  appendTo: "parent",
924
832
  arrow: !1,
925
833
  offset: [0, 0],
@@ -927,97 +835,96 @@ const V = ({
927
835
  trigger: "focusin mouseenter click",
928
836
  disablePadding: !0,
929
837
  lazy: !0,
930
- content: /* @__PURE__ */ i(c, {
931
- minWidth: r,
838
+ content: /* @__PURE__ */ c(l, {
839
+ minWidth: a,
932
840
  background: "var(--lhds-color-blue-500)",
933
- children: [/* @__PURE__ */ e(he, {
841
+ children: [/* @__PURE__ */ e(se, {
934
842
  label: t.label
935
- }), pe(t.items)]
843
+ }), ue(t.items)]
936
844
  }),
937
- children: /* @__PURE__ */ e(D, {
845
+ children: /* @__PURE__ */ e($, {
938
846
  title: t.label,
939
- width: "var(--swui-sidebar-menu-item-height)",
847
+ label: t.label,
940
848
  leftIcon: t.leftIcon
941
849
  })
942
850
  })
943
- }, a);
851
+ }, o);
944
852
  default:
945
- return ie(t);
853
+ return ae(t);
946
854
  }
947
- }), An = `1px solid ${B("--lhds-color-orange-400")}`, ft = ({
855
+ }), wn = `1px solid ${v("--lhds-color-orange-400")}`, ot = ({
948
856
  numItemsSelected: n,
949
- label: r,
857
+ label: a,
950
858
  afterLabelContent: t,
951
- rightContent: a
952
- }) => /* @__PURE__ */ i(p, {
859
+ rightContent: o
860
+ }) => /* @__PURE__ */ c(u, {
953
861
  indent: 3,
954
862
  spacing: !0,
955
863
  minHeight: "56px",
956
864
  justifyContent: "space-between",
957
865
  alignItems: "center",
958
- borderTop: An,
959
- background: B("--lhds-color-orange-50"),
960
- children: [/* @__PURE__ */ i(p, {
866
+ borderTop: wn,
867
+ background: v("--lhds-color-orange-50"),
868
+ children: [/* @__PURE__ */ c(u, {
961
869
  alignItems: "center",
962
- children: [n != null || r != null ? /* @__PURE__ */ e(m, {
963
- children: n != null ? /* @__PURE__ */ i(m, {
964
- children: [/* @__PURE__ */ e(S, {
870
+ children: [n != null || a != null ? /* @__PURE__ */ e(m, {
871
+ children: n != null ? /* @__PURE__ */ c(m, {
872
+ children: [/* @__PURE__ */ e(N, {
965
873
  variant: "bold",
966
874
  children: n
967
- }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ i(S, {
875
+ }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ c(N, {
968
876
  children: ["item", n === 1 ? "" : "s", " selected"]
969
877
  })]
970
- }) : r != null ? /* @__PURE__ */ e(m, {
971
- children: typeof r == "string" ? /* @__PURE__ */ e(S, {
972
- children: r
973
- }) : r
878
+ }) : a != null ? /* @__PURE__ */ e(m, {
879
+ children: typeof a == "string" ? /* @__PURE__ */ e(N, {
880
+ children: a
881
+ }) : a
974
882
  }) : null
975
- }) : null, t ? /* @__PURE__ */ i(m, {
976
- children: [/* @__PURE__ */ e(g, {}), /* @__PURE__ */ e(c, {
883
+ }) : null, t ? /* @__PURE__ */ c(m, {
884
+ children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(l, {
977
885
  children: t
978
886
  })]
979
887
  }) : null]
980
- }), /* @__PURE__ */ e(c, {
981
- children: a
888
+ }), /* @__PURE__ */ e(l, {
889
+ children: o
982
890
  })]
983
891
  });
984
892
  export {
985
893
  je as ActionMenuFlatButton,
986
- Kn as ActionMenuPrimaryButton,
987
- Qn as ActionMenuSecondaryButton,
988
- Xn as CheckboxMenu,
989
- ue as Collapsible,
990
- ct as CollapsibleClickableContent,
991
- J as CollapsibleContent,
992
- G as CollapsibleEmptyContent,
993
- lt as CollapsibleGroupHeading,
994
- st as CollapsibleWithCheckbox,
995
- bn as ErrorPanel,
996
- dt as ErrorScreen,
997
- gn as LoadingPanel,
998
- ut as LoadingScreen,
999
- Yn as NavBar,
894
+ Pn as ActionMenuPrimaryButton,
895
+ Tn as ActionMenuSecondaryButton,
896
+ On as CheckboxMenu,
897
+ mn as Collapsible,
898
+ Jn as CollapsibleClickableContent,
899
+ le as CollapsibleContent,
900
+ Z as CollapsibleEmptyContent,
901
+ Kn as CollapsibleGroupHeading,
902
+ Gn as CollapsibleWithCheckbox,
903
+ gn as ErrorPanel,
904
+ Qn as ErrorScreen,
905
+ fn as LoadingPanel,
906
+ Xn as LoadingScreen,
907
+ zn as NavBar,
1000
908
  De as NavBarButton,
1001
- et as NavBarHeading,
1002
- tt as NavBarNotificationButton,
1003
- nt as NavBarPopoverButton,
1004
- rt as NavBarSearchField,
1005
- at as NavBarUserButton,
1006
- ot as Notification,
1007
- ht as PageHeader,
1008
- pt as PageHeaderRow,
1009
- mt as PageHeading,
1010
- ft as SelectedItemsActionsPanel,
1011
- wn as SidebarMenu,
1012
- $n as SidebarMenuCollapsible,
1013
- he as SidebarMenuHeading,
1014
- D as SidebarMenuLink,
1015
- K as SidebarMenuSeparator,
1016
- bt as SidebarRailMenu,
1017
- it as Toast,
1018
- En as defaultRenderLink,
1019
- mn as mapCSSTime,
1020
- pe as renderItemsExpanded,
1021
- gt as renderItemsInRail
909
+ $n as NavBarHeading,
910
+ Un as NavBarNotificationButton,
911
+ Dn as NavBarPopoverButton,
912
+ Vn as NavBarSearchField,
913
+ Wn as NavBarUserButton,
914
+ Zn as Notification,
915
+ Yn as PageHeader,
916
+ et as PageHeaderRow,
917
+ nt as PageHeading,
918
+ ot as SelectedItemsActionsPanel,
919
+ xn as SidebarMenu,
920
+ yn as SidebarMenuCollapsible,
921
+ se as SidebarMenuHeading,
922
+ $ as SidebarMenuLink,
923
+ de as SidebarMenuSeparator,
924
+ tt as SidebarRailMenu,
925
+ qn as Toast,
926
+ pn as mapCSSTime,
927
+ ue as renderItemsExpanded,
928
+ at as renderItemsInRail
1022
929
  };
1023
930
  //# sourceMappingURL=index.es.js.map