genesys-spark-components 4.50.0 → 4.51.0

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

@@ -1,29 +1,67 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxDateTime } from "../gux-date-time";
 import { timeZoneIdentifiers } from "../../../../i18n/time-zone/identifiers";
+import { languageList } from "../../../../i18n/languageList";
 const components = [GuxDateTime];
 const language = 'en';
 const date = '2022-07-07T13:35:30.100Z';
+const testCases = [
+    `<gux-date-time-beta datetime=${date} format="short"></gux-date-time-beta>`,
+    `<gux-date-time-beta datetime=${date} format="medium"></gux-date-time-beta>`,
+    `<gux-date-time-beta datetime=${date} format="full"></gux-date-time-beta>`,
+    `<gux-date-time-beta datetime=${date} format="long"></gux-date-time-beta>`
+];
 describe('gux-date-time', () => {
-    describe('#render different datetime formats eg(short,medium,full,long)', () => {
-        [
-            `<gux-date-time-beta datetime=${date} format="short"></gux-date-time-beta>`,
-            `<gux-date-time-beta datetime=${date} format="medium"></gux-date-time-beta>`,
-            `<gux-date-time-beta datetime=${date} format="full"></gux-date-time-beta>`,
-            `<gux-date-time-beta datetime=${date} format="long"></gux-date-time-beta>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(false);
+        });
+        describe('#render different datetime formats eg(short,medium,full,long)', () => {
+            languageList.forEach(language => {
+                testCases.forEach((html, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({ components, html, language });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-date-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-time-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });
-    describe('#render different time zones', () => {
-        timeZoneIdentifiers.forEach((timeZone) => {
-            it(`should work as expected for "${timeZone}"`, async () => {
-                const html = `<gux-date-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-time-beta>`;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        describe('#render different datetime formats eg(short,medium,full,long)', () => {
+            languageList.forEach(language => {
+                testCases.forEach((html, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({ components, html, language });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-date-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-time-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });

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

@@ -1,8 +1,14 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxMonthPicker } from "../gux-month-picker";
 import { GuxMonthCalendar } from "../gux-month-calendar/gux-month-calendar";
 import { GuxMonthList } from "../gux-month-calendar/gux-month-list/gux-month-list";
 import { GuxMonthListItem } from "../gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item";
+import { languageList } from "../../../../i18n/languageList";
 const components = [
     GuxMonthPicker,
     GuxMonthCalendar,
@@ -17,11 +23,28 @@ describe('gux-month-picker-beta', () => {
         const component = page.rootInstance;
         expect(component).toBeInstanceOf(GuxMonthPicker);
     });
-    describe('#render', () => {
-        it(`should render the component as expected`, async () => {
-            const html = '<gux-month-picker-beta value=2022-01></gux-month-picker-beta>';
-            const page = await newSpecPage({ components, language, html });
-            expect(page.root).toMatchSnapshot();
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(false);
+        });
+        languageList.forEach(language => {
+            it(`should render the component as expected`, async () => {
+                const html = '<gux-month-picker-beta value=2022-01></gux-month-picker-beta>';
+                const page = await newSpecPage({ components, language, html });
+                expect(page.root).toMatchSnapshot();
+            });
+        });
+    });
+    describe('#render using regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        languageList.forEach(language => {
+            it(`should render the component as expected`, async () => {
+                const html = '<gux-month-picker-beta value=2022-01></gux-month-picker-beta>';
+                const page = await newSpecPage({ components, language, html });
+                expect(page.root).toMatchSnapshot();
+            });
         });
     });
 });

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

@@ -1,29 +1,67 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxTime } from "../gux-time";
 import { timeZoneIdentifiers } from "../../../../i18n/time-zone/identifiers";
+import { languageList } from "../../../../i18n/languageList";
 const components = [GuxTime];
 const language = 'en';
 const date = '2022-07-07T13:35:30.100Z';
+const testCases = [
+    `<gux-time-beta datetime=${date} format="short"></gux-time-beta>`,
+    `<gux-time-beta datetime=${date} format="medium"></gux-time-beta>`,
+    `<gux-time-beta datetime=${date} format="full"></gux-time-beta>`,
+    `<gux-time-beta datetime=${date} format="long"></gux-time-beta>`
+];
 describe('gux-time', () => {
-    describe('#render different time formats eg(short,medium,full,long)', () => {
-        [
-            `<gux-time-beta datetime=${date} format="short"></gux-time-beta>`,
-            `<gux-time-beta datetime=${date} format="medium"></gux-time-beta>`,
-            `<gux-time-beta datetime=${date} format="full"></gux-time-beta>`,
-            `<gux-time-beta datetime=${date} format="long"></gux-time-beta>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(false);
+        });
+        describe('#render different time formats eg(short,medium,full,long)', () => {
+            languageList.forEach(language => {
+                testCases.forEach((html, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({ components, html, language });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-time-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });
-    describe('#render different time zones', () => {
-        timeZoneIdentifiers.forEach((timeZone) => {
-            it(`should work as expected for "${timeZone}"`, async () => {
-                const html = `<gux-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-time-beta>`;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        describe('#render different time formats eg(short,medium,full,long)', () => {
+            languageList.forEach(language => {
+                testCases.forEach((html, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({ components, html, language });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-time-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });

package/dist/collection/components/stable/gux-calendar/tests/gux-calendar.spec.js

@@ -1,7 +1,19 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxCalendar } from "../gux-calendar";
+import { languageList } from "../../../../i18n/languageList";
 const components = [GuxCalendar];
 const language = 'en';
+const testCases = [
+    `<gux-calendar mode="single" value="1997-08-29"></gux-calendar>`,
+    `<gux-calendar mode="range" number-of-months="2" value="2019-11-25/2019-12-02"></gux-calendar>`,
+    `<gux-calendar mode="single" value="1997-08-29" start-day-of-week="6"></gux-calendar>`,
+    `<gux-calendar mode="single" value="1997-08-29" lang="ar"></gux-calendar>`
+];
 describe('gux-datepicker', () => {
     it('should build', async () => {
         const page = await newSpecPage({
@@ -12,19 +24,38 @@ describe('gux-datepicker', () => {
         expect(page.rootInstance).toBeInstanceOf(GuxCalendar);
     });
     describe('#render', () => {
-        [
-            `<gux-calendar mode="single" value="1997-08-29"></gux-calendar>`,
-            `<gux-calendar mode="range" number-of-months="2" value="2019-11-25/2019-12-02"></gux-calendar>`,
-            `<gux-calendar mode="single" value="1997-08-29" start-day-of-week="6"></gux-calendar>`,
-            `<gux-calendar mode="single" value="1997-08-29" lang="ar"></gux-calendar>`
-        ].forEach((input, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({
-                    components,
-                    html: input,
-                    language
+        describe('#render using non regional dates', () => {
+            beforeAll(() => {
+                useRegionalDates.mockReturnValue(false);
+            });
+            languageList.forEach(language => {
+                testCases.forEach((input, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({
+                            components,
+                            html: input,
+                            language
+                        });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render using regional dates', () => {
+            beforeAll(() => {
+                useRegionalDates.mockReturnValue(true);
+            });
+            languageList.forEach(language => {
+                testCases.forEach((input, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({
+                            components,
+                            html: input,
+                            language
+                        });
+                        expect(page.root).toMatchSnapshot();
+                    });
                 });
-                expect(page.root).toMatchSnapshot();
             });
         });
     });

package/dist/collection/components/stable/gux-datepicker/tests/gux-datepicker.e2e.js

@@ -103,10 +103,5 @@ describe('gux-datepicker', () => {
         expect(labels[0].textContent).toBe('Start');
         expect(labels[0].className).not.toContain('gux-sr-only');
         expect(labels[1].textContent).toBe('End');
-        // await element.setAttribute('label', ['test1', 'test2']);
-        // await page.waitForChanges();
-        // expect(labels[0].textContent).toEqual('test1');
-        // expect(labels[0].className).not.toContain('gux-sr-only');
-        // expect(labels[1].textContent).toEqual('test2');
     });
 });

package/dist/collection/components/stable/gux-datepicker/tests/gux-datepicker.spec.js

@@ -1,35 +1,47 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxDatepicker } from "../gux-datepicker";
+import { languageList } from "../../../../i18n/languageList";
+const testCases = [
+    `<gux-datepicker value="1997-08-15"></gux-datepicker>`,
+    `<gux-datepicker value="1997-08-15" format="mm/dd/yy"></gux-datepicker>`,
+    `<gux-datepicker value="1997-08-15" format="mm.dd.yyyy"></gux-datepicker>`,
+    `<gux-datepicker value="1997-08-15" disabled></gux-datepicker>`,
+    `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" number-of-months="2" ></gux-datepicker>`,
+    `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" min-date="2019-11-10" max-date="2019-12-31" number-of-months="2" ></gux-datepicker>`,
+    `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" min-date="2019-11-10" max-date="2019-12-31" number-of-months="2" format="mm.dd.yyyy" ></gux-datepicker>`,
+    `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" number-of-months="2" disabled></gux-datepicker>`,
+    `<gux-datepicker value="1997-08-15" start-day-of-week="6"></gux-datepicker>`
+];
 const components = [GuxDatepicker];
-const language = 'en';
 describe('gux-datepicker', () => {
-    it('should build', async () => {
-        const page = await newSpecPage({
-            components,
-            html: `<gux-datepicker></gux-datepicker>`,
-            language
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(false);
+        });
+        languageList.forEach(language => {
+            testCases.forEach((html, index) => {
+                it(`should render component as expected (${index + 1})`, async () => {
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
+            });
         });
-        expect(page.rootInstance).toBeInstanceOf(GuxDatepicker);
     });
-    describe('#render', () => {
-        [
-            `<gux-datepicker value="1997-08-15"></gux-datepicker>`,
-            `<gux-datepicker value="1997-08-15" format="mm/dd/yy"></gux-datepicker>`,
-            `<gux-datepicker value="1997-08-15" format="mm.dd.yyyy"></gux-datepicker>`,
-            `<gux-datepicker value="1997-08-15" disabled></gux-datepicker>`,
-            `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" number-of-months="2" ></gux-datepicker>`,
-            `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" min-date="2019-11-10" max-date="2019-12-31" number-of-months="2" ></gux-datepicker>`,
-            `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" min-date="2019-11-10" max-date="2019-12-31" number-of-months="2" format="mm.dd.yyyy" ></gux-datepicker>`,
-            `<gux-datepicker mode="range" value="2019-11-25/2019-12-02" number-of-months="2" disabled></gux-datepicker>`,
-            `<gux-datepicker value="1997-08-15" start-day-of-week="6"></gux-datepicker>`
-        ].forEach((input, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({
-                    components,
-                    html: input,
-                    language
+    describe('#render using regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        languageList.forEach(language => {
+            testCases.forEach((html, index) => {
+                it(`should render component as expected (${index + 1})`, async () => {
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
                 });
-                expect(page.root).toMatchSnapshot();
             });
         });
     });

package/dist/collection/components/stable/gux-time-picker/tests/gux-time-picker.spec.js

@@ -1,14 +1,36 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxTimePicker } from "../gux-time-picker";
+import { languageList } from "../../../../i18n/languageList";
 const components = [GuxTimePicker];
 const html = `<gux-time-picker value="09:00"></gux-time-picker>`;
-const language = 'en';
 describe('gux-time-picker', () => {
-    describe('#render', () => {
-        it(`should render as expected`, async () => {
-            const page = await newSpecPage({ components, html, language });
-            expect(page.rootInstance).toBeInstanceOf(GuxTimePicker);
-            expect(page.root).toMatchSnapshot();
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(false);
+        });
+        languageList.forEach(language => {
+            it(`should render as expected`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.rootInstance).toBeInstanceOf(GuxTimePicker);
+                expect(page.root).toMatchSnapshot();
+            });
+        });
+    });
+    describe('#render using regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        languageList.forEach(language => {
+            it(`should render as expected`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.rootInstance).toBeInstanceOf(GuxTimePicker);
+                expect(page.root).toMatchSnapshot();
+            });
         });
     });
 });

package/dist/collection/genesys-spark-utils/get-closest-element.js

@@ -1,19 +1,17 @@
 //https://inindca.atlassian.net/browse/COMUI-2673
 // utility to get the closest element passing shadow dom boundaries
-export function getClosestElement(node, selector) {
-    if (!node) {
-        return null;
-    }
-    if (node instanceof ShadowRoot) {
-        return getClosestElement(node.host, selector);
-    }
-    if (node instanceof HTMLElement) {
-        if (node.matches(selector)) {
-            return node;
+export function getClosestElement(baseElement, selector) {
+    function closest(element) {
+        if (!element || element === document || element === window) {
+            return null;
         }
-        else {
-            return getClosestElement(node.parentNode, selector);
+        if (element.assignedSlot) {
+            element = element.assignedSlot;
         }
+        const found = element.closest(selector);
+        return found
+            ? found
+            : closest(element.getRootNode().host);
     }
-    return getClosestElement(node.parentNode, selector);
+    return closest(baseElement);
 }

package/dist/collection/genesys-spark-utils/intl.js

@@ -76,8 +76,9 @@ export function determineDisplayLocale(element = document.body) {
  * @returns true if the region can be guessed from the browser settings.
  */
 function browserHasRegionData(localeString) {
+    var _a;
     return (localeString.length == 2 &&
-        navigator.language.startsWith(`${localeString}-`));
+        ((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`)));
 }
 export function getFormat(locale) {
     const date = new Date('July 5, 2000 15:00:00 UTC+00:00');

package/dist/collection/i18n/languageList.js

@@ -0,0 +1,28 @@
+export const languageList = [
+    'ar',
+    'cs',
+    'da',
+    'de',
+    'en',
+    'es-es',
+    'es',
+    'fi',
+    'fr-ca',
+    'fr',
+    'he',
+    'it',
+    'ja',
+    'ko',
+    'nl',
+    'no',
+    'pl',
+    'pt-br',
+    'pt-pt',
+    'ru',
+    'sv',
+    'th',
+    'tr',
+    'uk',
+    'zh-cn',
+    'zh-tw'
+];

package/dist/collection/i18n/use-regional-dates.js

@@ -1,6 +1,6 @@
 import { readRegionalDatesCookie } from "./read-regional-dates-cookie";
 import { readRegionalDatesVar } from "./read-regional-dates-var";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-export const useRegionalDates = () => {
-    return readRegionalDatesCookie() || readRegionalDatesVar();
-};
+export function useRegionalDates() {
+    return !!readRegionalDatesCookie() || !!readRegionalDatesVar();
+}

package/dist/collection/utils/decorator/on-click-outside.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/unbound-method */
@@ -13,37 +14,35 @@ export function OnClickOutside(opt = OnClickOutsideOptionsDefaults) {
         // lifecycle events not being called when not explicitly declared in at least one of components from bundle
         BUILD.connectedCallback = true;
         BUILD.disconnectedCallback = true;
-        // eslint-disable-next-line
         const { connectedCallback, disconnectedCallback } = proto;
+        const store = new Map();
         proto.connectedCallback = function () {
             const host = getElement(this);
             const method = this[methodName];
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            registerOnClickOutside(this, host, method, opt);
+            registerOnClickOutside(store, this, host, method, opt);
             return connectedCallback && connectedCallback.call(this);
         };
         proto.disconnectedCallback = function () {
-            const host = getElement(this);
-            const method = this[methodName];
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            removeOnClickOutside(this, host, method, opt);
+            removeOnClickOutside(store, this, opt);
             return disconnectedCallback && disconnectedCallback.call(this);
         };
     };
 }
-export function registerOnClickOutside(component, element, callback, opt = OnClickOutsideOptionsDefaults) {
+export function registerOnClickOutside(store, component, element, callback, opt = OnClickOutsideOptionsDefaults) {
     const excludedNodes = getExcludedNodes(opt);
+    const listener = (e) => {
+        initOnClickOutside(e, component, element, callback, excludedNodes);
+    };
+    store.set(component, listener);
     getTriggerEvents(opt).forEach(triggerEvent => {
-        window.addEventListener(triggerEvent, (e) => {
-            initOnClickOutside(e, component, element, callback, excludedNodes);
-        }, false);
+        window.addEventListener(triggerEvent, listener, false);
     });
 }
-export function removeOnClickOutside(component, element, callback, opt = OnClickOutsideOptionsDefaults) {
+export function removeOnClickOutside(store, component, opt = OnClickOutsideOptionsDefaults) {
+    const listener = store.get(component);
+    store.delete(component);
     getTriggerEvents(opt).forEach(triggerEvent => {
-        window.removeEventListener(triggerEvent, (e) => {
-            initOnClickOutside(e, component, element, callback);
-        }, false);
+        window.removeEventListener(triggerEvent, listener, false);
     });
 }
 function initOnClickOutside(event, component, element, callback, excludedNodes) {

package/dist/esm/gux-accordion.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

package/dist/esm/gux-action-button.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
+import { O as OnClickOutside } from './on-click-outside-e6d3b28c.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
-import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
+import { O as OnClickOutside } from './on-click-outside-e6d3b28c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-announce-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/esm/gux-avatar-beta.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-1d7c6cbd.js';
+import { t as trackComponent } from './usage-3c3ce985.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";