@genesislcap/foundation-ui 15.42.0 → 15.43.0-FUI-2629.1

package/dist/dts/actions-menu/actions-menu.d.ts

@@ -28,10 +28,13 @@ export declare class ActionsMenu extends FoundationElement {
     singleOption: ActionMenuItem;
     actionsMenu: HTMLElement;
     actionsOpener: HTMLElement;
+    private positionTracker?;
     disconnectedCallback(): void;
     private updateMenuPosition;
     protected definitionChanged(oldValue: any, newValue: any): void;
     protected openChanged(): void;
+    private startTrackingPosition;
+    private stopTrackingPosition;
     toggleActionsMenuVisibility(): void;
     onActionMenuItemClick(callback: (rowData: any) => void | any): void;
     get allActions(): ActionMenuItem[];

package/dist/dts/actions-menu/actions-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAS/D;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IACpC,OAAO,EAAE,cAAc,EAAE,CAAC;IACe,UAAU,EAAE,OAAO,CAAS;IACpB,iBAAiB,EAAE,OAAO,CAAQ;IACjC,iBAAiB,EAAE,OAAO,CAAQ;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,CAAC;IACtB,IAAI,SAAa;IACuB,IAAI,EAAE,OAAO,CAAS;IAC9D,gBAAgB,EAAE,MAAM,CAAC;IACwB,YAAY,EAAE,OAAO,CAAS;IACpB,oBAAoB,EAAE,OAAO,CACtF;IACI,YAAY,EAAE,cAAc,CAAC;IAEzC,WAAW,EAAG,WAAW,CAAC;IAC1B,aAAa,EAAG,WAAW,CAAC;IAE5B,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,kBAAkB;IAQ1B,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAyBxD,SAAS,CAAC,WAAW;IAWrB,2BAA2B;IAI3B,qBAAqB,CAAC,QAAQ,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,GAAG,GAAG;IAKvD,IAAI,UAAU,IAAI,cAAc,EAAE,CASjC;IAED,IAAI,OAAO,QAKV;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC;IAQlD,WAAW,CAAC,MAAM,EAAE,MAAM;CAsB3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,2TAIhC,CAAC"}
+{"version":3,"file":"actions-menu.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAU/D;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IACpC,OAAO,EAAE,cAAc,EAAE,CAAC;IACe,UAAU,EAAE,OAAO,CAAS;IACpB,iBAAiB,EAAE,OAAO,CAAQ;IACjC,iBAAiB,EAAE,OAAO,CAAQ;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,GAAG,CAAC;IACtB,IAAI,SAAa;IACuB,IAAI,EAAE,OAAO,CAAS;IAC9D,gBAAgB,EAAE,MAAM,CAAC;IACwB,YAAY,EAAE,OAAO,CAAS;IACpB,oBAAoB,EAAE,OAAO,CACtF;IACI,YAAY,EAAE,cAAc,CAAC;IAEzC,WAAW,EAAG,WAAW,CAAC;IAC1B,aAAa,EAAG,WAAW,CAAC;IAE5B,OAAO,CAAC,eAAe,CAAC,CAAiC;IAEzD,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,kBAAkB;IAQ1B,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAyBxD,SAAS,CAAC,WAAW;IAerB,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,oBAAoB;IAK5B,2BAA2B;IAI3B,qBAAqB,CAAC,QAAQ,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,GAAG,GAAG;IAKvD,IAAI,UAAU,IAAI,cAAc,EAAE,CASjC;IAED,IAAI,OAAO,QAKV;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC;IAQlD,WAAW,CAAC,MAAM,EAAE,MAAM;CAsB3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,2TAIhC,CAAC"}

package/dist/dts/base-components.d.ts

@@ -359,6 +359,7 @@ export declare const baseComponents: {
         styles: import("@microsoft/fast-element").ElementStyles;
         shadowOptions: ShadowRootInit;
     }, typeof import("./verification-code-input").VerificationCodeInput>;
+    foundationVerticalDropdownMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./vertical-dropdown-menu").VerticalDropdownMenu>;
     foundationSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
         template: import("@microsoft/fast-element").ViewTemplate<import("./section-navigator").SectionNavigator, any>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAyF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA0F5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA0FJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -103,4 +103,5 @@ export * from './utils/editable-elements';
 export * from './utils/event-types';
 export { getPrefix as getDesignSystemPrefix } from './utils/dom';
 export * from './verification-code-input';
+export * from './vertical-dropdown-menu';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/dts/react.d.ts

@@ -101,6 +101,7 @@ import type { Tooltip as TooltipWC } from './tooltip/tooltip';
 import type { TreeView as TreeViewWC } from './tree-view/tree-view';
 import type { UrlInput as UrlInputWC } from './url-input/url-input';
 import type { VerificationCodeInput as VerificationCodeInputWC } from './verification-code-input/verification-code-input';
+import type { VerticalDropdownMenu as VerticalDropdownMenuWC } from './vertical-dropdown-menu/vertical-dropdown-menu';
 import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
 import type { ClearOptions, DailyConfig, FileReadEventDetail, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MonthlyConfig, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, ValueChangeEventDetail, VerificationCodeInputEventDetail, WeeklyConfig, YearlyConfig } from '@genesislcap/foundation-ui';
 
@@ -142,15 +143,6 @@ export declare const AccordionItem: React.ForwardRefExoticComponent<
 >;
 export type AccordionItemRef = AccordionItemWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<AccordionWC>
->;
-export type AccordionRef = AccordionWC;
-
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
@@ -171,6 +163,15 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
+export declare const Accordion: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AccordionWC>
+>;
+export type AccordionRef = AccordionWC;
+
 export declare const AiIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &
@@ -1040,6 +1041,15 @@ export declare const VerificationCodeInput: React.ForwardRefExoticComponent<
 >;
 export type VerificationCodeInputRef = VerificationCodeInputWC;
 
+export declare const VerticalDropdownMenu: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<VerticalDropdownMenuWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<VerticalDropdownMenuWC>
+>;
+export type VerticalDropdownMenuRef = VerticalDropdownMenuWC;
+
 export declare const DailyRecurrence: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<DailyRecurrenceWC>, 'children' | 'style'> &

package/dist/dts/utils/index.d.ts

@@ -3,5 +3,6 @@ export * from './dom';
 export * from './event-types';
 export * from './logger';
 export * from './options-datasource-utils';
+export * from './popover-position';
 export * from './tooltip';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC"}

package/dist/dts/utils/popover-position.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Walks up from `element`, crossing shadow-root boundaries via `.host`, collecting every
+ * scrollable ancestor (including the anchor's own document).
+ * @remarks Native `scroll` events are not `composed`, so they don't cross shadow-DOM boundaries
+ * the way `click`/`keydown` do — a listener on `document` never sees a shadow-DOM-nested
+ * viewport's own scroll. Callers must listen on each returned ancestor directly.
+ * @public
+ */
+export declare function findScrollableAncestors(element: HTMLElement): (HTMLElement | Document)[];
+/**
+ * Keeps a Popover-API element anchored to its trigger while any of the trigger's scrollable
+ * ancestors scroll, and reports back when the trigger has been removed from the DOM (e.g. AG
+ * Grid row virtualization recycling the row that owns it).
+ * @public
+ */
+export declare class AnchoredPopoverPositionTracker {
+    private readonly anchor;
+    private readonly onReposition;
+    private readonly onAnchorDetached;
+    private ancestors;
+    private readonly handleScroll;
+    constructor(anchor: HTMLElement, onReposition: () => void, onAnchorDetached: () => void);
+    start(): void;
+    stop(): void;
+}
+//# sourceMappingURL=popover-position.d.ts.map

package/dist/dts/utils/popover-position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-position.d.ts","sourceRoot":"","sources":["../../../src/utils/popover-position.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW,GAAG,CAAC,WAAW,GAAG,QAAQ,CAAC,EAAE,CA8BxF;AAED;;;;;GAKG;AACH,qBAAa,8BAA8B;IAYvC,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAbnC,OAAO,CAAC,SAAS,CAAkC;IAEnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAM3B;gBAGiB,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE,MAAM,IAAI,EACxB,gBAAgB,EAAE,MAAM,IAAI;IAG/C,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;CAMb"}

package/dist/dts/vertical-dropdown-menu/index.d.ts

@@ -0,0 +1,4 @@
+export * from './vertical-dropdown-menu.styles';
+export * from './vertical-dropdown-menu.template';
+export * from './vertical-dropdown-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/vertical-dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vertical-dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC"}

package/dist/dts/vertical-dropdown-menu/vertical-dropdown-menu.d.ts

@@ -0,0 +1,67 @@
+import type { IconStyle } from '@fortawesome/fontawesome-svg-core';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { FaSize } from '../icon';
+/**
+ * The Vertical Dropdown Menu Item.
+ * @remarks Used within the Vertical Dropdown Menu component.
+ * @public
+ */
+export type VerticalDropdownMenuItem = {
+    label: string | ((rowData: any) => string);
+    icon?: {
+        variant?: IconStyle;
+        name: string;
+        size?: FaSize;
+    };
+    color?: string;
+    isDisabled?: (rowData: any) => boolean;
+    callback: (rowData: any) => void | any;
+};
+/**
+ * The Vertical Dropdown Menu component.
+ * @remarks An icon-only opener (a "kebab") that anchors a menu to itself, for a pinned
+ * column of per-row actions. Unlike `%%prefix%%-actions-menu`, it renders no button text and
+ * hides itself entirely when a row has no items.
+ * @tagname %%prefix%%-vertical-dropdown-menu
+ * @public
+ */
+export declare class VerticalDropdownMenu extends FoundationElement {
+    items: VerticalDropdownMenuItem[] | ((rowData: any) => VerticalDropdownMenuItem[]);
+    definition: any;
+    classNames: string;
+    open: boolean;
+    iconName: string;
+    buttonAppearance: string;
+    autoCloseOnAction: boolean;
+    hideDisabled: boolean;
+    menuOpener: HTMLElement;
+    dropdownMenu: HTMLElement;
+    private positionTracker?;
+    disconnectedCallback(): void;
+    protected definitionChanged(oldValue: any, newValue: any): void;
+    protected openChanged(): void;
+    private updateMenuPosition;
+    private startTrackingPosition;
+    private stopTrackingPosition;
+    toggleVisibility(): void;
+    /**
+     * Syncs `open` when the native `popover="auto"` light-dismiss (outside click / Escape)
+     * closes the popover without going through `toggleVisibility()`.
+     */
+    onPopoverToggle(event: Event): void;
+    onItemClick(callback: (rowData: any) => void | any): void;
+    get rowData(): any;
+    get resolvedItems(): VerticalDropdownMenuItem[];
+    get visibleItems(): VerticalDropdownMenuItem[];
+    getLabel(label: string | ((rowData: any) => string)): string;
+    getTemplate(prefix: string): import("@microsoft/fast-element").ViewTemplate<VerticalDropdownMenu, any>;
+}
+/**
+ * The Foundation Vertical Dropdown Menu
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-vertical-dropdown-menu\>
+ */
+export declare const foundationVerticalDropdownMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof VerticalDropdownMenu>;
+//# sourceMappingURL=vertical-dropdown-menu.d.ts.map

package/dist/dts/vertical-dropdown-menu/vertical-dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/vertical-dropdown-menu/vertical-dropdown-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAQtC;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;CACxC,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IAC7C,KAAK,EAAE,wBAAwB,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,wBAAwB,EAAE,CAAC,CAAC;IACnF,UAAU,EAAE,GAAG,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACe,IAAI,EAAE,OAAO,CAAS;IAClC,QAAQ,EAAE,MAAM,CAAuB;IACnE,gBAAgB,EAAE,MAAM,CAAC;IAC+B,iBAAiB,EAAE,OAAO,CAAQ;IACzC,YAAY,EAAE,OAAO,CAAS;IAErF,UAAU,EAAG,WAAW,CAAC;IACzB,YAAY,EAAG,WAAW,CAAC;IAE3B,OAAO,CAAC,eAAe,CAAC,CAAiC;IAEzD,oBAAoB,IAAI,IAAI;IAQ5B,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAiBxD,SAAS,CAAC,WAAW;IAerB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,oBAAoB;IAK5B,gBAAgB;IAIhB;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,KAAK;IAO5B,WAAW,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG;IAKlD,IAAI,OAAO,QAKV;IAED,IAAI,aAAa,IAAI,wBAAwB,EAAE,CAG9C;IAED,IAAI,YAAY,IAAI,wBAAwB,EAAE,CAG7C;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC;IAInD,WAAW,CAAC,MAAM,EAAE,MAAM;CAI3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B,oUAIzC,CAAC"}

package/dist/dts/vertical-dropdown-menu/vertical-dropdown-menu.styles.d.ts

@@ -0,0 +1,5 @@
+import type { ElementStyles } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const verticalDropdownMenuBaseStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export declare const foundationVerticalDropdownMenuStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+//# sourceMappingURL=vertical-dropdown-menu.styles.d.ts.map

package/dist/dts/vertical-dropdown-menu/vertical-dropdown-menu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-dropdown-menu.styles.d.ts","sourceRoot":"","sources":["../../../src/vertical-dropdown-menu/vertical-dropdown-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,8BAA8B,GACzC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAkDF,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAEF,CAAC"}

package/dist/dts/vertical-dropdown-menu/vertical-dropdown-menu.template.d.ts

@@ -0,0 +1,5 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { VerticalDropdownMenu } from './vertical-dropdown-menu';
+export declare const verticalDropdownMenuTemplate: (prefix: string) => ViewTemplate<VerticalDropdownMenu, any>;
+export declare const foundationVerticalDropdownMenuTemplate: ViewTemplate<VerticalDropdownMenu>;
+//# sourceMappingURL=vertical-dropdown-menu.template.d.ts.map

package/dist/dts/vertical-dropdown-menu/vertical-dropdown-menu.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-dropdown-menu.template.d.ts","sourceRoot":"","sources":["../../../src/vertical-dropdown-menu/vertical-dropdown-menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,eAAO,MAAM,4BAA4B,GAAI,QAAQ,MAAM,4CAwE1D,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,YAAY,CAAC,oBAAoB,CAIrF,CAAC"}

package/dist/esm/actions-menu/actions-menu.js

@@ -2,6 +2,7 @@ import { __decorate } from "tslib";
 import { attr, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { classNames } from '@microsoft/fast-web-utilities';
+import { AnchoredPopoverPositionTracker } from '../utils';
 import { foundationActionsMenuStyles as styles } from './actions-menu.styles';
 import { singleOptionTemplate, menuTemplate, foundationActionsMenuTemplate as template, } from './actions-menu.template';
 /**
@@ -20,6 +21,7 @@ export class ActionsMenu extends FoundationElement {
     }
     disconnectedCallback() {
         var _a;
+        this.stopTrackingPosition();
         if ((_a = this.actionsMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
             this.actionsMenu.hidePopover();
         }
@@ -59,11 +61,24 @@ export class ActionsMenu extends FoundationElement {
         if (this.open) {
             this.updateMenuPosition();
             this.actionsMenu.showPopover();
+            this.startTrackingPosition();
         }
-        else if ((_a = this.actionsMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
-            this.actionsMenu.hidePopover();
+        else {
+            this.stopTrackingPosition();
+            if ((_a = this.actionsMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
+                this.actionsMenu.hidePopover();
+            }
         }
     }
+    startTrackingPosition() {
+        this.positionTracker = new AnchoredPopoverPositionTracker(this.actionsOpener, () => this.updateMenuPosition(), () => (this.open = false));
+        this.positionTracker.start();
+    }
+    stopTrackingPosition() {
+        var _a;
+        (_a = this.positionTracker) === null || _a === void 0 ? void 0 : _a.stop();
+        this.positionTracker = undefined;
+    }
     toggleActionsMenuVisibility() {
         this.open = !this.open;
     }

package/dist/esm/base-components.js

@@ -86,6 +86,7 @@ import { foundationTreeItem } from './tree-item';
 import { foundationTreeView } from './tree-view';
 import { foundationUrlInput } from './url-input';
 import { foundationVerificationCodeInput } from './verification-code-input';
+import { foundationVerticalDropdownMenu } from './vertical-dropdown-menu';
 export const baseComponents = {
     foundationAccordion,
     foundationAiCriteriaSearch,
@@ -174,6 +175,7 @@ export const baseComponents = {
     foundationTreeView,
     foundationUrlInput,
     foundationVerificationCodeInput,
+    foundationVerticalDropdownMenu,
     foundationSectionNavigator,
     register(container, ...rest) {
         if (!container) {

package/dist/esm/index.js

@@ -103,3 +103,4 @@ export * from './utils/editable-elements';
 export * from './utils/event-types';
 export { getPrefix as getDesignSystemPrefix } from './utils/dom';
 export * from './verification-code-input';
+export * from './vertical-dropdown-menu';

package/dist/esm/utils/index.js

@@ -3,4 +3,5 @@ export * from './dom';
 export * from './event-types';
 export * from './logger';
 export * from './options-datasource-utils';
+export * from './popover-position';
 export * from './tooltip';

package/dist/esm/utils/popover-position.js

@@ -0,0 +1,70 @@
+/**
+ * Walks up from `element`, crossing shadow-root boundaries via `.host`, collecting every
+ * scrollable ancestor (including the anchor's own document).
+ * @remarks Native `scroll` events are not `composed`, so they don't cross shadow-DOM boundaries
+ * the way `click`/`keydown` do — a listener on `document` never sees a shadow-DOM-nested
+ * viewport's own scroll. Callers must listen on each returned ancestor directly.
+ * @public
+ */
+export function findScrollableAncestors(element) {
+    var _a;
+    const ancestors = [];
+    let node = element.parentNode;
+    while (node) {
+        if (node instanceof ShadowRoot) {
+            node = node.host;
+            continue;
+        }
+        if (node instanceof Document) {
+            ancestors.push(node);
+            break;
+        }
+        if (node instanceof HTMLElement) {
+            const style = (_a = node.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.getComputedStyle(node);
+            if (!style) {
+                node = node.parentNode;
+                continue;
+            }
+            if (/(auto|scroll|overlay)/.test(style.overflowY) ||
+                /(auto|scroll|overlay)/.test(style.overflowX)) {
+                ancestors.push(node);
+            }
+        }
+        node = node.parentNode;
+    }
+    return ancestors;
+}
+/**
+ * Keeps a Popover-API element anchored to its trigger while any of the trigger's scrollable
+ * ancestors scroll, and reports back when the trigger has been removed from the DOM (e.g. AG
+ * Grid row virtualization recycling the row that owns it).
+ * @public
+ */
+export class AnchoredPopoverPositionTracker {
+    constructor(anchor, onReposition, onAnchorDetached) {
+        this.anchor = anchor;
+        this.onReposition = onReposition;
+        this.onAnchorDetached = onAnchorDetached;
+        this.ancestors = [];
+        this.handleScroll = () => {
+            if (!this.anchor.isConnected) {
+                this.onAnchorDetached();
+                return;
+            }
+            this.onReposition();
+        };
+    }
+    start() {
+        this.stop();
+        this.ancestors = findScrollableAncestors(this.anchor);
+        for (const ancestor of this.ancestors) {
+            ancestor.addEventListener('scroll', this.handleScroll, { passive: true });
+        }
+    }
+    stop() {
+        for (const ancestor of this.ancestors) {
+            ancestor.removeEventListener('scroll', this.handleScroll);
+        }
+        this.ancestors = [];
+    }
+}

package/dist/esm/vertical-dropdown-menu/index.js

@@ -0,0 +1,3 @@
+export * from './vertical-dropdown-menu.styles';
+export * from './vertical-dropdown-menu.template';
+export * from './vertical-dropdown-menu';

package/dist/esm/vertical-dropdown-menu/vertical-dropdown-menu.js

@@ -0,0 +1,155 @@
+import { __decorate } from "tslib";
+import { attr, observable } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { classNames } from '@microsoft/fast-web-utilities';
+import { AnchoredPopoverPositionTracker } from '../utils';
+import { foundationVerticalDropdownMenuStyles as styles } from './vertical-dropdown-menu.styles';
+import { foundationVerticalDropdownMenuTemplate as template, verticalDropdownMenuTemplate, } from './vertical-dropdown-menu.template';
+/**
+ * The Vertical Dropdown Menu component.
+ * @remarks An icon-only opener (a "kebab") that anchors a menu to itself, for a pinned
+ * column of per-row actions. Unlike `%%prefix%%-actions-menu`, it renders no button text and
+ * hides itself entirely when a row has no items.
+ * @tagname %%prefix%%-vertical-dropdown-menu
+ * @public
+ */
+export class VerticalDropdownMenu extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.iconName = 'ellipsis-vertical';
+        this.autoCloseOnAction = true;
+        this.hideDisabled = false;
+    }
+    disconnectedCallback() {
+        var _a;
+        this.stopTrackingPosition();
+        if ((_a = this.dropdownMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
+            this.dropdownMenu.hidePopover();
+        }
+        super.disconnectedCallback();
+    }
+    definitionChanged(oldValue, newValue) {
+        var _a;
+        if (!newValue)
+            return;
+        this.items = (_a = newValue.items) !== null && _a !== void 0 ? _a : [];
+        delete this.definition.items;
+        if (newValue.iconName) {
+            this.iconName = newValue.iconName;
+            delete this.definition.iconName;
+        }
+        if (newValue.buttonAppearance) {
+            this.buttonAppearance = newValue.buttonAppearance;
+            delete this.definition.buttonAppearance;
+        }
+    }
+    openChanged() {
+        var _a;
+        this.classNames = classNames(['visible', this.open], ['hidden', !this.open]);
+        if (this.open) {
+            this.updateMenuPosition();
+            this.dropdownMenu.showPopover();
+            this.startTrackingPosition();
+        }
+        else {
+            this.stopTrackingPosition();
+            if ((_a = this.dropdownMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
+                this.dropdownMenu.hidePopover();
+            }
+        }
+    }
+    updateMenuPosition() {
+        const rect = this.menuOpener.getBoundingClientRect();
+        this.dropdownMenu.style.position = 'fixed';
+        this.dropdownMenu.style.top = `${rect.bottom}px`;
+        this.dropdownMenu.style.left = 'auto';
+        this.dropdownMenu.style.right = `${window.innerWidth - rect.right}px`;
+    }
+    startTrackingPosition() {
+        this.positionTracker = new AnchoredPopoverPositionTracker(this.menuOpener, () => this.updateMenuPosition(), () => (this.open = false));
+        this.positionTracker.start();
+    }
+    stopTrackingPosition() {
+        var _a;
+        (_a = this.positionTracker) === null || _a === void 0 ? void 0 : _a.stop();
+        this.positionTracker = undefined;
+    }
+    toggleVisibility() {
+        this.open = !this.open;
+    }
+    /**
+     * Syncs `open` when the native `popover="auto"` light-dismiss (outside click / Escape)
+     * closes the popover without going through `toggleVisibility()`.
+     */
+    onPopoverToggle(event) {
+        const newState = event.newState;
+        if (newState) {
+            this.open = newState === 'open';
+        }
+    }
+    onItemClick(callback) {
+        if (this.autoCloseOnAction)
+            this.open = false;
+        callback(this.rowData);
+    }
+    get rowData() {
+        if (!this.definition)
+            return;
+        const { node, data } = this.definition;
+        return (node === null || node === void 0 ? void 0 : node.data) || data;
+    }
+    get resolvedItems() {
+        const items = typeof this.items === 'function' ? this.items(this.rowData) : this.items;
+        return items !== null && items !== void 0 ? items : [];
+    }
+    get visibleItems() {
+        if (!this.hideDisabled)
+            return this.resolvedItems;
+        return this.resolvedItems.filter((item) => { var _a; return !((_a = item.isDisabled) === null || _a === void 0 ? void 0 : _a.call(item, this.rowData)); });
+    }
+    getLabel(label) {
+        return typeof label === 'function' ? label(this.rowData) : label;
+    }
+    getTemplate(prefix) {
+        if (this.visibleItems.length === 0)
+            return;
+        return verticalDropdownMenuTemplate(prefix);
+    }
+}
+__decorate([
+    observable
+], VerticalDropdownMenu.prototype, "items", void 0);
+__decorate([
+    observable
+], VerticalDropdownMenu.prototype, "definition", void 0);
+__decorate([
+    observable
+], VerticalDropdownMenu.prototype, "classNames", void 0);
+__decorate([
+    attr({ attribute: 'open', mode: 'boolean' })
+], VerticalDropdownMenu.prototype, "open", void 0);
+__decorate([
+    attr({ attribute: 'icon-name' })
+], VerticalDropdownMenu.prototype, "iconName", void 0);
+__decorate([
+    attr
+], VerticalDropdownMenu.prototype, "buttonAppearance", void 0);
+__decorate([
+    attr({ attribute: 'auto-close-on-action', mode: 'boolean' })
+], VerticalDropdownMenu.prototype, "autoCloseOnAction", void 0);
+__decorate([
+    attr({ attribute: 'hide-disabled', mode: 'boolean' })
+], VerticalDropdownMenu.prototype, "hideDisabled", void 0);
+/**
+ * The Foundation Vertical Dropdown Menu
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-vertical-dropdown-menu\>
+ */
+export const foundationVerticalDropdownMenu = VerticalDropdownMenu.compose({
+    baseName: 'vertical-dropdown-menu',
+    styles,
+    template,
+});

package/dist/esm/vertical-dropdown-menu/vertical-dropdown-menu.styles.js

@@ -0,0 +1,55 @@
+import { css } from '@microsoft/fast-element';
+export const verticalDropdownMenuBaseStyles = (context, definition) => css `
+  :host {
+    --menu-opener-size-multiplier: 0.7px;
+  }
+
+  .vertical-dropdown-menu-container {
+    align-items: center;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+  }
+
+  .menu-opener {
+    align-items: center;
+    align-self: center;
+    display: flex;
+    justify-content: center;
+    padding: 0;
+    height: calc(
+      (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
+        var(--menu-opener-size-multiplier)
+    );
+    width: calc(
+      (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
+        var(--menu-opener-size-multiplier)
+    );
+  }
+
+  .dropdown-menu {
+    margin: 0;
+    max-width: 350px;
+    overflow-y: auto;
+  }
+
+  foundation-menu-item {
+    display: flex;
+    user-select: none;
+  }
+
+  foundation-menu-item::part(content) {
+    margin-inline: 10px;
+  }
+
+  foundation-menu-item[disabled] {
+    pointer-events: none;
+  }
+
+  .menu-item {
+    flex: 1;
+  }
+`;
+export const foundationVerticalDropdownMenuStyles = (context, definition) => css `
+  ${verticalDropdownMenuBaseStyles(context, definition)}
+`;