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