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