@magmonium/one 0.2.39 → 0.2.40

package/fesm2022/{magmonium-one-magmonium-one-1LRvvkZo.mjs → magmonium-one-magmonium-one-cbkImPRD.mjs}

@@ -3649,14 +3649,17 @@ const emptyResult = () => ({
  */
 const toTrailItem = (navId, navMap, anchor, 
 /** A dynamic node standing on an instance reads that row's own label. */
-label) => {
+label, 
+/** ...and carries that instance, so following the entry keeps it. */
+navParams) => {
     const nav = navMap[navId];
     return {
         id: navId,
         label: label ?? nav?.title ?? navIdSegment(navId),
         icon: nav?.icon,
         nav: navId,
-        address: renderAddress(navId, navMap, anchor),
+        ...(navParams ? { navParams } : {}),
+        address: renderAddress(navId, navMap, anchor, navParams),
     };
 };
 /**
@@ -3665,15 +3668,20 @@ label) => {
  * rides alongside as the param this Nav declared, which is what `renderAddress`
  * fills. `id` carries the value only so the list has stable keys.
  */
-const navRowTrailItem = (navId, nav, row, navMap, anchor) => ({
-    id: `${navId}${NAV_ID_SEP}${row.value}`,
-    label: row.label,
-    icon: row.icon ?? nav.icon,
-    nav: navId,
-    address: renderAddress(navId, navMap, anchor, {
-        [navParamOf(nav)]: row.value,
-    }),
-});
+const navRowTrailItem = (navId, nav, row, navMap, anchor) => {
+    const navParams = { [navParamOf(nav)]: row.value };
+    return {
+        id: `${navId}${NAV_ID_SEP}${row.value}`,
+        label: row.label,
+        icon: row.icon ?? nav.icon,
+        nav: navId,
+        // The instance the NavRef cannot name. Every row here shares `nav`, so
+        // this is the only thing that tells one row's target from the next — a
+        // link that dropped it followed `:id` unfilled and matched no route.
+        navParams,
+        address: renderAddress(navId, navMap, anchor, navParams),
+    };
+};
 /** A Nav that *is* its parent's own content rather than a place beside it. */
 const isDefaultNav = (navId) => navIdSegment(navId) === DEFAULT_NAV_SEGMENT;
 /**
@@ -3804,6 +3812,20 @@ function deriveBreadcrumb(params) {
             return undefined;
         return dynamicRows?.[id]?.rows.find((row) => row.value === value)?.label;
     };
+    /**
+     * The instance a dynamic node in the trail is standing on. Read off the
+     * Router rather than the rows: the entry has to keep pointing at the page the
+     * User is on even before a source has answered, and a NavRef with no param
+     * renders `:id` unfilled.
+     */
+    const rowParams = (id) => {
+        const nav = navMap[id];
+        if (nav?.presentation !== 'dynamic')
+            return undefined;
+        const param = navParamOf(nav);
+        const value = routeParams?.[param];
+        return value ? { [param]: value } : undefined;
+    };
     // The header and the trail belong to whichever Nav owns the menu below them:
     // on a leaf that is the parent, so the User reads the list they are in with
     // their own row marked, rather than a title over an empty panel.
@@ -3816,8 +3838,9 @@ function deriveBreadcrumb(params) {
     const derivedTrail = chain
         .slice(0, -1)
         .filter((id) => !isDefaultNav(id))
-        .map((id) => toTrailItem(id, navMap, anchor, rowLabel(id)));
+        .map((id) => toTrailItem(id, navMap, anchor, rowLabel(id), rowParams(id)));
     const nav = navMap[ownerId];
+    const ownerParams = rowParams(ownerId);
     const derivedHeader = {
         id: ownerId,
         label: rowLabel(ownerId) ??
@@ -3825,7 +3848,8 @@ function deriveBreadcrumb(params) {
             (ownerId === ROOT_NAV$1 ? '' : navIdSegment(ownerId)),
         icon: nav?.icon,
         nav: ownerId,
-        address: renderAddress(ownerId, navMap, anchor),
+        ...(ownerParams ? { navParams: ownerParams } : {}),
+        address: renderAddress(ownerId, navMap, anchor, ownerParams),
     };
     const { trail, header } = breadcrumb && ownPanel
         ? mergeTrail(derivedTrail, breadcrumb, derivedHeader)
@@ -5650,8 +5674,23 @@ class MRefDirective {
      * when the panel was opened over a page (`/page|settings` → `root_settings`).
      */
     #currentNavId = computed(() => this.#navRef?.panelNavId?.() ?? this.#navRef?.id(), ...(ngDevMode ? [{ debugName: "#currentNavId" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the instance this link names is the one being stood on. Every row a
+     * `dynamic` Nav resolved carries the same NavId, so NavId equality alone
+     * marked the whole list active; a link naming no instance is not making a
+     * claim about one and stays matched on its NavId alone.
+     */
+    #paramsMatch = computed(() => {
+        const params = this.mRefParams();
+        if (!params)
+            return true;
+        const routeParams = this.#navRef?.routeParams?.();
+        if (!routeParams)
+            return false;
+        return Object.entries(params).every(([name, value]) => routeParams[name] === String(value));
+    }, ...(ngDevMode ? [{ debugName: "#paramsMatch" }] : /* istanbul ignore next */ []));
     /** Exact hit only — what a toggle re-clicks, and never an ancestor. */
-    #currentlySelected = computed(() => this.mRef() === this.#currentNavId(), ...(ngDevMode ? [{ debugName: "#currentlySelected" }] : /* istanbul ignore next */ []));
+    #currentlySelected = computed(() => this.mRef() === this.#currentNavId() && this.#paramsMatch(), ...(ngDevMode ? [{ debugName: "#currentlySelected" }] : /* istanbul ignore next */ []));
     /**
      * The row the open Nav came through. A menu lists the Nav Menu Owner's
      * children, and the User may be standing deeper than a row — on a leaf that
@@ -5664,7 +5703,9 @@ class MRefDirective {
         const current = this.#currentNavId();
         if (!target || !current)
             return false;
-        return current === target || current.startsWith(`${target}_`);
+        if (current !== target && !current.startsWith(`${target}_`))
+            return false;
+        return this.#paramsMatch();
     }, ...(ngDevMode ? [{ debugName: "#currentlyActive" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
@@ -6771,7 +6812,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-CzrlUm9C.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-BQEqhSdp.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -6783,12 +6824,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-GYSJXyp0.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-CseJCPaP.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-Crc-7_tc.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-Ct5-Sryt.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -20289,7 +20330,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-CzrlUm9C.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-BQEqhSdp.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -20301,12 +20342,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-GYSJXyp0.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-CseJCPaP.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-Crc-7_tc.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-Ct5-Sryt.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -28768,7 +28809,7 @@ class NavTrailComponent {
         @for (item of trail; track item.id; let i = $index; let last = $last) {
           <div class="trail-item" [style.animation-delay.ms]="i * 50">
             @if (item.nav; as nav) {
-              <a [mRef]="nav" class="trail-link">
+              <a [mRef]="nav" [mRefParams]="item.navParams" class="trail-link">
                 {{ item.label | translate }}
               </a>
             } @else if (item.href; as href) {
@@ -28795,7 +28836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         @for (item of trail; track item.id; let i = $index; let last = $last) {
           <div class="trail-item" [style.animation-delay.ms]="i * 50">
             @if (item.nav; as nav) {
-              <a [mRef]="nav" class="trail-link">
+              <a [mRef]="nav" [mRefParams]="item.navParams" class="trail-link">
                 {{ item.label | translate }}
               </a>
             } @else if (item.href; as href) {
@@ -28977,7 +29018,14 @@ class NavMenuComponent {
       <div class="nav-menu__item">
         @if (item.nav; as nav) {
           <!-- Icon and label share one NavRef so either click reaches the same place. -->
-          <a [mRef]="nav" mRefLinkActive="active" class="nav-menu__link">
+          <!-- A dynamic Nav's rows all share one NavId; mRefParams is the
+               instance, and is what makes one row's target differ from the next. -->
+          <a
+            [mRef]="nav"
+            [mRefParams]="item.navParams"
+            mRefLinkActive="active"
+            class="nav-menu__link"
+          >
             <span class="nav-menu__icon">
               <m-icon [name]="item.icon || 'menu'" [baseUrl]="baseUrl()" />
             </span>
@@ -29012,7 +29060,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       <div class="nav-menu__item">
         @if (item.nav; as nav) {
           <!-- Icon and label share one NavRef so either click reaches the same place. -->
-          <a [mRef]="nav" mRefLinkActive="active" class="nav-menu__link">
+          <!-- A dynamic Nav's rows all share one NavId; mRefParams is the
+               instance, and is what makes one row's target differ from the next. -->
+          <a
+            [mRef]="nav"
+            [mRefParams]="item.navParams"
+            mRefLinkActive="active"
+            class="nav-menu__link"
+          >
             <span class="nav-menu__icon">
               <m-icon [name]="item.icon || 'menu'" [baseUrl]="baseUrl()" />
             </span>
@@ -34526,4 +34581,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 export { DEFAULT_NAV_PARAM as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_FILTER_RANGE_MODE as Z, DEFAULT_FILTER_VARIANT as _, BaseTextInputComponent as a, NAV_DEFAULT_MURL as a$, DEFAULT_NAV_SEGMENT as a0, DEFAULT_SIZE as a1, DashboardCardComponent as a2, DateInputComponent as a3, DatePickerComponent as a4, DeviceService as a5, DomService as a6, Domain as a7, DotGridComponent as a8, DragListDirective as a9, InputType as aA, InstrumentScoreComponent as aB, InterceptorObservables as aC, JumbotronComponent as aD, KeyValueComponent as aE, LAYOUT_ASSET_FOLDER as aF, LOGIN_COMPONENT as aG, LOGIN_STORE as aH, LanguageComponent as aI, LogoComponent as aJ, MAG_SOCKET_EVENT as aK, MHeroColorDirective as aL, MHeroComponent as aM, MODAL_REF as aN, MODAL_STORE_REF as aO, MRefDirective as aP, MStepComponent as aQ, MURL_PARAM as aR, MURL_SEP as aS, ManifestEnrichmentService as aT, MenuComponent as aU, ModalDirective as aV, ModalRef as aW, ModalStore as aX, MoneyPipe as aY, MultiRangeInputComponent as aZ, MurlUrlSerializer as a_, DragListItemDirective as aa, DraggableDirective as ab, DropdownInputComponent as ac, FILTER_GROUP_CONTEXT as ad, FILTER_RANGE_MODES as ae, FILTER_VARIANTS as af, FLEX_VARIANTS as ag, FOLDER_PICK_LISTENER as ah, FORM_ASSET_FOLDER as ai, FileService as aj, FileUploadDirective as ak, FileUploadInputComponent as al, FlexComponent as am, FlexItemComponent as an, FormGroupComponent as ao, FrameComponent as ap, FreezeService as aq, GRID_BREAKPOINTS as ar, GetNavService as as, HeaderComponent$1 as at, HighlightDirective as au, HttpService as av, ICON_SOURCE as aw, IS_SIDE_PANEL as ax, IconComponent as ay, ImgComponent as az, TextOutputComponent as b, SectionBackComponent as b$, NAV_ID_SEP as b0, NAV_MAIN_BUTTONS as b1, NAV_SEGMENT_RE as b2, NAV_STORE_REF as b3, NAV_WC_COMPONENTS as b4, NAV_WIDGET_MAP as b5, NavComponent as b6, NavDetailsComponent as b7, NavHeaderComponent as b8, NavMenuComponent as b9, PositionDirective as bA, PwaInstallComponent as bB, ROOT_NAV$1 as bC, RadioGroupComponent as bD, RadioInputComponent as bE, RangeInputComponent as bF, RatingInputComponent as bG, ReactiveElementComponent as bH, RemoteComponent as bI, RemoteLoaderService as bJ, ResizeElementComponent as bK, RouteContainer as bL, RowComponent as bM, SEARCH_QUERY as bN, SEARCH_RESULTS_EVENT as bO, SECTION_ACCORDION_GROUP as bP, SECTION_FORM_CONTEXT as bQ, SHARED_ICONS as bR, SIZE_CONTEXT as bS, ScoreComponent as bT, ScrollComponent as bU, ScrollService as bV, SearchPanelComponent as bW, SearchStore as bX, SearchUserPanelComponent as bY, SectionAccordionDirective as bZ, SectionAccordionGroupDirective as b_, NavStore as ba, NavTrailComponent as bb, NothingComponent as bc, NotificationElementComponent as bd, NotificationGroupComponent as be, NotificationPopupComponent as bf, NotificationService as bg, NotificationStore as bh, NotificationType as bi, NotificationWidgetComponent as bj, ONE_ASSET_BASE_URL as bk, OPTIONS_SOURCE as bl, OVERLAY_WIDGETS as bm, OneApp as bn, OptionsSourceDirective as bo, OverlayBodyComponent as bp, OverlayRef as bq, OverlayService as br, PLATFORM_BUTTON_NAV_IDS as bs, PLATFORM_EXTENSIBLE_NAV_IDS as bt, PLATFORM_NAV_MAP as bu, PLATFORM_ROOT_CHILDREN as bv, PaginationComponent as bw, PanelComponent as bx, PercentagePipe as by, PlaygroundComponent as bz, ButtonComponent as c, USER_TAB_MAP as c$, SectionBadgesComponent as c0, SectionButtonGroupComponent as c1, SectionCardComponent as c2, SectionCarouselComponent as c3, SectionComponent as c4, SectionFilterComponent as c5, SectionFilterGroupComponent as c6, SectionFilterMenuComponent as c7, SectionFilterPanelComponent as c8, SectionFilterRangePanelComponent as c9, StrokeLinecap as cA, StrokeLinejoin as cB, SummaryComponent as cC, SvgGeneratorComponent as cD, SvgGeneratorService as cE, SvgService as cF, TOTAL_COLUMNS as cG, TRANSLATION_SOURCE as cH, TableComponent as cI, TechnicalMeterComponent as cJ, TextInputComponent as cK, TextareaInputComponent as cL, ThemeComponent as cM, ThemeDataService as cN, ThemeService as cO, ThemeStore as cP, TimeAgoPipe as cQ, TimelineComponent as cR, ToggleButtonComponent as cS, ToggleInputComponent as cT, ToggleRadioInputComponent as cU, ToolTipDirective as cV, TooltipComponent as cW, TranslateService as cX, TreeGridComponent as cY, URL_SEP as cZ, USER_STORE_REF as c_, SectionFooterComponent as ca, SectionFormComponent as cb, SectionFormItemComponent as cc, SectionHeaderComponent as cd, SectionHeroComponent as ce, SectionPaginationComponent as cf, SectionSearchComponent as cg, SectionStepperComponent as ch, SectionTabsComponent as ci, SectionToggleComponent as cj, SectionToggleItemDirective as ck, SelectableCardInputComponent as cl, SelectorDirective as cm, SettingsSearchBarComponent as cn, SettingsSearchService as co, ShapeComponent as cp, SharedStoreRegistry as cq, SidePanelDirective as cr, Size as cs, SocketStore as ct, SortComponent as cu, StatComponent as cv, StepComponent as cw, StepperComponent as cx, StepsComponent as cy, StorageService as cz, APP_CONTEXT_REF as d, hasErrorComputed as d$, UlComponent as d0, UniverseComponent as d1, UserApiService as d2, UserAvatarComponent as d3, UserComponent as d4, UserNavComponent as d5, UserSettingsComponent as d6, UserStore as d7, WC_ROUTE_CHANGED_EVENT as d8, WC_SEARCH_GROUPS as d9, emailValidation as dA, evaluate as dB, evaluateBool as dC, filterHoldsList as dD, filterHoldsOneBound as dE, filterHoldsOptions as dF, filterHoldsRange as dG, filterList as dH, filterOne as dI, filterPanelOf as dJ, filterPanelWidth as dK, filterRange as dL, filterTreeGridRows as dM, filterValueList as dN, filterValues as dO, flattenTreeGridRows as dP, formatBadgeCount as dQ, fullName as dR, generateClipPath as dS, generateTransform as dT, getClassList as dU, getProperty as dV, getScrollParent as dW, getTierFromPreviewPath as dX, getTreeGridRow as dY, getUniqueId as dZ, getValue as d_, WIN_USER_TAB_HOOK as da, WIN_USER_TAB_KEY as db, WatermarkComponent as dc, WcRouterStore as dd, WrapperInputComponent as de, anchorNavId as df, applyColorsToElement as dg, bootstrapMagApp as dh, bootstrapPwaInstall as di, buildWcBaseUrl as dj, calculateLuminance as dk, calculateRanks as dl, cellText as dm, checkFilterCondition as dn, childNavId as dp, classListSignal as dq, coerceSize as dr, cornerEdge as ds, cornerSide as dt, createMap as du, createPlatformNavMap as dv, deriveAvatarGradient as dw, deriveContrastColor as dx, deriveOppositeColor as dy, derivePropertyName as dz, ASSET_BASE_URL as e, provideNavWidgets as e$, hexToRgb as e0, hslToRgb$1 as e1, initMagmoniumApp as e2, initialNotificationState as e3, initialState$2 as e4, initials as e5, injectAuthenticate as e6, injectInstallApp as e7, injectParentSize as e8, injectScrollSticky as e9, mergeUniqueWith as eA, minAgeValidation as eB, minLengthValidation as eC, minValidation as eD, miniMarkToHtml as eE, navIdChain as eF, navIdFor as eG, navIdSegment as eH, navIdToRoutePath as eI, navIdToSegments as eJ, navParamOf as eK, navToId as eL, parentNavId as eM, parseAddress as eN, parseColor as eO, parsePatternNames as eP, patternValidation as eQ, patternsValidation as eR, platformNavWidgets as eS, privateGuard as eT, processImageToSvg as eU, provideAppContext as eV, provideMagAppConfig as eW, provideMagWcConfig as eX, provideMagWcRoutes as eY, provideModalComponents as eZ, provideMurlUrlSerializer as e_, isButtonName as ea, isCancelledComputed as eb, isExtensiblePlatformNavId as ec, isJson as ed, isLoadingComputed as ee, isLocalhost as ef, isNavMenuConfig as eg, isNavRowsConfig as eh, isPlatformNavId as ei, isSize as ej, isTierPreview as ek, isUrlLocalhost as el, isValidNavId as em, isValidNavSegment as en, isWebComponent as eo, linkToId as ep, linkToNav as eq, loadingActions as er, mInterceptor as es, manualValidation as et, matchFieldValidation as eu, maxLengthValidation as ev, maxValidation as ew, mergePlatformNav as ex, mergeUnique as ey, mergeUniqueBy as ez, AccordionBodyDirective as f, provideOverlayWidgets as f0, providePlatformNavWidgets as f1, provideSearch as f2, provideSizeContext as f3, provideUserTabs as f4, publicGuard as f5, readFieldPatterns as f6, renderAddress as f7, requiredValidation as f8, resolveConfigAsset as f9, resolveIconSize as fa, resolvePallet as fb, resolvePatternRules as fc, resolveSize as fd, rgbToHex as fe, rgbToHsl as ff, rowHasChildren as fg, samePatterns as fh, segmentsToNavId as fi, setProperty as fj, setTreeGridChildren as fk, settingsWidgets as fl, shouldShowBadge as fm, splitNavId as fn, splitOnMatch as fo, stringToColor as fp, toAttrBool as fq, toAttrNumber as fr, toCssLength as fs, toHostNavId as ft, toLength$1 as fu, toLocalNavId as fv, toggleTreeGridRow as fw, unfetchedPlatformNav as fx, urlValidation as fy, AccordionComponent as g, AccordionGroupComponent as h, ActionComponent as i, AnimatedGraphsComponent as j, AppCardComponent as k, AppRelationType as l, AppTileComponent as m, AssetStore as n, AssetUrlPipe as o, Assets as p, AuthActivityPageComponent as q, AuthApiService as r, AuthStore as s, AutosizeDirective as t, BadgeComponent as u, BandingComponent as v, BaseArrayInputComponent as w, BaseRootWebComponent as x, BaseWebComponent as y, ButtonGroupComponent as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-1LRvvkZo.mjs.map
+//# sourceMappingURL=magmonium-one-magmonium-one-cbkImPRD.mjs.map