@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

package/dist/collection/tests/commonTests/focusable.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
 import { getTagAndPage } from "./utils";

package/dist/collection/tests/commonTests/formAssociated.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { toHaveNoViolations } from "jest-axe";

package/dist/collection/tests/commonTests/hidden.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
 import { getTagAndPage } from "./utils";

package/dist/collection/tests/commonTests/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 export { accessible } from "./accessible";
 export { defaults } from "./defaults";

package/dist/collection/tests/commonTests/labelable.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { toHaveNoViolations } from "jest-axe";

package/dist/collection/tests/commonTests/openClose.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
 import { newProgrammaticE2EPage, skipAnimations } from "../utils";

package/dist/collection/tests/commonTests/reflects.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
 import { skipAnimations } from "./../utils";

package/dist/collection/tests/commonTests/renders.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
 import { getTagAndPage, HYDRATED_ATTR } from "./utils";

package/dist/collection/tests/commonTests/slots.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
 import { getTag, simplePageSetup } from "./utils";

package/dist/collection/tests/commonTests/t9n.js

@@ -1,9 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { toHaveNoViolations } from "jest-axe";
+import { newProgrammaticE2EPage } from "./../utils";
 import { getTagAndPage } from "./utils";
 expect.extend(toHaveNoViolations);
 /**
@@ -33,6 +34,7 @@ export async function t9n(componentTestSetup) {
     it("has defined default messages", async () => await assertDefaultMessages());
     it("overrides messages", async () => await assertOverrides());
     it("switches messages", async () => await assertLangSwitch());
+    it("does not throw when removed during message loading", async () => await assertNoErrorOnRemovalDuringMessageLoad());
     async function assertDefaultMessages() {
         expect(await getCurrentMessages()).toBeDefined();
     }
@@ -75,5 +77,19 @@ export async function t9n(componentTestSetup) {
         component.removeAttribute("lang");
         await page.waitForChanges();
     }
+    async function assertNoErrorOnRemovalDuringMessageLoad() {
+        async function runTest() {
+            const page = await newProgrammaticE2EPage();
+            await page.evaluate(async (tag) => {
+                const component = document.createElement(tag);
+                document.body.append(component);
+                await component.componentOnReady();
+                component.messageOverrides = { ...component.messageOverrides };
+                component.remove();
+            }, component.tagName.toLowerCase());
+            await page.waitForChanges();
+        }
+        await expect(runTest()).resolves.toBeUndefined();
+    }
 }
 //# sourceMappingURL=t9n.js.map

package/dist/collection/tests/commonTests/t9n.js.map

@@ -1 +1 @@
-{"version":3,"file":"t9n.js","sourceRoot":"","sources":["../../../../src/tests/commonTests/t9n.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage } from \"@stencil/core/testing\";\nimport { toHaveNoViolations } from \"jest-axe\";\nimport { MessageBundle } from \"../../utils/t9n\";\nimport { IntrinsicElementsWithProp } from \"./../utils\";\nimport { getTagAndPage } from \"./utils\";\nimport { ComponentTestSetup } from \"./interfaces\";\n\nexpect.extend(toHaveNoViolations);\n\n/**\n * Helper to test t9n component setup.\n *\n * Note that this helper should be used within a describe block.\n *\n * @example\n * describe(\"translation support\", () => {\n *   t9n(\"calcite-action\");\n * });\n *\n * @param {ComponentTestSetup} componentTestSetup - A component tag, html, or the tag and e2e page for setting up a test.\n */\n\nexport async function t9n(componentTestSetup: ComponentTestSetup): Promise<void> {\n  let component: E2EElement;\n  let page: E2EPage;\n  let getCurrentMessages: () => Promise<MessageBundle>;\n\n  beforeEach(async () => {\n    const { page: e2ePage, tag } = await getTagAndPage(componentTestSetup);\n    page = e2ePage;\n\n    type CalciteComponentsWithMessages = IntrinsicElementsWithProp<\"messages\"> & HTMLElement;\n\n    component = await page.find(tag);\n    getCurrentMessages = async (): Promise<MessageBundle> => {\n      return page.$eval(tag, (component: CalciteComponentsWithMessages) => component.messages);\n    };\n  });\n\n  it(\"has defined default messages\", async () => await assertDefaultMessages());\n  it(\"overrides messages\", async () => await assertOverrides());\n  it(\"switches messages\", async () => await assertLangSwitch());\n\n  async function assertDefaultMessages(): Promise<void> {\n    expect(await getCurrentMessages()).toBeDefined();\n  }\n\n  async function assertOverrides(): Promise<void> {\n    const messages = await getCurrentMessages();\n    const firstMessageProp = Object.keys(messages)[0];\n    const messageOverride = { [firstMessageProp]: \"override test\" };\n\n    component.setProperty(\"messageOverrides\", messageOverride);\n    await page.waitForChanges();\n\n    expect(await getCurrentMessages()).toEqual({\n      ...messages,\n      ...messageOverride,\n    });\n\n    // reset test changes\n    component.setProperty(\"messageOverrides\", undefined);\n    await page.waitForChanges();\n  }\n\n  async function assertLangSwitch(): Promise<void> {\n    const enMessages = await getCurrentMessages();\n    const fakeBundleIdentifier = \"__fake__\";\n    await page.evaluate(\n      (enMessages, fakeBundleIdentifier) => {\n        const orig = window.fetch;\n        window.fetch = async function (input, init) {\n          if (typeof input === \"string\" && input.endsWith(\"messages_es.json\")) {\n            const fakeEsMessages = {\n              ...enMessages, // reuse real message bundle in case component rendering depends on strings\n\n              [fakeBundleIdentifier]: true, // we inject a fake identifier for assertion-purposes\n            };\n            window.fetch = orig;\n            return new Response(new Blob([JSON.stringify(fakeEsMessages, null, 2)], { type: \"application/json\" }));\n          }\n\n          return orig.call(input, init);\n        };\n      },\n      enMessages,\n      fakeBundleIdentifier,\n    );\n\n    component.setAttribute(\"lang\", \"es\");\n    await page.waitForChanges();\n    const esMessages = await getCurrentMessages();\n\n    expect(esMessages).toHaveProperty(fakeBundleIdentifier);\n\n    // reset test changes\n    component.removeAttribute(\"lang\");\n    await page.waitForChanges();\n  }\n}\n"]}
+{"version":3,"file":"t9n.js","sourceRoot":"","sources":["../../../../src/tests/commonTests/t9n.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage } from \"@stencil/core/testing\";\nimport { toHaveNoViolations } from \"jest-axe\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { MessageBundle } from \"../../utils/t9n\";\nimport { IntrinsicElementsWithProp, newProgrammaticE2EPage } from \"./../utils\";\nimport { getTagAndPage } from \"./utils\";\nimport { ComponentTag, ComponentTestSetup } from \"./interfaces\";\n\nexpect.extend(toHaveNoViolations);\n\n/**\n * Helper to test t9n component setup.\n *\n * Note that this helper should be used within a describe block.\n *\n * @example\n * describe(\"translation support\", () => {\n *   t9n(\"calcite-action\");\n * });\n *\n * @param {ComponentTestSetup} componentTestSetup - A component tag, html, or the tag and e2e page for setting up a test.\n */\n\nexport async function t9n(componentTestSetup: ComponentTestSetup): Promise<void> {\n  let component: E2EElement;\n  let page: E2EPage;\n  let getCurrentMessages: () => Promise<MessageBundle>;\n\n  beforeEach(async () => {\n    const { page: e2ePage, tag } = await getTagAndPage(componentTestSetup);\n    page = e2ePage;\n\n    type CalciteComponentsWithMessages = IntrinsicElementsWithProp<\"messages\"> & HTMLElement;\n\n    component = await page.find(tag);\n    getCurrentMessages = async (): Promise<MessageBundle> => {\n      return page.$eval(tag, (component: CalciteComponentsWithMessages) => component.messages);\n    };\n  });\n\n  it(\"has defined default messages\", async () => await assertDefaultMessages());\n  it(\"overrides messages\", async () => await assertOverrides());\n  it(\"switches messages\", async () => await assertLangSwitch());\n  it(\"does not throw when removed during message loading\", async () => await assertNoErrorOnRemovalDuringMessageLoad());\n\n  async function assertDefaultMessages(): Promise<void> {\n    expect(await getCurrentMessages()).toBeDefined();\n  }\n\n  async function assertOverrides(): Promise<void> {\n    const messages = await getCurrentMessages();\n    const firstMessageProp = Object.keys(messages)[0];\n    const messageOverride = { [firstMessageProp]: \"override test\" };\n\n    component.setProperty(\"messageOverrides\", messageOverride);\n    await page.waitForChanges();\n\n    expect(await getCurrentMessages()).toEqual({\n      ...messages,\n      ...messageOverride,\n    });\n\n    // reset test changes\n    component.setProperty(\"messageOverrides\", undefined);\n    await page.waitForChanges();\n  }\n\n  async function assertLangSwitch(): Promise<void> {\n    const enMessages = await getCurrentMessages();\n    const fakeBundleIdentifier = \"__fake__\";\n    await page.evaluate(\n      (enMessages, fakeBundleIdentifier) => {\n        const orig = window.fetch;\n        window.fetch = async function (input, init) {\n          if (typeof input === \"string\" && input.endsWith(\"messages_es.json\")) {\n            const fakeEsMessages = {\n              ...enMessages, // reuse real message bundle in case component rendering depends on strings\n\n              [fakeBundleIdentifier]: true, // we inject a fake identifier for assertion-purposes\n            };\n            window.fetch = orig;\n            return new Response(new Blob([JSON.stringify(fakeEsMessages, null, 2)], { type: \"application/json\" }));\n          }\n\n          return orig.call(input, init);\n        };\n      },\n      enMessages,\n      fakeBundleIdentifier,\n    );\n\n    component.setAttribute(\"lang\", \"es\");\n    await page.waitForChanges();\n    const esMessages = await getCurrentMessages();\n\n    expect(esMessages).toHaveProperty(fakeBundleIdentifier);\n\n    // reset test changes\n    component.removeAttribute(\"lang\");\n    await page.waitForChanges();\n  }\n\n  async function assertNoErrorOnRemovalDuringMessageLoad(): Promise<void> {\n    async function runTest(): Promise<void> {\n      type CalciteComponentsWithMessageOverrides = IntrinsicElementsWithProp<\"messageOverrides\"> & HTMLStencilElement;\n\n      const page = await newProgrammaticE2EPage();\n      await page.evaluate(async (tag: ComponentTag) => {\n        const component = document.createElement(tag) as CalciteComponentsWithMessageOverrides;\n        document.body.append(component);\n        await component.componentOnReady();\n        component.messageOverrides = { ...component.messageOverrides };\n        component.remove();\n      }, component.tagName.toLowerCase());\n      await page.waitForChanges();\n    }\n\n    await expect(runTest()).resolves.toBeUndefined();\n  }\n}\n"]}

package/dist/collection/tests/commonTests/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { toHaveNoViolations } from "jest-axe";

package/dist/collection/tests/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 /**

package/dist/collection/utils/array.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 export function getRoundRobinIndex(index, total) {
     return (index + total) % total;

package/dist/collection/utils/browser.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { Build } from "@stencil/core";
 function getUserAgentData() {

package/dist/collection/utils/component.js

@@ -1,8 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
+import { Build, forceUpdate as stencilForceUpdate } from "@stencil/core";
 export function getIconScale(componentScale) {
     return componentScale === "l" ? "m" : "s";
 }
@@ -21,4 +22,37 @@ export async function componentOnReady(el) {
 function isStencilEl(el) {
     return typeof el.componentOnReady === "function";
 }
+/**
+ * Exported for testing purposes only.
+ *
+ * @internal
+ */
+export const forceUpdate = Build.isTesting
+    ? stencilForceUpdate
+    : () => {
+        /* noop */
+    };
+/**
+ * This helper util can be used to ensuring the component is loaded and rendered by the browser (The "componentDidLoad" Stencil lifecycle method has been called and any internal elements are focusable).
+ *
+ * A component developer can await this method before proceeding with any logic that requires a component to be loaded first and then an internal element be focused.
+ *
+ * ```
+ * async setFocus(): Promise<void> {
+ *   await componentFocusable(this);
+ *   this.internalElement?.focus();
+ * }
+ * ```
+ *
+ * @param el the component's host element
+ * @returns Promise<void>
+ */
+export async function componentFocusable(el) {
+    await componentOnReady(el);
+    if (!Build.isBrowser && !Build.isTesting) {
+        return;
+    }
+    forceUpdate(el);
+    return new Promise((resolve) => requestAnimationFrame(() => resolve()));
+}
 //# sourceMappingURL=component.js.map

package/dist/collection/utils/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/utils/component.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,YAAY,CAAC,cAAqB;IAChD,OAAO,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC5C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,EAAe;IACpD,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;QACpB,CAAC,CAAC,EAAE,CAAC,gBAAgB,EAAE;QACvB,CAAC,CAAC,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,WAAW,CAAC,EAAe;IAClC,OAAO,OAAQ,EAAyB,CAAC,gBAAgB,KAAK,UAAU,CAAC;AAC3E,CAAC","sourcesContent":["import { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { Scale } from \"../components/interfaces\";\n\nexport function getIconScale(componentScale: Scale): Extract<Scale, \"s\" | \"m\"> {\n  return componentScale === \"l\" ? \"m\" : \"s\";\n}\n\n/**\n * This util helps us wait for a component to be ready for both lazy-loading (`dist` output) and non-lazy-loading (`components` output) components.\n *\n * Based on https://github.com/ionic-team/ionic-framework/blob/1a8bd6d/core/src/utils/helpers.ts#L60C1-L79C3\n *\n * @param el - the host element to wait for\n */\nexport async function componentOnReady(el: HTMLElement): Promise<void> {\n  await (isStencilEl(el)\n    ? el.componentOnReady()\n    : new Promise<void>((resolve) => requestAnimationFrame(() => resolve())));\n}\n\nfunction isStencilEl(el: HTMLElement): el is HTMLStencilElement {\n  return typeof (el as HTMLStencilElement).componentOnReady === \"function\";\n}\n"]}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/utils/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIzE,MAAM,UAAU,YAAY,CAAC,cAAqB;IAChD,OAAO,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC5C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,EAAe;IACpD,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;QACpB,CAAC,CAAC,EAAE,CAAC,gBAAgB,EAAE;QACvB,CAAC,CAAC,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,WAAW,CAAC,EAAe;IAClC,OAAO,OAAQ,EAAyB,CAAC,gBAAgB,KAAK,UAAU,CAAC;AAC3E,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS;IACxC,CAAC,CAAC,kBAAkB;IACpB,CAAC,CAAC,GAAG,EAAE;QACH,UAAU;IACZ,CAAC,CAAC;AAEN;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,EAAe;IACtD,MAAM,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAE3B,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACzC,OAAO;IACT,CAAC;IAED,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AAC1E,CAAC","sourcesContent":["import { Build, forceUpdate as stencilForceUpdate } from \"@stencil/core\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { Scale } from \"../components/interfaces\";\n\nexport function getIconScale(componentScale: Scale): Extract<Scale, \"s\" | \"m\"> {\n  return componentScale === \"l\" ? \"m\" : \"s\";\n}\n\n/**\n * This util helps us wait for a component to be ready for both lazy-loading (`dist` output) and non-lazy-loading (`components` output) components.\n *\n * Based on https://github.com/ionic-team/ionic-framework/blob/1a8bd6d/core/src/utils/helpers.ts#L60C1-L79C3\n *\n * @param el - the host element to wait for\n */\nexport async function componentOnReady(el: HTMLElement): Promise<void> {\n  await (isStencilEl(el)\n    ? el.componentOnReady()\n    : new Promise<void>((resolve) => requestAnimationFrame(() => resolve())));\n}\n\nfunction isStencilEl(el: HTMLElement): el is HTMLStencilElement {\n  return typeof (el as HTMLStencilElement).componentOnReady === \"function\";\n}\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport const forceUpdate = Build.isTesting\n  ? stencilForceUpdate\n  : () => {\n      /* noop */\n    };\n\n/**\n * This helper util can be used to ensuring the component is loaded and rendered by the browser (The \"componentDidLoad\" Stencil lifecycle method has been called and any internal elements are focusable).\n *\n * A component developer can await this method before proceeding with any logic that requires a component to be loaded first and then an internal element be focused.\n *\n * ```\n * async setFocus(): Promise<void> {\n *   await componentFocusable(this);\n *   this.internalElement?.focus();\n * }\n * ```\n *\n * @param el the component's host element\n * @returns Promise<void>\n */\nexport async function componentFocusable(el: HTMLElement): Promise<void> {\n  await componentOnReady(el);\n\n  if (!Build.isBrowser && !Build.isTesting) {\n    return;\n  }\n\n  forceUpdate(el);\n  return new Promise((resolve) => requestAnimationFrame(() => resolve()));\n}\n"]}

package/dist/collection/utils/component.spec.js

@@ -1,10 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { html } from "../../support/formatting";
-import { componentOnReady, getIconScale } from "./component";
+import * as componentUtils from "./component";
+const { componentFocusable, componentOnReady, getIconScale } = componentUtils;
 describe("getIconScale", () => {
     it('should return "m" when input is "l"', () => {
         expect(getIconScale("l")).toBe("m");
@@ -18,7 +19,7 @@ describe("componentOnReady", () => {
     let requestAnimationFrameSpy;
     let fakeComponent;
     beforeEach(() => {
-        document.body.innerHTML = html ` <fake-component></fake-component> `;
+        document.body.innerHTML = html `<fake-component></fake-component> `;
         fakeComponent = document.querySelector("fake-component");
         const originalRaf = globalThis.requestAnimationFrame;
         requestAnimationFrameSpy = jest
@@ -41,4 +42,37 @@ describe("componentOnReady", () => {
         expect(requestAnimationFrameSpy).toHaveBeenCalled();
     });
 });
+describe("componentFocusable", () => {
+    let componentOnReadyStub;
+    let fakeComponent;
+    let forceUpdateSpy;
+    let requestAnimationFrameSpy;
+    let componentOnReadyResolver;
+    beforeEach(async () => {
+        document.body.innerHTML = html `<fake-component></fake-component> `;
+        fakeComponent = document.querySelector("fake-component");
+        const componentOnReadyPromise = new Promise((resolve) => (componentOnReadyResolver = resolve));
+        componentOnReadyStub = fakeComponent.componentOnReady = jest.fn(() => componentOnReadyPromise);
+        forceUpdateSpy = jest.spyOn(componentUtils, "forceUpdate").mockImplementation(jest.fn());
+        const originalRaf = globalThis.requestAnimationFrame;
+        requestAnimationFrameSpy = jest
+            .spyOn(globalThis, "requestAnimationFrame")
+            .mockImplementation((callback) => originalRaf(callback));
+    });
+    afterEach(() => {
+        requestAnimationFrameSpy.mockRestore();
+        forceUpdateSpy.mockRestore();
+    });
+    it("should resolve when ready and rendered", async () => {
+        const promise = componentFocusable(fakeComponent);
+        expect(promise).toBeInstanceOf(Promise);
+        expect(componentOnReadyStub).toHaveBeenCalled();
+        expect(requestAnimationFrameSpy).not.toHaveBeenCalled();
+        expect(forceUpdateSpy).not.toHaveBeenCalled();
+        componentOnReadyResolver(fakeComponent);
+        await promise;
+        expect(forceUpdateSpy).toHaveBeenCalled();
+        expect(requestAnimationFrameSpy).toHaveBeenCalled();
+    });
+});
 //# sourceMappingURL=component.spec.js.map

package/dist/collection/utils/component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.spec.js","sourceRoot":"","sources":["../../../src/utils/component.spec.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE7D,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,wBAA0C,CAAC;IAC/C,IAAI,aAA0B,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA,qCAAqC,CAAC;QACpE,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAc,gBAAgB,CAAC,CAAC;QAEtE,MAAM,WAAW,GAAG,UAAU,CAAC,qBAAqB,CAAC;QACrD,wBAAwB,GAAG,IAAI;aAC5B,KAAK,CAAC,UAAU,EAAE,uBAAuB,CAAC;aAC1C,kBAAkB,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,WAAW,EAAE,CAAC,CAAC;IAExD,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;QACtF,MAAM,oBAAoB,GAAG,CAAE,aAAoC,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAElG,MAAM,OAAO,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAExC,MAAM,OAAO,CAAC;QACd,MAAM,CAAC,oBAAoB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gFAAgF,EAAE,KAAK,IAAI,EAAE;QAC9F,MAAM,CAAC,wBAAwB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;QAExD,MAAM,OAAO,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAExC,MAAM,OAAO,CAAC;QACd,MAAM,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { html } from \"../../support/formatting\";\nimport { componentOnReady, getIconScale } from \"./component\";\n\ndescribe(\"getIconScale\", () => {\n  it('should return \"m\" when input is \"l\"', () => {\n    expect(getIconScale(\"l\")).toBe(\"m\");\n  });\n\n  it('should return \"s\" when input is not \"l\"', () => {\n    expect(getIconScale(\"m\")).toBe(\"s\");\n    expect(getIconScale(\"s\")).toBe(\"s\");\n  });\n});\n\ndescribe(\"componentOnReady\", () => {\n  let requestAnimationFrameSpy: jest.SpyInstance;\n  let fakeComponent: HTMLElement;\n\n  beforeEach(() => {\n    document.body.innerHTML = html` <fake-component></fake-component> `;\n    fakeComponent = document.querySelector<HTMLElement>(\"fake-component\");\n\n    const originalRaf = globalThis.requestAnimationFrame;\n    requestAnimationFrameSpy = jest\n      .spyOn(globalThis, \"requestAnimationFrame\")\n      .mockImplementation((callback) => originalRaf(callback));\n  });\n\n  afterEach(() => requestAnimationFrameSpy.mockRestore());\n\n  it(\"should call componentOnReady if it exists on the element (lazy-loaded)\", async () => {\n    const componentOnReadyStub = ((fakeComponent as HTMLStencilElement).componentOnReady = jest.fn());\n\n    const promise = componentOnReady(fakeComponent);\n    expect(promise).toBeInstanceOf(Promise);\n\n    await promise;\n    expect(componentOnReadyStub).toHaveBeenCalled();\n  });\n\n  it(\"waits for an animation frame if componentOnReady does not exist on the element\", async () => {\n    expect(requestAnimationFrameSpy).not.toHaveBeenCalled();\n\n    const promise = componentOnReady(fakeComponent);\n    expect(promise).toBeInstanceOf(Promise);\n\n    await promise;\n    expect(requestAnimationFrameSpy).toHaveBeenCalled();\n  });\n});\n"]}
+{"version":3,"file":"component.spec.js","sourceRoot":"","sources":["../../../src/utils/component.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { html } from \"../../support/formatting\";\nimport * as componentUtils from \"./component\";\nconst { componentFocusable, componentOnReady, getIconScale } = componentUtils;\n\ndescribe(\"getIconScale\", () => {\n  it('should return \"m\" when input is \"l\"', () => {\n    expect(getIconScale(\"l\")).toBe(\"m\");\n  });\n\n  it('should return \"s\" when input is not \"l\"', () => {\n    expect(getIconScale(\"m\")).toBe(\"s\");\n    expect(getIconScale(\"s\")).toBe(\"s\");\n  });\n});\n\ndescribe(\"componentOnReady\", () => {\n  let requestAnimationFrameSpy: jest.SpyInstance;\n  let fakeComponent: HTMLElement;\n\n  beforeEach(() => {\n    document.body.innerHTML = html`<fake-component></fake-component> `;\n    fakeComponent = document.querySelector<HTMLElement>(\"fake-component\");\n\n    const originalRaf = globalThis.requestAnimationFrame;\n    requestAnimationFrameSpy = jest\n      .spyOn(globalThis, \"requestAnimationFrame\")\n      .mockImplementation((callback) => originalRaf(callback));\n  });\n\n  afterEach(() => requestAnimationFrameSpy.mockRestore());\n\n  it(\"should call componentOnReady if it exists on the element (lazy-loaded)\", async () => {\n    const componentOnReadyStub = ((fakeComponent as HTMLStencilElement).componentOnReady = jest.fn());\n\n    const promise = componentOnReady(fakeComponent);\n    expect(promise).toBeInstanceOf(Promise);\n\n    await promise;\n    expect(componentOnReadyStub).toHaveBeenCalled();\n  });\n\n  it(\"waits for an animation frame if componentOnReady does not exist on the element\", async () => {\n    expect(requestAnimationFrameSpy).not.toHaveBeenCalled();\n\n    const promise = componentOnReady(fakeComponent);\n    expect(promise).toBeInstanceOf(Promise);\n\n    await promise;\n    expect(requestAnimationFrameSpy).toHaveBeenCalled();\n  });\n});\n\ndescribe(\"componentFocusable\", () => {\n  let componentOnReadyStub: jest.SpyInstance;\n  let fakeComponent: HTMLStencilElement;\n  let forceUpdateSpy: jest.SpyInstance;\n  let requestAnimationFrameSpy: jest.SpyInstance;\n  let componentOnReadyResolver: (el: HTMLStencilElement) => void;\n\n  beforeEach(async () => {\n    document.body.innerHTML = html`<fake-component></fake-component> `;\n    fakeComponent = document.querySelector<HTMLStencilElement>(\"fake-component\");\n\n    const componentOnReadyPromise = new Promise<HTMLStencilElement>(\n      (resolve: (el: HTMLStencilElement) => void) => (componentOnReadyResolver = resolve),\n    );\n    componentOnReadyStub = fakeComponent.componentOnReady = jest.fn(() => componentOnReadyPromise);\n    forceUpdateSpy = jest.spyOn(componentUtils, \"forceUpdate\").mockImplementation(jest.fn());\n\n    const originalRaf = globalThis.requestAnimationFrame;\n    requestAnimationFrameSpy = jest\n      .spyOn(globalThis, \"requestAnimationFrame\")\n      .mockImplementation((callback) => originalRaf(callback));\n  });\n\n  afterEach(() => {\n    requestAnimationFrameSpy.mockRestore();\n    forceUpdateSpy.mockRestore();\n  });\n\n  it(\"should resolve when ready and rendered\", async () => {\n    const promise = componentFocusable(fakeComponent);\n    expect(promise).toBeInstanceOf(Promise);\n\n    expect(componentOnReadyStub).toHaveBeenCalled();\n    expect(requestAnimationFrameSpy).not.toHaveBeenCalled();\n    expect(forceUpdateSpy).not.toHaveBeenCalled();\n\n    componentOnReadyResolver(fakeComponent);\n    await promise;\n\n    expect(forceUpdateSpy).toHaveBeenCalled();\n    expect(requestAnimationFrameSpy).toHaveBeenCalled();\n  });\n});\n"]}

package/dist/collection/utils/conditionalSlot.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/config.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 /**
  * This module allows custom configuration for components.

package/dist/collection/utils/config.spec.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 describe("config", () => {
     let config;

package/dist/collection/utils/date.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { numberStringFormatter } from "./locale";
 /**

package/dist/collection/utils/date.spec.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import arabic from "../components/date-picker/assets/date-picker/nls/ar.json";
 import english from "../components/date-picker/assets/date-picker/nls/en.json";

package/dist/collection/utils/dom.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { getHost, getRootNode, queryElementRoots } from "./dom";

package/dist/collection/utils/dom.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";
@@ -517,4 +517,50 @@ export function isBefore(a, b) {
     const children = Array.from(a.parentNode.children);
     return children.indexOf(a) < children.indexOf(b);
 }
+/**
+ * This util helps determine when an animation has completed.
+ *
+ * @param targetEl The element to watch for the animation to complete.
+ * @param animationName The name of the animation to watch for completion.
+ */
+export async function whenAnimationDone(targetEl, animationName) {
+    const { animationDuration: allDurations, animationName: allNames } = getComputedStyle(targetEl);
+    const allDurationsArray = allDurations.split(",");
+    const allPropsArray = allNames.split(",");
+    const propIndex = allPropsArray.indexOf(animationName);
+    const duration = allDurationsArray[propIndex] ??
+        /* Safari will have a single duration value for the shorthand prop when multiple, separate names/props are defined,
+                so we fall back to it if there's no matching prop duration */
+        allDurationsArray[0];
+    if (duration === "0s") {
+        return Promise.resolve();
+    }
+    const startEvent = "animationstart";
+    const endEvent = "animationend";
+    const cancelEvent = "animationcancel";
+    return new Promise((resolve) => {
+        const fallbackTimeoutId = setTimeout(() => {
+            targetEl.removeEventListener(startEvent, onStart);
+            targetEl.removeEventListener(endEvent, onEndOrCancel);
+            targetEl.removeEventListener(cancelEvent, onEndOrCancel);
+            resolve();
+        }, parseFloat(duration) * 1000);
+        targetEl.addEventListener(startEvent, onStart);
+        targetEl.addEventListener(endEvent, onEndOrCancel);
+        targetEl.addEventListener(cancelEvent, onEndOrCancel);
+        function onStart(event) {
+            if (event.animationName === animationName && event.target === targetEl) {
+                clearTimeout(fallbackTimeoutId);
+                targetEl.removeEventListener(startEvent, onStart);
+            }
+        }
+        function onEndOrCancel(event) {
+            if (event.animationName === animationName && event.target === targetEl) {
+                targetEl.removeEventListener(endEvent, onEndOrCancel);
+                targetEl.removeEventListener(cancelEvent, onEndOrCancel);
+                resolve();
+            }
+        }
+    });
+}
 //# sourceMappingURL=dom.js.map