@genesislcap/foundation-ui 15.3.1 → 15.3.2

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

@@ -27,6 +27,9 @@ export declare class ActionsMenu extends FoundationElement {
     hideMenuSingleOption: boolean;
     singleOption: ActionMenuItem;
     actionsMenu: HTMLElement;
+    actionsOpener: HTMLElement;
+    disconnectedCallback(): void;
+    private updateMenuPosition;
     protected definitionChanged(oldValue: any, newValue: any): void;
     protected openChanged(): void;
     toggleActionsMenuVisibility(): void;

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;IAE1B,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAyBxD,SAAS,CAAC,WAAW;IAIrB,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;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.styles.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-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,qBAAqB,GAChC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA2FF,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAEF,CAAC"}
+{"version":3,"file":"actions-menu.styles.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-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,qBAAqB,GAChC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA4FF,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAEF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.template.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,mCAmD1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,mCAclD,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,YAAY,CAAC,WAAW,CAOnE,CAAC"}
+{"version":3,"file":"actions-menu.template.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,mCAoD1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,mCAclD,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,YAAY,CAAC,WAAW,CAOnE,CAAC"}

package/dist/dts/react.d.ts

@@ -133,23 +133,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<ActionsMenuWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type ActionsMenuRef = ActionsMenuWC;
 
-export declare const ActionsMenu: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<ActionsMenuWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type ActionsMenuRef = ActionsMenuWC;
+export type AccordionItemRef = AccordionItemWC;
 
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<

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

@@ -18,6 +18,20 @@ export class ActionsMenu extends FoundationElement {
         this.hideDisabled = false;
         this.hideMenuSingleOption = false;
     }
+    disconnectedCallback() {
+        var _a;
+        if ((_a = this.actionsMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
+            this.actionsMenu.hidePopover();
+        }
+        super.disconnectedCallback();
+    }
+    updateMenuPosition() {
+        const rect = this.actionsOpener.getBoundingClientRect();
+        this.actionsMenu.style.position = 'fixed';
+        this.actionsMenu.style.top = `${rect.top}px`;
+        this.actionsMenu.style.left = 'auto';
+        this.actionsMenu.style.right = `${window.innerWidth - rect.right}px`;
+    }
     definitionChanged(oldValue, newValue) {
         var _a;
         this.actions = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.actions) !== null && _a !== void 0 ? _a : [];
@@ -40,7 +54,15 @@ export class ActionsMenu extends FoundationElement {
         }
     }
     openChanged() {
+        var _a;
         this.classNames = classNames(['visible', this.open], ['hidden', !this.open]);
+        if (this.open) {
+            this.updateMenuPosition();
+            this.actionsMenu.showPopover();
+        }
+        else if ((_a = this.actionsMenu) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
+            this.actionsMenu.hidePopover();
+        }
     }
     toggleActionsMenuVisibility() {
         this.open = !this.open;

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

@@ -18,6 +18,7 @@ export const actionsMenuBaseStyles = (context, definition) => css `
     position: absolute;
     max-width: 350px;
     overflow-y: auto;
+    margin: 0;
   }
 
   .actions-vertical .actions-menu {

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

@@ -2,6 +2,7 @@ import { html, ref, repeat, when } from '@microsoft/fast-element';
 import { getPrefix } from '../utils';
 export const menuTemplate = (prefix) => html `
   <${prefix}-button
+    ${ref('actionsOpener')}
     id="actiosnMenuTrigger"
     class="actions-opener${(x) => (x.open ? ' opened' : '')}"
     appearance="${(x) => x.buttonAppearance}"
@@ -14,7 +15,7 @@ export const menuTemplate = (prefix) => html `
             ${x.name}
           `}
   </${prefix}-button>
-  <${prefix}-menu ${ref('actionsMenu')} class="actions-menu ${(x) => x.classNames}" part="actions-menu">
+  <${prefix}-menu ${ref('actionsMenu')} popover="manual" class="actions-menu ${(x) => x.classNames}" part="actions-menu">
     ${repeat((x) => x.allActions, html `
         ${when((x, context) => x.isDisabled && x.isDisabled(context.parent.rowData), html `
             <${prefix}-menu-item

package/dist/foundation-ui.api.json

@@ -385,6 +385,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-ui!ActionsMenu#actionsOpener:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "actionsOpener: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "actionsOpener",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-ui!ActionsMenu#addDefaultActions:member",
@@ -634,6 +665,37 @@
               "isAbstract": false,
               "name": "definitionChanged"
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-ui!ActionsMenu#disconnectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disconnectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "disconnectedCallback"
+            },
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/foundation-ui!ActionsMenu#getLabel:member(1)",

package/dist/foundation-ui.d.ts

@@ -331,6 +331,9 @@ export declare class ActionsMenu extends FoundationElement {
     hideMenuSingleOption: boolean;
     singleOption: ActionMenuItem;
     actionsMenu: HTMLElement;
+    actionsOpener: HTMLElement;
+    disconnectedCallback(): void;
+    private updateMenuPosition;
     protected definitionChanged(oldValue: any, newValue: any): void;
     protected openChanged(): void;
     toggleActionsMenuVisibility(): void;

package/dist/react.cjs

@@ -113,14 +113,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
-const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
@@ -1143,8 +1143,8 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
 });
 
 module.exports = {
-  AccordionItem,
   ActionsMenu,
+  AccordionItem,
   AiCriteriaSearch,
   Accordion,
   AiIndicator,

package/dist/react.mjs

@@ -111,14 +111,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
-export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "15.3.1",
+  "version": "15.3.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.3.1",
-    "@genesislcap/genx": "15.3.1",
-    "@genesislcap/rollup-builder": "15.3.1",
-    "@genesislcap/ts-builder": "15.3.1",
-    "@genesislcap/uvu-playwright-builder": "15.3.1",
-    "@genesislcap/vite-builder": "15.3.1",
-    "@genesislcap/webpack-builder": "15.3.1",
+    "@genesislcap/foundation-testing": "15.3.2",
+    "@genesislcap/genx": "15.3.2",
+    "@genesislcap/rollup-builder": "15.3.2",
+    "@genesislcap/ts-builder": "15.3.2",
+    "@genesislcap/uvu-playwright-builder": "15.3.2",
+    "@genesislcap/vite-builder": "15.3.2",
+    "@genesislcap/webpack-builder": "15.3.2",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -100,16 +100,16 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "15.3.1",
-    "@genesislcap/foundation-ai": "15.3.1",
-    "@genesislcap/foundation-comms": "15.3.1",
-    "@genesislcap/foundation-criteria": "15.3.1",
-    "@genesislcap/foundation-errors": "15.3.1",
-    "@genesislcap/foundation-events": "15.3.1",
-    "@genesislcap/foundation-logger": "15.3.1",
-    "@genesislcap/foundation-notifications": "15.3.1",
-    "@genesislcap/foundation-user": "15.3.1",
-    "@genesislcap/foundation-utils": "15.3.1",
+    "@genesislcap/expression-builder": "15.3.2",
+    "@genesislcap/foundation-ai": "15.3.2",
+    "@genesislcap/foundation-comms": "15.3.2",
+    "@genesislcap/foundation-criteria": "15.3.2",
+    "@genesislcap/foundation-errors": "15.3.2",
+    "@genesislcap/foundation-events": "15.3.2",
+    "@genesislcap/foundation-logger": "15.3.2",
+    "@genesislcap/foundation-notifications": "15.3.2",
+    "@genesislcap/foundation-user": "15.3.2",
+    "@genesislcap/foundation-utils": "15.3.2",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -142,5 +142,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "1c3a33f7d56acec166f832b9610e83343a8873e6"
+  "gitHead": "9b3b32a9d7642518469a81d1ed9cc79b3a6c0ece"
 }