@ds-mo/ui 14.21.0 → 14.22.1

package/dist/.package-ready.json

@@ -1 +1 @@
-{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.21.0","components":77,"digest":"6cf629a31c14cdb0dec0c87944b7ff74c781874854ea5d0aaf8688aa7ea67501","completedAt":"2026-08-27T21:51:00.849Z"}
+{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.22.1","components":77,"digest":"f3e3c27279561f0bc5f50e768da667395a20dd5d09a88fbdd0526d2eacc0ea3d","completedAt":"2026-08-30T01:47:44.823Z"}

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "14.21.0",
+  "packageVersion": "14.22.1",
   "kind": "patterns",
   "entries": [
     {
@@ -162,12 +162,12 @@
         },
         {
           "component": "component:ds-panel-nav",
-          "role": "Managed desktop and tablet primary-navigation presentation; remains public for advanced slotted shells.",
+          "role": "Managed desktop and tablet primary navigation; optionally presents route-section children inline or in a collapsed flyout.",
           "required": false
         },
         {
           "component": "component:ds-bar-nav",
-          "role": "Managed desktop and tablet route-section presentation; remains public for advanced slotted shells.",
+          "role": "Default managed desktop and tablet route-section presentation; omitted when nested PanelNav owns sections.",
           "required": false
         },
         {
@@ -199,6 +199,8 @@
       "stateOwnership": [
         "Lab or the consuming application supplies navigation, pageChrome, and tools objects to managed ShellApp.",
         "The application router owns authorization, current URLs, history, route changes, and the routed content placed in ShellApp's default slot.",
+        "The application controls sectionNavigation and its user preference. bar is the default; panel moves canonical route sections under their PanelNav parent and emits dsNavChildSelect.",
+        "ShellApp derives ShellPage desktop header placement from sectionNavigation so applications and routed pages never branch on navigation mode to repair content insets or sticky geometry.",
         "ShellApp emits stable navigation and page intent events; it never mutates router history.",
         "ShellApp owns responsive mode, PanelNav presentation, tool open state, active tool, direct mobile destinations, optional Inbox grouping, Menu state, fullscreen presentation, focus restoration, and breakpoint state preservation.",
         "Tool products and routed content are instantiated once by the application in named tool-view and default slots; ShellApp changes presentation without recreating those owners.",
@@ -216,12 +218,14 @@
       ],
       "responsiveBehavior": [
         "ShellApp automatically resolves desktop at 1200px and wider, tablet from 768px through 1199px, and mobile below 768px.",
-        "Desktop and tablet use PanelNav, BarNav, PanelTools through ShellTools, and ShellPage chrome.",
+        "Desktop and tablet use PanelNav, PanelTools through ShellTools, and ShellPage chrome. sectionNavigation chooses either BarNav or nested PanelNav plus compact BarTitle in the shell bar.",
+        "Panel section navigation removes page-local desktop title geometry: standard inset pages begin 32px below the shell bar on desktop and 16px below it on tablet, while full-bleed pages remain full bleed.",
         "Mobile uses MobileSheetNav, MobileBarNav, MobileHeader, ShellTools mobile presentation, and the same routed content owner. MobileBarNav paints its primary surface through the bottom safe-area inset so light browser chrome and application chrome meet without a secondary-surface seam.",
         "Below 768px the application root owns a 100dvh fixed stage with a 100vh fallback while ShellApp continues to fill its owner with height 100%; JavaScript viewport measurement synchronizes only the chrome wash and does not own layout height.",
         "With viewport-fit=cover, ShellApp consumes the shared top safe-area inset once and MobileBarNav consumes the persistent bottom inset; nested routed, tool, sheet, and consumer headers do not duplicate either inset.",
         "An optional Banner spans the complete application above desktop navigation, workspace, tools, and mobile global surfaces while remaining below the operating-system top safe area.",
         "Switching breakpoints changes presentation and inert state without recreating route or tool elements.",
+        "Switching sectionNavigation changes only desktop and tablet chrome; mobile composition, current route, routed content, and tool state remain stable.",
         "Search, Activity, Messages, and Agents use direct mobile destinations; products may explicitly group review tools under Inbox instead."
       ],
       "implementations": {

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "14.21.0",
+  "packageVersion": "14.22.1",
   "kind": "components",
   "entries": [
     {
@@ -1256,6 +1256,7 @@
         ],
         "commonlyComposedWith": [
           "component:ds-shell-page",
+          "component:ds-shell-app",
           "component:ds-button-filled",
           "component:ds-button-unfilled",
           "component:ds-breadcrumb",
@@ -1280,11 +1281,13 @@
           "The overflow trigger uses its bordered treatment whenever the primary action is visible beside it; overflow-only and auto-collapsed-primary presentations keep the trigger borderless.",
           "expanded renders the larger heading, optional description, inset divider, and a full-width caption breadcrumb row above the title. The breadcrumb begins after 32px top padding; the following title and right-side actions share one top alignment. Compact renders 48px chrome with the existing icon Back action; constrained uses compact chrome and moves an auto-collapse primary action into overflow.",
           "primaryAction collapse defaults to auto. Use never for exceptional actions whose hierarchy must remain visible in constrained layouts.",
-          "showDivider=false removes the bottom divider when the surrounding page composition supplies the boundary; showCompactDivider can independently restore or remove that boundary in compact and constrained variants."
+          "showDivider=false removes the bottom divider when the surrounding page composition supplies the boundary; showCompactDivider can independently restore or remove that boundary in compact and constrained variants.",
+          "placement=shell-bar is reserved for ShellApp panel section navigation. It remains compact, omits description and breadcrumb presentation, and preserves applicable Back, section, primary, and overflow controls."
         ],
         "responsiveBehavior": [
           "BarTitle does not observe viewport, shell, scroll, or container state. Its owner selects an explicit variant.",
           "ShellPage is the standard owner for automatic expanded, compact, and constrained selection.",
+          "ShellApp owns shell-bar placement and always selects compact presentation there; mobile continues to use MobileHeader.",
           "When ShellPage owns BarTitle on a secondary desktop or tablet page, its expanded, compact, and constrained presentations all match that canvas; the separate MobileHeader component remains primary.",
           "Compact titles use the shared compact-header geometry and md control inset so top-level headings align with BarNav and inline Back geometry aligns with PanelToolHeader. Long headings and section labels truncate independently while Back and action controls retain complete hit targets and accessible names.",
           "A never-collapse primary action remains visible in constrained mode; the title and section label yield space first."
@@ -1352,6 +1355,10 @@
             "type": "string",
             "required": true
           },
+          "placement": {
+            "type": "BarTitlePlacement",
+            "required": false
+          },
           "primaryAction": {
             "type": "BarTitlePrimaryAction | null",
             "required": false
@@ -6128,12 +6135,12 @@
       "tag": "ds-panel-nav",
       "name": "panel-nav",
       "title": "PanelNav",
-      "summary": "The single persistent primary navigation for an application, providing grouped top-level destinations, active-route state, standard dashboard/settings switching, user access, and collapsible desktop and tablet presentation.",
+      "summary": "The single persistent primary navigation for an application, providing grouped destinations, optional nested route sections, active-route state, standard dashboard/settings switching, user access, and collapsible desktop and tablet presentation.",
       "intentStatus": "complete",
       "intent": {
         "audience": "specialized",
         "status": "stable",
-        "summary": "The single persistent primary navigation for an application, providing grouped top-level destinations, active-route state, standard dashboard/settings switching, user access, and collapsible desktop and tablet presentation.",
+        "summary": "The single persistent primary navigation for an application, providing grouped destinations, optional nested route sections, active-route state, standard dashboard/settings switching, user access, and collapsible desktop and tablet presentation.",
         "useWhen": [
           "Building the one primary navigation surface for an application that uses the CompoMo system.",
           "Top-level destinations must remain consistently available while the application's page content changes.",
@@ -6141,14 +6148,14 @@
         ],
         "avoidWhen": [
           "A second navigation surface is needed within the same application; an application must have only one PanelNav.",
-          "The choices represent sections within the active primary destination; use BarNav instead.",
+          "Route sections belong in the shell bar for the application's selected navigation mode; use flat PanelNav with BarNav rather than mixing both section presentations.",
           "The choices switch local content without changing the application's primary destination; use TabGroup instead.",
           "The interaction performs a command or presents temporary contextual choices; use a button or Menu instead.",
           "Building navigation below the mobile breakpoint; use the application's dedicated mobile navigation component instead."
         ],
         "alternatives": [
           {
-            "when": "The choices represent route sections within the active primary destination.",
+            "when": "The application uses the standard flat primary-navigation mode and route sections belong in the shell bar.",
             "component": "component:ds-bar-nav",
             "reason": "BarNav owns secondary section navigation within the destination selected by PanelNav."
           },
@@ -6176,6 +6183,7 @@
           "Give every primary destination a concise visible label and an icon that supports rather than replaces that label.",
           "Provide localized dashboard, settings, account, navigation, collapse, and expand labels.",
           "Preserve accessible destination names when the panel is collapsed to icon-only presentation.",
+          "In nested presentation, expose parent expansion state, give only the active child aria-current, and focus the selected or first enabled child when a keyboard-opened flyout appears.",
           "Use notification dots as supplemental status and never as the only indication of important information.",
           "When the destination body overflows, it becomes a localized keyboard-focusable scroll region in addition to the roving destination controls.",
           "Keep the standard dashboard/settings switch and user/account entry available in the footer."
@@ -6184,7 +6192,13 @@
           "Render exactly one PanelNav per application; it owns primary application destinations and no other navigation role.",
           "The host router owns the current route; prefer currentUrl for active destination matching and use activeId only when route matching is unavailable.",
           "Use anchor mode for native links or routers that intercept anchors; use event mode when the host performs navigation from dsNavSelect.",
-          "Groups visually organize top-level destinations only and must not be interpreted as nested or expandable navigation.",
+          "Groups visually organize top-level destinations. Use presentation=nested only when parent children replace BarNav route sections.",
+          "A parent with children is not a standalone page: activating it while expanded resolves to the first enabled child; route state keeps that parent expanded and gives both parent and child selected styling.",
+          "While one parent is expanded in nested presentation, other top-level destinations retain secondary foreground; flat and collapsed presentations keep their existing foreground treatment.",
+          "Within a multi-item group, an expanded nested branch is bounded beside its siblings: the first branch adds a divider after its children, a middle branch adds dividers before its parent and after its children, and the final branch adds a divider before its parent. Single-item groups add neither. Divider space expands on the nested section-height timing while the line fades in, with equal visible spacing on both sides; collapsing the full rail contracts and fades the divider on the rail-collapse timing.",
+          "Expanded nested branches animate to their full required height over 500ms while fixed-size child rows progressively fade over 500ms after a 250ms wait, with each row starting 50ms after the previous row. On close, child rows fade out in reverse order with secondary foreground and the height contraction waits 250ms; reduced-motion preferences collapse those transitions to the instant motion token.",
+          "Collapsing the full navigation rail keeps the active nested branch mounted through the rail transition and contracts its height over the same duration, so following destinations reposition without snapping.",
+          "Collapsed nested presentation opens a child-only flyout from the parent icon without navigating; the parent holds the transient pressed wash while the flyout is rendered, activates again to close, and emits navigation intent only after a child selection.",
           "Dashboard presents day-to-day operational destinations; Settings presents administrative and configuration destinations.",
           "The standard footer switches the entire destination collection and navStyle between Dashboard and Settings and exposes the user/account entry.",
           "The host owns the external user menu opened from dsNavUserAction.",
@@ -6198,7 +6212,8 @@
           "Below 768px, the consuming application replaces PanelNav with a dedicated mobile navigation component; PanelNav does not own mobile navigation.",
           "Managed ShellApp permanently owns responsive composition: it determines shell mode, enforces tablet collapse, and presents MobileSheetNav below 768px.",
           "When the viewport is below breakpoint, PanelNav locks collapsed, disables its header toggle affordance, and preserves the persisted desktop collapse preference.",
-          "Collapsed presentation must preserve destination ordering, active state, notification status, and accessible names."
+          "Collapsed presentation must preserve destination ordering, active state, notification status, and accessible names.",
+          "Nested parents expose child routes inline while expanded and in an anchored flyout while collapsed; mobile navigation remains owned by ShellApp."
         ],
         "frameworkCaveats": {
           "customElements": [
@@ -6240,6 +6255,10 @@
             "type": "boolean",
             "required": false
           },
+          "activeChildId": {
+            "type": "string",
+            "required": false
+          },
           "activeId": {
             "type": "string",
             "required": false
@@ -6288,6 +6307,10 @@
             "type": "string",
             "required": false
           },
+          "presentation": {
+            "type": "PanelNavPresentation",
+            "required": false
+          },
           "routerMode": {
             "type": "PanelNavRouterMode",
             "required": false
@@ -6322,6 +6345,10 @@
             "name": "dsChromeTransitionStart",
             "detail": "ChromeTransitionDetail"
           },
+          {
+            "name": "dsNavChildSelect",
+            "detail": "PanelNavChildSelectDetail"
+          },
           {
             "name": "dsNavFooterAction",
             "detail": "void"
@@ -6356,6 +6383,7 @@
         "badge",
         "button-unfilled",
         "icon",
+        "menu",
         "text",
         "tooltip"
       ]
@@ -7613,6 +7641,7 @@
         "commonlyComposedWith": [
           "component:ds-panel-nav",
           "component:ds-bar-nav",
+          "component:ds-bar-title",
           "component:ds-panel-tools",
           "component:ds-shell-tools",
           "component:ds-mobile-sheet-nav",
@@ -7642,6 +7671,10 @@
           "The application router owns the current route, authorization filtering, Dashboard or Settings context, destination collections, section collections, and localized content labels.",
           "ShellApp renders the lower-level desktop, tablet, and mobile chrome, coordinates layout, gradient alignment, transitions, shortcuts, global surfaces, optional Inbox state, focus restoration, and mobile-stage visibility.",
           "The application router owns authorization, current URLs, history, and route execution; ShellApp forwards navigation and page intent events without routing.",
+          "sectionNavigation is an application-controlled preference: bar keeps route sections in BarNav, while panel renders them as nested PanelNav children and places compact BarTitle in the shell bar.",
+          "Managed ShellApp derives ShellPage desktop header placement from sectionNavigation. Panel mode removes page-local title geometry, restores the standard responsive top gutter, and preserves full-bleed page content without requiring route-specific navigation branches.",
+          "Switch sectionNavigation at runtime without replacing routed content or tool owners; the application owns preference storage and defaults new users to bar unless product policy says otherwise.",
+          "In panel mode, supply the same route sections as children on their PanelNav parent and handle dsNavChildSelect as structured parent, child, and href navigation intent.",
           "The application supplies each routed content owner and tool view once. ShellApp changes visibility, inert state, and presentation without recreating those nodes.",
           "The optional banner slot accepts one application-owned ds-banner above the complete shell row. The application owns its open state, orientation for the current shell capacity, action consequences, dismissal persistence, and resolution when several messages compete.",
           "Use composition=slotted only for advanced application architectures that intentionally own all lower-level chrome wiring.",
@@ -7651,15 +7684,18 @@
           "Dashboard represents day-to-day operational work while Settings represents administrative and configuration work; route state selects the context.",
           "Replace navigation and pageChrome together from one completed route state.",
           "When pageChrome.showBack marks a detail depth, mobile chrome keeps the page heading as its identity and presents only local subsections; peer route tabs remain in desktop BarNav rather than replacing the detail heading.",
-          "Managed ShellApp keeps BarNav and ShellPage presentations present and owns page header stickiness and the content scroller.",
-          "Route-owned pageChrome independently selects ShellPage contentInset, roomy and compact top seams, scroll compaction, expanded and compact header-divider visibility, and contentSurface; ShellApp forwards them without making page-specific layout or surface decisions.",
+          "Managed ShellApp keeps the selected desktop section-navigation presentation and ShellPage present and owns page header stickiness and the content scroller.",
+          "Route-owned pageChrome independently selects ShellPage contentInset, page-header seams, scroll compaction, expanded and compact header-divider visibility, and contentSurface. ShellApp forwards them while resolving whether desktop title geometry is page-local or shell-bar-owned.",
           "The application filters unauthorized destinations, sections, and tools before passing them into shell components."
         ],
         "responsiveBehavior": [
           "ShellApp owns the fixed system breakpoints and resolves desktop at 1200px and wider, tablet from 768px through 1199px, and mobile below 768px.",
           "On desktop, PanelNav defaults expanded, permits user collapse or expansion, and respects the locally persisted desktop preference.",
           "On tablet, ShellApp keeps PanelNav permanently collapsed and prevents user expansion without overwriting the desktop preference.",
+          "On desktop and tablet, panel section navigation replaces BarNav with compact BarTitle; collapsed PanelNav exposes child sections through its anchored flyout.",
+          "When panel section navigation moves BarTitle into the shell bar, routed content starts at the standard 32px desktop or 16px tablet gutter and ShellPage reports no page-local sticky-header height.",
           "On mobile, ShellApp hides and inerts desktop chrome, uses a solid primary stage, and composes MobileHeader, MobileSheetNav, ShellTools, and the persistent MobileBarNav around the same application-owned content.",
+          "Changing sectionNavigation never changes mobile chrome; the preference may still be edited by an application Settings page.",
           "Opening MobileSheetNav temporarily overlays the active routed page or global tool; closing it without selecting an area restores that same destination and its nested state. The sheet exposes the router-derived current area only while the routed area owns the mobile stage, so a global tool never leaves an underlying route highlighted.",
           "Selecting Help from the managed mobile sheet activates the configured Help tool and promotes Help to the primary mobile destination instead of forwarding it as route navigation.",
           "Set navigation.showMobileAccount to false when the Settings destination collection already includes account and user preferences.",
@@ -7744,6 +7780,10 @@
             "type": "PaperTextureConfig",
             "required": false
           },
+          "sectionNavigation": {
+            "type": "ShellSectionNavigation",
+            "required": false
+          },
           "shortcutsEnabled": {
             "type": "boolean",
             "required": false
@@ -7770,6 +7810,10 @@
             "name": "dsHeaderBack",
             "detail": "{ tool: PanelToolsToolId }"
           },
+          {
+            "name": "dsNavChildSelect",
+            "detail": "PanelNavChildSelectDetail"
+          },
           {
             "name": "dsNavFooterAction",
             "detail": "void"
@@ -7883,7 +7927,7 @@
         ],
         "accessibility": [
           "ShellPage exposes the routed page as the main landmark; render exactly one active ShellPage inside ShellApp.",
-          "Provide one BarTitle or BarWorkflow through the desktop header slot and one MobileHeader through mobile-header when the page participates in the mobile shell.",
+          "Provide one BarTitle or BarWorkflow through the desktop header slot when desktopHeaderPlacement=page, and one MobileHeader through mobile-header when the page participates in the mobile shell.",
           "Keep loading, empty, validation, error, progress, success, and failure communication in the default product-content slot.",
           "Responsive variant changes preserve the same heading, controls, accessible names, and keyboard focus targets."
         ],
@@ -7891,6 +7935,7 @@
           "headerCapacity=roomy, compact, or constrained is supplied before paint by the owning application shell and describes the page-header space available after viewport and shell-chrome policy are applied.",
           "headerPresentation=auto selects the matching header variant from headerCapacity and scroll position.",
           "expanded, compact, and constrained are explicit overrides for exceptional layouts and deterministic examples.",
+          "desktopHeaderPlacement=page preserves page-local sticky title geometry. shell-bar declares that desktop and tablet title chrome is external and compact, restores the responsive top gutter, reports zero page-header block size, and disables page-header scroll compaction while preserving downstream compact-header behavior and full-bleed content.",
           "contentInset=default supplies standard page gutters; none permits maps, canvases, and other full-bleed content.",
           "contentInsetBlockStart=none removes only the gutter adjacent to the page header while retaining the responsive inline and bottom gutters.",
           "contentInsetBlockStartSize can provide an exact roomy top seam, while compactContentInsetBlockStartSize independently defines the compact and constrained seam. ShellPage exposes their resolved sticky-header offset through --ds-shell-page-content-block-start-offset for viewport-fitted descendants.",
@@ -7907,6 +7952,7 @@
           "responsiveMode=mobile hides and inerts the desktop header, exposes mobile-header, and disables desktop scroll-compaction geometry.",
           "Update headerCapacity synchronously with shell layout state so opening tools or crossing application breakpoints cannot briefly render the wrong presentation.",
           "The default content inset is balanced on every side: 32px in desktop mode and 16px in tablet and mobile modes.",
+          "When desktopHeaderPlacement=shell-bar, desktop and tablet ignore page-header-specific block-start seam overrides and expose --ds-shell-page-content-block-start-offset as the responsive gutter only; mobile keeps its MobileHeader geometry and existing seam.",
           "contentInsetBlockStart can independently remove the top gutter for table and canvas pages that should meet the sticky header; exact roomy and compact block-start sizes support pages whose seam changes with header capacity.",
           "The selected content surface persists unchanged across desktop, tablet, and mobile modes.",
           "On a secondary desktop or tablet page, BarTitle matches the page canvas across capacity and scroll-driven variant changes; the separate mobile-header presentation remains primary.",
@@ -7918,7 +7964,7 @@
         ],
         "frameworkCaveats": {
           "customElements": [
-            "Import ShellPage with BarTitle or BarWorkflow in slot=header and MobileHeader in slot=mobile-header, then render route content as default children.",
+            "Import ShellPage with BarTitle or BarWorkflow in slot=header when desktopHeaderPlacement=page and MobileHeader in slot=mobile-header, then render route content as default children.",
             "Do not set BarTitle.variant while ShellPage owns headerPresentation."
           ],
           "react": [
@@ -7967,6 +8013,10 @@
             "type": "ShellPageContentSurface",
             "required": false
           },
+          "desktopHeaderPlacement": {
+            "type": "ShellPageDesktopHeaderPlacement",
+            "required": false
+          },
           "headerCapacity": {
             "type": "ShellPageCapacity",
             "required": false

package/dist/angular/ds-bar-title.d.ts

@@ -12,7 +12,7 @@ export declare class DsBarTitle {
     dsAction: EventEmitter<DsBarTitleCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsBarTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarTitle, "ds-bar-title", never, { "actions": { "alias": "actions"; "required": false; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "breadcrumbAriaLabel": { "alias": "breadcrumbAriaLabel"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showCompactDivider": { "alias": "showCompactDivider"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsBack": "dsBack"; "dsBreadcrumbSelect": "dsBreadcrumbSelect"; "dsSectionChange": "dsSectionChange"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarTitle, "ds-bar-title", never, { "actions": { "alias": "actions"; "required": false; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "breadcrumbAriaLabel": { "alias": "breadcrumbAriaLabel"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "placement": { "alias": "placement"; "required": false; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showCompactDivider": { "alias": "showCompactDivider"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsBack": "dsBack"; "dsBreadcrumbSelect": "dsBreadcrumbSelect"; "dsSectionChange": "dsSectionChange"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsBarTitle extends Components.DsBarTitle {
     /**

package/dist/angular/ds-bar-title.js

@@ -21,12 +21,12 @@ let DsBarTitle = class DsBarTitle {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBarTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsBarTitle, isStandalone: true, selector: "ds-bar-title", inputs: { actions: "actions", actionsAriaLabel: "actionsAriaLabel", backAriaLabel: "backAriaLabel", backLabel: "backLabel", breadcrumbAriaLabel: "breadcrumbAriaLabel", breadcrumbs: "breadcrumbs", description: "description", heading: "heading", primaryAction: "primaryAction", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", showBack: "showBack", showCompactDivider: "showCompactDivider", showDivider: "showDivider", value: "value", variant: "variant" }, outputs: { dsBack: "dsBack", dsBreadcrumbSelect: "dsBreadcrumbSelect", dsSectionChange: "dsSectionChange", dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsBarTitle, isStandalone: true, selector: "ds-bar-title", inputs: { actions: "actions", actionsAriaLabel: "actionsAriaLabel", backAriaLabel: "backAriaLabel", backLabel: "backLabel", breadcrumbAriaLabel: "breadcrumbAriaLabel", breadcrumbs: "breadcrumbs", description: "description", heading: "heading", placement: "placement", primaryAction: "primaryAction", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", showBack: "showBack", showCompactDivider: "showCompactDivider", showDivider: "showDivider", value: "value", variant: "variant" }, outputs: { dsBack: "dsBack", dsBreadcrumbSelect: "dsBreadcrumbSelect", dsSectionChange: "dsSectionChange", dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsBarTitle = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsBarTitle,
-        inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'breadcrumbAriaLabel', 'breadcrumbs', 'description', 'heading', 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'showCompactDivider', 'showDivider', 'value', 'variant']
+        inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'breadcrumbAriaLabel', 'breadcrumbs', 'description', 'heading', 'placement', 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'showCompactDivider', 'showDivider', 'value', 'variant']
     })
 ], DsBarTitle);
 export { DsBarTitle };
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'breadcrumbAriaLabel', 'breadcrumbs', 'description', { name: 'heading', required: true }, 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'showCompactDivider', 'showDivider', 'value', 'variant'],
+                    inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'breadcrumbAriaLabel', 'breadcrumbs', 'description', { name: 'heading', required: true }, 'placement', 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'showCompactDivider', 'showDivider', 'value', 'variant'],
                     outputs: ['dsBack', 'dsBreadcrumbSelect', 'dsSectionChange', 'dsAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBack: [{

package/dist/angular/ds-panel-nav.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import type { DsPanelNavCustomEvent } from '@ds-mo/ui/components';
+import type { PanelNavChildSelectDetail as IDsPanelNavPanelNavChildSelectDetail } from '@ds-mo/ui/components';
 import type { ChromeTransitionDetail as IDsPanelNavChromeTransitionDetail } from '@ds-mo/ui/components';
 import type { PanelNavUserActionDetail as IDsPanelNavPanelNavUserActionDetail } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
@@ -8,6 +9,7 @@ export declare class DsPanelNav {
     protected z: NgZone;
     protected el: HTMLDsPanelNavElement;
     dsNavSelect: EventEmitter<DsPanelNavCustomEvent<string>>;
+    dsNavChildSelect: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavPanelNavChildSelectDetail>>;
     dsNavToggle: EventEmitter<DsPanelNavCustomEvent<boolean>>;
     dsChromeTransitionStart: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
     dsChromeTransitionEnd: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
@@ -15,13 +17,17 @@ export declare class DsPanelNav {
     dsNavUserAction: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavPanelNavUserActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelNav, "ds-panel-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "accountMenuExpanded": { "alias": "accountMenuExpanded"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "collapseNavigationLabel": { "alias": "collapseNavigationLabel"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "dashboardNavigationLabel": { "alias": "dashboardNavigationLabel"; "required": false; }; "disableViewTransition": { "alias": "disableViewTransition"; "required": false; }; "expandNavigationLabel": { "alias": "expandNavigationLabel"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigationItemsLabel": { "alias": "navigationItemsLabel"; "required": false; }; "routerMode": { "alias": "routerMode"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "settingsNavigationLabel": { "alias": "settingsNavigationLabel"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "userInitial": { "alias": "userInitial"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; }, { "dsNavSelect": "dsNavSelect"; "dsNavToggle": "dsNavToggle"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelNav, "ds-panel-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "accountMenuExpanded": { "alias": "accountMenuExpanded"; "required": false; }; "activeChildId": { "alias": "activeChildId"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "collapseNavigationLabel": { "alias": "collapseNavigationLabel"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "dashboardNavigationLabel": { "alias": "dashboardNavigationLabel"; "required": false; }; "disableViewTransition": { "alias": "disableViewTransition"; "required": false; }; "expandNavigationLabel": { "alias": "expandNavigationLabel"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigationItemsLabel": { "alias": "navigationItemsLabel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "routerMode": { "alias": "routerMode"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "settingsNavigationLabel": { "alias": "settingsNavigationLabel"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "userInitial": { "alias": "userInitial"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; }, { "dsNavSelect": "dsNavSelect"; "dsNavChildSelect": "dsNavChildSelect"; "dsNavToggle": "dsNavToggle"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsPanelNav extends Components.DsPanelNav {
     /**
      * Emitted when a nav item is clicked. Detail = the item's `id`.
      */
     dsNavSelect: EventEmitter<DsPanelNavCustomEvent<string>>;
+    /**
+     * Emitted when a nested child route is selected.
+     */
+    dsNavChildSelect: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavPanelNavChildSelectDetail>>;
     /**
      * Emitted when the collapse toggle is clicked. Detail = new collapsed state.
      */

package/dist/angular/ds-panel-nav.js

@@ -14,6 +14,7 @@ let DsPanelNav = class DsPanelNav {
     constructor(c, r, z) {
         this.z = z;
         this.dsNavSelect = new EventEmitter();
+        this.dsNavChildSelect = new EventEmitter();
         this.dsNavToggle = new EventEmitter();
         this.dsChromeTransitionStart = new EventEmitter();
         this.dsChromeTransitionEnd = new EventEmitter();
@@ -23,12 +24,12 @@ let DsPanelNav = class DsPanelNav {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsPanelNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsPanelNav, isStandalone: true, selector: "ds-panel-nav", inputs: { accountLabel: "accountLabel", accountMenuExpanded: "accountMenuExpanded", activeId: "activeId", breakpoint: "breakpoint", collapseNavigationLabel: "collapseNavigationLabel", collapsed: "collapsed", currentUrl: "currentUrl", dashboardLabel: "dashboardLabel", dashboardNavigationLabel: "dashboardNavigationLabel", disableViewTransition: "disableViewTransition", expandNavigationLabel: "expandNavigationLabel", groups: "groups", navStyle: "navStyle", navigationItemsLabel: "navigationItemsLabel", routerMode: "routerMode", settingsLabel: "settingsLabel", settingsNavigationLabel: "settingsNavigationLabel", storageKey: "storageKey", userInitial: "userInitial", userName: "userName" }, outputs: { dsNavSelect: "dsNavSelect", dsNavToggle: "dsNavToggle", dsChromeTransitionStart: "dsChromeTransitionStart", dsChromeTransitionEnd: "dsChromeTransitionEnd", dsNavFooterAction: "dsNavFooterAction", dsNavUserAction: "dsNavUserAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsPanelNav, isStandalone: true, selector: "ds-panel-nav", inputs: { accountLabel: "accountLabel", accountMenuExpanded: "accountMenuExpanded", activeChildId: "activeChildId", activeId: "activeId", breakpoint: "breakpoint", collapseNavigationLabel: "collapseNavigationLabel", collapsed: "collapsed", currentUrl: "currentUrl", dashboardLabel: "dashboardLabel", dashboardNavigationLabel: "dashboardNavigationLabel", disableViewTransition: "disableViewTransition", expandNavigationLabel: "expandNavigationLabel", groups: "groups", navStyle: "navStyle", navigationItemsLabel: "navigationItemsLabel", presentation: "presentation", routerMode: "routerMode", settingsLabel: "settingsLabel", settingsNavigationLabel: "settingsNavigationLabel", storageKey: "storageKey", userInitial: "userInitial", userName: "userName" }, outputs: { dsNavSelect: "dsNavSelect", dsNavChildSelect: "dsNavChildSelect", dsNavToggle: "dsNavToggle", dsChromeTransitionStart: "dsChromeTransitionStart", dsChromeTransitionEnd: "dsChromeTransitionEnd", dsNavFooterAction: "dsNavFooterAction", dsNavUserAction: "dsNavUserAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsPanelNav = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsPanelNav,
-        inputs: ['accountLabel', 'accountMenuExpanded', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
+        inputs: ['accountLabel', 'accountMenuExpanded', 'activeChildId', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'presentation', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
         methods: ['toggleCollapsed']
     })
 ], DsPanelNav);
@@ -40,11 +41,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accountLabel', 'accountMenuExpanded', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
-                    outputs: ['dsNavSelect', 'dsNavToggle', 'dsChromeTransitionStart', 'dsChromeTransitionEnd', 'dsNavFooterAction', 'dsNavUserAction'],
+                    inputs: ['accountLabel', 'accountMenuExpanded', 'activeChildId', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'presentation', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
+                    outputs: ['dsNavSelect', 'dsNavChildSelect', 'dsNavToggle', 'dsChromeTransitionStart', 'dsChromeTransitionEnd', 'dsNavFooterAction', 'dsNavUserAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsNavSelect: [{
                 type: Output
+            }], dsNavChildSelect: [{
+                type: Output
             }], dsNavToggle: [{
                 type: Output
             }], dsChromeTransitionStart: [{

package/dist/angular/ds-shell-app.d.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/co
 import type { Components } from '@ds-mo/ui/components';
 import type { DsShellAppCustomEvent } from '@ds-mo/ui/components';
 import type { ShellResponsiveMode as IDsShellAppShellResponsiveMode } from '@ds-mo/ui/components';
+import type { PanelNavChildSelectDetail as IDsShellAppPanelNavChildSelectDetail } from '@ds-mo/ui/components';
 import type { BreadcrumbSelectDetail as IDsShellAppBreadcrumbSelectDetail } from '@ds-mo/ui/components';
 import type { PanelToolsToolId as IDsShellAppPanelToolsToolId } from '@ds-mo/ui/components';
 import type { NavChromeStyle as IDsShellAppNavChromeStyle } from '@ds-mo/ui/components';
@@ -15,6 +16,7 @@ export declare class DsShellApp {
     }>>;
     dsNavSelect: EventEmitter<DsShellAppCustomEvent<string>>;
     dsTabChange: EventEmitter<DsShellAppCustomEvent<string>>;
+    dsNavChildSelect: EventEmitter<DsShellAppCustomEvent<IDsShellAppPanelNavChildSelectDetail>>;
     dsSubsectionChange: EventEmitter<DsShellAppCustomEvent<string>>;
     dsPageBack: EventEmitter<DsShellAppCustomEvent<MouseEvent>>;
     dsBreadcrumbSelect: EventEmitter<DsShellAppCustomEvent<IDsShellAppBreadcrumbSelectDetail>>;
@@ -38,7 +40,7 @@ export declare class DsShellApp {
     dsNavUserAction: EventEmitter<DsShellAppCustomEvent<IDsShellAppPanelNavUserActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsShellApp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "composition": { "alias": "composition"; "required": false; }; "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "mobileDestination": { "alias": "mobileDestination"; "required": false; }; "mobileSheetNavOpen": { "alias": "mobileSheetNavOpen"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "pageChrome": { "alias": "pageChrome"; "required": false; }; "paperTexture": { "alias": "paperTexture"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; "tools": { "alias": "tools"; "required": false; }; }, { "dsResponsiveModeChange": "dsResponsiveModeChange"; "dsNavSelect": "dsNavSelect"; "dsTabChange": "dsTabChange"; "dsSubsectionChange": "dsSubsectionChange"; "dsPageBack": "dsPageBack"; "dsBreadcrumbSelect": "dsBreadcrumbSelect"; "dsPageAction": "dsPageAction"; "dsToolChange": "dsToolChange"; "dsHeaderBack": "dsHeaderBack"; "dsHeaderAction": "dsHeaderAction"; "dsPresentationChange": "dsPresentationChange"; "dsBrowseContextChange": "dsBrowseContextChange"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "composition": { "alias": "composition"; "required": false; }; "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "mobileDestination": { "alias": "mobileDestination"; "required": false; }; "mobileSheetNavOpen": { "alias": "mobileSheetNavOpen"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "pageChrome": { "alias": "pageChrome"; "required": false; }; "paperTexture": { "alias": "paperTexture"; "required": false; }; "sectionNavigation": { "alias": "sectionNavigation"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; "tools": { "alias": "tools"; "required": false; }; }, { "dsResponsiveModeChange": "dsResponsiveModeChange"; "dsNavSelect": "dsNavSelect"; "dsTabChange": "dsTabChange"; "dsNavChildSelect": "dsNavChildSelect"; "dsSubsectionChange": "dsSubsectionChange"; "dsPageBack": "dsPageBack"; "dsBreadcrumbSelect": "dsBreadcrumbSelect"; "dsPageAction": "dsPageAction"; "dsToolChange": "dsToolChange"; "dsHeaderBack": "dsHeaderBack"; "dsHeaderAction": "dsHeaderAction"; "dsPresentationChange": "dsPresentationChange"; "dsBrowseContextChange": "dsBrowseContextChange"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsShellApp extends Components.DsShellApp {
     /**
@@ -55,6 +57,10 @@ export declare interface DsShellApp extends Components.DsShellApp {
      * Managed desktop BarNav or mobile section-selection intent.
      */
     dsTabChange: EventEmitter<DsShellAppCustomEvent<string>>;
+    /**
+     * Managed nested PanelNav child-route intent.
+     */
+    dsNavChildSelect: EventEmitter<DsShellAppCustomEvent<IDsShellAppPanelNavChildSelectDetail>>;
     /**
      * Managed page-subsection intent from BarTitle or MobileHeader.
      */

package/dist/angular/ds-shell-app.js

@@ -16,6 +16,7 @@ let DsShellApp = class DsShellApp {
         this.dsResponsiveModeChange = new EventEmitter();
         this.dsNavSelect = new EventEmitter();
         this.dsTabChange = new EventEmitter();
+        this.dsNavChildSelect = new EventEmitter();
         this.dsSubsectionChange = new EventEmitter();
         this.dsPageBack = new EventEmitter();
         this.dsBreadcrumbSelect = new EventEmitter();
@@ -31,12 +32,12 @@ let DsShellApp = class DsShellApp {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsShellApp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsShellApp, isStandalone: true, selector: "ds-shell-app", inputs: { composition: "composition", gradientPreset: "gradientPreset", mobileDestination: "mobileDestination", mobileSheetNavOpen: "mobileSheetNavOpen", navStyle: "navStyle", navigation: "navigation", pageChrome: "pageChrome", paperTexture: "paperTexture", shortcutsEnabled: "shortcutsEnabled", tools: "tools" }, outputs: { dsResponsiveModeChange: "dsResponsiveModeChange", dsNavSelect: "dsNavSelect", dsTabChange: "dsTabChange", dsSubsectionChange: "dsSubsectionChange", dsPageBack: "dsPageBack", dsBreadcrumbSelect: "dsBreadcrumbSelect", dsPageAction: "dsPageAction", dsToolChange: "dsToolChange", dsHeaderBack: "dsHeaderBack", dsHeaderAction: "dsHeaderAction", dsPresentationChange: "dsPresentationChange", dsBrowseContextChange: "dsBrowseContextChange", dsNavFooterAction: "dsNavFooterAction", dsNavUserAction: "dsNavUserAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsShellApp, isStandalone: true, selector: "ds-shell-app", inputs: { composition: "composition", gradientPreset: "gradientPreset", mobileDestination: "mobileDestination", mobileSheetNavOpen: "mobileSheetNavOpen", navStyle: "navStyle", navigation: "navigation", pageChrome: "pageChrome", paperTexture: "paperTexture", sectionNavigation: "sectionNavigation", shortcutsEnabled: "shortcutsEnabled", tools: "tools" }, outputs: { dsResponsiveModeChange: "dsResponsiveModeChange", dsNavSelect: "dsNavSelect", dsTabChange: "dsTabChange", dsNavChildSelect: "dsNavChildSelect", dsSubsectionChange: "dsSubsectionChange", dsPageBack: "dsPageBack", dsBreadcrumbSelect: "dsBreadcrumbSelect", dsPageAction: "dsPageAction", dsToolChange: "dsToolChange", dsHeaderBack: "dsHeaderBack", dsHeaderAction: "dsHeaderAction", dsPresentationChange: "dsPresentationChange", dsBrowseContextChange: "dsBrowseContextChange", dsNavFooterAction: "dsNavFooterAction", dsNavUserAction: "dsNavUserAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsShellApp = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsShellApp,
-        inputs: ['composition', 'gradientPreset', 'mobileDestination', 'mobileSheetNavOpen', 'navStyle', 'navigation', 'pageChrome', 'paperTexture', 'shortcutsEnabled', 'tools'],
+        inputs: ['composition', 'gradientPreset', 'mobileDestination', 'mobileSheetNavOpen', 'navStyle', 'navigation', 'pageChrome', 'paperTexture', 'sectionNavigation', 'shortcutsEnabled', 'tools'],
         methods: ['activateTool', 'closeGlobalSurface', 'setToolPresentation']
     })
 ], DsShellApp);
@@ -48,8 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['composition', 'gradientPreset', 'mobileDestination', 'mobileSheetNavOpen', 'navStyle', 'navigation', 'pageChrome', 'paperTexture', 'shortcutsEnabled', 'tools'],
-                    outputs: ['dsResponsiveModeChange', 'dsNavSelect', 'dsTabChange', 'dsSubsectionChange', 'dsPageBack', 'dsBreadcrumbSelect', 'dsPageAction', 'dsToolChange', 'dsHeaderBack', 'dsHeaderAction', 'dsPresentationChange', 'dsBrowseContextChange', 'dsNavFooterAction', 'dsNavUserAction'],
+                    inputs: ['composition', 'gradientPreset', 'mobileDestination', 'mobileSheetNavOpen', 'navStyle', 'navigation', 'pageChrome', 'paperTexture', 'sectionNavigation', 'shortcutsEnabled', 'tools'],
+                    outputs: ['dsResponsiveModeChange', 'dsNavSelect', 'dsTabChange', 'dsNavChildSelect', 'dsSubsectionChange', 'dsPageBack', 'dsBreadcrumbSelect', 'dsPageAction', 'dsToolChange', 'dsHeaderBack', 'dsHeaderAction', 'dsPresentationChange', 'dsBrowseContextChange', 'dsNavFooterAction', 'dsNavUserAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsResponsiveModeChange: [{
                 type: Output
@@ -57,6 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                 type: Output
             }], dsTabChange: [{
                 type: Output
+            }], dsNavChildSelect: [{
+                type: Output
             }], dsSubsectionChange: [{
                 type: Output
             }], dsPageBack: [{

package/dist/angular/ds-shell-page.d.ts

@@ -6,7 +6,7 @@ export declare class DsShellPage {
     protected el: HTMLDsShellPageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsShellPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellPage, "ds-shell-page", never, { "compactContentInsetBlockStartSize": { "alias": "compactContentInsetBlockStartSize"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentInsetBlockStart": { "alias": "contentInsetBlockStart"; "required": false; }; "contentInsetBlockStartSize": { "alias": "contentInsetBlockStartSize"; "required": false; }; "contentSurface": { "alias": "contentSurface"; "required": false; }; "headerCapacity": { "alias": "headerCapacity"; "required": false; }; "headerPresentation": { "alias": "headerPresentation"; "required": false; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; }; "scrollCompaction": { "alias": "scrollCompaction"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellPage, "ds-shell-page", never, { "compactContentInsetBlockStartSize": { "alias": "compactContentInsetBlockStartSize"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentInsetBlockStart": { "alias": "contentInsetBlockStart"; "required": false; }; "contentInsetBlockStartSize": { "alias": "contentInsetBlockStartSize"; "required": false; }; "contentSurface": { "alias": "contentSurface"; "required": false; }; "desktopHeaderPlacement": { "alias": "desktopHeaderPlacement"; "required": false; }; "headerCapacity": { "alias": "headerCapacity"; "required": false; }; "headerPresentation": { "alias": "headerPresentation"; "required": false; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; }; "scrollCompaction": { "alias": "scrollCompaction"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface DsShellPage extends Components.DsShellPage {
 }

package/dist/angular/ds-shell-page.js

@@ -17,12 +17,12 @@ let DsShellPage = class DsShellPage {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsShellPage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsShellPage, isStandalone: true, selector: "ds-shell-page", inputs: { compactContentInsetBlockStartSize: "compactContentInsetBlockStartSize", contentInset: "contentInset", contentInsetBlockStart: "contentInsetBlockStart", contentInsetBlockStartSize: "contentInsetBlockStartSize", contentSurface: "contentSurface", headerCapacity: "headerCapacity", headerPresentation: "headerPresentation", responsiveMode: "responsiveMode", scrollCompaction: "scrollCompaction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsShellPage, isStandalone: true, selector: "ds-shell-page", inputs: { compactContentInsetBlockStartSize: "compactContentInsetBlockStartSize", contentInset: "contentInset", contentInsetBlockStart: "contentInsetBlockStart", contentInsetBlockStartSize: "contentInsetBlockStartSize", contentSurface: "contentSurface", desktopHeaderPlacement: "desktopHeaderPlacement", headerCapacity: "headerCapacity", headerPresentation: "headerPresentation", responsiveMode: "responsiveMode", scrollCompaction: "scrollCompaction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsShellPage = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsShellPage,
-        inputs: ['compactContentInsetBlockStartSize', 'contentInset', 'contentInsetBlockStart', 'contentInsetBlockStartSize', 'contentSurface', 'headerCapacity', 'headerPresentation', 'responsiveMode', 'scrollCompaction']
+        inputs: ['compactContentInsetBlockStartSize', 'contentInset', 'contentInsetBlockStart', 'contentInsetBlockStartSize', 'contentSurface', 'desktopHeaderPlacement', 'headerCapacity', 'headerPresentation', 'responsiveMode', 'scrollCompaction']
     })
 ], DsShellPage);
 export { DsShellPage };
@@ -33,6 +33,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['compactContentInsetBlockStartSize', 'contentInset', 'contentInsetBlockStart', 'contentInsetBlockStartSize', 'contentSurface', 'headerCapacity', 'headerPresentation', 'responsiveMode', 'scrollCompaction'],
+                    inputs: ['compactContentInsetBlockStartSize', 'contentInset', 'contentInsetBlockStart', 'contentInsetBlockStartSize', 'contentSurface', 'desktopHeaderPlacement', 'headerCapacity', 'headerPresentation', 'responsiveMode', 'scrollCompaction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/components/ds-agent-questionnaire.js

@@ -1,2 +1,2 @@
-import{A as s,d as o}from"./p-Cnsvgx1M.js";const t=s;const n=o;export{t as DsAgentQuestionnaire,n as defineCustomElement};
+import{A as o,d as s}from"./p-CrYJnDev.js";const r=o;const t=s;export{r as DsAgentQuestionnaire,t as defineCustomElement};
 //# sourceMappingURL=ds-agent-questionnaire.js.map