@duetds/components 7.1.2 → 8.0.0

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

@@ -91,6 +91,12 @@ export class DuetChoice {
     };
     this.toggleInfo = () => {
       this.isInfoOpen = !this.isInfoOpen;
+      if (this.isInfoOpen) {
+        setTimeout(() => {
+          var _a;
+          (_a = this.infoContainer) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+      }
     };
     this.isHovering = false;
     this.isInfoOpen = false;
@@ -140,6 +146,7 @@ export class DuetChoice {
     this.hasAdditional = hasSlot(this.element, "additional");
     this.hasLabel = hasSlot(this.element, "label");
     this.hasBeforeText = hasSlot(this.element, "before-text");
+    this.duetChoiceReady.emit();
   }
   componentDidLoad() {
     nudge(this);
@@ -152,6 +159,7 @@ export class DuetChoice {
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
+    this.duetChoiceRemove.emit();
   }
   /**
    * Component event handling.
@@ -269,7 +277,7 @@ export class DuetChoice {
       }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, "aria-flowto": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button" }, h("duet-visually-hidden", { "aria-hidden": !this.isBlurred ? "true" : "false" }, this.accessibleLabelInfoButton), h("div", { class: "duet-choice-info-icon" }, h("duet-icon", { icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
         "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
         "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
-      } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", null, h("span", { "aria-relevant": "all", "aria-atomic": "true", "aria-live": this.isInfoOpen ? "polite" : "off" }, h("slot", { name: "info" })), h("slot", null))) : (h("span", null, h("slot", null)))), this.isInfoOpen && h(FocusGuard, { moveFocusTo: this.infoButtonEl }))) : null));
+      } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container" }, h("span", { "aria-relevant": "all", "aria-atomic": "true", "aria-live": this.isInfoOpen ? "polite" : "off" }, h("slot", { name: "info" })), h("slot", null))) : (h("span", null, h("slot", null)))), this.isInfoOpen && h(FocusGuard, { moveFocusTo: this.infoButtonEl }))) : null));
   }
   static get is() { return "duet-choice"; }
   static get encapsulation() { return "scoped"; }
@@ -886,6 +894,46 @@ export class DuetChoice {
   }
   static get events() {
     return [{
+        "method": "duetChoiceReady",
+        "name": "duetChoiceReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the component is available in the DOM."
+        },
+        "complexType": {
+          "original": "CustomEvent",
+          "resolved": "CustomEvent<any>",
+          "references": {
+            "CustomEvent": {
+              "location": "global",
+              "id": "global::CustomEvent"
+            }
+          }
+        }
+      }, {
+        "method": "duetChoiceRemove",
+        "name": "duetChoiceRemove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the component is removed from the DOM."
+        },
+        "complexType": {
+          "original": "CustomEvent",
+          "resolved": "CustomEvent<any>",
+          "references": {
+            "CustomEvent": {
+              "location": "global",
+              "id": "global::CustomEvent"
+            }
+          }
+        }
+      }, {
         "method": "duetChange",
         "name": "duetChange",
         "bubbles": true,
@@ -901,7 +949,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
               "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
             }
           }
@@ -922,7 +970,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
               "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
             }
           }
@@ -943,7 +991,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
               "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
             }
           }

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

@@ -65,7 +65,6 @@ describe("duet-choice-group", () => {
   });
   it("ignores duetChange events from all components other than duet-choice", async () => {
     const page = await createPage(`
-      <link rel="stylesheet" href="http://localhost:3334/fonts/lib/localtapiola.css" />
       <duet-choice-group value="svenska" label="Asiointikieli" name="group" responsive>
         <duet-choice label="Svenska" type="radio" value="svenska" collapsible expand>
           <duet-textarea></duet-textarea>

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

@@ -4,17 +4,10 @@
 import { Build, h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { nudge } from "../../utils/nudge";
-import { findCheckedOption, watchForOptions } from "../../utils/watch-options";
-const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";
 export class DuetChoiceGroup {
   constructor() {
     this.choiceGroupName = "duet-choice-group";
-    this.getChoices = () => {
-      return Array.from(this.element.querySelectorAll(duetChoiceSelector));
-    };
-    this.isMyChoice = (choice) => {
-      return this.getChoices().includes(choice);
-    };
+    this.choices = new Set();
     /**
      * Component event handling.
      */
@@ -23,12 +16,21 @@ export class DuetChoiceGroup {
         return;
       }
       const selectedChoice = ev.target;
-      if (selectedChoice && this.isMyChoice(selectedChoice)) {
+      if (selectedChoice && this.choices.has(selectedChoice)) {
         this.value = selectedChoice.value;
       }
-      // Prevent events from bubbling up the DOM tree in case
-      // this group is a sub-group of another choice group.
-      ev.cancelBubble = true;
+    };
+    this.onChoiceReady = (ev) => {
+      const choice = ev.target;
+      if (choice.closest("duet-choice-group") === this.element && !this.choices.has(choice)) {
+        this.choices.add(choice);
+        this.updateChoices();
+      }
+    };
+    this.onChoiceRemove = (ev) => {
+      const choice = ev.target;
+      this.choices.delete(choice);
+      this.updateChoices();
     };
     this.direction = "vertical";
     this.margin = "auto";
@@ -52,28 +54,7 @@ export class DuetChoiceGroup {
     if (Build.isServer) {
       return;
     }
-    const el = this.element;
-    if (this.value === undefined) {
-      const choice = findCheckedOption(el, duetChoiceSelector);
-      if (choice !== undefined) {
-        await choice.componentOnReady();
-        if (this.value === undefined) {
-          this.value = choice.value;
-        }
-      }
-    }
-    this.mutationO = watchForOptions(el, duetChoiceSelector, newOption => {
-      if (newOption !== undefined) {
-        newOption.componentOnReady().then(() => {
-          if (this.isMyChoice(newOption)) {
-            this.value = newOption.value;
-          }
-        });
-      }
-      else {
-        this.updateChoices();
-      }
-    });
+    this.initialValue = this.value;
     this.updateChoices();
   }
   disconnectedCallback() {
@@ -95,15 +76,11 @@ export class DuetChoiceGroup {
    * Local methods
    */
   async updateChoices() {
-    /**
-     * Make sure we get all choices first so values are up to date prior
-     * to caching the choice group value
-     */
-    const choices = this.getChoices();
-    const { value } = this;
+    var _a;
+    const value = (_a = this.value) !== null && _a !== void 0 ? _a : this.initialValue;
     let hasChecked = false;
     // Walk the DOM in reverse order, since the last selected one wins
-    for (const choice of choices) {
+    for (const choice of this.choices) {
       choice.name = this.name;
       choice.groupDisabled = this.disabled;
       choice.groupDirection = this.direction;
@@ -113,6 +90,9 @@ export class DuetChoiceGroup {
         // and we haven't found a checked yet
         hasChecked = true;
         choice.checked = true;
+        if (typeof this.value === "undefined") {
+          this.value = value;
+        }
       }
       else {
         // This choice doesn't have the correct value or the choice group has been already checked
@@ -129,7 +109,7 @@ export class DuetChoiceGroup {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { onDuetChange: this.onSelect, class: {
+    return (h(Host, { onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
         horizontal: this.direction === "horizontal",
         "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
         "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",

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

@@ -14,8 +14,6 @@ describe("duet-collapsible", () => {
   }
   const generatePage = async (open = false) => {
     return createPage(`
-      <meta charset="utf-8" />
-      <link rel='stylesheet' href='http://localhost:3334/fonts/lib/localtapiola.css' />
       <duet-collapsible heading="First collapsible" ${open ? "open" : ""} accessible-label="Accessible First collapsible">
         <duet-paragraph>
           Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aperiam impedit, possimus minima repudiandae

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

@@ -228,7 +228,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleWeight": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
               "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
             }
           }
@@ -252,7 +252,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleHeadingFontSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
               "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
             }
           }
@@ -352,7 +352,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
               "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
             }
           }

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

@@ -1,17 +1,30 @@
 /*!
  * Built with Duet Design System
  */
-import { getAllFixturesFiles } from "../../utils/fixture-utils";
 import { createPage } from "../../utils/test-utils";
-const items = getAllFixturesFiles(__dirname);
+const createPageWithCombobox = async () => {
+  const combobox = `<duet-combobox force="true"><duet-input label="Combobox Postalcode example" icon="form-location" expand caption="use arrow keys to navigate, type to search list"></duet-input></duet-combobox>`;
+  const page = await createPage(combobox);
+  await page.$eval("duet-combobox", (combobox, props) => Object.assign(combobox, props), {
+    items: [
+      { id: 0, value: "49200", name: "Heinlahti" },
+      { id: 1, value: "49210", name: "Huutjarvi" },
+      { id: 2, value: "49220", name: "Siltakyla" },
+      { id: 3, value: "49240", name: "Purola" },
+      { id: 4, value: "49270", name: "Something" },
+      { id: 5, value: "49290", name: "Vastila" },
+    ],
+  });
+  return page;
+};
 describe("duet-combobox", () => {
   it("should render a combobox", async () => {
-    const page = await createPage(`<duet-combobox></duet-combobox>`);
+    const page = await createPageWithCombobox();
     const component = await page.find("duet-combobox");
     expect(component).not.toBeNull();
   });
   it("allow selection of items via keyboard, make sure tabbing away retains content", async () => {
-    const page = await createPage(items.fixtures["duet-combobox-e2e"]);
+    const page = await createPageWithCombobox();
     const element = await page.find("duet-combobox");
     const input = await element.find("duet-input .duet-input");
     await input.click();
@@ -32,7 +45,7 @@ describe("duet-combobox", () => {
     expect(await input.getProperty("value")).toBe("Heinlahti");
   });
   it("closes via escape key with null values if forced", async () => {
-    const page = await createPage(items.fixtures["duet-combobox-e2e"]);
+    const page = await createPageWithCombobox();
     const element = await page.find("duet-combobox");
     const input = await element.find("duet-input .duet-input");
     // tab to input
@@ -46,7 +59,7 @@ describe("duet-combobox", () => {
     expect(await input.getProperty("value")).toBe("");
   });
   it("closes via escape key with set values if forced", async () => {
-    const page = await createPage(items.fixtures["duet-combobox-e2e"]);
+    const page = await createPageWithCombobox();
     const targetValue = "Heinlahti";
     const element = await page.find("duet-combobox");
     const input = await element.find("duet-input .duet-input");
@@ -71,7 +84,7 @@ describe("duet-combobox", () => {
     expect(itemValue).toBe(targetValue);
   });
   it("shows dropdown navigable via keys", async () => {
-    const page = await createPage(items.fixtures["duet-combobox-e2e"]);
+    const page = await createPageWithCombobox();
     const element = await page.find("duet-combobox");
     const input = await element.find("duet-input .duet-input");
     // focus on input
@@ -89,7 +102,7 @@ describe("duet-combobox", () => {
     expect(await input.getProperty("value")).toBe("Huutjarvi");
   });
   it("allows filtering middle of string", async () => {
-    const page = await createPage(items.fixtures["duet-combobox-e2e"]);
+    const page = await createPageWithCombobox();
     const element = await page.find("duet-combobox");
     element.setProperty("filterType", "includes");
     await page.waitForChanges();

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

@@ -500,7 +500,7 @@ export class DuetCombobox {
           "references": {
             "DuetComboboxItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
               "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
             }
           }
@@ -620,7 +620,7 @@ export class DuetCombobox {
           "references": {
             "DuetComboboxEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
               "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
             }
           }
@@ -646,7 +646,7 @@ export class DuetCombobox {
             },
             "DuetComboboxItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
               "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
             }
           },

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.e2e.js

@@ -5,10 +5,6 @@ import { createPage } from "../../utils/test-utils";
 describe("duet-cookie-consent", () => {
   const generatePage = async (theme = "") => {
     return createPage(`
-      <meta charset="utf-8" />
-      <link rel='stylesheet' href='http://localhost:3334/fonts/lib/localtapiola.css' />
-      <link rel="stylesheet" href="http://localhost:3334/fonts/lib/turva.css" />
-      <link rel="stylesheet" href="http://localhost:3334/css/lib/duet.min.css" />
       <duet-cookie-consent accessible-label="Hyväksyn evästeiden käytön" theme=${theme}>
         Käytämme evästeitä. Käyttämällä verkkosivujamme hyväksyt evästeiden käyton.
         <a href="#" target="_blank" aria-label="Lue lisää evästeiden käytöstä sivustolla">Lue lisää</a>

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -114,7 +114,7 @@ export class DuetCookieConsent {
           "references": {
             "DuetCookieConsentEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
               "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
             }
           }

package/lib/collection/components/duet-date-picker/duet-date-picker.e2e.js

@@ -72,7 +72,6 @@ const generatePage = (props) => {
     .join(" ");
   return createPage(`
     <body style="min-height: 400px">
-      <link rel="stylesheet" href="http://localhost:3334/fonts/lib/localtapiola.css" />
       <duet-date-picker ${attrs}></duet-date-picker>
     </body>
   `);

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -758,7 +758,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerDirection": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
             }
           }
@@ -933,7 +933,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
             }
           }
@@ -954,7 +954,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
             }
           }
@@ -975,7 +975,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
             }
           }

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

@@ -76,7 +76,7 @@ export class DuetDivider {
           "references": {
             "DuetDividerMargin": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-divider/duet-divider.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx",
               "id": "src/components/duet-divider/duet-divider.tsx::DuetDividerMargin"
             }
           }

package/lib/collection/components/duet-editable-table/duet-editable-table.js

@@ -305,7 +305,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableActions": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
             }
           }
@@ -330,7 +330,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableColumns": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
             }
           }
@@ -355,7 +355,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableRows": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
             }
           }
@@ -491,7 +491,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
             }
           }
@@ -512,7 +512,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableMenuEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableMenuEvent"
             }
           }

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -101,7 +101,7 @@ export class DuetEmptyState {
           "references": {
             "DuetEmptyStateSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
               "id": "src/components/duet-empty-state/duet-empty-state.tsx::DuetEmptyStateSize"
             }
           }

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { getAllFixturesFiles } from "../../utils/fixture-utils";
 import { createPage } from "../../utils/test-utils";
-const { fixtures } = getAllFixturesFiles(__dirname);
+const defaultFooter = `<duet-footer logo-href="/" language="fi" class="duet-example-without-padding"> </duet-footer>`;
+const simpleVariation = `<duet-footer variation="simple" class="duet-example-without-padding"> </duet-footer>`;
 describe("duet-footer", () => {
   it("should render a navigation", async () => {
-    const page = await createPage(fixtures.default_footer);
+    const page = await createPage(defaultFooter);
     const component = await page.find("duet-footer");
     expect(component).not.toBeNull();
     expect(component).toHaveClass("hydrated");
   });
   it("should provide a property that sets language", async () => {
-    const page = await createPage(fixtures.default_footer);
+    const page = await createPage(defaultFooter);
     const element = await page.find("duet-footer >>> duet-logo");
     expect(element.getAttribute("language")).toEqual("fi");
   });
@@ -32,7 +32,7 @@ describe("duet-footer", () => {
     expect(element.getAttribute("href")).toEqual("demo");
   });
   it("should provide a property that renders navigation items", async () => {
-    const page = await createPage(fixtures.default_footer);
+    const page = await createPage(defaultFooter);
     await page.$eval("duet-footer", (el) => {
       el.items = [
         { label: "Hae korvausta", href: "#", icon: "navigation-make-claim" },
@@ -45,7 +45,7 @@ describe("duet-footer", () => {
     expect(element).not.toBeNull();
   });
   it("should provide a property that renders menu items", async () => {
-    const page = await createPage(fixtures.default_footer);
+    const page = await createPage(defaultFooter);
     await page.$eval("duet-footer", (el) => {
       el.menu = [
         { label: "Hae korvausta", href: "#" },
@@ -58,12 +58,12 @@ describe("duet-footer", () => {
     expect(element).not.toBeNull();
   });
   it("should provide a property that renders the footer in simple mode", async () => {
-    const page = await createPage(fixtures.footer_using_simple_variation);
+    const page = await createPage(simpleVariation);
     const element = await page.find("duet-footer >>> .duet-footer-simple");
     expect(element).not.toBeNull();
   });
   it("should automatically refresh itself when content changes", async () => {
-    const page = await createPage(fixtures.default_footer);
+    const page = await createPage(defaultFooter);
     await page.$eval("duet-footer", (el) => {
       el.items = [
         { label: "Hae korvausta", href: "#", icon: "navigation-make-claim" },
@@ -95,14 +95,15 @@ describe("duet-footer", () => {
       logoHref: "/logo",
     };
     beforeEach(async () => {
-      page = await createPage(fixtures.default_footer);
+      page = await createPage(defaultFooter);
       footer = await page.find("duet-footer");
       await page.$eval("duet-footer", (footer, props) => {
         Object.assign(footer, props);
       }, props);
       await page.waitForChanges();
     });
-    it("raises events when logo is clicked", async () => {
+    // TODO: broken test as the browser tries to enter the logo url
+    it.skip("raises events when logo is clicked", async () => {
       const logo = await page.find("duet-footer >>> duet-logo");
       const changeSpy = await footer.spyOnEvent("duetChange");
       const logoSpy = await footer.spyOnEvent("duetLogoClick");