@geotab/zenith 3.15.0 → 3.16.0-beta.0

package/dist/utils/localization/translations/lt-LT.json

@@ -92,7 +92,7 @@
     "Go to My Reports": "Eiti į mano ataskaitas",
     "There was an issue preparing your report": "Rengiant ataskaitą įvyko klaida",
     "Your report is being prepared": "Jūsų ataskaita rengiama",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Pranešime, kai ataskaita bus paruošta. Pažangą galite stebėti puslapyje Mano ataskaitos.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Pranešime, kai ataskaita bus paruošta. Pažangą galite stebėti puslapyje Mano ataskaitos.",
     "Your report is ready to download": "Jūsų ataskaita paruošta atsisiųsti",
     "Download now": "Atsisiųsti dabar",
     "Download": "Atsisiųsti",

package/dist/utils/localization/translations/lv-LV.json

@@ -92,7 +92,7 @@
     "Go to My Reports": "Doties uz manām atskaitēm",
     "There was an issue preparing your report": "Sagatavojot atskaiti, radās problēma",
     "Your report is being prepared": "Jūsu atskaite tiek sagatavota",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Paziņosim, kad atskaite būs gatava. Progresu varat sekot lapā Manas atskaites.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Paziņosim, kad atskaite būs gatava. Progresu varat sekot lapā Manas atskaites.",
     "Your report is ready to download": "Jūsu atskaite ir gatava lejupielādei",
     "Download now": "Lejupielādēt tagad",
     "Download": "Lejupielādēt",

package/dist/utils/localization/translations/ms.json

@@ -81,7 +81,7 @@
     "All": "Semua",
     "There was an issue preparing your report": "Terdapat isu ketika menyediakan laporan anda",
     "Your report is being prepared": "Laporan anda sedang disediakan",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Kami akan memaklumi anda apabila laporan anda siap. Anda boleh menjejaki kemajuan proses ini pada halaman Laporan Saya.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Kami akan memaklumi anda apabila laporan anda siap. Anda boleh menjejaki kemajuan proses ini pada halaman Laporan Saya.",
     "Your report is ready to download": "Laporan anda sedia untuk dimuat turun",
     "Download now": "Muat turun sekarang",
     "Download": "Muat Turun",

package/dist/utils/localization/translations/nb-NO.json

@@ -88,7 +88,7 @@
     "Go to My Reports": "Gå til Mine rapporter",
     "There was an issue preparing your report": "Noe gikk galt med å forberede rapporten din.",
     "Your report is being prepared": "Rapporten din er under arbeid.",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Vi gir deg beskjed når rapporten er klar. Du kan følge med på fremdriften på siden Mine rapporter.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Vi gir deg beskjed når rapporten er klar. Du kan følge med på fremdriften på siden Mine rapporter.",
     "Your report is ready to download": "Rapporten er klar for nedlasting",
     "Download now": "Last ned nå",
     "Download": "Last ned",

package/dist/utils/localization/translations/nl.json

@@ -81,7 +81,7 @@
     "All": "Alle",
     "There was an issue preparing your report": "Er is een probleem opgetreden bij het voorbereiden van uw rapport",
     "Your report is being prepared": "Uw rapport wordt voorbereid",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "We zullen u op de hoogte stellen wanneer uw rapport klaar is. U kunt de voortgang volgen door naar de pagina Mijn rapporten te gaan.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "We zullen u op de hoogte stellen wanneer uw rapport klaar is. U kunt de voortgang volgen door naar de pagina Mijn rapporten te gaan.",
     "Your report is ready to download": "Uw rapport is gereed voor downloaden",
     "Download now": "Download nu",
     "Download": "Downloaden",

package/dist/utils/localization/translations/pl.json

@@ -81,7 +81,7 @@
     "All": "Wszystkie",
     "There was an issue preparing your report": "Wystąpił problem podczas przygotowywania raportu",
     "Your report is being prepared": "Trwa przygotowywanie raportu",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Powiadomimy Cię, gdy raport będzie gotowy. Postęp można śledzić na stronie Moje raporty.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Powiadomimy Cię, gdy raport będzie gotowy. Postęp można śledzić na stronie Moje raporty.",
     "Your report is ready to download": "Raport jest gotowy do pobrania.",
     "Download now": "Pobierz teraz",
     "Download": "Pobierz",

package/dist/utils/localization/translations/pt-BR.json

@@ -81,7 +81,7 @@
     "All": "Tudo",
     "There was an issue preparing your report": "Houve um problema ao preparar seu relatório",
     "Your report is being prepared": "Seu relatório está sendo preparado",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Enviaremos uma notificação quando seu relatório estiver pronto. Você pode acompanhar o progresso acessando a página Meus relatórios.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Enviaremos uma notificação quando seu relatório estiver pronto. Você pode acompanhar o progresso acessando a página Meus relatórios.",
     "Your report is ready to download": "Seu relatório está pronto para download",
     "Download now": "Baixar agora",
     "Download": "Download",

package/dist/utils/localization/translations/pt-PT.json

@@ -90,7 +90,7 @@
     "Go to My Reports": "Ir para Os meus relatórios",
     "There was an issue preparing your report": "Ocorreu um problema ao preparar o relatório",
     "Your report is being prepared": "O relatório está a ser preparado",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Notificá-lo-emos quando o seu relatório estiver pronto. Pode acompanhar o progresso na página Os meus relatórios.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Notificá-lo-emos quando o seu relatório estiver pronto. Pode acompanhar o progresso na página Os meus relatórios.",
     "Your report is ready to download": "O relatório está pronto para transferência",
     "Download now": "Transferir agora",
     "Download": "Download",

package/dist/utils/localization/translations/ro-RO.json

@@ -90,7 +90,7 @@
     "Go to My Reports": "Accesați Rapoartele mele",
     "There was an issue preparing your report": "A apărut o problemă la pregătirea raportului",
     "Your report is being prepared": "Raportul este în curs de pregătire",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Vă vom înștiința când raportul este gata. Puteți urmări evoluția accesând pagina Rapoartele mele.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Vă vom înștiința când raportul este gata. Puteți urmări evoluția accesând pagina Rapoartele mele.",
     "Your report is ready to download": "Raportul dvs. este gata de descărcare",
     "Download now": "Descărcați acum",
     "Download": "Descărcați",

package/dist/utils/localization/translations/sk-SK.json

@@ -88,7 +88,7 @@
     "Go to My Reports": "Prejdi na Moje správy.",
     "There was an issue preparing your report": "Pri príprave tvojej správy nastal problém.",
     "Your report is being prepared": "Tvoja správa sa pripravuje.",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Dáme ti vedieť, keď bude tvoja správa pripravená. Postup môžeš sledovať na stránke Moje správy.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Dáme ti vedieť, keď bude tvoja správa pripravená. Postup môžeš sledovať na stránke Moje správy.",
     "Your report is ready to download": "Tvoja správa je pripravená na stiahnutie",
     "Download now": "Stiahnuť teraz",
     "Download": "Stiahni",

package/dist/utils/localization/translations/sv.json

@@ -81,7 +81,7 @@
     "All": "Alla",
     "There was an issue preparing your report": "Det uppstod ett problem när din rapport skulle förberedas",
     "Your report is being prepared": "Din rapport förbereds",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Du får ett meddelande när din rapport är klar. Du kan spåra rapportens status genom att gå till sidan Mina rapporter.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Du får ett meddelande när din rapport är klar. Du kan spåra rapportens status genom att gå till sidan Mina rapporter.",
     "Your report is ready to download": "Nu kan du ladda ner din rapport",
     "Download now": "Ladda ner nu",
     "Download": "Ladda ned",

package/dist/utils/localization/translations/th.json

@@ -81,7 +81,7 @@
     "All": "ทั้งหมด",
     "There was an issue preparing your report": "มีปัญหาในการเตรียมรายงานของคุณ",
     "Your report is being prepared": "กำลังเตรียมรายงานของคุณ",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "เราจะแจ้งให้คุณทราบเมื่อรายงานของคุณพร้อมแล้ว คุณสามารถติดตามความคืบหน้าได้โดยไปที่หน้ารายงานของฉัน",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "เราจะแจ้งให้คุณทราบเมื่อรายงานของคุณพร้อมแล้ว คุณสามารถติดตามความคืบหน้าได้โดยไปที่หน้ารายงานของฉัน",
     "Your report is ready to download": "รายงานของคุณพร้อมสำหรับการดาวน์โหลดแล้ว",
     "Download now": "ดาวน์โหลดทันที",
     "Download": "ดาวน์โหลด",

package/dist/utils/localization/translations/tr.json

@@ -81,7 +81,7 @@
     "All": "Tümü",
     "There was an issue preparing your report": "Raporunuz hazırlanırken bir sorun oluştu",
     "Your report is being prepared": "Raporunuz hazırlanıyor",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "Raporunuz hazır olduğunda sizi bilgilendireceğiz. Raporlarım sayfasına giderek ilerlemeyi takip edebilirsiniz.",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "Raporunuz hazır olduğunda sizi bilgilendireceğiz. Raporlarım sayfasına giderek ilerlemeyi takip edebilirsiniz.",
     "Your report is ready to download": "Raporunuz indirilmeye hazır",
     "Download now": "Şimdi indir",
     "Download": "İndir",

package/dist/utils/localization/translations/zh-Hans.json

@@ -81,7 +81,7 @@
     "All": "全部",
     "There was an issue preparing your report": "准备您的报告时出现问题",
     "Your report is being prepared": "您的报告正在准备中",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "您的报告准备就绪时，我们会通知您。您可以转至“我的报告”页面来跟踪进度。",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "您的报告准备就绪时，我们会通知您。您可以转至“我的报告”页面来跟踪进度。",
     "Your report is ready to download": "您的报告现可供下载",
     "Download now": "立即下载",
     "Download": "下载",

package/dist/utils/localization/translations/zh-TW.json

@@ -88,7 +88,7 @@
     "Go to My Reports": "前往「我的報告」",
     "There was an issue preparing your report": "準備您的報告時發生問題",
     "Your report is being prepared": "您的報告正在準備中",
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "報告準備就緒時，我們會通知您。您可以前往「我的報告」頁面追蹤進度。",
+    "You'll be notified when your report is ready. Track the progress on the My Reports page.": "報告準備就緒時，我們會通知您。您可以前往「我的報告」頁面追蹤進度。",
     "Your report is ready to download": "您的報告已可供下載",
     "Download now": "立即下載",
     "Download": "下載",

package/esm/absolute/absolute.js

@@ -108,7 +108,7 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
             returnFocusToTrigger();
         }
     }, [isOpen, returnFocusToTrigger]);
-    const condition = useCallback(() => (useTrapFocusWithTrigger === "off" ? false : true), [useTrapFocusWithTrigger]);
+    const condition = useCallback((subscriptionTrigger) => useTrapFocusWithTrigger !== "off" && !!subscriptionTrigger, [useTrapFocusWithTrigger]);
     useTrapFocus(popupRef, useTrapFocusWithTrigger === "withTrigger" ? triggerRef : undefined, isOpen, condition);
     useEscape(popupRef, handleEscape, isOpen);
     useArrowKey(popupRef, handleEscape, isOpen);

package/esm/betaPill/betaPill.js

@@ -154,15 +154,15 @@ export const BetaPill = props => {
   const isMobile = useMobile();
   const pillClasses = useMemo(() => classNames(["zen-caption", "zen-beta-pill", isMobile ? "zen-beta-pill--mobile" : "", className !== null && className !== void 0 ? className : ""]), [isMobile, className]);
   const contextActions = useBetaPillActions();
-  let resolvedMainAction = feedbackAction || (contextActions === null || contextActions === void 0 ? void 0 : contextActions.feedbackAction);
-  let resolvedSecondaryAction = betaOptionAction || (contextActions === null || contextActions === void 0 ? void 0 : contextActions.betaOptionAction);
-  if (resolvedMainAction || resolvedSecondaryAction) {
-    resolvedMainAction = Object.assign(Object.assign({}, resolvedMainAction), {
-      text: (resolvedMainAction === null || resolvedMainAction === void 0 ? void 0 : resolvedMainAction.text) || translate("Send feedback")
-    });
-    resolvedSecondaryAction = Object.assign(Object.assign({}, resolvedSecondaryAction), {
-      text: (resolvedSecondaryAction === null || resolvedSecondaryAction === void 0 ? void 0 : resolvedSecondaryAction.text) || translate("Manage beta option")
-    });
+  const rawMainAction = feedbackAction || (contextActions === null || contextActions === void 0 ? void 0 : contextActions.feedbackAction);
+  const rawSecondaryAction = betaOptionAction || (contextActions === null || contextActions === void 0 ? void 0 : contextActions.betaOptionAction);
+  if (rawMainAction || rawSecondaryAction) {
+    const resolvedMainAction = rawMainAction ? Object.assign(Object.assign({}, rawMainAction), {
+      text: rawMainAction.text || translate("Send feedback")
+    }) : undefined;
+    const resolvedSecondaryAction = rawSecondaryAction ? Object.assign(Object.assign({}, rawSecondaryAction), {
+      text: rawSecondaryAction.text || translate("Manage beta option")
+    }) : undefined;
     return _jsx(PillExpandable, {
       isBeta: true,
       icon: IconLab,

package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts

@@ -5,6 +5,7 @@ interface IScrollOptions {
     top: number;
     left: number;
 }
+export declare const getDirectionalScrollDelta: (delta: number, isRTL: boolean) => number;
 export declare const getScrollOptions: (action: string, element: HTMLElement | null, isRTL?: boolean) => IScrollOptions;
 export declare const extractButtonAction: (event: React.MouseEvent<HTMLElement>) => TArrowsNavValue | null;
 export declare const scrollElement: (element: HTMLElement, options: IScrollOptions) => void;

package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.js

@@ -33,6 +33,9 @@ const getLTRScrollLeft = (action, scrollLeft, step, element) => {
     }
     return scrollLeft;
 };
+// In RTL the horizontal scroll axis is inverted: scrollLeft is 0 at the right edge and goes negative
+// toward the left edge, so a delta meant to move the viewport toward the arrow must flip sign.
+export const getDirectionalScrollDelta = (delta, isRTL) => (isRTL ? -delta : delta);
 export const getScrollOptions = (action, element, isRTL = false) => {
     const step = (element === null || element === void 0 ? void 0 : element.offsetWidth) ? element.offsetWidth : 100;
     const scrollTop = (element === null || element === void 0 ? void 0 : element.scrollTop) || 0;

package/esm/commonHelpers/hooks/useTrapFocus.d.ts

@@ -1,4 +1,13 @@
 import { RefObject } from "react";
 type TElementToBool = (element: HTMLElement) => boolean;
+/**
+ * Traps keyboard (Tab) focus within `containerRef` (and optionally its `triggerRef`).
+ *
+ * Nested-popup contract: for correct nested-popup behaviour, a focused element that triggers an
+ * open child popup must expose a `data-popup-id` attribute whose value is the `id` of the child
+ * popup element rendered in the DOM. When present, focus is deferred to that child popup's trap.
+ * This contract is fulfilled automatically by `ControlledPopup`; callers using `useTrapFocus`
+ * directly must set `data-popup-id` themselves or nested popups will silently lose focus handling.
+ */
 export declare const useTrapFocus: (containerRef: RefObject<HTMLElement | null>, triggerRef: RefObject<HTMLElement | null> | undefined, subscriptionTrigger: unknown, condition?: (t: unknown) => boolean, isElementVisible?: TElementToBool) => void;
 export {};

package/esm/commonHelpers/hooks/useTrapFocus.js

@@ -1,4 +1,4 @@
-import { useCallback } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { isElementInsideContainer } from "../../dialog/dialogHelpers";
 import { FOCUSABLE_SELECTOR } from "../../utils/focusableSelector";
 import { useKeydown } from "./useKeydown";
@@ -6,18 +6,38 @@ import { isChildOf } from "../../utils/isChildOf";
 import { isElementHidden } from "../../utils/isElementHidden";
 import { zen } from "../../utils/zen";
 const findFirstVisible = (elems, isElementVisible) => elems.find(elem => isElementVisible(elem));
+/**
+ * Traps keyboard (Tab) focus within `containerRef` (and optionally its `triggerRef`).
+ *
+ * Nested-popup contract: for correct nested-popup behaviour, a focused element that triggers an
+ * open child popup must expose a `data-popup-id` attribute whose value is the `id` of the child
+ * popup element rendered in the DOM. When present, focus is deferred to that child popup's trap.
+ * This contract is fulfilled automatically by `ControlledPopup`; callers using `useTrapFocus`
+ * directly must set `data-popup-id` themselves or nested popups will silently lose focus handling.
+ */
 export const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, condition, isElementVisible) => {
     /* eslint-disable complexity */
     const handleKeyDown = useCallback(e => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         /* eslint-enable complexity */
         const getChildCondition = () => {
-            var _a, _b;
+            var _a, _b, _c;
+            const targetEl = e.target;
+            // If the target is a trigger for an open child popup, defer to that popup's
+            // focus trap. Key on data-popup-id + DOM presence so this works even when
+            // preventAttributesAutoSet suppresses aria-expanded.
+            const dataPopupId = targetEl.getAttribute("data-popup-id");
+            if (dataPopupId &&
+                ((_a = zen.document) === null || _a === void 0 ? void 0 : _a.getElementById(dataPopupId)) &&
+                isChildOf(targetEl, containerRef.current) &&
+                targetEl !== (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
+                return true;
+            }
             return triggerRef
-                ? !isChildOf(e.target, containerRef.current) &&
-                    e.target !== ((_a = zen.document) === null || _a === void 0 ? void 0 : _a.body) &&
-                    !isChildOf(e.target, triggerRef.current)
-                : !isChildOf(e.target, containerRef.current) && e.target !== ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body);
+                ? !isChildOf(targetEl, containerRef.current) &&
+                    targetEl !== ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body) &&
+                    !isChildOf(targetEl, triggerRef.current)
+                : !isChildOf(targetEl, containerRef.current) && targetEl !== ((_c = zen.document) === null || _c === void 0 ? void 0 : _c.body);
         };
         if (!containerRef.current || getChildCondition()) {
             return;
@@ -27,9 +47,14 @@ export const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, cond
             : !isElementInsideContainer(target, containerEl.current) &&
                 !isElementInsideContainer(target, triggerEl.current);
         const isTargetOutside = e.target ? checkIsElementOutside(e.target, containerRef, triggerRef) : undefined;
-        const triggerSelectors = ((_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(FOCUSABLE_SELECTOR)) || [];
+        const triggerElement = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) !== null && _a !== void 0 ? _a : null;
+        const triggerSelf = (triggerElement === null || triggerElement === void 0 ? void 0 : triggerElement.matches(FOCUSABLE_SELECTOR)) ? [triggerElement] : [];
+        const triggerChildren = Array.from((_b = triggerElement === null || triggerElement === void 0 ? void 0 : triggerElement.querySelectorAll(FOCUSABLE_SELECTOR)) !== null && _b !== void 0 ? _b : []);
+        // querySelectorAll only returns descendants (never the element itself), so triggerSelf
+        // and triggerChildren are disjoint by definition and need no deduplication.
+        const triggerSelectors = [...triggerSelf, ...triggerChildren];
         const containerSelectors = containerRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
-        const focusable = triggerRef ? [...Array.from(triggerSelectors), ...Array.from(containerSelectors)] : [...Array.from(containerSelectors)];
+        const focusable = triggerRef ? [...triggerSelectors, ...Array.from(containerSelectors)] : [...Array.from(containerSelectors)];
         if (!focusable.length) {
             return;
         }
@@ -46,31 +71,58 @@ export const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, cond
                 return;
             }
             if (e.shiftKey) {
-                if (((_b = zen.document) === null || _b === void 0 ? void 0 : _b.activeElement) === first) {
+                if (((_c = zen.document) === null || _c === void 0 ? void 0 : _c.activeElement) === first) {
                     e.preventDefault();
                     last === null || last === void 0 ? void 0 : last.focus();
                     return;
                 }
-                if (firstContainerFocusable && ((_c = zen.document) === null || _c === void 0 ? void 0 : _c.activeElement) === firstContainerFocusable) {
+                if (firstContainerFocusable && ((_d = zen.document) === null || _d === void 0 ? void 0 : _d.activeElement) === firstContainerFocusable) {
                     e.preventDefault();
                     lastTriggerFocusable === null || lastTriggerFocusable === void 0 ? void 0 : lastTriggerFocusable.focus();
                 }
                 return;
             }
-            if (((_d = zen.document) === null || _d === void 0 ? void 0 : _d.activeElement) === last) {
+            if (((_e = zen.document) === null || _e === void 0 ? void 0 : _e.activeElement) === last) {
                 e.preventDefault();
                 first === null || first === void 0 ? void 0 : first.focus();
                 return;
             }
-            if (lastTriggerFocusable && ((_e = zen.document) === null || _e === void 0 ? void 0 : _e.activeElement) === lastTriggerFocusable) {
+            if (lastTriggerFocusable && ((_f = zen.document) === null || _f === void 0 ? void 0 : _f.activeElement) === lastTriggerFocusable) {
                 e.preventDefault();
                 firstContainerFocusable === null || firstContainerFocusable === void 0 ? void 0 : firstContainerFocusable.focus();
             }
-            else if (isLastChildOfFirst && first && isChildOf((_f = zen.document) === null || _f === void 0 ? void 0 : _f.activeElement, first)) {
+            else if (isLastChildOfFirst && first && isChildOf((_g = zen.document) === null || _g === void 0 ? void 0 : _g.activeElement, first)) {
                 e.preventDefault();
             }
             return;
         }
-    }, [containerRef, triggerRef, isElementVisible]);
+    }, 
+    // condition is consumed by useKeydown below, not read by handleKeyDown directly; its absence from deps is intentional.
+    [containerRef, triggerRef, isElementVisible]);
     useKeydown(handleKeyDown, subscriptionTrigger, condition);
+    // When withTrigger mode closes (condition goes false), restore focus to the trigger
+    // if focus landed on body (which happens when the popup's focused element is unmounted).
+    // This restoration is intentionally scoped to the "focused element unmounted → body" case;
+    // the general close case (e.g. click-outside, item selection) is handled separately by the
+    // returnFocusToTrigger effect in absolute.tsx. Both are idempotent, so overlap is harmless.
+    // Initialized to false because popups mount closed; the guard below reconciles the first
+    // active/inactive edge, so a popup that mounts already open still resolves correctly.
+    const isActiveRef = useRef(false);
+    useEffect(() => {
+        var _a, _b;
+        const isActive = condition ? condition(subscriptionTrigger) : !!subscriptionTrigger;
+        // Guard: short-circuit when the raw open/close state is unchanged to avoid spurious
+        // focus restoration if an unstable condition reference re-fires this effect.
+        if (!!subscriptionTrigger === isActiveRef.current) {
+            isActiveRef.current = isActive;
+            return;
+        }
+        if (!isActive && isActiveRef.current && (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
+            const active = (_a = zen.document) === null || _a === void 0 ? void 0 : _a.activeElement;
+            if (!active || active === ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body)) {
+                triggerRef.current.focus();
+            }
+        }
+        isActiveRef.current = isActive;
+    }, [condition, subscriptionTrigger, triggerRef]);
 };

package/esm/controlledPopup/controlledPopup.d.ts

@@ -10,7 +10,7 @@ import { IAlignment } from "../utils/positioningUtils/alignments";
 export type TAlignment = "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
 export interface IControlledPopup extends IZenComponentProps {
     triggerRef: RefObject<HTMLElement | null>;
-    /** Alignment of the popup relative to its trigger. Defaults to `"bottom-left"` (flips to `"bottom-right"` in RTL). */
+    /** Alignment of the popup relative to its trigger. Defaults to `"bottom-start"`. */
     alignment?: TAlignmentAbsolute;
     id?: string;
     className?: string;

package/esm/controlledPopup/controlledPopup.js

@@ -8,7 +8,7 @@ export const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, cl
     const autoId = useId();
     const popupId = id || autoId;
     const isClientReady = useClientReady();
-    const rtlAlignment = useRTLAlignment(alignment !== null && alignment !== void 0 ? alignment : "bottom-left");
+    const rtlAlignment = useRTLAlignment(alignment !== null && alignment !== void 0 ? alignment : "bottom-start");
     useEffect(() => {
         if (!triggerRef.current || !isClientReady) {
             return;

package/esm/dropdownRaw/dropdownSearchableTrigger.js

@@ -175,7 +175,7 @@ export const DropdownSearchableTrigger = _a => {
     } = _a,
     otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref", "name", "onBlur", "popupId", "handleFocusOnPopup", "dataAnalyticsId"])
     // eslint-disable-next-line complexity
-  ;
+;
   const {
     isFormSection
   } = useContext(FormSectionContext);

package/esm/filtersBar/components/filtersBarRange/filtersBarRange.d.ts

@@ -3,7 +3,7 @@ import { IRange, IRangeValues } from "../../../range/range";
 export interface IFiltersBarRangeState {
     value: IRangeValues;
 }
-interface IFiltersBarRangeProps extends Pick<IRange, "id" | "defaultValue" | "unit" | "labelMin" | "labelMax" | "disabled" | "label" | "triggerAriaLabel" | "min" | "max" | "fullWidthTriggerButton" | "fullBounded" | "className" | "allowEqualMinMax"> {
+interface IFiltersBarRangeProps extends Pick<IRange, "id" | "defaultValue" | "unit" | "labelMin" | "labelMax" | "disabled" | "label" | "triggerAriaLabel" | "min" | "max" | "fullWidthTriggerButton" | "fullBounded" | "className" | "allowEqualMinMax" | "integer"> {
 }
 export interface IFiltersBarRange extends IFiltersBarItem<IFiltersBarRangeState, IFiltersBarRangeProps> {
     className?: string;

package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelRange/filtersBarSidePanelRange.d.ts

@@ -2,4 +2,4 @@ import "./filtersBarSidePanelRange.less";
 import { IRange } from "../../../../range/range";
 export interface IFiltersBarSidePanelRange extends Omit<IRange, "label" | "fullWidthTriggerButton" | "defaultValue"> {
 }
-export declare const FiltersBarSidePanelRange: ({ className, id, onChange, value, unit, min, max, fullBounded, allowEqualMinMax, labelMin, labelMax, disabled }: IFiltersBarSidePanelRange) => import("react/jsx-runtime").JSX.Element;
+export declare const FiltersBarSidePanelRange: ({ className, id, onChange, value, unit, min, max, fullBounded, allowEqualMinMax, labelMin, labelMax, disabled, integer }: IFiltersBarSidePanelRange) => import("react/jsx-runtime").JSX.Element;

package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelRange/filtersBarSidePanelRange.js

@@ -86,7 +86,8 @@ export const FiltersBarSidePanelRange = ({
   allowEqualMinMax,
   labelMin,
   labelMax,
-  disabled
+  disabled,
+  integer
 }) => {
   const generatedId = useId();
   const intId = id || generatedId;
@@ -145,8 +146,9 @@ export const FiltersBarSidePanelRange = ({
     min: min,
     isMinField: true,
     direction: directionState,
-    disabled: disabled
-  }), [rangeFieldClasses, labelMin, translate, unit, currentValue.min, errorType, min, max, handleChange, directionState, disabled]);
+    disabled: disabled,
+    integer: integer
+  }), [rangeFieldClasses, labelMin, translate, unit, currentValue.min, errorType, min, max, handleChange, directionState, disabled, integer]);
   const memoizedMaxRangeField = useMemo(() => _jsx(RangeField, {
     className: classNames([rangeFieldClasses, "zen-filters-bar-side-panel-range__max-field"]),
     label: labelMax || translate("Max"),
@@ -160,8 +162,9 @@ export const FiltersBarSidePanelRange = ({
     min: min,
     isMinField: false,
     direction: directionState,
-    disabled: disabled
-  }), [rangeFieldClasses, labelMax, translate, unit, currentValue.max, errorType, min, max, handleChange, directionState, disabled]);
+    disabled: disabled,
+    integer: integer
+  }), [rangeFieldClasses, labelMax, translate, unit, currentValue.max, errorType, min, max, handleChange, directionState, disabled, integer]);
   return _jsxs("div", {
     ref: setFieldsContainerRef,
     id: intId,

package/esm/filtersBar/filtersContainer/filtersContainer.js

@@ -9,6 +9,7 @@ import { useDirectionalIcon } from "../../utils/localization/useDirectionalIcon"
 import { useLanguage } from "../../utils/localization/useLanguage";
 import { useDriveClassName } from "../../utils/theme/useDriveClassName";
 import { useIsRTL } from "../../utils/localization/useIsRTL";
+import { getDirectionalScrollDelta } from "../../commonHelpers/arrowNavigation/arrowNavigationHelper";
 import { zen } from "../../utils/zen";
 injectString("cs", "Scroll to start", "P\u0159ej\xEDt na za\u010D\xE1tek");
 injectString("da-DK", "Scroll to start", "Rul til start");
@@ -84,13 +85,15 @@ const getScrollButtonType = (element, isRTL) => {
     return "";
   }
   if (isRTL) {
+    // scrollLeft is 0 at the start (right edge) and negative toward the end (left edge),
+    // so the button to offer is the mirror of the LTR case below.
     if (scrollLeft < -1 && scrollLeft > clientWidth - scrollWidth + 1) {
       return "both";
     }
     if (scrollLeft >= -1) {
-      return "start";
+      return "end";
     }
-    return "end";
+    return "start";
   }
   if (scrollLeft > 0 && scrollWidth > clientWidth + scrollLeft + 1) {
     return "both";
@@ -226,7 +229,7 @@ export const FiltersContainer = ({
       className: classNames(["zen-filters-toolbar__scroller", driveClassNameScroller || "", "zen-filters-toolbar__start", showLeft ? `${scrollerClass}--visible` : "", isHiddenDisplay.left ? `${scrollerClass}--hidden` : ""]),
       icon: ScrollStartIcon,
       iconPosition: ButtonIconPosition.Start,
-      onClick: handleScrollButtonClick(-scrollableStep)
+      onClick: handleScrollButtonClick(getDirectionalScrollDelta(-scrollableStep, isRTL))
     }), _jsx("div", {
       ref: scrollableRef,
       className: classNames(["zen-filters-toolbar__scrollable", !isHiddenDisplay.left ? "has-left-scroller" : "", !isHiddenDisplay.right ? "has-right-scroller" : ""]),
@@ -240,7 +243,7 @@ export const FiltersContainer = ({
       title: translate("Scroll to end"),
       className: classNames([scrollerClass, driveClassNameScroller || "", "zen-filters-toolbar__end", showRight ? `${scrollerClass}--visible` : "", isHiddenDisplay.right ? `${scrollerClass}--hidden` : ""]),
       icon: ScrollEndIcon,
-      onClick: handleScrollButtonClick(scrollableStep),
+      onClick: handleScrollButtonClick(getDirectionalScrollDelta(scrollableStep, isRTL)),
       iconPosition: ButtonIconPosition.End
     })]
   }) : null;

package/esm/header/header.js

@@ -151,11 +151,13 @@ export const Header = ({ children, className, onFiltersBarOpen
         const headerRefWidth = ((_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
         const leftElementsRefWidth = ((_b = leftElementsRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || 0;
         const rightelementsRefWidth = ((_c = rightElementsRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width) || 0;
-        const paddings = 48;
+        // Mobile padding: 8px * 2 = 16px (zen-main-header--mobile .zen-main-header__section--padding)
+        // Desktop padding: 20px * 2 = 40px + 8px gaps between sections ≈ 48px
+        const paddings = isMobile ? 16 : 48;
         const gaps = 8 + (rightelementsRefWidth ? 8 : 0);
         const calculatedMiddleWidth = headerRefWidth - gaps - paddings - rightelementsRefWidth - leftElementsRefWidth;
         setMiddleWidth(calculatedMiddleWidth);
-    }, []);
+    }, [isMobile]);
     const resizeCallBack = useThrottle(() => {
         calculateMiddleWidth();
         if (!isMobile) {
@@ -212,6 +214,11 @@ export const Header = ({ children, className, onFiltersBarOpen
         const prefixesForTitleSize = ["large", "medium", "small"];
         return prefixesForTitleSize[count - 1];
     }, [collapsedElements.length, mobileFilterCondition, mobileSearchCondition, rightElements.length, visibleElements.length]);
+    // On mobile, title shrink when items overflow is handled via CSS (flex-shrink: 1 and
+    // min-width: 0 are always set on .zen-header__section--left for mobile in header.less).
+    // Applying this via React state caused a measurement feedback loop: adding shrink-title
+    // increased middleWidth → items fit → condition became false → title expanded → items
+    // overflowed → condition became true again → oscillation.
     const titleShrinkCondition = (visibleElements.length === 0 && rightElements.length) || (mobileSearchCondition && mobileFilterCondition);
     const fullClassName = classNames([
         "zen-main-header zen-main-header--background-color",

package/esm/header/headerHelpers.js

@@ -48,11 +48,14 @@ export const getItemsForRender = (items, isMobile) => {
 };
 export const getItemsForMeasure = (items, isMobile) => getItemsForRender(items, isMobile).map((el, ind) => {
     const elProps = el.props;
-    return cloneElement(el, {
-        key: `measure-key-${ind}-${items.length}`,
-        id: undefined,
-        "data-zen-measure-id": elProps.id
-    });
+    // Only HeaderCustomMenuWrapper components receive their original id in the
+    // measurement clone. These components use id purely as a registration key inside
+    // useCustomMenu and do NOT forward it to a DOM attribute, so no duplicate HTML
+    // element id is created in the hidden measurement container (MYG-141810).
+    // All other items (HeaderButton, HeaderMenu, …) keep id: undefined, preserving
+    // the MYG-133482 protection against duplicate DOM ids.
+    const isCustomMenuWrapper = el.type.displayName === HeaderCustomMenuWrapper;
+    return cloneElement(el, Object.assign(Object.assign({ key: `measure-key-${ind}-${items.length}` }, (isCustomMenuWrapper ? {} : { id: undefined })), { "data-zen-measure-id": elProps.id }));
 });
 export const filterItems = (items, isMobile) => {
     const itemsArr = [];

package/esm/index.d.ts

@@ -725,7 +725,7 @@ export { isButton } from "./menu/utils/isButton";
 export { isLink } from "./menu/utils/isLink";
 export { type IMiniTabElement, MiniTabsSize, type IMiniTabs, MiniTabs } from "./miniTabs/miniTabs";
 export { type IMobileSheet, MobileSheet } from "./mobileSheet/mobileSheet";
-export { type TFocusElement, type IModal, Modal, type IDialogContent, DialogContentNew } from "./modal/modal";
+export { MODAL_SCROLL_LOCK_CLASS, type TFocusElement, type IModal, Modal, type IDialogContent, DialogContentNew } from "./modal/modal";
 export { getPredefinedFocusableItem } from "./modal/modalHelpers";
 export { type INotificationProps, Notification } from "./notification/notification";
 export { type IPageHeader, PageHeaderDisplayName, PageHeader } from "./pageHeader/pageHeader";
@@ -778,7 +778,12 @@ export { type IToggleButtonDefaultRaw, type IToggleButtonRaw, type IToggleButton
 export { calculateArrowPosition } from "./tooltip/helpers/calculateArrowPosition";
 export { removeArrowClasses } from "./tooltip/helpers/removeArrowClasses";
 export { type TooltipSize, type TMobileView, Tooltip } from "./tooltip/tooltip";
+export { type TTrendIndicatorDirection, type TTrendIndicatorTone, type ITrendIndicator } from "./trendIndicator/trendIndicator";
+export { getTrendIndicatorDirection } from "./trendIndicator/trendIndicatorUtils";
 export { type IAbortablePromiseOptions, type IAbortablePromiseConstructor, AbortablePromise } from "./utils/abortablePromise";
+export { ZenithExperimentalProvider } from "./utils/experimentalFeatures/experimentalContext";
+export { type ExperimentalFeatureId, EXPERIMENTAL_FLAGS } from "./utils/experimentalFeatures/registry";
+export { useExperimentalFeature } from "./utils/experimentalFeatures/useExperimentalFeature";
 export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvider";
 export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
 export { LanguageProvider } from "./utils/localization/languageProvider";

package/esm/index.js

@@ -711,7 +711,7 @@ export { isButton } from "./menu/utils/isButton";
 export { isLink } from "./menu/utils/isLink";
 export { MiniTabsSize, MiniTabs } from "./miniTabs/miniTabs";
 export { MobileSheet } from "./mobileSheet/mobileSheet";
-export { Modal, DialogContentNew } from "./modal/modal";
+export { MODAL_SCROLL_LOCK_CLASS, Modal, DialogContentNew } from "./modal/modal";
 export { getPredefinedFocusableItem } from "./modal/modalHelpers";
 export { Notification } from "./notification/notification";
 export { PageHeaderDisplayName, PageHeader } from "./pageHeader/pageHeader";
@@ -762,7 +762,11 @@ export { ToggleButtonRaw } from "./toggleButtonRaw/toggleButtonRaw";
 export { calculateArrowPosition } from "./tooltip/helpers/calculateArrowPosition";
 export { removeArrowClasses } from "./tooltip/helpers/removeArrowClasses";
 export { Tooltip } from "./tooltip/tooltip";
+export { getTrendIndicatorDirection } from "./trendIndicator/trendIndicatorUtils";
 export { AbortablePromise } from "./utils/abortablePromise";
+export { ZenithExperimentalProvider } from "./utils/experimentalFeatures/experimentalContext";
+export { EXPERIMENTAL_FLAGS } from "./utils/experimentalFeatures/registry";
+export { useExperimentalFeature } from "./utils/experimentalFeatures/useExperimentalFeature";
 export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvider";
 export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
 export { LanguageProvider } from "./utils/localization/languageProvider";