@stenajs-webui/panels 19.0.0-next.36 → 19.0.0-next.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +18 -18
- package/dist/index.js +2 -2
- 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_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)}})();
|
|
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_afv8h_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 )}._navBarUserButton_afv8h_1._initials_afv8h_28{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_11tso_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}._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 v } from "react/jsx-runtime";
|
|
3
3
|
import { ActionMenu as q, ActionMenuContext as rn, stenaAngleDown as G, PrimaryButton as an, SecondaryButton as cn, FlatButton as C, stenaHamburger as J, stenaBellFilled as ln, stenaUserCircle as sn, CircledIcon as K, stenaTimes as Q, Icon as dn, stenaMail as un, MenuButton as L, Banner as hn, Spinner as pn, StenaFlag as gn, stenaAngleLeftDouble as V, stenaPin as fn, IconMenuButtonLink as mn, MenuButtonLink as vn, IconMenuButton as X } from "@stenajs-webui/elements";
|
|
4
4
|
import * as bn from "react";
|
|
5
5
|
import { useRef as _n, useMemo as Cn, forwardRef as Bn, createContext as xn, useContext as yn, useState as kn } from "react";
|
|
6
6
|
import { useBoolean as P, Column as g, Box as l, Row as s, Indent as x, Heading as z, Text as b, Space as _, SeparatorLine as In } from "@stenajs-webui/core";
|
|
7
|
-
import { Popover as j, Tooltip as
|
|
8
|
-
import { Checkbox as Y, TextInput as
|
|
7
|
+
import { Popover as j, Tooltip as Nn } from "@stenajs-webui/tooltip";
|
|
8
|
+
import { Checkbox as Y, TextInput as wn } from "@stenajs-webui/forms";
|
|
9
9
|
import h from "classnames";
|
|
10
10
|
import { cssColor as f } from "@stenajs-webui/theme";
|
|
11
11
|
const $ = ({
|
|
@@ -25,9 +25,9 @@ const $ = ({
|
|
|
25
25
|
name: "focusManager",
|
|
26
26
|
defaultValue: !0,
|
|
27
27
|
fn({ popper: k }) {
|
|
28
|
-
let
|
|
28
|
+
let N = !1;
|
|
29
29
|
const U = (B) => {
|
|
30
|
-
B.key === "Escape" && (
|
|
30
|
+
B.key === "Escape" && (N = !0, y()), (B.key === "Enter" || B.key === " ") && (N = !0);
|
|
31
31
|
};
|
|
32
32
|
return {
|
|
33
33
|
onCreate() {
|
|
@@ -38,10 +38,10 @@ const $ = ({
|
|
|
38
38
|
},
|
|
39
39
|
onMount() {
|
|
40
40
|
var B;
|
|
41
|
-
|
|
41
|
+
N = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
|
|
42
42
|
},
|
|
43
43
|
onHide() {
|
|
44
|
-
F.current &&
|
|
44
|
+
F.current && N && F.current.focus();
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
}
|
|
@@ -72,7 +72,7 @@ const $ = ({
|
|
|
72
72
|
)
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
|
-
},
|
|
75
|
+
}, we = (e) => /* @__PURE__ */ n($, { buttonComponent: an, ...e }), Se = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), Sn = (e) => /* @__PURE__ */ n($, { buttonComponent: C, ...e }), jn = "1px solid var(--lhds-color-ui-300)", je = ({
|
|
76
76
|
renderMenu: e,
|
|
77
77
|
...t
|
|
78
78
|
}) => {
|
|
@@ -238,14 +238,14 @@ const $ = ({
|
|
|
238
238
|
wrapperClassName: o,
|
|
239
239
|
...r
|
|
240
240
|
}) => /* @__PURE__ */ n(
|
|
241
|
-
|
|
241
|
+
wn,
|
|
242
242
|
{
|
|
243
243
|
wrapperClassName: h(O.navBarSearchField, o),
|
|
244
244
|
className: h(O.navBarSearchFieldInput, t),
|
|
245
245
|
placeholder: e,
|
|
246
246
|
...r
|
|
247
247
|
}
|
|
248
|
-
), Tn = "
|
|
248
|
+
), Tn = "_navBarUserButton_afv8h_1", Wn = "_initials_afv8h_28", T = {
|
|
249
249
|
navBarUserButton: Tn,
|
|
250
250
|
initials: Wn
|
|
251
251
|
}, ze = ({
|
|
@@ -336,7 +336,7 @@ const $ = ({
|
|
|
336
336
|
}, Kn = (e, t) => {
|
|
337
337
|
if (!(!e && t === "standard"))
|
|
338
338
|
return "--lhds-color-ui-50";
|
|
339
|
-
}, Qn = "_notification_1hao0_1", Vn = "_body_1hao0_7", Xn = "_standard_1hao0_13", Yn = "_unread_1hao0_14", Zn = "_danger_1hao0_19",
|
|
339
|
+
}, Qn = "_notification_1hao0_1", Vn = "_body_1hao0_7", Xn = "_standard_1hao0_13", Yn = "_unread_1hao0_14", Zn = "_danger_1hao0_19", w = {
|
|
340
340
|
notification: Qn,
|
|
341
341
|
body: Vn,
|
|
342
342
|
standard: Xn,
|
|
@@ -351,13 +351,13 @@ const $ = ({
|
|
|
351
351
|
"div",
|
|
352
352
|
{
|
|
353
353
|
className: h(
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
o &&
|
|
354
|
+
w.notification,
|
|
355
|
+
w[e],
|
|
356
|
+
o && w.unread
|
|
357
357
|
),
|
|
358
358
|
children: [
|
|
359
359
|
/* @__PURE__ */ n(Z, { ...r, unread: o, variant: e }),
|
|
360
|
-
t && /* @__PURE__ */ n(g, { className:
|
|
360
|
+
t && /* @__PURE__ */ n(g, { className: w.body, children: t })
|
|
361
361
|
]
|
|
362
362
|
}
|
|
363
363
|
), ne = "_notificationList_1rkvu_1", ee = {
|
|
@@ -517,7 +517,7 @@ const $ = ({
|
|
|
517
517
|
] }),
|
|
518
518
|
/* @__PURE__ */ n(s, { alignItems: "center", children: r }),
|
|
519
519
|
/* @__PURE__ */ n(s, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
|
|
520
|
-
] }), le = "
|
|
520
|
+
] }), le = "_sidebarMenu_11tso_1", se = {
|
|
521
521
|
sidebarMenu: le
|
|
522
522
|
}, de = "_stenaFlag_108h7_1", ue = {
|
|
523
523
|
stenaFlag: de
|
|
@@ -599,7 +599,7 @@ const $ = ({
|
|
|
599
599
|
label: e,
|
|
600
600
|
leftIcon: t,
|
|
601
601
|
...o
|
|
602
|
-
}) => t == null ? null : /* @__PURE__ */ n(
|
|
602
|
+
}) => t == null ? null : /* @__PURE__ */ n(Nn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(mn, { icon: t, ...o }) }), fe = (e) => A() ? /* @__PURE__ */ n(ge, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), Ke = ({
|
|
603
603
|
closeButtonVisible: e,
|
|
604
604
|
onClickCloseButton: t,
|
|
605
605
|
onClickMenuButton: o,
|
|
@@ -736,7 +736,7 @@ const $ = ({
|
|
|
736
736
|
);
|
|
737
737
|
export {
|
|
738
738
|
Sn as ActionMenuFlatButton,
|
|
739
|
-
|
|
739
|
+
we as ActionMenuPrimaryButton,
|
|
740
740
|
Se as ActionMenuSecondaryButton,
|
|
741
741
|
je as CheckboxMenu,
|
|
742
742
|
ae as Collapsible,
|
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_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"),k=require("@stenajs-webui/forms"),Y=require("classnames"),j=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),M=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:a=r.stenaAngleDown,portalTarget:i="parent",zIndex:l,menuWidth:c,menuTop:u,onClick:x,disableArrow:h=!1,...w})=>{const[R,F,f,K]=t.useBoolean(!1),y=g.useRef(null),Q={name:"focusManager",defaultValue:!0,fn({popper:m}){let C=!1;const P=p=>{p.key==="Escape"&&(C=!0,f()),(p.key==="Enter"||p.key===" ")&&(C=!0)};return{onCreate(){m.addEventListener("keydown",P)},onDestroy(){m.removeEventListener("keydown",P)},onMount(){var p;C=!1,(p=m.querySelector("button:not([disabled]), a[href]"))==null||p.focus()},onHide(){y.current&&C&&y.current.focus()}}}},V=g.useMemo(()=>({open:F,close:f}),[F,f]),X=m=>{x==null||x(m),K()};return e.jsx(b.Popover,{disablePadding:!0,visible:R,onClickOutside:f,placement:s,content:R&&e.jsx(r.ActionMenu,{width:c,top:u,trapFocus:!0,children:e.jsx(r.ActionMenuContext.Provider,{value:V,children:n(f)})}),arrow:!1,appendTo:i,zIndex:l,plugins:[Q],lazy:!0,children:e.jsx(o,{rightIcon:h?void 0:a,...w,ref:y,onClick:X})})},te=n=>e.jsx(M,{buttonComponent:r.PrimaryButton,...n}),se=n=>e.jsx(M,{buttonComponent:r.SecondaryButton,...n}),z=n=>e.jsx(M,{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(k.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:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d.default(ie.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(le,{onClick:c})]}),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,h)=>e.jsxs(e.Fragment,{children:[h>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:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},ue="_navBarButton_18iz9_1",de="_selected_18iz9_36",L={navBarButton:ue,selected:de},D=({selected:n,className:s,...o})=>e.jsx(r.FlatButton,{...o,className:d.default(L.navBarButton,n&&L.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,...c})=>{const u=n>0;return e.jsx(r.FlatButton,{...c,leftIcon:l,className:d.default(s&&B.unread,u&&B.hasCount,B.navBarNotificationButton,o),label:u?String(n):void 0,labelClassName:d.default(a,B.label),iconClassName:d.default(i,B.icon)})},be="_navBarSearchFieldInput_16tw5_1",Ce="_navBarSearchField_16tw5_1",H={navBarSearchFieldInput:be,navBarSearchField:Ce},ve=({placeholder:n="Search",className:s,wrapperClassName:o,...a})=>e.jsx(k.TextInput,{wrapperClassName:d.default(H.navBarSearchField,o),className:d.default(H.navBarSearchFieldInput,s),placeholder:n,...a}),_e="_navBarUserButton_1cwhm_1",we="_initials_1cwhm_31",A={navBarUserButton:_e,initials:we},ye=({className:n,username:s,initials:o,icon:a=r.stenaUserCircle,iconClassName:i,responsiveIconOnly:l=o==null,...c})=>e.jsx(z,{...c,className:d.default({[A.initials]:o!=null},A.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:o!=null?o:s,responsiveIconOnly:l,disableArrow:!0}),Se="_unreadDot_l8bni_1",ke="_dot_l8bni_4",T={unreadDot:Se,dot:ke},O=({children:n})=>e.jsxs("div",{className:T.unreadDot,children:[n,e.jsx("div",{className:T.dot})]}),N=({text:n,timestamp:s,icon:o,iconAriaLabel:a,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x})=>{const h=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":a,backgroundColor:E(u,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&&h&&(u?e.jsx(O,{children:h}):h),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:j.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&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:c,"aria-label":"Close",variant:"danger"})})]})},E=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},Me="_notification_1hao0_1",Ne="_body_1hao0_7",Ie="_standard_1hao0_13",Re="_unread_1hao0_14",Fe="_danger_1hao0_19",v={notification:Me,body:Ne,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(N,{...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",S={clickable:Te,nonClickable:ze},De=({onClick:n,onClickAriaLabel:s,children:o,width:a=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:j.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d.default({[S.nonClickable]:n}),children:e.jsx(N,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d.default({[S.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:S.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:j.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:j.cssColor("--lhds-color-ui-500"),children:"No content"})]}),U=g.forwardRef(function({label:s,contentLeft:o,contentRight:a,collapsed:i=!1,onClick:l,disabled:c=!1,children:u,autoFocus:x=!1,...h},w){return e.jsx(r.MenuButton,{...h,autoFocus:x,ref:w,label:s,onClick:l,disabled:c,expandable:!0,expanded:!i,selected:!i,left:o,right:a,children:u!=null?u: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(k.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.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:j.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}),Je=({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})]}),Ke="_sidebarMenu_iwe92_1",Qe={sidebarMenu:Ke},Ve="_stenaFlag_108h7_1",Xe={stenaFlag:Ve},Ye=({onClick:n})=>e.jsxs(t.Column,{background:j.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),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:Xe.stenaFlag})]})]}),Ze=({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})},en=({className:n,children:s,onCloseClick:o,variant:a="standard",pinButtonVisible:i,onClickPinButton:l,bottomItems:c,isPinned:u,...x})=>e.jsxs(t.Box,{className:d.default(Qe.sidebarMenu,n),style:{["--swui-sidebar-menu-item-height"]:"40px"},...x,children:[e.jsx(Ye,{onClick:o}),e.jsx(t.Box,{height:"100%",background:"var(--current-background-color)",overflow:"auto",children:e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(c||i)&&e.jsxs(t.Column,{gap:1,children:[c,i&&e.jsx(Ze,{isPinned:u,onClick:l}),e.jsx(t.Space,{})]})]})})]}),_=g.createContext(!1),I=()=>g.useContext(_),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})}),G=n=>I()?e.jsx(nn,{...n}):e.jsx(r.MenuButtonLink,{...n}),tn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:a,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:j.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(_.Provider,{value:!0,children:a})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(G,{leftIcon:r.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),J=({label:n})=>I()?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})]}),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(_.Provider,{value:!1,children:[e.jsx(J,{label:s}),n]})}),children:e.jsx(r.IconMenuButton,{icon:o})}),on=({children:n,label:s,leftIcon:o,className:a,initialExpand:i=!1})=>{const[l,c]=g.useState(i);return I()?o==null?null:e.jsx(sn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:a,expandable:!0,expanded:l,selected:l,children:n})},an=n=>e.jsx(t.SeparatorLine,{color:j.cssColor("--lhds-color-ui-400"),...n}),rn=`1px solid ${j.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:j.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=N;exports.NotificationList=Ae;exports.PageHeader=We;exports.PageHeaderRow=Ge;exports.PageHeading=Je;exports.SelectedItemsActionsPanel=ln;exports.SidebarMenu=en;exports.SidebarMenuCollapsible=on;exports.SidebarMenuHeading=J;exports.SidebarMenuLink=G;exports.SidebarMenuSeparator=an;exports.SidebarRailMenu=tn;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_afv8h_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 )}._navBarUserButton_afv8h_1._initials_afv8h_28{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_11tso_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}._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"),k=require("@stenajs-webui/forms"),Y=require("classnames"),j=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),M=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:a=r.stenaAngleDown,portalTarget:i="parent",zIndex:l,menuWidth:c,menuTop:u,onClick:x,disableArrow:h=!1,...w})=>{const[R,F,f,K]=t.useBoolean(!1),y=g.useRef(null),Q={name:"focusManager",defaultValue:!0,fn({popper:m}){let v=!1;const P=p=>{p.key==="Escape"&&(v=!0,f()),(p.key==="Enter"||p.key===" ")&&(v=!0)};return{onCreate(){m.addEventListener("keydown",P)},onDestroy(){m.removeEventListener("keydown",P)},onMount(){var p;v=!1,(p=m.querySelector("button:not([disabled]), a[href]"))==null||p.focus()},onHide(){y.current&&v&&y.current.focus()}}}},V=g.useMemo(()=>({open:F,close:f}),[F,f]),X=m=>{x==null||x(m),K()};return e.jsx(b.Popover,{disablePadding:!0,visible:R,onClickOutside:f,placement:s,content:R&&e.jsx(r.ActionMenu,{width:c,top:u,trapFocus:!0,children:e.jsx(r.ActionMenuContext.Provider,{value:V,children:n(f)})}),arrow:!1,appendTo:i,zIndex:l,plugins:[Q],lazy:!0,children:e.jsx(o,{rightIcon:h?void 0:a,...w,ref:y,onClick:X})})},te=n=>e.jsx(M,{buttonComponent:r.PrimaryButton,...n}),se=n=>e.jsx(M,{buttonComponent:r.SecondaryButton,...n}),z=n=>e.jsx(M,{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(k.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:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d.default(ie.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(le,{onClick:c})]}),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,h)=>e.jsxs(e.Fragment,{children:[h>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:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},ue="_navBarButton_18iz9_1",de="_selected_18iz9_36",L={navBarButton:ue,selected:de},D=({selected:n,className:s,...o})=>e.jsx(r.FlatButton,{...o,className:d.default(L.navBarButton,n&&L.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,...c})=>{const u=n>0;return e.jsx(r.FlatButton,{...c,leftIcon:l,className:d.default(s&&B.unread,u&&B.hasCount,B.navBarNotificationButton,o),label:u?String(n):void 0,labelClassName:d.default(a,B.label),iconClassName:d.default(i,B.icon)})},be="_navBarSearchFieldInput_16tw5_1",ve="_navBarSearchField_16tw5_1",H={navBarSearchFieldInput:be,navBarSearchField:ve},Ce=({placeholder:n="Search",className:s,wrapperClassName:o,...a})=>e.jsx(k.TextInput,{wrapperClassName:d.default(H.navBarSearchField,o),className:d.default(H.navBarSearchFieldInput,s),placeholder:n,...a}),_e="_navBarUserButton_afv8h_1",we="_initials_afv8h_28",A={navBarUserButton:_e,initials:we},ye=({className:n,username:s,initials:o,icon:a=r.stenaUserCircle,iconClassName:i,responsiveIconOnly:l=o==null,...c})=>e.jsx(z,{...c,className:d.default({[A.initials]:o!=null},A.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:o!=null?o:s,responsiveIconOnly:l,disableArrow:!0}),Se="_unreadDot_l8bni_1",ke="_dot_l8bni_4",T={unreadDot:Se,dot:ke},O=({children:n})=>e.jsxs("div",{className:T.unreadDot,children:[n,e.jsx("div",{className:T.dot})]}),N=({text:n,timestamp:s,icon:o,iconAriaLabel:a,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x})=>{const h=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":a,backgroundColor:E(u,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&&h&&(u?e.jsx(O,{children:h}):h),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:j.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&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:c,"aria-label":"Close",variant:"danger"})})]})},E=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},Me="_notification_1hao0_1",Ne="_body_1hao0_7",Ie="_standard_1hao0_13",Re="_unread_1hao0_14",Fe="_danger_1hao0_19",C={notification:Me,body:Ne,standard:Ie,unread:Re,danger:Fe},Pe=({variant:n="standard",children:s,unread:o,...a})=>e.jsxs("div",{className:d.default(C.notification,C[n],o&&C.unread),children:[e.jsx(N,{...a,unread:o,variant:n}),s&&e.jsx(t.Column,{className:C.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",S={clickable:Te,nonClickable:ze},De=({onClick:n,onClickAriaLabel:s,children:o,width:a=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:j.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d.default({[S.nonClickable]:n}),children:e.jsx(N,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d.default({[S.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:S.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:j.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:j.cssColor("--lhds-color-ui-500"),children:"No content"})]}),U=g.forwardRef(function({label:s,contentLeft:o,contentRight:a,collapsed:i=!1,onClick:l,disabled:c=!1,children:u,autoFocus:x=!1,...h},w){return e.jsx(r.MenuButton,{...h,autoFocus:x,ref:w,label:s,onClick:l,disabled:c,expandable:!0,expanded:!i,selected:!i,left:o,right:a,children:u!=null?u: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(k.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.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:j.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}),Je=({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})]}),Ke="_sidebarMenu_11tso_1",Qe={sidebarMenu:Ke},Ve="_stenaFlag_108h7_1",Xe={stenaFlag:Ve},Ye=({onClick:n})=>e.jsxs(t.Column,{background:j.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),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:Xe.stenaFlag})]})]}),Ze=({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})},en=({className:n,children:s,onCloseClick:o,variant:a="standard",pinButtonVisible:i,onClickPinButton:l,bottomItems:c,isPinned:u,...x})=>e.jsxs(t.Box,{className:d.default(Qe.sidebarMenu,n),style:{["--swui-sidebar-menu-item-height"]:"40px"},...x,children:[e.jsx(Ye,{onClick:o}),e.jsx(t.Box,{height:"100%",background:"var(--current-background-color)",overflow:"auto",children:e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(c||i)&&e.jsxs(t.Column,{gap:1,children:[c,i&&e.jsx(Ze,{isPinned:u,onClick:l}),e.jsx(t.Space,{})]})]})})]}),_=g.createContext(!1),I=()=>g.useContext(_),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})}),G=n=>I()?e.jsx(nn,{...n}):e.jsx(r.MenuButtonLink,{...n}),tn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:a,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:j.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(_.Provider,{value:!0,children:a})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(G,{leftIcon:r.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),J=({label:n})=>I()?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})]}),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(_.Provider,{value:!1,children:[e.jsx(J,{label:s}),n]})}),children:e.jsx(r.IconMenuButton,{icon:o})}),on=({children:n,label:s,leftIcon:o,className:a,initialExpand:i=!1})=>{const[l,c]=g.useState(i);return I()?o==null?null:e.jsx(sn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:a,expandable:!0,expanded:l,selected:l,children:n})},an=n=>e.jsx(t.SeparatorLine,{color:j.cssColor("--lhds-color-ui-400"),...n}),rn=`1px solid ${j.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:j.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=Ce;exports.NavBarUserButton=ye;exports.Notification=Pe;exports.NotificationHeader=N;exports.NotificationList=Ae;exports.PageHeader=We;exports.PageHeaderRow=Ge;exports.PageHeading=Je;exports.SelectedItemsActionsPanel=ln;exports.SidebarMenu=en;exports.SidebarMenuCollapsible=on;exports.SidebarMenuHeading=J;exports.SidebarMenuLink=G;exports.SidebarMenuSeparator=an;exports.SidebarRailMenu=tn;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.
|
|
3
|
+
"version": "19.0.0-next.38",
|
|
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.
|
|
30
|
-
"@stenajs-webui/elements": "19.0.0-next.
|
|
31
|
-
"@stenajs-webui/forms": "19.0.0-next.
|
|
32
|
-
"@stenajs-webui/theme": "19.0.0-next.
|
|
33
|
-
"@stenajs-webui/tooltip": "19.0.0-next.
|
|
29
|
+
"@stenajs-webui/core": "19.0.0-next.38",
|
|
30
|
+
"@stenajs-webui/elements": "19.0.0-next.38",
|
|
31
|
+
"@stenajs-webui/forms": "19.0.0-next.38",
|
|
32
|
+
"@stenajs-webui/theme": "19.0.0-next.38",
|
|
33
|
+
"@stenajs-webui/tooltip": "19.0.0-next.38",
|
|
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": "
|
|
67
|
+
"gitHead": "7ed50fa8580a9677bbda6ddd15d60605f9547597"
|
|
68
68
|
}
|