genesys-spark-components 4.26.0 → 4.26.1

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -6,175 +6,175 @@ import { randomHTMLId } from "../../../utils/dom/random-html-";
  * @slot - Content of the tooltip
  */
 export class GuxTooltip {
-  constructor() {
-    this.id = randomHTMLId('gux-tooltip');
-    this.forElement = undefined;
-    this.for = undefined;
-    this.placement = 'bottom-start';
-    this.accent = 'light';
-  }
-  /*
-   * Show tooltip
-   */
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async showTooltip() {
-    return await this.baseTooltip.showTooltip();
-  }
-  /*
-   * Hide tooltip
-   */
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async hideTooltip() {
-    return await this.baseTooltip.hideTooltip();
-  }
-  updateForElement() {
-    this.forElement = this.getForElement();
-  }
-  componentWillLoad() {
-    trackComponent(this.root, { variant: this.placement });
-  }
-  connectedCallback() {
-    this.forElement = this.getForElement();
-  }
-  getForElement() {
-    if (this.for) {
-      const forElement = findElementById(this.root, this.for);
-      if (!forElement) {
-        this.logForAttributeError();
-      }
-      return forElement;
+    constructor() {
+        this.id = randomHTMLId('gux-tooltip');
+        this.forElement = undefined;
+        this.for = undefined;
+        this.placement = 'bottom-start';
+        this.accent = 'light';
     }
-    else {
-      return this.root.parentElement;
+    /*
+     * Show tooltip
+     */
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async showTooltip() {
+        return await this.baseTooltip.showTooltip();
     }
-  }
-  logForAttributeError() {
-    if (this.root.isConnected) {
-      console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`);
+    /*
+     * Hide tooltip
+     */
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async hideTooltip() {
+        return await this.baseTooltip.hideTooltip();
     }
-  }
-  render() {
-    return (h(Host, { id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("slot", null))));
-  }
-  static get is() { return "gux-tooltip-beta"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "for": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)"
-        },
-        "attribute": "for",
-        "reflect": false
-      },
-      "placement": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "Placement",
-          "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-          "references": {
-            "Placement": {
-              "location": "import",
-              "path": "@floating-ui/dom",
-              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Placement"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Placement of the tooltip. Default is bottom-start"
-        },
-        "attribute": "placement",
-        "reflect": false,
-        "defaultValue": "'bottom-start'"
-      },
-      "accent": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "GuxTooltipAccent",
-          "resolved": "\"dark\" | \"light\"",
-          "references": {
-            "GuxTooltipAccent": {
-              "location": "import",
-              "path": "./gux-tooltip-types",
-              "id": "src/components/beta/gux-tooltip-beta/gux-tooltip-types.ts::GuxTooltipAccent"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "accent",
-        "reflect": false,
-        "defaultValue": "'light'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "forElement": {}
-    };
-  }
-  static get methods() {
-    return {
-      "showTooltip": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+    updateForElement() {
+        this.forElement = this.getForElement();
+    }
+    componentWillLoad() {
+        trackComponent(this.root, { variant: this.placement });
+    }
+    connectedCallback() {
+        this.forElement = this.getForElement();
+    }
+    getForElement() {
+        if (this.for) {
+            const forElement = findElementById(this.root, this.for);
+            if (!forElement) {
+                this.logForAttributeError();
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+            return forElement;
         }
-      },
-      "hideTooltip": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+        else {
+            return this.root.parentElement;
+        }
+    }
+    logForAttributeError() {
+        if (this.root.isConnected) {
+            console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`);
         }
-      }
-    };
-  }
-  static get elementRef() { return "root"; }
-  static get watchers() {
-    return [{
-        "propName": "for",
-        "methodName": "updateForElement"
-      }];
-  }
+    }
+    render() {
+        return (h(Host, { key: '531ab578e02b4862c94e17c4c9fc22ca8bd33758', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'cec38875a0f7a9935dc926de90717ba7f37d68f6', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("slot", { key: '758d0182dff8cc6515b46e6a61b33b527d166b13' }))));
+    }
+    static get is() { return "gux-tooltip-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "for": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)"
+                },
+                "attribute": "for",
+                "reflect": false
+            },
+            "placement": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "Placement",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "Placement": {
+                            "location": "import",
+                            "path": "@floating-ui/dom",
+                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placement of the tooltip. Default is bottom-start"
+                },
+                "attribute": "placement",
+                "reflect": false,
+                "defaultValue": "'bottom-start'"
+            },
+            "accent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxTooltipAccent",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "GuxTooltipAccent": {
+                            "location": "import",
+                            "path": "./gux-tooltip-types",
+                            "id": "src/components/beta/gux-tooltip-beta/gux-tooltip-types.ts::GuxTooltipAccent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "accent",
+                "reflect": false,
+                "defaultValue": "'light'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "forElement": {}
+        };
+    }
+    static get methods() {
+        return {
+            "showTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "hideTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+    static get watchers() {
+        return [{
+                "propName": "for",
+                "methodName": "updateForElement"
+            }];
+    }
 }

package/dist/collection/components/beta/gux-tooltip-beta/tests/gux-tooltip.e2e.js

@@ -1,34 +1,34 @@
 import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
 describe('gux-tooltip-beta', () => {
-  describe('#render', () => {
-    [
-      `
+    describe('#render', () => {
+        [
+            `
         <div id="element" lang="en">
           <div>Element</div>
           <gux-tooltip-beta>Tooltip</gux-tooltip-beta>
         </div>
       `,
-      `
+            `
         <div lang="en">
           <div id="element">Element</div>
           <gux-tooltip-beta for="element">Tooltip</gux-tooltip-beta>
         </div>
       `
-    ].forEach((html, index) => {
-      it(`should render component as expected (${index + 1})`, async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('#element');
-        const tooltip = await page.find('gux-tooltip-beta');
-        const baseTooltip = await page.find('gux-tooltip-beta >>> gux-tooltip-base-beta');
-        expect(baseTooltip.className.split(' ')).not.toContain('gux-show');
-        await element.hover();
-        await page.waitForChanges();
-        await a11yCheck(page);
-        expect(element.getAttribute('aria-describedby')).toBe(tooltip.id);
-        expect(baseTooltip.className.split(' ')).toContain('gux-show');
-        expect(await baseTooltip.getProperty('placement')).toBe('bottom-start');
-        expect(tooltip).toHaveAttribute('hydrated');
-      });
+        ].forEach((html, index) => {
+            it(`should render component as expected (${index + 1})`, async () => {
+                const page = await newSparkE2EPage({ html });
+                const element = await page.find('#element');
+                const tooltip = await page.find('gux-tooltip-beta');
+                const baseTooltip = await page.find('gux-tooltip-beta >>> gux-tooltip-base-beta');
+                expect(baseTooltip.className.split(' ')).not.toContain('gux-show');
+                await element.hover();
+                await page.waitForChanges();
+                await a11yCheck(page);
+                expect(element.getAttribute('aria-describedby')).toBe(tooltip.id);
+                expect(baseTooltip.className.split(' ')).toContain('gux-show');
+                expect(await baseTooltip.getProperty('placement')).toBe('bottom-start');
+                expect(tooltip).toHaveAttribute('hydrated');
+            });
+        });
     });
-  });
 });

package/dist/collection/components/beta/gux-tooltip-beta/tests/gux-tooltip.spec.js

@@ -3,53 +3,53 @@ import { GuxTooltip } from "../gux-tooltip";
 const components = [GuxTooltip];
 const language = 'en';
 describe('gux-tooltip-beta', () => {
-  it('should build', async () => {
-    const html = '<gux-tooltip-beta></gux-tooltip-beta>';
-    const page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance).toBeInstanceOf(GuxTooltip);
-  });
-  describe('#render', () => {
-    [
-      `
+    it('should build', async () => {
+        const html = '<gux-tooltip-beta></gux-tooltip-beta>';
+        const page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance).toBeInstanceOf(GuxTooltip);
+    });
+    describe('#render', () => {
+        [
+            `
         <div>
           <div>Element</div>
           <gux-tooltip-beta>Tooltip</gux-tooltip-beta>
         </div>
       `,
-      `
+            `
         <div>
           <div id="element">Element</div>
           <gux-tooltip-beta for="element">Tooltip</gux-tooltip-beta>
         </div>
       `
-    ].forEach((html, index) => {
-      it(`should render component as expected (${index + 1})`, async () => {
-        const page = await newSpecPage({ components, html, language });
-        expect(page.body).toMatchSnapshot();
-      });
+        ].forEach((html, index) => {
+            it(`should render component as expected (${index + 1})`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.body).toMatchSnapshot();
+            });
+        });
     });
-  });
-  describe('#remove', () => {
-    [
-      `
+    describe('#remove', () => {
+        [
+            `
         <div>
           <div>Element</div>
           <gux-tooltip-beta>Tooltip</gux-tooltip-beta>
         </div>
       `,
-      `
+            `
         <div>
           <div id="element">Element</div>
           <gux-tooltip-beta for="element">Tooltip</gux-tooltip-beta>
         </div>
       `
-    ].forEach((html, index) => {
-      it(`should remove component as expected (${index + 1})`, async () => {
-        const page = await newSpecPage({ components, html, language });
-        page.root.remove();
-        await page.waitForChanges();
-        expect(page.body).toMatchSnapshot();
-      });
+        ].forEach((html, index) => {
+            it(`should remove component as expected (${index + 1})`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                page.root.remove();
+                await page.waitForChanges();
+                expect(page.body).toMatchSnapshot();
+            });
+        });
     });
-  });
 });

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js

@@ -8,23 +8,23 @@ import { trackComponent } from "../../../utils/tracking/usage";
  * @slot positive-button - Required slot for the action toast positive button
  */
 export class GuxActionToast {
-  componentWillLoad() {
-    trackComponent(this.root);
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "gux-header" }, h("div", { class: "gux-icon" }, h("slot", { name: "icon" })), h("div", { class: "gux-title" }, h("slot", { name: "title" }))), h("div", { class: "gux-message" }, h("slot", { name: "message" })), h("div", { class: "gux-action-buttons" }, h("div", { class: "gux-positive-button" }, h("slot", { name: "positive-button" })), h("div", { class: "gux-negative-button" }, h("slot", { name: "negative-button" })))));
-  }
-  static get is() { return "gux-action-toast-legacy"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-action-toast.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-action-toast.css"]
-    };
-  }
-  static get elementRef() { return "root"; }
+    componentWillLoad() {
+        trackComponent(this.root);
+    }
+    render() {
+        return (h(Host, { key: '98f936ebc6d66bda31d23e258d30cb78c19f802c' }, h("div", { key: '4d1a806671fc8b1588b38275437fb4f2a07e261d', class: "gux-header" }, h("div", { key: 'dbfed45e561a438680cde8e11e9ee067da7c839f', class: "gux-icon" }, h("slot", { key: 'b62b320d7b1c0e8133fbf21092c759408955a281', name: "icon" })), h("div", { key: 'de0bcdc2edb8b4dc23005fb9bfb63d79f9e61acd', class: "gux-title" }, h("slot", { key: '8a05d6b9b140aaa562bf4e6503ac99e9676f47d2', name: "title" }))), h("div", { key: '1c1f7052a7f6cf8bde07ba23407b9fb337b43c08', class: "gux-message" }, h("slot", { key: '0655ecb494f33900fdf9d6f7bc120a79c471704f', name: "message" })), h("div", { key: '80a2fcf5d0e42416dde18725610b127f219eeb79', class: "gux-action-buttons" }, h("div", { key: '4db790982f2efe5ba03a680fb7d604b7f2b57af6', class: "gux-positive-button" }, h("slot", { key: 'a2789364141d79fc7c8a636424d65227e21d7070', name: "positive-button" })), h("div", { key: '37278aaeb6eae16773c06ce503f8187ca9e9ef13', class: "gux-negative-button" }, h("slot", { key: 'b4633c703c288803c1860f2a59eb7195a68ff043', name: "negative-button" })))));
+    }
+    static get is() { return "gux-action-toast-legacy"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-action-toast.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-action-toast.css"]
+        };
+    }
+    static get elementRef() { return "root"; }
 }

package/dist/collection/components/legacy/gux-action-toast-legacy/tests/gux-action-toast.e2e.js

@@ -1,10 +1,10 @@
 import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
 describe('gux-action-toast', () => {
-  describe('#render', () => {
-    [
-      {
-        description: 'should render action toast',
-        html: `
+    describe('#render', () => {
+        [
+            {
+                description: 'should render action toast',
+                html: `
           <gux-action-toast-legacy lang="en" accent="neutral">
             <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
             <div slot="title">Title</div>
@@ -13,14 +13,14 @@ describe('gux-action-toast', () => {
             <gux-button slot="positive-button" accent="primary">Accept</gux-button>
           </gux-action-toast-legacy>
         `
-      }
-    ].forEach(({ description, html }) => {
-      it(description, async () => {
-        const page = await newSparkE2EPage({ html });
-        const element = await page.find('gux-action-toast-legacy');
-        await a11yCheck(page);
-        expect(element.outerHTML).toMatchSnapshot();
-      });
+            }
+        ].forEach(({ description, html }) => {
+            it(description, async () => {
+                const page = await newSparkE2EPage({ html });
+                const element = await page.find('gux-action-toast-legacy');
+                await a11yCheck(page);
+                expect(element.outerHTML).toMatchSnapshot();
+            });
+        });
     });
-  });
 });

package/dist/collection/components/legacy/gux-action-toast-legacy/tests/gux-action-toast.spec.js

@@ -3,11 +3,11 @@ import { GuxActionToast } from "../gux-action-toast";
 const components = [GuxActionToast];
 const language = 'en';
 describe('gux-action-toast', () => {
-  describe('#render', () => {
-    [
-      {
-        description: 'should render action toast',
-        html: `
+    describe('#render', () => {
+        [
+            {
+                description: 'should render action toast',
+                html: `
           <gux-action-toast-legacy accent="neutral">
             <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
             <div slot="title">Title</div>
@@ -16,13 +16,13 @@ describe('gux-action-toast', () => {
             <gux-button slot="positive-button" accent="primary">Accept</gux-button>
           </gux-action-toast-legacy>
         `
-      }
-    ].forEach(({ description, html }) => {
-      it(description, async () => {
-        const page = await newSpecPage({ components, html, language });
-        expect(page.rootInstance).toBeInstanceOf(GuxActionToast);
-        expect(page.root).toMatchSnapshot();
-      });
+            }
+        ].forEach(({ description, html }) => {
+            it(description, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.rootInstance).toBeInstanceOf(GuxActionToast);
+                expect(page.root).toMatchSnapshot();
+            });
+        });
     });
-  });
 });