@hortiview/shared-components 2.16.1 → 2.16.2
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/CHANGELOG.md +6 -0
- package/dist/assets/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +22 -22
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## [2.16.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.16.1...v2.16.2) (2026-02-24)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
* adjust modal border radius to exclude fullscreen mode ([88981ad](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/88981adcde776e88f76abda8a90b1e91b4f9557b))
|
|
6
|
+
|
|
1
7
|
## [2.16.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.16.0...v2.16.1) (2026-02-23)
|
|
2
8
|
|
|
3
9
|
### Bug Fixes
|
package/dist/assets/Modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._modal_mu9y6_1 div[class*=lmnt-modal__surface]{max-height:100svh!important;max-width:100svw!important}._modal_mu9y6_1 div:not([class*=mdc-dialog--fullscreen]) div[class*=lmnt-modal__surface]{border-radius:1rem!important}._modal_mu9y6_1 footer{margin-bottom:0!important}._gap_mu9y6_14{gap:4px!important}._title_mu9y6_18{header{display:flex;justify-content:start;padding-left:.5rem!important;>div{width:100%;margin-left:0!important}}}._titleWithoutCloseIcon_mu9y6_31{margin-left:1rem!important}._closeButton_mu9y6_35{color:var(--lmnt-theme-on-surface-inactive)}._closeButton_mu9y6_35:before{display:none!important}._closeButton_mu9y6_35:hover{background-color:var(--lmnt-theme-surface-variant)!important}
|
|
@@ -8,8 +8,8 @@ import { w as Mt, r as ne, c as D, a as oe } from "../../index.es-Da7ok-B-.js";
|
|
|
8
8
|
import { b as xt, c as Pt, d as ie } from "../../tslib.es6-BDCynO9F.js";
|
|
9
9
|
import { M as ae, a as re } from "../../component-Bz_dtX1r.js";
|
|
10
10
|
import { M as se, c as le, m as ce } from "../../component-DEJuY56h.js";
|
|
11
|
-
import { A as
|
|
12
|
-
import { P as
|
|
11
|
+
import { A as ue } from "../../animationframe-BVKDmEXe.js";
|
|
12
|
+
import { P as de } from "../../index.es-BanVdXEd.js";
|
|
13
13
|
import { b as me } from "../../index.es-SjZ_-d7U.js";
|
|
14
14
|
import { Iconify as fe } from "../Iconify/Iconify.js";
|
|
15
15
|
import { O as pe } from "../../OfflineView-CIwV08EQ.js";
|
|
@@ -105,12 +105,12 @@ var X = "mdc-dom-focus-sentinel", ve = (
|
|
|
105
105
|
}, o.prototype.getFocusableElements = function(e) {
|
|
106
106
|
var t = [].slice.call(e.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button"));
|
|
107
107
|
return t.filter(function(n) {
|
|
108
|
-
var i = n.getAttribute("aria-disabled") === "true" || n.getAttribute("disabled") != null || n.getAttribute("hidden") != null || n.getAttribute("aria-hidden") === "true", a = n.tabIndex >= 0 && n.getBoundingClientRect().width > 0 && !n.classList.contains(X) && !i,
|
|
108
|
+
var i = n.getAttribute("aria-disabled") === "true" || n.getAttribute("disabled") != null || n.getAttribute("hidden") != null || n.getAttribute("aria-hidden") === "true", a = n.tabIndex >= 0 && n.getBoundingClientRect().width > 0 && !n.classList.contains(X) && !i, d = !1;
|
|
109
109
|
if (a) {
|
|
110
110
|
var h = getComputedStyle(n);
|
|
111
|
-
|
|
111
|
+
d = h.display === "none" || h.visibility === "hidden";
|
|
112
112
|
}
|
|
113
|
-
return a && !
|
|
113
|
+
return a && !d;
|
|
114
114
|
});
|
|
115
115
|
}, o.prototype.createSentinel = function() {
|
|
116
116
|
var e = document.createElement("div");
|
|
@@ -229,7 +229,7 @@ var $t = (
|
|
|
229
229
|
xt(e, o);
|
|
230
230
|
function e(t) {
|
|
231
231
|
var n = o.call(this, Pt(Pt({}, e.defaultAdapter), t)) || this;
|
|
232
|
-
return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = O.CLOSE_ACTION, n.scrimClickAction = O.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = O.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new
|
|
232
|
+
return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = O.CLOSE_ACTION, n.scrimClickAction = O.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = O.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new ue(), n.contentScrollHandler = function() {
|
|
233
233
|
n.handleScrollEvent();
|
|
234
234
|
}, n.windowResizeHandler = function() {
|
|
235
235
|
n.layout();
|
|
@@ -379,8 +379,8 @@ var $t = (
|
|
|
379
379
|
if (n) {
|
|
380
380
|
var i = this.adapter.getActionFromEvent(t);
|
|
381
381
|
if (!i) {
|
|
382
|
-
var a = t.composedPath ? t.composedPath()[0] : t.target,
|
|
383
|
-
n &&
|
|
382
|
+
var a = t.composedPath ? t.composedPath()[0] : t.target, d = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
|
|
383
|
+
n && d && this.adapter.clickDefaultButton();
|
|
384
384
|
}
|
|
385
385
|
}
|
|
386
386
|
}, e.prototype.handleDocumentKeydown = function(t) {
|
|
@@ -487,7 +487,7 @@ var f = $t.strings, Se = (
|
|
|
487
487
|
throw new Error("Dialog component requires a " + f.CONTAINER_SELECTOR + " container element");
|
|
488
488
|
this.container = a, this.content = this.root.querySelector(f.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(f.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + f.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
|
|
489
489
|
try {
|
|
490
|
-
for (var
|
|
490
|
+
for (var d = ie(this.buttons), h = d.next(); !h.done; h = d.next()) {
|
|
491
491
|
var y = h.value;
|
|
492
492
|
this.buttonRipples.push(new se(y));
|
|
493
493
|
}
|
|
@@ -495,7 +495,7 @@ var f = $t.strings, Se = (
|
|
|
495
495
|
n = { error: g };
|
|
496
496
|
} finally {
|
|
497
497
|
try {
|
|
498
|
-
h && !h.done && (i =
|
|
498
|
+
h && !h.done && (i = d.return) && i.call(d);
|
|
499
499
|
} finally {
|
|
500
500
|
if (n) throw n.error;
|
|
501
501
|
}
|
|
@@ -794,7 +794,7 @@ var f = $t.strings, Se = (
|
|
|
794
794
|
scrollable: !1,
|
|
795
795
|
title: null
|
|
796
796
|
}, Ae = ["actionButton", "actionIcons", "badge", "backButton", "children", "className", "content", "defaultButton", "dismissiveButton", "footerSupplemental", "headerActions", "hideCloseIcon", "indicator", "initialFocus", "mobileStackedButtons", "modalSize", "nextButton", "noActions", "onClose", "onClosed", "onOpen", "onOpened", "open", "preventClose", "preventPrimaryAccept", "primaryButton", "returnFocusSelector", "scrollable", "title"], r = Oe, et = /* @__PURE__ */ Zt(function(o, e) {
|
|
797
|
-
var t = o.actionButton, n = t === void 0 ? r.actionButton : t, i = o.actionIcons, a = i === void 0 ? r.actionIcons : i,
|
|
797
|
+
var t = o.actionButton, n = t === void 0 ? r.actionButton : t, i = o.actionIcons, a = i === void 0 ? r.actionIcons : i, d = o.badge, h = d === void 0 ? r.badge : d, y = o.backButton, g = y === void 0 ? r.backButton : y, S = o.children, B = S === void 0 ? r.children : S, v = o.className, U = v === void 0 ? r.className : v, nt = o.content, ot = nt === void 0 ? r.content : nt, it = o.defaultButton, T = it === void 0 ? r.defaultButton : it, at = o.dismissiveButton, F = at === void 0 ? r.dismissiveButton : at, rt = o.footerSupplemental, L = rt === void 0 ? r.footerSupplemental : rt, st = o.headerActions, lt = st === void 0 ? r.headerActions : st, ct = o.hideCloseIcon, G = ct === void 0 ? r.hideCloseIcon : ct, ut = o.indicator, Ut = ut === void 0 ? r.indicator : ut, dt = o.initialFocus, b = dt === void 0 ? r.initialFocus : dt, mt = o.mobileStackedButtons, K = mt === void 0 ? r.mobileStackedButtons : mt, ft = o.modalSize, C = ft === void 0 ? r.modalSize : ft, pt = o.nextButton, I = pt === void 0 ? r.nextButton : pt, ht = o.noActions, N = ht === void 0 ? r.noActions : ht, gt = o.onClose, W = gt === void 0 ? r.onClose : gt, Ct = o.onClosed, V = Ct === void 0 ? r.onClosed : Ct, _t = o.onOpen, R = _t === void 0 ? r.onOpen : _t, Et = o.onOpened, w = Et === void 0 ? r.onOpened : Et, vt = o.open, St = vt === void 0 ? r.open : vt, yt = o.preventClose, z = yt === void 0 ? r.preventClose : yt, Ot = o.preventPrimaryAccept, At = Ot === void 0 ? r.preventPrimaryAccept : Ot, Tt = o.primaryButton, u = Tt === void 0 ? r.primaryButton : Tt, bt = o.returnFocusSelector, j = bt === void 0 ? r.returnFocusSelector : bt, It = o.scrollable, Nt = It === void 0 ? r.scrollable : It, Dt = o.title, Bt = Dt === void 0 ? r.title : Dt, Gt = Qt(o, Ae), k = wt(), c = wt();
|
|
798
798
|
te(e, function() {
|
|
799
799
|
return k.current;
|
|
800
800
|
}, []);
|
|
@@ -862,12 +862,12 @@ var f = $t.strings, Se = (
|
|
|
862
862
|
var p = {
|
|
863
863
|
className: "lmnt-modal__button mdc-dialog__button",
|
|
864
864
|
"data-mdc-dialog-action": At ? "" : "accept",
|
|
865
|
-
elevation:
|
|
866
|
-
variant:
|
|
865
|
+
elevation: u?.props.elevation !== "default" ? u?.props.elevation : "flat",
|
|
866
|
+
variant: u?.props.variant || "filled"
|
|
867
867
|
};
|
|
868
868
|
return T === "primary" && (p["data-mdc-dialog-button-default"] = !0), b === "primary" && (p["data-mdc-dialog-initial-focus"] = !0), p;
|
|
869
869
|
};
|
|
870
|
-
}, [At, T, b,
|
|
870
|
+
}, [At, T, b, u?.props.elevation, u?.props.variant]);
|
|
871
871
|
return /* @__PURE__ */ m.createElement("aside", Xt({
|
|
872
872
|
ref: k,
|
|
873
873
|
className: x("lmnt", "lmnt-modal", "mdc-dialog", Nt && "lmnt-modal--scrollable mdc-dialog--scrollable", U),
|
|
@@ -891,20 +891,20 @@ var f = $t.strings, Se = (
|
|
|
891
891
|
}
|
|
892
892
|
}, h)), (ot || B) && /* @__PURE__ */ m.createElement("section", {
|
|
893
893
|
className: "lmnt-modal__content mdc-dialog__content"
|
|
894
|
-
}, ot || B), Ut, (n || g || F || I ||
|
|
894
|
+
}, ot || B), Ut, (n || g || F || I || u || L) && /* @__PURE__ */ m.createElement("footer", {
|
|
895
895
|
className: x("lmnt-modal__actions", "mdc-dialog__actions", q && "lmnt-dialog__actions__mobile", L && "lmnt-modal__actions--supplemental-btn", q && K && "lmnt-modal_actions-mobile-stacked")
|
|
896
896
|
}, !Y && L && /* @__PURE__ */ m.createElement("div", {
|
|
897
897
|
className: "lmnt-dialog__actions__supplemental"
|
|
898
898
|
}, D(L, function() {
|
|
899
899
|
var p = {};
|
|
900
900
|
return T === "footerSupplemental" && (p["data-mdc-dialog-button-default"] = !0), b === "footerSupplemental" && (p["data-mdc-dialog-initial-focus"] = !0), p;
|
|
901
|
-
})), !Y && (n || F ||
|
|
901
|
+
})), !Y && (n || F || u) && /* @__PURE__ */ m.createElement("div", {
|
|
902
902
|
className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
|
|
903
903
|
}, F && D(F, {
|
|
904
904
|
variant: "text",
|
|
905
905
|
className: "lmnt-modal__button mdc-dialog__button",
|
|
906
906
|
"data-mdc-dialog-action": "close"
|
|
907
|
-
}), n && !
|
|
907
|
+
}), n && !u && D(n, jt), u && D(u, qt)), Y && /* @__PURE__ */ m.createElement("div", {
|
|
908
908
|
className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
|
|
909
909
|
}, /* @__PURE__ */ m.createElement("div", null, oe(g, "lmnt-modal__button")), /* @__PURE__ */ m.createElement("div", null, D(I, {
|
|
910
910
|
className: "lmnt-modal__button",
|
|
@@ -915,7 +915,7 @@ var f = $t.strings, Se = (
|
|
|
915
915
|
});
|
|
916
916
|
et.displayName = "Modal";
|
|
917
917
|
et.propTypes = ye;
|
|
918
|
-
const Te = "
|
|
918
|
+
const Te = "_modal_mu9y6_1", be = "_gap_mu9y6_14", Ie = "_title_mu9y6_18", Ne = "_titleWithoutCloseIcon_mu9y6_31", De = "_closeButton_mu9y6_35", A = {
|
|
919
919
|
modal: Te,
|
|
920
920
|
gap: be,
|
|
921
921
|
title: Ie,
|
|
@@ -928,7 +928,7 @@ const Te = "_modal_95xon_1", be = "_gap_95xon_11", Ie = "_title_95xon_15", Ne =
|
|
|
928
928
|
actionButton: n,
|
|
929
929
|
hideCloseIcon: i,
|
|
930
930
|
closeIcon: a = "close",
|
|
931
|
-
leadingIcon:
|
|
931
|
+
leadingIcon: d,
|
|
932
932
|
isOnline: h = !0,
|
|
933
933
|
offlineViewProps: y,
|
|
934
934
|
children: g,
|
|
@@ -953,12 +953,12 @@ const Te = "_modal_95xon_1", be = "_gap_95xon_11", Ie = "_title_95xon_15", Ne =
|
|
|
953
953
|
className: A.closeButton
|
|
954
954
|
}
|
|
955
955
|
),
|
|
956
|
-
|
|
956
|
+
d ? /* @__PURE__ */ E(de, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ E(fe, { icon: d }) }) : /* @__PURE__ */ E(Jt, {}),
|
|
957
957
|
/* @__PURE__ */ E(
|
|
958
958
|
me,
|
|
959
959
|
{
|
|
960
960
|
level: 6,
|
|
961
|
-
className: i && !
|
|
961
|
+
className: i && !d ? A.titleWithoutCloseIcon : "",
|
|
962
962
|
children: e
|
|
963
963
|
}
|
|
964
964
|
)
|
|
@@ -974,7 +974,7 @@ const Te = "_modal_95xon_1", be = "_gap_95xon_11", Ie = "_title_95xon_15", Ne =
|
|
|
974
974
|
action: /* @__PURE__ */ E(J, { className: A.gap, children: t }, "action-group")
|
|
975
975
|
};
|
|
976
976
|
return [v, U];
|
|
977
|
-
}, [t, i, a,
|
|
977
|
+
}, [t, i, a, d, o, e]);
|
|
978
978
|
return /* @__PURE__ */ E(
|
|
979
979
|
et,
|
|
980
980
|
{
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hortiview/shared-components",
|
|
3
3
|
"description": "This is a shared component library. It should used in the HortiView platform and its modules.",
|
|
4
|
-
"version": "2.16.
|
|
4
|
+
"version": "2.16.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
|
|
7
7
|
"author": "Falk Menge <falk.menge.ext@bayer.com>",
|