@duetds/components 6.10.4 → 6.11.0

package/lib/collection/components/duet-hero/duet-hero.js

@@ -352,7 +352,7 @@ export class DuetHero {
           "references": {
             "DuetHeroIconSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         },
@@ -569,7 +569,7 @@ export class DuetHero {
           "references": {
             "DuetHeroButtonData": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         },
@@ -643,7 +643,7 @@ export class DuetHero {
           "references": {
             "DuetHeroVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         },
@@ -752,7 +752,7 @@ export class DuetHero {
           "references": {
             "DuetHeroClickEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         }
@@ -772,7 +772,7 @@ export class DuetHero {
           "references": {
             "DuetHeroAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         }

package/lib/collection/components/duet-icon/duet-icon.js

@@ -322,7 +322,7 @@ export class DuetIcon {
           "references": {
             "DuetIconSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-icon/duet-icon.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-icon/duet-icon.tsx"
             }
           }
         },

package/lib/collection/components/duet-input/duet-input.js

@@ -730,7 +730,7 @@ export class DuetInput {
           "references": {
             "DuetInputType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -753,7 +753,7 @@ export class DuetInput {
           "references": {
             "DuetVariationType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -933,7 +933,7 @@ export class DuetInput {
           "references": {
             "DuetInputComponentType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -1106,7 +1106,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1126,7 +1126,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1146,7 +1146,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1166,7 +1166,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1186,7 +1186,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }

package/lib/collection/components/duet-label/duet-label.js

@@ -92,7 +92,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelMargin": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx"
             }
           }
         },
@@ -115,7 +115,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx"
             }
           }
         },

package/lib/collection/components/duet-layout/duet-layout.js

@@ -123,7 +123,7 @@ export class DuetLayout {
           "references": {
             "DuetLayoutStickyDistance": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-layout/duet-layout.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-layout/duet-layout.tsx"
             }
           }
         },

package/lib/collection/components/duet-list/duet-list.js

@@ -166,7 +166,7 @@ export class DuetList {
           "references": {
             "DuetListMobileAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -212,7 +212,7 @@ export class DuetList {
           "references": {
             "DuetListVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -235,7 +235,7 @@ export class DuetList {
           "references": {
             "DuetListLabelWidth": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },

package/lib/collection/components/duet-logo/duet-logo.js

@@ -179,7 +179,7 @@ export class DuetLogo {
           "references": {
             "DuetLogoSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-logo/duet-logo.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-logo/duet-logo.tsx"
             }
           }
         },

package/lib/collection/components/duet-menu-bar/duet-menu-bar.js

@@ -262,7 +262,7 @@ export class DuetMenuBar {
           "references": {
             "DuetMenuBarChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx"
             }
           }
         }

package/lib/collection/components/duet-modal/duet-modal.js

@@ -298,7 +298,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         },
@@ -408,7 +408,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         },
@@ -644,7 +644,7 @@ export class DuetModal {
           "references": {
             "DuetModalCloseEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         }

package/lib/collection/components/duet-multiselect/duet-multiselect.js

@@ -286,7 +286,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         },
@@ -401,7 +401,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         },
@@ -535,7 +535,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }
@@ -555,7 +555,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }
@@ -575,7 +575,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js

@@ -278,7 +278,7 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetNotificationDrawerDirection": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx"
             }
           }
         },

package/lib/collection/components/duet-number-input/duet-number-input.js

@@ -1003,7 +1003,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1023,7 +1023,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1043,7 +1043,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1063,7 +1063,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }

package/lib/collection/components/duet-pagination/duet-pagination.js

@@ -343,7 +343,7 @@ export class DuetPagination {
           "references": {
             "DuetPaginationVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx"
             }
           }
         },
@@ -587,7 +587,7 @@ export class DuetPagination {
           "references": {
             "DuetPaginationPageEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx"
             }
           }
         }

package/lib/collection/components/duet-paragraph/duet-paragraph.js

@@ -107,7 +107,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
             }
           }
         },
@@ -130,7 +130,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphWeight": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
             }
           }
         },
@@ -153,7 +153,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
             }
           }
         },

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -4,7 +4,8 @@
 import { computePosition, flip, offset } from "@floating-ui/dom";
 import { Build, h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
-import { isEscapeKey } from "../../utils/keyboard-utils";
+import { isArrowDownKey, isArrowUpKey, isEscapeKey, isTabKey } from "../../utils/keyboard-utils";
+import { Teleport } from "../../utils/teleport";
 export class DuetPopupMenu {
   constructor() {
     this.updatePlacement = async () => {
@@ -35,6 +36,7 @@ export class DuetPopupMenu {
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    this.teleport = new Teleport(this.element);
   }
   componentDidLoad() {
     if (!Build.isServer) {
@@ -46,8 +48,39 @@ export class DuetPopupMenu {
    */
   handleKeyUp(evt) {
     if (this.open) {
-      // When Esc is pressed the modal should be closed
+      // When Esc is pressed the menu should be closed
       if (isEscapeKey(evt)) {
+        this.focusController();
+        this.hide();
+      }
+    }
+  }
+  async handleKeyDown(evt) {
+    if (this.open) {
+      if (isArrowDownKey(evt)) {
+        const current = await this.getFocusedItemIndex();
+        if (current !== -1) {
+          if (current < this.itemElements.length - 1) {
+            this.itemElements[current + 1].setFocus();
+          }
+          else {
+            this.itemElements[0].setFocus();
+          }
+        }
+      }
+      if (isArrowUpKey(evt)) {
+        const current = await this.getFocusedItemIndex();
+        if (current !== -1) {
+          if (current === 0) {
+            this.itemElements[this.itemElements.length - 1].setFocus();
+          }
+          else {
+            this.itemElements[current - 1].setFocus();
+          }
+        }
+      }
+      if (isTabKey(evt)) {
+        evt.preventDefault();
         this.hide();
       }
     }
@@ -69,6 +102,8 @@ export class DuetPopupMenu {
    */
   async show() {
     this.open = true;
+    this.teleport.go();
+    this.itemElements[0].setFocus();
     this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
     this.updatePlacement();
   }
@@ -78,6 +113,8 @@ export class DuetPopupMenu {
   async hide() {
     this.open = false;
     this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
+    this.focusController();
+    this.teleport.resume(200);
   }
   /**
    * Toggle.
@@ -90,6 +127,28 @@ export class DuetPopupMenu {
       this.show();
     }
   }
+  focusController() {
+    if (this.controller) {
+      if ("setFocus" in this.controller) {
+        this.controller.setFocus();
+      }
+      else {
+        this.controller.focus();
+      }
+    }
+  }
+  get itemElements() {
+    return Array.from(this.element.querySelectorAll(":scope > duet-popup-menu-item"));
+  }
+  async getFocusedItemIndex() {
+    const items = this.itemElements;
+    for (let i = 0; i < items.length; i++) {
+      if (await items[i].isFocused()) {
+        return i;
+      }
+    }
+    return -1;
+  }
   render() {
     const positionStyles = {
       top: `${this.menuY}px`,
@@ -155,8 +214,8 @@ export class DuetPopupMenu {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "HTMLElement",
-          "resolved": "HTMLElement",
+          "original": "HTMLElement | (HTMLElement & { setFocus(): void })",
+          "resolved": "HTMLElement | HTMLElement & { setFocus(): void; }",
           "references": {
             "HTMLElement": {
               "location": "global"
@@ -268,7 +327,7 @@ export class DuetPopupMenu {
           "references": {
             "DuetPopupMenuEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx"
             }
           }
         }
@@ -350,6 +409,12 @@ export class DuetPopupMenu {
         "target": "window",
         "capture": false,
         "passive": false
+      }, {
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": "window",
+        "capture": false,
+        "passive": false
       }, {
         "name": "click",
         "method": "handleClick",

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -5,6 +5,26 @@ import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetPopupMenuItem {
   constructor() {
+    /**
+     * Component event handling.
+     */
+    this.onFocus = (ev) => {
+      this.focus = true;
+      this.duetFocus.emit({
+        originalEvent: ev,
+        value: this.value,
+        component: "duet-popup-menu-item",
+      });
+    };
+    this.onBlur = (ev) => {
+      this.focus = false;
+      this.duetBlur.emit({
+        originalEvent: ev,
+        value: this.value,
+        component: "duet-popup-menu-item",
+      });
+    };
+    this.focus = false;
     this.accessibleLabel = undefined;
     this.theme = "";
     this.url = undefined;
@@ -21,6 +41,15 @@ export class DuetPopupMenuItem {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    setTimeout(() => this.itemElement.focus(options), 200);
+  }
+  async isFocused() {
+    return this.focus;
+  }
   render() {
     const TagName = this.url ? "a" : "button";
     const classes = {
@@ -28,7 +57,7 @@ export class DuetPopupMenuItem {
       active: this.active,
       "duet-theme-turva": this.theme === "turva",
     };
-    return (h(Host, null, h(TagName, { role: "menuitem", "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { name: this.leadingIcon, size: "xx-small", color: "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { class: "duet-popup-menu-item-label" }, h("slot", null)), this.trailingIcon && (h("duet-icon", { name: this.trailingIcon, size: "xx-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+    return (h(Host, null, h(TagName, { ref: element => (this.itemElement = element), tabIndex: -1, onFocus: this.onFocus, onBlur: this.onBlur, role: "menuitem", "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { name: this.leadingIcon, size: "xx-small", color: "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { class: "duet-popup-menu-item-label" }, h("slot", null)), this.trailingIcon && (h("duet-icon", { name: this.trailingIcon, size: "xx-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
   }
   static get is() { return "duet-popup-menu-item"; }
   static get encapsulation() { return "shadow"; }
@@ -221,5 +250,95 @@ export class DuetPopupMenuItem {
       }
     };
   }
+  static get states() {
+    return {
+      "focus": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "duetFocus",
+        "name": "duetFocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the item receives focus."
+        },
+        "complexType": {
+          "original": "DuetPopupMenuItemEvent",
+          "resolved": "{ originalEvent?: Event; value: string; component: \"duet-popup-menu-item\"; }",
+          "references": {
+            "DuetPopupMenuItemEvent": {
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx"
+            }
+          }
+        }
+      }, {
+        "method": "duetBlur",
+        "name": "duetBlur",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the item loses focus."
+        },
+        "complexType": {
+          "original": "DuetPopupMenuItemEvent",
+          "resolved": "{ originalEvent?: Event; value: string; component: \"duet-popup-menu-item\"; }",
+          "references": {
+            "DuetPopupMenuItemEvent": {
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "(options?: FocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "FocusOptions": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets focus. Use this method instead of the global focus().",
+          "tags": []
+        }
+      },
+      "isFocused": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }