@stenajs-webui/panels 19.0.0-next.70 → 19.0.0-next.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +27 -27
- package/dist/index.js +2 -2
- package/package.json +7 -7
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{var r=document.createElement("style");r.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_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}.
|
|
1
|
+
(function(){"use strict";try{var r=document.createElement("style");r.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_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1ergu_1._navBarSearchFieldInput_1ergu_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:0 var(--swui-metrics-indent)}._navBarSearchFieldInput_1ergu_1._navBarSearchFieldInput_1ergu_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_1ergu_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:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchField_1ergu_1._withButton_1ergu_25{padding-right:1px}._navBarSearchField_1ergu_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)}._navBarSearchField_1ergu_1 ._clearButton_1ergu_35{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._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_1bx5w_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-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 )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--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)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
2
|
import { jsxs as a, Fragment as b, jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import { ActionMenu as X, ActionMenuContext as cn, stenaAngleDown as J, PrimaryButton as ln, SecondaryButton as sn, FlatButton as j, stenaHamburger as K, BaseButton as dn, stenaBellFilled as un, TextInputButton as hn, stenaTimes as pn, stenaUserCircle as gn, CircledIcon as $, CloseButton as Q, Icon as mn, stenaMail as fn, MenuButton as A, Card as vn, CardBody as bn, stenaTripFerryXl as _n, Spinner as Bn, StenaFlag as Cn, stenaAngleLeftDouble as V, stenaPin as xn, IconMenuButton as H, IconMenuButtonLink as yn, MenuButtonLink as kn } from "@stenajs-webui/elements";
|
|
4
4
|
import * as wn from "react";
|
|
@@ -27,15 +27,15 @@ const T = ({
|
|
|
27
27
|
defaultValue: !0,
|
|
28
28
|
fn({ popper: k }) {
|
|
29
29
|
let N = !1;
|
|
30
|
-
const
|
|
30
|
+
const W = (B) => {
|
|
31
31
|
B.key === "Escape" && (N = !0, y()), (B.key === "Enter" || B.key === " ") && (N = !0);
|
|
32
32
|
};
|
|
33
33
|
return {
|
|
34
34
|
onCreate() {
|
|
35
|
-
k.addEventListener("keydown",
|
|
35
|
+
k.addEventListener("keydown", W);
|
|
36
36
|
},
|
|
37
37
|
onDestroy() {
|
|
38
|
-
k.removeEventListener("keydown",
|
|
38
|
+
k.removeEventListener("keydown", W);
|
|
39
39
|
},
|
|
40
40
|
onMount() {
|
|
41
41
|
var B;
|
|
@@ -76,7 +76,7 @@ const T = ({
|
|
|
76
76
|
}
|
|
77
77
|
)
|
|
78
78
|
] });
|
|
79
|
-
}, $e = (e) => /* @__PURE__ */ n(T, { buttonComponent: ln, ...e }), Ae = (e) => /* @__PURE__ */ n(T, { buttonComponent: sn, ...e }),
|
|
79
|
+
}, $e = (e) => /* @__PURE__ */ n(T, { buttonComponent: ln, ...e }), Ae = (e) => /* @__PURE__ */ n(T, { buttonComponent: sn, ...e }), Pn = (e) => /* @__PURE__ */ n(T, { buttonComponent: j, ...e }), zn = "1px solid var(--lhds-color-ui-300)", He = ({
|
|
80
80
|
renderMenu: e,
|
|
81
81
|
...t
|
|
82
82
|
}) => {
|
|
@@ -96,7 +96,7 @@ const T = ({
|
|
|
96
96
|
spacing: 0.5,
|
|
97
97
|
indent: !0,
|
|
98
98
|
alignItems: "center",
|
|
99
|
-
border:
|
|
99
|
+
border: zn,
|
|
100
100
|
borderRadius: "4px",
|
|
101
101
|
children: [
|
|
102
102
|
/* @__PURE__ */ n(Z, { ...t }),
|
|
@@ -165,7 +165,7 @@ const T = ({
|
|
|
165
165
|
]
|
|
166
166
|
}
|
|
167
167
|
);
|
|
168
|
-
}, En = "_navBarButton_b3x3w_1", Tn = "_selected_b3x3w_14",
|
|
168
|
+
}, En = "_navBarButton_b3x3w_1", Tn = "_selected_b3x3w_14", q = {
|
|
169
169
|
navBarButton: En,
|
|
170
170
|
selected: Tn
|
|
171
171
|
}, Un = ({
|
|
@@ -177,8 +177,8 @@ const T = ({
|
|
|
177
177
|
{
|
|
178
178
|
...o,
|
|
179
179
|
className: p(
|
|
180
|
-
|
|
181
|
-
e &&
|
|
180
|
+
q.navBarButton,
|
|
181
|
+
e && q.selected,
|
|
182
182
|
t
|
|
183
183
|
)
|
|
184
184
|
}
|
|
@@ -201,11 +201,11 @@ const T = ({
|
|
|
201
201
|
children: /* @__PURE__ */ n(Un, { ...o, onClick: c })
|
|
202
202
|
}
|
|
203
203
|
);
|
|
204
|
-
}, Dn = "_navBarNotificationButton_1wt3y_1", On = "_unread_1wt3y_23",
|
|
204
|
+
}, Dn = "_navBarNotificationButton_1wt3y_1", On = "_unread_1wt3y_23", Wn = "_icon_1wt3y_23", qn = "_shake_1wt3y_1", w = {
|
|
205
205
|
navBarNotificationButton: Dn,
|
|
206
206
|
unread: On,
|
|
207
|
-
icon:
|
|
208
|
-
shake:
|
|
207
|
+
icon: Wn,
|
|
208
|
+
shake: qn
|
|
209
209
|
}, De = ({
|
|
210
210
|
count: e,
|
|
211
211
|
unread: t = !1,
|
|
@@ -232,7 +232,7 @@ const T = ({
|
|
|
232
232
|
iconClassName: p(i, w.icon)
|
|
233
233
|
}
|
|
234
234
|
);
|
|
235
|
-
}, Gn = "
|
|
235
|
+
}, Gn = "_navBarSearchFieldInput_1ergu_1", Xn = "_navBarSearchField_1ergu_1", Jn = "_withButton_1ergu_25", Kn = "_clearButton_1ergu_35", M = {
|
|
236
236
|
navBarSearchFieldInput: Gn,
|
|
237
237
|
navBarSearchField: Xn,
|
|
238
238
|
withButton: Jn,
|
|
@@ -267,7 +267,7 @@ const T = ({
|
|
|
267
267
|
}
|
|
268
268
|
), Qn = "_navBarUserButton_10f9z_1", Vn = {
|
|
269
269
|
navBarUserButton: Qn
|
|
270
|
-
},
|
|
270
|
+
}, We = ({
|
|
271
271
|
className: e,
|
|
272
272
|
username: t,
|
|
273
273
|
initials: o,
|
|
@@ -276,7 +276,7 @@ const T = ({
|
|
|
276
276
|
responsiveIconOnly: c = o == null,
|
|
277
277
|
...l
|
|
278
278
|
}) => /* @__PURE__ */ n(
|
|
279
|
-
|
|
279
|
+
Pn,
|
|
280
280
|
{
|
|
281
281
|
...l,
|
|
282
282
|
className: p(Vn.navBarUserButton, e),
|
|
@@ -350,7 +350,7 @@ const T = ({
|
|
|
350
350
|
standard: re,
|
|
351
351
|
unread: ae,
|
|
352
352
|
danger: ie
|
|
353
|
-
},
|
|
353
|
+
}, qe = ({
|
|
354
354
|
variant: e = "standard",
|
|
355
355
|
children: t,
|
|
356
356
|
unread: o,
|
|
@@ -375,7 +375,7 @@ const T = ({
|
|
|
375
375
|
}) => /* @__PURE__ */ a("div", { className: le.notificationList, children: [
|
|
376
376
|
e,
|
|
377
377
|
/* @__PURE__ */ n("div", {})
|
|
378
|
-
] }), se = "_clickable_1ijxc_1", de = "_nonClickable_1ijxc_27",
|
|
378
|
+
] }), se = "_clickable_1ijxc_1", de = "_nonClickable_1ijxc_27", P = {
|
|
379
379
|
clickable: se,
|
|
380
380
|
nonClickable: de
|
|
381
381
|
}, Xe = ({
|
|
@@ -396,8 +396,8 @@ const T = ({
|
|
|
396
396
|
role: "alert",
|
|
397
397
|
position: "relative",
|
|
398
398
|
children: [
|
|
399
|
-
/* @__PURE__ */ n(d, { className: p({ [
|
|
400
|
-
o && /* @__PURE__ */ a(d, { indent: 3, className: p({ [
|
|
399
|
+
/* @__PURE__ */ n(d, { className: p({ [P.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...c }) }),
|
|
400
|
+
o && /* @__PURE__ */ a(d, { indent: 3, className: p({ [P.nonClickable]: e }), children: [
|
|
401
401
|
o,
|
|
402
402
|
/* @__PURE__ */ n(m, { num: 2 })
|
|
403
403
|
] }),
|
|
@@ -405,7 +405,7 @@ const T = ({
|
|
|
405
405
|
"button",
|
|
406
406
|
{
|
|
407
407
|
onClick: e,
|
|
408
|
-
className:
|
|
408
|
+
className: P.clickable,
|
|
409
409
|
"aria-label": t
|
|
410
410
|
}
|
|
411
411
|
)
|
|
@@ -546,7 +546,7 @@ const T = ({
|
|
|
546
546
|
] }),
|
|
547
547
|
/* @__PURE__ */ n(u, { alignItems: "center", children: r }),
|
|
548
548
|
/* @__PURE__ */ n(u, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
|
|
549
|
-
] }), me = "_sidebarMenu_1bx5w_1", fe = "_sidebarItems_1bx5w_38", ve = "_scrollContainer_1bx5w_48",
|
|
549
|
+
] }), me = "_sidebarMenu_1bx5w_1", fe = "_sidebarItems_1bx5w_38", ve = "_scrollContainer_1bx5w_48", z = {
|
|
550
550
|
sidebarMenu: me,
|
|
551
551
|
sidebarItems: fe,
|
|
552
552
|
scrollContainer: ve
|
|
@@ -585,12 +585,12 @@ const T = ({
|
|
|
585
585
|
bottomItems: l,
|
|
586
586
|
isPinned: s,
|
|
587
587
|
...g
|
|
588
|
-
}) => /* @__PURE__ */ a(d, { ...g, className: p(
|
|
588
|
+
}) => /* @__PURE__ */ a(d, { ...g, className: p(z.sidebarMenu, e), children: [
|
|
589
589
|
/* @__PURE__ */ n(Be, { onClick: o }),
|
|
590
|
-
/* @__PURE__ */ n(d, { className:
|
|
590
|
+
/* @__PURE__ */ n(d, { className: z.scrollContainer, children: /* @__PURE__ */ a(
|
|
591
591
|
h,
|
|
592
592
|
{
|
|
593
|
-
className:
|
|
593
|
+
className: z.sidebarItems,
|
|
594
594
|
justifyContent: "space-between",
|
|
595
595
|
flex: 1,
|
|
596
596
|
gap: 1,
|
|
@@ -754,7 +754,7 @@ const T = ({
|
|
|
754
754
|
}
|
|
755
755
|
);
|
|
756
756
|
export {
|
|
757
|
-
|
|
757
|
+
Pn as ActionMenuFlatButton,
|
|
758
758
|
$e as ActionMenuPrimaryButton,
|
|
759
759
|
Ae as ActionMenuSecondaryButton,
|
|
760
760
|
He as CheckboxMenu,
|
|
@@ -773,8 +773,8 @@ export {
|
|
|
773
773
|
De as NavBarNotificationButton,
|
|
774
774
|
Ue as NavBarPopoverButton,
|
|
775
775
|
Oe as NavBarSearchField,
|
|
776
|
-
|
|
777
|
-
|
|
776
|
+
We as NavBarUserButton,
|
|
777
|
+
qe as Notification,
|
|
778
778
|
nn as NotificationHeader,
|
|
779
779
|
Ge as NotificationList,
|
|
780
780
|
Ze as PageHeader,
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(){"use strict";try{var r=document.createElement("style");r.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_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}.
|
|
2
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),p=require("react"),t=require("@stenajs-webui/core"),m=require("@stenajs-webui/tooltip"),M=require("@stenajs-webui/forms"),Z=require("classnames"),j=require("@stenajs-webui/theme"),ee=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function ne(n){if(n&&n.__esModule)return n;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const te=ne(p),d=ee(Z),k=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:a=r.stenaAngleDown,portalTarget:i="parent",zIndex:l,menuWidth:c,menuTop:u,onClick:x,disableArrow:h=!1,buttonRef:f,...X})=>{const[P,L,B,J]=t.useBoolean(!1),K=p.useRef(null),v=f!=null?f:K,Q={name:"focusManager",defaultValue:!0,fn({popper:b}){let _=!1;const H=g=>{g.key==="Escape"&&(_=!0,B()),(g.key==="Enter"||g.key===" ")&&(_=!0)};return{onCreate(){b.addEventListener("keydown",H)},onDestroy(){b.removeEventListener("keydown",H)},onMount(){var g;_=!1,(g=b.querySelector("button:not([disabled]), a[href]"))==null||g.focus()},onHide(){v.current&&_&&v.current.focus()}}}},V=p.useMemo(()=>({open:L,close:B}),[L,B]),Y=b=>{x==null||x(b),J()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{rightIcon:h?void 0:a,...X,ref:v,onClick:Y}),e.jsx(m.Popover,{disablePadding:!0,visible:P,onClickOutside:B,placement:s,content:P&&e.jsx(r.ActionMenu,{width:c,top:u,trapFocus:!0,children:e.jsx(r.ActionMenuContext.Provider,{value:V,children:n(B)})}),arrow:!1,appendTo:i,zIndex:l,plugins:[Q],lazy:!0,reference:v})]})},se=n=>e.jsx(k,{buttonComponent:r.PrimaryButton,...n}),oe=n=>e.jsx(k,{buttonComponent:r.SecondaryButton,...n}),A=n=>e.jsx(k,{buttonComponent:r.FlatButton,...n}),ae="1px solid var(--lhds-color-ui-300)",re=({renderMenu:n,...s})=>{const[o,a,i]=t.useBoolean(!1);return e.jsx(m.Popover,{onClickOutside:i,arrow:!1,visible:o,disablePadding:!0,content:n?e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(i)})}):void 0,placement:"bottom-start",children:e.jsx(t.Box,{display:"inline-block",children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:ae,borderRadius:"4px",children:[e.jsx(M.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",onClick:a,leftIcon:r.stenaAngleDown})]})})})},ie="_navBar_kzibd_1",le={navBar:ie},ce=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),ue=({left:n,className:s,showMenuButton:o=!1,children:a,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d.default(le.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(ce,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),a&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:te.Children.map(a,(x,h)=>e.jsxs(e.Fragment,{children:[h>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},de="_navBarButton_b3x3w_1",xe="_selected_b3x3w_14",T={navBarButton:de,selected:xe},q=({selected:n,className:s,...o})=>e.jsx(r.FlatButton,{...o,className:d.default(T.navBarButton,n&&T.selected,s)}),je=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),he=({content:n,children:s,...o})=>{const[a,,i,l]=t.useBoolean(!1);return e.jsx(m.Popover,{onClickOutside:i,triggerTarget:document.body,visible:a,content:e.jsxs(e.Fragment,{children:[n&&n({close:i}),s]}),children:e.jsx(q,{...o,onClick:l})})},pe="_navBarNotificationButton_1wt3y_1",ge="_unread_1wt3y_23",me="_icon_1wt3y_23",fe="_shake_1wt3y_1",C={navBarNotificationButton:pe,unread:ge,icon:me,shake:fe},Be=({count:n,unread:s=!1,className:o,labelClassName:a,iconClassName:i,icon:l=r.stenaBellFilled,...c})=>{const u=n>1;return e.jsx(r.BaseButton,{...c,leftIcon:l,className:d.default(C.navBarNotificationButton,s&&C.unread,u&&C.hasCount,o),label:u?String(n):void 0,labelClassName:d.default(a,C.label),iconClassName:d.default(i,C.icon)})},be="_navBarSearchFieldInput_q4zl6_1",Ce="_navBarSearchField_q4zl6_1",ve="_withButton_q4zl6_25",_e="_clearButton_q4zl6_36",w={navBarSearchFieldInput:be,navBarSearchField:Ce,withButton:ve,clearButton:_e},we=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:a,onClickClearButton:i,...l})=>e.jsx(M.TextInput,{wrapperClassName:d.default(w.navBarSearchField,a?w.withButton:void 0,o),className:d.default(w.navBarSearchFieldInput,s),placeholder:n,buttonRight:a?e.jsx(r.TextInputButton,{className:w.clearButton,icon:r.stenaTimes,variant:"error",onClick:i}):void 0,...l}),ye="_navBarUserButton_10f9z_1",Se={navBarUserButton:ye},Ie=({className:n,username:s,initials:o,icon:a=r.stenaUserCircle,iconClassName:i,responsiveIconOnly:l=o==null,...c})=>e.jsx(A,{...c,className:d.default(Se.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:o!=null?o:s,forceRound:o!=null,responsiveIconOnly:l,disableArrow:!0}),Ne="_unreadDot_l8bni_1",Me="_dot_l8bni_4",z={unreadDot:Ne,dot:Me},D=({children:n})=>e.jsxs("div",{className:z.unreadDot,children:[n,e.jsx("div",{className:z.dot})]}),R=({text:n,timestamp:s,icon:o,iconAriaLabel:a,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x})=>{const h=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":a,backgroundColor:O(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&h&&(u?e.jsx(D,{children:h}):h),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:j.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.CloseButton,{onClick:c})})]})},O=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},ke="_notification_1hao0_1",Re="_body_1hao0_7",Fe="_standard_1hao0_13",Pe="_unread_1hao0_14",Le="_danger_1hao0_19",y={notification:ke,body:Re,standard:Fe,unread:Pe,danger:Le},He=({variant:n="standard",children:s,unread:o,...a})=>e.jsxs("div",{className:d.default(y.notification,y[n],o&&y.unread),children:[e.jsx(R,{...a,unread:o,variant:n}),s&&e.jsx(t.Column,{className:y.body,children:s})]}),Te="_notificationList_1rkvu_1",ze={notificationList:Te},Ae=({children:n})=>e.jsxs("div",{className:ze.notificationList,children:[n,e.jsx("div",{})]}),qe="_clickable_1ijxc_1",De="_nonClickable_1ijxc_27",I={clickable:qe,nonClickable:De},Oe=({onClick:n,onClickAriaLabel:s,children:o,width:a=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:j.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d.default({[I.nonClickable]:n}),children:e.jsx(R,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d.default({[I.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:I.clickable,"aria-label":s})]}),E=()=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:j.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:j.cssColor("--lhds-color-ui-500"),children:"No content"})]}),$=p.forwardRef(function({label:s,contentLeft:o,contentRight:a,collapsed:i=!1,onClick:l,disabled:c=!1,children:u,autoFocus:x=!1,...h},f){return e.jsx(r.MenuButton,{...h,autoFocus:x,ref:f,label:s,onClick:l,disabled:c,expandable:!0,expanded:!i,selected:!i,left:o,right:a,children:u!=null?u:e.jsx(E,{})})}),Ee=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),$e=({value:n,onValueChange:s,onChange:o,indeterminate:a,checkboxDisabled:i,...l})=>e.jsx($,{contentLeft:e.jsx(M.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),Ue=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),U=({text:n,heading:s,children:o,buttons:a,icon:i=r.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(r.Card,{...c,children:e.jsx(r.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(r.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,a&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),a]})]})})})},We=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),W=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(W,{...n})}),Xe=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:a})=>e.jsxs(t.Box,{shadow:"bottom",background:j.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),a]}),Je=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),Ke=({icon:n,heading:s,headingLevel:o="h2",contentLeft:a,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:a}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Qe="_sidebarMenu_1bx5w_1",Ve="_sidebarItems_1bx5w_38",Ye="_scrollContainer_1bx5w_48",N={sidebarMenu:Qe,sidebarItems:Ve,scrollContainer:Ye},Ze="_stenaFlag_108h7_1",en={stenaFlag:Ze},nn=({onClick:n})=>e.jsxs(t.Column,{background:j.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(r.CloseButton,{onClick:n}),e.jsx(r.StenaFlag,{className:en.stenaFlag})]})]}),tn=({isPinned:n,onClick:s,label:o})=>{const a=n?"Unpin menu":"Pin menu",i=o!=null?o:a,l=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:i,leftIcon:l})},sn=({className:n,children:s,onCloseClick:o,variant:a="standard",pinButtonVisible:i,onClickPinButton:l,bottomItems:c,isPinned:u,...x})=>e.jsxs(t.Box,{...x,className:d.default(N.sidebarMenu,n),children:[e.jsx(nn,{onClick:o}),e.jsx(t.Box,{className:N.scrollContainer,children:e.jsxs(t.Column,{className:N.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(c||i)&&e.jsxs(t.Column,{gap:1,children:[c,i&&e.jsx(tn,{isPinned:u,onClick:l}),e.jsx(t.Space,{})]})]})})]}),S=p.createContext(!1),F=()=>p.useContext(S),on=({label:n,...s})=>e.jsx(m.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButton,{...s})}),an=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:a,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:j.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(S.Provider,{value:!0,children:a})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(S.Provider,{value:!0,children:[i,n&&e.jsx(on,{icon:r.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),G=({label:n})=>F()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),rn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(m.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),ln=n=>F()?e.jsx(rn,{...n}):e.jsx(r.MenuButtonLink,{...n}),cn=({children:n,label:s,icon:o,popupMinWidth:a="200px"})=>e.jsx(m.Popover,{appendTo:"parent",arrow:!1,offset:[0,0],placement:"right-start",trigger:"focusin mouseenter click",disablePadding:!0,lazy:!0,content:e.jsx(t.Box,{minWidth:a,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(S.Provider,{value:!1,children:[e.jsx(G,{label:s}),n]})}),children:e.jsx(r.IconMenuButton,{icon:o})}),un=({children:n,label:s,leftIcon:o,className:a,initialExpand:i=!1})=>{const[l,c]=p.useState(i);return F()?o==null?null:e.jsx(cn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:a,expandable:!0,expanded:l,selected:l,children:n})},dn=n=>e.jsx(t.SeparatorLine,{color:j.cssColor("--lhds-color-ui-400"),...n}),xn=`1px solid ${j.cssColor("--lhds-color-orange-400")}`,jn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:a})=>e.jsxs(t.Row,{indent:3,spacing:!0,minHeight:"56px",justifyContent:"space-between",alignItems:"center",borderTop:xn,background:j.cssColor("--lhds-color-orange-50"),children:[e.jsxs(t.Row,{alignItems:"center",children:[n!=null||s!=null?e.jsx(e.Fragment,{children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{variant:"bold",children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o?e.jsxs(e.Fragment,{children:[e.jsx(t.Indent,{}),e.jsx(t.Box,{children:o})]}):null]}),e.jsx(t.Box,{children:a})]});exports.ActionMenuFlatButton=A;exports.ActionMenuPrimaryButton=se;exports.ActionMenuSecondaryButton=oe;exports.CheckboxMenu=re;exports.Collapsible=$;exports.CollapsibleEmptyContent=E;exports.CollapsibleGroupHeading=Ue;exports.CollapsibleList=Ee;exports.CollapsibleWithCheckbox=$e;exports.ErrorPanel=U;exports.ErrorScreen=We;exports.LoadingPanel=W;exports.LoadingScreen=Ge;exports.NavBar=ue;exports.NavBarButton=q;exports.NavBarHeading=je;exports.NavBarNotificationButton=Be;exports.NavBarPopoverButton=he;exports.NavBarSearchField=we;exports.NavBarUserButton=Ie;exports.Notification=He;exports.NotificationHeader=R;exports.NotificationList=Ae;exports.PageHeader=Xe;exports.PageHeaderRow=Je;exports.PageHeading=Ke;exports.SelectedItemsActionsPanel=jn;exports.SidebarMenu=sn;exports.SidebarMenuCollapsible=un;exports.SidebarMenuHeading=G;exports.SidebarMenuLink=ln;exports.SidebarMenuSeparator=dn;exports.SidebarRailMenu=an;exports.Toast=Oe;exports.UnreadDot=D;exports.getIconBgColor=O;
|
|
1
|
+
(function(){"use strict";try{var r=document.createElement("style");r.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_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1ergu_1._navBarSearchFieldInput_1ergu_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:0 var(--swui-metrics-indent)}._navBarSearchFieldInput_1ergu_1._navBarSearchFieldInput_1ergu_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_1ergu_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:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchField_1ergu_1._withButton_1ergu_25{padding-right:1px}._navBarSearchField_1ergu_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)}._navBarSearchField_1ergu_1 ._clearButton_1ergu_35{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._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_1bx5w_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-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 )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--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)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),p=require("react"),t=require("@stenajs-webui/core"),m=require("@stenajs-webui/tooltip"),M=require("@stenajs-webui/forms"),Z=require("classnames"),j=require("@stenajs-webui/theme"),ee=n=>n&&typeof n=="object"&&"default"in n?n:{default:n};function ne(n){if(n&&n.__esModule)return n;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,a.get?a:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const te=ne(p),d=ee(Z),k=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:a=r.stenaAngleDown,portalTarget:i="parent",zIndex:l,menuWidth:c,menuTop:u,onClick:x,disableArrow:h=!1,buttonRef:f,...X})=>{const[P,L,B,J]=t.useBoolean(!1),K=p.useRef(null),v=f!=null?f:K,Q={name:"focusManager",defaultValue:!0,fn({popper:b}){let _=!1;const H=g=>{g.key==="Escape"&&(_=!0,B()),(g.key==="Enter"||g.key===" ")&&(_=!0)};return{onCreate(){b.addEventListener("keydown",H)},onDestroy(){b.removeEventListener("keydown",H)},onMount(){var g;_=!1,(g=b.querySelector("button:not([disabled]), a[href]"))==null||g.focus()},onHide(){v.current&&_&&v.current.focus()}}}},V=p.useMemo(()=>({open:L,close:B}),[L,B]),Y=b=>{x==null||x(b),J()};return e.jsxs(e.Fragment,{children:[e.jsx(o,{rightIcon:h?void 0:a,...X,ref:v,onClick:Y}),e.jsx(m.Popover,{disablePadding:!0,visible:P,onClickOutside:B,placement:s,content:P&&e.jsx(r.ActionMenu,{width:c,top:u,trapFocus:!0,children:e.jsx(r.ActionMenuContext.Provider,{value:V,children:n(B)})}),arrow:!1,appendTo:i,zIndex:l,plugins:[Q],lazy:!0,reference:v})]})},se=n=>e.jsx(k,{buttonComponent:r.PrimaryButton,...n}),oe=n=>e.jsx(k,{buttonComponent:r.SecondaryButton,...n}),z=n=>e.jsx(k,{buttonComponent:r.FlatButton,...n}),ae="1px solid var(--lhds-color-ui-300)",re=({renderMenu:n,...s})=>{const[o,a,i]=t.useBoolean(!1);return e.jsx(m.Popover,{onClickOutside:i,arrow:!1,visible:o,disablePadding:!0,content:n?e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(i)})}):void 0,placement:"bottom-start",children:e.jsx(t.Box,{display:"inline-block",children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:ae,borderRadius:"4px",children:[e.jsx(M.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",onClick:a,leftIcon:r.stenaAngleDown})]})})})},ie="_navBar_kzibd_1",le={navBar:ie},ce=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),ue=({left:n,className:s,showMenuButton:o=!1,children:a,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d.default(le.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(ce,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),a&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:te.Children.map(a,(x,h)=>e.jsxs(e.Fragment,{children:[h>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},de="_navBarButton_b3x3w_1",xe="_selected_b3x3w_14",T={navBarButton:de,selected:xe},D=({selected:n,className:s,...o})=>e.jsx(r.FlatButton,{...o,className:d.default(T.navBarButton,n&&T.selected,s)}),je=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),he=({content:n,children:s,...o})=>{const[a,,i,l]=t.useBoolean(!1);return e.jsx(m.Popover,{onClickOutside:i,triggerTarget:document.body,visible:a,content:e.jsxs(e.Fragment,{children:[n&&n({close:i}),s]}),children:e.jsx(D,{...o,onClick:l})})},pe="_navBarNotificationButton_1wt3y_1",ge="_unread_1wt3y_23",me="_icon_1wt3y_23",fe="_shake_1wt3y_1",C={navBarNotificationButton:pe,unread:ge,icon:me,shake:fe},Be=({count:n,unread:s=!1,className:o,labelClassName:a,iconClassName:i,icon:l=r.stenaBellFilled,...c})=>{const u=n>1;return e.jsx(r.BaseButton,{...c,leftIcon:l,className:d.default(C.navBarNotificationButton,s&&C.unread,u&&C.hasCount,o),label:u?String(n):void 0,labelClassName:d.default(a,C.label),iconClassName:d.default(i,C.icon)})},be="_navBarSearchFieldInput_1ergu_1",Ce="_navBarSearchField_1ergu_1",ve="_withButton_1ergu_25",_e="_clearButton_1ergu_35",w={navBarSearchFieldInput:be,navBarSearchField:Ce,withButton:ve,clearButton:_e},we=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:a,onClickClearButton:i,...l})=>e.jsx(M.TextInput,{wrapperClassName:d.default(w.navBarSearchField,a?w.withButton:void 0,o),className:d.default(w.navBarSearchFieldInput,s),placeholder:n,buttonRight:a?e.jsx(r.TextInputButton,{className:w.clearButton,icon:r.stenaTimes,variant:"error",onClick:i}):void 0,...l}),ye="_navBarUserButton_10f9z_1",Se={navBarUserButton:ye},Ie=({className:n,username:s,initials:o,icon:a=r.stenaUserCircle,iconClassName:i,responsiveIconOnly:l=o==null,...c})=>e.jsx(z,{...c,className:d.default(Se.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:o!=null?o:s,forceRound:o!=null,responsiveIconOnly:l,disableArrow:!0}),Ne="_unreadDot_l8bni_1",Me="_dot_l8bni_4",A={unreadDot:Ne,dot:Me},O=({children:n})=>e.jsxs("div",{className:A.unreadDot,children:[n,e.jsx("div",{className:A.dot})]}),R=({text:n,timestamp:s,icon:o,iconAriaLabel:a,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x})=>{const h=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":a,backgroundColor:E(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&h&&(u?e.jsx(O,{children:h}):h),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:j.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.CloseButton,{onClick:c})})]})},E=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},ke="_notification_1hao0_1",Re="_body_1hao0_7",Fe="_standard_1hao0_13",Pe="_unread_1hao0_14",Le="_danger_1hao0_19",y={notification:ke,body:Re,standard:Fe,unread:Pe,danger:Le},He=({variant:n="standard",children:s,unread:o,...a})=>e.jsxs("div",{className:d.default(y.notification,y[n],o&&y.unread),children:[e.jsx(R,{...a,unread:o,variant:n}),s&&e.jsx(t.Column,{className:y.body,children:s})]}),Te="_notificationList_1rkvu_1",Ae={notificationList:Te},ze=({children:n})=>e.jsxs("div",{className:Ae.notificationList,children:[n,e.jsx("div",{})]}),De="_clickable_1ijxc_1",Oe="_nonClickable_1ijxc_27",I={clickable:De,nonClickable:Oe},Ee=({onClick:n,onClickAriaLabel:s,children:o,width:a=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:j.cssColor("--lhds-color-ui-50"),shadow:"popover",width:a,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d.default({[I.nonClickable]:n}),children:e.jsx(R,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d.default({[I.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:I.clickable,"aria-label":s})]}),$=()=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:j.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:j.cssColor("--lhds-color-ui-500"),children:"No content"})]}),U=p.forwardRef(function({label:s,contentLeft:o,contentRight:a,collapsed:i=!1,onClick:l,disabled:c=!1,children:u,autoFocus:x=!1,...h},f){return e.jsx(r.MenuButton,{...h,autoFocus:x,ref:f,label:s,onClick:l,disabled:c,expandable:!0,expanded:!i,selected:!i,left:o,right:a,children:u!=null?u:e.jsx($,{})})}),$e=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ue=({value:n,onValueChange:s,onChange:o,indeterminate:a,checkboxDisabled:i,...l})=>e.jsx(U,{contentLeft:e.jsx(M.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),qe=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),q=({text:n,heading:s,children:o,buttons:a,icon:i=r.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(r.Card,{...c,children:e.jsx(r.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(r.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,a&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),a]})]})})})},We=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(q,{...n})}),W=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(W,{...n})}),Xe=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:a})=>e.jsxs(t.Box,{shadow:"bottom",background:j.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),a]}),Je=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),Ke=({icon:n,heading:s,headingLevel:o="h2",contentLeft:a,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:a}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Qe="_sidebarMenu_1bx5w_1",Ve="_sidebarItems_1bx5w_38",Ye="_scrollContainer_1bx5w_48",N={sidebarMenu:Qe,sidebarItems:Ve,scrollContainer:Ye},Ze="_stenaFlag_108h7_1",en={stenaFlag:Ze},nn=({onClick:n})=>e.jsxs(t.Column,{background:j.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(r.CloseButton,{onClick:n}),e.jsx(r.StenaFlag,{className:en.stenaFlag})]})]}),tn=({isPinned:n,onClick:s,label:o})=>{const a=n?"Unpin menu":"Pin menu",i=o!=null?o:a,l=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:i,leftIcon:l})},sn=({className:n,children:s,onCloseClick:o,variant:a="standard",pinButtonVisible:i,onClickPinButton:l,bottomItems:c,isPinned:u,...x})=>e.jsxs(t.Box,{...x,className:d.default(N.sidebarMenu,n),children:[e.jsx(nn,{onClick:o}),e.jsx(t.Box,{className:N.scrollContainer,children:e.jsxs(t.Column,{className:N.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(c||i)&&e.jsxs(t.Column,{gap:1,children:[c,i&&e.jsx(tn,{isPinned:u,onClick:l}),e.jsx(t.Space,{})]})]})})]}),S=p.createContext(!1),F=()=>p.useContext(S),on=({label:n,...s})=>e.jsx(m.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButton,{...s})}),an=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:a,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:j.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(S.Provider,{value:!0,children:a})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(S.Provider,{value:!0,children:[i,n&&e.jsx(on,{icon:r.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),G=({label:n})=>F()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),rn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(m.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),ln=n=>F()?e.jsx(rn,{...n}):e.jsx(r.MenuButtonLink,{...n}),cn=({children:n,label:s,icon:o,popupMinWidth:a="200px"})=>e.jsx(m.Popover,{appendTo:"parent",arrow:!1,offset:[0,0],placement:"right-start",trigger:"focusin mouseenter click",disablePadding:!0,lazy:!0,content:e.jsx(t.Box,{minWidth:a,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(S.Provider,{value:!1,children:[e.jsx(G,{label:s}),n]})}),children:e.jsx(r.IconMenuButton,{icon:o})}),un=({children:n,label:s,leftIcon:o,className:a,initialExpand:i=!1})=>{const[l,c]=p.useState(i);return F()?o==null?null:e.jsx(cn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:a,expandable:!0,expanded:l,selected:l,children:n})},dn=n=>e.jsx(t.SeparatorLine,{color:j.cssColor("--lhds-color-ui-400"),...n}),xn=`1px solid ${j.cssColor("--lhds-color-orange-400")}`,jn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:a})=>e.jsxs(t.Row,{indent:3,spacing:!0,minHeight:"56px",justifyContent:"space-between",alignItems:"center",borderTop:xn,background:j.cssColor("--lhds-color-orange-50"),children:[e.jsxs(t.Row,{alignItems:"center",children:[n!=null||s!=null?e.jsx(e.Fragment,{children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{variant:"bold",children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o?e.jsxs(e.Fragment,{children:[e.jsx(t.Indent,{}),e.jsx(t.Box,{children:o})]}):null]}),e.jsx(t.Box,{children:a})]});exports.ActionMenuFlatButton=z;exports.ActionMenuPrimaryButton=se;exports.ActionMenuSecondaryButton=oe;exports.CheckboxMenu=re;exports.Collapsible=U;exports.CollapsibleEmptyContent=$;exports.CollapsibleGroupHeading=qe;exports.CollapsibleList=$e;exports.CollapsibleWithCheckbox=Ue;exports.ErrorPanel=q;exports.ErrorScreen=We;exports.LoadingPanel=W;exports.LoadingScreen=Ge;exports.NavBar=ue;exports.NavBarButton=D;exports.NavBarHeading=je;exports.NavBarNotificationButton=Be;exports.NavBarPopoverButton=he;exports.NavBarSearchField=we;exports.NavBarUserButton=Ie;exports.Notification=He;exports.NotificationHeader=R;exports.NotificationList=ze;exports.PageHeader=Xe;exports.PageHeaderRow=Je;exports.PageHeading=Ke;exports.SelectedItemsActionsPanel=jn;exports.SidebarMenu=sn;exports.SidebarMenuCollapsible=un;exports.SidebarMenuHeading=G;exports.SidebarMenuLink=ln;exports.SidebarMenuSeparator=dn;exports.SidebarRailMenu=an;exports.Toast=Ee;exports.UnreadDot=O;exports.getIconBgColor=E;
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/panels",
|
|
3
|
-
"version": "19.0.0-next.
|
|
3
|
+
"version": "19.0.0-next.71",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "mattias800",
|
|
6
6
|
"license": "MIT",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"deploy": "gh-pages -d example/build"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@stenajs-webui/core": "19.0.0-next.
|
|
30
|
-
"@stenajs-webui/elements": "19.0.0-next.
|
|
31
|
-
"@stenajs-webui/forms": "19.0.0-next.
|
|
32
|
-
"@stenajs-webui/theme": "19.0.0-next.
|
|
33
|
-
"@stenajs-webui/tooltip": "19.0.0-next.
|
|
29
|
+
"@stenajs-webui/core": "19.0.0-next.71",
|
|
30
|
+
"@stenajs-webui/elements": "19.0.0-next.71",
|
|
31
|
+
"@stenajs-webui/forms": "19.0.0-next.71",
|
|
32
|
+
"@stenajs-webui/theme": "19.0.0-next.71",
|
|
33
|
+
"@stenajs-webui/tooltip": "19.0.0-next.71",
|
|
34
34
|
"classnames": "^2.3.1",
|
|
35
35
|
"date-fns": "2.26.0",
|
|
36
36
|
"react-transition-group": "^4.3.0",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"files": [
|
|
65
65
|
"dist"
|
|
66
66
|
],
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "d909251aebf12203ea2f25289796def7b732143b"
|
|
68
68
|
}
|