chore: cleanup

src/components/action-group/action-group.tsx

@@ -1,24 +1,24 @@
 import { Component, Element, Fragment, h, Method, Prop, State, VNode, Watch } from "@stencil/core";
 import { CalciteActionMenuCustomEvent } from "../../components";
 import {
-    ConditionalSlotComponent,
-    connectConditionalSlotComponent,
-    disconnectConditionalSlotComponent
+  ConditionalSlotComponent,
+  connectConditionalSlotComponent,
+  disconnectConditionalSlotComponent
 } from "../../utils/conditionalSlot";
 import { getSlotted } from "../../utils/dom";
 import {
-    componentLoaded,
-    LoadableComponent,
-    setComponentLoaded,
-    setUpLoadableComponent
+  componentLoaded,
+  LoadableComponent,
+  setComponentLoaded,
+  setUpLoadableComponent
 } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized, LocalizedComponent } from "../../utils/locale";
 import {
-    connectMessages,
-    disconnectMessages,
-    setUpMessages,
-    T9nComponent,
-    updateMessages
+  connectMessages,
+  disconnectMessages,
+  setUpMessages,
+  T9nComponent,
+  updateMessages
 } from "../../utils/t9n";
 import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";
 import { Columns, Layout, Scale } from "../interfaces";

src/components/date-picker/date-picker.e2e.ts

@@ -1,6 +1,6 @@
 import { E2EPage, newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";
-import { focusable, defaults, hidden, renders, t9n } from "../../tests/commonTests";
+import { defaults, focusable, hidden, renders, t9n } from "../../tests/commonTests";
 import { skipAnimations } from "../../tests/utils";
 import { formatTimePart } from "../../utils/time";
 
@@ -17,10 +17,10 @@ describe("calcite-date-picker", () => {
       }
     ]));
 
-    it("focusable", async () =>
-      focusable("<calcite-date-picker></calcite-date-picker>", {
-       shadowFocusTargetSelector: 'calcite-date-picker-month-header'
-      }));
+  it("focusable", async () =>
+    focusable("<calcite-date-picker></calcite-date-picker>", {
+      shadowFocusTargetSelector: "calcite-date-picker-month-header"
+    }));
 
   const animationDurationInMs = 200;
 

src/components/date-picker/date-picker.tsx

@@ -1,41 +1,44 @@
 import {
-    Build,
-    Component,
-    Element,
-    Event,
-    EventEmitter, h,
-    Host, Method, Prop,
-    State,
-    VNode,
-    Watch
+  Build,
+  Component,
+  Element,
+  Event,
+  EventEmitter,
+  h,
+  Host,
+  Method,
+  Prop,
+  State,
+  VNode,
+  Watch
 } from "@stencil/core";
 import {
-    dateFromISO,
-    dateFromRange,
-    dateToISO,
-    getDaysDiff,
-    HoverRange,
-    setEndOfDay
+  dateFromISO,
+  dateFromRange,
+  dateToISO,
+  getDaysDiff,
+  HoverRange,
+  setEndOfDay
 } from "../../utils/date";
 import {
-    componentLoaded,
-    LoadableComponent,
-    setComponentLoaded,
-    setUpLoadableComponent
+  componentLoaded,
+  LoadableComponent,
+  setComponentLoaded,
+  setUpLoadableComponent
 } from "../../utils/loadable";
 import {
-    connectLocalized,
-    disconnectLocalized,
-    LocalizedComponent,
-    NumberingSystem,
-    numberStringFormatter
+  connectLocalized,
+  disconnectLocalized,
+  LocalizedComponent,
+  NumberingSystem,
+  numberStringFormatter
 } from "../../utils/locale";
 import {
-    connectMessages,
-    disconnectMessages,
-    setUpMessages,
-    T9nComponent,
-    updateMessages
+  connectMessages,
+  disconnectMessages,
+  setUpMessages,
+  T9nComponent,
+  updateMessages
 } from "../../utils/t9n";
 import { HeadingLevel } from "../functional/Heading";
 import { DatePickerMessages } from "./assets/date-picker/t9n";

src/components/dropdown/dropdown.tsx

@@ -1,51 +1,51 @@
 import {
-    Component,
-    Element,
-    Event,
-    EventEmitter,
-    h,
-    Host,
-    Listen,
-    Method,
-    Prop,
-    VNode,
-    Watch
+  Component,
+  Element,
+  Event,
+  EventEmitter,
+  h,
+  Host,
+  Listen,
+  Method,
+  Prop,
+  VNode,
+  Watch
 } from "@stencil/core";
 import { ItemKeyboardEvent } from "./interfaces";
 
 import {
-    focusElement,
-    focusElementInGroup,
-    isPrimaryPointerButton,
-    toAriaBoolean
+  focusElement,
+  focusElementInGroup,
+  isPrimaryPointerButton,
+  toAriaBoolean
 } from "../../utils/dom";
 import {
-    connectFloatingUI,
-    defaultMenuPlacement,
-    disconnectFloatingUI,
-    EffectivePlacement,
-    filterComputedPlacements,
-    FloatingCSS,
-    FloatingUIComponent,
-    MenuPlacement,
-    OverlayPositioning,
-    reposition,
-    updateAfterClose
+  connectFloatingUI,
+  defaultMenuPlacement,
+  disconnectFloatingUI,
+  EffectivePlacement,
+  filterComputedPlacements,
+  FloatingCSS,
+  FloatingUIComponent,
+  MenuPlacement,
+  OverlayPositioning,
+  reposition,
+  updateAfterClose
 } from "../../utils/floating-ui";
 import { guid } from "../../utils/guid";
 import { InteractiveComponent, updateHostInteraction } from "../../utils/interactive";
 import { isActivationKey } from "../../utils/key";
 import {
-    componentLoaded,
-    LoadableComponent,
-    setComponentLoaded,
-    setUpLoadableComponent
+  componentLoaded,
+  LoadableComponent,
+  setComponentLoaded,
+  setUpLoadableComponent
 } from "../../utils/loadable";
 import { createObserver } from "../../utils/observers";
 import {
-    connectOpenCloseComponent,
-    disconnectOpenCloseComponent,
-    OpenCloseComponent
+  connectOpenCloseComponent,
+  disconnectOpenCloseComponent,
+  OpenCloseComponent
 } from "../../utils/openCloseComponent";
 import { RequestedItem } from "../dropdown-group/interfaces";
 import { Scale } from "../interfaces";

src/components/pagination/pagination.e2e.ts

@@ -1,7 +1,7 @@
-import { newE2EPage, E2EElement, E2EPage } from "@stencil/core/testing";
-import { focusable, accessible, hidden, renders, t9n } from "../../tests/commonTests";
-import { CSS } from "./resources";
+import { E2EElement, E2EPage, newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";
+import { accessible, focusable, hidden, renders, t9n } from "../../tests/commonTests";
+import { CSS } from "./resources";
 
 describe("calcite-pagination", () => {
   it("renders", async () => renders("calcite-pagination", { display: "flex" }));

src/components/pagination/pagination.tsx

@@ -1,35 +1,35 @@
 import {
-    Component,
-    Element,
-    Event,
-    EventEmitter,
-    Fragment,
-    h,
-    Method,
-    Prop,
-    State,
-    VNode,
-    Watch
+  Component,
+  Element,
+  Event,
+  EventEmitter,
+  Fragment,
+  h,
+  Method,
+  Prop,
+  State,
+  VNode,
+  Watch
 } from "@stencil/core";
 import {
-    componentLoaded,
-    LoadableComponent,
-    setComponentLoaded,
-    setUpLoadableComponent
+  componentLoaded,
+  LoadableComponent,
+  setComponentLoaded,
+  setUpLoadableComponent
 } from "../../utils/loadable";
 import {
-    connectLocalized,
-    disconnectLocalized,
-    LocalizedComponent,
-    NumberingSystem,
-    numberStringFormatter
+  connectLocalized,
+  disconnectLocalized,
+  LocalizedComponent,
+  NumberingSystem,
+  numberStringFormatter
 } from "../../utils/locale";
 import {
-    connectMessages,
-    disconnectMessages,
-    setUpMessages,
-    T9nComponent,
-    updateMessages
+  connectMessages,
+  disconnectMessages,
+  setUpMessages,
+  T9nComponent,
+  updateMessages
 } from "../../utils/t9n";
 import { Scale } from "../interfaces";
 import { PaginationMessages } from "./assets/pagination/t9n";

src/components/split-button/split-button.tsx

@@ -1,11 +1,21 @@
-import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from "@stencil/core";
+import {
+  Component,
+  Element,
+  Event,
+  EventEmitter,
+  h,
+  Method,
+  Prop,
+  VNode,
+  Watch
+} from "@stencil/core";
 import { OverlayPositioning } from "../../utils/floating-ui";
 import { InteractiveComponent, updateHostInteraction } from "../../utils/interactive";
 import {
-    componentLoaded,
-    LoadableComponent,
-    setComponentLoaded,
-    setUpLoadableComponent
+  componentLoaded,
+  LoadableComponent,
+  setComponentLoaded,
+  setUpLoadableComponent
 } from "../../utils/loadable";
 import { DropdownIconType } from "../button/interfaces";
 import { Appearance, FlipContext, Kind, Scale, Width } from "../interfaces";

src/tests/commonTests.ts

@@ -1,12 +1,12 @@
 import { E2EElement, E2EPage, newE2EPage } from "@stencil/core/testing";
-import { JSX } from "../components";
-import { toHaveNoViolations } from "jest-axe";
 import axe from "axe-core";
+import { toHaveNoViolations } from "jest-axe";
 import { config } from "../../stencil.config";
-import { GlobalTestProps, skipAnimations } from "./utils";
-import { hiddenFormInputSlotName } from "../utils/form";
 import { html } from "../../support/formatting";
+import { JSX } from "../components";
+import { hiddenFormInputSlotName } from "../utils/form";
 import { MessageBundle } from "../utils/t9n";
+import { GlobalTestProps, skipAnimations } from "./utils";
 
 expect.extend(toHaveNoViolations);
 
@@ -212,8 +212,8 @@ export async function focusable(componentTagOrHTML: TagOrHTML, options?: Focusab
   const page = await simplePageSetup(componentTagOrHTML);
   const tag = getTag(componentTagOrHTML);
   const element = await page.find(tag);
-  await element.callMethod("componentOnReady");
   const focusTargetSelector = options?.focusTargetSelector || tag;
+  await element.callMethod("componentOnReady");
   await element.callMethod("setFocus", options?.focusId); // assumes element is FocusableElement
 
   if (options?.shadowFocusTargetSelector) {