@stenajs-webui/panels 17.34.0 → 18.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/components/notifications/Notification.d.ts +3 -13
  3. package/dist/components/notifications/NotificationHeader.d.ts +21 -0
  4. package/dist/components/notifications/Toast.d.ts +10 -0
  5. package/dist/index.d.ts +1 -1
  6. package/dist/index.es.js +556 -518
  7. package/dist/index.es.js.map +1 -1
  8. package/dist/index.js +2 -2
  9. package/dist/index.js.map +1 -1
  10. package/dist/storybook-helpers/storybook-controls.d.ts +25 -0
  11. package/package.json +7 -7
  12. package/dist/components/notifications/NotificationTheme.d.ts +0 -7
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1qp30_1{--swui-navbar-background-color: var(--lhds-color-blue-500);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_1x4z8_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-blue-500);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-blue-700 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_1x4z8_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_1x4z8_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_1x4z8_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_1x4z8_1 ._icon_1x4z8_55{color:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_1xy53_1{--swui-nav-bar-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-button-background-color-active: var(--lhds-color-blue-800);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_1xy53_1._selected_1xy53_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_4knxd_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_4knxd_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_4knxd_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-600);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_4knxd_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1gxfr_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1gxfr_1._initials_1gxfr_33{width:32px}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_hch18_1{--swui-sidebar-menu-separator-color: var(--lhds-color-blue-700);--swui-sidebar-menu-text-color: var(--swui-white);--swui-sidebar-menu-icon-color: var(--swui-white);--swui-sidebar-menu-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-background-color-hover: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-focus: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-active: var(--lhds-color-blue-600);--swui-sidebar-menu-item-selected: var(--lhds-color-blue-800);--swui-sidebar-menu-content-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) 0;--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-item-selected: var(--swui-sidebar-menu-item-selected);--current-content-padding: var(--swui-sidebar-menu-content-padding);background-color:var(--current-background-color);height:100vh}._sidebarMenu_hch18_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_hch18_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._sidebarMenuCloseButton_1j21u_1{--swui-sidebar-menu-close-button-text-color: var(--lhds-color-ui-50);--swui-sidebar-menu-close-button-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-close-button-background-color-hover: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-focus: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-active: var( --lhds-color-blue-500 );--current-background-color: var( --swui-sidebar-menu-close-button-background-color );display:flex;align-items:center;justify-content:flex-start;line-height:10px;background-color:var(--current-background-color);color:var(--swui-sidebar-menu-close-button-text-color);cursor:pointer;height:var(--swui-sidebar-menu-item-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuCloseButton_1j21u_1:hover{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-hover )}._sidebarMenuCloseButton_1j21u_1:focus{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-focus )}._sidebarMenuCloseButton_1j21u_1:active{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-active )}._sidebarMenuCloseButton_1j21u_1 ._iconWrapper_1j21u_55{justify-content:center;align-items:center;width:var(--swui-sidebar-menu-item-height);height:var(--swui-sidebar-menu-item-height)}._sidebarMenuCloseButton_1j21u_1 ._icon_1j21u_55{color:var(--swui-sidebar-menu-close-button-text-color)}._label_mnp0f_1{font-size:var(--current-text-size, var(--swui-font-size-medium));line-height:var(--current-line-height, var(--swui-line-height-medium));font-weight:var(--swui-button-font-weight);font-family:var(--swui-font-buttons);color:var(--current-text-color)}._icon_mnp0f_9{color:var(--current-text-color);font-size:1.6rem}._spinner_mnp0f_14{color:var(--current-text-color)}._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18{width:var(--swui-sidebar-menu-item-height);margin-right:0}._button_mnp0f_23{border:0;padding:0;background:var(--current-background-color)}[data-collapsed] [aria-expanded=true] ._button_mnp0f_23,._button_mnp0f_23:hover{background:var(--current-background-color-hover)}._button_mnp0f_23:focus{outline:none}._button_mnp0f_23:focus-visible{background:var(--current-background-color-active)}._button_mnp0f_23:active{background:var(--current-background-color-active)}._button_mnp0f_23._selected_mnp0f_45{background:var(--current-item-selected)}._sidebarMenuHeading_kvpq5_1{--swui-sidebar-menu-heading-text-color: var(--lhds-color-ui-300);text-transform:uppercase}._sidebarMenuCollapsible_1jwhs_1{--swui-collapsible-header-text-color: var(--current-text-color);--swui-collapsible-header-background-color: var(--current-background-color);--swui-collapsible-header-background-color-hover: var( --current-background-color-hover );--swui-collapsible-header-background-color-active: var( --current-background-color-active );--swui-collapsible-header-indicator-color: var(--current-text-color);--swui-collapsible-header-indicator-color-collapsed: var( --current-text-color );--swui-collapsible-header-indicator-color-hover: var(--current-text-color);--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 0;--swui-collapsible-header-content-margin: 0;--swui-collapsible-collapsible-link-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4);--swui-collapsible-header-border-color: transparent;--swui-collapsible-min-height: var(--swui-sidebar-menu-item-height)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@stenajs-webui/elements"),w=require("react"),t=require("@stenajs-webui/core"),R=require("@stenajs-webui/tooltip"),e=require("react/jsx-runtime"),O=require("@stenajs-webui/forms"),re=require("classnames"),_=require("@stenajs-webui/theme"),ie=require("date-fns"),ce=require("@fortawesome/free-solid-svg-icons"),le=require("@fortawesome/free-solid-svg-icons/faChevronUp"),ue=require("react-transition-group"),de=require("@fortawesome/free-solid-svg-icons/faInbox"),xe=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function he(n){if(n&&n.__esModule)return n;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,a.get?a:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const S=he(w),x=xe(re),D=({renderItems:n,placement:o="bottom",buttonComponent:s,rightIcon:a=c.stenaAngleDown,portalTarget:r="parent",zIndex:i,menuWidth:l,menuTop:d,onClick:h,disableArrow:j=!1,...f})=>{const[g,m,p,N]=t.useBoolean(!1),b=w.useRef(null),y={name:"focusManager",defaultValue:!0,fn({popper:I}){let F=!1;const z=B=>{B.key==="Escape"&&(F=!0,p()),(B.key==="Enter"||B.key===" ")&&(F=!0)};return{onCreate(){I.addEventListener("keydown",z)},onDestroy(){I.removeEventListener("keydown",z)},onMount(){var B;F=!1,(B=I.querySelector("button:not([disabled]), a[href]"))==null||B.focus()},onHide(){b.current&&F&&b.current.focus()}}}},v=w.useMemo(()=>({open:m,close:p}),[m,p]),M=I=>{h==null||h(I),N()};return e.jsx(R.Popover,{disablePadding:!0,visible:g,onClickOutside:p,placement:o,content:g&&e.jsx(c.ActionMenu,{variant:"outlined",width:l,top:d,trapFocus:!0,children:e.jsx(c.ActionMenuContext.Provider,{value:v,children:n(p)})}),arrow:!1,appendTo:r,zIndex:i,plugins:[y],lazy:!0,children:e.jsx(s,{rightIcon:j?void 0:a,...f,ref:b,onClick:M})})},pe=n=>e.jsx(D,{buttonComponent:c.PrimaryButton,...n}),je=n=>e.jsx(D,{buttonComponent:c.SecondaryButton,...n}),J=n=>e.jsx(D,{buttonComponent:c.FlatButton,...n}),fe="1px solid var(--lhds-color-ui-300)",ge=({renderMenu:n,...o})=>{const[s,a,r]=t.useBoolean(!1);return e.jsx(R.Popover,{onClickOutside:r,arrow:!1,visible:s,disablePadding:!0,content:n?e.jsx(t.Column,{children:e.jsx(c.ActionMenu,{children:n(r)})}):void 0,placement:"bottom-start",variant:"outlined",children:e.jsx(t.Box,{display:"inline-block",children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:fe,borderRadius:"4px",children:[e.jsx(O.Checkbox,{...o}),e.jsx(t.Indent,{num:.5}),e.jsx(c.FlatButton,{size:"small",onClick:a,leftIcon:c.stenaAngleDown})]})})})},me="_navBar_1qp30_1",be={navBar:me},ve="_sidebarMenuButton_1x4z8_1",Ce="_icon_1x4z8_55",U={sidebarMenuButton:ve,icon:Ce},_e=n=>S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",...n},S.createElement("path",{fill:"#FFF",fillRule:"evenodd",d:"M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"})),K=({className:n,onClick:o})=>e.jsx("button",{onClick:o,className:x.default(U.sidebarMenuButton,n),children:e.jsx(_e,{className:U.icon})}),Be={compact:40,standard:48,relaxed:64},Q=n=>Be[n]+"px",we=({left:n,className:o,showMenuButton:s=!1,menuButtonVisibility:a="visible",children:r,right:i,center:l,variant:d="standard",onClickMenuButton:h})=>{const j=l?1:void 0,f=Q(d);return e.jsxs(t.Row,{height:f,minHeight:f,justifyContent:"space-between",style:{["--swui-nav-bar-height"]:f},className:x.default(be.navBar,o),children:[e.jsxs(t.Row,{flex:j,justifyContent:"flex-start",alignItems:"center",children:[s?e.jsxs(e.Fragment,{children:[a==="hidden"?e.jsx(t.Box,{width:"var(--swui-nav-bar-height)"}):e.jsx(K,{onClick:h}),e.jsx(t.Indent,{})]}):e.jsx(t.Indent,{num:2}),n?e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}):e.jsx(t.Indent,{num:2}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:S.Children.map(r,(g,m)=>e.jsxs(e.Fragment,{children:[m>0&&e.jsx(t.Indent,{}),g]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:j,children:[i,e.jsx(t.Indent,{num:2})]})]})},Se="_navBarButton_1xy53_1",Ne="_selected_1xy53_36",Z={navBarButton:Se,selected:Ne},X=({selected:n,className:o,...s})=>e.jsx(c.FlatButton,{...s,className:x.default(Z.navBarButton,n&&Z.selected,o)}),ye=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",color:"#fff",...n}),Me=({content:n,children:o,...s})=>{const[a,r,i]=t.useBoolean(!1);return e.jsx(R.Popover,{onClickOutside:i,triggerTarget:document.body,visible:a,content:e.jsxs(e.Fragment,{children:[n&&n({close:i}),o]}),children:e.jsx(X,{...s,onClick:r})})},Ie="_navBarNotificationButton_1wchp_1",ke="_hasCount_1wchp_60",Fe="_unread_1wchp_64",Le="_icon_1wchp_79",Re="_shake_1wchp_1",k={navBarNotificationButton:Ie,hasCount:ke,unread:Fe,icon:Le,shake:Re},Ee=({count:n,unread:o=!1,className:s,labelClassName:a,iconClassName:r,icon:i=c.stenaBell,...l})=>{const d=n>0;return e.jsx(c.FlatButton,{...l,leftIcon:i,className:x.default({[k.unread]:o},{[k.hasCount]:d},k.navBarNotificationButton,s),label:d?String(n):void 0,labelClassName:x.default(a,k.label),iconClassName:x.default(r,k.icon)})},He="_navBarSearchFieldInput_4knxd_1",Pe="_navBarSearchField_4knxd_1",G={navBarSearchFieldInput:He,navBarSearchField:Pe},Te=({placeholder:n="Search...",className:o,wrapperClassName:s,...a})=>e.jsx(O.TextInput,{wrapperClassName:x.default(G.navBarSearchField,s),className:x.default(G.navBarSearchFieldInput,o),placeholder:n,contentRight:e.jsx(t.Clickable,{children:e.jsx(c.Icon,{icon:c.stenaSearch})}),...a}),Ae="_navBarUserButton_1gxfr_1",Oe="_initials_1gxfr_33",V={navBarUserButton:Ae,initials:Oe},De=({className:n,username:o,initials:s,icon:a=c.stenaUserCircle,iconClassName:r,...i})=>e.jsx(J,{...i,className:x.default({[V.initials]:s!=null},V.navBarUserButton,n),leftIcon:o!=null?a:void 0,label:s!=null?s:o,disableArrow:!0}),Y={notificationBg:"#eaeaea",notificationHoverBg:"#eeeeee",notificationDismissedBg:"#ffffff",notificationDismissedHoverBg:"#f4f4f4"},qe=({onClick:n,icon:o,iconColor:s,title:a,text:r,content:i,date:l,dismissed:d,theme:h=Y})=>{const j=w.useMemo(()=>{if(l)return`${ie.formatDistance(l,new Date)} ago`},[l]);return e.jsx(t.Clickable,{onClick:n,style:{textAlign:"left"},children:e.jsx(t.Box,{background:d?h.notificationDismissedBg:h.notificationBg,hoverBackground:d?h.notificationDismissedHoverBg:h.notificationHoverBg,spacing:!0,indent:!0,children:e.jsxs(t.Row,{width:"250px",children:[o&&e.jsx(t.Row,{width:"34px",alignItems:"center",children:e.jsx(c.Icon,{icon:o,color:s})}),e.jsxs(t.Column,{flex:1,children:[a&&e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:a}),e.jsx(t.Space,{half:!0})]}),r&&e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{size:"small",children:r}),e.jsx(t.Space,{half:!0})]}),i&&e.jsxs(e.Fragment,{children:[i,e.jsx(t.Space,{half:!0})]}),e.jsx(t.Text,{size:"small",color:_.cssColor("--swui-text-disabled-color"),children:j})]})]})})})},$e="_collapsible_1nroa_1",We="_header_1nroa_46",ze="_indicator_1nroa_59",Ue="_headerText_1nroa_103",Ze="_label_1nroa_114",Ge="_contentLeft_1nroa_123",Ve="_contentRight_1nroa_124",Je="_content_1nroa_123",Ke="_groupHeading_1nroa_155",Qe="_contentEnter_1nroa_180",Xe="_contentEnterActive_1nroa_184",Ye="_contentExitDone_1nroa_189",u={collapsible:$e,header:We,indicator:ze,headerText:Ue,label:Ze,contentLeft:Ge,contentRight:Ve,content:Je,groupHeading:Ke,contentEnter:Qe,contentEnterActive:Xe,contentExitDone:Ye},E=()=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(c.Icon,{icon:de.faInbox,color:_.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:_.cssColor("--lhds-color-ui-500"),children:"No content"})]}),H=({contentLeft:n,contentRight:o,className:s,children:a,...r})=>e.jsxs("div",{className:x.default(u.content,s),...r,children:[n&&e.jsx("div",{className:u.contentLeft,children:n}),a!=null?a:e.jsx(E,{}),o&&e.jsx("div",{className:u.contentRight,children:o})]}),ee=n=>{const o=parseFloat(n),s=n.match(/m?s/);switch(s==null?void 0:s[0]){case"s":return o*1e3;case"ms":return o;default:return 0}},q=w.forwardRef(function({label:o,contentLeft:s,contentRight:a,collapsed:r=!1,onClick:i,className:l,disabled:d=!1,unmountOnCollapse:h=!1,mountOnEnter:j=!0,icon:f=le.faChevronUp,iconCollapsed:g=ce.faChevronDown,iconSize:m=8,children:p,autoFocus:N=!1,...b},y){const v=S.useRef(null),M=v.current?ee(getComputedStyle(v.current).getPropertyValue("--swui-collapsible-animation-time")):void 0;return e.jsxs("div",{className:x.default(u.collapsible,l),"aria-expanded":!r,ref:v,...b,children:[e.jsxs(t.Clickable,{disableFocusHighlight:!0,disableOpacityOnClick:!0,className:u.header,onClick:i,disabled:d,autoFocus:N,ref:y,children:[s&&e.jsx("div",{className:u.contentLeft,children:s}),e.jsx("div",{className:u.label,children:e.jsx(t.Text,{color:"var(--swui-collapsible-header-text-color)",className:u.headerText,children:o})}),a&&e.jsx("div",{className:u.contentRight,children:a}),e.jsx(c.Icon,{icon:r?g:f,className:u.indicator,size:m,fixedWidth:!0})]}),e.jsx(ue.CSSTransition,{in:!r,timeout:{enter:M},classNames:{enter:u.contentEnter,enterActive:u.contentEnterActive,exit:u.contentExit,exitActive:u.contentExitActive,exitDone:u.contentExitDone},mountOnEnter:j,unmountOnExit:h,children:e.jsx("div",{role:"region",children:p!=null?p:e.jsx(H,{children:e.jsx(E,{})})})})]})}),en=({value:n,onValueChange:o,onChange:s,indeterminate:a,...r})=>e.jsx(q,{contentLeft:e.jsx(O.Checkbox,{value:n,indeterminate:a,onValueChange:o,onChange:s,onClick:i=>i.stopPropagation()}),...r}),nn=({contentLeft:n,contentRight:o,className:s,onClick:a,children:r,...i})=>e.jsxs(t.Clickable,{disableFocusHighlight:!0,disableOpacityOnClick:!0,className:x.default(u.content,s),onClick:a,...i,children:[n&&e.jsx("div",{className:u.contentLeft,children:n}),r!=null?r:e.jsx(E,{}),o&&e.jsx("div",{className:u.contentRight,children:o})]}),tn=({className:n,...o})=>e.jsx(H,{className:x.default(u.groupHeading,n),...o}),ne=({text:n="Something unexpected happened."})=>e.jsx(t.Box,{justifyContent:"center",alignItems:"center",children:e.jsx(c.Banner,{variant:"error",headerText:n})}),sn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(ne,{...n})}),te=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(c.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),on=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(te,{...n})}),an=({renderBreadCrumbs:n,renderPageHeading:o,renderTabs:s,children:a})=>e.jsxs(t.Box,{shadow:"box",background:_.cssColor("--lhds-color-ui-50"),children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsx(t.Row,{spacing:1.25,children:n()}),o==null?void 0:o(),s==null?void 0:s()]}),a&&e.jsxs(e.Fragment,{children:[!s&&n&&e.jsx(t.Space,{}),e.jsx(t.SeparatorLine,{}),a]})]}),rn=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),cn={compact:1,standard:1.5,relaxed:2},ln=({heading:n,variant:o="standard",contentLeft:s,contentRight:a})=>e.jsxs(t.Row,{spacing:cn[o],alignItems:"center",gap:2,children:[e.jsx(t.Heading,{variant:"h3",children:n}),e.jsx(t.Row,{alignItems:"center",children:s}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:a})]}),un="_sidebarMenu_hch18_1",T={sidebarMenu:un},dn="_sidebarMenuCloseButton_1j21u_1",xn="_iconWrapper_1j21u_55",hn="_icon_1j21u_55",A={sidebarMenuCloseButton:dn,iconWrapper:xn,icon:hn},pn=n=>S.createElement("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...n},S.createElement("path",{d:"M0.928932188,0.928932188 C1.31945648,0.538407896 1.95262146,0.538407896 2.34314575,0.928932188 L2.34314575,0.928932188 L8.00003897,6.58503897 L13.6568542,0.928932188 C14.0473785,0.538407896 14.6805435,0.538407896 15.0710678,0.928932188 C15.4615921,1.31945648 15.4615921,1.95262146 15.0710678,2.34314575 L9.41503897,8.00003897 L15.0710678,13.6568542 C15.4315518,14.0173382 15.4592813,14.5845693 15.1542564,14.9768605 L15.0710678,15.0710678 C14.6805435,15.4615921 14.0473785,15.4615921 13.6568542,15.0710678 L13.6568542,15.0710678 L8.00003897,9.41503897 L2.34314575,15.0710678 C1.95262146,15.4615921 1.31945648,15.4615921 0.928932188,15.0710678 C0.538407896,14.6805435 0.538407896,14.0473785 0.928932188,13.6568542 L6.58503897,8.00003897 L0.928932188,2.34314575 C0.568448227,1.98266179 0.540718691,1.41543073 0.845743582,1.02313953 Z",id:"Combined-Shape",fill:"#FFFFFF"})),jn=({className:n,onClick:o})=>e.jsx("button",{onClick:o,className:x.default(A.sidebarMenuCloseButton,n),children:e.jsx(t.Box,{className:A.iconWrapper,children:e.jsx(pn,{className:A.icon})})}),P=n=>e.jsx(t.SeparatorLine,{color:_.cssColor("--lhds-color-blue-600"),...n}),se=({className:n,children:o,onCloseClick:s,collapsed:a=!1,hideCloseButton:r=!1,variant:i="standard",...l})=>{const d=Q(i);return e.jsxs(t.Box,{className:x.default(T.sidebarMenu,a?T.collapsed:null,n),style:{["--swui-sidebar-menu-item-height"]:d,["--swui-nav-bar-height"]:d},"data-collapsed":a||void 0,...l,children:[!r&&e.jsxs(e.Fragment,{children:[e.jsx(jn,{onClick:s}),e.jsx(P,{}),e.jsx(t.Space,{})]}),e.jsx(t.Box,{className:T.sidebarMenuContent,height:"100%",background:"var(--current-background-color)",children:e.jsx(t.Column,{flex:1,children:o})})]})},fn=({variant:n,onClickMenuButton:o,children:s})=>e.jsxs(se,{collapsed:!0,position:"fixed",left:0,top:0,hideCloseButton:!0,variant:n,children:[e.jsx(K,{onClick:o}),s]}),gn="_label_mnp0f_1",mn="_icon_mnp0f_9",bn="_spinner_mnp0f_14",vn="_leftWrapper_mnp0f_18",Cn="_button_mnp0f_23",_n="_selected_mnp0f_45",C={label:gn,icon:mn,spinner:bn,leftWrapper:vn,button:Cn,selected:_n},oe=({activeClassName:n,...o})=>e.jsx("button",{...o}),L=({className:n,children:o,selected:s,indent:a,label:r,loading:i,left:l,leftIcon:d,right:h,rightIcon:j,success:f,width:g,renderLink:m=oe,style:p,...N})=>{const b=l||d||i||f,y=x.default(C.button,s?C.selected:void 0,n),v={...p,width:g,height:"var(--swui-sidebar-menu-item-height)"},M=e.jsxs(t.Row,{spacing:1,flex:1,alignItems:"center",children:[!b&&e.jsx(t.Indent,{}),a&&e.jsx(t.Indent,{num:3.5}),e.jsx(c.ButtonContent,{label:r,loading:i,left:l,leftIcon:d,right:h,rightIcon:j,success:f,labelClassName:C.label,spinnerClassName:C.spinner,iconClassName:x.default(C.icon),leftWrapperClassName:C.leftWrapper})]});return e.jsx(e.Fragment,{children:m({...N,activeClassName:C.selected,className:y,children:M,style:v})})},Bn="_sidebarMenuHeading_kvpq5_1",wn={sidebarMenuHeading:Bn},$=({className:n,label:o,contentLeft:s,contentRight:a,...r})=>e.jsx(t.Box,{spacing:2,indent:2,children:e.jsx(H,{className:wn.sidebarMenuHeading,contentLeft:s,contentRight:a,children:e.jsx(t.Text,{variant:"overline",color:"var(--swui-sidebar-menu-heading-text-color)",...r,children:o})})}),Sn="_sidebarMenuCollapsible_1jwhs_1",Nn={sidebarMenuCollapsible:Sn},ae=({children:n,label:o,leftIcon:s})=>{const[a,r]=w.useState(!1);return e.jsx(t.Box,{background:"var(--current-background-color)",children:e.jsx(q,{className:Nn.sidebarMenuCollapsible,label:o,collapsed:a,onClick:()=>r(!a),contentLeft:s?e.jsx(t.Box,{width:"var(--swui-sidebar-menu-item-height)",alignItems:"center",justifyContent:"center",children:e.jsx(c.Icon,{icon:s,size:16,color:"var(--current-text-color)","data-hover":!0})}):e.jsx(t.Indent,{num:1}),children:e.jsx(t.Column,{flex:1,children:n})})})},W=(n,o=!1)=>n.map((s,a)=>{switch(s.type){case"heading":return e.jsx($,{label:s.label},a);case"separator":return e.jsx(P,{},a);case"link":{const{type:r,...i}=s;return e.jsx(L,{indent:o,...i},a)}case"grouped":return e.jsx(ae,{leftIcon:s.leftIcon,label:s.label,children:W(s.items,!0)},a);default:return t.exhaustSwitchCaseElseThrow(s)}}),yn=(n,{popupMinWidth:o})=>n.map((s,a)=>{switch(s.type){case"heading":return null;case"separator":return e.jsx(P,{},a);case"link":{const{type:r,label:i,...l}=s;return e.jsx(L,{title:i,width:"var(--swui-sidebar-menu-item-height)",...l},a)}case"grouped":return e.jsx("div",{children:e.jsx(R.Popover,{appendTo:"parent",arrow:!1,offset:[0,0],placement:"right-start",trigger:"focusin mouseenter click",disablePadding:!0,lazy:!0,content:e.jsxs(t.Box,{minWidth:o,background:"var(--lhds-color-blue-500)",children:[e.jsx($,{label:s.label}),W(s.items)]}),children:e.jsx(L,{title:s.label,width:"var(--swui-sidebar-menu-item-height)",leftIcon:s.leftIcon})})},a);default:return t.exhaustSwitchCaseElseThrow(s)}}),Mn=`1px solid ${_.cssColor("--lhds-color-orange-400")}`,In=({numItemsSelected:n,label:o,afterLabelContent:s,rightContent:a})=>e.jsxs(t.Row,{indent:3,spacing:!0,minHeight:"56px",justifyContent:"space-between",alignItems:"center",borderTop:Mn,background:_.cssColor("--lhds-color-orange-50"),children:[e.jsxs(t.Row,{alignItems:"center",children:[n!=null||o!=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"]})]}):o!=null?e.jsx(e.Fragment,{children:typeof o=="string"?e.jsx(t.Text,{children:o}):o}):null}):null,s?e.jsxs(e.Fragment,{children:[e.jsx(t.Indent,{}),e.jsx(t.Box,{children:s})]}):null]}),e.jsx(t.Box,{children:a})]});exports.ActionMenuFlatButton=J;exports.ActionMenuPrimaryButton=pe;exports.ActionMenuSecondaryButton=je;exports.CheckboxMenu=ge;exports.Collapsible=q;exports.CollapsibleClickableContent=nn;exports.CollapsibleContent=H;exports.CollapsibleEmptyContent=E;exports.CollapsibleGroupHeading=tn;exports.CollapsibleWithCheckbox=en;exports.ErrorPanel=ne;exports.ErrorScreen=sn;exports.LoadingPanel=te;exports.LoadingScreen=on;exports.NavBar=we;exports.NavBarButton=X;exports.NavBarHeading=ye;exports.NavBarNotificationButton=Ee;exports.NavBarPopoverButton=Me;exports.NavBarSearchField=Te;exports.NavBarUserButton=De;exports.Notification=qe;exports.PageHeader=an;exports.PageHeaderRow=rn;exports.PageHeading=ln;exports.SelectedItemsActionsPanel=In;exports.SidebarMenu=se;exports.SidebarMenuCollapsible=ae;exports.SidebarMenuHeading=$;exports.SidebarMenuLink=L;exports.SidebarMenuSeparator=P;exports.SidebarRailMenu=fn;exports.defaultNotificationTheme=Y;exports.defaultRenderLink=oe;exports.mapCSSTime=ee;exports.renderItemsExpanded=W;exports.renderItemsInRail=yn;
1
+ (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1qp30_1{--swui-navbar-background-color: var(--lhds-color-blue-500);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_1x4z8_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-blue-500);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-blue-700 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_1x4z8_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_1x4z8_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_1x4z8_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_1x4z8_1 ._icon_1x4z8_55{color:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_1xy53_1{--swui-nav-bar-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-button-background-color-active: var(--lhds-color-blue-800);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_1xy53_1._selected_1xy53_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_4knxd_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_4knxd_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_4knxd_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-600);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_4knxd_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1gxfr_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1gxfr_1._initials_1gxfr_33{width:32px}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_hch18_1{--swui-sidebar-menu-separator-color: var(--lhds-color-blue-700);--swui-sidebar-menu-text-color: var(--swui-white);--swui-sidebar-menu-icon-color: var(--swui-white);--swui-sidebar-menu-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-background-color-hover: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-focus: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-active: var(--lhds-color-blue-600);--swui-sidebar-menu-item-selected: var(--lhds-color-blue-800);--swui-sidebar-menu-content-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) 0;--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-item-selected: var(--swui-sidebar-menu-item-selected);--current-content-padding: var(--swui-sidebar-menu-content-padding);background-color:var(--current-background-color);height:100vh}._sidebarMenu_hch18_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_hch18_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._sidebarMenuCloseButton_1j21u_1{--swui-sidebar-menu-close-button-text-color: var(--lhds-color-ui-50);--swui-sidebar-menu-close-button-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-close-button-background-color-hover: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-focus: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-active: var( --lhds-color-blue-500 );--current-background-color: var( --swui-sidebar-menu-close-button-background-color );display:flex;align-items:center;justify-content:flex-start;line-height:10px;background-color:var(--current-background-color);color:var(--swui-sidebar-menu-close-button-text-color);cursor:pointer;height:var(--swui-sidebar-menu-item-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuCloseButton_1j21u_1:hover{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-hover )}._sidebarMenuCloseButton_1j21u_1:focus{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-focus )}._sidebarMenuCloseButton_1j21u_1:active{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-active )}._sidebarMenuCloseButton_1j21u_1 ._iconWrapper_1j21u_55{justify-content:center;align-items:center;width:var(--swui-sidebar-menu-item-height);height:var(--swui-sidebar-menu-item-height)}._sidebarMenuCloseButton_1j21u_1 ._icon_1j21u_55{color:var(--swui-sidebar-menu-close-button-text-color)}._label_mnp0f_1{font-size:var(--current-text-size, var(--swui-font-size-medium));line-height:var(--current-line-height, var(--swui-line-height-medium));font-weight:var(--swui-button-font-weight);font-family:var(--swui-font-buttons);color:var(--current-text-color)}._icon_mnp0f_9{color:var(--current-text-color);font-size:1.6rem}._spinner_mnp0f_14{color:var(--current-text-color)}._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18{width:var(--swui-sidebar-menu-item-height);margin-right:0}._button_mnp0f_23{border:0;padding:0;background:var(--current-background-color)}[data-collapsed] [aria-expanded=true] ._button_mnp0f_23,._button_mnp0f_23:hover{background:var(--current-background-color-hover)}._button_mnp0f_23:focus{outline:none}._button_mnp0f_23:focus-visible{background:var(--current-background-color-active)}._button_mnp0f_23:active{background:var(--current-background-color-active)}._button_mnp0f_23._selected_mnp0f_45{background:var(--current-item-selected)}._sidebarMenuHeading_kvpq5_1{--swui-sidebar-menu-heading-text-color: var(--lhds-color-ui-300);text-transform:uppercase}._sidebarMenuCollapsible_1jwhs_1{--swui-collapsible-header-text-color: var(--current-text-color);--swui-collapsible-header-background-color: var(--current-background-color);--swui-collapsible-header-background-color-hover: var( --current-background-color-hover );--swui-collapsible-header-background-color-active: var( --current-background-color-active );--swui-collapsible-header-indicator-color: var(--current-text-color);--swui-collapsible-header-indicator-color-collapsed: var( --current-text-color );--swui-collapsible-header-indicator-color-hover: var(--current-text-color);--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 0;--swui-collapsible-header-content-margin: 0;--swui-collapsible-collapsible-link-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4);--swui-collapsible-header-border-color: transparent;--swui-collapsible-min-height: var(--swui-sidebar-menu-item-height)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@stenajs-webui/elements"),I=require("react"),t=require("@stenajs-webui/core"),R=require("@stenajs-webui/tooltip"),e=require("react/jsx-runtime"),$=require("@stenajs-webui/forms"),le=require("classnames"),f=require("@stenajs-webui/theme"),ie=require("@fortawesome/free-solid-svg-icons"),ce=require("@fortawesome/free-solid-svg-icons/faChevronUp"),ue=require("react-transition-group"),de=require("@fortawesome/free-solid-svg-icons/faInbox"),xe=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function he(n){if(n&&n.__esModule)return n;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,a.get?a:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const w=he(I),u=xe(le),q=({renderItems:n,placement:o="bottom",buttonComponent:s,rightIcon:a=i.stenaAngleDown,portalTarget:r="parent",zIndex:l,menuWidth:d,menuTop:x,onClick:j,disableArrow:b=!1,...p})=>{const[m,g,h,N]=t.useBoolean(!1),C=I.useRef(null),S={name:"focusManager",defaultValue:!0,fn({popper:k}){let F=!1;const U=B=>{B.key==="Escape"&&(F=!0,h()),(B.key==="Enter"||B.key===" ")&&(F=!0)};return{onCreate(){k.addEventListener("keydown",U)},onDestroy(){k.removeEventListener("keydown",U)},onMount(){var B;F=!1,(B=k.querySelector("button:not([disabled]), a[href]"))==null||B.focus()},onHide(){C.current&&F&&C.current.focus()}}}},v=I.useMemo(()=>({open:g,close:h}),[g,h]),y=k=>{j==null||j(k),N()};return e.jsx(R.Popover,{disablePadding:!0,visible:m,onClickOutside:h,placement:o,content:m&&e.jsx(i.ActionMenu,{variant:"outlined",width:d,top:x,trapFocus:!0,children:e.jsx(i.ActionMenuContext.Provider,{value:v,children:n(h)})}),arrow:!1,appendTo:r,zIndex:l,plugins:[S],lazy:!0,children:e.jsx(s,{rightIcon:b?void 0:a,...p,ref:C,onClick:y})})},pe=n=>e.jsx(q,{buttonComponent:i.PrimaryButton,...n}),je=n=>e.jsx(q,{buttonComponent:i.SecondaryButton,...n}),K=n=>e.jsx(q,{buttonComponent:i.FlatButton,...n}),be="1px solid var(--lhds-color-ui-300)",me=({renderMenu:n,...o})=>{const[s,a,r]=t.useBoolean(!1);return e.jsx(R.Popover,{onClickOutside:r,arrow:!1,visible:s,disablePadding:!0,content:n?e.jsx(t.Column,{children:e.jsx(i.ActionMenu,{children:n(r)})}):void 0,placement:"bottom-start",variant:"outlined",children:e.jsx(t.Box,{display:"inline-block",children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:be,borderRadius:"4px",children:[e.jsx($.Checkbox,{...o}),e.jsx(t.Indent,{num:.5}),e.jsx(i.FlatButton,{size:"small",onClick:a,leftIcon:i.stenaAngleDown})]})})})},ge="_navBar_1qp30_1",fe={navBar:ge},Ce="_sidebarMenuButton_1x4z8_1",ve="_icon_1x4z8_55",Z={sidebarMenuButton:Ce,icon:ve},_e=n=>w.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",...n},w.createElement("path",{fill:"#FFF",fillRule:"evenodd",d:"M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"})),Q=({className:n,onClick:o})=>e.jsx("button",{onClick:o,className:u.default(Z.sidebarMenuButton,n),children:e.jsx(_e,{className:Z.icon})}),Be={compact:40,standard:48,relaxed:64},X=n=>Be[n]+"px",we=({left:n,className:o,showMenuButton:s=!1,menuButtonVisibility:a="visible",children:r,right:l,center:d,variant:x="standard",onClickMenuButton:j})=>{const b=d?1:void 0,p=X(x);return e.jsxs(t.Row,{height:p,minHeight:p,justifyContent:"space-between",style:{["--swui-nav-bar-height"]:p},className:u.default(fe.navBar,o),children:[e.jsxs(t.Row,{flex:b,justifyContent:"flex-start",alignItems:"center",children:[s?e.jsxs(e.Fragment,{children:[a==="hidden"?e.jsx(t.Box,{width:"var(--swui-nav-bar-height)"}):e.jsx(Q,{onClick:j}),e.jsx(t.Indent,{})]}):e.jsx(t.Indent,{num:2}),n?e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}):e.jsx(t.Indent,{num:2}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:w.Children.map(r,(m,g)=>e.jsxs(e.Fragment,{children:[g>0&&e.jsx(t.Indent,{}),m]}))})})]}),d&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:d}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:b,children:[l,e.jsx(t.Indent,{num:2})]})]})},Ne="_navBarButton_1xy53_1",Se="_selected_1xy53_36",G={navBarButton:Ne,selected:Se},Y=({selected:n,className:o,...s})=>e.jsx(i.FlatButton,{...s,className:u.default(G.navBarButton,n&&G.selected,o)}),ye=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",color:"#fff",...n}),ke=({content:n,children:o,...s})=>{const[a,r,l]=t.useBoolean(!1);return e.jsx(R.Popover,{onClickOutside:l,triggerTarget:document.body,visible:a,content:e.jsxs(e.Fragment,{children:[n&&n({close:l}),o]}),children:e.jsx(Y,{...s,onClick:r})})},Me="_navBarNotificationButton_1wchp_1",Ie="_hasCount_1wchp_60",Fe="_unread_1wchp_64",Le="_icon_1wchp_79",Re="_shake_1wchp_1",M={navBarNotificationButton:Me,hasCount:Ie,unread:Fe,icon:Le,shake:Re},Ee=({count:n,unread:o=!1,className:s,labelClassName:a,iconClassName:r,icon:l=i.stenaBell,...d})=>{const x=n>0;return e.jsx(i.FlatButton,{...d,leftIcon:l,className:u.default({[M.unread]:o},{[M.hasCount]:x},M.navBarNotificationButton,s),label:x?String(n):void 0,labelClassName:u.default(a,M.label),iconClassName:u.default(r,M.icon)})},He="_navBarSearchFieldInput_4knxd_1",Pe="_navBarSearchField_4knxd_1",V={navBarSearchFieldInput:He,navBarSearchField:Pe},Te=({placeholder:n="Search...",className:o,wrapperClassName:s,...a})=>e.jsx($.TextInput,{wrapperClassName:u.default(V.navBarSearchField,s),className:u.default(V.navBarSearchFieldInput,o),placeholder:n,contentRight:e.jsx(t.Clickable,{children:e.jsx(i.Icon,{icon:i.stenaSearch})}),...a}),Ae="_navBarUserButton_1gxfr_1",Oe="_initials_1gxfr_33",J={navBarUserButton:Ae,initials:Oe},$e=({className:n,username:o,initials:s,icon:a=i.stenaUserCircle,iconClassName:r,...l})=>e.jsx(K,{...l,className:u.default({[J.initials]:s!=null},J.navBarUserButton,n),leftIcon:o!=null?a:void 0,label:s!=null?s:o,disableArrow:!0}),ee=({text:n,timestamp:o,icon:s,iconAriaLabel:a,iconColor:r,contentLeft:l,contentRight:d,onClose:x})=>e.jsxs(t.Row,{alignItems:"flex-start",indent:!0,spacing:!0,children:[e.jsxs(t.Row,{indent:2,spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[l&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:l}),!l&&s&&e.jsx(i.Icon,{icon:s,size:20,color:r,"aria-label":a}),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Txt,{variant:"bold",children:n}),o&&e.jsx(t.Txt,{size:"small",color:f.cssColor("--lhds-color-ui-600"),children:o})]}),d]}),x&&e.jsx(t.Box,{flex:"none",justifyContent:"center",style:{height:"calc(20px + 2 * var(--swui-metrics-spacing))"},children:e.jsx(i.FlatButton,{leftIcon:i.stenaTimes,onClick:x,"aria-label":"Close"})})]}),qe=({children:n,background:o,...s})=>e.jsxs(t.Column,{background:o,children:[e.jsx(ee,{...s}),n&&e.jsxs(t.Column,{indent:3,children:[n,e.jsx(t.Space,{num:2})]})]}),We="_clickable_1ijxc_1",ze="_nonClickable_1ijxc_27",T={clickable:We,nonClickable:ze},De=({onClick:n,onClickAriaLabel:o,children:s,width:a=264,maxWidth:r,...l})=>e.jsxs(t.Box,{borderRadius:8,background:f.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:r,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:u.default({[T.nonClickable]:n}),children:e.jsx(ee,{...l})}),s&&e.jsxs(t.Box,{indent:3,className:u.default({[T.nonClickable]:n}),children:[s,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:T.clickable,"aria-label":o})]}),Ue="_collapsible_1nroa_1",Ze="_header_1nroa_46",Ge="_indicator_1nroa_59",Ve="_headerText_1nroa_103",Je="_label_1nroa_114",Ke="_contentLeft_1nroa_123",Qe="_contentRight_1nroa_124",Xe="_content_1nroa_123",Ye="_groupHeading_1nroa_155",en="_contentEnter_1nroa_180",nn="_contentEnterActive_1nroa_184",tn="_contentExitDone_1nroa_189",c={collapsible:Ue,header:Ze,indicator:Ge,headerText:Ve,label:Je,contentLeft:Ke,contentRight:Qe,content:Xe,groupHeading:Ye,contentEnter:en,contentEnterActive:nn,contentExitDone:tn},E=()=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(i.Icon,{icon:de.faInbox,color:f.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:f.cssColor("--lhds-color-ui-500"),children:"No content"})]}),H=({contentLeft:n,contentRight:o,className:s,children:a,...r})=>e.jsxs("div",{className:u.default(c.content,s),...r,children:[n&&e.jsx("div",{className:c.contentLeft,children:n}),a!=null?a:e.jsx(E,{}),o&&e.jsx("div",{className:c.contentRight,children:o})]}),ne=n=>{const o=parseFloat(n),s=n.match(/m?s/);switch(s==null?void 0:s[0]){case"s":return o*1e3;case"ms":return o;default:return 0}},W=I.forwardRef(function({label:o,contentLeft:s,contentRight:a,collapsed:r=!1,onClick:l,className:d,disabled:x=!1,unmountOnCollapse:j=!1,mountOnEnter:b=!0,icon:p=ce.faChevronUp,iconCollapsed:m=ie.faChevronDown,iconSize:g=8,children:h,autoFocus:N=!1,...C},S){const v=w.useRef(null),y=v.current?ne(getComputedStyle(v.current).getPropertyValue("--swui-collapsible-animation-time")):void 0;return e.jsxs("div",{className:u.default(c.collapsible,d),"aria-expanded":!r,ref:v,...C,children:[e.jsxs(t.Clickable,{disableFocusHighlight:!0,disableOpacityOnClick:!0,className:c.header,onClick:l,disabled:x,autoFocus:N,ref:S,children:[s&&e.jsx("div",{className:c.contentLeft,children:s}),e.jsx("div",{className:c.label,children:e.jsx(t.Text,{color:"var(--swui-collapsible-header-text-color)",className:c.headerText,children:o})}),a&&e.jsx("div",{className:c.contentRight,children:a}),e.jsx(i.Icon,{icon:r?m:p,className:c.indicator,size:g,fixedWidth:!0})]}),e.jsx(ue.CSSTransition,{in:!r,timeout:{enter:y},classNames:{enter:c.contentEnter,enterActive:c.contentEnterActive,exit:c.contentExit,exitActive:c.contentExitActive,exitDone:c.contentExitDone},mountOnEnter:b,unmountOnExit:j,children:e.jsx("div",{role:"region",children:h!=null?h:e.jsx(H,{children:e.jsx(E,{})})})})]})}),sn=({value:n,onValueChange:o,onChange:s,indeterminate:a,...r})=>e.jsx(W,{contentLeft:e.jsx($.Checkbox,{value:n,indeterminate:a,onValueChange:o,onChange:s,onClick:l=>l.stopPropagation()}),...r}),on=({contentLeft:n,contentRight:o,className:s,onClick:a,children:r,...l})=>e.jsxs(t.Clickable,{disableFocusHighlight:!0,disableOpacityOnClick:!0,className:u.default(c.content,s),onClick:a,...l,children:[n&&e.jsx("div",{className:c.contentLeft,children:n}),r!=null?r:e.jsx(E,{}),o&&e.jsx("div",{className:c.contentRight,children:o})]}),an=({className:n,...o})=>e.jsx(H,{className:u.default(c.groupHeading,n),...o}),te=({text:n="Something unexpected happened."})=>e.jsx(t.Box,{justifyContent:"center",alignItems:"center",children:e.jsx(i.Banner,{variant:"error",headerText:n})}),rn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(te,{...n})}),se=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(i.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),ln=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(se,{...n})}),cn=({renderBreadCrumbs:n,renderPageHeading:o,renderTabs:s,children:a})=>e.jsxs(t.Box,{shadow:"box",background:f.cssColor("--lhds-color-ui-50"),children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsx(t.Row,{spacing:1.25,children:n()}),o==null?void 0:o(),s==null?void 0:s()]}),a&&e.jsxs(e.Fragment,{children:[!s&&n&&e.jsx(t.Space,{}),e.jsx(t.SeparatorLine,{}),a]})]}),un=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),dn={compact:1,standard:1.5,relaxed:2},xn=({heading:n,variant:o="standard",contentLeft:s,contentRight:a})=>e.jsxs(t.Row,{spacing:dn[o],alignItems:"center",gap:2,children:[e.jsx(t.Heading,{variant:"h3",children:n}),e.jsx(t.Row,{alignItems:"center",children:s}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:a})]}),hn="_sidebarMenu_hch18_1",A={sidebarMenu:hn},pn="_sidebarMenuCloseButton_1j21u_1",jn="_iconWrapper_1j21u_55",bn="_icon_1j21u_55",O={sidebarMenuCloseButton:pn,iconWrapper:jn,icon:bn},mn=n=>w.createElement("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...n},w.createElement("path",{d:"M0.928932188,0.928932188 C1.31945648,0.538407896 1.95262146,0.538407896 2.34314575,0.928932188 L2.34314575,0.928932188 L8.00003897,6.58503897 L13.6568542,0.928932188 C14.0473785,0.538407896 14.6805435,0.538407896 15.0710678,0.928932188 C15.4615921,1.31945648 15.4615921,1.95262146 15.0710678,2.34314575 L9.41503897,8.00003897 L15.0710678,13.6568542 C15.4315518,14.0173382 15.4592813,14.5845693 15.1542564,14.9768605 L15.0710678,15.0710678 C14.6805435,15.4615921 14.0473785,15.4615921 13.6568542,15.0710678 L13.6568542,15.0710678 L8.00003897,9.41503897 L2.34314575,15.0710678 C1.95262146,15.4615921 1.31945648,15.4615921 0.928932188,15.0710678 C0.538407896,14.6805435 0.538407896,14.0473785 0.928932188,13.6568542 L6.58503897,8.00003897 L0.928932188,2.34314575 C0.568448227,1.98266179 0.540718691,1.41543073 0.845743582,1.02313953 Z",id:"Combined-Shape",fill:"#FFFFFF"})),gn=({className:n,onClick:o})=>e.jsx("button",{onClick:o,className:u.default(O.sidebarMenuCloseButton,n),children:e.jsx(t.Box,{className:O.iconWrapper,children:e.jsx(mn,{className:O.icon})})}),P=n=>e.jsx(t.SeparatorLine,{color:f.cssColor("--lhds-color-blue-600"),...n}),oe=({className:n,children:o,onCloseClick:s,collapsed:a=!1,hideCloseButton:r=!1,variant:l="standard",...d})=>{const x=X(l);return e.jsxs(t.Box,{className:u.default(A.sidebarMenu,a?A.collapsed:null,n),style:{["--swui-sidebar-menu-item-height"]:x,["--swui-nav-bar-height"]:x},"data-collapsed":a||void 0,...d,children:[!r&&e.jsxs(e.Fragment,{children:[e.jsx(gn,{onClick:s}),e.jsx(P,{}),e.jsx(t.Space,{})]}),e.jsx(t.Box,{className:A.sidebarMenuContent,height:"100%",background:"var(--current-background-color)",children:e.jsx(t.Column,{flex:1,children:o})})]})},fn=({variant:n,onClickMenuButton:o,children:s})=>e.jsxs(oe,{collapsed:!0,position:"fixed",left:0,top:0,hideCloseButton:!0,variant:n,children:[e.jsx(Q,{onClick:o}),s]}),Cn="_label_mnp0f_1",vn="_icon_mnp0f_9",_n="_spinner_mnp0f_14",Bn="_leftWrapper_mnp0f_18",wn="_button_mnp0f_23",Nn="_selected_mnp0f_45",_={label:Cn,icon:vn,spinner:_n,leftWrapper:Bn,button:wn,selected:Nn},ae=({activeClassName:n,...o})=>e.jsx("button",{...o}),L=({className:n,children:o,selected:s,indent:a,label:r,loading:l,left:d,leftIcon:x,right:j,rightIcon:b,success:p,width:m,renderLink:g=ae,style:h,...N})=>{const C=d||x||l||p,S=u.default(_.button,s?_.selected:void 0,n),v={...h,width:m,height:"var(--swui-sidebar-menu-item-height)"},y=e.jsxs(t.Row,{spacing:1,flex:1,alignItems:"center",children:[!C&&e.jsx(t.Indent,{}),a&&e.jsx(t.Indent,{num:3.5}),e.jsx(i.ButtonContent,{label:r,loading:l,left:d,leftIcon:x,right:j,rightIcon:b,success:p,labelClassName:_.label,spinnerClassName:_.spinner,iconClassName:u.default(_.icon),leftWrapperClassName:_.leftWrapper})]});return e.jsx(e.Fragment,{children:g({...N,activeClassName:_.selected,className:S,children:y,style:v})})},Sn="_sidebarMenuHeading_kvpq5_1",yn={sidebarMenuHeading:Sn},z=({className:n,label:o,contentLeft:s,contentRight:a,...r})=>e.jsx(t.Box,{spacing:2,indent:2,children:e.jsx(H,{className:yn.sidebarMenuHeading,contentLeft:s,contentRight:a,children:e.jsx(t.Text,{variant:"overline",color:"var(--swui-sidebar-menu-heading-text-color)",...r,children:o})})}),kn="_sidebarMenuCollapsible_1jwhs_1",Mn={sidebarMenuCollapsible:kn},re=({children:n,label:o,leftIcon:s})=>{const[a,r]=I.useState(!1);return e.jsx(t.Box,{background:"var(--current-background-color)",children:e.jsx(W,{className:Mn.sidebarMenuCollapsible,label:o,collapsed:a,onClick:()=>r(!a),contentLeft:s?e.jsx(t.Box,{width:"var(--swui-sidebar-menu-item-height)",alignItems:"center",justifyContent:"center",children:e.jsx(i.Icon,{icon:s,size:16,color:"var(--current-text-color)","data-hover":!0})}):e.jsx(t.Indent,{num:1}),children:e.jsx(t.Column,{flex:1,children:n})})})},D=(n,o=!1)=>n.map((s,a)=>{switch(s.type){case"heading":return e.jsx(z,{label:s.label},a);case"separator":return e.jsx(P,{},a);case"link":{const{type:r,...l}=s;return e.jsx(L,{indent:o,...l},a)}case"grouped":return e.jsx(re,{leftIcon:s.leftIcon,label:s.label,children:D(s.items,!0)},a);default:return t.exhaustSwitchCaseElseThrow(s)}}),In=(n,{popupMinWidth:o})=>n.map((s,a)=>{switch(s.type){case"heading":return null;case"separator":return e.jsx(P,{},a);case"link":{const{type:r,label:l,...d}=s;return e.jsx(L,{title:l,width:"var(--swui-sidebar-menu-item-height)",...d},a)}case"grouped":return e.jsx("div",{children:e.jsx(R.Popover,{appendTo:"parent",arrow:!1,offset:[0,0],placement:"right-start",trigger:"focusin mouseenter click",disablePadding:!0,lazy:!0,content:e.jsxs(t.Box,{minWidth:o,background:"var(--lhds-color-blue-500)",children:[e.jsx(z,{label:s.label}),D(s.items)]}),children:e.jsx(L,{title:s.label,width:"var(--swui-sidebar-menu-item-height)",leftIcon:s.leftIcon})})},a);default:return t.exhaustSwitchCaseElseThrow(s)}}),Fn=`1px solid ${f.cssColor("--lhds-color-orange-400")}`,Ln=({numItemsSelected:n,label:o,afterLabelContent:s,rightContent:a})=>e.jsxs(t.Row,{indent:3,spacing:!0,minHeight:"56px",justifyContent:"space-between",alignItems:"center",borderTop:Fn,background:f.cssColor("--lhds-color-orange-50"),children:[e.jsxs(t.Row,{alignItems:"center",children:[n!=null||o!=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"]})]}):o!=null?e.jsx(e.Fragment,{children:typeof o=="string"?e.jsx(t.Text,{children:o}):o}):null}):null,s?e.jsxs(e.Fragment,{children:[e.jsx(t.Indent,{}),e.jsx(t.Box,{children:s})]}):null]}),e.jsx(t.Box,{children:a})]});exports.ActionMenuFlatButton=K;exports.ActionMenuPrimaryButton=pe;exports.ActionMenuSecondaryButton=je;exports.CheckboxMenu=me;exports.Collapsible=W;exports.CollapsibleClickableContent=on;exports.CollapsibleContent=H;exports.CollapsibleEmptyContent=E;exports.CollapsibleGroupHeading=an;exports.CollapsibleWithCheckbox=sn;exports.ErrorPanel=te;exports.ErrorScreen=rn;exports.LoadingPanel=se;exports.LoadingScreen=ln;exports.NavBar=we;exports.NavBarButton=Y;exports.NavBarHeading=ye;exports.NavBarNotificationButton=Ee;exports.NavBarPopoverButton=ke;exports.NavBarSearchField=Te;exports.NavBarUserButton=$e;exports.Notification=qe;exports.PageHeader=cn;exports.PageHeaderRow=un;exports.PageHeading=xn;exports.SelectedItemsActionsPanel=Ln;exports.SidebarMenu=oe;exports.SidebarMenuCollapsible=re;exports.SidebarMenuHeading=z;exports.SidebarMenuLink=L;exports.SidebarMenuSeparator=P;exports.SidebarRailMenu=fn;exports.Toast=De;exports.defaultRenderLink=ae;exports.mapCSSTime=ne;exports.renderItemsExpanded=D;exports.renderItemsInRail=In;
3
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/svg/bars.svg","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavbarHeightStyleUtil.ts","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/NotificationTheme.ts","../src/components/notifications/Notification.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/collapsible/CollapsibleClickableContent.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/svg/close.svg","../src/components/sidebar-menu/SidebarMenuCloseButton.tsx","../src/components/sidebar-menu/SidebarMenuSeparator.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/SidebarMenuLink.tsx","../src/components/sidebar-menu/SidebarMenuHeading.tsx","../src/components/sidebar-menu/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/rail/renderer/RailRenderer.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport { Popover, PopoverProps } from \"@stenajs-webui/tooltip\";\nimport { Plugin as TippyPlugin, Props as TippyProps } from \"tippy.js\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n portalTarget?: PopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n portalTarget = \"parent\",\n zIndex,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n const focusManager: TippyPlugin<TippyProps> = {\n name: \"focusManager\",\n defaultValue: true,\n fn({ popper }) {\n let restoreFocus = false;\n\n const closeOnEscape = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n restoreFocus = true;\n close();\n }\n if (event.key === \"Enter\" || event.key === \" \") {\n restoreFocus = true;\n }\n };\n\n return {\n onCreate() {\n popper.addEventListener(\"keydown\", closeOnEscape);\n },\n onDestroy() {\n popper.removeEventListener(\"keydown\", closeOnEscape);\n },\n onMount() {\n restoreFocus = false;\n popper\n .querySelector<HTMLElement>(\"button:not([disabled]), a[href]\")\n ?.focus();\n },\n onHide() {\n if (buttonRef.current && restoreFocus) {\n buttonRef.current.focus();\n }\n },\n };\n },\n };\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <Popover\n disablePadding\n visible={isOpen}\n onClickOutside={close}\n placement={placement}\n content={\n isOpen && (\n <ActionMenu\n variant={\"outlined\"}\n width={menuWidth}\n top={menuTop}\n trapFocus\n >\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )\n }\n arrow={false}\n appendTo={portalTarget}\n zIndex={zIndex}\n plugins={[focusManager]}\n lazy\n >\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={buttonRef}\n onClick={handleClick}\n />\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Indent, Row, useBoolean } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n const [isOpen, open, close] = useBoolean(false);\n return (\n <Popover\n onClickOutside={close}\n arrow={false}\n visible={isOpen}\n disablePadding\n content={\n renderMenu ? (\n <Column>\n <ActionMenu>{renderMenu(close)}</ActionMenu>\n </Column>\n ) : undefined\n }\n placement={\"bottom-start\"}\n variant={\"outlined\"}\n >\n <Box display={\"inline-block\"}>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} onClick={open} leftIcon={stenaAngleDown} />\n </Row>\n </Box>\n </Popover>\n );\n};\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiw1IEwyLDUgQzIuMTE5OTIzNzMsNSAyLDQuODUwNzYxNTggMiw1IEwyLDMgQzIsMy4xNDkyMzg0MiAyLjExOTkyMzczLDMgMiwzIEwyMiwzIEMyMS44ODAwNzYzLDMgMjIsMy4xNDkyMzg0MiAyMiwzIEwyMiw1IEMyMiw0Ljg1MDc2MTU4IDIxLjg4MDA3NjMsNSAyMiw1IFogTTIyLDEzIEwyLDEzIEMyLjExOTkyMzczLDEzIDIsMTIuODUwNzYxNiAyLDEzIEwyLDExIEMyLDExLjE0OTIzODQgMi4xMTk5MjM3MywxMSAyLDExIEwyMiwxMSBDMjEuODgwMDc2MywxMSAyMiwxMS4xNDkyMzg0IDIyLDExIEwyMiwxMyBDMjIsMTIuODUwNzYxNiAyMS44ODAwNzYzLDEzIDIyLDEzIFogTTIyLDIxIEwyLDIxIEMyLjExOTkyMzczLDIxIDIsMjAuODUwNzYxNiAyLDIxIEwyLDE5IEMyLDE5LjE0OTIzODQgMi4xMTk5MjM3MywxOSAyLDE5IEwyMiwxOSBDMjEuODgwMDc2MywxOSAyMiwxOS4xNDkyMzg0IDIyLDE5IEwyMiwyMSBDMjIsMjAuODUwNzYxNiAyMS44ODAwNzYzLDIxIDIyLDIxIFoiLz4KPC9zdmc+Cg==\"","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSideMenuButton.module.css\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as Hamburger } from \"./svg/bars.svg\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <button\n onClick={onClick}\n className={cx(styles.sidebarMenuButton, className)}\n >\n <Hamburger className={styles.icon} />\n </button>\n );\n};\n","import { NavBarVariant } from \"./NavBar\";\n\nconst variantToHeight: Record<NavBarVariant, number> = {\n compact: 40,\n standard: 48,\n relaxed: 64,\n};\n\nexport const getNavbarHeight = (variant: NavBarVariant) =>\n variantToHeight[variant] + \"px\";\n","import { Box, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\nimport { getNavbarHeight } from \"./NavbarHeightStyleUtil\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n menuButtonVisibility?: \"visible\" | \"hidden\";\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n menuButtonVisibility = \"visible\",\n children,\n right,\n center,\n variant = \"standard\",\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n const height = getNavbarHeight(variant);\n return (\n <Row\n height={height}\n minHeight={height}\n justifyContent={\"space-between\"}\n style={{ [\"--swui-nav-bar-height\" as string]: height }}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n {showMenuButton ? (\n <>\n {menuButtonVisibility === \"hidden\" ? (\n <Box width={\"var(--swui-nav-bar-height)\"} />\n ) : (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n <Indent />\n </>\n ) : (\n <Indent num={2} />\n )}\n {left ? (\n <>\n {left}\n <Indent num={2} />\n </>\n ) : (\n <Indent num={2} />\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton: React.FC<NavBarButtonProps> = ({\n selected,\n className,\n ...buttonProps\n}) => {\n return (\n <FlatButton\n {...buttonProps}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className\n )}\n />\n );\n};\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return <Heading whiteSpace={\"nowrap\"} color={\"#fff\"} {...headingProps} />;\n};\n","import { useBoolean } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n ...navBarButtonProps\n}) => {\n const [isOpen, open, close] = useBoolean(false);\n\n return (\n <Popover\n onClickOutside={close}\n triggerTarget={document.body}\n visible={isOpen}\n content={\n <>\n {content && content({ close })}\n {children}\n </>\n }\n >\n <NavBarButton {...navBarButtonProps} onClick={open} />\n </Popover>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaBell } from \"@stenajs-webui/elements\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton: React.FC<\n NavBarNotificationButtonProps\n> = ({\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBell,\n ...buttonProps\n}) => {\n const hasCount = count > 0;\n\n return (\n <FlatButton\n {...buttonProps}\n leftIcon={icon}\n className={cx(\n { [styles.unread]: unread },\n { [styles.hasCount]: hasCount },\n styles.navBarNotificationButton,\n className\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n};\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport { Clickable } from \"@stenajs-webui/core\";\nimport { Icon, stenaSearch } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\n\ninterface NavBarSearchFieldProps extends TextInputProps {}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search...\",\n className,\n wrapperClassName,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(styles.navBarSearchField, wrapperClassName)}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n contentRight={\n <Clickable>\n <Icon icon={stenaSearch} />\n </Clickable>\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n iconClassName,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(\n { [styles.initials]: initials != null },\n styles.navBarUserButton,\n className\n )}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n disableArrow\n />\n );\n};\n","export interface NotificationTheme {\n notificationBg: string;\n notificationHoverBg: string;\n notificationDismissedBg: string;\n notificationDismissedHoverBg: string;\n}\n\nexport const defaultNotificationTheme: NotificationTheme = {\n notificationBg: \"#eaeaea\",\n notificationHoverBg: \"#eeeeee\",\n notificationDismissedBg: \"#ffffff\",\n notificationDismissedHoverBg: \"#f4f4f4\",\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Box, Clickable, Column, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { formatDistance } from \"date-fns\";\nimport * as React from \"react\";\nimport { ReactNode, useMemo } from \"react\";\nimport {\n defaultNotificationTheme,\n NotificationTheme,\n} from \"./NotificationTheme\";\n\nexport interface NotificationProps {\n title?: string;\n text?: string;\n content?: ReactNode;\n dismissed?: boolean;\n date?: Date;\n icon?: IconDefinition;\n iconColor?: string;\n onClick?: () => void;\n theme?: NotificationTheme;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n onClick,\n icon,\n iconColor,\n title,\n text,\n content,\n date,\n dismissed,\n theme = defaultNotificationTheme,\n}) => {\n const agoLabel = useMemo(() => {\n if (date) {\n return `${formatDistance(date, new Date())} ago`;\n }\n return undefined;\n }, [date]);\n\n return (\n <Clickable onClick={onClick} style={{ textAlign: \"left\" }}>\n <Box\n background={\n dismissed ? theme.notificationDismissedBg : theme.notificationBg\n }\n hoverBackground={\n dismissed\n ? theme.notificationDismissedHoverBg\n : theme.notificationHoverBg\n }\n spacing\n indent\n >\n <Row width={\"250px\"}>\n {icon && (\n <Row width={\"34px\"} alignItems={\"center\"}>\n <Icon icon={icon} color={iconColor} />\n </Row>\n )}\n <Column flex={1}>\n {title && (\n <>\n <Text>{title}</Text>\n <Space half />\n </>\n )}\n {text && (\n <>\n <Text size={\"small\"}>{text}</Text>\n <Space half />\n </>\n )}\n {content && (\n <>\n {content}\n <Space half />\n </>\n )}\n <Text size={\"small\"} color={cssColor(\"--swui-text-disabled-color\")}>\n {agoLabel}\n </Text>\n </Column>\n </Row>\n </Box>\n </Clickable>\n );\n};\n","import { faInbox } from \"@fortawesome/free-solid-svg-icons/faInbox\";\nimport { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\ninterface Props {}\n\nexport const CollapsibleEmptyContent: React.FC<Props> = () => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={faInbox} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n No content\n </Text>\n </Column>\n );\n};\n","import cx from \"classnames\";\nimport * as React from \"react\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleSimpleContentProps {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n}\n\nexport const CollapsibleContent: React.FC<\n CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>\n> = ({ contentLeft, contentRight, className, children, ...props }) => {\n return (\n <div className={cx(styles.content, className)} {...props}>\n {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n {children ?? <CollapsibleEmptyContent />}\n {contentRight && (\n <div className={styles.contentRight}>{contentRight}</div>\n )}\n </div>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faChevronUp } from \"@fortawesome/free-solid-svg-icons/faChevronUp\";\nimport { Clickable, ClickableProps, DivProps, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleProps\n extends Omit<DivProps, \"onClick\">,\n Pick<ClickableProps, \"onClick\"> {\n label: string;\n contentLeft?: React.ReactNode;\n contentRight?: React.ReactNode;\n collapsed?: boolean;\n disabled?: boolean;\n unmountOnCollapse?: boolean;\n mountOnEnter?: boolean;\n icon?: IconDefinition;\n iconCollapsed?: IconDefinition;\n iconSize?: number;\n autoFocus?: boolean;\n}\n\nexport const mapCSSTime = (value: string): number => {\n const num = parseFloat(value);\n const match = value.match(/m?s/);\n\n switch (match?.[0]) {\n case \"s\":\n return num * 1000;\n case \"ms\":\n return num;\n default:\n return 0;\n }\n};\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n function Collapsible(\n {\n label,\n contentLeft,\n contentRight,\n collapsed = false,\n onClick,\n className,\n disabled = false,\n unmountOnCollapse = false,\n mountOnEnter = true,\n icon = faChevronUp,\n iconCollapsed = faChevronDown,\n iconSize = 8,\n children,\n autoFocus = false,\n ...divProps\n },\n ref\n ) {\n const divRef = React.useRef<HTMLDivElement>(null);\n\n const timeout = divRef.current\n ? mapCSSTime(\n getComputedStyle(divRef.current).getPropertyValue(\n \"--swui-collapsible-animation-time\"\n )\n )\n : undefined;\n\n return (\n <div\n className={cx(styles.collapsible, className)}\n aria-expanded={!collapsed}\n ref={divRef}\n {...divProps}\n >\n <Clickable\n disableFocusHighlight\n disableOpacityOnClick\n className={styles.header}\n onClick={onClick}\n disabled={disabled}\n autoFocus={autoFocus}\n ref={ref}\n >\n {contentLeft && (\n <div className={styles.contentLeft}>{contentLeft}</div>\n )}\n <div className={styles.label}>\n <Text\n color={\"var(--swui-collapsible-header-text-color)\"}\n className={styles.headerText}\n >\n {label}\n </Text>\n </div>\n {contentRight && (\n <div className={styles.contentRight}>{contentRight}</div>\n )}\n <Icon\n icon={collapsed ? iconCollapsed : icon}\n className={styles.indicator}\n size={iconSize}\n fixedWidth\n />\n </Clickable>\n <CSSTransition\n in={!collapsed}\n timeout={{\n enter: timeout,\n }}\n classNames={{\n enter: styles.contentEnter,\n enterActive: styles.contentEnterActive,\n exit: styles.contentExit,\n exitActive: styles.contentExitActive,\n exitDone: styles.contentExitDone,\n }}\n mountOnEnter={mountOnEnter}\n unmountOnExit={unmountOnCollapse}\n >\n <div role={\"region\"}>\n {children ?? (\n <CollapsibleContent>\n <CollapsibleEmptyContent />\n </CollapsibleContent>\n )}\n </div>\n </CSSTransition>\n </div>\n );\n }\n);\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport interface CollapsibleWithCheckboxProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import { ButtonElementProps, Clickable } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleSimpleContentProps } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleClickableContentProps\n extends CollapsibleSimpleContentProps,\n ButtonElementProps {}\n\nexport const CollapsibleClickableContent: React.FC<\n CollapsibleClickableContentProps\n> = ({ contentLeft, contentRight, className, onClick, children, ...props }) => {\n return (\n <Clickable\n disableFocusHighlight\n disableOpacityOnClick\n className={cx(styles.content, className)}\n onClick={onClick}\n {...props}\n >\n {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n {children ?? <CollapsibleEmptyContent />}\n {contentRight && (\n <div className={styles.contentRight}>{contentRight}</div>\n )}\n </Clickable>\n );\n};\n","import { DivProps } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport {\n CollapsibleContent,\n CollapsibleSimpleContentProps,\n} from \"./CollapsibleContent\";\n\nexport interface CollapsibleGroupHeadingProps\n extends CollapsibleSimpleContentProps,\n DivProps {}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ className, ...props }) => (\n <CollapsibleContent\n className={cx(styles.groupHeading, className)}\n {...props}\n />\n);\n","import { Box } from \"@stenajs-webui/core\";\nimport { Banner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface ErrorPanelProps {\n text?: string;\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text = \"Something unexpected happened.\",\n}) => {\n return (\n <Box justifyContent={\"center\"} alignItems={\"center\"}>\n <Banner variant={\"error\"} headerText={text} />\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, SeparatorLine, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"box\"} background={cssColor(\"--lhds-color-ui-50\")}>\n <Box indent={3}>\n {renderBreadCrumbs && <Row spacing={1.25}>{renderBreadCrumbs()}</Row>}\n {renderPageHeading?.()}\n {renderTabs?.()}\n </Box>\n {children && (\n <>\n {!renderTabs && renderBreadCrumbs && <Space />}\n <SeparatorLine />\n {children}\n </>\n )}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, Row } from \"@stenajs-webui/core\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n variant?: PageHeadingVariant;\n}\n\nconst variantToSpacing: Record<PageHeadingVariant, number> = {\n compact: 1,\n standard: 1.5,\n relaxed: 2,\n};\n\nexport const PageHeading: React.VFC<PageHeadingProps> = ({\n heading,\n variant = \"standard\",\n contentLeft,\n contentRight,\n}) => (\n <Row spacing={variantToSpacing[variant]} alignItems={\"center\"} gap={2}>\n <Heading variant={\"h3\"}>{heading}</Heading>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMC45Mjg5MzIxODgsMC45Mjg5MzIxODggQzEuMzE5NDU2NDgsMC41Mzg0MDc4OTYgMS45NTI2MjE0NiwwLjUzODQwNzg5NiAyLjM0MzE0NTc1LDAuOTI4OTMyMTg4IEwyLjM0MzE0NTc1LDAuOTI4OTMyMTg4IEw4LjAwMDAzODk3LDYuNTg1MDM4OTcgTDEzLjY1Njg1NDIsMC45Mjg5MzIxODggQzE0LjA0NzM3ODUsMC41Mzg0MDc4OTYgMTQuNjgwNTQzNSwwLjUzODQwNzg5NiAxNS4wNzEwNjc4LDAuOTI4OTMyMTg4IEMxNS40NjE1OTIxLDEuMzE5NDU2NDggMTUuNDYxNTkyMSwxLjk1MjYyMTQ2IDE1LjA3MTA2NzgsMi4zNDMxNDU3NSBMOS40MTUwMzg5Nyw4LjAwMDAzODk3IEwxNS4wNzEwNjc4LDEzLjY1Njg1NDIgQzE1LjQzMTU1MTgsMTQuMDE3MzM4MiAxNS40NTkyODEzLDE0LjU4NDU2OTMgMTUuMTU0MjU2NCwxNC45NzY4NjA1IEwxNS4wNzEwNjc4LDE1LjA3MTA2NzggQzE0LjY4MDU0MzUsMTUuNDYxNTkyMSAxNC4wNDczNzg1LDE1LjQ2MTU5MjEgMTMuNjU2ODU0MiwxNS4wNzEwNjc4IEwxMy42NTY4NTQyLDE1LjA3MTA2NzggTDguMDAwMDM4OTcsOS40MTUwMzg5NyBMMi4zNDMxNDU3NSwxNS4wNzEwNjc4IEMxLjk1MjYyMTQ2LDE1LjQ2MTU5MjEgMS4zMTk0NTY0OCwxNS40NjE1OTIxIDAuOTI4OTMyMTg4LDE1LjA3MTA2NzggQzAuNTM4NDA3ODk2LDE0LjY4MDU0MzUgMC41Mzg0MDc4OTYsMTQuMDQ3Mzc4NSAwLjkyODkzMjE4OCwxMy42NTY4NTQyIEw2LjU4NTAzODk3LDguMDAwMDM4OTcgTDAuOTI4OTMyMTg4LDIuMzQzMTQ1NzUgQzAuNTY4NDQ4MjI3LDEuOTgyNjYxNzkgMC41NDA3MTg2OTEsMS40MTU0MzA3MyAwLjg0NTc0MzU4MiwxLjAyMzEzOTUzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiIgLz4KPC9zdmc+Cg==\"","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SidebarMenuCloseButton.module.css\";\nimport { Box, ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as CloseIcon } from \"./svg/close.svg\";\n\nexport interface SidebarMenuCloseButtonProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <button\n onClick={onClick}\n className={cx(styles.sidebarMenuCloseButton, className)}\n >\n <Box className={styles.iconWrapper}>\n <CloseIcon className={styles.icon} />\n </Box>\n </button>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-blue-600\")}\n {...separatorLineProps}\n />\n);\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButton,\n SidebarMenuCloseButtonProps,\n} from \"./SidebarMenuCloseButton\";\nimport { getNavbarHeight } from \"../nav-bar/NavbarHeightStyleUtil\";\nimport { NavBarVariant } from \"../nav-bar/NavBar\";\nimport { SidebarMenuSeparator } from \"./SidebarMenuSeparator\";\n\nexport type SidebarMenuVariant = NavBarVariant;\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonProps[\"onClick\"];\n hideCloseButton?: boolean;\n collapsed?: boolean;\n variant?: SidebarMenuVariant;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n collapsed = false,\n hideCloseButton = false,\n variant = \"standard\",\n ...boxProps\n}) => {\n const height = getNavbarHeight(variant);\n\n return (\n <Box\n className={cx(\n styles.sidebarMenu,\n collapsed ? styles.collapsed : null,\n className\n )}\n style={{\n [\"--swui-sidebar-menu-item-height\" as string]: height,\n [\"--swui-nav-bar-height\" as string]: height,\n }}\n data-collapsed={collapsed || undefined}\n {...boxProps}\n >\n {!hideCloseButton && (\n <>\n <SidebarMenuCloseButton onClick={onCloseClick} />\n <SidebarMenuSeparator />\n <Space />\n </>\n )}\n <Box\n className={styles.sidebarMenuContent}\n height={\"100%\"}\n background={\"var(--current-background-color)\"}\n >\n <Column flex={1}>{children}</Column>\n </Box>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { SidebarMenu, SidebarMenuVariant } from \"../SidebarMenu\";\nimport { NavBarSideMenuButton } from \"../../nav-bar/NavBarSideMenuButton\";\nimport { ReactNode } from \"react\";\n\ninterface RailMenuProps {\n variant?: SidebarMenuVariant;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n}\n\nexport const SidebarRailMenu: React.FC<RailMenuProps> = ({\n variant,\n onClickMenuButton,\n children,\n}) => {\n return (\n <SidebarMenu\n collapsed\n position={\"fixed\"}\n left={0}\n top={0}\n hideCloseButton\n variant={variant}\n >\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n {children}\n </SidebarMenu>\n );\n};\n","import { ButtonElementProps, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CSSProperties, ReactNode } from \"react\";\nimport { ButtonContent, ButtonContentProps } from \"@stenajs-webui/elements\";\nimport contentStyles from \"./SidebarMenuContent.module.css\";\nimport cx from \"classnames\";\n\nexport type RenderLinkProps = ButtonElementProps & { activeClassName: string };\n\nexport interface SidebarMenuLinkProps\n extends ButtonElementProps,\n Pick<\n ButtonContentProps,\n | \"label\"\n | \"loading\"\n | \"left\"\n | \"leftIcon\"\n | \"right\"\n | \"rightIcon\"\n | \"success\"\n > {\n renderLink?: SidebarLinkRenderer;\n width?: CSSProperties[\"width\"];\n selected?: boolean;\n indent?: boolean;\n}\n\nexport type SidebarLinkRenderer = (props: RenderLinkProps) => ReactNode;\n\nexport const defaultRenderLink: SidebarLinkRenderer = ({\n activeClassName,\n ...props\n}) => {\n return <button {...props} />;\n};\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = ({\n className,\n children,\n selected,\n indent,\n label,\n loading,\n left,\n leftIcon,\n right,\n rightIcon,\n success,\n width,\n renderLink = defaultRenderLink,\n style,\n ...buttonProps\n}) => {\n const hasContentLeft = left || leftIcon || loading || success;\n\n const innerClassName = cx(\n contentStyles.button,\n selected ? contentStyles.selected : undefined,\n className\n );\n\n const innerStyle = {\n ...style,\n width,\n height: \"var(--swui-sidebar-menu-item-height)\",\n };\n\n const innerChildren = (\n <Row spacing={1} flex={1} alignItems={\"center\"}>\n {!hasContentLeft && <Indent />}\n {indent && <Indent num={3.5} />}\n <ButtonContent\n label={label}\n loading={loading}\n left={left}\n leftIcon={leftIcon}\n right={right}\n rightIcon={rightIcon}\n success={success}\n labelClassName={contentStyles.label}\n spinnerClassName={contentStyles.spinner}\n iconClassName={cx(contentStyles.icon)}\n leftWrapperClassName={contentStyles.leftWrapper}\n />\n </Row>\n );\n\n return (\n <>\n {renderLink({\n ...buttonProps,\n activeClassName: contentStyles.selected,\n className: innerClassName,\n children: innerChildren,\n style: innerStyle,\n })}\n </>\n );\n};\n","import { Box, Text, TextProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenuHeading.module.css\";\nimport {\n CollapsibleContent,\n CollapsibleSimpleContentProps,\n} from \"../collapsible/CollapsibleContent\";\n\nexport interface SidebarMenuHeadingProps\n extends Pick<CollapsibleSimpleContentProps, \"contentLeft\" | \"contentRight\">,\n TextProps {\n label?: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n className,\n label,\n contentLeft,\n contentRight,\n ...textProps\n}) => {\n return (\n <Box spacing={2} indent={2}>\n <CollapsibleContent\n className={styles.sidebarMenuHeading}\n contentLeft={contentLeft}\n contentRight={contentRight}\n >\n <Text\n variant={\"overline\"}\n color={\"var(--swui-sidebar-menu-heading-text-color)\"}\n {...textProps}\n >\n {label}\n </Text>\n </CollapsibleContent>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { Collapsible } from \"../collapsible/Collapsible\";\nimport { Box, Column, Indent } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport styles from \"./SidebarMenuCollapsible.module.css\";\nimport { Icon } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n}) => {\n const [collapsed, setCollapsed] = useState<boolean>(false);\n\n return (\n <Box background={\"var(--current-background-color)\"}>\n <Collapsible\n className={styles.sidebarMenuCollapsible}\n label={label}\n collapsed={collapsed}\n onClick={() => setCollapsed(!collapsed)}\n contentLeft={\n leftIcon ? (\n <Box\n width={\"var(--swui-sidebar-menu-item-height)\"}\n alignItems={\"center\"}\n justifyContent={\"center\"}\n >\n <Icon\n icon={leftIcon}\n size={16}\n color={\"var(--current-text-color)\"}\n data-hover={true}\n />\n </Box>\n ) : (\n <Indent num={1} />\n )\n }\n >\n <Column flex={1}>{children}</Column>\n </Collapsible>\n </Box>\n );\n};\n","import { SidebarMenuLink } from \"../../SidebarMenuLink\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { SidebarMenuHeading } from \"../../SidebarMenuHeading\";\nimport { SidebarMenuSeparator } from \"../../SidebarMenuSeparator\";\nimport { SidebarMenuCollapsible } from \"../../SidebarMenuCollapsible\";\nimport { Box, exhaustSwitchCaseElseThrow } from \"@stenajs-webui/core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { SidebarItem } from \"./types\";\n\nexport const renderItemsExpanded = (\n items: SidebarItem[],\n indent = false\n): ReactNode[] => {\n return items.map((item, index) => {\n switch (item.type) {\n case \"heading\":\n return <SidebarMenuHeading key={index} label={item.label} />;\n case \"separator\":\n return <SidebarMenuSeparator key={index} />;\n case \"link\": {\n const { type, ...linkProps } = item;\n return <SidebarMenuLink key={index} indent={indent} {...linkProps} />;\n }\n case \"grouped\":\n return (\n <SidebarMenuCollapsible\n key={index}\n leftIcon={item.leftIcon}\n label={item.label}\n >\n {renderItemsExpanded(item.items, true)}\n </SidebarMenuCollapsible>\n );\n default:\n return exhaustSwitchCaseElseThrow(item);\n }\n });\n};\n\ninterface RailRendererOptions {\n popupMinWidth: string | number;\n}\n\nexport const renderItemsInRail = (\n items: SidebarItem[],\n { popupMinWidth }: RailRendererOptions\n): ReactNode[] => {\n return items.map((item, index) => {\n switch (item.type) {\n case \"heading\":\n return null;\n case \"separator\":\n return <SidebarMenuSeparator key={index} />;\n case \"link\": {\n const { type, label, ...linkProps } = item;\n return (\n <SidebarMenuLink\n key={index}\n title={label}\n width={\"var(--swui-sidebar-menu-item-height)\"}\n {...linkProps}\n />\n );\n }\n case \"grouped\":\n return (\n <div key={index}>\n <Popover\n appendTo={\"parent\"}\n arrow={false}\n offset={[0, 0]}\n placement={\"right-start\"}\n trigger={\"focusin mouseenter click\"}\n disablePadding\n lazy\n content={\n <Box\n minWidth={popupMinWidth}\n background={\"var(--lhds-color-blue-500)\"}\n >\n <SidebarMenuHeading label={item.label} />\n {renderItemsExpanded(item.items)}\n </Box>\n }\n >\n <SidebarMenuLink\n title={item.label}\n width={\"var(--swui-sidebar-menu-item-height)\"}\n leftIcon={item.leftIcon}\n />\n </Popover>\n </div>\n );\n default:\n return exhaustSwitchCaseElseThrow(item);\n }\n });\n};\n","import * as React from \"react\";\nimport { Box, Indent, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\ninterface SelectedItemsActionsProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nconst borderTop = `1px solid ${cssColor(\"--lhds-color-orange-400\")}`;\n\nexport const SelectedItemsActionsPanel: React.FC<SelectedItemsActionsProps> = ({\n numItemsSelected,\n label,\n afterLabelContent,\n rightContent,\n}) => (\n <Row\n indent={3}\n spacing\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n borderTop={borderTop}\n background={cssColor(\"--lhds-color-orange-50\")}\n >\n <Row alignItems={\"center\"}>\n {numItemsSelected != null || label != null ? (\n <>\n {numItemsSelected != null ? (\n <>\n <Text variant={\"bold\"}>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </>\n ) : null}\n {afterLabelContent ? (\n <>\n <Indent />\n <Box>{afterLabelContent}</Box>\n </>\n ) : null}\n </Row>\n <Box>{rightContent}</Box>\n </Row>\n);\n"],"names":["ActionMenuButton","renderItems","placement","buttonComponent","Button","rightIcon","stenaAngleDown","portalTarget","zIndex","menuWidth","menuTop","onClick","disableArrow","buttonProps","isOpen","open","close","toggle","useBoolean","buttonRef","useRef","focusManager","name","defaultValue","fn","popper","restoreFocus","closeOnEscape","event","key","onCreate","addEventListener","onDestroy","removeEventListener","onMount","querySelector","focus","onHide","current","contextValue","useMemo","handleClick","Popover","_jsx","ActionMenu","ActionMenuContext","undefined","ActionMenuPrimaryButton","props","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Column","Box","Row","Checkbox","Indent","SvgBars","React","NavBarSideMenuButton","className","cx","styles","sidebarMenuButton","Hamburger","icon","variantToHeight","getNavbarHeight","variant","NavBar","left","showMenuButton","menuButtonVisibility","children","right","center","onClickMenuButton","currentFlex","height","navBar","_jsxs","_Fragment","Children","map","child","index","NavBarButton","selected","navBarButton","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","document","body","NavBarNotificationButton","count","unread","labelClassName","iconClassName","stenaBell","hasCount","navBarNotificationButton","String","label","NavBarSearchField","placeholder","wrapperClassName","textInputProps","TextInput","navBarSearchField","navBarSearchFieldInput","Clickable","Icon","stenaSearch","NavBarUserButton","username","initials","stenaUserCircle","navBarUserButton","defaultNotificationTheme","Notification","iconColor","title","text","date","dismissed","theme","agoLabel","formatDistance","Date","textAlign","notificationDismissedBg","notificationBg","notificationDismissedHoverBg","notificationHoverBg","Text","Space","cssColor","CollapsibleEmptyContent","faInbox","CollapsibleContent","contentLeft","contentRight","mapCSSTime","value","num","parseFloat","match","Collapsible","forwardRef","collapsed","disabled","unmountOnCollapse","mountOnEnter","faChevronUp","iconCollapsed","faChevronDown","iconSize","autoFocus","divProps","ref","divRef","timeout","getComputedStyle","getPropertyValue","collapsible","header","headerText","indicator","CSSTransition","enter","contentEnter","enterActive","contentEnterActive","exit","contentExit","exitActive","contentExitActive","exitDone","contentExitDone","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","collapsibleProps","ev","stopPropagation","CollapsibleClickableContent","CollapsibleGroupHeading","groupHeading","ErrorPanel","Banner","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","SeparatorLine","PageHeaderRow","variantToSpacing","compact","standard","relaxed","PageHeading","heading","marginLeft","SvgClose","SidebarMenuCloseButton","sidebarMenuCloseButton","iconWrapper","CloseIcon","SidebarMenuSeparator","separatorLineProps","SidebarMenu","onCloseClick","hideCloseButton","boxProps","sidebarMenu","sidebarMenuContent","SidebarRailMenu","defaultRenderLink","activeClassName","SidebarMenuLink","indent","loading","leftIcon","success","width","renderLink","style","hasContentLeft","innerClassName","contentStyles","button","innerStyle","innerChildren","ButtonContent","spinner","leftWrapper","SidebarMenuHeading","textProps","sidebarMenuHeading","SidebarMenuCollapsible","setCollapsed","useState","sidebarMenuCollapsible","renderItemsExpanded","items","item","type","linkProps","exhaustSwitchCaseElseThrow","renderItemsInRail","popupMinWidth","borderTop","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/svg/bars.svg","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavbarHeightStyleUtil.ts","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/collapsible/CollapsibleClickableContent.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/svg/close.svg","../src/components/sidebar-menu/SidebarMenuCloseButton.tsx","../src/components/sidebar-menu/SidebarMenuSeparator.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/SidebarMenuLink.tsx","../src/components/sidebar-menu/SidebarMenuHeading.tsx","../src/components/sidebar-menu/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/rail/renderer/RailRenderer.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport { Popover, PopoverProps } from \"@stenajs-webui/tooltip\";\nimport { Plugin as TippyPlugin, Props as TippyProps } from \"tippy.js\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n portalTarget?: PopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n portalTarget = \"parent\",\n zIndex,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n const focusManager: TippyPlugin<TippyProps> = {\n name: \"focusManager\",\n defaultValue: true,\n fn({ popper }) {\n let restoreFocus = false;\n\n const closeOnEscape = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n restoreFocus = true;\n close();\n }\n if (event.key === \"Enter\" || event.key === \" \") {\n restoreFocus = true;\n }\n };\n\n return {\n onCreate() {\n popper.addEventListener(\"keydown\", closeOnEscape);\n },\n onDestroy() {\n popper.removeEventListener(\"keydown\", closeOnEscape);\n },\n onMount() {\n restoreFocus = false;\n popper\n .querySelector<HTMLElement>(\"button:not([disabled]), a[href]\")\n ?.focus();\n },\n onHide() {\n if (buttonRef.current && restoreFocus) {\n buttonRef.current.focus();\n }\n },\n };\n },\n };\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <Popover\n disablePadding\n visible={isOpen}\n onClickOutside={close}\n placement={placement}\n content={\n isOpen && (\n <ActionMenu\n variant={\"outlined\"}\n width={menuWidth}\n top={menuTop}\n trapFocus\n >\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )\n }\n arrow={false}\n appendTo={portalTarget}\n zIndex={zIndex}\n plugins={[focusManager]}\n lazy\n >\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={buttonRef}\n onClick={handleClick}\n />\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Indent, Row, useBoolean } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n const [isOpen, open, close] = useBoolean(false);\n return (\n <Popover\n onClickOutside={close}\n arrow={false}\n visible={isOpen}\n disablePadding\n content={\n renderMenu ? (\n <Column>\n <ActionMenu>{renderMenu(close)}</ActionMenu>\n </Column>\n ) : undefined\n }\n placement={\"bottom-start\"}\n variant={\"outlined\"}\n >\n <Box display={\"inline-block\"}>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} onClick={open} leftIcon={stenaAngleDown} />\n </Row>\n </Box>\n </Popover>\n );\n};\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiw1IEwyLDUgQzIuMTE5OTIzNzMsNSAyLDQuODUwNzYxNTggMiw1IEwyLDMgQzIsMy4xNDkyMzg0MiAyLjExOTkyMzczLDMgMiwzIEwyMiwzIEMyMS44ODAwNzYzLDMgMjIsMy4xNDkyMzg0MiAyMiwzIEwyMiw1IEMyMiw0Ljg1MDc2MTU4IDIxLjg4MDA3NjMsNSAyMiw1IFogTTIyLDEzIEwyLDEzIEMyLjExOTkyMzczLDEzIDIsMTIuODUwNzYxNiAyLDEzIEwyLDExIEMyLDExLjE0OTIzODQgMi4xMTk5MjM3MywxMSAyLDExIEwyMiwxMSBDMjEuODgwMDc2MywxMSAyMiwxMS4xNDkyMzg0IDIyLDExIEwyMiwxMyBDMjIsMTIuODUwNzYxNiAyMS44ODAwNzYzLDEzIDIyLDEzIFogTTIyLDIxIEwyLDIxIEMyLjExOTkyMzczLDIxIDIsMjAuODUwNzYxNiAyLDIxIEwyLDE5IEMyLDE5LjE0OTIzODQgMi4xMTk5MjM3MywxOSAyLDE5IEwyMiwxOSBDMjEuODgwMDc2MywxOSAyMiwxOS4xNDkyMzg0IDIyLDE5IEwyMiwyMSBDMjIsMjAuODUwNzYxNiAyMS44ODAwNzYzLDIxIDIyLDIxIFoiLz4KPC9zdmc+Cg==\"","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSideMenuButton.module.css\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as Hamburger } from \"./svg/bars.svg\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <button\n onClick={onClick}\n className={cx(styles.sidebarMenuButton, className)}\n >\n <Hamburger className={styles.icon} />\n </button>\n );\n};\n","import { NavBarVariant } from \"./NavBar\";\n\nconst variantToHeight: Record<NavBarVariant, number> = {\n compact: 40,\n standard: 48,\n relaxed: 64,\n};\n\nexport const getNavbarHeight = (variant: NavBarVariant) =>\n variantToHeight[variant] + \"px\";\n","import { Box, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\nimport { getNavbarHeight } from \"./NavbarHeightStyleUtil\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n menuButtonVisibility?: \"visible\" | \"hidden\";\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n menuButtonVisibility = \"visible\",\n children,\n right,\n center,\n variant = \"standard\",\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n const height = getNavbarHeight(variant);\n return (\n <Row\n height={height}\n minHeight={height}\n justifyContent={\"space-between\"}\n style={{ [\"--swui-nav-bar-height\" as string]: height }}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n {showMenuButton ? (\n <>\n {menuButtonVisibility === \"hidden\" ? (\n <Box width={\"var(--swui-nav-bar-height)\"} />\n ) : (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n <Indent />\n </>\n ) : (\n <Indent num={2} />\n )}\n {left ? (\n <>\n {left}\n <Indent num={2} />\n </>\n ) : (\n <Indent num={2} />\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton: React.FC<NavBarButtonProps> = ({\n selected,\n className,\n ...buttonProps\n}) => {\n return (\n <FlatButton\n {...buttonProps}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className\n )}\n />\n );\n};\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return <Heading whiteSpace={\"nowrap\"} color={\"#fff\"} {...headingProps} />;\n};\n","import { useBoolean } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n ...navBarButtonProps\n}) => {\n const [isOpen, open, close] = useBoolean(false);\n\n return (\n <Popover\n onClickOutside={close}\n triggerTarget={document.body}\n visible={isOpen}\n content={\n <>\n {content && content({ close })}\n {children}\n </>\n }\n >\n <NavBarButton {...navBarButtonProps} onClick={open} />\n </Popover>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaBell } from \"@stenajs-webui/elements\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton: React.FC<\n NavBarNotificationButtonProps\n> = ({\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBell,\n ...buttonProps\n}) => {\n const hasCount = count > 0;\n\n return (\n <FlatButton\n {...buttonProps}\n leftIcon={icon}\n className={cx(\n { [styles.unread]: unread },\n { [styles.hasCount]: hasCount },\n styles.navBarNotificationButton,\n className\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n};\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport { Clickable } from \"@stenajs-webui/core\";\nimport { Icon, stenaSearch } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\n\ninterface NavBarSearchFieldProps extends TextInputProps {}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search...\",\n className,\n wrapperClassName,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(styles.navBarSearchField, wrapperClassName)}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n contentRight={\n <Clickable>\n <Icon icon={stenaSearch} />\n </Clickable>\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n iconClassName,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(\n { [styles.initials]: initials != null },\n styles.navBarUserButton,\n className\n )}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n disableArrow\n />\n );\n};\n","import { Box, Row, Txt } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { FlatButton, Icon, stenaTimes } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: IconDefinition;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Icon colour. */\n iconColor?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n iconColor,\n contentLeft,\n contentRight,\n onClose,\n}) => (\n <Row alignItems={\"flex-start\"} indent spacing>\n <Row indent={2} spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft && icon && (\n <Icon\n icon={icon}\n size={20}\n color={iconColor}\n aria-label={iconAriaLabel}\n />\n )}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Txt variant={\"bold\"}>{text}</Txt>\n {timestamp && (\n <Txt size={\"small\"} color={cssColor(\"--lhds-color-ui-600\")}>\n {timestamp}\n </Txt>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n style={{\n height: \"calc(20px + 2 * var(--swui-metrics-spacing))\",\n }}\n >\n <FlatButton\n leftIcon={stenaTimes}\n onClick={onClose}\n aria-label={\"Close\"}\n />\n </Box>\n )}\n </Row>\n);\n","import { BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface NotificationProps\n extends Pick<BoxProps, \"children\" | \"background\">,\n NotificationHeaderProps {}\n\nexport const Notification: React.FC<NotificationProps> = ({\n children,\n background,\n ...headerProps\n}) => (\n <Column background={background}>\n <NotificationHeader {...headerProps} />\n {children && (\n <Column indent={3}>\n {children}\n <Space num={2} />\n </Column>\n )}\n </Column>\n);\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { faInbox } from \"@fortawesome/free-solid-svg-icons/faInbox\";\nimport { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\ninterface Props {}\n\nexport const CollapsibleEmptyContent: React.FC<Props> = () => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={faInbox} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n No content\n </Text>\n </Column>\n );\n};\n","import cx from \"classnames\";\nimport * as React from \"react\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleSimpleContentProps {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n}\n\nexport const CollapsibleContent: React.FC<\n CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>\n> = ({ contentLeft, contentRight, className, children, ...props }) => {\n return (\n <div className={cx(styles.content, className)} {...props}>\n {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n {children ?? <CollapsibleEmptyContent />}\n {contentRight && (\n <div className={styles.contentRight}>{contentRight}</div>\n )}\n </div>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faChevronUp } from \"@fortawesome/free-solid-svg-icons/faChevronUp\";\nimport { Clickable, ClickableProps, DivProps, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleProps\n extends Omit<DivProps, \"onClick\">,\n Pick<ClickableProps, \"onClick\"> {\n label: string;\n contentLeft?: React.ReactNode;\n contentRight?: React.ReactNode;\n collapsed?: boolean;\n disabled?: boolean;\n unmountOnCollapse?: boolean;\n mountOnEnter?: boolean;\n icon?: IconDefinition;\n iconCollapsed?: IconDefinition;\n iconSize?: number;\n autoFocus?: boolean;\n}\n\nexport const mapCSSTime = (value: string): number => {\n const num = parseFloat(value);\n const match = value.match(/m?s/);\n\n switch (match?.[0]) {\n case \"s\":\n return num * 1000;\n case \"ms\":\n return num;\n default:\n return 0;\n }\n};\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n function Collapsible(\n {\n label,\n contentLeft,\n contentRight,\n collapsed = false,\n onClick,\n className,\n disabled = false,\n unmountOnCollapse = false,\n mountOnEnter = true,\n icon = faChevronUp,\n iconCollapsed = faChevronDown,\n iconSize = 8,\n children,\n autoFocus = false,\n ...divProps\n },\n ref\n ) {\n const divRef = React.useRef<HTMLDivElement>(null);\n\n const timeout = divRef.current\n ? mapCSSTime(\n getComputedStyle(divRef.current).getPropertyValue(\n \"--swui-collapsible-animation-time\"\n )\n )\n : undefined;\n\n return (\n <div\n className={cx(styles.collapsible, className)}\n aria-expanded={!collapsed}\n ref={divRef}\n {...divProps}\n >\n <Clickable\n disableFocusHighlight\n disableOpacityOnClick\n className={styles.header}\n onClick={onClick}\n disabled={disabled}\n autoFocus={autoFocus}\n ref={ref}\n >\n {contentLeft && (\n <div className={styles.contentLeft}>{contentLeft}</div>\n )}\n <div className={styles.label}>\n <Text\n color={\"var(--swui-collapsible-header-text-color)\"}\n className={styles.headerText}\n >\n {label}\n </Text>\n </div>\n {contentRight && (\n <div className={styles.contentRight}>{contentRight}</div>\n )}\n <Icon\n icon={collapsed ? iconCollapsed : icon}\n className={styles.indicator}\n size={iconSize}\n fixedWidth\n />\n </Clickable>\n <CSSTransition\n in={!collapsed}\n timeout={{\n enter: timeout,\n }}\n classNames={{\n enter: styles.contentEnter,\n enterActive: styles.contentEnterActive,\n exit: styles.contentExit,\n exitActive: styles.contentExitActive,\n exitDone: styles.contentExitDone,\n }}\n mountOnEnter={mountOnEnter}\n unmountOnExit={unmountOnCollapse}\n >\n <div role={\"region\"}>\n {children ?? (\n <CollapsibleContent>\n <CollapsibleEmptyContent />\n </CollapsibleContent>\n )}\n </div>\n </CSSTransition>\n </div>\n );\n }\n);\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport interface CollapsibleWithCheckboxProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import { ButtonElementProps, Clickable } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleSimpleContentProps } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleClickableContentProps\n extends CollapsibleSimpleContentProps,\n ButtonElementProps {}\n\nexport const CollapsibleClickableContent: React.FC<\n CollapsibleClickableContentProps\n> = ({ contentLeft, contentRight, className, onClick, children, ...props }) => {\n return (\n <Clickable\n disableFocusHighlight\n disableOpacityOnClick\n className={cx(styles.content, className)}\n onClick={onClick}\n {...props}\n >\n {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n {children ?? <CollapsibleEmptyContent />}\n {contentRight && (\n <div className={styles.contentRight}>{contentRight}</div>\n )}\n </Clickable>\n );\n};\n","import { DivProps } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport {\n CollapsibleContent,\n CollapsibleSimpleContentProps,\n} from \"./CollapsibleContent\";\n\nexport interface CollapsibleGroupHeadingProps\n extends CollapsibleSimpleContentProps,\n DivProps {}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ className, ...props }) => (\n <CollapsibleContent\n className={cx(styles.groupHeading, className)}\n {...props}\n />\n);\n","import { Box } from \"@stenajs-webui/core\";\nimport { Banner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface ErrorPanelProps {\n text?: string;\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text = \"Something unexpected happened.\",\n}) => {\n return (\n <Box justifyContent={\"center\"} alignItems={\"center\"}>\n <Banner variant={\"error\"} headerText={text} />\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, SeparatorLine, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"box\"} background={cssColor(\"--lhds-color-ui-50\")}>\n <Box indent={3}>\n {renderBreadCrumbs && <Row spacing={1.25}>{renderBreadCrumbs()}</Row>}\n {renderPageHeading?.()}\n {renderTabs?.()}\n </Box>\n {children && (\n <>\n {!renderTabs && renderBreadCrumbs && <Space />}\n <SeparatorLine />\n {children}\n </>\n )}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, Row } from \"@stenajs-webui/core\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n variant?: PageHeadingVariant;\n}\n\nconst variantToSpacing: Record<PageHeadingVariant, number> = {\n compact: 1,\n standard: 1.5,\n relaxed: 2,\n};\n\nexport const PageHeading: React.VFC<PageHeadingProps> = ({\n heading,\n variant = \"standard\",\n contentLeft,\n contentRight,\n}) => (\n <Row spacing={variantToSpacing[variant]} alignItems={\"center\"} gap={2}>\n <Heading variant={\"h3\"}>{heading}</Heading>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMC45Mjg5MzIxODgsMC45Mjg5MzIxODggQzEuMzE5NDU2NDgsMC41Mzg0MDc4OTYgMS45NTI2MjE0NiwwLjUzODQwNzg5NiAyLjM0MzE0NTc1LDAuOTI4OTMyMTg4IEwyLjM0MzE0NTc1LDAuOTI4OTMyMTg4IEw4LjAwMDAzODk3LDYuNTg1MDM4OTcgTDEzLjY1Njg1NDIsMC45Mjg5MzIxODggQzE0LjA0NzM3ODUsMC41Mzg0MDc4OTYgMTQuNjgwNTQzNSwwLjUzODQwNzg5NiAxNS4wNzEwNjc4LDAuOTI4OTMyMTg4IEMxNS40NjE1OTIxLDEuMzE5NDU2NDggMTUuNDYxNTkyMSwxLjk1MjYyMTQ2IDE1LjA3MTA2NzgsMi4zNDMxNDU3NSBMOS40MTUwMzg5Nyw4LjAwMDAzODk3IEwxNS4wNzEwNjc4LDEzLjY1Njg1NDIgQzE1LjQzMTU1MTgsMTQuMDE3MzM4MiAxNS40NTkyODEzLDE0LjU4NDU2OTMgMTUuMTU0MjU2NCwxNC45NzY4NjA1IEwxNS4wNzEwNjc4LDE1LjA3MTA2NzggQzE0LjY4MDU0MzUsMTUuNDYxNTkyMSAxNC4wNDczNzg1LDE1LjQ2MTU5MjEgMTMuNjU2ODU0MiwxNS4wNzEwNjc4IEwxMy42NTY4NTQyLDE1LjA3MTA2NzggTDguMDAwMDM4OTcsOS40MTUwMzg5NyBMMi4zNDMxNDU3NSwxNS4wNzEwNjc4IEMxLjk1MjYyMTQ2LDE1LjQ2MTU5MjEgMS4zMTk0NTY0OCwxNS40NjE1OTIxIDAuOTI4OTMyMTg4LDE1LjA3MTA2NzggQzAuNTM4NDA3ODk2LDE0LjY4MDU0MzUgMC41Mzg0MDc4OTYsMTQuMDQ3Mzc4NSAwLjkyODkzMjE4OCwxMy42NTY4NTQyIEw2LjU4NTAzODk3LDguMDAwMDM4OTcgTDAuOTI4OTMyMTg4LDIuMzQzMTQ1NzUgQzAuNTY4NDQ4MjI3LDEuOTgyNjYxNzkgMC41NDA3MTg2OTEsMS40MTU0MzA3MyAwLjg0NTc0MzU4MiwxLjAyMzEzOTUzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiIgLz4KPC9zdmc+Cg==\"","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SidebarMenuCloseButton.module.css\";\nimport { Box, ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as CloseIcon } from \"./svg/close.svg\";\n\nexport interface SidebarMenuCloseButtonProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <button\n onClick={onClick}\n className={cx(styles.sidebarMenuCloseButton, className)}\n >\n <Box className={styles.iconWrapper}>\n <CloseIcon className={styles.icon} />\n </Box>\n </button>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-blue-600\")}\n {...separatorLineProps}\n />\n);\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButton,\n SidebarMenuCloseButtonProps,\n} from \"./SidebarMenuCloseButton\";\nimport { getNavbarHeight } from \"../nav-bar/NavbarHeightStyleUtil\";\nimport { NavBarVariant } from \"../nav-bar/NavBar\";\nimport { SidebarMenuSeparator } from \"./SidebarMenuSeparator\";\n\nexport type SidebarMenuVariant = NavBarVariant;\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonProps[\"onClick\"];\n hideCloseButton?: boolean;\n collapsed?: boolean;\n variant?: SidebarMenuVariant;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n collapsed = false,\n hideCloseButton = false,\n variant = \"standard\",\n ...boxProps\n}) => {\n const height = getNavbarHeight(variant);\n\n return (\n <Box\n className={cx(\n styles.sidebarMenu,\n collapsed ? styles.collapsed : null,\n className\n )}\n style={{\n [\"--swui-sidebar-menu-item-height\" as string]: height,\n [\"--swui-nav-bar-height\" as string]: height,\n }}\n data-collapsed={collapsed || undefined}\n {...boxProps}\n >\n {!hideCloseButton && (\n <>\n <SidebarMenuCloseButton onClick={onCloseClick} />\n <SidebarMenuSeparator />\n <Space />\n </>\n )}\n <Box\n className={styles.sidebarMenuContent}\n height={\"100%\"}\n background={\"var(--current-background-color)\"}\n >\n <Column flex={1}>{children}</Column>\n </Box>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { SidebarMenu, SidebarMenuVariant } from \"../SidebarMenu\";\nimport { NavBarSideMenuButton } from \"../../nav-bar/NavBarSideMenuButton\";\nimport { ReactNode } from \"react\";\n\ninterface RailMenuProps {\n variant?: SidebarMenuVariant;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n}\n\nexport const SidebarRailMenu: React.FC<RailMenuProps> = ({\n variant,\n onClickMenuButton,\n children,\n}) => {\n return (\n <SidebarMenu\n collapsed\n position={\"fixed\"}\n left={0}\n top={0}\n hideCloseButton\n variant={variant}\n >\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n {children}\n </SidebarMenu>\n );\n};\n","import { ButtonElementProps, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CSSProperties, ReactNode } from \"react\";\nimport { ButtonContent, ButtonContentProps } from \"@stenajs-webui/elements\";\nimport contentStyles from \"./SidebarMenuContent.module.css\";\nimport cx from \"classnames\";\n\nexport type RenderLinkProps = ButtonElementProps & { activeClassName: string };\n\nexport interface SidebarMenuLinkProps\n extends ButtonElementProps,\n Pick<\n ButtonContentProps,\n | \"label\"\n | \"loading\"\n | \"left\"\n | \"leftIcon\"\n | \"right\"\n | \"rightIcon\"\n | \"success\"\n > {\n renderLink?: SidebarLinkRenderer;\n width?: CSSProperties[\"width\"];\n selected?: boolean;\n indent?: boolean;\n}\n\nexport type SidebarLinkRenderer = (props: RenderLinkProps) => ReactNode;\n\nexport const defaultRenderLink: SidebarLinkRenderer = ({\n activeClassName,\n ...props\n}) => {\n return <button {...props} />;\n};\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = ({\n className,\n children,\n selected,\n indent,\n label,\n loading,\n left,\n leftIcon,\n right,\n rightIcon,\n success,\n width,\n renderLink = defaultRenderLink,\n style,\n ...buttonProps\n}) => {\n const hasContentLeft = left || leftIcon || loading || success;\n\n const innerClassName = cx(\n contentStyles.button,\n selected ? contentStyles.selected : undefined,\n className\n );\n\n const innerStyle = {\n ...style,\n width,\n height: \"var(--swui-sidebar-menu-item-height)\",\n };\n\n const innerChildren = (\n <Row spacing={1} flex={1} alignItems={\"center\"}>\n {!hasContentLeft && <Indent />}\n {indent && <Indent num={3.5} />}\n <ButtonContent\n label={label}\n loading={loading}\n left={left}\n leftIcon={leftIcon}\n right={right}\n rightIcon={rightIcon}\n success={success}\n labelClassName={contentStyles.label}\n spinnerClassName={contentStyles.spinner}\n iconClassName={cx(contentStyles.icon)}\n leftWrapperClassName={contentStyles.leftWrapper}\n />\n </Row>\n );\n\n return (\n <>\n {renderLink({\n ...buttonProps,\n activeClassName: contentStyles.selected,\n className: innerClassName,\n children: innerChildren,\n style: innerStyle,\n })}\n </>\n );\n};\n","import { Box, Text, TextProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenuHeading.module.css\";\nimport {\n CollapsibleContent,\n CollapsibleSimpleContentProps,\n} from \"../collapsible/CollapsibleContent\";\n\nexport interface SidebarMenuHeadingProps\n extends Pick<CollapsibleSimpleContentProps, \"contentLeft\" | \"contentRight\">,\n TextProps {\n label?: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n className,\n label,\n contentLeft,\n contentRight,\n ...textProps\n}) => {\n return (\n <Box spacing={2} indent={2}>\n <CollapsibleContent\n className={styles.sidebarMenuHeading}\n contentLeft={contentLeft}\n contentRight={contentRight}\n >\n <Text\n variant={\"overline\"}\n color={\"var(--swui-sidebar-menu-heading-text-color)\"}\n {...textProps}\n >\n {label}\n </Text>\n </CollapsibleContent>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { Collapsible } from \"../collapsible/Collapsible\";\nimport { Box, Column, Indent } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport styles from \"./SidebarMenuCollapsible.module.css\";\nimport { Icon } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n}) => {\n const [collapsed, setCollapsed] = useState<boolean>(false);\n\n return (\n <Box background={\"var(--current-background-color)\"}>\n <Collapsible\n className={styles.sidebarMenuCollapsible}\n label={label}\n collapsed={collapsed}\n onClick={() => setCollapsed(!collapsed)}\n contentLeft={\n leftIcon ? (\n <Box\n width={\"var(--swui-sidebar-menu-item-height)\"}\n alignItems={\"center\"}\n justifyContent={\"center\"}\n >\n <Icon\n icon={leftIcon}\n size={16}\n color={\"var(--current-text-color)\"}\n data-hover={true}\n />\n </Box>\n ) : (\n <Indent num={1} />\n )\n }\n >\n <Column flex={1}>{children}</Column>\n </Collapsible>\n </Box>\n );\n};\n","import { SidebarMenuLink } from \"../../SidebarMenuLink\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { SidebarMenuHeading } from \"../../SidebarMenuHeading\";\nimport { SidebarMenuSeparator } from \"../../SidebarMenuSeparator\";\nimport { SidebarMenuCollapsible } from \"../../SidebarMenuCollapsible\";\nimport { Box, exhaustSwitchCaseElseThrow } from \"@stenajs-webui/core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { SidebarItem } from \"./types\";\n\nexport const renderItemsExpanded = (\n items: SidebarItem[],\n indent = false\n): ReactNode[] => {\n return items.map((item, index) => {\n switch (item.type) {\n case \"heading\":\n return <SidebarMenuHeading key={index} label={item.label} />;\n case \"separator\":\n return <SidebarMenuSeparator key={index} />;\n case \"link\": {\n const { type, ...linkProps } = item;\n return <SidebarMenuLink key={index} indent={indent} {...linkProps} />;\n }\n case \"grouped\":\n return (\n <SidebarMenuCollapsible\n key={index}\n leftIcon={item.leftIcon}\n label={item.label}\n >\n {renderItemsExpanded(item.items, true)}\n </SidebarMenuCollapsible>\n );\n default:\n return exhaustSwitchCaseElseThrow(item);\n }\n });\n};\n\ninterface RailRendererOptions {\n popupMinWidth: string | number;\n}\n\nexport const renderItemsInRail = (\n items: SidebarItem[],\n { popupMinWidth }: RailRendererOptions\n): ReactNode[] => {\n return items.map((item, index) => {\n switch (item.type) {\n case \"heading\":\n return null;\n case \"separator\":\n return <SidebarMenuSeparator key={index} />;\n case \"link\": {\n const { type, label, ...linkProps } = item;\n return (\n <SidebarMenuLink\n key={index}\n title={label}\n width={\"var(--swui-sidebar-menu-item-height)\"}\n {...linkProps}\n />\n );\n }\n case \"grouped\":\n return (\n <div key={index}>\n <Popover\n appendTo={\"parent\"}\n arrow={false}\n offset={[0, 0]}\n placement={\"right-start\"}\n trigger={\"focusin mouseenter click\"}\n disablePadding\n lazy\n content={\n <Box\n minWidth={popupMinWidth}\n background={\"var(--lhds-color-blue-500)\"}\n >\n <SidebarMenuHeading label={item.label} />\n {renderItemsExpanded(item.items)}\n </Box>\n }\n >\n <SidebarMenuLink\n title={item.label}\n width={\"var(--swui-sidebar-menu-item-height)\"}\n leftIcon={item.leftIcon}\n />\n </Popover>\n </div>\n );\n default:\n return exhaustSwitchCaseElseThrow(item);\n }\n });\n};\n","import * as React from \"react\";\nimport { Box, Indent, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\ninterface SelectedItemsActionsProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nconst borderTop = `1px solid ${cssColor(\"--lhds-color-orange-400\")}`;\n\nexport const SelectedItemsActionsPanel: React.FC<SelectedItemsActionsProps> = ({\n numItemsSelected,\n label,\n afterLabelContent,\n rightContent,\n}) => (\n <Row\n indent={3}\n spacing\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n borderTop={borderTop}\n background={cssColor(\"--lhds-color-orange-50\")}\n >\n <Row alignItems={\"center\"}>\n {numItemsSelected != null || label != null ? (\n <>\n {numItemsSelected != null ? (\n <>\n <Text variant={\"bold\"}>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </>\n ) : null}\n {afterLabelContent ? (\n <>\n <Indent />\n <Box>{afterLabelContent}</Box>\n </>\n ) : null}\n </Row>\n <Box>{rightContent}</Box>\n </Row>\n);\n"],"names":["ActionMenuButton","renderItems","placement","buttonComponent","Button","rightIcon","stenaAngleDown","portalTarget","zIndex","menuWidth","menuTop","onClick","disableArrow","buttonProps","isOpen","open","close","toggle","useBoolean","buttonRef","useRef","focusManager","name","defaultValue","fn","popper","restoreFocus","closeOnEscape","event","key","onCreate","addEventListener","onDestroy","removeEventListener","onMount","querySelector","focus","onHide","current","contextValue","useMemo","handleClick","Popover","_jsx","ActionMenu","ActionMenuContext","undefined","ActionMenuPrimaryButton","props","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Column","Box","Row","Checkbox","Indent","SvgBars","React","NavBarSideMenuButton","className","cx","styles","sidebarMenuButton","Hamburger","icon","variantToHeight","getNavbarHeight","variant","NavBar","left","showMenuButton","menuButtonVisibility","children","right","center","onClickMenuButton","currentFlex","height","navBar","_jsxs","_Fragment","Children","map","child","index","NavBarButton","selected","navBarButton","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","document","body","NavBarNotificationButton","count","unread","labelClassName","iconClassName","stenaBell","hasCount","navBarNotificationButton","String","label","NavBarSearchField","placeholder","wrapperClassName","textInputProps","TextInput","navBarSearchField","navBarSearchFieldInput","Clickable","Icon","stenaSearch","NavBarUserButton","username","initials","stenaUserCircle","navBarUserButton","NotificationHeader","text","timestamp","iconAriaLabel","iconColor","contentLeft","contentRight","onClose","Txt","cssColor","stenaTimes","Notification","background","headerProps","Space","Toast","onClickAriaLabel","width","maxWidth","nonClickable","clickable","CollapsibleEmptyContent","faInbox","Text","CollapsibleContent","mapCSSTime","value","num","parseFloat","match","Collapsible","forwardRef","collapsed","disabled","unmountOnCollapse","mountOnEnter","faChevronUp","iconCollapsed","faChevronDown","iconSize","autoFocus","divProps","ref","divRef","timeout","getComputedStyle","getPropertyValue","collapsible","header","headerText","indicator","CSSTransition","enter","contentEnter","enterActive","contentEnterActive","exit","contentExit","exitActive","contentExitActive","exitDone","contentExitDone","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","collapsibleProps","ev","stopPropagation","CollapsibleClickableContent","CollapsibleGroupHeading","groupHeading","ErrorPanel","Banner","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","SeparatorLine","PageHeaderRow","variantToSpacing","compact","standard","relaxed","PageHeading","heading","marginLeft","SvgClose","SidebarMenuCloseButton","sidebarMenuCloseButton","iconWrapper","CloseIcon","SidebarMenuSeparator","separatorLineProps","SidebarMenu","onCloseClick","hideCloseButton","boxProps","sidebarMenu","sidebarMenuContent","SidebarRailMenu","defaultRenderLink","activeClassName","SidebarMenuLink","indent","loading","leftIcon","success","renderLink","style","hasContentLeft","innerClassName","contentStyles","button","innerStyle","innerChildren","ButtonContent","spinner","leftWrapper","SidebarMenuHeading","textProps","sidebarMenuHeading","SidebarMenuCollapsible","setCollapsed","useState","sidebarMenuCollapsible","renderItemsExpanded","items","item","type","linkProps","exhaustSwitchCaseElseThrow","renderItemsInRail","popupMinWidth","borderTop","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent"],"mappings":"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"}