@ds-mo/ui 14.18.0 → 14.19.0

package/README.md

@@ -64,6 +64,13 @@ canonical IcoMo export names at application bundle time.
 
 There is no global component CSS bundle; styles ship with each custom element.
 
+## Browser baseline
+
+CompoMo targets the moving **Baseline Newly available** browser set. Components
+may use a web-platform feature once it is interoperable across the Baseline core
+browsers; consumers that retain older browser releases must provide their own
+fallback or remain on an earlier compatible CompoMo release.
+
 ## Agent recipes
 
 The package includes the local `compomo-mcp` executable with generated

package/dist/.package-ready.json

@@ -1 +1 @@
-{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.18.0","components":75,"digest":"2e8656f6e4602cef10de5adfc1d720b29f0bd0a375203eee324483d113159afb","completedAt":"2026-08-25T22:11:10.796Z"}
+{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.19.0","components":75,"digest":"5fb878e18d321578136a20a4fd51e21801018489141de4186401652d21a800ec","completedAt":"2026-08-26T23:20:08.336Z"}

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "14.18.0",
+  "packageVersion": "14.19.0",
   "kind": "patterns",
   "entries": [
     {
@@ -455,7 +455,7 @@
         },
         {
           "component": "component:ds-menu",
-          "role": "Owns anchored placement, menu semantics, keyboard navigation, viewport clamping, selection, and close behavior.",
+          "role": "Owns anchored placement, menu semantics, keyboard navigation, collision-boundary clamping, selection, and close behavior.",
           "required": true
         },
         {
@@ -482,12 +482,13 @@
         "Use haspopup directly instead of hasMenu for a non-menu popup such as a listbox or dialog; those cases get no chevron.",
         "Give Menu a concise menuLabel describing the available commands or views.",
         "Set Menu.initialFocusVisible only when the trigger MouseEvent detail is zero, indicating keyboard activation.",
+        "When the trigger is rendered inside an open shadow root, assign its HTMLElement to Menu.anchor; anchorId resolves only document-tree ids.",
         "Keep visible selected styling synchronized with the application's selected value; Menu exposes the selected command through aria-current.",
         "Return focus to the trigger after selection; Menu already restores it for Escape and outside dismissal."
       ],
       "responsiveBehavior": [
         "Keep Menu's default choice-cell anchor alignment unless deliberate custom frame geometry is required.",
-        "Let Menu clamp to the viewport and avoid application-authored fixed or absolute positioning.",
+        "Let Menu clamp to the nearest shell or application data-ds-overlay-boundary and fall back to the viewport; avoid application-authored fixed or absolute positioning.",
         "Use a concise trigger label that can fit the owning layout without hiding the selected meaning."
       ],
       "implementations": {

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "14.18.0",
+  "packageVersion": "14.19.0",
   "kind": "components",
   "entries": [
     {
@@ -707,7 +707,7 @@
           "Badge keeps one brand treatment; semantic severity belongs to another component or adjacent content.",
           "Use the ring only when Badge overlaps an icon or other content. Disable it in a reserved safe-area slot.",
           "When enabled, the ring matches the immediate backing surface for both variants. Use a direct ring override only for a component-local fill that no surface preset represents.",
-          "Enabled shell gradient rings align automatically inside active ShellApp gradient chrome and may be explicitly enabled or disabled when composition requires it."
+          "Shell gradient rings follow the inherited ShellApp chrome context automatically; an explicit composition override may force either the gradient or flat ring treatment."
         ],
         "responsiveBehavior": [
           "The owning control or layout positions Badge and decides whether notification indicators remain visible, condense, or move at responsive breakpoints.",
@@ -3836,6 +3836,7 @@
           "The built-in select trigger exposes combobox semantics with a dialog popup, synchronizes expanded state, holds the pressed interaction wash without changing resting foreground while open, and restores focus after dismissal.",
           "The category pane is a vertical tab list. Arrow Up and Arrow Down wrap, Home and End jump, Arrow Right enters the option pane, and Arrow Left returns to the active category.",
           "Escape and outside activation close the popup and restore trigger focus. Tab moves through option controls and closes only when it leaves the popup boundary.",
+          "When an external trigger is inside an open shadow tree, pass its HTMLElement through anchor so outside activation, focus return, and Tab continuation use the composed tree.",
           "The trigger count reports active filter categories. Category counts and the footer report individual selected criteria; none replace visible selected-state indication."
         ],
         "states": [
@@ -3846,10 +3847,10 @@
           "The trigger reports how many filter categories have selections, while the footer appears when values are selected and reports the total selected criteria."
         ],
         "responsiveBehavior": [
-          "The popup defaults to the large menu-width token and clamps to the viewport.",
+          "The popup defaults to the large menu-width token and clamps to the nearest data-ds-overlay-boundary rectangle or the viewport fallback.",
           "When collapseLabel is set inside a named ds-table container narrower than 900px, the trigger omits its label and chevron, becomes icon-only, and exposes its label through a hover and keyboard-focus tooltip. Active criteria promote the prefix icon to primary.",
           "Both panes remain visible at narrow widths, with a smaller category minimum and reduced option-pane padding.",
-          "Treat side as preferred placement; the popup flips and clamps when viewport collision requires it."
+          "Treat side as preferred placement; the popup flips and clamps when boundary collision requires it. Assign boundary as an HTMLElement only for an explicit override."
         ],
         "frameworkCaveats": {
           "customElements": [
@@ -3899,6 +3900,10 @@
             "type": "string | null",
             "required": false
           },
+          "boundary": {
+            "type": "HTMLElement | undefined",
+            "required": false
+          },
           "categoriesLabel": {
             "type": "string",
             "required": false
@@ -4186,6 +4191,7 @@
           "Choose the native input type that matches the value so browsers and assistive technology can provide appropriate semantics and keyboards.",
           "Error text is associated with the native input and announced as an alert when the invalid state is rendered.",
           "Read-only fields remain focusable and submittable while preventing edits; inactive or disabled fields leave the tab order and are omitted from form submission.",
+          "Number stepper actions are pointer affordances hidden from the accessibility tree; the native spinbutton remains the single keyboard and assistive-technology control.",
           "Suffix content must not carry information that is otherwise absent from the field's visible label, value, or description."
         ],
         "states": [
@@ -4196,7 +4202,8 @@
           "Search fields show a standard borderless CrossCircle icon action only while they contain a value. Clearing emits the empty value and restores focus to the native field.",
           "The suffix slot is for compact units or decorations. The optional leading icon is decorative and does not replace the field label.",
           "Use autoComplete, inputMode, and enterKeyHint to provide browser and virtual-keyboard hints without changing the value's semantic type.",
-          "Number fields preserve native spinbutton semantics, stepping, and min/max constraint behavior while dsChange continues to report the native string value.",
+          "Number fields preserve native spinbutton semantics, keyboard stepping, and min/max constraint behavior while dsChange continues to report the native string value. Two borderless inset chevron actions split the available inner height, disable independently at their numeric bound, and restore focus to the spinbutton after pointer activation.",
+          "textAlign positions the editable value while the numeric stepper stays on the opposite inline edge, keeping the actions clear of the number: start-aligned values use an inline-end stepper and end-aligned values use an inline-start stepper.",
           "The host exposes focused, filled, dirty, touched, invalid, disabled, read-only, and required data attributes for Field integration and diagnostics.",
           "Use Input only on primary or secondary application backgrounds. It intentionally does not expose alternate surface contexts."
         ],
@@ -4333,6 +4340,10 @@
             "type": "number | undefined",
             "required": false
           },
+          "textAlign": {
+            "type": "InputTextAlign",
+            "required": false
+          },
           "type": {
             "type": "InputType",
             "required": false
@@ -4611,6 +4622,7 @@
           "Switch rows use menuitemcheckbox semantics on the row; the nested ds-switch is an aria-hidden presentation indicator at the same density as the menu.",
           "Single-selection menus use menuitemradio semantics and aria-checked on each row, but render no nested radio control; selected interaction fill and primary foreground provide the visual state.",
           "A swatch-picker section changes the popup to a non-modal dialog so its radio group and ordinary preference buttons keep valid nested semantics; Tab moves between its controls, then leaves and closes at the popup boundary.",
+          "When the anchor is inside an open shadow tree, pass its HTMLElement through anchor. Outside activation, focus return, and forward Tab continuation follow the composed tree across that boundary.",
           "Use notification dots only as supplemental status and not as the sole indication of important information.",
           "Trailing tags are non-interactive supplemental content; their visible label remains part of the menu item's accessible name.",
           "Reorderable rows keep a presentation Drag handle. Pointer drag on the handle and Alt+Arrow Up or Down emit dsReorder without closing. Pointer cancellation abandons the pending move. Hide-locked reorderable rows expose aria-disabled for the unavailable toggle but stay focusable so they can move; fully locked rows stay out of the contiguous reorderable run.",
@@ -4623,6 +4635,7 @@
           "After dsReorder, replace items or the affected section with the emitted items array. Menu never mutates order and does not close.",
           "For selectionMode single, keep exactly one item isSelected and replace the items or sections array after dsSelect; Menu never mutates consumer-owned selection data.",
           "Arrays, objects, and element anchors must be assigned as JavaScript properties.",
+          "anchorId resolves only in the document tree; use the anchor property for a trigger rendered inside a shadow root.",
           "Use a swatch-picker section for a small curated visual preference and apply dsSwatchSelect immediately without closing the popup.",
           "Ordinary rows, section headings, and supporting text consume the Menu size. At xs, both the primary label and supporting text use caption metrics.",
           "A trailing tag resolves one density smaller than its menu row and uses the inset recipe so it nests without changing row height. Do not combine tag, dot, and switch suffixes on one item.",
@@ -4630,9 +4643,11 @@
         ],
         "responsiveBehavior": [
           "Keep the default choice-cell anchor alignment so the first or last interactive row edge aligns with its trigger, matching Select; use popup-frame only for deliberate custom frame geometry.",
-          "Treat side as the preferred placement. When the popup cannot fit there and the opposite side offers more room, Menu flips on that main axis before clamping the final position to the viewport.",
+          "Treat side as the preferred placement. When the popup cannot fit there and the opposite side offers more room, Menu flips on that main axis before clamping to the nearest data-ds-overlay-boundary rectangle or the viewport fallback.",
+          "Keep the popup attached while its external anchor moves or resizes, including during CSS transitions in responsive shell chrome.",
           "Cap the popup to the vertical room available on its resolved side. When content is taller, the choice list scrolls internally and keyboard focus scrolls the active row into view.",
-          "Avoid fixed widths that exceed narrow viewports."
+          "Assign boundary as an HTMLElement only when the nearest composed-tree boundary is not the intended collision owner.",
+          "Avoid fixed widths that exceed narrow collision boundaries."
         ],
         "frameworkCaveats": {
           "customElements": [
@@ -4679,6 +4694,10 @@
             "type": "string | undefined",
             "required": false
           },
+          "boundary": {
+            "type": "HTMLElement | undefined",
+            "required": false
+          },
           "initialFocusVisible": {
             "type": "boolean",
             "required": false
@@ -5895,19 +5914,20 @@
       "tag": "ds-pagination",
       "name": "pagination",
       "title": "Pagination",
-      "summary": "Controlled fixed or fitted page-size, compact range, and first/previous/next/last navigation for application-owned data windows.",
+      "summary": "Controlled fixed or fitted page-size, compact range, adjacent-page navigation, and optional first/last controls for application-owned data windows.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "stable",
-        "summary": "Controlled fixed or fitted page-size, compact range, and first/previous/next/last navigation for application-owned data windows.",
+        "summary": "Controlled fixed or fitted page-size, compact range, adjacent-page navigation, and optional first/last controls for application-owned data windows.",
         "useWhen": [
           "A result set is divided into discrete pages and the application owns fetching or slicing each page.",
-          "A table or list needs a compact page-size selector, result range, and boundary-aware navigation."
+          "A table or list needs a compact page-size selector, result range, and boundary-aware navigation.",
+          "Direct first-page and last-page navigation is useful enough to opt into alongside the default Previous and Next controls."
         ],
         "avoidWhen": [
           "More results append to one continuous list; use the owning component's incremental-loading behavior instead.",
-          "Only previous and next navigation is meaningful and the total result count is unknown."
+          "The total result count is unknown; use an incremental-loading pattern instead."
         ],
         "commonlyComposedWith": [
           "component:ds-table",
@@ -5918,18 +5938,20 @@
           "The component renders a named navigation region, gives its compact page-size noun a complete accessible label, and gives every icon-only boundary control an explicit page action name.",
           "The visible page-size cluster states the localized noun, selected size, and current-page count of total, for example Rows: [25] 25 of 500. The page position uses compact ‘of’ phrasing, for example 1 of 20. A polite atomic status update retains the complete current range and ‘Page’ phrasing with the localized item noun.",
           "Left and Right Arrow request the adjacent page while focus is within pagination navigation controls. The page-size combobox retains its own arrow-key behavior.",
-          "Inactive boundary controls and every control during loading remain non-interactive while retaining their accessible names."
+          "Inactive boundary controls and every control during loading remain non-interactive while retaining their accessible names.",
+          "showFirstLastButtons adds explicitly named First page and Last page controls; Previous and Next remain present in either mode."
         ],
         "states": [
           "pageIndex, numeric effective pageSize, pageSizeMode, totalItems, and pageSizeOptions are controlled inputs. dsChange reports the complete next pagination state, previous index, size, and mode, and whether the request changed the page, page size, or fitted capacity; it never mutates controlled inputs.",
           "Page-size changes request the first page. Out-of-range page indexes and invalid numeric inputs normalize only for presentation; the owner remains authoritative.",
           "Zero results display 0–0 of 0 and Page 1 of 1. A partial final page caps the visible range at totalItems.",
           "loading preserves the full pagination surface, applies aria-busy to the navigation region, and prevents page or page-size requests.",
-          "fitToPage appends a Fit to page choice. fitPageSize supplies its effective whole-item capacity; the closed trigger says Fit while the range continues to expose the resulting count. fitToPageInactive keeps that choice visible but unavailable when fitting is not meaningful for the current data shape. Pagination does not measure layouts itself."
+          "fitToPage appends a Fit to page choice. fitPageSize supplies its effective whole-item capacity; the closed trigger says Fit while the range continues to expose the resulting count. fitToPageInactive keeps that choice visible but unavailable when fitting is not meaningful for the current data shape. Pagination does not measure layouts itself.",
+          "showFirstLastButtons defaults to false. Enable it when direct jumps to both result boundaries materially help the workflow."
         ],
         "responsiveBehavior": [
-          "The full-width controls remain on one line with noun, selected size, current-page count of total, a vertical divider, page position, and first, previous, next, and last navigation.",
-          "Inside a ds-table container narrower than 900px, pagination hides the visible current-page count and first/last boundary controls while retaining the page-size noun and selector plus previous, page position, and next. The complete current range remains available to assistive technology."
+          "The full-width controls remain on one line with noun, selected size, current-page count of total, a vertical divider, page position, Previous and Next, plus optional First and Last navigation.",
+          "Inside a ds-table container narrower than 900px, pagination hides the visible current-page count and any opted-in first/last controls while retaining the page-size noun and selector plus Previous, page position, and Next. The complete current range remains available to assistive technology."
         ],
         "frameworkCaveats": {
           "customElements": [
@@ -6007,6 +6029,10 @@
             "type": "number[]",
             "required": false
           },
+          "showFirstLastButtons": {
+            "type": "boolean",
+            "required": false
+          },
           "totalItems": {
             "type": "number",
             "required": false
@@ -6490,7 +6516,7 @@
         "events": [
           {
             "name": "dsAction",
-            "detail": "{ id: string; originalEvent: MouseEvent }"
+            "detail": "PanelToolHeaderActionDetail"
           },
           {
             "name": "dsBack",
@@ -6737,6 +6763,7 @@
           "If an active optional tool becomes unavailable, PanelTools closes the drawer, clears activeTool, and emits its deselection.",
           "Use isInactive only for a temporarily unavailable visible tool; omit tools the user is not authorized to access.",
           "Rail actions disable physical press scaling so notification-dot halos remain aligned to the shell gradient; hover and pressed washes continue to paint above the dot and halo.",
+          "Rail tooltips are shell-owned and position against the viewport so the narrow tools-lane collision boundary cannot clamp them beyond the viewport edge.",
           "The application owns slotted tool products and data while PanelTools owns rail ordering, drawer selection, open state, motion, and shell events.",
           "Opening and closing clip an already-rendered fixed-width surface. Header and tool content remain fully opaque and retained during width motion; transition completion is accepted only at the measured terminal clip width, after which the closed surface becomes inert and paint-skipped.",
           "Entering and exiting fullscreen snaps without borrowing the drawer open or close animation.",
@@ -6831,7 +6858,7 @@
           },
           {
             "name": "dsHeaderAction",
-            "detail": "{\n    tool: PanelToolsToolId;\n    id: string;\n  }"
+            "detail": "PanelToolsHeaderActionDetail"
           },
           {
             "name": "dsHeaderBack",
@@ -7264,7 +7291,7 @@
         "responsiveBehavior": [
           "Use width fill for form fields and width hug for compact filter bars. Override those defaults only when the owning layout has a clear constraint.",
           "When collapseLabel is set inside a named ds-table container narrower than 900px, the trigger omits its label and chevron, becomes icon-only, and exposes its label through a hover and keyboard-focus tooltip. A selected value promotes the prefix icon to primary.",
-          "The popup matches the trigger minimum width, may grow for content, and clamps to the viewport.",
+          "The popup matches the trigger minimum width, may grow for content, and clamps to the nearest data-ds-overlay-boundary rectangle or the viewport fallback. Assign boundary as an HTMLElement only for an explicit override.",
           "Keep popupAlign at start for ordinary fields and filters. Use end when a control sits against a right layout edge and the popup should grow inward.",
           "Long option collections scroll inside the popup; virtualization and remote search are not part of this component."
         ],
@@ -7319,6 +7346,10 @@
             "type": "SelectBackground | undefined",
             "required": false
           },
+          "boundary": {
+            "type": "HTMLElement | undefined",
+            "required": false
+          },
           "clearLabel": {
             "type": "string",
             "required": false
@@ -7577,6 +7608,7 @@
           "A slotted Banner remains below the top safe-area inset and above routed, navigation, fullscreen-tool, and mobile global-surface presentations.",
           "Mobile global surfaces conceal and inert the routed workspace without unmounting it, preserving nested routes and scroll state.",
           "Keep PanelNav width, BarNav height, PanelTools chrome, and main-content origin stable except during intentional responsive or collapse transitions.",
+          "The routed content cell and tools cell expose separate anchored-overlay collision boundaries, so top-layer menus and tooltips remain above local clipping without crossing into neighboring shell lanes. Full-screen modal overlays remain viewport-owned.",
           "Paper texture chrome is desktop/tablet-only and follows the fixed viewport phase of the shell chrome; mobile remains a solid primary stage.",
           "Managed page-header capacity follows only the fixed shell breakpoint: roomy on desktop and compact on tablet. Opening PanelTools does not compact or constrain BarTitle.",
           "The bottom bar remains visible at all route and tool depths in the foundation release."
@@ -10169,7 +10201,7 @@
         "responsiveBehavior": [
           "The global stack stays at the viewport bottom-end with token-based inset and never exceeds the available viewport width.",
           "Set avoid-mobile-shell-bar when the application uses the persistent shell bottom bar. Below 768px the global stack clears the complete safe-area-aware bar container by 16px; tablet and desktop positioning remain unchanged.",
-          "Anchored toasts flip on their placement axis and clamp to viewport padding when the preferred side does not fit.",
+          "Anchored toasts flip on their placement axis and clamp to their anchor's nearest data-ds-overlay-boundary rectangle, falling back to viewport padding when no owner is marked.",
           "The owner does not create separate mobile and desktop managers; one queue preserves ordering across responsive layouts.",
           "Pointer swipe remains optional input. Close and action controls retain keyboard access through the notification region."
         ],
@@ -10321,7 +10353,7 @@
           "Only one tooltip remains active globally; warm handoff removes the previous popup before showing the next.",
           "Disconnecting and reinserting the tooltip host rebinds the current slotted trigger.",
           "A host may present the popup against an external anchor it already owns, without wrapping that trigger or binding hover on it.",
-          "The preferred side flips when it cannot fit, then alignment is clamped to viewport padding.",
+          "The preferred side flips when it cannot fit, then alignment is clamped to the nearest data-ds-overlay-boundary rectangle or viewport padding. Assign boundary as an HTMLElement for an explicit owner, or viewport when shell-owned chrome must escape a narrow page or lane boundary.",
           "Reduced motion removes enter and exit fades while retaining the final visible or hidden state."
         ],
         "responsiveBehavior": [
@@ -10334,7 +10366,8 @@
             "Place exactly one trigger element as the component's light-DOM child.",
             "Replacing the slotted trigger rebinds pointer and focus behavior automatically.",
             "A table or similar host can present the popup against an overflowing text node instead of wrapping that node.",
-            "sideOffset, alignOffset, and delay accept numbers or TokoMo CSS values."
+            "sideOffset, alignOffset, and delay accept numbers or TokoMo CSS values.",
+            "Use boundary=viewport only for shell-owned chrome whose tooltip intentionally crosses an inner page or lane boundary."
           ],
           "react": [
             "Wrap one focusable trigger with DsTooltip; keep the trigger's aria-label independent from the tooltip label."
@@ -10368,6 +10401,10 @@
             "type": "number | string",
             "required": false
           },
+          "boundary": {
+            "type": "AnchoredOverlayBoundary | undefined",
+            "required": false
+          },
           "delay": {
             "type": "number | string",
             "required": false
@@ -10570,7 +10607,7 @@
           "pattern:conversation"
         ],
         "accessibility": [
-          "Provide concise localized status text; the standard label is Typing followed by a three-dot ellipsis.",
+          "Provide concise localized status text; the standard label is Typing followed by a single Unicode ellipsis.",
           "The polite atomic status announces typing without representing it as a message bubble."
         ],
         "states": [

package/dist/angular/ds-filter-menu.d.ts

@@ -14,7 +14,7 @@ export declare class DsFilterMenu {
     dsAfterClose: EventEmitter<DsFilterMenuCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsFilterMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsFilterMenu, "ds-filter-menu", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "values": { "alias": "values"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsFilterMenu, "ds-filter-menu", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "values": { "alias": "values"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
 }
 export declare interface DsFilterMenu extends Components.DsFilterMenu {
     /**

package/dist/angular/ds-filter-menu.js

@@ -23,12 +23,12 @@ let DsFilterMenu = class DsFilterMenu {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsFilterMenu, 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: DsFilterMenu, isStandalone: true, selector: "ds-filter-menu", inputs: { activeFill: "activeFill", activeFilterId: "activeFilterId", align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorId: "anchorId", ariaLabel: "ariaLabel", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", collapseLabel: "collapseLabel", filters: "filters", hasBorder: "hasBorder", icon: "icon", initialFocusVisible: "initialFocusVisible", inputId: "inputId", menuLabel: "menuLabel", menuWidth: "menuWidth", open: "open", side: "side", sideOffset: "sideOffset", size: "size", triggerLabel: "triggerLabel", values: "values", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsActiveFilterChange: "dsActiveFilterChange", dsClose: "dsClose", dsOpenChange: "dsOpenChange", dsAfterClose: "dsAfterClose" }, 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: DsFilterMenu, isStandalone: true, selector: "ds-filter-menu", inputs: { activeFill: "activeFill", activeFilterId: "activeFilterId", align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorId: "anchorId", ariaLabel: "ariaLabel", boundary: "boundary", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", collapseLabel: "collapseLabel", filters: "filters", hasBorder: "hasBorder", icon: "icon", initialFocusVisible: "initialFocusVisible", inputId: "inputId", menuLabel: "menuLabel", menuWidth: "menuWidth", open: "open", side: "side", sideOffset: "sideOffset", size: "size", triggerLabel: "triggerLabel", values: "values", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsActiveFilterChange: "dsActiveFilterChange", dsClose: "dsClose", dsOpenChange: "dsOpenChange", dsAfterClose: "dsAfterClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsFilterMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsFilterMenu,
-        inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'menuLabel', 'menuWidth', 'open', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width']
+        inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'menuLabel', 'menuWidth', 'open', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width']
     })
 ], DsFilterMenu);
 export { DsFilterMenu };
@@ -39,7 +39,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: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'menuLabel', 'menuWidth', 'open', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width'],
+                    inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'menuLabel', 'menuWidth', 'open', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width'],
                     outputs: ['dsChange', 'dsClear', 'dsActiveFilterChange', 'dsClose', 'dsOpenChange', 'dsAfterClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-input.d.ts

@@ -9,7 +9,7 @@ export declare class DsInput {
     dsClear: EventEmitter<DsInputCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
 }
 export declare interface DsInput extends Components.DsInput {
     dsChange: EventEmitter<DsInputCustomEvent<string>>;

package/dist/angular/ds-input.js

@@ -19,12 +19,12 @@ let DsInput = class DsInput {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsInput, 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: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", max: "max", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", step: "step", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, 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: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", max: "max", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", step: "step", textAlign: "textAlign", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsInput,
-        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'type', 'value', 'width'],
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsInput);
@@ -36,7 +36,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: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'type', 'value', 'width'],
+                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
                     outputs: ['dsChange', 'dsClear'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-menu.d.ts

@@ -14,7 +14,7 @@ export declare class DsMenu {
     dsReorder: EventEmitter<DsMenuCustomEvent<IDsMenuMenuReorderDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; "dsReorder": "dsReorder"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; "dsReorder": "dsReorder"; }, never, ["*"], true, never>;
 }
 export declare interface DsMenu extends Components.DsMenu {
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;

package/dist/angular/ds-menu.js

@@ -22,12 +22,12 @@ let DsMenu = class DsMenu {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMenu, 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: DsMenu, isStandalone: true, selector: "ds-menu", inputs: { align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorAlignment: "anchorAlignment", anchorId: "anchorId", initialFocusVisible: "initialFocusVisible", items: "items", menuLabel: "menuLabel", menuWidth: "menuWidth", minWidth: "minWidth", open: "open", sections: "sections", selectionMode: "selectionMode", side: "side", sideOffset: "sideOffset", size: "size" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose", dsSelect: "dsSelect", dsSwatchSelect: "dsSwatchSelect", dsReorder: "dsReorder" }, 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: DsMenu, isStandalone: true, selector: "ds-menu", inputs: { align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorAlignment: "anchorAlignment", anchorId: "anchorId", boundary: "boundary", initialFocusVisible: "initialFocusVisible", items: "items", menuLabel: "menuLabel", menuWidth: "menuWidth", minWidth: "minWidth", open: "open", sections: "sections", selectionMode: "selectionMode", side: "side", sideOffset: "sideOffset", size: "size" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose", dsSelect: "dsSelect", dsSwatchSelect: "dsSwatchSelect", dsReorder: "dsReorder" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMenu,
-        inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size']
+        inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'boundary', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size']
     })
 ], DsMenu);
 export { DsMenu };
@@ -38,7 +38,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: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size'],
+                    inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'boundary', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size'],
                     outputs: ['dsClose', 'dsAfterClose', 'dsSelect', 'dsSwatchSelect', 'dsReorder'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClose: [{

package/dist/angular/ds-pagination.d.ts

@@ -9,7 +9,7 @@ export declare class DsPagination {
     dsChange: EventEmitter<DsPaginationCustomEvent<IDsPaginationPaginationChangeDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsPagination, "ds-pagination", never, { "fitPageSize": { "alias": "fitPageSize"; "required": false; }; "fitPageSizeLabel": { "alias": "fitPageSizeLabel"; "required": false; }; "fitPageSizeTriggerLabel": { "alias": "fitPageSizeTriggerLabel"; "required": false; }; "fitToPage": { "alias": "fitToPage"; "required": false; }; "fitToPageInactive": { "alias": "fitToPageInactive"; "required": false; }; "itemLabel": { "alias": "itemLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeAriaLabel": { "alias": "pageSizeAriaLabel"; "required": false; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; }; "pageSizeMode": { "alias": "pageSizeMode"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPagination, "ds-pagination", never, { "fitPageSize": { "alias": "fitPageSize"; "required": false; }; "fitPageSizeLabel": { "alias": "fitPageSizeLabel"; "required": false; }; "fitPageSizeTriggerLabel": { "alias": "fitPageSizeTriggerLabel"; "required": false; }; "fitToPage": { "alias": "fitToPage"; "required": false; }; "fitToPageInactive": { "alias": "fitToPageInactive"; "required": false; }; "itemLabel": { "alias": "itemLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeAriaLabel": { "alias": "pageSizeAriaLabel"; "required": false; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; }; "pageSizeMode": { "alias": "pageSizeMode"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsPagination extends Components.DsPagination {
     /**

package/dist/angular/ds-pagination.js

@@ -18,12 +18,12 @@ let DsPagination = class DsPagination {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsPagination, 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: DsPagination, isStandalone: true, selector: "ds-pagination", inputs: { fitPageSize: "fitPageSize", fitPageSizeLabel: "fitPageSizeLabel", fitPageSizeTriggerLabel: "fitPageSizeTriggerLabel", fitToPage: "fitToPage", fitToPageInactive: "fitToPageInactive", itemLabel: "itemLabel", label: "label", loading: "loading", pageIndex: "pageIndex", pageSize: "pageSize", pageSizeAriaLabel: "pageSizeAriaLabel", pageSizeLabel: "pageSizeLabel", pageSizeMode: "pageSizeMode", pageSizeOptions: "pageSizeOptions", totalItems: "totalItems" }, outputs: { dsChange: "dsChange" }, 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: DsPagination, isStandalone: true, selector: "ds-pagination", inputs: { fitPageSize: "fitPageSize", fitPageSizeLabel: "fitPageSizeLabel", fitPageSizeTriggerLabel: "fitPageSizeTriggerLabel", fitToPage: "fitToPage", fitToPageInactive: "fitToPageInactive", itemLabel: "itemLabel", label: "label", loading: "loading", pageIndex: "pageIndex", pageSize: "pageSize", pageSizeAriaLabel: "pageSizeAriaLabel", pageSizeLabel: "pageSizeLabel", pageSizeMode: "pageSizeMode", pageSizeOptions: "pageSizeOptions", showFirstLastButtons: "showFirstLastButtons", totalItems: "totalItems" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsPagination = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsPagination,
-        inputs: ['fitPageSize', 'fitPageSizeLabel', 'fitPageSizeTriggerLabel', 'fitToPage', 'fitToPageInactive', 'itemLabel', 'label', 'loading', 'pageIndex', 'pageSize', 'pageSizeAriaLabel', 'pageSizeLabel', 'pageSizeMode', 'pageSizeOptions', 'totalItems']
+        inputs: ['fitPageSize', 'fitPageSizeLabel', 'fitPageSizeTriggerLabel', 'fitToPage', 'fitToPageInactive', 'itemLabel', 'label', 'loading', 'pageIndex', 'pageSize', 'pageSizeAriaLabel', 'pageSizeLabel', 'pageSizeMode', 'pageSizeOptions', 'showFirstLastButtons', 'totalItems']
     })
 ], DsPagination);
 export { DsPagination };
@@ -34,7 +34,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: ['fitPageSize', 'fitPageSizeLabel', 'fitPageSizeTriggerLabel', 'fitToPage', 'fitToPageInactive', 'itemLabel', 'label', 'loading', 'pageIndex', 'pageSize', 'pageSizeAriaLabel', 'pageSizeLabel', 'pageSizeMode', 'pageSizeOptions', 'totalItems'],
+                    inputs: ['fitPageSize', 'fitPageSizeLabel', 'fitPageSizeTriggerLabel', 'fitToPage', 'fitToPageInactive', 'itemLabel', 'label', 'loading', 'pageIndex', 'pageSize', 'pageSizeAriaLabel', 'pageSizeLabel', 'pageSizeMode', 'pageSizeOptions', 'showFirstLastButtons', 'totalItems'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-panel-tool-header.d.ts

@@ -1,16 +1,14 @@
 import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import type { DsPanelToolHeaderCustomEvent } from '@ds-mo/ui/components';
+import type { PanelToolHeaderActionDetail as IDsPanelToolHeaderPanelToolHeaderActionDetail } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsPanelToolHeader {
     protected z: NgZone;
     protected el: HTMLDsPanelToolHeaderElement;
     dsBack: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
     dsMenuToggle: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
-    dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<{
-        id: string;
-        originalEvent: MouseEvent;
-    }>>;
+    dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<IDsPanelToolHeaderPanelToolHeaderActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelToolHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelToolHeader, "ds-panel-tool-header", never, { "actions": { "alias": "actions"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backIcon": { "alias": "backIcon"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "menuControls": { "alias": "menuControls"; "required": false; }; "menuExpanded": { "alias": "menuExpanded"; "required": false; }; "menuTriggerId": { "alias": "menuTriggerId"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; }, { "dsBack": "dsBack"; "dsMenuToggle": "dsMenuToggle"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
@@ -18,8 +16,5 @@ export declare class DsPanelToolHeader {
 export declare interface DsPanelToolHeader extends Components.DsPanelToolHeader {
     dsBack: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
     dsMenuToggle: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
-    dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<{
-        id: string;
-        originalEvent: MouseEvent;
-    }>>;
+    dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<IDsPanelToolHeaderPanelToolHeaderActionDetail>>;
 }