@stenajs-webui/panels 19.0.0-next.17 → 19.0.0-next.18

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 (3) hide show
  1. package/dist/index.es.js +42 -42
  2. package/dist/index.js +2 -2
  3. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_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 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._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_8ej1j_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-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--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_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_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_8ej1j_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_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_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-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--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}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._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}._sidebarMenu_1jqed_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_1jqed_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)}})();
1
+ (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_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 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._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_8ej1j_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-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--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_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_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_8ej1j_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_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_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-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--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}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._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}._sidebarMenu_iwe92_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:100dvh}._sidebarMenu_iwe92_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
2
  import { jsx as n, jsxs as a, Fragment as b } from "react/jsx-runtime";
3
- import { ActionMenu as W, ActionMenuContext as rn, stenaAngleDown as G, PrimaryButton as cn, SecondaryButton as sn, FlatButton as C, stenaHamburger as J, stenaBellFilled as ln, stenaUserCircle as dn, CircledIcon as K, stenaTimes as Q, Icon as un, stenaMail as hn, MenuButton as R, Banner as pn, Spinner as gn, StenaFlag as fn, stenaAngleLeftDouble as X, stenaPin as mn, IconMenuButton as F, IconMenuButtonLink as bn, MenuButtonLink as vn } from "@stenajs-webui/elements";
3
+ import { ActionMenu as q, ActionMenuContext as rn, stenaAngleDown as G, PrimaryButton as cn, SecondaryButton as sn, FlatButton as C, stenaHamburger as J, stenaBellFilled as ln, stenaUserCircle as dn, CircledIcon as K, stenaTimes as Q, Icon as un, stenaMail as hn, MenuButton as R, Banner as pn, Spinner as gn, StenaFlag as fn, stenaAngleLeftDouble as X, stenaPin as mn, IconMenuButton as F, IconMenuButtonLink as bn, MenuButtonLink as vn } from "@stenajs-webui/elements";
4
4
  import * as _n from "react";
5
5
  import { useRef as Cn, useMemo as Bn, forwardRef as xn, createContext as yn, useContext as kn, useState as In } from "react";
6
6
  import { useBoolean as L, Column as f, Box as s, Row as l, Indent as x, Heading as P, Text as v, Space as _, SeparatorLine as Nn } from "@stenajs-webui/core";
7
- import { Popover as j, Tooltip as wn } from "@stenajs-webui/tooltip";
8
- import { Checkbox as Y, TextInput as jn } from "@stenajs-webui/forms";
7
+ import { Popover as M, Tooltip as wn } from "@stenajs-webui/tooltip";
8
+ import { Checkbox as Y, TextInput as Mn } from "@stenajs-webui/forms";
9
9
  import h from "classnames";
10
10
  import { cssColor as m } from "@stenajs-webui/theme";
11
11
  const z = ({
@@ -21,7 +21,7 @@ const z = ({
21
21
  disableArrow: g = !1,
22
22
  ...nn
23
23
  }) => {
24
- const [H, E, y, en] = L(!1), M = Cn(null), tn = {
24
+ const [H, E, y, en] = L(!1), S = Cn(null), tn = {
25
25
  name: "focusManager",
26
26
  defaultValue: !0,
27
27
  fn({ popper: k }) {
@@ -41,7 +41,7 @@ const z = ({
41
41
  N = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
42
42
  },
43
43
  onHide() {
44
- M.current && N && M.current.focus();
44
+ S.current && N && S.current.focus();
45
45
  }
46
46
  };
47
47
  }
@@ -49,13 +49,13 @@ const z = ({
49
49
  p == null || p(k), en();
50
50
  };
51
51
  return /* @__PURE__ */ n(
52
- j,
52
+ M,
53
53
  {
54
54
  disablePadding: !0,
55
55
  visible: H,
56
56
  onClickOutside: y,
57
57
  placement: t,
58
- content: H && /* @__PURE__ */ n(W, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
58
+ content: H && /* @__PURE__ */ n(q, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
59
59
  arrow: !1,
60
60
  appendTo: r,
61
61
  zIndex: c,
@@ -66,25 +66,25 @@ const z = ({
66
66
  {
67
67
  rightIcon: g ? void 0 : i,
68
68
  ...nn,
69
- ref: M,
69
+ ref: S,
70
70
  onClick: an
71
71
  }
72
72
  )
73
73
  }
74
74
  );
75
- }, Ne = (e) => /* @__PURE__ */ n(z, { buttonComponent: cn, ...e }), we = (e) => /* @__PURE__ */ n(z, { buttonComponent: sn, ...e }), Mn = (e) => /* @__PURE__ */ n(z, { buttonComponent: C, ...e }), Sn = "1px solid var(--lhds-color-ui-300)", je = ({
75
+ }, Ne = (e) => /* @__PURE__ */ n(z, { buttonComponent: cn, ...e }), we = (e) => /* @__PURE__ */ n(z, { buttonComponent: sn, ...e }), Sn = (e) => /* @__PURE__ */ n(z, { buttonComponent: C, ...e }), jn = "1px solid var(--lhds-color-ui-300)", Me = ({
76
76
  renderMenu: e,
77
77
  ...t
78
78
  }) => {
79
79
  const [o, i, r] = L(!1);
80
80
  return /* @__PURE__ */ n(
81
- j,
81
+ M,
82
82
  {
83
83
  onClickOutside: r,
84
84
  arrow: !1,
85
85
  visible: o,
86
86
  disablePadding: !0,
87
- content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(W, { children: e(r) }) }) : void 0,
87
+ content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(q, { children: e(r) }) }) : void 0,
88
88
  placement: "bottom-start",
89
89
  children: /* @__PURE__ */ n(s, { display: "inline-block", children: /* @__PURE__ */ a(
90
90
  l,
@@ -92,7 +92,7 @@ const z = ({
92
92
  spacing: 0.5,
93
93
  indent: !0,
94
94
  alignItems: "center",
95
- border: Sn,
95
+ border: jn,
96
96
  borderRadius: "4px",
97
97
  children: [
98
98
  /* @__PURE__ */ n(Y, { ...t }),
@@ -115,7 +115,7 @@ const z = ({
115
115
  className: e,
116
116
  onClick: t
117
117
  }
118
- ), Me = ({
118
+ ), Se = ({
119
119
  left: e,
120
120
  className: t,
121
121
  showMenuButton: o = !1,
@@ -178,14 +178,14 @@ const z = ({
178
178
  t
179
179
  )
180
180
  }
181
- ), Se = (e) => /* @__PURE__ */ n(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
181
+ ), je = (e) => /* @__PURE__ */ n(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
182
182
  content: e,
183
183
  children: t,
184
184
  ...o
185
185
  }) => {
186
186
  const [i, , r, c] = L(!1);
187
187
  return /* @__PURE__ */ n(
188
- j,
188
+ M,
189
189
  {
190
190
  onClickOutside: r,
191
191
  triggerTarget: document.body,
@@ -238,16 +238,16 @@ const z = ({
238
238
  wrapperClassName: o,
239
239
  ...i
240
240
  }) => /* @__PURE__ */ n(
241
- jn,
241
+ Mn,
242
242
  {
243
243
  wrapperClassName: h(O.navBarSearchField, o),
244
244
  className: h(O.navBarSearchFieldInput, t),
245
245
  placeholder: e,
246
246
  ...i
247
247
  }
248
- ), qn = "_navBarUserButton_1cwhm_1", Vn = "_initials_1cwhm_31", T = {
249
- navBarUserButton: qn,
250
- initials: Vn
248
+ ), Vn = "_navBarUserButton_1cwhm_1", Wn = "_initials_1cwhm_31", T = {
249
+ navBarUserButton: Vn,
250
+ initials: Wn
251
251
  }, Pe = ({
252
252
  className: e,
253
253
  username: t,
@@ -256,7 +256,7 @@ const z = ({
256
256
  iconClassName: r,
257
257
  ...c
258
258
  }) => /* @__PURE__ */ n(
259
- Mn,
259
+ Sn,
260
260
  {
261
261
  ...c,
262
262
  className: h(
@@ -268,12 +268,12 @@ const z = ({
268
268
  label: o != null ? o : t,
269
269
  disableArrow: !0
270
270
  }
271
- ), Wn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", q = {
272
- unreadDot: Wn,
271
+ ), qn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", V = {
272
+ unreadDot: qn,
273
273
  dot: Gn
274
- }, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: q.unreadDot, children: [
274
+ }, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: V.unreadDot, children: [
275
275
  e,
276
- /* @__PURE__ */ n("div", { className: q.dot })
276
+ /* @__PURE__ */ n("div", { className: V.dot })
277
277
  ] }), Z = ({
278
278
  text: e,
279
279
  timestamp: t,
@@ -365,7 +365,7 @@ const z = ({
365
365
  }) => /* @__PURE__ */ a("div", { className: te.notificationList, children: [
366
366
  e,
367
367
  /* @__PURE__ */ n("div", {})
368
- ] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", S = {
368
+ ] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", j = {
369
369
  clickable: oe,
370
370
  nonClickable: ie
371
371
  }, Ae = ({
@@ -386,8 +386,8 @@ const z = ({
386
386
  role: "alert",
387
387
  position: "relative",
388
388
  children: [
389
- /* @__PURE__ */ n(s, { className: h({ [S.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
390
- o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [S.nonClickable]: e }), children: [
389
+ /* @__PURE__ */ n(s, { className: h({ [j.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
390
+ o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [j.nonClickable]: e }), children: [
391
391
  o,
392
392
  /* @__PURE__ */ n(_, { num: 2 })
393
393
  ] }),
@@ -395,7 +395,7 @@ const z = ({
395
395
  "button",
396
396
  {
397
397
  onClick: e,
398
- className: S.clickable,
398
+ className: j.clickable,
399
399
  "aria-label": t
400
400
  }
401
401
  )
@@ -500,7 +500,7 @@ const z = ({
500
500
  o == null ? void 0 : o()
501
501
  ] }),
502
502
  i
503
- ] }), qe = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), Ve = ({
503
+ ] }), Ve = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), We = ({
504
504
  icon: e,
505
505
  heading: t,
506
506
  headingLevel: o = "h2",
@@ -513,7 +513,7 @@ const z = ({
513
513
  ] }),
514
514
  /* @__PURE__ */ n(l, { alignItems: "center", children: i }),
515
515
  /* @__PURE__ */ n(l, { style: { marginLeft: "auto" }, alignItems: "center", children: r })
516
- ] }), le = "_sidebarMenu_1jqed_1", V = {
516
+ ] }), le = "_sidebarMenu_iwe92_1", W = {
517
517
  sidebarMenu: le
518
518
  }, de = "_stenaFlag_108h7_1", ue = {
519
519
  stenaFlag: de
@@ -537,7 +537,7 @@ const z = ({
537
537
  }) => {
538
538
  const i = e ? "Unpin menu" : "Pin menu", r = o != null ? o : i;
539
539
  return /* @__PURE__ */ n(R, { onClick: t, label: r, leftIcon: e ? X : mn });
540
- }, We = ({
540
+ }, qe = ({
541
541
  className: e,
542
542
  children: t,
543
543
  onCloseClick: o,
@@ -550,7 +550,7 @@ const z = ({
550
550
  s,
551
551
  {
552
552
  indent: 1,
553
- className: h(V.sidebarMenu, e),
553
+ className: h(W.sidebarMenu, e),
554
554
  style: {
555
555
  ["--swui-sidebar-menu-item-height"]: "40px"
556
556
  },
@@ -561,7 +561,7 @@ const z = ({
561
561
  /* @__PURE__ */ n(
562
562
  s,
563
563
  {
564
- className: V.sidebarMenuContent,
564
+ className: W.sidebarMenuContent,
565
565
  height: "100%",
566
566
  background: "var(--current-background-color)",
567
567
  children: /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
@@ -627,7 +627,7 @@ const z = ({
627
627
  icon: o,
628
628
  popupMinWidth: i = "200px"
629
629
  }) => /* @__PURE__ */ n(
630
- j,
630
+ M,
631
631
  {
632
632
  appendTo: "parent",
633
633
  arrow: !1,
@@ -715,10 +715,10 @@ const z = ({
715
715
  }
716
716
  );
717
717
  export {
718
- Mn as ActionMenuFlatButton,
718
+ Sn as ActionMenuFlatButton,
719
719
  Ne as ActionMenuPrimaryButton,
720
720
  we as ActionMenuSecondaryButton,
721
- je as CheckboxMenu,
721
+ Me as CheckboxMenu,
722
722
  re as Collapsible,
723
723
  ae as CollapsibleEmptyContent,
724
724
  De as CollapsibleGroupHeading,
@@ -728,9 +728,9 @@ export {
728
728
  Ue as ErrorScreen,
729
729
  se as LoadingPanel,
730
730
  Oe as LoadingScreen,
731
- Me as NavBar,
731
+ Se as NavBar,
732
732
  $n as NavBarButton,
733
- Se as NavBarHeading,
733
+ je as NavBarHeading,
734
734
  Re as NavBarNotificationButton,
735
735
  Fe as NavBarPopoverButton,
736
736
  Le as NavBarSearchField,
@@ -739,10 +739,10 @@ export {
739
739
  Z as NotificationHeader,
740
740
  $e as NotificationList,
741
741
  Te as PageHeader,
742
- qe as PageHeaderRow,
743
- Ve as PageHeading,
742
+ Ve as PageHeaderRow,
743
+ We as PageHeading,
744
744
  Xe as SelectedItemsActionsPanel,
745
- We as SidebarMenu,
745
+ qe as SidebarMenu,
746
746
  Ke as SidebarMenuCollapsible,
747
747
  ge as SidebarMenuHeading,
748
748
  Je as SidebarMenuLink,
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_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 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._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_8ej1j_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-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--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_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_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_8ej1j_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_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_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-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--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}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._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}._sidebarMenu_1jqed_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_1jqed_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
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),g=require("react"),t=require("@stenajs-webui/core"),b=require("@stenajs-webui/tooltip"),y=require("@stenajs-webui/forms"),Y=require("classnames"),h=require("@stenajs-webui/theme"),Z=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function ee(n){if(n&&n.__esModule)return n;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const ne=ee(g),d=Z(Y),S=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:a=r.stenaAngleDown,portalTarget:i="parent",zIndex:l,menuWidth:u,menuTop:c,onClick:x,disableArrow:j=!1,...V})=>{const[I,R,f,J]=t.useBoolean(!1),_=g.useRef(null),K={name:"focusManager",defaultValue:!0,fn({popper:m}){let C=!1;const F=p=>{p.key==="Escape"&&(C=!0,f()),(p.key==="Enter"||p.key===" ")&&(C=!0)};return{onCreate(){m.addEventListener("keydown",F)},onDestroy(){m.removeEventListener("keydown",F)},onMount(){var p;C=!1,(p=m.querySelector("button:not([disabled]), a[href]"))==null||p.focus()},onHide(){_.current&&C&&_.current.focus()}}}},Q=g.useMemo(()=>({open:R,close:f}),[R,f]),X=m=>{x==null||x(m),J()};return e.jsx(b.Popover,{disablePadding:!0,visible:I,onClickOutside:f,placement:s,content:I&&e.jsx(r.ActionMenu,{width:u,top:c,trapFocus:!0,children:e.jsx(r.ActionMenuContext.Provider,{value:Q,children:n(f)})}),arrow:!1,appendTo:i,zIndex:l,plugins:[K],lazy:!0,children:e.jsx(o,{rightIcon:j?void 0:a,...V,ref:_,onClick:X})})},te=n=>e.jsx(S,{buttonComponent:r.PrimaryButton,...n}),se=n=>e.jsx(S,{buttonComponent:r.SecondaryButton,...n}),z=n=>e.jsx(S,{buttonComponent:r.FlatButton,...n}),oe="1px solid var(--lhds-color-ui-300)",ae=({renderMenu:n,...s})=>{const[o,a,i]=t.useBoolean(!1);return e.jsx(b.Popover,{onClickOutside:i,arrow:!1,visible:o,disablePadding:!0,content:n?e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(i)})}):void 0,placement:"bottom-start",children:e.jsx(t.Box,{display:"inline-block",children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:oe,borderRadius:"4px",children:[e.jsx(y.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",onClick:a,leftIcon:r.stenaAngleDown})]})})})},re="_navBar_kzibd_1",ie={navBar:re},le=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),ce=({left:n,className:s,showMenuButton:o=!1,children:a,right:i,center:l,onClickMenuButton:u})=>{const c=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d.default(ie.navBar,s),children:[e.jsxs(t.Row,{flex:c,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(le,{onClick:u})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),a&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:ne.Children.map(a,(x,j)=>e.jsxs(e.Fragment,{children:[j>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:c,children:[i,e.jsx(t.Indent,{num:2})]})]})},ue="_navBarButton_18iz9_1",de="_selected_18iz9_36",P={navBarButton:ue,selected:de},D=({selected:n,className:s,...o})=>e.jsx(r.FlatButton,{...o,className:d.default(P.navBarButton,n&&P.selected,s)}),xe=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),je=({content:n,children:s,...o})=>{const[a,,i,l]=t.useBoolean(!1);return e.jsx(b.Popover,{onClickOutside:i,triggerTarget:document.body,visible:a,content:e.jsxs(e.Fragment,{children:[n&&n({close:i}),s]}),children:e.jsx(D,{...o,onClick:l})})},he="_navBarNotificationButton_8ej1j_1",ge="_unread_8ej1j_54",pe="_hasCount_8ej1j_68",fe="_icon_8ej1j_69",me="_shake_8ej1j_1",B={navBarNotificationButton:he,unread:ge,hasCount:pe,icon:fe,shake:me},Be=({count:n,unread:s=!1,className:o,labelClassName:a,iconClassName:i,icon:l=r.stenaBellFilled,...u})=>{const c=n>0;return e.jsx(r.FlatButton,{...u,leftIcon:l,className:d.default(s&&B.unread,c&&B.hasCount,B.navBarNotificationButton,o),label:c?String(n):void 0,labelClassName:d.default(a,B.label),iconClassName:d.default(i,B.icon)})},be="_navBarSearchFieldInput_16tw5_1",Ce="_navBarSearchField_16tw5_1",L={navBarSearchFieldInput:be,navBarSearchField:Ce},ve=({placeholder:n="Search",className:s,wrapperClassName:o,...a})=>e.jsx(y.TextInput,{wrapperClassName:d.default(L.navBarSearchField,o),className:d.default(L.navBarSearchFieldInput,s),placeholder:n,...a}),_e="_navBarUserButton_1cwhm_1",we="_initials_1cwhm_31",H={navBarUserButton:_e,initials:we},ye=({className:n,username:s,initials:o,icon:a=r.stenaUserCircle,iconClassName:i,...l})=>e.jsx(z,{...l,className:d.default({[H.initials]:o!=null},H.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:o!=null?o:s,disableArrow:!0}),Se="_unreadDot_l8bni_1",Me="_dot_l8bni_4",A={unreadDot:Se,dot:Me},O=({children:n})=>e.jsxs("div",{className:A.unreadDot,children:[n,e.jsx("div",{className:A.dot})]}),M=({text:n,timestamp:s,icon:o,iconAriaLabel:a,contentLeft:i,contentRight:l,onClose:u,unread:c=!1,variant:x})=>{const j=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":a,backgroundColor:E(c,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&j&&(c?e.jsx(O,{children:j}):j),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(c?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),u&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.FlatButton,{leftIcon:r.stenaTimes,onClick:u,"aria-label":"Close",variant:"danger"})})]})},E=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},Ne="_notification_1hao0_1",ke="_body_1hao0_7",Ie="_standard_1hao0_13",Re="_unread_1hao0_14",Fe="_danger_1hao0_19",v={notification:Ne,body:ke,standard:Ie,unread:Re,danger:Fe},Pe=({variant:n="standard",children:s,unread:o,...a})=>e.jsxs("div",{className:d.default(v.notification,v[n],o&&v.unread),children:[e.jsx(M,{...a,unread:o,variant:n}),s&&e.jsx(t.Column,{className:v.body,children:s})]}),Le="_notificationList_1rkvu_1",He={notificationList:Le},Ae=({children:n})=>e.jsxs("div",{className:He.notificationList,children:[n,e.jsx("div",{})]}),Te="_clickable_1ijxc_1",ze="_nonClickable_1ijxc_27",w={clickable:Te,nonClickable:ze},De=({onClick:n,onClickAriaLabel:s,children:o,width:a=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d.default({[w.nonClickable]:n}),children:e.jsx(M,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d.default({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),$=()=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:"No content"})]}),q=g.forwardRef(function({label:s,contentLeft:o,contentRight:a,collapsed:i=!1,onClick:l,disabled:u=!1,children:c,autoFocus:x=!1},j){return e.jsx(r.MenuButton,{autoFocus:x,ref:j,label:s,onClick:l,disabled:u,expandable:!0,expanded:!i,selected:!i,left:o,right:a,children:c!=null?c:e.jsx($,{})})}),Oe=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ee=({value:n,onValueChange:s,onChange:o,indeterminate:a,checkboxDisabled:i,...l})=>e.jsx(q,{contentLeft:e.jsx(y.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:o,disabled:i,onClick:u=>u.stopPropagation()}),...l}),$e=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),U=({text:n="Something unexpected happened."})=>e.jsx(t.Box,{justifyContent:"center",alignItems:"center",children:e.jsx(r.Banner,{variant:"error",headerText:n})}),qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),W=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Ue=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(W,{...n})}),We=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:a})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),a]}),Ge=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),Ve=({icon:n,heading:s,headingLevel:o="h2",contentLeft:a,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:a}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Je="_sidebarMenu_1jqed_1",T={sidebarMenu:Je},Ke="_stenaFlag_108h7_1",Qe={stenaFlag:Ke},Xe=({onClick:n})=>e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(r.FlatButton,{leftIcon:r.stenaTimes,onClick:n,variant:"danger"}),e.jsx(r.StenaFlag,{className:Qe.stenaFlag})]}),Ye=({isPinned:n,onClick:s,label:o})=>{const a=n?"Unpin menu":"Pin menu",i=o!=null?o:a,l=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:i,leftIcon:l})},Ze=({className:n,children:s,onCloseClick:o,variant:a="standard",pinButtonVisible:i,onClickPinButton:l,isPinned:u,...c})=>e.jsxs(t.Box,{indent:1,className:d.default(T.sidebarMenu,n),style:{["--swui-sidebar-menu-item-height"]:"40px"},...c,children:[e.jsx(t.Space,{num:1}),e.jsx(Xe,{onClick:o}),e.jsx(t.Box,{className:T.sidebarMenuContent,height:"100%",background:"var(--current-background-color)",children:e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:s}),i&&e.jsxs(t.Column,{children:[e.jsx(Ye,{isPinned:u,onClick:l}),e.jsx(t.Space,{})]})]})})]}),N=g.createContext(!1),k=()=>g.useContext(N),en=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:a})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(N.Provider,{value:!0,children:a})}),n&&e.jsx(r.IconMenuButton,{icon:r.stenaAngleLeftDouble,onClick:s})]})]}),G=({label:n})=>k()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),nn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(b.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),tn=n=>k()?e.jsx(nn,{...n}):e.jsx(r.MenuButtonLink,{...n}),sn=({children:n,label:s,icon:o,popupMinWidth:a="200px"})=>e.jsx(b.Popover,{appendTo:"parent",arrow:!1,offset:[0,0],placement:"right-start",trigger:"focusin mouseenter click",disablePadding:!0,lazy:!0,content:e.jsx(t.Box,{minWidth:a,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(N.Provider,{value:!1,children:[e.jsx(G,{label:s}),n]})}),children:e.jsx(r.IconMenuButton,{icon:o})}),on=({children:n,label:s,leftIcon:o,className:a,initialExpand:i=!1})=>{const[l,u]=g.useState(i);return k()?o==null?null:e.jsx(sn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>u(!l),leftIcon:o,className:a,expandable:!0,expanded:l,selected:l,children:n})},an=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),rn=`1px solid ${h.cssColor("--lhds-color-orange-400")}`,ln=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:a})=>e.jsxs(t.Row,{indent:3,spacing:!0,minHeight:"56px",justifyContent:"space-between",alignItems:"center",borderTop:rn,background:h.cssColor("--lhds-color-orange-50"),children:[e.jsxs(t.Row,{alignItems:"center",children:[n!=null||s!=null?e.jsx(e.Fragment,{children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{variant:"bold",children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o?e.jsxs(e.Fragment,{children:[e.jsx(t.Indent,{}),e.jsx(t.Box,{children:o})]}):null]}),e.jsx(t.Box,{children:a})]});exports.ActionMenuFlatButton=z;exports.ActionMenuPrimaryButton=te;exports.ActionMenuSecondaryButton=se;exports.CheckboxMenu=ae;exports.Collapsible=q;exports.CollapsibleEmptyContent=$;exports.CollapsibleGroupHeading=$e;exports.CollapsibleList=Oe;exports.CollapsibleWithCheckbox=Ee;exports.ErrorPanel=U;exports.ErrorScreen=qe;exports.LoadingPanel=W;exports.LoadingScreen=Ue;exports.NavBar=ce;exports.NavBarButton=D;exports.NavBarHeading=xe;exports.NavBarNotificationButton=Be;exports.NavBarPopoverButton=je;exports.NavBarSearchField=ve;exports.NavBarUserButton=ye;exports.Notification=Pe;exports.NotificationHeader=M;exports.NotificationList=Ae;exports.PageHeader=We;exports.PageHeaderRow=Ge;exports.PageHeading=Ve;exports.SelectedItemsActionsPanel=ln;exports.SidebarMenu=Ze;exports.SidebarMenuCollapsible=on;exports.SidebarMenuHeading=G;exports.SidebarMenuLink=tn;exports.SidebarMenuSeparator=an;exports.SidebarRailMenu=en;exports.Toast=De;exports.UnreadDot=O;exports.getIconBgColor=E;
1
+ (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_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 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._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_8ej1j_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-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--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_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_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_8ej1j_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_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_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-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--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}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._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}._sidebarMenu_iwe92_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:100dvh}._sidebarMenu_iwe92_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
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),g=require("react"),t=require("@stenajs-webui/core"),b=require("@stenajs-webui/tooltip"),y=require("@stenajs-webui/forms"),Y=require("classnames"),h=require("@stenajs-webui/theme"),Z=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function ee(n){if(n&&n.__esModule)return n;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const ne=ee(g),d=Z(Y),S=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:a=r.stenaAngleDown,portalTarget:i="parent",zIndex:l,menuWidth:u,menuTop:c,onClick:x,disableArrow:j=!1,...V})=>{const[I,R,f,J]=t.useBoolean(!1),_=g.useRef(null),K={name:"focusManager",defaultValue:!0,fn({popper:m}){let C=!1;const F=p=>{p.key==="Escape"&&(C=!0,f()),(p.key==="Enter"||p.key===" ")&&(C=!0)};return{onCreate(){m.addEventListener("keydown",F)},onDestroy(){m.removeEventListener("keydown",F)},onMount(){var p;C=!1,(p=m.querySelector("button:not([disabled]), a[href]"))==null||p.focus()},onHide(){_.current&&C&&_.current.focus()}}}},Q=g.useMemo(()=>({open:R,close:f}),[R,f]),X=m=>{x==null||x(m),J()};return e.jsx(b.Popover,{disablePadding:!0,visible:I,onClickOutside:f,placement:s,content:I&&e.jsx(r.ActionMenu,{width:u,top:c,trapFocus:!0,children:e.jsx(r.ActionMenuContext.Provider,{value:Q,children:n(f)})}),arrow:!1,appendTo:i,zIndex:l,plugins:[K],lazy:!0,children:e.jsx(o,{rightIcon:j?void 0:a,...V,ref:_,onClick:X})})},te=n=>e.jsx(S,{buttonComponent:r.PrimaryButton,...n}),se=n=>e.jsx(S,{buttonComponent:r.SecondaryButton,...n}),z=n=>e.jsx(S,{buttonComponent:r.FlatButton,...n}),oe="1px solid var(--lhds-color-ui-300)",ae=({renderMenu:n,...s})=>{const[o,a,i]=t.useBoolean(!1);return e.jsx(b.Popover,{onClickOutside:i,arrow:!1,visible:o,disablePadding:!0,content:n?e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(i)})}):void 0,placement:"bottom-start",children:e.jsx(t.Box,{display:"inline-block",children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:oe,borderRadius:"4px",children:[e.jsx(y.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",onClick:a,leftIcon:r.stenaAngleDown})]})})})},re="_navBar_kzibd_1",ie={navBar:re},le=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),ce=({left:n,className:s,showMenuButton:o=!1,children:a,right:i,center:l,onClickMenuButton:u})=>{const c=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d.default(ie.navBar,s),children:[e.jsxs(t.Row,{flex:c,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(le,{onClick:u})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),a&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:ne.Children.map(a,(x,j)=>e.jsxs(e.Fragment,{children:[j>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:c,children:[i,e.jsx(t.Indent,{num:2})]})]})},ue="_navBarButton_18iz9_1",de="_selected_18iz9_36",P={navBarButton:ue,selected:de},D=({selected:n,className:s,...o})=>e.jsx(r.FlatButton,{...o,className:d.default(P.navBarButton,n&&P.selected,s)}),xe=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),je=({content:n,children:s,...o})=>{const[a,,i,l]=t.useBoolean(!1);return e.jsx(b.Popover,{onClickOutside:i,triggerTarget:document.body,visible:a,content:e.jsxs(e.Fragment,{children:[n&&n({close:i}),s]}),children:e.jsx(D,{...o,onClick:l})})},he="_navBarNotificationButton_8ej1j_1",ge="_unread_8ej1j_54",pe="_hasCount_8ej1j_68",fe="_icon_8ej1j_69",me="_shake_8ej1j_1",B={navBarNotificationButton:he,unread:ge,hasCount:pe,icon:fe,shake:me},Be=({count:n,unread:s=!1,className:o,labelClassName:a,iconClassName:i,icon:l=r.stenaBellFilled,...u})=>{const c=n>0;return e.jsx(r.FlatButton,{...u,leftIcon:l,className:d.default(s&&B.unread,c&&B.hasCount,B.navBarNotificationButton,o),label:c?String(n):void 0,labelClassName:d.default(a,B.label),iconClassName:d.default(i,B.icon)})},be="_navBarSearchFieldInput_16tw5_1",Ce="_navBarSearchField_16tw5_1",L={navBarSearchFieldInput:be,navBarSearchField:Ce},ve=({placeholder:n="Search",className:s,wrapperClassName:o,...a})=>e.jsx(y.TextInput,{wrapperClassName:d.default(L.navBarSearchField,o),className:d.default(L.navBarSearchFieldInput,s),placeholder:n,...a}),_e="_navBarUserButton_1cwhm_1",we="_initials_1cwhm_31",H={navBarUserButton:_e,initials:we},ye=({className:n,username:s,initials:o,icon:a=r.stenaUserCircle,iconClassName:i,...l})=>e.jsx(z,{...l,className:d.default({[H.initials]:o!=null},H.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:o!=null?o:s,disableArrow:!0}),Se="_unreadDot_l8bni_1",Me="_dot_l8bni_4",A={unreadDot:Se,dot:Me},O=({children:n})=>e.jsxs("div",{className:A.unreadDot,children:[n,e.jsx("div",{className:A.dot})]}),M=({text:n,timestamp:s,icon:o,iconAriaLabel:a,contentLeft:i,contentRight:l,onClose:u,unread:c=!1,variant:x})=>{const j=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":a,backgroundColor:E(c,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&j&&(c?e.jsx(O,{children:j}):j),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(c?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),u&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.FlatButton,{leftIcon:r.stenaTimes,onClick:u,"aria-label":"Close",variant:"danger"})})]})},E=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},Ne="_notification_1hao0_1",ke="_body_1hao0_7",Ie="_standard_1hao0_13",Re="_unread_1hao0_14",Fe="_danger_1hao0_19",v={notification:Ne,body:ke,standard:Ie,unread:Re,danger:Fe},Pe=({variant:n="standard",children:s,unread:o,...a})=>e.jsxs("div",{className:d.default(v.notification,v[n],o&&v.unread),children:[e.jsx(M,{...a,unread:o,variant:n}),s&&e.jsx(t.Column,{className:v.body,children:s})]}),Le="_notificationList_1rkvu_1",He={notificationList:Le},Ae=({children:n})=>e.jsxs("div",{className:He.notificationList,children:[n,e.jsx("div",{})]}),Te="_clickable_1ijxc_1",ze="_nonClickable_1ijxc_27",w={clickable:Te,nonClickable:ze},De=({onClick:n,onClickAriaLabel:s,children:o,width:a=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d.default({[w.nonClickable]:n}),children:e.jsx(M,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d.default({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),$=()=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:"No content"})]}),U=g.forwardRef(function({label:s,contentLeft:o,contentRight:a,collapsed:i=!1,onClick:l,disabled:u=!1,children:c,autoFocus:x=!1},j){return e.jsx(r.MenuButton,{autoFocus:x,ref:j,label:s,onClick:l,disabled:u,expandable:!0,expanded:!i,selected:!i,left:o,right:a,children:c!=null?c:e.jsx($,{})})}),Oe=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ee=({value:n,onValueChange:s,onChange:o,indeterminate:a,checkboxDisabled:i,...l})=>e.jsx(U,{contentLeft:e.jsx(y.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:o,disabled:i,onClick:u=>u.stopPropagation()}),...l}),$e=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),q=({text:n="Something unexpected happened."})=>e.jsx(t.Box,{justifyContent:"center",alignItems:"center",children:e.jsx(r.Banner,{variant:"error",headerText:n})}),Ue=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(q,{...n})}),W=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(W,{...n})}),We=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:a})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),a]}),Ge=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),Ve=({icon:n,heading:s,headingLevel:o="h2",contentLeft:a,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:a}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Je="_sidebarMenu_iwe92_1",T={sidebarMenu:Je},Ke="_stenaFlag_108h7_1",Qe={stenaFlag:Ke},Xe=({onClick:n})=>e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(r.FlatButton,{leftIcon:r.stenaTimes,onClick:n,variant:"danger"}),e.jsx(r.StenaFlag,{className:Qe.stenaFlag})]}),Ye=({isPinned:n,onClick:s,label:o})=>{const a=n?"Unpin menu":"Pin menu",i=o!=null?o:a,l=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:i,leftIcon:l})},Ze=({className:n,children:s,onCloseClick:o,variant:a="standard",pinButtonVisible:i,onClickPinButton:l,isPinned:u,...c})=>e.jsxs(t.Box,{indent:1,className:d.default(T.sidebarMenu,n),style:{["--swui-sidebar-menu-item-height"]:"40px"},...c,children:[e.jsx(t.Space,{num:1}),e.jsx(Xe,{onClick:o}),e.jsx(t.Box,{className:T.sidebarMenuContent,height:"100%",background:"var(--current-background-color)",children:e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:s}),i&&e.jsxs(t.Column,{children:[e.jsx(Ye,{isPinned:u,onClick:l}),e.jsx(t.Space,{})]})]})})]}),N=g.createContext(!1),k=()=>g.useContext(N),en=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:a})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(N.Provider,{value:!0,children:a})}),n&&e.jsx(r.IconMenuButton,{icon:r.stenaAngleLeftDouble,onClick:s})]})]}),G=({label:n})=>k()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),nn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(b.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),tn=n=>k()?e.jsx(nn,{...n}):e.jsx(r.MenuButtonLink,{...n}),sn=({children:n,label:s,icon:o,popupMinWidth:a="200px"})=>e.jsx(b.Popover,{appendTo:"parent",arrow:!1,offset:[0,0],placement:"right-start",trigger:"focusin mouseenter click",disablePadding:!0,lazy:!0,content:e.jsx(t.Box,{minWidth:a,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(N.Provider,{value:!1,children:[e.jsx(G,{label:s}),n]})}),children:e.jsx(r.IconMenuButton,{icon:o})}),on=({children:n,label:s,leftIcon:o,className:a,initialExpand:i=!1})=>{const[l,u]=g.useState(i);return k()?o==null?null:e.jsx(sn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>u(!l),leftIcon:o,className:a,expandable:!0,expanded:l,selected:l,children:n})},an=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),rn=`1px solid ${h.cssColor("--lhds-color-orange-400")}`,ln=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:a})=>e.jsxs(t.Row,{indent:3,spacing:!0,minHeight:"56px",justifyContent:"space-between",alignItems:"center",borderTop:rn,background:h.cssColor("--lhds-color-orange-50"),children:[e.jsxs(t.Row,{alignItems:"center",children:[n!=null||s!=null?e.jsx(e.Fragment,{children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{variant:"bold",children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o?e.jsxs(e.Fragment,{children:[e.jsx(t.Indent,{}),e.jsx(t.Box,{children:o})]}):null]}),e.jsx(t.Box,{children:a})]});exports.ActionMenuFlatButton=z;exports.ActionMenuPrimaryButton=te;exports.ActionMenuSecondaryButton=se;exports.CheckboxMenu=ae;exports.Collapsible=U;exports.CollapsibleEmptyContent=$;exports.CollapsibleGroupHeading=$e;exports.CollapsibleList=Oe;exports.CollapsibleWithCheckbox=Ee;exports.ErrorPanel=q;exports.ErrorScreen=Ue;exports.LoadingPanel=W;exports.LoadingScreen=qe;exports.NavBar=ce;exports.NavBarButton=D;exports.NavBarHeading=xe;exports.NavBarNotificationButton=Be;exports.NavBarPopoverButton=je;exports.NavBarSearchField=ve;exports.NavBarUserButton=ye;exports.Notification=Pe;exports.NotificationHeader=M;exports.NotificationList=Ae;exports.PageHeader=We;exports.PageHeaderRow=Ge;exports.PageHeading=Ve;exports.SelectedItemsActionsPanel=ln;exports.SidebarMenu=Ze;exports.SidebarMenuCollapsible=on;exports.SidebarMenuHeading=G;exports.SidebarMenuLink=tn;exports.SidebarMenuSeparator=an;exports.SidebarRailMenu=en;exports.Toast=De;exports.UnreadDot=O;exports.getIconBgColor=E;
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/panels",
3
- "version": "19.0.0-next.17",
3
+ "version": "19.0.0-next.18",
4
4
  "description": "",
5
5
  "author": "mattias800",
6
6
  "license": "MIT",
@@ -26,11 +26,11 @@
26
26
  "deploy": "gh-pages -d example/build"
27
27
  },
28
28
  "dependencies": {
29
- "@stenajs-webui/core": "19.0.0-next.17",
30
- "@stenajs-webui/elements": "19.0.0-next.17",
31
- "@stenajs-webui/forms": "19.0.0-next.17",
32
- "@stenajs-webui/theme": "19.0.0-next.17",
33
- "@stenajs-webui/tooltip": "19.0.0-next.17",
29
+ "@stenajs-webui/core": "19.0.0-next.18",
30
+ "@stenajs-webui/elements": "19.0.0-next.18",
31
+ "@stenajs-webui/forms": "19.0.0-next.18",
32
+ "@stenajs-webui/theme": "19.0.0-next.18",
33
+ "@stenajs-webui/tooltip": "19.0.0-next.18",
34
34
  "classnames": "^2.3.1",
35
35
  "date-fns": "2.26.0",
36
36
  "react-transition-group": "^4.3.0",
@@ -64,5 +64,5 @@
64
64
  "files": [
65
65
  "dist"
66
66
  ],
67
- "gitHead": "b914820263d47d120b81b94013d3992dec497fef"
67
+ "gitHead": "89c522919922198955a3e68fb7c60066c56de4dd"
68
68
  }