@esri/calcite-components 2.8.1-next.4 → 2.8.1

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.8.1-next.4
+ * v2.8.1
  */
 import { toHaveNoViolations } from "jest-axe";
 import { getTag, simplePageSetup } from "./utils";

package/dist/collection/tests/commonTests/t9n.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.8.1-next.4
+ * v2.8.1
  */
 import { toHaveNoViolations } from "jest-axe";
 import { getTagAndPage } from "./utils";
@@ -69,6 +69,7 @@ export async function t9n(componentTestSetup) {
         }, enMessages, fakeBundleIdentifier);
         component.setAttribute("lang", "es");
         await page.waitForChanges();
+        await page.waitForTimeout(3000);
         const esMessages = await getCurrentMessages();
         expect(esMessages).toHaveProperty(fakeBundleIdentifier);
         // reset test changes

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 { 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    await page.waitForTimeout(3000);\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"]}

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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 import { newE2EPage } from "@stencil/core/testing";
 /**
@@ -280,39 +280,35 @@ export function toBeNumber() {
     };
 }
 /**
- * Creates a selected items asserter for a selectable component.
+ * Test helper for selected items. Expects items to have IDs to test against.
  *
- * @example
- *
- * const page = await newE2EPage();
- * await page.setContent(
- *   html`<calcite-dropdown open>
- *     <calcite-button id="trigger" slot="trigger">Open dropdown</calcite-button>
- *     <calcite-dropdown-group id="group-1" selection-mode="single">
- *       <calcite-dropdown-item id="item-1"> Dropdown Item Content </calcite-dropdown-item>
- *       <calcite-dropdown-item id="item-2" selected> Dropdown Item Content </calcite-dropdown-item>
- *       <calcite-dropdown-item id="item-3"> Dropdown Item Content </calcite-dropdown-item>
- *     </calcite-dropdown-group>
- *   </calcite-dropdown>`,
- * );
+ * Note: assertSelectedItems.setUpEvents must be called before using this method
  *
- * const assertSelectedItems = await createSelectedItemsAsserter(page, "calcite-dropdown", "calciteDropdownSelect");
- * await page.click("#item-2");
- * await assertSelectedItems({ expectedItemIds: ["item-2"] });
+ * @param groupElementTagName - The custom element tag name
+ * @param page - The E2EPage instance
+ * @param SelectedItemsAssertionOptions - Object containing selectable test assertion options
+ * @param SelectedItemsAssertionOptions.expectedItemIds - An array of ids to expect to be selected from an interaction
+ */
+export async function assertSelectedItems(groupElementTagName, page, { expectedItemIds }) {
+    await page.waitForTimeout(100);
+    const selectedItemIds = await page.evaluate((groupElementTagName) => {
+        const group = document.querySelector(groupElementTagName);
+        return group.selectedItems.map((item) => item.id);
+    }, groupElementTagName);
+    expect(selectedItemIds).toHaveLength(expectedItemIds.length);
+    expectedItemIds.forEach((itemId, index) => expect(selectedItemIds[index]).toEqual(itemId));
+}
+/**
+ * Helper to wire up the page to assert on the event detail
  *
- * @param page - the e2e page
- * @param selectableComponentTagName - the tag name of the selectable group element
- * @param selectionEventName - the name of the selection event
+ * @param eventName - The name of the CustomEvent
+ * @param page - The E2EPage instance
  */
-export async function createSelectedItemsAsserter(page, selectableComponentTagName, selectionEventName) {
+assertSelectedItems.setUpEvents = async (eventName, page) => {
     await page.evaluate((eventName) => {
-        document.addEventListener(eventName, ({ detail }) => (window.eventDetail = detail));
-    }, selectionEventName);
-    return async (expectedItemIds) => {
-        await page.waitForChanges();
-        const selectedItemIds = await page.evaluate((groupElementTagName) => document.querySelector(groupElementTagName).selectedItems.map((item) => item.id), selectableComponentTagName);
-        expect(selectedItemIds).toHaveLength(expectedItemIds.length);
-        expectedItemIds.forEach((itemId, index) => expect(selectedItemIds[index]).toEqual(itemId));
-    };
-}
+        document.addEventListener(eventName, ({ detail }) => {
+            window.eventDetail = detail;
+        });
+    }, eventName);
+};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tests/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport { BoundingBox } from \"puppeteer\";\nimport type { JSX } from \"../components\";\nimport { ComponentTag } from \"./commonTests/interfaces\";\n\n/**\n * Util to help type global props for testing.\n */\nexport type GlobalTestProps<T> = T & Window & typeof globalThis;\n\ntype FilterPropsByPropertyName<T, PropName extends string> = {\n  [K in keyof T]: PropName extends keyof T[K] ? T[K] : never;\n};\n\n/**\n * Helper to extract a type by filtering the type by the property name.\n */\nexport type IntrinsicElementsWithProp<T extends string> = FilterPropsByPropertyName<\n  JSX.IntrinsicElements,\n  T\n>[keyof FilterPropsByPropertyName<JSX.IntrinsicElements, T>];\n\ntype DragAndDropSelector = string | SelectorOptions;\n\ntype PointerPosition = {\n  vertical?: \"bottom\" | \"center\" | \"top\";\n  horizontal?: \"left\" | \"center\" | \"right\";\n  offset?: [number, number];\n};\n\ninterface SelectorOptions {\n  element: string;\n  shadow?: string;\n  pointerPosition?: PointerPosition;\n}\n\ntype MouseInitEvent = Pick<\n  MouseEvent,\n  \"bubbles\" | \"cancelable\" | \"composed\" | \"screenX\" | \"screenY\" | \"clientX\" | \"clientY\"\n>;\n\n/**\n * Drag and drop utility based on https://github.com/puppeteer/puppeteer/issues/1366#issuecomment-615887204\n *\n * @param {E2EPage} page - the e2e page\n * @param {DragAndDropSelector} dragStartSelector - Selector for the drag's start\n * @param {DragAndDropSelector} dragEndSelector - Selector for the drag's end\n */\nexport async function dragAndDrop(\n  page: E2EPage,\n  dragStartSelector: DragAndDropSelector,\n  dragEndSelector: DragAndDropSelector,\n): Promise<void> {\n  async function getBounds(selector: DragAndDropSelector): Promise<BoundingBox> {\n    const elementHandle =\n      typeof selector === \"string\"\n        ? await page.waitForSelector(selector)\n        : await page.evaluateHandle(({ element, shadow }) => {\n            const target = document.querySelector(element);\n\n            return shadow ? target.shadowRoot.querySelector(shadow) : target;\n          }, selector);\n\n    return elementHandle.asElement().boundingBox();\n  }\n\n  async function createEventInitializer(selector: DragAndDropSelector): Promise<MouseInitEvent> {\n    const {\n      vertical: verticalPos,\n      horizontal: horizontalPos,\n      offset = [0, 0],\n    }: PointerPosition = typeof selector === \"string\" || !selector.pointerPosition\n      ? { vertical: \"center\" }\n      : selector.pointerPosition;\n    const { height, width, x, y } = await getBounds(selector);\n    const verticalOffset = verticalPos === \"top\" ? 0 : verticalPos === \"bottom\" ? height : height / 2;\n    const horizontalOffset = horizontalPos === \"left\" ? 0 : horizontalPos === \"right\" ? width : width / 2;\n\n    const eventX = x + horizontalOffset + offset[0];\n    const eventY = y + verticalOffset + offset[1];\n\n    return {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      screenX: eventX,\n      screenY: eventY,\n      clientX: eventX,\n      clientY: eventY,\n    };\n  }\n\n  async function browserContextFunction(\n    dragStartSelector: DragAndDropSelector,\n    dragEndSelector: DragAndDropSelector,\n    dragStartInitializer: MouseInitEvent,\n    dragEndInitializer: MouseInitEvent,\n  ): Promise<void> {\n    function getElement(selector: DragAndDropSelector): Element {\n      if (typeof selector === \"string\") {\n        return document.querySelector(selector);\n      }\n\n      const element = document.querySelector(selector.element);\n\n      return selector.shadow ? element.shadowRoot.querySelector(selector.shadow) : element;\n    }\n\n    const dragStart = getElement(dragStartSelector);\n    let dragEnd = getElement(dragEndSelector);\n\n    // if has child, put at the end.\n    dragEnd = dragEnd.lastElementChild || dragEnd;\n\n    dragStart.dispatchEvent(new PointerEvent(\"pointerdown\", dragStartInitializer));\n    dragStart.dispatchEvent(new DragEvent(\"dragstart\", dragStartInitializer));\n\n    await new Promise((resolve) => window.setTimeout(resolve, 2000));\n\n    dragEnd.dispatchEvent(new MouseEvent(\"dragenter\", dragEndInitializer));\n    dragStart.dispatchEvent(new DragEvent(\"dragend\", dragEndInitializer));\n  }\n\n  return page.evaluate(\n    browserContextFunction,\n    dragStartSelector,\n    dragEndSelector,\n    await createEventInitializer(dragStartSelector),\n    await createEventInitializer(dragEndSelector),\n  );\n}\n\n/**\n *\n * @param {E2EElement} input - the element to select text from\n * @returns {Promise<void>}\n */\nexport function selectText(input: E2EElement): Promise<void> {\n  // workaround for selecting text based on https://github.com/puppeteer/puppeteer/issues/1313#issuecomment-436932478\n  return input.click({ clickCount: 3 });\n}\n\n/**\n * Helper to get an E2EElement's x,y coordinates.\n *\n * @param {E2EPage} page - the e2e page\n * @param {string} elementSelector - the element selector\n * @param {string} shadowSelector - the shadowRoot selector\n * @deprecated Use `getElementRect` instead.\n */\nexport async function getElementXY(\n  page: E2EPage,\n  elementSelector: string,\n  shadowSelector?: string,\n): Promise<[number, number]> {\n  return page.evaluate(\n    ([elementSelector, shadowSelector]): [number, number] => {\n      const element = document.querySelector(elementSelector);\n      const measureTarget = shadowSelector ? element.shadowRoot.querySelector(shadowSelector) : element;\n      const { x, y } = measureTarget.getBoundingClientRect();\n\n      return [x, y];\n    },\n    [elementSelector, shadowSelector],\n  );\n}\n\n/**\n * Helper to get an E2EElement's DOMRect object.\n *\n * @param {E2EPage} page - the e2e page\n * @param {string} elementSelector - the element selector\n * @param {string} shadowSelector - the shadowRoot selector\n * @returns {Promise<DOMRect>} Promise with DOMRect object.\n */\nexport async function getElementRect(\n  page: E2EPage,\n  elementSelector: string,\n  shadowSelector?: string,\n): Promise<DOMRect> {\n  return page.evaluate(\n    ([elementSelector, shadowSelector]): DOMRect => {\n      const element = document.querySelector(elementSelector);\n      const measureTarget = shadowSelector ? element.shadowRoot.querySelector(shadowSelector) : element;\n      return measureTarget.getBoundingClientRect().toJSON();\n    },\n    [elementSelector, shadowSelector],\n  );\n}\n\n/**\n * This util helps visualize mouse movement when running tests in headful mode.\n * Note that this util should only be used for test debugging purposes and not be included in a test.\n * Based on https://github.com/puppeteer/puppeteer/issues/4378#issuecomment-499726973\n *\n * @example\n * import { visualizeMouseCursor } from \"../../tests/utils\";\n *\n * const page = await newE2EPage();\n * await page.setContent(`<calcite-tooltip>Content</calcite-tooltip>`);\n *\n * await visualizeMouseCursor(page);\n * await page.waitForChanges();\n *\n * @param {E2EPage} page - the e2e page\n */\nexport async function visualizeMouseCursor(page: E2EPage): Promise<void> {\n  await page.evaluate(() => {\n    const box = document.createElement(\"puppeteer-mouse-pointer\");\n    const styleElement = document.createElement(\"style\");\n    styleElement.innerHTML = `\n        puppeteer-mouse-pointer {\n          pointer-events: none;\n          position: absolute;\n          top: 0;\n          z-index: 10000;\n          left: 0;\n          width: 20px;\n          height: 20px;\n          background: rgba(0,0,0,.4);\n          border: 1px solid white;\n          border-radius: 10px;\n          margin: -10px 0 0 -10px;\n          padding: 0;\n          transition: background .2s, border-radius .2s, border-color .2s;\n        }\n        puppeteer-mouse-pointer.button-1 {\n          transition: none;\n          background: rgba(0,0,0,0.9);\n        }\n        puppeteer-mouse-pointer.button-2 {\n          transition: none;\n          border-color: rgba(0,0,255,0.9);\n        }\n        puppeteer-mouse-pointer.button-3 {\n          transition: none;\n          border-radius: 4px;\n        }\n        puppeteer-mouse-pointer.button-4 {\n          transition: none;\n          border-color: rgba(255,0,0,0.9);\n        }\n        puppeteer-mouse-pointer.button-5 {\n          transition: none;\n          border-color: rgba(0,255,0,0.9);\n        }\n      `;\n    document.head.appendChild(styleElement);\n    document.body.appendChild(box);\n\n    document.addEventListener(\n      \"mousemove\",\n      (event) => {\n        box.style.left = event.pageX + \"px\";\n        box.style.top = event.pageY + \"px\";\n        updateButtons(event.buttons);\n      },\n      true,\n    );\n\n    document.addEventListener(\n      \"mousedown\",\n      (event) => {\n        updateButtons(event.buttons);\n        box.classList.add(\"button-\" + event.which);\n      },\n      true,\n    );\n\n    document.addEventListener(\n      \"mouseup\",\n      (event) => {\n        updateButtons(event.buttons);\n        box.classList.remove(\"button-\" + event.which);\n      },\n      true,\n    );\n\n    function updateButtons(buttons: number): void {\n      for (let i = 0; i < 5; i++) {\n        box.classList.toggle(\"button-\" + i, (buttons & (1 << i)) as unknown as boolean);\n      }\n    }\n  });\n}\n\n/**\n * Tells the browser that you wish to perform an animation.\n * https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @returns {Promise<void>}\n */\nexport async function waitForAnimationFrame(): Promise<void> {\n  return new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));\n}\n\n/**\n * Creates an E2E page for tests that need to create and set up elements programmatically.\n *\n * @returns {Promise<E2EPage>} an e2e page\n */\nexport async function newProgrammaticE2EPage(): Promise<E2EPage> {\n  const page = await newE2EPage();\n  // we need to initialize the page with any component to ensure they are available in the browser context\n  await page.setContent(\"<calcite-icon></calcite-icon>\");\n  await page.evaluate(() => document.querySelector(\"calcite-icon\").remove());\n\n  return page;\n}\n\n/**\n * Sets CSS vars to skip animations/transitions.\n *\n * @example\n * import { skipAnimations } from \"../../tests/utils\";\n *\n * const page = await newE2EPage();\n * await page.setContent(`<calcite-tooltip>Content</calcite-tooltip>`);\n *\n * await skipAnimations(page);\n * await page.waitForChanges();\n *\n * @param page\n */\nexport async function skipAnimations(page: E2EPage): Promise<void> {\n  await page.addStyleTag({\n    // using 0.01 to ensure `openCloseComponent` utils work consistently\n    // this should be removed once https://github.com/Esri/calcite-design-system/issues/6604 is addressed\n    content: `:root { --calcite-duration-factor: 0.01; }`,\n  });\n}\n\ninterface MatchesFocusedElementOptions {\n  /**\n   * Set this to true when the focused element is expected to reside in the shadow DOM\n   */\n  shadowed: boolean;\n}\n\n/**\n * This util helps determine if a selector matches the currently focused element.\n *\n * @param page – the E2E page\n * @param selector – selector of element to match\n * @param options - options to customize the utility behavior\n */\nexport async function isElementFocused(\n  page: E2EPage,\n  selector: string,\n  options?: MatchesFocusedElementOptions,\n): Promise<boolean> {\n  const shadowed = options?.shadowed;\n\n  return page.evaluate(\n    (selector: string, shadowed: boolean): boolean => {\n      const targetDoc = shadowed ? document.activeElement?.shadowRoot : document;\n\n      return !!targetDoc?.activeElement?.matches(selector);\n    },\n    selector,\n    shadowed,\n  );\n}\n\ntype GetFocusedElementProp = {\n  /**\n   * Set to true to use the shadow root's active element instead of the light DOM's.\n   */\n  shadow: boolean;\n};\n\n/**\n * This helps get serializable properties from the focused element.\n *\n * @param {E2EPage} page - the E2E test page\n * @param {string} prop - the property to get from the focused element (note: must be serializable)\n * @param {GetFocusedElementProp} options – additional configuration options\n */\nexport async function getFocusedElementProp(\n  page: E2EPage,\n  prop: keyof HTMLElement,\n  options?: GetFocusedElementProp,\n): Promise<ReturnType<E2EPage[\"evaluate\"]>> {\n  return await page.evaluate(\n    (by: string, shadow: boolean) => {\n      const { activeElement } = document;\n      const target = shadow ? activeElement?.shadowRoot?.activeElement : activeElement;\n\n      return target?.[by];\n    },\n    prop,\n    options?.shadow,\n  );\n}\n\n/**\n * Custom integer matcher to use with object matchers.\n *\n * @see https://jasmine.github.io/tutorials/custom_argument_matchers\n */\nexport function toBeInteger(): any {\n  return {\n    asymmetricMatch(abc: string): boolean {\n      return Number.isInteger(abc);\n    },\n\n    jasmineToString(): string {\n      return `Expected value to be an integer.`;\n    },\n  };\n}\n\n/**\n * Custom number matcher to use with object matchers.\n *\n * @see https://jasmine.github.io/tutorials/custom_argument_matchers\n */\nexport function toBeNumber(): any {\n  return {\n    asymmetricMatch(expected: string): boolean {\n      return !isNaN(parseFloat(expected)) && isFinite(Number(expected));\n    },\n\n    jasmineToString(): string {\n      return `Expected value to be an number.`;\n    },\n  };\n}\n\ntype HTMLSelectableElement = HTMLElement & { selectedItems: HTMLElement[] };\n\ninterface SelectedItemsAssertionOptions {\n  /**\n   * IDs from items to assert selection\n   */\n  expectedItemIds: string[];\n}\n\ntype SelectionEventTestWindow = GlobalTestProps<{ eventDetail: Selection }>;\n\ninterface SelectedItemsAsserter {\n  (expectedItemIds: SelectedItemsAssertionOptions[\"expectedItemIds\"]): Promise<void>;\n}\n\n/**\n * Creates a selected items asserter for a selectable component.\n *\n * @example\n *\n * const page = await newE2EPage();\n * await page.setContent(\n *   html`<calcite-dropdown open>\n *     <calcite-button id=\"trigger\" slot=\"trigger\">Open dropdown</calcite-button>\n *     <calcite-dropdown-group id=\"group-1\" selection-mode=\"single\">\n *       <calcite-dropdown-item id=\"item-1\"> Dropdown Item Content </calcite-dropdown-item>\n *       <calcite-dropdown-item id=\"item-2\" selected> Dropdown Item Content </calcite-dropdown-item>\n *       <calcite-dropdown-item id=\"item-3\"> Dropdown Item Content </calcite-dropdown-item>\n *     </calcite-dropdown-group>\n *   </calcite-dropdown>`,\n * );\n *\n * const assertSelectedItems = await createSelectedItemsAsserter(page, \"calcite-dropdown\", \"calciteDropdownSelect\");\n * await page.click(\"#item-2\");\n * await assertSelectedItems({ expectedItemIds: [\"item-2\"] });\n *\n * @param page - the e2e page\n * @param selectableComponentTagName - the tag name of the selectable group element\n * @param selectionEventName - the name of the selection event\n */\nexport async function createSelectedItemsAsserter(\n  page: E2EPage,\n  selectableComponentTagName: ComponentTag,\n  selectionEventName: string,\n): Promise<SelectedItemsAsserter> {\n  await page.evaluate((eventName) => {\n    document.addEventListener(\n      eventName as any,\n      ({ detail }: CustomEvent<Selection>) => ((window as SelectionEventTestWindow).eventDetail = detail),\n    );\n  }, selectionEventName);\n\n  return async (expectedItemIds: SelectedItemsAssertionOptions[\"expectedItemIds\"]) => {\n    await page.waitForChanges();\n\n    const selectedItemIds = await page.evaluate(\n      (groupElementTagName) =>\n        document.querySelector<HTMLSelectableElement>(groupElementTagName).selectedItems.map((item) => item.id),\n      selectableComponentTagName,\n    );\n\n    expect(selectedItemIds).toHaveLength(expectedItemIds.length);\n    expectedItemIds.forEach((itemId, index) => expect(selectedItemIds[index]).toEqual(itemId));\n  };\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tests/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport { BoundingBox } from \"puppeteer\";\nimport type { JSX } from \"../components\";\n\n/**\n * Util to help type global props for testing.\n */\nexport type GlobalTestProps<T> = T & Window & typeof globalThis;\n\ntype FilterPropsByPropertyName<T, PropName extends string> = {\n  [K in keyof T]: PropName extends keyof T[K] ? T[K] : never;\n};\n\n/**\n * Helper to extract a type by filtering the type by the property name.\n */\nexport type IntrinsicElementsWithProp<T extends string> = FilterPropsByPropertyName<\n  JSX.IntrinsicElements,\n  T\n>[keyof FilterPropsByPropertyName<JSX.IntrinsicElements, T>];\n\ntype DragAndDropSelector = string | SelectorOptions;\n\ntype PointerPosition = {\n  vertical?: \"bottom\" | \"center\" | \"top\";\n  horizontal?: \"left\" | \"center\" | \"right\";\n  offset?: [number, number];\n};\n\ninterface SelectorOptions {\n  element: string;\n  shadow?: string;\n  pointerPosition?: PointerPosition;\n}\n\ntype MouseInitEvent = Pick<\n  MouseEvent,\n  \"bubbles\" | \"cancelable\" | \"composed\" | \"screenX\" | \"screenY\" | \"clientX\" | \"clientY\"\n>;\n\n/**\n * Drag and drop utility based on https://github.com/puppeteer/puppeteer/issues/1366#issuecomment-615887204\n *\n * @param {E2EPage} page - the e2e page\n * @param {DragAndDropSelector} dragStartSelector - Selector for the drag's start\n * @param {DragAndDropSelector} dragEndSelector - Selector for the drag's end\n */\nexport async function dragAndDrop(\n  page: E2EPage,\n  dragStartSelector: DragAndDropSelector,\n  dragEndSelector: DragAndDropSelector,\n): Promise<void> {\n  async function getBounds(selector: DragAndDropSelector): Promise<BoundingBox> {\n    const elementHandle =\n      typeof selector === \"string\"\n        ? await page.waitForSelector(selector)\n        : await page.evaluateHandle(({ element, shadow }) => {\n            const target = document.querySelector(element);\n\n            return shadow ? target.shadowRoot.querySelector(shadow) : target;\n          }, selector);\n\n    return elementHandle.asElement().boundingBox();\n  }\n\n  async function createEventInitializer(selector: DragAndDropSelector): Promise<MouseInitEvent> {\n    const {\n      vertical: verticalPos,\n      horizontal: horizontalPos,\n      offset = [0, 0],\n    }: PointerPosition = typeof selector === \"string\" || !selector.pointerPosition\n      ? { vertical: \"center\" }\n      : selector.pointerPosition;\n    const { height, width, x, y } = await getBounds(selector);\n    const verticalOffset = verticalPos === \"top\" ? 0 : verticalPos === \"bottom\" ? height : height / 2;\n    const horizontalOffset = horizontalPos === \"left\" ? 0 : horizontalPos === \"right\" ? width : width / 2;\n\n    const eventX = x + horizontalOffset + offset[0];\n    const eventY = y + verticalOffset + offset[1];\n\n    return {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      screenX: eventX,\n      screenY: eventY,\n      clientX: eventX,\n      clientY: eventY,\n    };\n  }\n\n  async function browserContextFunction(\n    dragStartSelector: DragAndDropSelector,\n    dragEndSelector: DragAndDropSelector,\n    dragStartInitializer: MouseInitEvent,\n    dragEndInitializer: MouseInitEvent,\n  ): Promise<void> {\n    function getElement(selector: DragAndDropSelector): Element {\n      if (typeof selector === \"string\") {\n        return document.querySelector(selector);\n      }\n\n      const element = document.querySelector(selector.element);\n\n      return selector.shadow ? element.shadowRoot.querySelector(selector.shadow) : element;\n    }\n\n    const dragStart = getElement(dragStartSelector);\n    let dragEnd = getElement(dragEndSelector);\n\n    // if has child, put at the end.\n    dragEnd = dragEnd.lastElementChild || dragEnd;\n\n    dragStart.dispatchEvent(new PointerEvent(\"pointerdown\", dragStartInitializer));\n    dragStart.dispatchEvent(new DragEvent(\"dragstart\", dragStartInitializer));\n\n    await new Promise((resolve) => window.setTimeout(resolve, 2000));\n\n    dragEnd.dispatchEvent(new MouseEvent(\"dragenter\", dragEndInitializer));\n    dragStart.dispatchEvent(new DragEvent(\"dragend\", dragEndInitializer));\n  }\n\n  return page.evaluate(\n    browserContextFunction,\n    dragStartSelector,\n    dragEndSelector,\n    await createEventInitializer(dragStartSelector),\n    await createEventInitializer(dragEndSelector),\n  );\n}\n\n/**\n *\n * @param {E2EElement} input - the element to select text from\n * @returns {Promise<void>}\n */\nexport function selectText(input: E2EElement): Promise<void> {\n  // workaround for selecting text based on https://github.com/puppeteer/puppeteer/issues/1313#issuecomment-436932478\n  return input.click({ clickCount: 3 });\n}\n\n/**\n * Helper to get an E2EElement's x,y coordinates.\n *\n * @param {E2EPage} page - the e2e page\n * @param {string} elementSelector - the element selector\n * @param {string} shadowSelector - the shadowRoot selector\n * @deprecated Use `getElementRect` instead.\n */\nexport async function getElementXY(\n  page: E2EPage,\n  elementSelector: string,\n  shadowSelector?: string,\n): Promise<[number, number]> {\n  return page.evaluate(\n    ([elementSelector, shadowSelector]): [number, number] => {\n      const element = document.querySelector(elementSelector);\n      const measureTarget = shadowSelector ? element.shadowRoot.querySelector(shadowSelector) : element;\n      const { x, y } = measureTarget.getBoundingClientRect();\n\n      return [x, y];\n    },\n    [elementSelector, shadowSelector],\n  );\n}\n\n/**\n * Helper to get an E2EElement's DOMRect object.\n *\n * @param {E2EPage} page - the e2e page\n * @param {string} elementSelector - the element selector\n * @param {string} shadowSelector - the shadowRoot selector\n * @returns {Promise<DOMRect>} Promise with DOMRect object.\n */\nexport async function getElementRect(\n  page: E2EPage,\n  elementSelector: string,\n  shadowSelector?: string,\n): Promise<DOMRect> {\n  return page.evaluate(\n    ([elementSelector, shadowSelector]): DOMRect => {\n      const element = document.querySelector(elementSelector);\n      const measureTarget = shadowSelector ? element.shadowRoot.querySelector(shadowSelector) : element;\n      return measureTarget.getBoundingClientRect().toJSON();\n    },\n    [elementSelector, shadowSelector],\n  );\n}\n\n/**\n * This util helps visualize mouse movement when running tests in headful mode.\n * Note that this util should only be used for test debugging purposes and not be included in a test.\n * Based on https://github.com/puppeteer/puppeteer/issues/4378#issuecomment-499726973\n *\n * @example\n * import { visualizeMouseCursor } from \"../../tests/utils\";\n *\n * const page = await newE2EPage();\n * await page.setContent(`<calcite-tooltip>Content</calcite-tooltip>`);\n *\n * await visualizeMouseCursor(page);\n * await page.waitForChanges();\n *\n * @param {E2EPage} page - the e2e page\n */\nexport async function visualizeMouseCursor(page: E2EPage): Promise<void> {\n  await page.evaluate(() => {\n    const box = document.createElement(\"puppeteer-mouse-pointer\");\n    const styleElement = document.createElement(\"style\");\n    styleElement.innerHTML = `\n        puppeteer-mouse-pointer {\n          pointer-events: none;\n          position: absolute;\n          top: 0;\n          z-index: 10000;\n          left: 0;\n          width: 20px;\n          height: 20px;\n          background: rgba(0,0,0,.4);\n          border: 1px solid white;\n          border-radius: 10px;\n          margin: -10px 0 0 -10px;\n          padding: 0;\n          transition: background .2s, border-radius .2s, border-color .2s;\n        }\n        puppeteer-mouse-pointer.button-1 {\n          transition: none;\n          background: rgba(0,0,0,0.9);\n        }\n        puppeteer-mouse-pointer.button-2 {\n          transition: none;\n          border-color: rgba(0,0,255,0.9);\n        }\n        puppeteer-mouse-pointer.button-3 {\n          transition: none;\n          border-radius: 4px;\n        }\n        puppeteer-mouse-pointer.button-4 {\n          transition: none;\n          border-color: rgba(255,0,0,0.9);\n        }\n        puppeteer-mouse-pointer.button-5 {\n          transition: none;\n          border-color: rgba(0,255,0,0.9);\n        }\n      `;\n    document.head.appendChild(styleElement);\n    document.body.appendChild(box);\n\n    document.addEventListener(\n      \"mousemove\",\n      (event) => {\n        box.style.left = event.pageX + \"px\";\n        box.style.top = event.pageY + \"px\";\n        updateButtons(event.buttons);\n      },\n      true,\n    );\n\n    document.addEventListener(\n      \"mousedown\",\n      (event) => {\n        updateButtons(event.buttons);\n        box.classList.add(\"button-\" + event.which);\n      },\n      true,\n    );\n\n    document.addEventListener(\n      \"mouseup\",\n      (event) => {\n        updateButtons(event.buttons);\n        box.classList.remove(\"button-\" + event.which);\n      },\n      true,\n    );\n\n    function updateButtons(buttons: number): void {\n      for (let i = 0; i < 5; i++) {\n        box.classList.toggle(\"button-\" + i, (buttons & (1 << i)) as unknown as boolean);\n      }\n    }\n  });\n}\n\n/**\n * Tells the browser that you wish to perform an animation.\n * https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @returns {Promise<void>}\n */\nexport async function waitForAnimationFrame(): Promise<void> {\n  return new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));\n}\n\n/**\n * Creates an E2E page for tests that need to create and set up elements programmatically.\n *\n * @returns {Promise<E2EPage>} an e2e page\n */\nexport async function newProgrammaticE2EPage(): Promise<E2EPage> {\n  const page = await newE2EPage();\n  // we need to initialize the page with any component to ensure they are available in the browser context\n  await page.setContent(\"<calcite-icon></calcite-icon>\");\n  await page.evaluate(() => document.querySelector(\"calcite-icon\").remove());\n\n  return page;\n}\n\n/**\n * Sets CSS vars to skip animations/transitions.\n *\n * @example\n * import { skipAnimations } from \"../../tests/utils\";\n *\n * const page = await newE2EPage();\n * await page.setContent(`<calcite-tooltip>Content</calcite-tooltip>`);\n *\n * await skipAnimations(page);\n * await page.waitForChanges();\n *\n * @param page\n */\nexport async function skipAnimations(page: E2EPage): Promise<void> {\n  await page.addStyleTag({\n    // using 0.01 to ensure `openCloseComponent` utils work consistently\n    // this should be removed once https://github.com/Esri/calcite-design-system/issues/6604 is addressed\n    content: `:root { --calcite-duration-factor: 0.01; }`,\n  });\n}\n\ninterface MatchesFocusedElementOptions {\n  /**\n   * Set this to true when the focused element is expected to reside in the shadow DOM\n   */\n  shadowed: boolean;\n}\n\n/**\n * This util helps determine if a selector matches the currently focused element.\n *\n * @param page – the E2E page\n * @param selector – selector of element to match\n * @param options - options to customize the utility behavior\n */\nexport async function isElementFocused(\n  page: E2EPage,\n  selector: string,\n  options?: MatchesFocusedElementOptions,\n): Promise<boolean> {\n  const shadowed = options?.shadowed;\n\n  return page.evaluate(\n    (selector: string, shadowed: boolean): boolean => {\n      const targetDoc = shadowed ? document.activeElement?.shadowRoot : document;\n\n      return !!targetDoc?.activeElement?.matches(selector);\n    },\n    selector,\n    shadowed,\n  );\n}\n\ntype GetFocusedElementProp = {\n  /**\n   * Set to true to use the shadow root's active element instead of the light DOM's.\n   */\n  shadow: boolean;\n};\n\n/**\n * This helps get serializable properties from the focused element.\n *\n * @param {E2EPage} page - the E2E test page\n * @param {string} prop - the property to get from the focused element (note: must be serializable)\n * @param {GetFocusedElementProp} options – additional configuration options\n */\nexport async function getFocusedElementProp(\n  page: E2EPage,\n  prop: keyof HTMLElement,\n  options?: GetFocusedElementProp,\n): Promise<ReturnType<E2EPage[\"evaluate\"]>> {\n  return await page.evaluate(\n    (by: string, shadow: boolean) => {\n      const { activeElement } = document;\n      const target = shadow ? activeElement?.shadowRoot?.activeElement : activeElement;\n\n      return target?.[by];\n    },\n    prop,\n    options?.shadow,\n  );\n}\n\n/**\n * Custom integer matcher to use with object matchers.\n *\n * @see https://jasmine.github.io/tutorials/custom_argument_matchers\n */\nexport function toBeInteger(): any {\n  return {\n    asymmetricMatch(abc: string): boolean {\n      return Number.isInteger(abc);\n    },\n\n    jasmineToString(): string {\n      return `Expected value to be an integer.`;\n    },\n  };\n}\n\n/**\n * Custom number matcher to use with object matchers.\n *\n * @see https://jasmine.github.io/tutorials/custom_argument_matchers\n */\nexport function toBeNumber(): any {\n  return {\n    asymmetricMatch(expected: string): boolean {\n      return !isNaN(parseFloat(expected)) && isFinite(Number(expected));\n    },\n\n    jasmineToString(): string {\n      return `Expected value to be an number.`;\n    },\n  };\n}\n\ninterface SelectedItemsAssertionOptions {\n  /**\n   * IDs from items to assert selection\n   */\n  expectedItemIds: string[];\n}\n\n/**\n * Test helper for selected items. Expects items to have IDs to test against.\n *\n * Note: assertSelectedItems.setUpEvents must be called before using this method\n *\n * @param groupElementTagName - The custom element tag name\n * @param page - The E2EPage instance\n * @param SelectedItemsAssertionOptions - Object containing selectable test assertion options\n * @param SelectedItemsAssertionOptions.expectedItemIds - An array of ids to expect to be selected from an interaction\n */\nexport async function assertSelectedItems(\n  groupElementTagName: string,\n  page: E2EPage,\n  { expectedItemIds }: SelectedItemsAssertionOptions,\n): Promise<void> {\n  await page.waitForTimeout(100);\n  const selectedItemIds = await page.evaluate((groupElementTagName) => {\n    const group = document.querySelector(groupElementTagName);\n    return (group as any).selectedItems.map((item) => item.id);\n  }, groupElementTagName);\n\n  expect(selectedItemIds).toHaveLength(expectedItemIds.length);\n\n  expectedItemIds.forEach((itemId, index) => expect(selectedItemIds[index]).toEqual(itemId));\n}\n\ntype SelectionEventTestWindow = GlobalTestProps<{ eventDetail: Selection }>;\n\n/**\n * Helper to wire up the page to assert on the event detail\n *\n * @param eventName - The name of the CustomEvent\n * @param page - The E2EPage instance\n */\nassertSelectedItems.setUpEvents = async (eventName: string, page: E2EPage) => {\n  await page.evaluate((eventName) => {\n    document.addEventListener(eventName as any, ({ detail }: CustomEvent<Selection>) => {\n      (window as SelectionEventTestWindow).eventDetail = detail;\n    });\n  }, eventName);\n};\n"]}

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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 import { Build } from "@stencil/core";
 function getUserAgentData() {

package/dist/collection/utils/component.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.8.1-next.4
+ * v2.8.1
  */
 export function getIconScale(componentScale) {
     return componentScale === "l" ? "m" : "s";

package/dist/collection/utils/component.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.8.1-next.4
+ * v2.8.1
  */
 import { html } from "../../support/formatting";
 import { componentOnReady, getIconScale } from "./component";

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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 /**
  * 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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 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.8.1-next.4
+ * v2.8.1
  */
 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

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

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/utils/dom.ts"],"names":[],"mappings":"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","sourcesContent":["import { tabbable } from \"tabbable\";\nimport { guid } from \"./guid\";\nimport { CSS_UTILITY } from \"./resources\";\n\n/**\n * The default `focus-trap/tabbable` options.\n *\n * See https://github.com/focus-trap/tabbable#tabbable\n */\nexport const tabbableOptions = {\n  getShadowRoot: true,\n};\n\n/**\n * This helper will guarantee an ID on the provided element.\n *\n * If it already has an ID, it will be preserved, otherwise a unique one will be generated and assigned.\n *\n * @param {Element} el An element.\n * @returns {string} The element's ID.\n */\nexport function ensureId(el: Element): string {\n  if (!el) {\n    return \"\";\n  }\n\n  return (el.id = el.id || `${el.tagName.toLowerCase()}-${guid()}`);\n}\n\n/**\n * This helper returns an array from a NodeList.\n *\n * @param {NodeList} nodeList A NodeList.\n * @returns {Element[]} An array of elements.\n */\nexport function nodeListToArray<T extends Element>(nodeList: HTMLCollectionOf<T> | NodeListOf<T> | T[]): T[] {\n  return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);\n}\n\nexport type Direction = \"ltr\" | \"rtl\";\n\n/**\n * This helper returns the Calcite \"mode\" of an element.\n *\n * @param {HTMLElement} el An element.\n * @returns {\"light\"|\"dark\"} The Calcite mode.\n */\nexport function getModeName(el: HTMLElement): \"light\" | \"dark\" {\n  const closestElWithMode = closestElementCrossShadowBoundary(\n    el,\n    `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}`,\n  );\n  return closestElWithMode?.classList.contains(\"calcite-mode-dark\") ? \"dark\" : \"light\";\n}\n\n/**\n * This helper returns the direction of a HTML element.\n *\n * @param {HTMLElement} el An element.\n * @returns {Direction} The direction.\n */\nexport function getElementDir(el: HTMLElement): Direction {\n  const prop = \"dir\";\n  const selector = `[${prop}]`;\n  const closest = closestElementCrossShadowBoundary(el, selector);\n  return closest ? (closest.getAttribute(prop) as Direction) : \"ltr\";\n}\n\n/**\n * This helper returns the value of an attribute on an element.\n *\n * @param {HTMLElement} el An element.\n * @param {string} attribute An attribute name.\n * @param {any} fallbackValue A fallback value.\n * @returns {any} The value.\n * @deprecated\n */\nexport function getElementProp(el: Element, attribute: string, fallbackValue: any): any {\n  const selector = `[${attribute}]`;\n  const closest = el.closest(selector);\n  return closest ? closest.getAttribute(attribute) : fallbackValue;\n}\n\n/**\n * This helper returns the computed width in pixels of a rendered HTMLElement.\n *\n * @param {HTMLElement} el An element.\n * @returns {number} The element's width.\n */\nexport function getElementWidth(el: HTMLElement): number {\n  if (!el) {\n    return 0;\n  }\n  return parseFloat(getComputedStyle(el).inlineSize);\n}\n\n/**\n * This helper returns the rootNode of an element.\n *\n * @param {Element} el An element.\n * @returns {Document|ShadowRoot} The element's root node.\n */\nexport function getRootNode(el: Element): Document | ShadowRoot {\n  return el.getRootNode() as Document | ShadowRoot;\n}\n\n/**\n * This helper returns the node's shadowRoot root node if it exists.\n *\n * @param {Element} el The element.\n * @returns {ShadowRoot|null} The element's root node ShadowRoot.\n */\nexport function getShadowRootNode(el: Element): ShadowRoot | null {\n  const rootNode = getRootNode(el);\n  return \"host\" in rootNode ? rootNode : null;\n}\n\n/**\n * This helper returns the computed width in pixels a given text string takes up on screen.\n *\n * See https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript\n *\n * @param {string} text The string of text to measure.\n * @param {string} font The CSS font attribute's value, which should include size and face, e.g. \"12px Arial\".\n */\nexport function getTextWidth(text: string, font: string): number {\n  if (!text) {\n    return 0;\n  }\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n  context.font = font;\n  return context.measureText(text).width;\n}\n/**\n * This helper returns the host of a ShadowRoot.\n *\n * @param {Document | ShadowRoot} root A root element.\n * @returns {Element | null} The host element.\n */\nexport function getHost(root: Document | ShadowRoot): Element | null {\n  return (root as ShadowRoot).host || null;\n}\n\n/**\n * This helper queries an element's rootNode and any ancestor rootNodes.\n *\n * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.\n *\n * @param {Element} element An element.\n * @param root0\n * @param root0.selector\n * @param root0.id\n * @returns {Element} An element.\n */\nexport function queryElementRoots<T extends Element = Element>(\n  element: Element,\n  {\n    selector,\n    id,\n  }: {\n    selector?: string;\n    id?: string;\n  },\n): T | null {\n  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.\n  // Based on: https://stackoverflow.com/q/54520554/194216\n  function queryFrom<T extends Element = Element>(el: Element): T | null {\n    if (!el) {\n      return null;\n    }\n\n    if ((el as Slottable).assignedSlot) {\n      el = (el as Slottable).assignedSlot;\n    }\n\n    const rootNode = getRootNode(el);\n\n    const found = id\n      ? \"getElementById\" in rootNode\n        ? /*\n          Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.\n          https://github.com/Esri/calcite-design-system/pull/4280\n           */\n          (rootNode.getElementById(id) as Element as T)\n        : null\n      : selector\n        ? (rootNode.querySelector(selector) as T)\n        : null;\n\n    const host = getHost(rootNode);\n\n    return found ? found : host ? queryFrom(host) : null;\n  }\n\n  return queryFrom(element);\n}\n\n/**\n * This helper returns the closest element matching the selector by crossing he shadow boundary if necessary.\n *\n * @param {Element} element The starting element.\n * @param {string} selector The selector.\n * @returns {Element} The targeted element.\n */\nexport function closestElementCrossShadowBoundary<T extends Element = Element>(\n  element: Element,\n  selector: string,\n): T | null {\n  // based on https://stackoverflow.com/q/54520554/194216\n  function closestFrom<T extends Element = Element>(el: Element): T | null {\n    return el ? el.closest(selector) || closestFrom(getHost(getRootNode(el))) : null;\n  }\n\n  return closestFrom(element);\n}\n\n/**\n * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.\n *\n * Returning early or undefined in `onVisit` will continue traversing up the DOM tree. Otherwise, traversal will halt with the returned value as the result of the function\n *\n * @param {Element} element An element.\n * @param {(node: Node) => Element} onVisit The callback.\n * @returns {Element} The result.\n */\nexport function walkUpAncestry<T = any>(element: Element, onVisit: (node: Node) => T): T {\n  return visit(element, onVisit);\n}\n\nfunction visit<T = any>(node: Node, onVisit: (node: Node) => T): T {\n  if (!node) {\n    return;\n  }\n\n  const result = onVisit(node);\n  if (result !== undefined) {\n    return result;\n  }\n\n  const { parentNode } = node;\n\n  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);\n}\n\n/**\n * This helper returns true when an element has the descendant in question.\n *\n * @param {Element} element The starting element.\n * @param {Element} maybeDescendant The descendant.\n * @returns {boolean} The result.\n */\nexport function containsCrossShadowBoundary(element: Element, maybeDescendant: Element): boolean {\n  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));\n}\n\n/**\n * An element which may contain a `setFocus` method.\n */\nexport interface FocusableElement extends HTMLElement {\n  setFocus?: () => Promise<void>;\n}\n\n/**\n * This helper returns true when an element has a setFocus method.\n *\n * @param {Element} el An element.\n * @returns {boolean} The result.\n */\nexport function isCalciteFocusable(el: FocusableElement): boolean {\n  return typeof el?.setFocus === \"function\";\n}\n\n/**\n * This helper focuses an element using the `setFocus` method if available and falls back to using the `focus` method if not available.\n *\n * @param {Element} el An element.\n */\nexport async function focusElement(el: FocusableElement): Promise<void> {\n  if (!el) {\n    return;\n  }\n\n  return isCalciteFocusable(el) ? el.setFocus() : el.focus();\n}\n\n/**\n * Helper to get the first tabbable element.\n *\n * @param {HTMLElement} element The html element containing tabbable elements.\n * @returns the first tabbable element.\n */\nexport function getFirstTabbable(element: HTMLElement): HTMLElement {\n  if (!element) {\n    return;\n  }\n\n  return (tabbable(element, tabbableOptions)[0] ?? element) as HTMLElement;\n}\n\n/**\n * Helper to focus the first tabbable element.\n *\n * @param {HTMLElement} element The html element containing tabbable elements.\n */\nexport function focusFirstTabbable(element: HTMLElement): void {\n  getFirstTabbable(element)?.focus();\n}\n\ninterface GetSlottedOptions {\n  all?: boolean;\n  direct?: boolean;\n  matches?: string;\n  selector?: string;\n}\n\nconst defaultSlotSelector = \":not([slot])\";\n\n/**\n * Gets slotted elements for a named slot.\n *\n * @param {Element} element An element.\n * @param {string} slotName The slot name.\n * @param {GetSlottedOptions & { all: true }} options The options.\n * @returns {Element | Element[] | null} returns element(s) or null.\n * @deprecated Use `onSlotchange` event instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.myElements = slotChangeGetAssignedElements(event)} />}\n * ```\n */\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName: string | string[] | (GetSlottedOptions & { all: true }),\n  options: GetSlottedOptions & { all: true },\n): T[];\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName?: string | string[] | GetSlottedOptions,\n  options?: GetSlottedOptions,\n): T | null;\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName?: string | string[] | GetSlottedOptions,\n  options?: GetSlottedOptions,\n): (T | null) | T[] {\n  if (slotName && !Array.isArray(slotName) && typeof slotName !== \"string\") {\n    options = slotName;\n    slotName = null;\n  }\n\n  const slotSelector = slotName\n    ? Array.isArray(slotName)\n      ? slotName.map((name) => `[slot=\"${name}\"]`).join(\",\")\n      : `[slot=\"${slotName}\"]`\n    : defaultSlotSelector;\n\n  if (options?.all) {\n    return queryMultiple<T>(element, slotSelector, options);\n  }\n\n  return querySingle<T>(element, slotSelector, options);\n}\n\nfunction getDirectChildren<T extends Element = Element>(el: Element, selector: string): T[] {\n  return el ? (Array.from(el.children || []) as T[]).filter((child) => child?.matches(selector)) : [];\n}\n\nfunction queryMultiple<T extends Element = Element>(\n  element: Element,\n  slotSelector: string,\n  options?: GetSlottedOptions,\n): T[] {\n  let matches =\n    slotSelector === defaultSlotSelector\n      ? getDirectChildren<T>(element, defaultSlotSelector)\n      : Array.from(element.querySelectorAll<T>(slotSelector));\n\n  matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);\n\n  matches = options?.matches ? matches.filter((el) => el?.matches(options.matches)) : matches;\n\n  const selector = options?.selector;\n  return selector\n    ? matches\n        .map((item) => Array.from(item.querySelectorAll<T>(selector)))\n        .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], [])\n        .filter((match) => !!match)\n    : matches;\n}\n\nfunction querySingle<T extends Element = Element>(\n  element: Element,\n  slotSelector: string,\n  options?: GetSlottedOptions,\n): T | null {\n  let match =\n    slotSelector === defaultSlotSelector\n      ? getDirectChildren<T>(element, defaultSlotSelector)[0] || null\n      : element.querySelector<T>(slotSelector);\n\n  match = options && options.direct === false ? match : match?.parentElement === element ? match : null;\n\n  match = options?.matches ? (match?.matches(options.matches) ? match : null) : match;\n\n  const selector = options?.selector;\n  return selector ? match?.querySelector<T>(selector) : match;\n}\n\n/**\n * Filters direct children.\n *\n * @param {Element} el An element.\n * @param {string} selector The selector.\n * @returns {Element[]} An array of elements.\n */\nexport function filterDirectChildren<T extends Element>(el: Element, selector: string): T[] {\n  return Array.from(el.children).filter((child): child is T => child.matches(selector));\n}\n\n/**\n * Set a default icon from a defined set or allow an override with an icon name string\n *\n * @param {Record<string, string>} iconObject The icon object.\n * @param {string | boolean} iconValue The icon value.\n * @param {string} matchedValue The matched value.\n * @returns {string|undefined} The resulting icon value.\n */\nexport function setRequestedIcon(\n  iconObject: Record<string, string>,\n  iconValue: string | boolean,\n  matchedValue: string,\n): string | undefined {\n  if (typeof iconValue === \"string\" && iconValue !== \"\") {\n    return iconValue;\n  } else if (iconValue === \"\") {\n    return iconObject[matchedValue];\n  }\n}\n\n/**\n * This helper returns true when two rectangles intersect.\n *\n * @param {DOMRect} rect1 The first rectangle.\n * @param {DOMRect} rect2 The second rectangle.\n * @returns {boolean} The result.\n */\nexport function intersects(rect1: DOMRect, rect2: DOMRect): boolean {\n  return !(\n    rect2.left > rect1.right ||\n    rect2.right < rect1.left ||\n    rect2.top > rect1.bottom ||\n    rect2.bottom < rect1.top\n  );\n}\n\n/**\n * This helper makes sure that boolean aria attributes are properly converted to a string.\n *\n * It should only be used for aria attributes that require a string value of \"true\" or \"false\".\n *\n * @param {boolean} value The value.\n * @returns {string} The string conversion of a boolean value (\"true\" | \"false\").\n */\nexport function toAriaBoolean(value: boolean): string {\n  return Boolean(value).toString();\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any content (text or elements).\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasContent = slotChangeHasContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any content.\n */\nexport function slotChangeHasContent(event: Event): boolean {\n  return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);\n}\n\n/**\n * This helper returns a string of textContent if the target `slot` element from the `onSlotchange` event has any text content.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotText = slotChangeGetTextContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {string} The slots text.\n */\nexport function slotChangeGetTextContent(event: Event): string {\n  return slotChangeGetAssignedNodes(event)\n    .filter((node) => node.nodeType === Node.TEXT_NODE)\n    .map((node) => node.textContent)\n    .join(\"\")\n    .trim();\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any text content.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasTextContent = slotChangeHasTextContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any text content.\n */\nexport function slotChangeHasTextContent(event: Event): boolean {\n  return !!slotChangeGetTextContent(event);\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned node.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasNode = slotChangeHasAssignedNode(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned nodes.\n */\nexport function slotChangeHasAssignedNode(event: Event): boolean {\n  return !!slotChangeGetAssignedNodes(event).length;\n}\n\n/**\n * This helper returns the assigned nodes on a `slot` element from the `onSlotchange` event.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotNodes = slotChangeGetAssignedNodes(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned nodes.\n */\nexport function slotChangeGetAssignedNodes(event: Event): Node[] {\n  return (event.target as HTMLSlotElement).assignedNodes({\n    flatten: true,\n  });\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned elements.\n */\nexport function slotChangeHasAssignedElement(event: Event): boolean {\n  return !!slotChangeGetAssignedElements(event).length;\n}\n\n/**\n * This helper returns the assigned elements on a `slot` element from the `onSlotchange` event.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotElements = slotChangeGetAssignedElements(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned elements.\n */\nexport function slotChangeGetAssignedElements(event: Event): Element[] {\n  return (event.target as HTMLSlotElement).assignedElements({\n    flatten: true,\n  });\n}\n\n/**\n * This helper returns true if the pointer event fired from the primary button of the device.\n *\n * See https://www.w3.org/TR/pointerevents/#the-button-property.\n *\n * @param {PointerEvent} event The pointer event.\n * @returns {boolean} The value.\n */\nexport function isPrimaryPointerButton(event: PointerEvent): boolean {\n  return !!(event.isPrimary && event.button === 0);\n}\n\n/**\n * This helper returns true if the mouse event was triggered by a keyboard click.\n *\n * @param {MouseEvent} event The mouse event.\n * @returns {boolean} The value.\n */\nexport function isKeyboardTriggeredClick(event: MouseEvent): boolean {\n  // we assume event.detail = 0 is a keyboard click\n  // see https://www.w3.org/TR/uievents/#event-type-click\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event#usage_notes\n  return event.detail === 0;\n}\n\nexport type FocusElementInGroupDestination = \"first\" | \"last\" | \"next\" | \"previous\";\n\n/**\n * This helper sets focus on and returns a destination element from within a group of provided elements.\n *\n * @param {Element[]} elements An array of elements.\n * @param {Element} currentElement The current element.\n * @param {FocusElementInGroupDestination} destination The target destination element to focus.\n * @param {boolean} cycle Should navigation cycle through elements or stop at extent - defaults to true.\n * @returns {Element} The focused element\n */\nexport const focusElementInGroup = <T extends Element = Element>(\n  elements: Element[],\n  currentElement: Element,\n  destination: FocusElementInGroupDestination,\n  cycle = true,\n): T => {\n  const currentIndex = elements.indexOf(currentElement);\n  const isFirstItem = currentIndex === 0;\n  const isLastItem = currentIndex === elements.length - 1;\n  if (cycle) {\n    destination =\n      destination === \"previous\" && isFirstItem ? \"last\" : destination === \"next\" && isLastItem ? \"first\" : destination;\n  }\n\n  let focusTarget;\n  if (destination === \"previous\") {\n    focusTarget = elements[currentIndex - 1] || elements[cycle ? elements.length - 1 : currentIndex];\n  } else if (destination === \"next\") {\n    focusTarget = elements[currentIndex + 1] || elements[cycle ? 0 : currentIndex];\n  } else if (destination === \"last\") {\n    focusTarget = elements[elements.length - 1];\n  } else {\n    focusTarget = elements[0];\n  }\n\n  focusElement(focusTarget);\n  return focusTarget;\n};\n\n/**\n * This helper determines if an element is before another element in the DOM.\n *\n * @param a the reference element to compare\n * @param b the element to compare against\n *\n * @returns true when a is before b in the DOM\n */\nexport function isBefore(a: HTMLElement, b: HTMLElement): boolean {\n  if (a.parentNode !== b.parentNode) {\n    return false;\n  }\n\n  const children = Array.from(a.parentNode.children);\n  return children.indexOf(a) < children.indexOf(b);\n}\n"]}
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/utils/dom.ts"],"names":[],"mappings":"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","sourcesContent":["import { tabbable } from \"tabbable\";\nimport { guid } from \"./guid\";\nimport { CSS_UTILITY } from \"./resources\";\n\n/**\n * The default `focus-trap/tabbable` options.\n *\n * See https://github.com/focus-trap/tabbable#tabbable\n */\nexport const tabbableOptions = {\n  getShadowRoot: true,\n};\n\n/**\n * This helper will guarantee an ID on the provided element.\n *\n * If it already has an ID, it will be preserved, otherwise a unique one will be generated and assigned.\n *\n * @param {Element} el An element.\n * @returns {string} The element's ID.\n */\nexport function ensureId(el: Element): string {\n  if (!el) {\n    return \"\";\n  }\n\n  return (el.id = el.id || `${el.tagName.toLowerCase()}-${guid()}`);\n}\n\n/**\n * This helper returns an array from a NodeList.\n *\n * @param {NodeList} nodeList A NodeList.\n * @returns {Element[]} An array of elements.\n */\nexport function nodeListToArray<T extends Element>(nodeList: HTMLCollectionOf<T> | NodeListOf<T> | T[]): T[] {\n  return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);\n}\n\nexport type Direction = \"ltr\" | \"rtl\";\n\n/**\n * This helper returns the Calcite \"mode\" of an element.\n *\n * @param {HTMLElement} el An element.\n * @returns {\"light\"|\"dark\"} The Calcite mode.\n */\nexport function getModeName(el: HTMLElement): \"light\" | \"dark\" {\n  const closestElWithMode = closestElementCrossShadowBoundary(\n    el,\n    `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}`,\n  );\n  return closestElWithMode?.classList.contains(\"calcite-mode-dark\") ? \"dark\" : \"light\";\n}\n\n/**\n * This helper returns the direction of a HTML element.\n *\n * @param {HTMLElement} el An element.\n * @returns {Direction} The direction.\n */\nexport function getElementDir(el: HTMLElement): Direction {\n  const prop = \"dir\";\n  const selector = `[${prop}]`;\n  const closest = closestElementCrossShadowBoundary(el, selector);\n  return closest ? (closest.getAttribute(prop) as Direction) : \"ltr\";\n}\n\n/**\n * This helper returns the value of an attribute on an element.\n *\n * @param {HTMLElement} el An element.\n * @param {string} attribute An attribute name.\n * @param {any} fallbackValue A fallback value.\n * @returns {any} The value.\n * @deprecated\n */\nexport function getElementProp(el: Element, attribute: string, fallbackValue: any): any {\n  const selector = `[${attribute}]`;\n  const closest = el.closest(selector);\n  return closest ? closest.getAttribute(attribute) : fallbackValue;\n}\n\n/**\n * This helper returns the computed width in pixels of a rendered HTMLElement.\n *\n * @param {HTMLElement} el An element.\n * @returns {number} The element's width.\n */\nexport function getElementWidth(el: HTMLElement): number {\n  if (!el) {\n    return 0;\n  }\n  return parseFloat(getComputedStyle(el).inlineSize);\n}\n\n/**\n * This helper returns the rootNode of an element.\n *\n * @param {Element} el An element.\n * @returns {Document|ShadowRoot} The element's root node.\n */\nexport function getRootNode(el: Element): Document | ShadowRoot {\n  return el.getRootNode() as Document | ShadowRoot;\n}\n\n/**\n * This helper returns the node's shadowRoot root node if it exists.\n *\n * @param {Element} el The element.\n * @returns {ShadowRoot|null} The element's root node ShadowRoot.\n */\nexport function getShadowRootNode(el: Element): ShadowRoot | null {\n  const rootNode = getRootNode(el);\n  return \"host\" in rootNode ? rootNode : null;\n}\n\n/**\n * This helper returns the computed width in pixels a given text string takes up on screen.\n *\n * See https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript\n *\n * @param {string} text The string of text to measure.\n * @param {string} font The CSS font attribute's value, which should include size and face, e.g. \"12px Arial\".\n */\nexport function getTextWidth(text: string, font: string): number {\n  if (!text) {\n    return 0;\n  }\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n  context.font = font;\n  return context.measureText(text).width;\n}\n/**\n * This helper returns the host of a ShadowRoot.\n *\n * @param {Document | ShadowRoot} root A root element.\n * @returns {Element | null} The host element.\n */\nexport function getHost(root: Document | ShadowRoot): Element | null {\n  return (root as ShadowRoot).host || null;\n}\n\n/**\n * This helper queries an element's rootNode and any ancestor rootNodes.\n *\n * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.\n *\n * @param {Element} element An element.\n * @param root0\n * @param root0.selector\n * @param root0.id\n * @returns {Element} An element.\n */\nexport function queryElementRoots<T extends Element = Element>(\n  element: Element,\n  {\n    selector,\n    id,\n  }: {\n    selector?: string;\n    id?: string;\n  },\n): T | null {\n  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.\n  // Based on: https://stackoverflow.com/q/54520554/194216\n  function queryFrom<T extends Element = Element>(el: Element): T | null {\n    if (!el) {\n      return null;\n    }\n\n    if ((el as Slottable).assignedSlot) {\n      el = (el as Slottable).assignedSlot;\n    }\n\n    const rootNode = getRootNode(el);\n\n    const found = id\n      ? \"getElementById\" in rootNode\n        ? /*\n          Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.\n          https://github.com/Esri/calcite-design-system/pull/4280\n           */\n          (rootNode.getElementById(id) as Element as T)\n        : null\n      : selector\n        ? (rootNode.querySelector(selector) as T)\n        : null;\n\n    const host = getHost(rootNode);\n\n    return found ? found : host ? queryFrom(host) : null;\n  }\n\n  return queryFrom(element);\n}\n\n/**\n * This helper returns the closest element matching the selector by crossing he shadow boundary if necessary.\n *\n * @param {Element} element The starting element.\n * @param {string} selector The selector.\n * @returns {Element} The targeted element.\n */\nexport function closestElementCrossShadowBoundary<T extends Element = Element>(\n  element: Element,\n  selector: string,\n): T | null {\n  // based on https://stackoverflow.com/q/54520554/194216\n  function closestFrom<T extends Element = Element>(el: Element): T | null {\n    return el ? el.closest(selector) || closestFrom(getHost(getRootNode(el))) : null;\n  }\n\n  return closestFrom(element);\n}\n\n/**\n * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.\n *\n * Returning early or undefined in `onVisit` will continue traversing up the DOM tree. Otherwise, traversal will halt with the returned value as the result of the function\n *\n * @param {Element} element An element.\n * @param {(node: Node) => Element} onVisit The callback.\n * @returns {Element} The result.\n */\nexport function walkUpAncestry<T = any>(element: Element, onVisit: (node: Node) => T): T {\n  return visit(element, onVisit);\n}\n\nfunction visit<T = any>(node: Node, onVisit: (node: Node) => T): T {\n  if (!node) {\n    return;\n  }\n\n  const result = onVisit(node);\n  if (result !== undefined) {\n    return result;\n  }\n\n  const { parentNode } = node;\n\n  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);\n}\n\n/**\n * This helper returns true when an element has the descendant in question.\n *\n * @param {Element} element The starting element.\n * @param {Element} maybeDescendant The descendant.\n * @returns {boolean} The result.\n */\nexport function containsCrossShadowBoundary(element: Element, maybeDescendant: Element): boolean {\n  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));\n}\n\n/**\n * An element which may contain a `setFocus` method.\n */\nexport interface FocusableElement extends HTMLElement {\n  setFocus?: () => Promise<void>;\n}\n\n/**\n * This helper returns true when an element has a setFocus method.\n *\n * @param {Element} el An element.\n * @returns {boolean} The result.\n */\nexport function isCalciteFocusable(el: FocusableElement): boolean {\n  return typeof el?.setFocus === \"function\";\n}\n\n/**\n * This helper focuses an element using the `setFocus` method if available and falls back to using the `focus` method if not available.\n *\n * @param {Element} el An element.\n */\nexport async function focusElement(el: FocusableElement): Promise<void> {\n  if (!el) {\n    return;\n  }\n\n  return isCalciteFocusable(el) ? el.setFocus() : el.focus();\n}\n\n/**\n * Helper to get the first tabbable element.\n *\n * @param {HTMLElement} element The html element containing tabbable elements.\n * @returns the first tabbable element.\n */\nexport function getFirstTabbable(element: HTMLElement): HTMLElement {\n  if (!element) {\n    return;\n  }\n\n  return (tabbable(element, tabbableOptions)[0] ?? element) as HTMLElement;\n}\n\n/**\n * Helper to focus the first tabbable element.\n *\n * @param {HTMLElement} element The html element containing tabbable elements.\n */\nexport function focusFirstTabbable(element: HTMLElement): void {\n  getFirstTabbable(element)?.focus();\n}\n\ninterface GetSlottedOptions {\n  all?: boolean;\n  direct?: boolean;\n  matches?: string;\n  selector?: string;\n}\n\nconst defaultSlotSelector = \":not([slot])\";\n\n/**\n * Gets slotted elements for a named slot.\n *\n * @param {Element} element An element.\n * @param {string} slotName The slot name.\n * @param {GetSlottedOptions & { all: true }} options The options.\n * @returns {Element | Element[] | null} returns element(s) or null.\n * @deprecated Use `onSlotchange` event instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.myElements = slotChangeGetAssignedElements(event)} />}\n * ```\n */\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName: string | string[] | (GetSlottedOptions & { all: true }),\n  options: GetSlottedOptions & { all: true },\n): T[];\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName?: string | string[] | GetSlottedOptions,\n  options?: GetSlottedOptions,\n): T | null;\nexport function getSlotted<T extends Element = Element>(\n  element: Element,\n  slotName?: string | string[] | GetSlottedOptions,\n  options?: GetSlottedOptions,\n): (T | null) | T[] {\n  if (slotName && !Array.isArray(slotName) && typeof slotName !== \"string\") {\n    options = slotName;\n    slotName = null;\n  }\n\n  const slotSelector = slotName\n    ? Array.isArray(slotName)\n      ? slotName.map((name) => `[slot=\"${name}\"]`).join(\",\")\n      : `[slot=\"${slotName}\"]`\n    : defaultSlotSelector;\n\n  if (options?.all) {\n    return queryMultiple<T>(element, slotSelector, options);\n  }\n\n  return querySingle<T>(element, slotSelector, options);\n}\n\nfunction getDirectChildren<T extends Element = Element>(el: Element, selector: string): T[] {\n  return el ? (Array.from(el.children || []) as T[]).filter((child) => child?.matches(selector)) : [];\n}\n\nfunction queryMultiple<T extends Element = Element>(\n  element: Element,\n  slotSelector: string,\n  options?: GetSlottedOptions,\n): T[] {\n  let matches =\n    slotSelector === defaultSlotSelector\n      ? getDirectChildren<T>(element, defaultSlotSelector)\n      : Array.from(element.querySelectorAll<T>(slotSelector));\n\n  matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);\n\n  matches = options?.matches ? matches.filter((el) => el?.matches(options.matches)) : matches;\n\n  const selector = options?.selector;\n  return selector\n    ? matches\n        .map((item) => Array.from(item.querySelectorAll<T>(selector)))\n        .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], [])\n        .filter((match) => !!match)\n    : matches;\n}\n\nfunction querySingle<T extends Element = Element>(\n  element: Element,\n  slotSelector: string,\n  options?: GetSlottedOptions,\n): T | null {\n  let match =\n    slotSelector === defaultSlotSelector\n      ? getDirectChildren<T>(element, defaultSlotSelector)[0] || null\n      : element.querySelector<T>(slotSelector);\n\n  match = options && options.direct === false ? match : match?.parentElement === element ? match : null;\n\n  match = options?.matches ? (match?.matches(options.matches) ? match : null) : match;\n\n  const selector = options?.selector;\n  return selector ? match?.querySelector<T>(selector) : match;\n}\n\n/**\n * Filters direct children.\n *\n * @param {Element} el An element.\n * @param {string} selector The selector.\n * @returns {Element[]} An array of elements.\n */\nexport function filterDirectChildren<T extends Element>(el: Element, selector: string): T[] {\n  return Array.from(el.children).filter((child): child is T => child.matches(selector));\n}\n\n/**\n * Set a default icon from a defined set or allow an override with an icon name string\n *\n * @param {Record<string, string>} iconObject The icon object.\n * @param {string | boolean} iconValue The icon value.\n * @param {string} matchedValue The matched value.\n * @returns {string|undefined} The resulting icon value.\n */\nexport function setRequestedIcon(\n  iconObject: Record<string, string>,\n  iconValue: string | boolean,\n  matchedValue: string,\n): string | undefined {\n  if (typeof iconValue === \"string\" && iconValue !== \"\") {\n    return iconValue;\n  } else if (iconValue === \"\") {\n    return iconObject[matchedValue];\n  }\n}\n\n/**\n * This helper returns true when two rectangles intersect.\n *\n * @param {DOMRect} rect1 The first rectangle.\n * @param {DOMRect} rect2 The second rectangle.\n * @returns {boolean} The result.\n */\nexport function intersects(rect1: DOMRect, rect2: DOMRect): boolean {\n  return !(\n    rect2.left > rect1.right ||\n    rect2.right < rect1.left ||\n    rect2.top > rect1.bottom ||\n    rect2.bottom < rect1.top\n  );\n}\n\n/**\n * This helper makes sure that boolean aria attributes are properly converted to a string.\n *\n * It should only be used for aria attributes that require a string value of \"true\" or \"false\".\n *\n * @param {boolean} value The value.\n * @returns {string} The string conversion of a boolean value (\"true\" | \"false\").\n */\nexport function toAriaBoolean(value: boolean): string {\n  return Boolean(value).toString();\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any content (text or elements).\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasContent = slotChangeHasContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any content.\n */\nexport function slotChangeHasContent(event: Event): boolean {\n  return slotChangeHasAssignedElement(event) || slotChangeHasTextContent(event);\n}\n\n/**\n * This helper returns a string of textContent if the target `slot` element from the `onSlotchange` event has any text content.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotText = slotChangeGetTextContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {string} The slots text.\n */\nexport function slotChangeGetTextContent(event: Event): string {\n  return slotChangeGetAssignedNodes(event)\n    .filter((node) => node.nodeType === Node.TEXT_NODE)\n    .map((node) => node.textContent)\n    .join(\"\")\n    .trim();\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has any text content.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasTextContent = slotChangeHasTextContent(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any text content.\n */\nexport function slotChangeHasTextContent(event: Event): boolean {\n  return !!slotChangeGetTextContent(event);\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned node.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasNode = slotChangeHasAssignedNode(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned nodes.\n */\nexport function slotChangeHasAssignedNode(event: Event): boolean {\n  return !!slotChangeGetAssignedNodes(event).length;\n}\n\n/**\n * This helper returns the assigned nodes on a `slot` element from the `onSlotchange` event.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotNodes = slotChangeGetAssignedNodes(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned nodes.\n */\nexport function slotChangeGetAssignedNodes(event: Event): Node[] {\n  return (event.target as HTMLSlotElement).assignedNodes({\n    flatten: true,\n  });\n}\n\n/**\n * This helper returns `true` if the target `slot` element from the `onSlotchange` event has an assigned element.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned elements.\n */\nexport function slotChangeHasAssignedElement(event: Event): boolean {\n  return !!slotChangeGetAssignedElements(event).length;\n}\n\n/**\n * This helper returns the assigned elements on a `slot` element from the `onSlotchange` event.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotElements = slotChangeGetAssignedElements(event)} />}\n * ```\n *\n * @param {Event} event The event.\n * @returns {boolean} Whether the slot has any assigned elements.\n */\nexport function slotChangeGetAssignedElements(event: Event): Element[] {\n  return (event.target as HTMLSlotElement).assignedElements({\n    flatten: true,\n  });\n}\n\n/**\n * This helper returns true if the pointer event fired from the primary button of the device.\n *\n * See https://www.w3.org/TR/pointerevents/#the-button-property.\n *\n * @param {PointerEvent} event The pointer event.\n * @returns {boolean} The value.\n */\nexport function isPrimaryPointerButton(event: PointerEvent): boolean {\n  return !!(event.isPrimary && event.button === 0);\n}\n\n/**\n * This helper returns true if the mouse event was triggered by a keyboard click.\n *\n * @param {MouseEvent} event The mouse event.\n * @returns {boolean} The value.\n */\nexport function isKeyboardTriggeredClick(event: MouseEvent): boolean {\n  // we assume event.detail = 0 is a keyboard click\n  // see https://www.w3.org/TR/uievents/#event-type-click\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event#usage_notes\n  return event.detail === 0;\n}\n\nexport type FocusElementInGroupDestination = \"first\" | \"last\" | \"next\" | \"previous\";\n\n/**\n * This helper sets focus on and returns a destination element from within a group of provided elements.\n *\n * @param {Element[]} elements An array of elements.\n * @param {Element} currentElement The current element.\n * @param {FocusElementInGroupDestination} destination The target destination element to focus.\n * @param {boolean} cycle Should navigation cycle through elements or stop at extent - defaults to true.\n * @returns {Element} The focused element\n */\nexport const focusElementInGroup = <T extends Element = Element>(\n  elements: Element[],\n  currentElement: Element,\n  destination: FocusElementInGroupDestination,\n  cycle = true,\n): T => {\n  const currentIndex = elements.indexOf(currentElement);\n  const isFirstItem = currentIndex === 0;\n  const isLastItem = currentIndex === elements.length - 1;\n  if (cycle) {\n    destination =\n      destination === \"previous\" && isFirstItem ? \"last\" : destination === \"next\" && isLastItem ? \"first\" : destination;\n  }\n\n  let focusTarget;\n  if (destination === \"previous\") {\n    focusTarget = elements[currentIndex - 1] || elements[cycle ? elements.length - 1 : currentIndex];\n  } else if (destination === \"next\") {\n    focusTarget = elements[currentIndex + 1] || elements[cycle ? 0 : currentIndex];\n  } else if (destination === \"last\") {\n    focusTarget = elements[elements.length - 1];\n  } else {\n    focusTarget = elements[0];\n  }\n\n  focusElement(focusTarget);\n  return focusTarget;\n};\n\n/**\n * This helper determines if an element is before another element in the DOM.\n *\n * @param a the reference element to compare\n * @param b the element to compare against\n *\n * @returns true when a is before b in the DOM\n */\nexport function isBefore(a: HTMLElement, b: HTMLElement): boolean {\n  if (a.parentNode !== b.parentNode) {\n    return false;\n  }\n\n  const children = Array.from(a.parentNode.children);\n  return children.indexOf(a) < children.indexOf(b);\n}\n\n/**\n * This util helps determine when an animation has completed.\n *\n * @param targetEl The element to watch for the animation to complete.\n * @param animationName The name of the animation to watch for completion.\n */\nexport async function whenAnimationDone(targetEl: HTMLElement, animationName: string): Promise<void> {\n  const { animationDuration: allDurations, animationName: allNames } = getComputedStyle(targetEl);\n\n  const allDurationsArray = allDurations.split(\",\");\n  const allPropsArray = allNames.split(\",\");\n  const propIndex = allPropsArray.indexOf(animationName);\n  const duration =\n    allDurationsArray[propIndex] ??\n    /* Safari will have a single duration value for the shorthand prop when multiple, separate names/props are defined,\n            so we fall back to it if there's no matching prop duration */\n    allDurationsArray[0];\n\n  if (duration === \"0s\") {\n    return Promise.resolve();\n  }\n\n  const startEvent = \"animationstart\";\n  const endEvent = \"animationend\";\n  const cancelEvent = \"animationcancel\";\n\n  return new Promise<void>((resolve) => {\n    const fallbackTimeoutId = setTimeout(\n      (): void => {\n        targetEl.removeEventListener(startEvent, onStart);\n        targetEl.removeEventListener(endEvent, onEndOrCancel);\n        targetEl.removeEventListener(cancelEvent, onEndOrCancel);\n        resolve();\n      },\n      parseFloat(duration) * 1000,\n    );\n\n    targetEl.addEventListener(startEvent, onStart);\n    targetEl.addEventListener(endEvent, onEndOrCancel);\n    targetEl.addEventListener(cancelEvent, onEndOrCancel);\n\n    function onStart(event: AnimationEvent): void {\n      if (event.animationName === animationName && event.target === targetEl) {\n        clearTimeout(fallbackTimeoutId);\n        targetEl.removeEventListener(startEvent, onStart);\n      }\n    }\n\n    function onEndOrCancel(event: AnimationEvent): void {\n      if (event.animationName === animationName && event.target === targetEl) {\n        targetEl.removeEventListener(endEvent, onEndOrCancel);\n        targetEl.removeEventListener(cancelEvent, onEndOrCancel);\n        resolve();\n      }\n    }\n  });\n}\n"]}

package/dist/collection/utils/dom.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.8.1-next.4
+ * v2.8.1
  */
 import { html } from "../../support/formatting";
 import { ensureId, focusElementInGroup, getElementProp, getModeName, getSlotted, isPrimaryPointerButton, setRequestedIcon, slotChangeGetAssignedElements, slotChangeHasAssignedElement, toAriaBoolean, getShadowRootNode, slotChangeGetTextContent, slotChangeGetAssignedNodes, slotChangeHasAssignedNode, slotChangeHasTextContent, slotChangeHasContent, isBefore, isKeyboardTriggeredClick, } from "./dom";

package/dist/collection/utils/filter.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.8.1-next.4
+ * v2.8.1
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {