@stenajs-webui/panels 19.0.0-next.17 → 19.0.0-next.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/collapsible/Collapsible.d.ts +2 -3
- package/dist/index.es.js +93 -91
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { ButtonElementProps
|
|
1
|
+
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
export interface CollapsibleProps extends Omit<
|
|
3
|
+
export interface CollapsibleProps extends Omit<ButtonElementProps, "value"> {
|
|
4
4
|
label: string;
|
|
5
|
-
onClick?: ButtonElementProps["onClick"];
|
|
6
5
|
contentLeft?: React.ReactNode;
|
|
7
6
|
contentRight?: React.ReactNode;
|
|
8
7
|
collapsed?: boolean;
|
package/dist/index.es.js
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenu_1jqed_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100vh}._sidebarMenu_1jqed_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
1
|
+
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenu_iwe92_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100dvh}._sidebarMenu_iwe92_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
2
|
import { jsx as n, jsxs as a, Fragment as b } from "react/jsx-runtime";
|
|
3
|
-
import { ActionMenu as
|
|
3
|
+
import { ActionMenu as G, ActionMenuContext as rn, stenaAngleDown as J, PrimaryButton as cn, SecondaryButton as sn, FlatButton as C, stenaHamburger as K, stenaBellFilled as ln, stenaUserCircle as dn, CircledIcon as Q, stenaTimes as X, Icon as un, stenaMail as hn, MenuButton as L, Banner as pn, Spinner as gn, StenaFlag as fn, stenaAngleLeftDouble as Y, stenaPin as mn, IconMenuButton as R, IconMenuButtonLink as bn, MenuButtonLink as vn } from "@stenajs-webui/elements";
|
|
4
4
|
import * as _n from "react";
|
|
5
5
|
import { useRef as Cn, useMemo as Bn, forwardRef as xn, createContext as yn, useContext as kn, useState as In } from "react";
|
|
6
|
-
import { useBoolean as
|
|
7
|
-
import { Popover as
|
|
8
|
-
import { Checkbox as
|
|
6
|
+
import { useBoolean as P, Column as f, Box as s, Row as l, Indent as x, Heading as z, Text as v, Space as _, SeparatorLine as Nn } from "@stenajs-webui/core";
|
|
7
|
+
import { Popover as M, Tooltip as wn } from "@stenajs-webui/tooltip";
|
|
8
|
+
import { Checkbox as Z, TextInput as Mn } from "@stenajs-webui/forms";
|
|
9
9
|
import h from "classnames";
|
|
10
10
|
import { cssColor as m } from "@stenajs-webui/theme";
|
|
11
|
-
const
|
|
11
|
+
const $ = ({
|
|
12
12
|
renderItems: e,
|
|
13
13
|
placement: t = "bottom",
|
|
14
14
|
buttonComponent: o,
|
|
15
|
-
rightIcon: i =
|
|
15
|
+
rightIcon: i = J,
|
|
16
16
|
portalTarget: r = "parent",
|
|
17
17
|
zIndex: c,
|
|
18
18
|
menuWidth: u,
|
|
19
19
|
menuTop: d,
|
|
20
20
|
onClick: p,
|
|
21
21
|
disableArrow: g = !1,
|
|
22
|
-
...
|
|
22
|
+
...S
|
|
23
23
|
}) => {
|
|
24
|
-
const [
|
|
24
|
+
const [E, D, y, en] = P(!1), j = Cn(null), tn = {
|
|
25
25
|
name: "focusManager",
|
|
26
26
|
defaultValue: !0,
|
|
27
27
|
fn({ popper: k }) {
|
|
28
28
|
let N = !1;
|
|
29
|
-
const
|
|
29
|
+
const U = (B) => {
|
|
30
30
|
B.key === "Escape" && (N = !0, y()), (B.key === "Enter" || B.key === " ") && (N = !0);
|
|
31
31
|
};
|
|
32
32
|
return {
|
|
33
33
|
onCreate() {
|
|
34
|
-
k.addEventListener("keydown",
|
|
34
|
+
k.addEventListener("keydown", U);
|
|
35
35
|
},
|
|
36
36
|
onDestroy() {
|
|
37
|
-
k.removeEventListener("keydown",
|
|
37
|
+
k.removeEventListener("keydown", U);
|
|
38
38
|
},
|
|
39
39
|
onMount() {
|
|
40
40
|
var B;
|
|
41
41
|
N = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
|
|
42
42
|
},
|
|
43
43
|
onHide() {
|
|
44
|
-
|
|
44
|
+
j.current && N && j.current.focus();
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
|
-
}, on = Bn(() => ({ open:
|
|
48
|
+
}, on = Bn(() => ({ open: D, close: y }), [D, y]), an = (k) => {
|
|
49
49
|
p == null || p(k), en();
|
|
50
50
|
};
|
|
51
51
|
return /* @__PURE__ */ n(
|
|
52
|
-
|
|
52
|
+
M,
|
|
53
53
|
{
|
|
54
54
|
disablePadding: !0,
|
|
55
|
-
visible:
|
|
55
|
+
visible: E,
|
|
56
56
|
onClickOutside: y,
|
|
57
57
|
placement: t,
|
|
58
|
-
content:
|
|
58
|
+
content: E && /* @__PURE__ */ n(G, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
|
|
59
59
|
arrow: !1,
|
|
60
60
|
appendTo: r,
|
|
61
61
|
zIndex: c,
|
|
@@ -65,26 +65,26 @@ const z = ({
|
|
|
65
65
|
o,
|
|
66
66
|
{
|
|
67
67
|
rightIcon: g ? void 0 : i,
|
|
68
|
-
...
|
|
69
|
-
ref:
|
|
68
|
+
...S,
|
|
69
|
+
ref: j,
|
|
70
70
|
onClick: an
|
|
71
71
|
}
|
|
72
72
|
)
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
|
-
}, Ne = (e) => /* @__PURE__ */ n(
|
|
75
|
+
}, Ne = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), we = (e) => /* @__PURE__ */ n($, { buttonComponent: sn, ...e }), Sn = (e) => /* @__PURE__ */ n($, { buttonComponent: C, ...e }), jn = "1px solid var(--lhds-color-ui-300)", Me = ({
|
|
76
76
|
renderMenu: e,
|
|
77
77
|
...t
|
|
78
78
|
}) => {
|
|
79
|
-
const [o, i, r] =
|
|
79
|
+
const [o, i, r] = P(!1);
|
|
80
80
|
return /* @__PURE__ */ n(
|
|
81
|
-
|
|
81
|
+
M,
|
|
82
82
|
{
|
|
83
83
|
onClickOutside: r,
|
|
84
84
|
arrow: !1,
|
|
85
85
|
visible: o,
|
|
86
86
|
disablePadding: !0,
|
|
87
|
-
content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(
|
|
87
|
+
content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(G, { children: e(r) }) }) : void 0,
|
|
88
88
|
placement: "bottom-start",
|
|
89
89
|
children: /* @__PURE__ */ n(s, { display: "inline-block", children: /* @__PURE__ */ a(
|
|
90
90
|
l,
|
|
@@ -92,12 +92,12 @@ const z = ({
|
|
|
92
92
|
spacing: 0.5,
|
|
93
93
|
indent: !0,
|
|
94
94
|
alignItems: "center",
|
|
95
|
-
border:
|
|
95
|
+
border: jn,
|
|
96
96
|
borderRadius: "4px",
|
|
97
97
|
children: [
|
|
98
|
-
/* @__PURE__ */ n(
|
|
98
|
+
/* @__PURE__ */ n(Z, { ...t }),
|
|
99
99
|
/* @__PURE__ */ n(x, { num: 0.5 }),
|
|
100
|
-
/* @__PURE__ */ n(C, { size: "small", onClick: i, leftIcon:
|
|
100
|
+
/* @__PURE__ */ n(C, { size: "small", onClick: i, leftIcon: J })
|
|
101
101
|
]
|
|
102
102
|
}
|
|
103
103
|
) })
|
|
@@ -111,11 +111,11 @@ const z = ({
|
|
|
111
111
|
}) => /* @__PURE__ */ n(
|
|
112
112
|
C,
|
|
113
113
|
{
|
|
114
|
-
leftIcon:
|
|
114
|
+
leftIcon: K,
|
|
115
115
|
className: e,
|
|
116
116
|
onClick: t
|
|
117
117
|
}
|
|
118
|
-
),
|
|
118
|
+
), Se = ({
|
|
119
119
|
left: e,
|
|
120
120
|
className: t,
|
|
121
121
|
showMenuButton: o = !1,
|
|
@@ -161,7 +161,7 @@ const z = ({
|
|
|
161
161
|
]
|
|
162
162
|
}
|
|
163
163
|
);
|
|
164
|
-
}, Pn = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36",
|
|
164
|
+
}, Pn = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", O = {
|
|
165
165
|
navBarButton: Pn,
|
|
166
166
|
selected: zn
|
|
167
167
|
}, $n = ({
|
|
@@ -173,19 +173,19 @@ const z = ({
|
|
|
173
173
|
{
|
|
174
174
|
...o,
|
|
175
175
|
className: h(
|
|
176
|
-
|
|
177
|
-
e &&
|
|
176
|
+
O.navBarButton,
|
|
177
|
+
e && O.selected,
|
|
178
178
|
t
|
|
179
179
|
)
|
|
180
180
|
}
|
|
181
|
-
),
|
|
181
|
+
), je = (e) => /* @__PURE__ */ n(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
|
|
182
182
|
content: e,
|
|
183
183
|
children: t,
|
|
184
184
|
...o
|
|
185
185
|
}) => {
|
|
186
|
-
const [i, , r, c] =
|
|
186
|
+
const [i, , r, c] = P(!1);
|
|
187
187
|
return /* @__PURE__ */ n(
|
|
188
|
-
|
|
188
|
+
M,
|
|
189
189
|
{
|
|
190
190
|
onClickOutside: r,
|
|
191
191
|
triggerTarget: document.body,
|
|
@@ -229,7 +229,7 @@ const z = ({
|
|
|
229
229
|
iconClassName: h(r, I.icon)
|
|
230
230
|
}
|
|
231
231
|
);
|
|
232
|
-
}, On = "_navBarSearchFieldInput_16tw5_1", Tn = "_navBarSearchField_16tw5_1",
|
|
232
|
+
}, On = "_navBarSearchFieldInput_16tw5_1", Tn = "_navBarSearchField_16tw5_1", T = {
|
|
233
233
|
navBarSearchFieldInput: On,
|
|
234
234
|
navBarSearchField: Tn
|
|
235
235
|
}, Le = ({
|
|
@@ -238,16 +238,16 @@ const z = ({
|
|
|
238
238
|
wrapperClassName: o,
|
|
239
239
|
...i
|
|
240
240
|
}) => /* @__PURE__ */ n(
|
|
241
|
-
|
|
241
|
+
Mn,
|
|
242
242
|
{
|
|
243
|
-
wrapperClassName: h(
|
|
244
|
-
className: h(
|
|
243
|
+
wrapperClassName: h(T.navBarSearchField, o),
|
|
244
|
+
className: h(T.navBarSearchFieldInput, t),
|
|
245
245
|
placeholder: e,
|
|
246
246
|
...i
|
|
247
247
|
}
|
|
248
|
-
),
|
|
249
|
-
navBarUserButton:
|
|
250
|
-
initials:
|
|
248
|
+
), Vn = "_navBarUserButton_1cwhm_1", Wn = "_initials_1cwhm_31", V = {
|
|
249
|
+
navBarUserButton: Vn,
|
|
250
|
+
initials: Wn
|
|
251
251
|
}, Pe = ({
|
|
252
252
|
className: e,
|
|
253
253
|
username: t,
|
|
@@ -256,25 +256,25 @@ const z = ({
|
|
|
256
256
|
iconClassName: r,
|
|
257
257
|
...c
|
|
258
258
|
}) => /* @__PURE__ */ n(
|
|
259
|
-
|
|
259
|
+
Sn,
|
|
260
260
|
{
|
|
261
261
|
...c,
|
|
262
262
|
className: h(
|
|
263
|
-
{ [
|
|
264
|
-
|
|
263
|
+
{ [V.initials]: o != null },
|
|
264
|
+
V.navBarUserButton,
|
|
265
265
|
e
|
|
266
266
|
),
|
|
267
267
|
leftIcon: t != null ? i : void 0,
|
|
268
268
|
label: o != null ? o : t,
|
|
269
269
|
disableArrow: !0
|
|
270
270
|
}
|
|
271
|
-
),
|
|
272
|
-
unreadDot:
|
|
271
|
+
), qn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", W = {
|
|
272
|
+
unreadDot: qn,
|
|
273
273
|
dot: Gn
|
|
274
|
-
}, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className:
|
|
274
|
+
}, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
|
|
275
275
|
e,
|
|
276
|
-
/* @__PURE__ */ n("div", { className:
|
|
277
|
-
] }),
|
|
276
|
+
/* @__PURE__ */ n("div", { className: W.dot })
|
|
277
|
+
] }), nn = ({
|
|
278
278
|
text: e,
|
|
279
279
|
timestamp: t,
|
|
280
280
|
icon: o,
|
|
@@ -286,7 +286,7 @@ const z = ({
|
|
|
286
286
|
variant: p
|
|
287
287
|
}) => {
|
|
288
288
|
const g = o ? /* @__PURE__ */ n(
|
|
289
|
-
|
|
289
|
+
Q,
|
|
290
290
|
{
|
|
291
291
|
size: "small",
|
|
292
292
|
icon: o,
|
|
@@ -322,7 +322,7 @@ const z = ({
|
|
|
322
322
|
children: /* @__PURE__ */ n(
|
|
323
323
|
C,
|
|
324
324
|
{
|
|
325
|
-
leftIcon:
|
|
325
|
+
leftIcon: X,
|
|
326
326
|
onClick: u,
|
|
327
327
|
"aria-label": "Close",
|
|
328
328
|
variant: "danger"
|
|
@@ -354,7 +354,7 @@ const z = ({
|
|
|
354
354
|
o && w.unread
|
|
355
355
|
),
|
|
356
356
|
children: [
|
|
357
|
-
/* @__PURE__ */ n(
|
|
357
|
+
/* @__PURE__ */ n(nn, { ...i, unread: o, variant: e }),
|
|
358
358
|
t && /* @__PURE__ */ n(f, { className: w.body, children: t })
|
|
359
359
|
]
|
|
360
360
|
}
|
|
@@ -365,7 +365,7 @@ const z = ({
|
|
|
365
365
|
}) => /* @__PURE__ */ a("div", { className: te.notificationList, children: [
|
|
366
366
|
e,
|
|
367
367
|
/* @__PURE__ */ n("div", {})
|
|
368
|
-
] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27",
|
|
368
|
+
] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", F = {
|
|
369
369
|
clickable: oe,
|
|
370
370
|
nonClickable: ie
|
|
371
371
|
}, Ae = ({
|
|
@@ -386,8 +386,8 @@ const z = ({
|
|
|
386
386
|
role: "alert",
|
|
387
387
|
position: "relative",
|
|
388
388
|
children: [
|
|
389
|
-
/* @__PURE__ */ n(s, { className: h({ [
|
|
390
|
-
o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [
|
|
389
|
+
/* @__PURE__ */ n(s, { className: h({ [F.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...c }) }),
|
|
390
|
+
o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [F.nonClickable]: e }), children: [
|
|
391
391
|
o,
|
|
392
392
|
/* @__PURE__ */ n(_, { num: 2 })
|
|
393
393
|
] }),
|
|
@@ -395,7 +395,7 @@ const z = ({
|
|
|
395
395
|
"button",
|
|
396
396
|
{
|
|
397
397
|
onClick: e,
|
|
398
|
-
className:
|
|
398
|
+
className: F.clickable,
|
|
399
399
|
"aria-label": t
|
|
400
400
|
}
|
|
401
401
|
)
|
|
@@ -414,13 +414,15 @@ const z = ({
|
|
|
414
414
|
onClick: c,
|
|
415
415
|
disabled: u = !1,
|
|
416
416
|
children: d,
|
|
417
|
-
autoFocus: p = !1
|
|
418
|
-
|
|
417
|
+
autoFocus: p = !1,
|
|
418
|
+
...g
|
|
419
|
+
}, S) {
|
|
419
420
|
return /* @__PURE__ */ n(
|
|
420
|
-
|
|
421
|
+
L,
|
|
421
422
|
{
|
|
423
|
+
...g,
|
|
422
424
|
autoFocus: p,
|
|
423
|
-
ref:
|
|
425
|
+
ref: S,
|
|
424
426
|
label: t,
|
|
425
427
|
onClick: c,
|
|
426
428
|
disabled: u,
|
|
@@ -446,7 +448,7 @@ const z = ({
|
|
|
446
448
|
re,
|
|
447
449
|
{
|
|
448
450
|
contentLeft: /* @__PURE__ */ n(
|
|
449
|
-
|
|
451
|
+
Z,
|
|
450
452
|
{
|
|
451
453
|
value: e,
|
|
452
454
|
indeterminate: i,
|
|
@@ -474,7 +476,7 @@ const z = ({
|
|
|
474
476
|
}) => /* @__PURE__ */ a(s, { alignItems: "center", children: [
|
|
475
477
|
/* @__PURE__ */ n(gn, { size: "small" }),
|
|
476
478
|
/* @__PURE__ */ n(_, { num: 4 }),
|
|
477
|
-
/* @__PURE__ */ n(
|
|
479
|
+
/* @__PURE__ */ n(z, { variant: "h4", children: e })
|
|
478
480
|
] }), Oe = (e) => /* @__PURE__ */ n(
|
|
479
481
|
s,
|
|
480
482
|
{
|
|
@@ -500,7 +502,7 @@ const z = ({
|
|
|
500
502
|
o == null ? void 0 : o()
|
|
501
503
|
] }),
|
|
502
504
|
i
|
|
503
|
-
] }),
|
|
505
|
+
] }), Ve = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), We = ({
|
|
504
506
|
icon: e,
|
|
505
507
|
heading: t,
|
|
506
508
|
headingLevel: o = "h2",
|
|
@@ -508,12 +510,12 @@ const z = ({
|
|
|
508
510
|
contentRight: r
|
|
509
511
|
}) => /* @__PURE__ */ a(l, { alignItems: "center", gap: 2, height: "64px", children: [
|
|
510
512
|
/* @__PURE__ */ a(l, { alignItems: "center", children: [
|
|
511
|
-
/* @__PURE__ */ n(l, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(
|
|
512
|
-
/* @__PURE__ */ n(
|
|
513
|
+
/* @__PURE__ */ n(l, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(Q, { icon: e }) }),
|
|
514
|
+
/* @__PURE__ */ n(z, { variant: "h3", as: o, children: t })
|
|
513
515
|
] }),
|
|
514
516
|
/* @__PURE__ */ n(l, { alignItems: "center", children: i }),
|
|
515
517
|
/* @__PURE__ */ n(l, { style: { marginLeft: "auto" }, alignItems: "center", children: r })
|
|
516
|
-
] }), le = "
|
|
518
|
+
] }), le = "_sidebarMenu_iwe92_1", q = {
|
|
517
519
|
sidebarMenu: le
|
|
518
520
|
}, de = "_stenaFlag_108h7_1", ue = {
|
|
519
521
|
stenaFlag: de
|
|
@@ -526,7 +528,7 @@ const z = ({
|
|
|
526
528
|
indent: 1,
|
|
527
529
|
minHeight: "48px",
|
|
528
530
|
children: [
|
|
529
|
-
/* @__PURE__ */ n(C, { leftIcon:
|
|
531
|
+
/* @__PURE__ */ n(C, { leftIcon: X, onClick: e, variant: "danger" }),
|
|
530
532
|
/* @__PURE__ */ n(fn, { className: ue.stenaFlag })
|
|
531
533
|
]
|
|
532
534
|
}
|
|
@@ -536,8 +538,8 @@ const z = ({
|
|
|
536
538
|
label: o
|
|
537
539
|
}) => {
|
|
538
540
|
const i = e ? "Unpin menu" : "Pin menu", r = o != null ? o : i;
|
|
539
|
-
return /* @__PURE__ */ n(
|
|
540
|
-
},
|
|
541
|
+
return /* @__PURE__ */ n(L, { onClick: t, label: r, leftIcon: e ? Y : mn });
|
|
542
|
+
}, qe = ({
|
|
541
543
|
className: e,
|
|
542
544
|
children: t,
|
|
543
545
|
onCloseClick: o,
|
|
@@ -550,7 +552,7 @@ const z = ({
|
|
|
550
552
|
s,
|
|
551
553
|
{
|
|
552
554
|
indent: 1,
|
|
553
|
-
className: h(
|
|
555
|
+
className: h(q.sidebarMenu, e),
|
|
554
556
|
style: {
|
|
555
557
|
["--swui-sidebar-menu-item-height"]: "40px"
|
|
556
558
|
},
|
|
@@ -561,7 +563,7 @@ const z = ({
|
|
|
561
563
|
/* @__PURE__ */ n(
|
|
562
564
|
s,
|
|
563
565
|
{
|
|
564
|
-
className:
|
|
566
|
+
className: q.sidebarMenuContent,
|
|
565
567
|
height: "100%",
|
|
566
568
|
background: "var(--current-background-color)",
|
|
567
569
|
children: /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
|
|
@@ -581,7 +583,7 @@ const z = ({
|
|
|
581
583
|
)
|
|
582
584
|
]
|
|
583
585
|
}
|
|
584
|
-
),
|
|
586
|
+
), A = yn(!1), H = () => kn(A), Ge = ({
|
|
585
587
|
closeButtonVisible: e,
|
|
586
588
|
onClickCloseButton: t,
|
|
587
589
|
onClickMenuButton: o,
|
|
@@ -599,13 +601,13 @@ const z = ({
|
|
|
599
601
|
shadow: "popover",
|
|
600
602
|
background: m("--lhds-color-ui-50"),
|
|
601
603
|
children: [
|
|
602
|
-
/* @__PURE__ */ n(
|
|
604
|
+
/* @__PURE__ */ n(R, { onClick: o, icon: K }),
|
|
603
605
|
/* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
|
|
604
|
-
/* @__PURE__ */ n(f, { gap: 1, children: /* @__PURE__ */ n(
|
|
606
|
+
/* @__PURE__ */ n(f, { gap: 1, children: /* @__PURE__ */ n(A.Provider, { value: !0, children: i }) }),
|
|
605
607
|
e && /* @__PURE__ */ n(
|
|
606
|
-
|
|
608
|
+
R,
|
|
607
609
|
{
|
|
608
|
-
icon:
|
|
610
|
+
icon: Y,
|
|
609
611
|
onClick: t
|
|
610
612
|
}
|
|
611
613
|
)
|
|
@@ -614,20 +616,20 @@ const z = ({
|
|
|
614
616
|
}
|
|
615
617
|
), ge = ({
|
|
616
618
|
label: e
|
|
617
|
-
}) =>
|
|
619
|
+
}) => H() ? null : /* @__PURE__ */ a(s, { height: "32px", justifyContent: "center", indent: 1, children: [
|
|
618
620
|
/* @__PURE__ */ n(_, {}),
|
|
619
621
|
/* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
|
|
620
622
|
] }), fe = ({
|
|
621
623
|
label: e,
|
|
622
624
|
leftIcon: t,
|
|
623
625
|
...o
|
|
624
|
-
}) => t == null ? null : /* @__PURE__ */ n(wn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(bn, { icon: t, ...o }) }), Je = (e) =>
|
|
626
|
+
}) => t == null ? null : /* @__PURE__ */ n(wn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(bn, { icon: t, ...o }) }), Je = (e) => H() ? /* @__PURE__ */ n(fe, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), me = ({
|
|
625
627
|
children: e,
|
|
626
628
|
label: t,
|
|
627
629
|
icon: o,
|
|
628
630
|
popupMinWidth: i = "200px"
|
|
629
631
|
}) => /* @__PURE__ */ n(
|
|
630
|
-
|
|
632
|
+
M,
|
|
631
633
|
{
|
|
632
634
|
appendTo: "parent",
|
|
633
635
|
arrow: !1,
|
|
@@ -644,13 +646,13 @@ const z = ({
|
|
|
644
646
|
spacing: 1,
|
|
645
647
|
indent: 1,
|
|
646
648
|
gap: 2,
|
|
647
|
-
children: /* @__PURE__ */ a(
|
|
649
|
+
children: /* @__PURE__ */ a(A.Provider, { value: !1, children: [
|
|
648
650
|
/* @__PURE__ */ n(ge, { label: t }),
|
|
649
651
|
e
|
|
650
652
|
] })
|
|
651
653
|
}
|
|
652
654
|
),
|
|
653
|
-
children: /* @__PURE__ */ n(
|
|
655
|
+
children: /* @__PURE__ */ n(R, { icon: o })
|
|
654
656
|
}
|
|
655
657
|
), Ke = ({
|
|
656
658
|
children: e,
|
|
@@ -660,8 +662,8 @@ const z = ({
|
|
|
660
662
|
initialExpand: r = !1
|
|
661
663
|
}) => {
|
|
662
664
|
const [c, u] = In(r);
|
|
663
|
-
return
|
|
664
|
-
|
|
665
|
+
return H() ? o == null ? null : /* @__PURE__ */ n(me, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
|
|
666
|
+
L,
|
|
665
667
|
{
|
|
666
668
|
label: t,
|
|
667
669
|
onClick: () => u(!c),
|
|
@@ -715,10 +717,10 @@ const z = ({
|
|
|
715
717
|
}
|
|
716
718
|
);
|
|
717
719
|
export {
|
|
718
|
-
|
|
720
|
+
Sn as ActionMenuFlatButton,
|
|
719
721
|
Ne as ActionMenuPrimaryButton,
|
|
720
722
|
we as ActionMenuSecondaryButton,
|
|
721
|
-
|
|
723
|
+
Me as CheckboxMenu,
|
|
722
724
|
re as Collapsible,
|
|
723
725
|
ae as CollapsibleEmptyContent,
|
|
724
726
|
De as CollapsibleGroupHeading,
|
|
@@ -728,21 +730,21 @@ export {
|
|
|
728
730
|
Ue as ErrorScreen,
|
|
729
731
|
se as LoadingPanel,
|
|
730
732
|
Oe as LoadingScreen,
|
|
731
|
-
|
|
733
|
+
Se as NavBar,
|
|
732
734
|
$n as NavBarButton,
|
|
733
|
-
|
|
735
|
+
je as NavBarHeading,
|
|
734
736
|
Re as NavBarNotificationButton,
|
|
735
737
|
Fe as NavBarPopoverButton,
|
|
736
738
|
Le as NavBarSearchField,
|
|
737
739
|
Pe as NavBarUserButton,
|
|
738
740
|
ze as Notification,
|
|
739
|
-
|
|
741
|
+
nn as NotificationHeader,
|
|
740
742
|
$e as NotificationList,
|
|
741
743
|
Te as PageHeader,
|
|
742
|
-
|
|
743
|
-
|
|
744
|
+
Ve as PageHeaderRow,
|
|
745
|
+
We as PageHeading,
|
|
744
746
|
Xe as SelectedItemsActionsPanel,
|
|
745
|
-
|
|
747
|
+
qe as SidebarMenu,
|
|
746
748
|
Ke as SidebarMenuCollapsible,
|
|
747
749
|
ge as SidebarMenuHeading,
|
|
748
750
|
Je as SidebarMenuLink,
|