@duetds/components 7.1.0 → 7.1.2

package/lib/collection/components/duet-checkbox/duet-checkbox.e2e.js

@@ -0,0 +1,112 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-checkbox", () => {
+  it("should render a checkbox", async () => {
+    const page = await createPage(`<duet-checkbox></duet-checkbox>`);
+    const component = await page.find("duet-checkbox");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that renders label", async () => {
+    const page = await createPage(`<duet-checkbox label="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox label");
+    expect(element.innerText).toEqual("test");
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-checkbox margin="none"></duet-checkbox>`);
+    const element = await page.find(".duet-m-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that renders aria-controls", async () => {
+    const page = await createPage(`<duet-checkbox accessible-controls="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("aria-controls")).toEqual("test");
+  });
+  it("should provide a property that renders aria-activedescendant", async () => {
+    const page = await createPage(`<duet-checkbox accessible-active-descendant="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("aria-activedescendant")).not.toBeNull();
+  });
+  it("should provide a property that renders aria-owns", async () => {
+    const page = await createPage(`<duet-checkbox accessible-owns="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("aria-owns")).not.toBeNull();
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-checkbox theme="turva"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox-container");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that makes the  disabled", async () => {
+    const page = await createPage(`<duet-checkbox disabled></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("disabled")).not.toBeNull();
+  });
+  it("should provide a property that adds an ID for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox identifier="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("id")).toEqual("test");
+  });
+  it("should provide a property that makes checkbox required", async () => {
+    const page = await createPage(`<duet-checkbox required></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("required")).not.toBeNull();
+  });
+  it("should provide a property that adds name for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox name="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("name")).not.toBeNull();
+  });
+  it("should provide a property that adds role for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox role="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("role")).not.toBeNull();
+  });
+  it("should provide a property that checks the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox checked></duet-checkbox>`);
+    const element = (await page.find("duet-checkbox .duet-checkbox"));
+    expect(element.checked).not.toBeNull();
+  });
+  it("should provide a property that adds value for the checkbox", async () => {
+    const page = await createPage(`<duet-checkbox value="test"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("value")).not.toBeNull();
+  });
+  it("should provide a property that changes tabindex of checkbox", async () => {
+    const page = await createPage(`<duet-checkbox accessible-index="-1"></duet-checkbox>`);
+    const element = await page.find("duet-checkbox .duet-checkbox");
+    expect(element.getAttribute("tabindex")).not.toBeNull();
+  });
+  it("should only raise an event on user interaction, not when changing checked property programmatically", async () => {
+    const page = await createPage(`<duet-checkbox label="Checked" value="test"></duet-checkbox>`);
+    const checkbox = await page.find("duet-checkbox");
+    const changeEventSpy = await checkbox.spyOnEvent("duetChange");
+    checkbox.setProperty("checked", true);
+    await page.waitForChanges();
+    expect(changeEventSpy).not.toHaveReceivedEvent();
+    await checkbox.click();
+    expect(changeEventSpy).toHaveReceivedEvent();
+  });
+  it("should raise an event on focus", async () => {
+    const page = await createPage(`<duet-checkbox label="Checked" value="test"></duet-checkbox>`);
+    const checkbox = await page.find("duet-checkbox");
+    const focusEventSpy = await checkbox.spyOnEvent("duetFocus");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(focusEventSpy).toHaveReceivedEvent();
+  });
+  it("should raise an event on blur", async () => {
+    const page = await createPage(`
+      <duet-checkbox label="Checked" value="test"></duet-checkbox>
+      <button>another focusable element</button>
+    `);
+    const checkbox = await page.find("duet-checkbox");
+    const blurEventSpy = await checkbox.spyOnEvent("duetFocus");
+    // focus then blur the checkbox
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(blurEventSpy).toHaveReceivedEvent();
+  });
+});

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

@@ -131,7 +131,8 @@ export class DuetCheckbox {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -312,7 +313,8 @@ export class DuetCheckbox {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -485,7 +487,8 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+              "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
             }
           }
         }
@@ -505,7 +508,8 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+              "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
             }
           }
         }
@@ -525,7 +529,8 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+              "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
             }
           }
         }
@@ -542,10 +547,12 @@ export class DuetCheckbox {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"

package/lib/collection/components/duet-chip/duet-chip.e2e.js

@@ -0,0 +1,46 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-chip", () => {
+  it("should render a checkbox", async () => {
+    const page = await createPage(`<duet-chip></duet-chip>`);
+    const component = await page.find("duet-chip");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that renders aria-label", async () => {
+    const page = await createPage(`<duet-chip accessible-label="test">chip</duet-chip>`);
+    const element = await page.find("duet-chip >>> .duet-chip-container [aria-label]");
+    expect(element.getAttribute("aria-label")).toEqual("test");
+  });
+  it("should render a checkbox input with variation 'filter'", async () => {
+    const page = await createPage(`<duet-chip variation="filter">chip</duet-chip>`);
+    const element = await page.find(`duet-chip >>> input[type="checkbox"]`);
+    expect(element).not.toBeNull();
+  });
+  it("should render a check-mark icon with variation 'filter'", async () => {
+    const page = await createPage(`<duet-chip variation="filter">chip</duet-chip>`);
+    const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
+    expect(element).not.toBeNull();
+  });
+  it("should render an icon in a filter chip when provided", async () => {
+    const page = await createPage(`<duet-chip variation="filter" icon="category-car">chip</duet-chip>`);
+    const element = await page.find(`duet-chip >>> duet-icon:not(.check-mark)`);
+    expect(element).not.toBeNull();
+  });
+  it("should render a button with variation 'button'", async () => {
+    const page = await createPage(`<duet-chip variation="button">chip</duet-chip>`);
+    const element = await page.find(`duet-chip >>> button`);
+    expect(element).not.toBeNull();
+  });
+  it("should render a radio input with variation 'radio'", async () => {
+    const page = await createPage(`<duet-chip variation="radio">chip</duet-chip>`);
+    const element = await page.find(`duet-chip >>> input[type="radio"]`);
+    expect(element).not.toBeNull();
+  });
+  it("should render an icon in a button chip when provided", async () => {
+    const page = await createPage(`<duet-chip variation="button" icon="category-car">chip</duet-chip>`);
+    const element = await page.find(`duet-chip >>> duet-icon`);
+    expect(element).not.toBeNull();
+  });
+});

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

@@ -229,7 +229,8 @@ export class DuetChip {
           "references": {
             "DuetChipVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+              "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
             }
           }
         },
@@ -269,7 +270,8 @@ export class DuetChip {
           "references": {
             "DuetIconName": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetIconName"
             }
           }
         },
@@ -292,7 +294,8 @@ export class DuetChip {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -419,7 +422,8 @@ export class DuetChip {
           "references": {
             "DuetChipEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+              "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
             }
           }
         }
@@ -439,7 +443,8 @@ export class DuetChip {
           "references": {
             "DuetChipEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+              "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
             }
           }
         }
@@ -459,7 +464,8 @@ export class DuetChip {
           "references": {
             "DuetChipEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
+              "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
             }
           }
         }
@@ -476,10 +482,12 @@ export class DuetChip {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"

package/lib/collection/components/duet-choice/duet-checkmark.js

@@ -46,7 +46,8 @@ export class DuetCheckmark {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -123,7 +124,8 @@ export class DuetCheckmark {
           "references": {
             "DuetChoiceType": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetChoiceType"
             }
           }
         },

package/lib/collection/components/duet-choice/duet-choice.e2e.js

@@ -0,0 +1,181 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-choice", () => {
+  function isElementVisible(page, selector) {
+    return page.$eval(selector, (element) => {
+      if (!element) {
+        return false;
+      }
+      return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
+    });
+  }
+  it("has the correct tabbing order", async () => {
+    const page = await createPage(`
+      <duet-choice theme="turva">
+          <duet-paragraph slot="info">some text <a href="http://www.google.com">google</a></duet-paragraph>
+      </duet-choice>
+      `);
+    expect(await isElementVisible(page, "duet-paragraph")).toBe(false);
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Space");
+    await page.waitForChanges();
+    expect(await isElementVisible(page, "duet-paragraph")).toBe(true);
+    await page.keyboard.press("Space");
+    await page.waitForChanges();
+    expect(await isElementVisible(page, "duet-paragraph")).toBe(false);
+  });
+  it("should render a choice button", async () => {
+    const page = await createPage(`<duet-choice></duet-choice>`);
+    const component = await page.find("duet-choice");
+    expect(component).not.toBeNull();
+    expect(component).toHaveClass("hydrated");
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-choice margin="none"></duet-choice>`);
+    const element = await page.find(".duet-m-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that removes the padding of the component", async () => {
+    const page = await createPage(`<duet-choice padding="none"></duet-choice>`);
+    const element = await page.find(".duet-p-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that renders label", async () => {
+    const page = await createPage(`<duet-choice label="test"></duet-choice>`);
+    const element = await page.find("duet-choice label");
+    expect(element.innerText).toEqual("test");
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-choice theme="turva"><div slot="info">some text</div></duet-choice>`);
+    const element = await page.find("duet-choice");
+    expect(element).toHaveClass("duet-theme-turva");
+    const elementFlex = await page.find("duet-choice .duet-choice-card-flextainer");
+    expect(elementFlex).toHaveClass("duet-theme-turva");
+    const elementButton = await page.find("duet-choice button");
+    expect(elementButton).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that makes the choice disabled", async () => {
+    const page = await createPage(`<duet-choice disabled></duet-choice>`);
+    const element = await page.find("duet-choice input");
+    expect(element.getAttribute("disabled")).not.toBeNull();
+  });
+  it("should provide a property that adds an ID for the choice", async () => {
+    const page = await createPage(`<duet-choice identifier="test"></duet-choice>`);
+    const element = await page.find("duet-choice input");
+    expect(element.getAttribute("id")).toEqual("test");
+  });
+  it("should provide a property that checks the choice", async () => {
+    const page = await createPage(`<duet-choice checked></duet-choice>`);
+    const element = (await page.find("duet-choice input"));
+    expect(element.checked).not.toBeNull();
+  });
+  it("should provide a property that adds value for the choice", async () => {
+    const page = await createPage(`<duet-choice value="test"></duet-choice>`);
+    const element = await page.find("duet-choice input");
+    expect(element.getAttribute("value")).not.toBeNull();
+  });
+  it("should provide a property that adds name for the choice", async () => {
+    const page = await createPage(`<duet-choice name="test"></duet-choice>`);
+    const element = await page.find("duet-choice input");
+    expect(element.getAttribute("name")).not.toBeNull();
+  });
+  it("should provide a property that changes the type of the choice", async () => {
+    const page = await createPage(`<duet-choice type="radio"></duet-choice>`);
+    const element = await page.find("duet-choice input[type=radio]");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that makes the choice collapsible", async () => {
+    const page = await createPage(`<duet-choice collapsible></duet-choice>`);
+    const element = await page.find("duet-choice .duet-choice-card-collapsible");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that makes the collapsible choice always open", async () => {
+    const page = await createPage(`<duet-choice collapsible collapsible-force-expanded>Content</duet-choice>`);
+    const elementHeight = await page.evaluate(() => {
+      const content = document.querySelector(".duet-choice-card-collapsible");
+      return content.getBoundingClientRect().height;
+    });
+    expect(elementHeight).toBeGreaterThan(0);
+  });
+  it.skip("should add expanded to label text, when checked and collapsible", async () => {
+    // changes in the a11y has invalidated this test - revisit later
+    const strLabel = "Kissa";
+    const page = await createPage(`<duet-choice label="${strLabel}" checked collapsible></duet-choice>`);
+    const choice = await page.find("duet-choice");
+    await page.waitForChanges();
+    expect(choice.textContent).toBe(`${strLabel}, Expanded`);
+  });
+  it.skip("should add collapsed to label text, when unchecked and collapsible", async () => {
+    // changes in the a11y has invalidated this test - revisit later
+    const strLabel = "Kissa";
+    const page = await createPage(`<duet-choice label="${strLabel}" collapsible></duet-choice>`);
+    const choice = await page.find("duet-choice");
+    await page.waitForChanges();
+    expect(choice.textContent).toBe(`${strLabel}, Collapsed`);
+  });
+  it("should shortcircuit describedBy behaviour when accessibleDescribedBy is empty string", async () => {
+    const strLabel = "Kissa";
+    const page = await createPage(`<duet-choice label="${strLabel}" collapsible accessible-described-by=" "></duet-choice>`);
+    const choice = await page.find("duet-choice");
+    const input = await choice.find("input");
+    await page.waitForChanges();
+    expect(input.getAttribute("aria-describedby")).toBe(" ");
+  });
+  it("should shortcircuit describedBy behaviour when accessibleDescribedBy is 'false' string", async () => {
+    const strLabel = "Kissa";
+    const page = await createPage(`<duet-choice label="${strLabel}" collapsible accessible-described-by="false"></duet-choice>`);
+    const choice = await page.find("duet-choice");
+    const input = await choice.find("input");
+    await page.waitForChanges();
+    expect(input.getAttribute("aria-describedby")).toBe("false");
+  });
+  it("should provide a property that expands the choice to fill 100% width", async () => {
+    const page = await createPage(`<duet-choice expand></duet-choice>`);
+    const element = await page.find("duet-choice");
+    expect(element).toHaveClass("duet-expand");
+  });
+  it("should provide a property that adds icon to label", async () => {
+    const page = await createPage(`<duet-choice icon="category-pet-cat"></duet-choice>`);
+    const element = await page.find("duet-choice .duet-choice-card-icon");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that adds caption", async () => {
+    const page = await createPage(`<duet-choice caption="foo"></duet-choice>`);
+    const element = await page.find("duet-choice duet-caption");
+    expect(element).not.toBeNull();
+  });
+  it("should only raise an event on user interaction, not when changing checked property programmatically", async () => {
+    const page = await createPage(`<duet-choice caption="foo"></duet-choice>`);
+    const choice = await page.find("duet-choice");
+    const changeEventSpy = await choice.spyOnEvent("duetChange");
+    choice.setProperty("checked", true);
+    await page.waitForChanges();
+    expect(changeEventSpy).not.toHaveReceivedEvent();
+    await choice.click();
+    expect(changeEventSpy).toHaveReceivedEvent();
+  });
+  it("should raise an event on focus", async () => {
+    const page = await createPage(`<duet-choice caption="foo"></duet-choice>`);
+    const choice = await page.find("duet-choice");
+    const focusEventSpy = await choice.spyOnEvent("duetFocus");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(focusEventSpy).toHaveReceivedEvent();
+  });
+  it("should raise an event on blur", async () => {
+    const page = await createPage(`
+      <duet-choice caption="foo"></duet-choice>
+      <button>another focusable element</button>
+    `);
+    const choice = await page.find("duet-choice");
+    const blurEventSpy = await choice.spyOnEvent("duetFocus");
+    // focus then blur the checkbox
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(blurEventSpy).toHaveReceivedEvent();
+  });
+});

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

@@ -294,7 +294,8 @@ export class DuetChoice {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -335,7 +336,8 @@ export class DuetChoice {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -343,7 +345,7 @@ export class DuetChoice {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Property to change accessibleLabelInfoButton defaults on the component.\nnormally you would handle these strings on an application level and override @accessibleLabelInfoButton when needed"
+          "text": "Property to change accessibleLabelInfoButton defaults on the component.\nnormally you would handle these strings on an application level and override accessibleLabelInfoButton when needed"
         },
         "attribute": "accessible-label-info-default",
         "reflect": false,
@@ -536,7 +538,8 @@ export class DuetChoice {
           "references": {
             "DuetChoiceType": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetChoiceType"
             }
           }
         },
@@ -630,7 +633,8 @@ export class DuetChoice {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -689,7 +693,8 @@ export class DuetChoice {
           "references": {
             "DuetPadding": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetPadding"
             }
           }
         },
@@ -729,7 +734,8 @@ export class DuetChoice {
           "references": {
             "DuetDirection": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetDirection"
             }
           }
         },
@@ -830,7 +836,8 @@ export class DuetChoice {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -894,7 +901,8 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+              "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
             }
           }
         }
@@ -914,7 +922,8 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+              "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
             }
           }
         }
@@ -934,7 +943,8 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+              "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
             }
           }
         }
@@ -951,10 +961,12 @@ export class DuetChoice {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"
@@ -970,7 +982,8 @@ export class DuetChoice {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"