web: migrate to lit 2

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

web/src/elements/CodeMirror.ts

@@ -1,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 
 import CodeMirror from "codemirror";
 import "codemirror/addon/display/autorefresh";
@@ -22,7 +15,7 @@ import CodeMirrorStyle from "codemirror/lib/codemirror.css";
 import CodeMirrorTheme from "codemirror/theme/monokai.css";
 import CodeMirrorDialogStyle from "codemirror/addon/dialog/dialog.css";
 import CodeMirrorShowHintStyle from "codemirror/addon/hint/show-hint.css";
-import { ifDefined } from "lit-html/directives/if-defined";
+import { ifDefined } from "lit/directives/if-defined";
 import YAML from "yaml";
 
 @customElement("ak-codemirror")

web/src/elements/Divider.ts

@@ -1,6 +1,7 @@
-import { css, CSSResult, customElement, html, LitElement, TemplateResult } from "lit-element";
+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";
 
 @customElement("ak-divider")
 export class Divider extends LitElement {

web/src/elements/EmptyState.ts

@@ -1,9 +1,9 @@
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+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 { PFSize } from "./Spinner";
 
 @customElement("ak-empty-state")

web/src/elements/Expand.ts

@@ -1,6 +1,7 @@
 import { t } from "@lingui/macro";
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+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";
 
 @customElement("ak-expand")
 export class Expand extends LitElement {

web/src/elements/Label.ts

@@ -1,7 +1,8 @@
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+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";
 
 export enum PFColor {
     Green = "pf-m-green",

web/src/elements/LoadingOverlay.ts

@@ -1,14 +1,7 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+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";
 
 @customElement("ak-loading-overlay")
 export class LoadingOverlay extends LitElement {

web/src/elements/PageHeader.ts

@@ -1,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+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";

web/src/elements/Spinner.ts

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

web/src/elements/Tabs.ts

@@ -1,13 +1,6 @@
-import {
-    LitElement,
-    html,
-    customElement,
-    property,
-    CSSResult,
-    TemplateResult,
-    css,
-} from "lit-element";
-import { ifDefined } from "lit-html/directives/if-defined";
+import { LitElement, html, CSSResult, TemplateResult, css } from "lit";
+import { customElement, property } from "lit/decorators";
+import { ifDefined } from "lit/directives/if-defined";
 import PFTabs from "@patternfly/patternfly/components/Tabs/tabs.css";
 import PFGlobal from "@patternfly/patternfly/patternfly-base.css";
 import AKGlobal from "../authentik.css";

web/src/elements/buttons/ActionButton.ts

@@ -1,4 +1,4 @@
-import { customElement, property } from "lit-element";
+import { customElement, property } from "lit/decorators";
 import { SpinnerButton } from "./SpinnerButton";
 import { showMessage } from "../messages/MessageContainer";
 import { MessageLevel } from "../messages/Message";

web/src/elements/buttons/Dropdown.ts

@@ -1,4 +1,5 @@
-import { customElement, html, LitElement, TemplateResult } from "lit-element";
+import { html, LitElement, TemplateResult } from "lit";
+import { customElement } from "lit/decorators";
 
 @customElement("ak-dropdown")
 export class DropdownButton extends LitElement {

web/src/elements/buttons/ModalButton.ts

@@ -1,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFModalBox from "@patternfly/patternfly/components/ModalBox/modal-box.css";

web/src/elements/buttons/SpinnerButton.ts

@@ -1,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";
 import PFSpinner from "@patternfly/patternfly/components/Spinner/spinner.css";

web/src/elements/buttons/TokenCopyButton.ts

@@ -1,4 +1,4 @@
-import { customElement, property } from "lit-element";
+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";

web/src/elements/cards/AggregateCard.ts

@@ -1,13 +1,6 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
-import { ifDefined } from "lit-html/directives/if-defined";
+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 PFCard from "@patternfly/patternfly/components/Card/card.css";
 import PFFlex from "@patternfly/patternfly/layouts/Flex/flex.css";

web/src/elements/cards/AggregatePromiseCard.ts

@@ -1,5 +1,6 @@
-import { customElement, html, property, TemplateResult } from "lit-element";
-import { until } from "lit-html/directives/until";
+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";

web/src/elements/charts/AdminLoginsChart.ts

@@ -1,4 +1,4 @@
-import { customElement } from "lit-element";
+import { customElement } from "lit/decorators";
 import { ChartData } from "chart.js";
 import { AdminApi, LoginMetrics } from "@goauthentik/api";
 import { AKChart } from "./Chart";

web/src/elements/charts/ApplicationAuthorizeChart.ts

@@ -1,4 +1,4 @@
-import { customElement, property } from "lit-element";
+import { customElement, property } from "lit/decorators";
 import { Coordinate, CoreApi } from "@goauthentik/api";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { AKChart } from "./Chart";

web/src/elements/charts/Chart.ts

@@ -1,4 +1,5 @@
-import { css, CSSResult, html, LitElement, property, TemplateResult } from "lit-element";
+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";

web/src/elements/charts/UserChart.ts

@@ -1,4 +1,4 @@
-import { customElement, property } from "lit-element";
+import { customElement, property } from "lit/decorators";
 import { CoreApi, UserMetrics } from "@goauthentik/api";
 import { AKChart } from "./Chart";
 import { DEFAULT_CONFIG } from "../../api/Config";

web/src/elements/chips/Chip.ts

@@ -1,4 +1,5 @@
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+import { CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 import PFButton from "@patternfly/patternfly/components/Button/button.css";

web/src/elements/chips/ChipGroup.ts

@@ -1,4 +1,5 @@
-import { CSSResult, customElement, html, LitElement, TemplateResult } from "lit-element";
+import { CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement } from "lit/decorators";
 
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 import PFChip from "@patternfly/patternfly/components/Chip/chip.css";

web/src/elements/events/ObjectChangelog.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+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";

web/src/elements/events/UserEvents.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+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";

web/src/elements/forms/ConfirmationForm.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+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,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { CSSResult, customElement, html, property, TemplateResult } from "lit-element";
+import { CSSResult, html, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import { EVENT_REFRESH } from "../../constants";
 import { ModalButton } from "../buttons/ModalButton";
 import { MessageLevel } from "../messages/Message";
@@ -7,7 +8,7 @@ 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-html/directives/until";
+import { until } from "lit/directives/until";
 import { Table, TableColumn } from "../table/Table";
 import { AKResponse } from "../../api/Client";
 import { PFSize } from "../Spinner";

web/src/elements/forms/DeleteForm.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { CSSResult, customElement, html, property, TemplateResult } from "lit-element";
+import { CSSResult, html, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import { EVENT_REFRESH } from "../../constants";
 import { ModalButton } from "../buttons/ModalButton";
 import { MessageLevel } from "../messages/Message";
@@ -7,7 +8,7 @@ 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-html/directives/until";
+import { until } from "lit/directives/until";
 
 @customElement("ak-forms-delete")
 export class DeleteForm extends ModalButton {

web/src/elements/forms/Form.ts

@@ -2,15 +2,8 @@ import "@polymer/paper-input/paper-input";
 import "@polymer/iron-form/iron-form";
 import { PaperInputElement } from "@polymer/paper-input/paper-input";
 import { showMessage } from "../../elements/messages/MessageContainer";
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+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";

web/src/elements/forms/FormElement.ts

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

web/src/elements/forms/FormGroup.ts

@@ -1,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+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";

web/src/elements/forms/HorizontalFormElement.ts

@@ -1,5 +1,6 @@
-import { customElement, LitElement, CSSResult, property, css } from "lit-element";
-import { TemplateResult, html } from "lit-html";
+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 PFForm from "@patternfly/patternfly/components/Form/form.css";
 import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";

web/src/elements/forms/ModalForm.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+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";

web/src/elements/forms/ModelForm.ts

@@ -1,4 +1,5 @@
-import { property, TemplateResult } from "lit-element";
+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,4 +1,5 @@
-import { customElement, html, property, TemplateResult } from "lit-element";
+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,4 +1,5 @@
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+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";

web/src/elements/messages/MessageContainer.ts

@@ -1,12 +1,5 @@
-import {
-    LitElement,
-    html,
-    customElement,
-    TemplateResult,
-    property,
-    CSSResult,
-    css,
-} from "lit-element";
+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";

web/src/elements/notifications/APIDrawer.ts

@@ -1,13 +1,6 @@
 import { Middleware, ResponseContext } from "@goauthentik/api";
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+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";

web/src/elements/notifications/NotificationDrawer.ts

@@ -1,13 +1,6 @@
 import { t } from "@lingui/macro";
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import { EventsApi, Notification } from "@goauthentik/api";
 import { AKResponse } from "../../api/Client";
 import { DEFAULT_CONFIG } from "../../api/Config";

web/src/elements/oauth/UserCodeList.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+import { html, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import { AKResponse } from "../../api/Client";
 import { Table, TableColumn } from "../table/Table";
 

web/src/elements/oauth/UserRefreshList.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { CSSResult, customElement, html, property, TemplateResult } from "lit-element";
+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";

web/src/elements/router/Route.ts

@@ -1,4 +1,4 @@
-import { html, TemplateResult } from "lit-html";
+import { html, TemplateResult } from "lit";
 
 export const SLUG_REGEX = "[-a-zA-Z0-9_]+";
 export const ID_REGEX = "\\d+";

web/src/elements/router/RouteMatch.ts

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

web/src/elements/router/Router404.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+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,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+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";

web/src/elements/sidebar/Sidebar.ts

@@ -1,4 +1,5 @@
-import { css, CSSResult, customElement, html, LitElement, TemplateResult } from "lit-element";
+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";

web/src/elements/sidebar/SidebarBrand.ts

@@ -1,12 +1,5 @@
-import {
-    css,
-    CSSResult,
-    customElement,
-    html,
-    LitElement,
-    property,
-    TemplateResult,
-} from "lit-element";
+import { css, CSSResult, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 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";

web/src/elements/sidebar/SidebarItem.ts

@@ -1,10 +1,11 @@
-import { css, CSSResult, customElement, LitElement, property } from "lit-element";
+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-html";
-import { until } from "lit-html/directives/until";
+import { TemplateResult, html } from "lit";
+import { until } from "lit/directives/until";
 import { ROUTE_SEPARATOR } from "../../constants";
 
 @customElement("ak-sidebar-item")

web/src/elements/sidebar/SidebarUser.ts

@@ -1,11 +1,12 @@
-import { css, CSSResult, customElement, html, LitElement, TemplateResult } from "lit-element";
+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 { until } from "lit-html/directives/until";
+import { until } from "lit/directives/until";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
-import { ifDefined } from "lit-html/directives/if-defined";
+import { ifDefined } from "lit/directives/if-defined";
 
 @customElement("ak-sidebar-user")
 export class SidebarUser extends LitElement {

web/src/elements/table/Table.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { CSSResult, html, LitElement, property, TemplateResult } from "lit-element";
+import { CSSResult, html, LitElement, TemplateResult } from "lit";
+import { property } from "lit/decorators";
 import { AKResponse } from "../../api/Client";
 
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
@@ -17,7 +18,7 @@ import "../EmptyState";
 import "../chips/Chip";
 import "../chips/ChipGroup";
 import { EVENT_REFRESH } from "../../constants";
-import { ifDefined } from "lit-html/directives/if-defined";
+import { ifDefined } from "lit/directives/if-defined";
 
 export class TableColumn {
     title: string;

web/src/elements/table/TableModal.ts

@@ -1,5 +1,6 @@
-import { CSSResult, LitElement, property } from "lit-element";
-import { html, TemplateResult } from "lit-html";
+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";

web/src/elements/table/TablePage.ts

@@ -1,6 +1,6 @@
-import { CSSResult } from "lit-element";
-import { html, TemplateResult } from "lit-html";
-import { ifDefined } from "lit-html/directives/if-defined";
+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";

web/src/elements/table/TablePagination.ts

@@ -1,4 +1,5 @@
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+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";

web/src/elements/table/TableSearch.ts

@@ -1,5 +1,6 @@
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
-import { ifDefined } from "lit-html/directives/if-defined";
+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";

web/src/elements/user/SessionList.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+import { html, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import { AKResponse } from "../../api/Client";
 import { Table, TableColumn } from "../table/Table";
 

web/src/elements/user/UserConsentList.ts

@@ -1,5 +1,6 @@
 import { t } from "@lingui/macro";
-import { customElement, html, property, TemplateResult } from "lit-element";
+import { html, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators";
 import { AKResponse } from "../../api/Client";
 import { Table, TableColumn } from "../table/Table";