@stenajs-webui/panels 18.12.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 (5) hide show
  1. package/dist/index.es.js +629 -693
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -1,10 +1,10 @@
1
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";
2
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";
3
4
  import * as I from "react";
4
5
  import { useRef as we, useMemo as ye, forwardRef as ke, useState as Me } from "react";
5
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";
6
7
  import { Popover as T } from "@stenajs-webui/tooltip";
7
- import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
8
8
  import { Checkbox as se, TextInput as Se } from "@stenajs-webui/forms";
9
9
  import u from "classnames";
10
10
  import { cssColor as B } from "@stenajs-webui/theme";
@@ -28,9 +28,7 @@ const V = ({
28
28
  const [C, x, b, E] = U(!1), N = we(null), F = {
29
29
  name: "focusManager",
30
30
  defaultValue: !0,
31
- fn({
32
- popper: H
33
- }) {
31
+ fn({ popper: H }) {
34
32
  let P = !1;
35
33
  const Q = (M) => {
36
34
  M.key === "Escape" && (P = !0, b()), (M.key === "Enter" || M.key === " ") && (P = !0);
@@ -51,110 +49,90 @@ const V = ({
51
49
  }
52
50
  };
53
51
  }
54
- }, w = ye(() => ({
55
- open: x,
56
- close: b
57
- }), [x, b]), j = (H) => {
52
+ }, w = ye(() => ({ open: x, close: b }), [x, b]), j = (H) => {
58
53
  _ == null || _(H), E();
59
54
  };
60
- return /* @__PURE__ */ e(T, {
61
- disablePadding: !0,
62
- visible: C,
63
- onClickOutside: b,
64
- placement: r,
65
- content: C && /* @__PURE__ */ e(re, {
66
- variant: "outlined",
67
- width: l,
68
- top: h,
69
- trapFocus: !0,
70
- children: /* @__PURE__ */ e(me.Provider, {
71
- value: w,
72
- children: n(b)
73
- })
74
- }),
75
- arrow: !1,
76
- appendTo: o,
77
- zIndex: s,
78
- plugins: [F],
79
- lazy: !0,
80
- children: /* @__PURE__ */ e(t, {
81
- rightIcon: v ? void 0 : a,
82
- ...f,
83
- ref: N,
84
- onClick: j
85
- })
86
- });
87
- }, Kn = (n) => /* @__PURE__ */ e(V, {
88
- buttonComponent: be,
89
- ...n
90
- }), Qn = (n) => /* @__PURE__ */ e(V, {
91
- buttonComponent: ge,
92
- ...n
93
- }), je = (n) => /* @__PURE__ */ e(V, {
94
- buttonComponent: $,
95
- ...n
96
- }), He = "1px solid var(--lhds-color-ui-300)", Xn = ({
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 = ({
97
89
  renderMenu: n,
98
90
  ...r
99
91
  }) => {
100
92
  const [t, a, o] = U(!1);
101
- return /* @__PURE__ */ e(T, {
102
- onClickOutside: o,
103
- arrow: !1,
104
- visible: t,
105
- disablePadding: !0,
106
- content: n ? /* @__PURE__ */ e(L, {
107
- children: /* @__PURE__ */ e(re, {
108
- children: n(o)
109
- })
110
- }) : void 0,
111
- placement: "bottom-start",
112
- variant: "outlined",
113
- children: /* @__PURE__ */ e(c, {
114
- display: "inline-block",
115
- children: /* @__PURE__ */ i(p, {
116
- spacing: 0.5,
117
- indent: !0,
118
- alignItems: "center",
119
- border: He,
120
- borderRadius: "4px",
121
- children: [/* @__PURE__ */ e(se, {
122
- ...r
123
- }), /* @__PURE__ */ e(g, {
124
- num: 0.5
125
- }), /* @__PURE__ */ e($, {
126
- size: "small",
127
- onClick: a,
128
- leftIcon: ae
129
- })]
130
- })
131
- })
132
- });
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
+ );
133
120
  }, Re = "_navBar_1qp30_1", $e = {
134
121
  navBar: Re
135
122
  }, Ae = "_sidebarMenuButton_1x4z8_1", Pe = "_icon_1x4z8_55", Y = {
136
123
  sidebarMenuButton: Ae,
137
124
  icon: Pe
138
- }, Te = (n) => /* @__PURE__ */ I.createElement("svg", {
139
- xmlns: "http://www.w3.org/2000/svg",
140
- width: 16,
141
- height: 16,
142
- viewBox: "0 0 24 24",
143
- ...n
144
- }, /* @__PURE__ */ I.createElement("path", {
145
- fill: "#FFF",
146
- fillRule: "evenodd",
147
- d: "M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"
148
- })), ce = ({
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 = ({
149
126
  className: n,
150
127
  onClick: r
151
- }) => /* @__PURE__ */ e("button", {
152
- onClick: r,
153
- className: u(Y.sidebarMenuButton, n),
154
- children: /* @__PURE__ */ e(Te, {
155
- className: Y.icon
156
- })
157
- }), Oe = {
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 = {
158
136
  compact: 40,
159
137
  standard: 48,
160
138
  relaxed: 64
@@ -170,54 +148,45 @@ const V = ({
170
148
  onClickMenuButton: _
171
149
  }) => {
172
150
  const v = l ? 1 : void 0, f = le(h);
173
- return /* @__PURE__ */ i(p, {
174
- height: f,
175
- minHeight: f,
176
- justifyContent: "space-between",
177
- style: {
178
- ["--swui-nav-bar-height"]: f
179
- },
180
- className: u($e.navBar, r),
181
- children: [/* @__PURE__ */ i(p, {
182
- flex: v,
183
- justifyContent: "flex-start",
184
- alignItems: "center",
185
- children: [t ? /* @__PURE__ */ i(m, {
186
- children: [a === "hidden" ? /* @__PURE__ */ e(c, {
187
- width: "var(--swui-nav-bar-height)"
188
- }) : /* @__PURE__ */ e(ce, {
189
- onClick: _
190
- }), /* @__PURE__ */ e(g, {})]
191
- }) : /* @__PURE__ */ e(g, {
192
- num: 2
193
- }), n ? /* @__PURE__ */ i(m, {
194
- children: [n, /* @__PURE__ */ e(g, {
195
- num: 2
196
- })]
197
- }) : /* @__PURE__ */ e(g, {
198
- num: 2
199
- }), o && /* @__PURE__ */ e(m, {
200
- children: /* @__PURE__ */ e(p, {
201
- justifyContent: "center",
202
- alignItems: "center",
203
- children: I.Children.map(o, (C, x) => /* @__PURE__ */ i(m, {
204
- children: [x > 0 && /* @__PURE__ */ e(g, {}), C]
205
- }))
206
- })
207
- })]
208
- }), l && /* @__PURE__ */ e(p, {
209
- justifyContent: "center",
210
- alignItems: "center",
211
- children: l
212
- }), /* @__PURE__ */ i(p, {
213
- justifyContent: "flex-end",
214
- alignItems: "center",
215
- flex: v,
216
- children: [s, /* @__PURE__ */ e(g, {
217
- num: 2
218
- })]
219
- })]
220
- });
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
+ );
221
190
  }, We = "_navBarButton_1xy53_1", ze = "_selected_1xy53_36", ee = {
222
191
  navBarButton: We,
223
192
  selected: ze
@@ -225,33 +194,35 @@ const V = ({
225
194
  selected: n,
226
195
  className: r,
227
196
  ...t
228
- }) => /* @__PURE__ */ e($, {
229
- ...t,
230
- className: u(ee.navBarButton, n && ee.selected, r)
231
- }), et = (n) => /* @__PURE__ */ e(Z, {
232
- whiteSpace: "nowrap",
233
- color: "#fff",
234
- ...n
235
- }), nt = ({
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 = ({
236
208
  content: n,
237
209
  children: r,
238
210
  ...t
239
211
  }) => {
240
212
  const [a, o, s] = U(!1);
241
- return /* @__PURE__ */ e(T, {
242
- onClickOutside: s,
243
- triggerTarget: document.body,
244
- visible: a,
245
- content: /* @__PURE__ */ i(m, {
246
- children: [n && n({
247
- close: s
248
- }), r]
249
- }),
250
- children: /* @__PURE__ */ e(De, {
251
- ...t,
252
- onClick: o
253
- })
254
- });
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
+ );
255
226
  }, Ue = "_navBarNotificationButton_1wchp_1", Ze = "_hasCount_1wchp_60", qe = "_unread_1wchp_64", Ve = "_icon_1wchp_79", Ge = "_shake_1wchp_1", R = {
256
227
  navBarNotificationButton: Ue,
257
228
  hasCount: Ze,
@@ -268,18 +239,22 @@ const V = ({
268
239
  ...l
269
240
  }) => {
270
241
  const h = n > 0;
271
- return /* @__PURE__ */ e($, {
272
- ...l,
273
- leftIcon: s,
274
- className: u({
275
- [R.unread]: r
276
- }, {
277
- [R.hasCount]: h
278
- }, R.navBarNotificationButton, t),
279
- label: h ? String(n) : void 0,
280
- labelClassName: u(a, R.label),
281
- iconClassName: u(o, R.icon)
282
- });
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
+ );
283
258
  }, Je = "_navBarSearchFieldInput_4knxd_1", Ke = "_navBarSearchField_4knxd_1", ne = {
284
259
  navBarSearchFieldInput: Je,
285
260
  navBarSearchField: Ke
@@ -288,17 +263,16 @@ const V = ({
288
263
  className: r,
289
264
  wrapperClassName: t,
290
265
  ...a
291
- }) => /* @__PURE__ */ e(Se, {
292
- wrapperClassName: u(ne.navBarSearchField, t),
293
- className: u(ne.navBarSearchFieldInput, r),
294
- placeholder: n,
295
- contentRight: /* @__PURE__ */ e(q, {
296
- children: /* @__PURE__ */ e(A, {
297
- icon: _e
298
- })
299
- }),
300
- ...a
301
- }), Qe = "_navBarUserButton_1gxfr_1", Xe = "_initials_1gxfr_33", te = {
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 = {
302
276
  navBarUserButton: Qe,
303
277
  initials: Xe
304
278
  }, at = ({
@@ -308,15 +282,20 @@ const V = ({
308
282
  icon: a = ve,
309
283
  iconClassName: o,
310
284
  ...s
311
- }) => /* @__PURE__ */ e(je, {
312
- ...s,
313
- className: u({
314
- [te.initials]: t != null
315
- }, te.navBarUserButton, n),
316
- leftIcon: r != null ? a : void 0,
317
- label: t != null ? t : r,
318
- disableArrow: !0
319
- }), de = ({
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 = ({
320
299
  text: n,
321
300
  timestamp: r,
322
301
  icon: t,
@@ -325,66 +304,53 @@ const V = ({
325
304
  contentLeft: s,
326
305
  contentRight: l,
327
306
  onClose: h
328
- }) => /* @__PURE__ */ i(p, {
329
- alignItems: "flex-start",
330
- indent: !0,
331
- spacing: !0,
332
- children: [/* @__PURE__ */ i(p, {
333
- indent: 2,
334
- spacing: !0,
335
- gap: 2,
336
- flex: 1,
337
- alignItems: "flex-start",
338
- children: [s && /* @__PURE__ */ e(c, {
339
- minHeight: 20,
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",
340
329
  justifyContent: "center",
341
- children: s
342
- }), !s && t && /* @__PURE__ */ e(A, {
343
- icon: t,
344
- size: 20,
345
- color: o,
346
- "aria-label": a
347
- }), /* @__PURE__ */ i(c, {
348
- minHeight: 20,
349
- justifyContent: "center",
350
- flex: 1,
351
- gap: 0.5,
352
- children: [/* @__PURE__ */ e(X, {
353
- variant: "bold",
354
- children: n
355
- }), r && /* @__PURE__ */ e(X, {
356
- size: "small",
357
- color: B("--lhds-color-ui-600"),
358
- children: r
359
- })]
360
- }), l]
361
- }), h && /* @__PURE__ */ e(c, {
362
- flex: "none",
363
- justifyContent: "center",
364
- style: {
365
- height: "calc(20px + 2 * var(--swui-metrics-spacing))"
366
- },
367
- children: /* @__PURE__ */ e($, {
368
- leftIcon: Ce,
369
- onClick: h,
370
- "aria-label": "Close"
371
- })
372
- })]
373
- }), ot = ({
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 = ({
374
344
  children: n,
375
345
  background: r,
376
346
  ...t
377
- }) => /* @__PURE__ */ i(L, {
378
- background: r,
379
- children: [/* @__PURE__ */ e(de, {
380
- ...t
381
- }), n && /* @__PURE__ */ i(L, {
382
- indent: 3,
383
- children: [n, /* @__PURE__ */ e(k, {
384
- num: 2
385
- })]
386
- })]
387
- }), Ye = "_clickable_1ijxc_1", en = "_nonClickable_1ijxc_27", O = {
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 = {
388
354
  clickable: Ye,
389
355
  nonClickable: en
390
356
  }, it = ({
@@ -394,35 +360,33 @@ const V = ({
394
360
  width: a = 264,
395
361
  maxWidth: o,
396
362
  ...s
397
- }) => /* @__PURE__ */ i(c, {
398
- borderRadius: 8,
399
- background: B("--lhds-color-ui-50"),
400
- shadow: "popover",
401
- width: a,
402
- maxWidth: o,
403
- role: "alert",
404
- position: "relative",
405
- children: [/* @__PURE__ */ e(c, {
406
- className: u({
407
- [O.nonClickable]: n
408
- }),
409
- children: /* @__PURE__ */ e(de, {
410
- ...s
411
- })
412
- }), t && /* @__PURE__ */ i(c, {
413
- indent: 3,
414
- className: u({
415
- [O.nonClickable]: n
416
- }),
417
- children: [t, /* @__PURE__ */ e(k, {
418
- num: 2
419
- })]
420
- }), n && /* @__PURE__ */ e("button", {
421
- onClick: n,
422
- className: O.clickable,
423
- "aria-label": r
424
- })]
425
- }), nn = "_collapsible_1nroa_1", tn = "_header_1nroa_46", rn = "_indicator_1nroa_59", an = "_headerText_1nroa_103", on = "_label_1nroa_114", sn = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", dn = "_groupHeading_1nroa_155", un = "_contentEnter_1nroa_180", hn = "_contentEnterActive_1nroa_184", pn = "_contentExitDone_1nroa_189", d = {
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 = {
426
390
  collapsible: nn,
427
391
  header: tn,
428
392
  indicator: rn,
@@ -435,36 +399,15 @@ const V = ({
435
399
  contentEnter: un,
436
400
  contentEnterActive: hn,
437
401
  contentExitDone: pn
438
- }, G = () => /* @__PURE__ */ i(L, {
439
- indent: !0,
440
- spacing: !0,
441
- flex: 1,
442
- alignItems: "center",
443
- children: [/* @__PURE__ */ e(A, {
444
- icon: Fe,
445
- color: B("--lhds-color-ui-500")
446
- }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(S, {
447
- size: "small",
448
- color: B("--lhds-color-ui-500"),
449
- children: "No content"
450
- })]
451
- }), J = ({
452
- contentLeft: n,
453
- contentRight: r,
454
- className: t,
455
- children: a,
456
- ...o
457
- }) => /* @__PURE__ */ i("div", {
458
- className: u(d.content, t),
459
- ...o,
460
- children: [n && /* @__PURE__ */ e("div", {
461
- className: d.contentLeft,
462
- children: n
463
- }), a != null ? a : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
464
- className: d.contentRight,
465
- children: r
466
- })]
467
- }), mn = (n) => {
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) => {
468
411
  const r = parseFloat(n), t = n.match(/m?s/);
469
412
  switch (t == null ? void 0 : t[0]) {
470
413
  case "s":
@@ -474,180 +417,179 @@ const V = ({
474
417
  default:
475
418
  return 0;
476
419
  }
477
- }, ue = ke(function({
478
- label: r,
479
- contentLeft: t,
480
- contentRight: a,
481
- collapsed: o = !1,
482
- onClick: s,
483
- className: l,
484
- disabled: h = !1,
485
- unmountOnCollapse: _ = !1,
486
- mountOnEnter: v = !0,
487
- icon: f = Le,
488
- iconCollapsed: C = Ie,
489
- iconSize: x = 8,
490
- children: b,
491
- autoFocus: E = !1,
492
- ...N
493
- }, F) {
494
- const w = I.useRef(null), j = w.current ? mn(getComputedStyle(w.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
495
- return /* @__PURE__ */ i("div", {
496
- className: u(d.collapsible, l),
497
- "aria-expanded": !o,
498
- ref: w,
499
- ...N,
500
- children: [/* @__PURE__ */ i(q, {
501
- disableFocusHighlight: !0,
502
- disableOpacityOnClick: !0,
503
- className: d.header,
504
- onClick: s,
505
- disabled: h,
506
- autoFocus: E,
507
- ref: F,
508
- children: [t && /* @__PURE__ */ e("div", {
509
- className: d.contentLeft,
510
- children: t
511
- }), /* @__PURE__ */ e("div", {
512
- className: d.label,
513
- children: /* @__PURE__ */ e(S, {
514
- color: "var(--swui-collapsible-header-text-color)",
515
- className: d.headerText,
516
- children: r
517
- })
518
- }), a && /* @__PURE__ */ e("div", {
519
- className: d.contentRight,
520
- children: a
521
- }), /* @__PURE__ */ e(A, {
522
- icon: o ? C : f,
523
- className: d.indicator,
524
- size: x,
525
- fixedWidth: !0
526
- })]
527
- }), /* @__PURE__ */ e(Ee, {
528
- in: !o,
529
- timeout: {
530
- enter: j
531
- },
532
- classNames: {
533
- enter: d.contentEnter,
534
- enterActive: d.contentEnterActive,
535
- exit: d.contentExit,
536
- exitActive: d.contentExitActive,
537
- exitDone: d.contentExitDone
538
- },
539
- mountOnEnter: v,
540
- unmountOnExit: _,
541
- children: /* @__PURE__ */ e("div", {
542
- role: "region",
543
- children: b != null ? b : /* @__PURE__ */ e(J, {
544
- children: /* @__PURE__ */ e(G, {})
545
- })
546
- })
547
- })]
548
- });
549
- }), st = ({
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 = ({
550
508
  value: n,
551
509
  onValueChange: r,
552
510
  onChange: t,
553
511
  indeterminate: a,
554
512
  checkboxDisabled: o,
555
513
  ...s
556
- }) => /* @__PURE__ */ e(ue, {
557
- contentLeft: /* @__PURE__ */ e(se, {
558
- value: n,
559
- indeterminate: a,
560
- onValueChange: r,
561
- onChange: t,
562
- disabled: o,
563
- onClick: (l) => l.stopPropagation()
564
- }),
565
- ...s
566
- }), ct = ({
567
- contentLeft: n,
568
- contentRight: r,
569
- className: t,
570
- onClick: a,
571
- children: o,
572
- ...s
573
- }) => /* @__PURE__ */ i(q, {
574
- disableFocusHighlight: !0,
575
- disableOpacityOnClick: !0,
576
- className: u(d.content, t),
577
- onClick: a,
578
- ...s,
579
- children: [n && /* @__PURE__ */ e("div", {
580
- className: d.contentLeft,
581
- children: n
582
- }), o != null ? o : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
583
- className: d.contentRight,
584
- children: r
585
- })]
586
- }), lt = ({
587
- className: n,
588
- ...r
589
- }) => /* @__PURE__ */ e(J, {
590
- className: u(d.groupHeading, n),
591
- ...r
592
- }), bn = ({
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 = ({
593
551
  text: n = "Something unexpected happened."
594
- }) => /* @__PURE__ */ e(c, {
595
- justifyContent: "center",
596
- alignItems: "center",
597
- children: /* @__PURE__ */ e(xe, {
598
- variant: "error",
599
- headerText: n
600
- })
601
- }), dt = (n) => /* @__PURE__ */ e(c, {
602
- width: "100%",
603
- height: "100%",
604
- justifyContent: "center",
605
- alignItems: "center",
606
- children: /* @__PURE__ */ e(bn, {
607
- ...n
608
- })
609
- }), gn = ({
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 = ({
610
562
  text: n = "Loading..."
611
- }) => /* @__PURE__ */ i(c, {
612
- alignItems: "center",
613
- children: [/* @__PURE__ */ e(Be, {
614
- size: "small"
615
- }), /* @__PURE__ */ e(k, {
616
- num: 4
617
- }), /* @__PURE__ */ e(Z, {
618
- variant: "h4",
619
- children: n
620
- })]
621
- }), ut = (n) => /* @__PURE__ */ e(c, {
622
- width: "100%",
623
- height: "100%",
624
- justifyContent: "center",
625
- alignItems: "center",
626
- children: /* @__PURE__ */ e(gn, {
627
- ...n
628
- })
629
- }), ht = ({
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 = ({
630
577
  renderBreadCrumbs: n,
631
578
  renderPageHeading: r,
632
579
  renderTabs: t,
633
580
  children: a
634
- }) => /* @__PURE__ */ i(c, {
635
- shadow: "box",
636
- background: B("--lhds-color-ui-50"),
637
- children: [/* @__PURE__ */ i(c, {
638
- indent: 3,
639
- children: [n && /* @__PURE__ */ e(p, {
640
- spacing: 1.25,
641
- children: n()
642
- }), r == null ? void 0 : r(), t == null ? void 0 : t()]
643
- }), a && /* @__PURE__ */ i(m, {
644
- children: [!t && n && /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(oe, {}), a]
645
- })]
646
- }), pt = (n) => /* @__PURE__ */ e(p, {
647
- indent: 3,
648
- spacing: !0,
649
- ...n
650
- }), fn = {
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 = {
651
593
  compact: 1,
652
594
  standard: 1.5,
653
595
  relaxed: 2
@@ -657,56 +599,33 @@ const V = ({
657
599
  variant: t = "standard",
658
600
  contentLeft: a,
659
601
  contentRight: o
660
- }) => /* @__PURE__ */ i(p, {
661
- spacing: fn[t],
662
- alignItems: "center",
663
- gap: 2,
664
- children: [/* @__PURE__ */ e(Z, {
665
- variant: "h3",
666
- as: r,
667
- children: n
668
- }), /* @__PURE__ */ e(p, {
669
- alignItems: "center",
670
- children: a
671
- }), /* @__PURE__ */ e(p, {
672
- style: {
673
- marginLeft: "auto"
674
- },
675
- alignItems: "center",
676
- children: o
677
- })]
678
- }), _n = "_sidebarMenu_hch18_1", W = {
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 = {
679
607
  sidebarMenu: _n
680
608
  }, vn = "_sidebarMenuCloseButton_1j21u_1", Cn = "_iconWrapper_1j21u_55", xn = "_icon_1j21u_55", z = {
681
609
  sidebarMenuCloseButton: vn,
682
610
  iconWrapper: Cn,
683
611
  icon: xn
684
- }, Bn = (n) => /* @__PURE__ */ I.createElement("svg", {
685
- width: "16px",
686
- height: "16px",
687
- viewBox: "0 0 16 16",
688
- xmlns: "http://www.w3.org/2000/svg",
689
- ...n
690
- }, /* @__PURE__ */ I.createElement("path", {
691
- d: "M0.928932188,0.928932188 C1.31945648,0.538407896 1.95262146,0.538407896 2.34314575,0.928932188 L2.34314575,0.928932188 L8.00003897,6.58503897 L13.6568542,0.928932188 C14.0473785,0.538407896 14.6805435,0.538407896 15.0710678,0.928932188 C15.4615921,1.31945648 15.4615921,1.95262146 15.0710678,2.34314575 L9.41503897,8.00003897 L15.0710678,13.6568542 C15.4315518,14.0173382 15.4592813,14.5845693 15.1542564,14.9768605 L15.0710678,15.0710678 C14.6805435,15.4615921 14.0473785,15.4615921 13.6568542,15.0710678 L13.6568542,15.0710678 L8.00003897,9.41503897 L2.34314575,15.0710678 C1.95262146,15.4615921 1.31945648,15.4615921 0.928932188,15.0710678 C0.538407896,14.6805435 0.538407896,14.0473785 0.928932188,13.6568542 L6.58503897,8.00003897 L0.928932188,2.34314575 C0.568448227,1.98266179 0.540718691,1.41543073 0.845743582,1.02313953 Z",
692
- id: "Combined-Shape",
693
- fill: "#FFFFFF"
694
- })), Nn = ({
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 = ({
695
613
  className: n,
696
614
  onClick: r
697
- }) => /* @__PURE__ */ e("button", {
698
- onClick: r,
699
- className: u(z.sidebarMenuCloseButton, n),
700
- children: /* @__PURE__ */ e(c, {
701
- className: z.iconWrapper,
702
- children: /* @__PURE__ */ e(Bn, {
703
- className: z.icon
704
- })
705
- })
706
- }), K = (n) => /* @__PURE__ */ e(oe, {
707
- color: B("--lhds-color-blue-600"),
708
- ...n
709
- }), wn = ({
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 = ({
710
629
  className: n,
711
630
  children: r,
712
631
  onCloseClick: t,
@@ -716,43 +635,57 @@ const V = ({
716
635
  ...l
717
636
  }) => {
718
637
  const h = le(s);
719
- return /* @__PURE__ */ i(c, {
720
- className: u(W.sidebarMenu, a ? W.collapsed : null, n),
721
- style: {
722
- ["--swui-sidebar-menu-item-height"]: h,
723
- ["--swui-nav-bar-height"]: h
724
- },
725
- "data-collapsed": a || void 0,
726
- ...l,
727
- children: [!o && /* @__PURE__ */ i(m, {
728
- children: [/* @__PURE__ */ e(Nn, {
729
- onClick: t
730
- }), /* @__PURE__ */ e(K, {}), /* @__PURE__ */ e(k, {})]
731
- }), /* @__PURE__ */ e(c, {
732
- className: W.sidebarMenuContent,
733
- height: "100%",
734
- background: "var(--current-background-color)",
735
- children: /* @__PURE__ */ e(L, {
736
- flex: 1,
737
- children: r
738
- })
739
- })]
740
- });
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
+ );
741
670
  }, bt = ({
742
671
  variant: n,
743
672
  onClickMenuButton: r,
744
673
  children: t
745
- }) => /* @__PURE__ */ i(wn, {
746
- collapsed: !0,
747
- position: "fixed",
748
- left: 0,
749
- top: 0,
750
- hideCloseButton: !0,
751
- variant: n,
752
- children: [/* @__PURE__ */ e(ce, {
753
- onClick: r
754
- }), t]
755
- }), yn = "_label_mnp0f_1", kn = "_icon_mnp0f_9", Mn = "_spinner_mnp0f_14", Sn = "_leftWrapper_mnp0f_18", In = "_button_mnp0f_23", Ln = "_selected_mnp0f_45", y = {
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 = {
756
689
  label: yn,
757
690
  icon: kn,
758
691
  spinner: Mn,
@@ -762,9 +695,7 @@ const V = ({
762
695
  }, En = ({
763
696
  activeClassName: n,
764
697
  ...r
765
- }) => /* @__PURE__ */ e("button", {
766
- ...r
767
- }), D = ({
698
+ }) => /* @__PURE__ */ e("button", { ...r }), D = ({
768
699
  className: n,
769
700
  children: r,
770
701
  selected: t,
@@ -781,39 +712,41 @@ const V = ({
781
712
  style: b,
782
713
  ...E
783
714
  }) => {
784
- const N = l || h || s || f, F = u(y.button, t ? y.selected : void 0, n), w = {
715
+ const N = l || h || s || f, F = u(
716
+ y.button,
717
+ t ? y.selected : void 0,
718
+ n
719
+ ), w = {
785
720
  ...b,
786
721
  width: C,
787
722
  height: "var(--swui-sidebar-menu-item-height)"
788
- }, j = /* @__PURE__ */ i(p, {
789
- spacing: 1,
790
- flex: 1,
791
- alignItems: "center",
792
- children: [!N && /* @__PURE__ */ e(g, {}), a && /* @__PURE__ */ e(g, {
793
- num: 3.5
794
- }), /* @__PURE__ */ e(Ne, {
795
- label: o,
796
- loading: s,
797
- left: l,
798
- leftIcon: h,
799
- right: _,
800
- rightIcon: v,
801
- success: f,
802
- labelClassName: y.label,
803
- spinnerClassName: y.spinner,
804
- iconClassName: u(y.icon),
805
- leftWrapperClassName: y.leftWrapper
806
- })]
807
- });
808
- return /* @__PURE__ */ e(m, {
809
- children: x({
810
- ...E,
811
- activeClassName: y.selected,
812
- className: F,
813
- children: j,
814
- style: w
815
- })
816
- });
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
+ }) });
817
750
  }, Fn = "_sidebarMenuHeading_kvpq5_1", jn = {
818
751
  sidebarMenuHeading: Fn
819
752
  }, he = ({
@@ -822,21 +755,23 @@ const V = ({
822
755
  contentLeft: t,
823
756
  contentRight: a,
824
757
  ...o
825
- }) => /* @__PURE__ */ e(c, {
826
- spacing: 2,
827
- indent: 2,
828
- children: /* @__PURE__ */ e(J, {
758
+ }) => /* @__PURE__ */ e(c, { spacing: 2, indent: 2, children: /* @__PURE__ */ e(
759
+ J,
760
+ {
829
761
  className: jn.sidebarMenuHeading,
830
762
  contentLeft: t,
831
763
  contentRight: a,
832
- children: /* @__PURE__ */ e(S, {
833
- variant: "overline",
834
- color: "var(--swui-sidebar-menu-heading-text-color)",
835
- ...o,
836
- children: r
837
- })
838
- })
839
- }), Hn = "_sidebarMenuCollapsible_1jwhs_1", Rn = {
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 = {
840
775
  sidebarMenuCollapsible: Hn
841
776
  }, $n = ({
842
777
  children: n,
@@ -844,82 +779,78 @@ const V = ({
844
779
  leftIcon: t
845
780
  }) => {
846
781
  const [a, o] = Me(!1);
847
- return /* @__PURE__ */ e(c, {
848
- background: "var(--current-background-color)",
849
- children: /* @__PURE__ */ e(ue, {
782
+ return /* @__PURE__ */ e(c, { background: "var(--current-background-color)", children: /* @__PURE__ */ e(
783
+ ue,
784
+ {
850
785
  className: Rn.sidebarMenuCollapsible,
851
786
  label: r,
852
787
  collapsed: a,
853
788
  onClick: () => o(!a),
854
- contentLeft: t ? /* @__PURE__ */ e(c, {
855
- width: "var(--swui-sidebar-menu-item-height)",
856
- alignItems: "center",
857
- justifyContent: "center",
858
- children: /* @__PURE__ */ e(A, {
859
- icon: t,
860
- size: 16,
861
- color: "var(--current-text-color)",
862
- "data-hover": !0
863
- })
864
- }) : /* @__PURE__ */ e(g, {
865
- num: 1
866
- }),
867
- children: /* @__PURE__ */ e(L, {
868
- flex: 1,
869
- children: n
870
- })
871
- })
872
- });
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
+ ) });
873
809
  }, pe = (n, r = !1) => n.map((t, a) => {
874
810
  switch (t.type) {
875
811
  case "heading":
876
- return /* @__PURE__ */ e(he, {
877
- label: t.label
878
- }, a);
812
+ return /* @__PURE__ */ e(he, { label: t.label }, a);
879
813
  case "separator":
880
814
  return /* @__PURE__ */ e(K, {}, a);
881
815
  case "link": {
882
- const {
883
- type: o,
884
- ...s
885
- } = t;
886
- return /* @__PURE__ */ e(D, {
887
- indent: r,
888
- ...s
889
- }, a);
816
+ const { type: o, ...s } = t;
817
+ return /* @__PURE__ */ e(D, { indent: r, ...s }, a);
890
818
  }
891
819
  case "grouped":
892
- return /* @__PURE__ */ e($n, {
893
- leftIcon: t.leftIcon,
894
- label: t.label,
895
- children: pe(t.items, !0)
896
- }, a);
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
+ );
897
829
  default:
898
830
  return ie(t);
899
831
  }
900
- }), gt = (n, {
901
- popupMinWidth: r
902
- }) => n.map((t, a) => {
832
+ }), gt = (n, { popupMinWidth: r }) => n.map((t, a) => {
903
833
  switch (t.type) {
904
834
  case "heading":
905
835
  return null;
906
836
  case "separator":
907
837
  return /* @__PURE__ */ e(K, {}, a);
908
838
  case "link": {
909
- const {
910
- type: o,
911
- label: s,
912
- ...l
913
- } = t;
914
- return /* @__PURE__ */ e(D, {
915
- title: s,
916
- width: "var(--swui-sidebar-menu-item-height)",
917
- ...l
918
- }, a);
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
+ );
919
849
  }
920
850
  case "grouped":
921
- return /* @__PURE__ */ e("div", {
922
- children: /* @__PURE__ */ e(T, {
851
+ return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
852
+ T,
853
+ {
923
854
  appendTo: "parent",
924
855
  arrow: !1,
925
856
  offset: [0, 0],
@@ -927,20 +858,27 @@ const V = ({
927
858
  trigger: "focusin mouseenter click",
928
859
  disablePadding: !0,
929
860
  lazy: !0,
930
- content: /* @__PURE__ */ i(c, {
931
- minWidth: r,
932
- background: "var(--lhds-color-blue-500)",
933
- children: [/* @__PURE__ */ e(he, {
934
- label: t.label
935
- }), pe(t.items)]
936
- }),
937
- children: /* @__PURE__ */ e(D, {
938
- title: t.label,
939
- width: "var(--swui-sidebar-menu-item-height)",
940
- leftIcon: t.leftIcon
941
- })
942
- })
943
- }, a);
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);
944
882
  default:
945
883
  return ie(t);
946
884
  }
@@ -949,38 +887,36 @@ const V = ({
949
887
  label: r,
950
888
  afterLabelContent: t,
951
889
  rightContent: a
952
- }) => /* @__PURE__ */ i(p, {
953
- indent: 3,
954
- spacing: !0,
955
- minHeight: "56px",
956
- justifyContent: "space-between",
957
- alignItems: "center",
958
- borderTop: An,
959
- background: B("--lhds-color-orange-50"),
960
- children: [/* @__PURE__ */ i(p, {
890
+ }) => /* @__PURE__ */ i(
891
+ p,
892
+ {
893
+ indent: 3,
894
+ spacing: !0,
895
+ minHeight: "56px",
896
+ justifyContent: "space-between",
961
897
  alignItems: "center",
962
- children: [n != null || r != null ? /* @__PURE__ */ e(m, {
963
- children: n != null ? /* @__PURE__ */ i(m, {
964
- children: [/* @__PURE__ */ e(S, {
965
- variant: "bold",
966
- children: n
967
- }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ i(S, {
968
- children: ["item", n === 1 ? "" : "s", " selected"]
969
- })]
970
- }) : r != null ? /* @__PURE__ */ e(m, {
971
- children: typeof r == "string" ? /* @__PURE__ */ e(S, {
972
- children: r
973
- }) : r
974
- }) : null
975
- }) : null, t ? /* @__PURE__ */ i(m, {
976
- children: [/* @__PURE__ */ e(g, {}), /* @__PURE__ */ e(c, {
977
- children: t
978
- })]
979
- }) : null]
980
- }), /* @__PURE__ */ e(c, {
981
- children: a
982
- })]
983
- });
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
+ );
984
920
  export {
985
921
  je as ActionMenuFlatButton,
986
922
  Kn as ActionMenuPrimaryButton,