web: sort imports

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/elements/CodeMirror.ts

@@ -1,22 +1,23 @@
-import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
-import { customElement, property } from "lit/decorators";
-
 import CodeMirror from "codemirror";
+import "codemirror/addon/dialog/dialog";
 import "codemirror/addon/display/autorefresh";
+import "codemirror/addon/hint/show-hint";
 import "codemirror/addon/search/search";
 import "codemirror/addon/search/searchcursor";
-import "codemirror/addon/dialog/dialog";
-import "codemirror/addon/hint/show-hint";
-import "codemirror/mode/xml/xml.js";
-import "codemirror/mode/yaml/yaml.js";
 import "codemirror/mode/javascript/javascript.js";
 import "codemirror/mode/python/python.js";
-import CodeMirrorStyle from "codemirror/lib/codemirror.css";
-import CodeMirrorTheme from "codemirror/theme/monokai.css";
+import "codemirror/mode/xml/xml.js";
+import "codemirror/mode/yaml/yaml.js";
+import YAML from "yaml";
+
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
+import { ifDefined } from "lit/directives/if-defined";
+
 import CodeMirrorDialogStyle from "codemirror/addon/dialog/dialog.css";
 import CodeMirrorShowHintStyle from "codemirror/addon/hint/show-hint.css";
-import { ifDefined } from "lit/directives/if-defined";
-import YAML from "yaml";
+import CodeMirrorStyle from "codemirror/lib/codemirror.css";
+import CodeMirrorTheme from "codemirror/theme/monokai.css";
 
 @customElement("ak-codemirror")
 export class CodeMirrorTextarea extends LitElement {

web/src/elements/Divider.ts

@@ -1,8 +1,9 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import AKGlobal from "../authentik.css";
 import { customElement } from "lit/decorators";
 
+import AKGlobal from "../authentik.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 @customElement("ak-divider")
 export class Divider extends LitElement {
     static get styles(): CSSResult[] {

web/src/elements/EmptyState.ts

@@ -1,9 +1,11 @@
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
-import PFEmptyState from "@patternfly/patternfly/components/EmptyState/empty-state.css";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFTitle from "@patternfly/patternfly/components/Title/title.css";
-import AKGlobal from "../authentik.css";
 import { customElement, property } from "lit/decorators";
+
+import AKGlobal from "../authentik.css";
+import PFEmptyState from "@patternfly/patternfly/components/EmptyState/empty-state.css";
+import PFTitle from "@patternfly/patternfly/components/Title/title.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { PFSize } from "./Spinner";
 
 @customElement("ak-empty-state")

web/src/elements/Expand.ts

@@ -1,8 +1,10 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
-import PFExpandableSection from "../../node_modules/@patternfly/patternfly/components/ExpandableSection/expandable-section.css";
 import { customElement, property } from "lit/decorators";
 
+import PFExpandableSection from "../../node_modules/@patternfly/patternfly/components/ExpandableSection/expandable-section.css";
+
 @customElement("ak-expand")
 export class Expand extends LitElement {
     @property({ type: Boolean })

web/src/elements/Label.ts

@@ -1,9 +1,10 @@
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFLabel from "@patternfly/patternfly/components/Label/label.css";
-import AKGlobal from "../authentik.css";
 import { customElement, property } from "lit/decorators";
 
+import AKGlobal from "../authentik.css";
+import PFLabel from "@patternfly/patternfly/components/Label/label.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 export enum PFColor {
     Green = "pf-m-green",
     Orange = "pf-m-orange",

web/src/elements/LoadingOverlay.ts

@@ -1,8 +1,10 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import { PFSize } from "./Spinner";
 import { customElement, property } from "lit/decorators";
 
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import { PFSize } from "./Spinner";
+
 @customElement("ak-loading-overlay")
 export class LoadingOverlay extends LitElement {
     @property({ type: Boolean })

web/src/elements/PageHeader.ts

@@ -1,10 +1,15 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import PFPage from "@patternfly/patternfly/components/Page/page.css";
-import PFContent from "@patternfly/patternfly/components/Content/content.css";
+
 import AKGlobal from "../authentik.css";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
+import PFContent from "@patternfly/patternfly/components/Content/content.css";
+import PFPage from "@patternfly/patternfly/components/Page/page.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import { EventsApi } from "@goauthentik/api";
+
+import { DEFAULT_CONFIG, tenant } from "../api/Config";
 import {
     EVENT_API_DRAWER_TOGGLE,
     EVENT_NOTIFICATION_DRAWER_TOGGLE,
@@ -12,8 +17,6 @@ import {
     EVENT_SIDEBAR_TOGGLE,
     TITLE_DEFAULT,
 } from "../constants";
-import { DEFAULT_CONFIG, tenant } from "../api/Config";
-import { EventsApi } from "@goauthentik/api";
 
 @customElement("ak-page-header")
 export class PageHeader extends LitElement {

web/src/elements/Spinner.ts

@@ -1,8 +1,10 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
-import PFSpinner from "@patternfly/patternfly/components/Spinner/spinner.css";
 import { customElement, property } from "lit/decorators";
 
+import PFSpinner from "@patternfly/patternfly/components/Spinner/spinner.css";
+
 export enum PFSize {
     Small = "pf-m-sm",
     Medium = "pf-m-md",

web/src/elements/Tabs.ts

@@ -1,11 +1,14 @@
+import { t } from "@lingui/macro";
+
 import { LitElement, html, CSSResult, TemplateResult, css } from "lit";
 import { customElement, property } from "lit/decorators";
 import { ifDefined } from "lit/directives/if-defined";
+
+import AKGlobal from "../authentik.css";
 import PFTabs from "@patternfly/patternfly/components/Tabs/tabs.css";
 import PFGlobal from "@patternfly/patternfly/patternfly-base.css";
-import AKGlobal from "../authentik.css";
+
 import { CURRENT_CLASS, ROUTE_SEPARATOR } from "../constants";
-import { t } from "@lingui/macro";
 
 @customElement("ak-tabs")
 export class Tabs extends LitElement {

web/src/elements/buttons/ActionButton.ts

@@ -1,7 +1,8 @@
 import { customElement, property } from "lit/decorators";
-import { SpinnerButton } from "./SpinnerButton";
-import { showMessage } from "../messages/MessageContainer";
+
 import { MessageLevel } from "../messages/Message";
+import { showMessage } from "../messages/MessageContainer";
+import { SpinnerButton } from "./SpinnerButton";
 
 @customElement("ak-action-button")
 export class ActionButton extends SpinnerButton {

web/src/elements/buttons/Dropdown.ts

@@ -5,9 +5,10 @@ import { customElement } from "lit/decorators";
 export class DropdownButton extends LitElement {
     constructor() {
         super();
-        const menu = <HTMLElement>this.querySelector(".pf-c-dropdown__menu");
+        const menu = this.querySelector<HTMLElement>(".pf-c-dropdown__menu");
         this.querySelectorAll("button.pf-c-dropdown__toggle").forEach((btn) => {
             btn.addEventListener("click", () => {
+                if (!menu) return;
                 menu.hidden = !menu.hidden;
             });
         });

web/src/elements/buttons/ModalButton.ts

@@ -1,17 +1,19 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import AKGlobal from "../../authentik.css";
+import PFBackdrop from "@patternfly/patternfly/components/Backdrop/backdrop.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
-import PFModalBox from "@patternfly/patternfly/components/ModalBox/modal-box.css";
+import PFCard from "@patternfly/patternfly/components/Card/card.css";
+import PFContent from "@patternfly/patternfly/components/Content/content.css";
 import PFForm from "@patternfly/patternfly/components/Form/form.css";
 import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
-import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
-import PFBackdrop from "@patternfly/patternfly/components/Backdrop/backdrop.css";
+import PFModalBox from "@patternfly/patternfly/components/ModalBox/modal-box.css";
 import PFPage from "@patternfly/patternfly/components/Page/page.css";
-import PFCard from "@patternfly/patternfly/components/Card/card.css";
 import PFTitle from "@patternfly/patternfly/components/Title/title.css";
-import PFContent from "@patternfly/patternfly/components/Content/content.css";
-import AKGlobal from "../../authentik.css";
+import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { PFSize } from "../Spinner";
 
 export const MODAL_BUTTON_STYLES = css`

web/src/elements/buttons/SpinnerButton.ts

@@ -1,11 +1,13 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import AKGlobal from "../../authentik.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFSpinner from "@patternfly/patternfly/components/Spinner/spinner.css";
-import AKGlobal from "../../authentik.css";
-import { PFSize } from "../Spinner";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { ERROR_CLASS, PROGRESS_CLASS, SUCCESS_CLASS } from "../../constants";
+import { PFSize } from "../Spinner";
 
 @customElement("ak-spinner-button")
 export class SpinnerButton extends LitElement {

web/src/elements/buttons/TokenCopyButton.ts

@@ -1,7 +1,9 @@
 import { customElement, property } from "lit/decorators";
+
 import { CoreApi } from "@goauthentik/api";
-import { ERROR_CLASS, SECONDARY_CLASS, SUCCESS_CLASS } from "../../constants";
+
 import { DEFAULT_CONFIG } from "../../api/Config";
+import { ERROR_CLASS, SECONDARY_CLASS, SUCCESS_CLASS } from "../../constants";
 import { ActionButton } from "./ActionButton";
 
 @customElement("ak-token-copy-button")

web/src/elements/cards/AggregateCard.ts

@@ -1,10 +1,11 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
 import { ifDefined } from "lit/directives/if-defined";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import AKGlobal from "../../authentik.css";
 import PFCard from "@patternfly/patternfly/components/Card/card.css";
 import PFFlex from "@patternfly/patternfly/layouts/Flex/flex.css";
-import AKGlobal from "../../authentik.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
 @customElement("ak-aggregate-card")
 export class AggregateCard extends LitElement {

web/src/elements/cards/AggregatePromiseCard.ts

@@ -1,9 +1,10 @@
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
 import { until } from "lit/directives/until";
-import { AggregateCard } from "./AggregateCard";
+
 import "../Spinner";
 import { PFSize } from "../Spinner";
+import { AggregateCard } from "./AggregateCard";
 
 @customElement("ak-aggregate-card-promise")
 export class AggregatePromiseCard extends AggregateCard {

web/src/elements/charts/AdminLoginsChart.ts

@@ -1,8 +1,11 @@
-import { customElement } from "lit/decorators";
 import { ChartData } from "chart.js";
+
+import { customElement } from "lit/decorators";
+
 import { AdminApi, LoginMetrics } from "@goauthentik/api";
-import { AKChart } from "./Chart";
+
 import { DEFAULT_CONFIG } from "../../api/Config";
+import { AKChart } from "./Chart";
 
 @customElement("ak-charts-admin-login")
 export class AdminLoginsChart extends AKChart<LoginMetrics> {

web/src/elements/charts/ApplicationAuthorizeChart.ts

@@ -1,8 +1,11 @@
+import { ChartData } from "chart.js";
+
 import { customElement, property } from "lit/decorators";
+
 import { Coordinate, CoreApi } from "@goauthentik/api";
+
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { AKChart } from "./Chart";
-import { ChartData } from "chart.js";
 
 @customElement("ak-charts-application-authorize")
 export class ApplicationAuthorizeChart extends AKChart<Coordinate[]> {

web/src/elements/charts/Chart.ts

@@ -1,13 +1,15 @@
-import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
-import { property } from "lit/decorators";
 import { Chart, Plugin, Tick, ChartConfiguration, ChartData, ChartOptions } from "chart.js";
 import { Legend, Tooltip } from "chart.js";
 import { DoughnutController, LineController, BarController } from "chart.js";
 import { ArcElement, BarElement } from "chart.js";
 import { TimeScale, LinearScale } from "chart.js";
 import "chartjs-adapter-moment";
-import { FONT_COLOUR_DARK_MODE, FONT_COLOUR_LIGHT_MODE } from "../../pages/flows/FlowDiagram";
+
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { property } from "lit/decorators";
+
 import { EVENT_REFRESH } from "../../constants";
+import { FONT_COLOUR_DARK_MODE, FONT_COLOUR_LIGHT_MODE } from "../../pages/flows/FlowDiagram";
 
 Chart.register(Legend, Tooltip);
 Chart.register(LineController, BarController, DoughnutController);
@@ -68,7 +70,7 @@ export abstract class AKChart<T> extends LitElement {
 
     firstUpdated(): void {
         this.apiRequest().then((r) => {
-            const canvas = <HTMLCanvasElement>this.shadowRoot?.querySelector("canvas");
+            const canvas = this.shadowRoot?.querySelector<HTMLCanvasElement>("canvas");
             if (!canvas) {
                 console.warn("Failed to get canvas element");
                 return false;

web/src/elements/charts/UserChart.ts

@@ -1,9 +1,12 @@
-import { customElement, property } from "lit/decorators";
-import { CoreApi, UserMetrics } from "@goauthentik/api";
-import { AKChart } from "./Chart";
-import { DEFAULT_CONFIG } from "../../api/Config";
 import { ChartData } from "chart.js";
 
+import { customElement, property } from "lit/decorators";
+
+import { CoreApi, UserMetrics } from "@goauthentik/api";
+
+import { DEFAULT_CONFIG } from "../../api/Config";
+import { AKChart } from "./Chart";
+
 @customElement("ak-charts-user")
 export class UserChart extends AKChart<UserMetrics> {
     @property({ type: Number })

web/src/elements/chips/Chip.ts

@@ -1,10 +1,10 @@
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
 
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+import AKGlobal from "../../authentik.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFChip from "@patternfly/patternfly/components/Chip/chip.css";
-import AKGlobal from "../../authentik.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
 @customElement("ak-chip")
 export class Chip extends LitElement {

web/src/elements/chips/ChipGroup.ts

@@ -1,11 +1,12 @@
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement } from "lit/decorators";
 
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+import AKGlobal from "../../authentik.css";
+import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFChip from "@patternfly/patternfly/components/Chip/chip.css";
 import PFChipGroup from "@patternfly/patternfly/components/ChipGroup/chip-group.css";
-import PFButton from "@patternfly/patternfly/components/Button/button.css";
-import AKGlobal from "../../authentik.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { Chip } from "./Chip";
 
 @customElement("ak-chip-group")

web/src/elements/events/ObjectChangelog.ts

@@ -1,18 +1,20 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
-import { Table, TableColumn } from "../table/Table";
+
 import { Event, EventsApi } from "@goauthentik/api";
 
-import "../Tabs";
-import "../buttons/ModalButton";
-import "../buttons/SpinnerButton";
-import "../buttons/Dropdown";
-import "../../pages/events/EventInfo";
-import { PAGE_SIZE } from "../../constants";
+import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { EventWithContext } from "../../api/Events";
+import { PAGE_SIZE } from "../../constants";
+import "../../pages/events/EventInfo";
+import "../Tabs";
+import "../buttons/Dropdown";
+import "../buttons/ModalButton";
+import "../buttons/SpinnerButton";
+import { Table, TableColumn } from "../table/Table";
 
 @customElement("ak-object-changelog")
 export class ObjectChangelog extends Table<Event> {

web/src/elements/events/UserEvents.ts

@@ -1,18 +1,20 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
-import { Table, TableColumn } from "../table/Table";
+
 import { Event, EventsApi } from "@goauthentik/api";
 
-import "../Tabs";
-import "../buttons/ModalButton";
-import "../buttons/SpinnerButton";
-import "../buttons/Dropdown";
-import "../../pages/events/EventInfo";
-import { PAGE_SIZE } from "../../constants";
+import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { EventWithContext } from "../../api/Events";
+import { PAGE_SIZE } from "../../constants";
+import "../../pages/events/EventInfo";
+import "../Tabs";
+import "../buttons/Dropdown";
+import "../buttons/ModalButton";
+import "../buttons/SpinnerButton";
+import { Table, TableColumn } from "../table/Table";
 
 @customElement("ak-events-user")
 export class ObjectChangelog extends Table<Event> {

web/src/elements/forms/ConfirmationForm.ts

@@ -1,6 +1,8 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+
 import { EVENT_REFRESH } from "../../constants";
 import { ModalButton } from "../buttons/ModalButton";
 import "../buttons/SpinnerButton";

web/src/elements/forms/DeleteBulkForm.ts

@@ -1,17 +1,21 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+import { until } from "lit/directives/until";
+
+import PFList from "@patternfly/patternfly/components/List/list.css";
+
+import { UsedBy, UsedByActionEnum } from "@goauthentik/api";
+
+import { AKResponse } from "../../api/Client";
 import { EVENT_REFRESH } from "../../constants";
+import { PFSize } from "../Spinner";
 import { ModalButton } from "../buttons/ModalButton";
+import "../buttons/SpinnerButton";
 import { MessageLevel } from "../messages/Message";
 import { showMessage } from "../messages/MessageContainer";
-import "../buttons/SpinnerButton";
-import { UsedBy, UsedByActionEnum } from "@goauthentik/api";
-import PFList from "@patternfly/patternfly/components/List/list.css";
-import { until } from "lit/directives/until";
 import { Table, TableColumn } from "../table/Table";
-import { AKResponse } from "../../api/Client";
-import { PFSize } from "../Spinner";
 
 type BulkDeleteMetadata = { key: string; value: string }[];
 

web/src/elements/forms/DeleteForm.ts

@@ -1,14 +1,18 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+import { until } from "lit/directives/until";
+
+import PFList from "@patternfly/patternfly/components/List/list.css";
+
+import { UsedBy, UsedByActionEnum } from "@goauthentik/api";
+
 import { EVENT_REFRESH } from "../../constants";
 import { ModalButton } from "../buttons/ModalButton";
+import "../buttons/SpinnerButton";
 import { MessageLevel } from "../messages/Message";
 import { showMessage } from "../messages/MessageContainer";
-import "../buttons/SpinnerButton";
-import { UsedBy, UsedByActionEnum } from "@goauthentik/api";
-import PFList from "@patternfly/patternfly/components/List/list.css";
-import { until } from "lit/directives/until";
 
 @customElement("ak-forms-delete")
 export class DeleteForm extends ModalButton {

web/src/elements/forms/Form.ts

@@ -1,22 +1,26 @@
-import "@polymer/paper-input/paper-input";
 import "@polymer/iron-form/iron-form";
+import { IronFormElement } from "@polymer/iron-form/iron-form";
+import "@polymer/paper-input/paper-input";
 import { PaperInputElement } from "@polymer/paper-input/paper-input";
-import { showMessage } from "../../elements/messages/MessageContainer";
+
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFCard from "@patternfly/patternfly/components/Card/card.css";
-import PFButton from "@patternfly/patternfly/components/Button/button.css";
+
 import AKGlobal from "../../authentik.css";
+import PFAlert from "@patternfly/patternfly/components/Alert/alert.css";
+import PFButton from "@patternfly/patternfly/components/Button/button.css";
+import PFCard from "@patternfly/patternfly/components/Card/card.css";
 import PFForm from "@patternfly/patternfly/components/Form/form.css";
 import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
-import PFAlert from "@patternfly/patternfly/components/Alert/alert.css";
 import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-group.css";
-import { MessageLevel } from "../messages/Message";
-import { IronFormElement } from "@polymer/iron-form/iron-form";
-import { camelToSnake, convertToSlug } from "../../utils";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { ValidationError } from "@goauthentik/api";
+
 import { EVENT_REFRESH } from "../../constants";
+import { showMessage } from "../../elements/messages/MessageContainer";
+import { camelToSnake, convertToSlug } from "../../utils";
+import { MessageLevel } from "../messages/Message";
 
 export class APIError extends Error {
     constructor(public response: ValidationError) {

web/src/elements/forms/FormElement.ts

@@ -1,8 +1,10 @@
 import { LitElement, CSSResult, css } from "lit";
-import { customElement, property } from "lit/decorators";
 import { TemplateResult, html } from "lit";
+import { customElement, property } from "lit/decorators";
+
 import PFForm from "@patternfly/patternfly/components/Form/form.css";
 import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
+
 import { ErrorDetail } from "@goauthentik/api";
 
 @customElement("ak-form-element")

web/src/elements/forms/FormGroup.ts

@@ -1,10 +1,11 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFForm from "@patternfly/patternfly/components/Form/form.css";
-import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
+
 import AKGlobal from "../../authentik.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
+import PFForm from "@patternfly/patternfly/components/Form/form.css";
+import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
 @customElement("ak-form-group")
 export class FormGroup extends LitElement {

web/src/elements/forms/HorizontalFormElement.ts

@@ -1,11 +1,14 @@
+import { t } from "@lingui/macro";
+
 import { LitElement, CSSResult, css } from "lit";
-import { customElement, property } from "lit/decorators";
 import { TemplateResult, html } from "lit";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+import { customElement, property } from "lit/decorators";
+
+import AKGlobal from "../../authentik.css";
 import PFForm from "@patternfly/patternfly/components/Form/form.css";
 import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
-import AKGlobal from "../../authentik.css";
-import { t } from "@lingui/macro";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { FormGroup } from "./FormGroup";
 
 @customElement("ak-form-element-horizontal")

web/src/elements/forms/ModalForm.ts

@@ -1,11 +1,13 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+
 import { EVENT_REFRESH } from "../../constants";
-import { ModalButton } from "../buttons/ModalButton";
-import { Form } from "./Form";
-import "../buttons/SpinnerButton";
 import "../LoadingOverlay";
+import { ModalButton } from "../buttons/ModalButton";
+import "../buttons/SpinnerButton";
+import { Form } from "./Form";
 
 @customElement("ak-forms-modal")
 export class ModalForm extends ModalButton {

web/src/elements/forms/ModelForm.ts

@@ -1,5 +1,6 @@
 import { TemplateResult } from "lit";
 import { property } from "lit/decorators";
+
 import { EVENT_REFRESH } from "../../constants";
 import { Form } from "./Form";
 

web/src/elements/forms/ProxyForm.ts

@@ -1,5 +1,6 @@
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+
 import { Form } from "./Form";
 
 @customElement("ak-proxy-form")

web/src/elements/messages/Message.ts

@@ -1,10 +1,10 @@
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
 
-import PFAlertGroup from "@patternfly/patternfly/components/AlertGroup/alert-group.css";
 import PFAlert from "@patternfly/patternfly/components/Alert/alert.css";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+import PFAlertGroup from "@patternfly/patternfly/components/AlertGroup/alert-group.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
 export enum MessageLevel {
     error = "error",

web/src/elements/messages/MessageContainer.ts

@@ -1,11 +1,13 @@
 import { LitElement, html, TemplateResult, CSSResult, css } from "lit";
 import { customElement, property } from "lit/decorators";
-import "./Message";
-import { APIMessage } from "./Message";
+
 import PFAlertGroup from "@patternfly/patternfly/components/AlertGroup/alert-group.css";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import { EVENT_WS_MESSAGE, WS_MSG_TYPE_MESSAGE } from "../../constants";
+
 import { WSMessage } from "../../common/ws";
+import { EVENT_WS_MESSAGE, WS_MSG_TYPE_MESSAGE } from "../../constants";
+import "./Message";
+import { APIMessage } from "./Message";
 
 export function showMessage(message: APIMessage): void {
     const container = document.querySelector<MessageContainer>("ak-message-container");

web/src/elements/messages/Middleware.ts

@@ -1,5 +1,7 @@
-import { Middleware, ResponseContext } from "@goauthentik/api";
 import { t } from "@lingui/macro";
+
+import { Middleware, ResponseContext } from "@goauthentik/api";
+
 import { MessageLevel } from "./Message";
 import { showMessage } from "./MessageContainer";
 

web/src/elements/notifications/APIDrawer.ts

@@ -1,13 +1,17 @@
-import { Middleware, ResponseContext } from "@goauthentik/api";
+import { t } from "@lingui/macro";
+
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFNotificationDrawer from "@patternfly/patternfly/components/NotificationDrawer/notification-drawer.css";
-import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";
+
+import AKGlobal from "../../authentik.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFContent from "@patternfly/patternfly/components/Content/content.css";
-import AKGlobal from "../../authentik.css";
-import { t } from "@lingui/macro";
+import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";
+import PFNotificationDrawer from "@patternfly/patternfly/components/NotificationDrawer/notification-drawer.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import { Middleware, ResponseContext } from "@goauthentik/api";
+
 import { EVENT_API_DRAWER_REFRESH, EVENT_API_DRAWER_TOGGLE } from "../../constants";
 
 export interface RequestInfo {

web/src/elements/notifications/NotificationDrawer.ts

@@ -1,19 +1,23 @@
 import { t } from "@lingui/macro";
+
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+
+import AKGlobal from "../../authentik.css";
+import PFButton from "@patternfly/patternfly/components/Button/button.css";
+import PFContent from "@patternfly/patternfly/components/Content/content.css";
+import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";
+import PFNotificationDrawer from "@patternfly/patternfly/components/NotificationDrawer/notification-drawer.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { EventsApi, Notification } from "@goauthentik/api";
+
 import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFNotificationDrawer from "@patternfly/patternfly/components/NotificationDrawer/notification-drawer.css";
-import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";
-import PFButton from "@patternfly/patternfly/components/Button/button.css";
-import AKGlobal from "../../authentik.css";
-import PFContent from "@patternfly/patternfly/components/Content/content.css";
 import { EVENT_NOTIFICATION_DRAWER_TOGGLE, EVENT_REFRESH } from "../../constants";
 import { ActionToLabel } from "../../pages/events/utils";
-import { showMessage } from "../messages/MessageContainer";
 import { MessageLevel } from "../messages/Message";
+import { showMessage } from "../messages/MessageContainer";
 
 @customElement("ak-notification-drawer")
 export class NotificationDrawer extends LitElement {

web/src/elements/oauth/UserCodeList.ts

@@ -1,13 +1,15 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
-import { Table, TableColumn } from "../table/Table";
 
-import "../forms/DeleteBulkForm";
-import { PAGE_SIZE } from "../../constants";
 import { ExpiringBaseGrantModel, Oauth2Api } from "@goauthentik/api";
+
+import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
+import { PAGE_SIZE } from "../../constants";
+import "../forms/DeleteBulkForm";
+import { Table, TableColumn } from "../table/Table";
 
 @customElement("ak-user-oauth-code-list")
 export class UserOAuthCodeList extends Table<ExpiringBaseGrantModel> {

web/src/elements/oauth/UserRefreshList.ts

@@ -1,14 +1,17 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
-import { Table, TableColumn } from "../table/Table";
+
 import PFFlex from "@patternfly/patternfly/layouts/Flex/flex.css";
 
-import "../forms/DeleteBulkForm";
-import { PAGE_SIZE } from "../../constants";
 import { RefreshTokenModel, Oauth2Api, ExpiringBaseGrantModel } from "@goauthentik/api";
+
+import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
+import { PAGE_SIZE } from "../../constants";
+import "../forms/DeleteBulkForm";
+import { Table, TableColumn } from "../table/Table";
 
 @customElement("ak-user-oauth-refresh-list")
 export class UserOAuthRefreshList extends Table<RefreshTokenModel> {

web/src/elements/router/RouteMatch.ts

@@ -1,4 +1,5 @@
 import { TemplateResult } from "lit";
+
 import { Route } from "./Route";
 
 export class RouteMatch {

web/src/elements/router/Router404.ts

@@ -1,6 +1,8 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+
 import PFEmptyState from "@patternfly/patternfly/components/EmptyState/empty-state.css";
 import PFTitle from "@patternfly/patternfly/components/Title/title.css";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";

web/src/elements/router/RouterOutlet.ts

@@ -1,11 +1,12 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { Route } from "./Route";
-import { RouteMatch } from "./RouteMatch";
+
 import AKGlobal from "../../authentik.css";
 
-import "./Router404";
 import { ROUTE_SEPARATOR } from "../../constants";
+import { Route } from "./Route";
+import { RouteMatch } from "./RouteMatch";
+import "./Router404";
 
 // Poliyfill for hashchange.newURL,
 // https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange

web/src/elements/sidebar/Sidebar.ts

@@ -1,9 +1,10 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement } from "lit/decorators";
-import PFPage from "@patternfly/patternfly/components/Page/page.css";
-import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import AKGlobal from "../../authentik.css";
+import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
+import PFPage from "@patternfly/patternfly/components/Page/page.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
 import "./SidebarBrand";
 import "./SidebarUser";

web/src/elements/sidebar/SidebarBrand.ts

@@ -1,15 +1,17 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
+
+import AKGlobal from "../../authentik.css";
+import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFPage from "@patternfly/patternfly/components/Page/page.css";
 import PFGlobal from "@patternfly/patternfly/patternfly-base.css";
-import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import AKGlobal from "../../authentik.css";
 
-import { configureSentry } from "../../api/Sentry";
 import { CurrentTenant } from "@goauthentik/api";
-import { EVENT_SIDEBAR_TOGGLE } from "../../constants";
+
 import { tenant } from "../../api/Config";
+import { configureSentry } from "../../api/Sentry";
+import { EVENT_SIDEBAR_TOGGLE } from "../../constants";
 import { first } from "../../utils";
 
 // If the viewport is wider than MIN_WIDTH, the sidebar

web/src/elements/sidebar/SidebarItem.ts

@@ -1,11 +1,13 @@
 import { css, CSSResult, LitElement } from "lit";
-import { customElement, property } from "lit/decorators";
-import PFPage from "@patternfly/patternfly/components/Page/page.css";
-import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import AKGlobal from "../../authentik.css";
 import { TemplateResult, html } from "lit";
+import { customElement, property } from "lit/decorators";
 import { until } from "lit/directives/until";
+
+import AKGlobal from "../../authentik.css";
+import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
+import PFPage from "@patternfly/patternfly/components/Page/page.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
 import { ROUTE_SEPARATOR } from "../../constants";
 
 @customElement("ak-sidebar-item")

web/src/elements/sidebar/SidebarUser.ts

@@ -1,12 +1,13 @@
 import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement } from "lit/decorators";
-import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
-import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";
-import { me } from "../../api/Users";
+import { ifDefined } from "lit/directives/if-defined";
 import { until } from "lit/directives/until";
+
+import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";
+import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
-import { ifDefined } from "lit/directives/if-defined";
+import { me } from "../../api/Users";
 
 @customElement("ak-sidebar-user")
 export class SidebarUser extends LitElement {

web/src/elements/table/Table.ts

@@ -1,24 +1,25 @@
 import { t } from "@lingui/macro";
+
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
+import { ifDefined } from "lit/directives/if-defined";
 
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFTable from "@patternfly/patternfly/components/Table/table.css";
-import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
+import AKGlobal from "../../authentik.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
-import PFToolbar from "@patternfly/patternfly/components/Toolbar/toolbar.css";
 import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";
 import PFPagination from "@patternfly/patternfly/components/Pagination/pagination.css";
-import AKGlobal from "../../authentik.css";
+import PFTable from "@patternfly/patternfly/components/Table/table.css";
+import PFToolbar from "@patternfly/patternfly/components/Toolbar/toolbar.css";
+import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
-import "./TablePagination";
-import "./TableSearch";
+import { AKResponse } from "../../api/Client";
+import { EVENT_REFRESH } from "../../constants";
 import "../EmptyState";
 import "../chips/Chip";
 import "../chips/ChipGroup";
-import { EVENT_REFRESH } from "../../constants";
-import { ifDefined } from "lit/directives/if-defined";
+import "./TablePagination";
+import "./TableSearch";
 
 export class TableColumn {
     title: string;

web/src/elements/table/TableModal.ts

@@ -1,16 +1,18 @@
 import { CSSResult, LitElement } from "lit";
-import { property } from "lit/decorators";
 import { html, TemplateResult } from "lit";
-import { Table } from "./Table";
-import PFModalBox from "@patternfly/patternfly/components/ModalBox/modal-box.css";
-import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
-import PFBackdrop from "@patternfly/patternfly/components/Backdrop/backdrop.css";
-import PFStack from "@patternfly/patternfly/layouts/Stack/stack.css";
-import PFPage from "@patternfly/patternfly/components/Page/page.css";
-import PFContent from "@patternfly/patternfly/components/Content/content.css";
+import { property } from "lit/decorators";
+
 import AKGlobal from "../../authentik.css";
+import PFBackdrop from "@patternfly/patternfly/components/Backdrop/backdrop.css";
+import PFContent from "@patternfly/patternfly/components/Content/content.css";
+import PFModalBox from "@patternfly/patternfly/components/ModalBox/modal-box.css";
+import PFPage from "@patternfly/patternfly/components/Page/page.css";
+import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
+import PFStack from "@patternfly/patternfly/layouts/Stack/stack.css";
+
 import { PFSize } from "../Spinner";
 import { MODAL_BUTTON_STYLES } from "../buttons/ModalButton";
+import { Table } from "./Table";
 
 export abstract class TableModal<T> extends Table<T> {
     @property()

web/src/elements/table/TablePage.ts

@@ -1,10 +1,12 @@
 import { CSSResult } from "lit";
 import { html, TemplateResult } from "lit";
 import { ifDefined } from "lit/directives/if-defined";
-import { Table } from "./Table";
-import "../../elements/PageHeader";
-import PFPage from "@patternfly/patternfly/components/Page/page.css";
+
 import PFContent from "@patternfly/patternfly/components/Content/content.css";
+import PFPage from "@patternfly/patternfly/components/Page/page.css";
+
+import "../../elements/PageHeader";
+import { Table } from "./Table";
 
 export abstract class TablePage<T> extends Table<T> {
     abstract pageTitle(): string;

web/src/elements/table/TablePagination.ts

@@ -1,11 +1,14 @@
+import { t } from "@lingui/macro";
+
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKPagination } from "../../api/Client";
-import { t } from "@lingui/macro";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import AKGlobal from "../../authentik.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFPagination from "@patternfly/patternfly/components/Pagination/pagination.css";
-import AKGlobal from "../../authentik.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import { AKPagination } from "../../api/Client";
 
 @customElement("ak-table-pagination")
 export class TablePagination extends LitElement {

web/src/elements/table/TableSearch.ts

@@ -1,13 +1,15 @@
+import { t } from "@lingui/macro";
+
 import { CSSResult, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
 import { ifDefined } from "lit/directives/if-defined";
-import PFBase from "@patternfly/patternfly/patternfly-base.css";
-import PFButton from "@patternfly/patternfly/components/Button/button.css";
-import PFToolbar from "@patternfly/patternfly/components/Toolbar/toolbar.css";
-import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-group.css";
-import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
+
 import AKGlobal from "../../authentik.css";
-import { t } from "@lingui/macro";
+import PFButton from "@patternfly/patternfly/components/Button/button.css";
+import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
+import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-group.css";
+import PFToolbar from "@patternfly/patternfly/components/Toolbar/toolbar.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
 @customElement("ak-table-search")
 export class TableSearch extends LitElement {

web/src/elements/user/SessionList.ts

@@ -1,13 +1,15 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
-import { Table, TableColumn } from "../table/Table";
 
-import "../forms/DeleteBulkForm";
-import { PAGE_SIZE } from "../../constants";
 import { CoreApi, AuthenticatedSession } from "@goauthentik/api";
+
+import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
+import { PAGE_SIZE } from "../../constants";
+import "../forms/DeleteBulkForm";
+import { Table, TableColumn } from "../table/Table";
 
 @customElement("ak-user-session-list")
 export class AuthenticatedSessionList extends Table<AuthenticatedSession> {

web/src/elements/user/UserConsentList.ts

@@ -1,13 +1,15 @@
 import { t } from "@lingui/macro";
+
 import { html, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators";
-import { AKResponse } from "../../api/Client";
-import { Table, TableColumn } from "../table/Table";
 
-import "../forms/DeleteBulkForm";
-import { PAGE_SIZE } from "../../constants";
 import { CoreApi, UserConsent } from "@goauthentik/api";
+
+import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";
+import { PAGE_SIZE } from "../../constants";
+import "../forms/DeleteBulkForm";
+import { Table, TableColumn } from "../table/Table";
 
 @customElement("ak-user-consent-list")
 export class UserConsentList extends Table<UserConsent> {