@duetds/components 7.1.0 → 7.1.1

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

@@ -0,0 +1,177 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+function camelToKebab(str) {
+  return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+}
+function isChildren(propsOrChildren) {
+  return Array.isArray(propsOrChildren) || typeof propsOrChildren === "string";
+}
+function dom(tag, propsOrChildren, children) {
+  if (propsOrChildren == null) {
+    propsOrChildren = {};
+  }
+  if (isChildren(propsOrChildren)) {
+    children = propsOrChildren;
+    propsOrChildren = {};
+  }
+  if (children == null) {
+    children = "";
+  }
+  const attrs = Object.entries(propsOrChildren)
+    .map(([attr, value]) => `${camelToKebab(attr)}="${value}"`)
+    .join(" ");
+  children = Array.isArray(children) ? children : [children];
+  return `<${tag} ${attrs}>${children.join("")}</${tag}>`;
+}
+function paragraph(props, children) {
+  return dom("duet-paragraph", props, children);
+}
+function heading(props, children) {
+  return dom("duet-heading", props, children);
+}
+function drawer(props, children) {
+  return dom("duet-notification-drawer", props, children);
+}
+function notification(props, children) {
+  return dom("duet-notification", props, children);
+}
+function appendFocusableElement(page) {
+  return page.evaluate(() => {
+    const a = document.createElement("a");
+    a.href = "#";
+    a.innerText = "some focusable element";
+    document.body.appendChild(a);
+  });
+}
+function generatePage(options = { theme: "default" }) {
+  return createPage(dom("html", { class: `duet-theme-${options.theme}` }, [
+    `<link rel="stylesheet" href="https://cdn.duetds.com/api/css/1.4.16/lib/duet.min.css" />`,
+    drawer({ label: "Notifications (3)", badge: true, icon: "messaging-notification" }, [
+      notification({ date: "today", url: "#", highlight: true }, [
+        heading({ level: "h2", visualLevel: "h6", margin: "none" }, "First notification"),
+      ]),
+      notification({ date: "today", url: "#" }, [
+        paragraph({ size: "small", margin: "none" }, "Second notification"),
+      ]),
+      notification({ date: "today", url: "#" }, [
+        heading({ level: "h2", visualLevel: "h6" }, "Third notification"),
+        paragraph({ size: "small", margin: "none" }, "Some text which would serve as the body of the notification"),
+      ]),
+    ]),
+  ]));
+}
+function getFocusedElement(page) {
+  return page.evaluateHandle(() => document.activeElement);
+}
+function getButton(page) {
+  return page.find("duet-notification-drawer >>> button[aria-expanded]");
+}
+function getContent(page) {
+  return page.find("duet-notification-drawer >>> .duet-drawer-content");
+}
+async function openDrawer(page) {
+  const button = await getButton(page);
+  await button.click();
+  await page.waitForChanges();
+}
+describe("duet-notification-drawer", () => {
+  it("should render a notification drawer", async () => {
+    const page = await createPage(drawer({ label: "Notifications" }));
+    const component = await page.find("duet-notification-drawer");
+    expect(component).not.toBeNull();
+    expect(component).toHaveClass("hydrated");
+  });
+  it("closes on click outside", async () => {
+    const page = await generatePage();
+    await appendFocusableElement(page); // we need another focusable element for the purpose of test
+    await openDrawer(page);
+    const link = await page.find("a");
+    await link.click();
+    await page.waitForChanges();
+    const button = await getButton(page);
+    const content = await getContent(page);
+    expect(await content.isVisible()).toBe(false);
+    expect(button).toEqualAttribute("aria-expanded", "false");
+  });
+  it("closes when focus moves outside", async () => {
+    const page = await generatePage();
+    await appendFocusableElement(page); // we need another focusable element for the purpose of test
+    await openDrawer(page);
+    const link = await page.find("a");
+    await link.focus();
+    await page.waitForChanges();
+    const button = await getButton(page);
+    const content = await getContent(page);
+    expect(await content.isVisible()).toBe(false);
+    expect(button).toEqualAttribute("aria-expanded", "false");
+  });
+  describe("keyboard a11y", () => {
+    it("can be opened with keyboard", async () => {
+      const page = await generatePage();
+      let button = await getButton(page);
+      let content = await getContent(page);
+      expect(button).toEqualAttribute("aria-expanded", "false");
+      expect(await content.isVisible()).toBe(false);
+      await page.keyboard.press("Tab");
+      await page.keyboard.press("Enter");
+      await page.waitForChanges();
+      button = await getButton(page);
+      content = await getContent(page);
+      expect(button).toEqualAttribute("aria-expanded", "true");
+      expect(await content.isVisible()).toBe(true);
+    });
+    it("closes on ESC press", async () => {
+      const page = await generatePage();
+      await openDrawer(page);
+      let content = await getContent(page);
+      expect(await content.isVisible()).toBe(true);
+      await page.keyboard.press("Escape");
+      await page.waitForChanges();
+      const button = await getButton(page);
+      content = await getContent(page);
+      expect(button).toEqualAttribute("aria-expanded", "false");
+      expect(await content.isVisible()).toBe(false);
+    });
+    it("allows for tabbing through notifications", async () => {
+      const page = await generatePage();
+      await page.keyboard.press("Tab");
+      await page.keyboard.press("Enter");
+      await page.waitForChanges();
+      await page.keyboard.press("Tab");
+      let focused = await getFocusedElement(page);
+      let text = await page.evaluate((element) => element.innerText, focused);
+      expect(text).toContain("First notification");
+      await page.keyboard.press("Tab");
+      focused = await getFocusedElement(page);
+      text = await page.evaluate((element) => element.innerText, focused);
+      expect(text).toContain("Second notification");
+      await page.keyboard.press("Tab");
+      focused = await getFocusedElement(page);
+      text = await page.evaluate((element) => element.innerText, focused);
+      expect(text).toContain("Third notification");
+    });
+    it("closes once focus moves out of drawer", async () => {
+      const page = await generatePage();
+      await appendFocusableElement(page); // we need another focusable element for the test
+      await page.keyboard.press("Tab");
+      await page.keyboard.press("Enter");
+      await page.waitForChanges();
+      let button = await getButton(page);
+      expect(button).toEqualAttribute("aria-expanded", "true");
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      button = await getButton(page);
+      const content = await getContent(page);
+      expect(button).toEqualAttribute("aria-expanded", "false");
+      expect(await content.isVisible()).toBe(false);
+    });
+  });
+});

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

@@ -130,7 +130,8 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetIconName": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetIconName"
             }
           }
         },
@@ -171,7 +172,8 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetLanguage": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetLanguage"
             }
           }
         },
@@ -194,7 +196,8 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -259,7 +262,8 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -282,7 +286,8 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetNotificationDrawerDirection": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/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",
+              "id": "src/components/duet-notification-drawer/duet-notification-drawer.tsx::DuetNotificationDrawerDirection"
             }
           }
         },
@@ -318,10 +323,12 @@ export class DuetNotificationDrawer {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"
@@ -340,7 +347,8 @@ export class DuetNotificationDrawer {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -362,7 +370,8 @@ export class DuetNotificationDrawer {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"

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

@@ -0,0 +1,32 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createComponent } from "./duet-number-input.e2e";
+describe("duet-number-input - negative values", () => {
+  it("supports negative min and max values", async () => {
+    const page = await createComponent({ value: "-2 C", step: 1, min: -3, max: -1, unit: "C" });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    const subtract = await numberInput.find(".duet-number-button-subtract");
+    const add = await numberInput.find(".duet-number-button-add");
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    expect(await input.getProperty("value")).toBe("−2 C");
+    await add.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toBe("−1 C");
+    // we've hit the max, so should still be 3
+    await add.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toBe("−1 C");
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toBe("−2 C");
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toBe("−3 C");
+    // we've hit the min, so should be still be 1
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toBe("−3 C");
+  });
+});

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

@@ -0,0 +1,242 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+export function createComponent(props = {}) {
+  function camelToKebab(str) {
+    return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+  }
+  const attrs = Object.entries(props)
+    .map(([attr, value]) => `${camelToKebab(attr)}="${value}"`)
+    .join(" ");
+  return createPage(`<duet-number-input ${attrs}></duet-number-input>`);
+}
+describe("duet-number-input", () => {
+  it("should render a number-input", async () => {
+    const page = await createComponent();
+    const component = await page.find("duet-number-input");
+    expect(component).not.toBeNull();
+    expect(component).toHaveClass("hydrated");
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createComponent({ theme: "turva" });
+    const element = await page.find("duet-number-input");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that expands the input to fill 100% width", async () => {
+    const page = await createComponent({ expand: true });
+    const element = await page.find("duet-number-input");
+    expect(element).toHaveClass("duet-expand");
+  });
+  it("should provide a property that sets the max amount", async () => {
+    const page = await createComponent({ max: 10 });
+    const element = await page.find("duet-number-input duet-input");
+    expect(element.getAttribute("aria-valuemax")).toEqual("10");
+  });
+  it("should provide a property that sets the min amount", async () => {
+    const page = await createComponent({ min: 1 });
+    const element = await page.find("duet-number-input duet-input");
+    expect(element.getAttribute("aria-valuemin")).toEqual("1");
+  });
+  it("supports not setting an initial value", async () => {
+    const MIN_VALUE = 100;
+    const page = await createComponent({ min: MIN_VALUE, step: 50 });
+    const numberInput = await page.find("duet-number-input");
+    const spy = await numberInput.spyOnEvent("duetChange");
+    // input should initially be empty
+    const input = await numberInput.find("duet-input");
+    expect(await input.getProperty("value")).toBe("");
+    // subtract button should be disabled
+    const subtractButton = await numberInput.find(".duet-number-button-subtract");
+    expect(subtractButton.getAttribute("aria-disabled")).toBe("true");
+    // add button should be enabled
+    const addButton = await numberInput.find(".duet-number-button-add");
+    expect(addButton.getAttribute("aria-disabled")).toBe("false");
+    await addButton.click();
+    await page.waitForChanges();
+    // input value should now be set to min + unit
+    expect(await input.getProperty("value")).toBe(`${MIN_VALUE} €`);
+    // and should have received a single input event
+    expect(spy).toHaveReceivedEventTimes(1);
+    expect(spy.lastEvent.detail).toEqual(expect.objectContaining({
+      value: MIN_VALUE.toString(),
+      valueAsNumber: MIN_VALUE,
+      component: "duet-number-input",
+    }));
+  });
+  it("support clearing the input with backspace key", async () => {
+    const page = await createComponent({ value: "50", step: 50 });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    const spyInput = await numberInput.spyOnEvent("duetInput");
+    const spyChange = await numberInput.spyOnEvent("duetChange");
+    // focus and clear input
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    await page.keyboard.press("Backspace");
+    await page.waitForChanges();
+    // input's value should be empty
+    // and should have received a single input event
+    expect(await input.getProperty("value")).toBe("");
+    expect(spyInput).toHaveReceivedEventTimes(1);
+    expect(spyInput.lastEvent.detail).toEqual(expect.objectContaining({
+      value: null,
+      valueAsNumber: null,
+      component: "duet-number-input",
+    }));
+    // when blurring input, we should get a single change event
+    await page.keyboard.press("Tab");
+    expect(spyChange).toHaveReceivedEventTimes(1);
+    expect(spyChange.lastEvent.detail).toEqual(expect.objectContaining({
+      value: null,
+      valueAsNumber: null,
+      component: "duet-number-input",
+    }));
+  });
+  it("supports stepping of the value", async () => {
+    const page = await createComponent({ value: "50", step: 50 });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    const subtract = await numberInput.find(".duet-number-button-subtract");
+    const add = await numberInput.find(".duet-number-button-add");
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    // increment via up arrow
+    await page.keyboard.press("ArrowUp");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("100 €");
+    // increment via right arrow
+    await page.keyboard.press("ArrowRight");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("150 €");
+    // increment via + button
+    await add.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("200 €");
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    // decrement via down arrow
+    await page.keyboard.press("ArrowDown");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("150 €");
+    // decrement via left arrow
+    await page.keyboard.press("ArrowLeft");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("100 €");
+    // decrement via - button
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("50 €");
+  });
+  it("supports min and max values", async () => {
+    const page = await createComponent({ value: "2", step: 1, min: 1, max: 3 });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    const subtract = await numberInput.find(".duet-number-button-subtract");
+    const add = await numberInput.find(".duet-number-button-add");
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    await add.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("3 €");
+    // we've hit the max, so should still be 3
+    await add.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("3 €");
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("2 €");
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("1 €");
+    // we've hit the min, so should be still be 1
+    await subtract.click();
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("1 €");
+  });
+  it("rounds value to nearest step on blur in constrained mode", async () => {
+    const page = await createComponent({ value: "50", step: 50 });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    // focus and clear input
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    await page.keyboard.press("Backspace");
+    await page.waitForChanges();
+    // enter value that is not a multiple of step
+    await page.keyboard.type("75", { delay: 100 });
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("100 €");
+  });
+  it("does not round values on blur when rounding disabled", async () => {
+    const page = await createComponent({ value: "50", step: 50, rounding: false });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    // focus and clear input
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    await page.keyboard.press("Backspace");
+    await page.waitForChanges();
+    // enter value that is not a multiple of step
+    await page.keyboard.type("73", { delay: 100 });
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("73 €");
+  });
+  it("increments to nearest multiple of step when rounding disabled", async () => {
+    const page = await createComponent({ value: "100", step: 100, rounding: false });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    // focus and clear input
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    await page.keyboard.press("Backspace");
+    await page.waitForChanges();
+    // enter value that is not a multiple of step
+    await page.keyboard.type("199", { delay: 100 });
+    await page.keyboard.press("ArrowUp");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("200 €");
+    // enter value that is not a multiple of step
+    await page.keyboard.press("Backspace");
+    await page.keyboard.type("101", { delay: 100 });
+    await page.keyboard.press("ArrowUp");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("200 €");
+  });
+  it("decrements to nearest multiple of step when rounding disabled", async () => {
+    const page = await createComponent({ value: "100", step: 100, rounding: false });
+    const numberInput = await page.find("duet-number-input");
+    const input = await numberInput.find("duet-input");
+    // focus and clear input
+    await page.$eval("duet-number-input", (el) => el.setFocus());
+    await page.keyboard.press("Backspace");
+    await page.waitForChanges();
+    // enter value that is not a multiple of step
+    await page.keyboard.type("101", { delay: 100 });
+    await page.keyboard.press("ArrowDown");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("100 €");
+    // enter value that is not a multiple of step
+    await page.keyboard.press("Backspace");
+    await page.keyboard.type("199", { delay: 100 });
+    await page.keyboard.press("ArrowDown");
+    await page.waitForChanges();
+    expect(await input.getProperty("value")).toEqualText("100 €");
+  });
+  it("should provide a method to get the initial numeric value of the input", async () => {
+    const page = await createComponent({ value: "50" });
+    const initialNumericValue = await page.evaluate(() => {
+      const element = document.querySelector("duet-number-input");
+      return element.getValueAsNumber();
+    });
+    expect(typeof initialNumericValue).toBe("number");
+    expect(initialNumericValue).toBe(50);
+  });
+  it("should provide a method to get the current numeric value of the input", async () => {
+    const page = await createComponent({ value: "50", step: 50 });
+    const add = await page.find(".duet-number-button-add");
+    await add.click();
+    await page.waitForChanges();
+    const currentNumericValue = await page.evaluate(() => {
+      const element = document.querySelector("duet-number-input");
+      return element.getValueAsNumber();
+    });
+    expect(typeof currentNumericValue).toBe("number");
+    expect(currentNumericValue).toBe(100);
+  });
+});

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

@@ -311,7 +311,8 @@ export class DuetNumberInput {
           "references": {
             "DuetLanguage": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetLanguage"
             }
           }
         },
@@ -340,7 +341,8 @@ export class DuetNumberInput {
           "references": {
             "DuetLocale": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetLocale"
             }
           }
         },
@@ -503,7 +505,8 @@ export class DuetNumberInput {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -568,7 +571,8 @@ export class DuetNumberInput {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -615,7 +619,8 @@ export class DuetNumberInput {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -662,7 +667,8 @@ export class DuetNumberInput {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -685,7 +691,8 @@ export class DuetNumberInput {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -761,7 +768,8 @@ export class DuetNumberInput {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -1018,7 +1026,8 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/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",
+              "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
         }
@@ -1038,7 +1047,8 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/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",
+              "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
         }
@@ -1058,7 +1068,8 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/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",
+              "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
         }
@@ -1078,7 +1089,8 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/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",
+              "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
         }
@@ -1095,10 +1107,12 @@ export class DuetNumberInput {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"
@@ -1114,7 +1128,8 @@ export class DuetNumberInput {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<number>"