@things-factory/auth-ui 4.0.1 → 4.0.6

package/client/auth-style-sign.js

@@ -1,4 +1,4 @@
-import { css } from 'lit-element'
+import { css } from 'lit'
 
 export const AUTH_STYLE_SIGN = css`
   :host {

package/client/components/abstract-auth-page.js

@@ -2,11 +2,15 @@ import '@material/mwc-button'
 import '@material/mwc-icon'
 import '@material/mwc-icon-button'
 import '@material/mwc-textfield'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { i18next, localize } from '@things-factory/i18n-base'
+import '@operato/lottie-player'
 import '@things-factory/i18n-ui/client/components/i18n-selector'
 import '@things-factory/layout-ui/client/layouts/snack-bar'
-import { css, html, LitElement } from 'lit-element'
+
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@things-factory/i18n-base'
+import { ScrollbarStyles } from '@things-factory/styles'
+
 import { AUTH_STYLE_SIGN } from '../auth-style-sign'
 
 export class AbstractAuthPage extends localize(i18next)(LitElement) {
@@ -90,7 +94,6 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
                 if (e.key == 'Enter') this._onSubmit(e)
               }}
             >
-              <input id="locale-input" type="hidden" name="locale" .value="${i18next.language}" />
               ${this.formfields}
             </form>
             ${this.links}
@@ -103,9 +106,6 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
                   var locale = e.detail
                   if (!locale) return
 
-                  var localeInput = this.renderRoot.querySelector('#locale-input')
-                  localeInput.value = locale
-
                   i18next.changeLanguage(locale)
                 }}
               ></i18n-selector>
@@ -156,8 +156,6 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
     const email = this.data?.email || ''
 
     return html`
-      <input id="email" type="hidden" name="email" .value=${email} />
-      <input id="password" type="hidden" name="password" />
       <input id="redirectTo" type="hidden" name="redirectTo" .value=${this.redirectTo || '/'} />
 
       <div class="field">
@@ -167,23 +165,10 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
           label=${i18next.t('field.email')}
           required
           .value=${email}
-          @input=${e => {
-            var emailInput = this.renderRoot.querySelector('#email')
-            emailInput.value = e.target.value
-          }}
         ></mwc-textfield>
       </div>
       <div class="field">
-        <mwc-textfield
-          name="password"
-          type="password"
-          label=${i18next.t('field.password')}
-          required
-          @input=${e => {
-            var passwordInput = this.renderRoot.querySelector('#password')
-            passwordInput.value = e.target.value
-          }}
-        ></mwc-textfield>
+        <mwc-textfield name="password" type="password" label=${i18next.t('field.password')} required></mwc-textfield>
       </div>
 
       <mwc-button class="ui" type="submit" raised @click=${e => this._onSubmit(e)}>

package/client/components/abstract-password-reset.js

@@ -1,11 +1,15 @@
 import '@material/mwc-button'
 import '@material/mwc-textfield'
+import '@operato/lottie-player'
+import '../components/profile-component'
+
+import { css, html } from 'lit'
+
 import { i18next } from '@things-factory/i18n-base'
-import { css, html } from 'lit-element'
+
 import { AUTH_STYLE_SIGN } from '../auth-style-sign'
-import '../components/profile-component'
+import { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../utils/password-rule'
 import { AbstractAuthPage } from './abstract-auth-page'
-import { generatePasswordPatternRegExp, generatePasswordPatternHelp } from '../utils/password-rule'
 
 export class AbstractPasswordReset extends AbstractAuthPage {
   static get styles() {
@@ -71,7 +75,6 @@ export class AbstractPasswordReset extends AbstractAuthPage {
             }}
           >
             <input name="token" type="hidden" .value=${this.token} required />
-            <input id="password" name="password" type="hidden" required />
             <div class="field">
               <mwc-textfield
                 name="password"
@@ -83,8 +86,6 @@ export class AbstractPasswordReset extends AbstractAuthPage {
                 @input=${e => {
                   var val = e.target.value
                   var confirmPass = this.renderRoot.querySelector('#confirm-password')
-                  var passwordInput = this.renderRoot.querySelector('#password')
-                  passwordInput.value = val
                   confirmPass.setAttribute('pattern', val.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '[$&]'))
                 }}
                 required

package/client/components/change-password.js

@@ -1,7 +1,8 @@
-import { auth } from '@things-factory/auth-base'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { css, html, LitElement } from 'lit-element'
+
 import { CustomAlert } from '@things-factory/shell'
+import { auth } from '@things-factory/auth-base'
 
 export class ChangePassword extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/contact-us.js

@@ -2,10 +2,12 @@ import '@material/mwc-textarea'
 import '@material/mwc-textfield'
 import '@material/mwc-button'
 import '@material/mwc-dialog'
-import { auth } from '@things-factory/auth-base'
 import '@things-factory/i18n-base'
+
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { css, html, LitElement } from 'lit-element'
+
+import { auth } from '@things-factory/auth-base'
 
 export class ContactUs extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/create-domain-popup.js

@@ -1,8 +1,10 @@
 import '@material/mwc-button'
+
+import { CustomAlert, client } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, CustomAlert } from '@things-factory/shell'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 
 class CreateDomainPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/create-role.js

@@ -1,7 +1,8 @@
+import { CustomAlert, client, gqlContext } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, CustomAlert, gqlContext } from '@things-factory/shell'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 
 class CreateRole extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/create-user.js

@@ -1,4 +1,5 @@
-import { css, html, LitElement } from 'lit-element'
+import { LitElement, css, html } from 'lit'
+
 import { i18next } from '@things-factory/i18n-base'
 
 class CreateUser extends LitElement {

package/client/components/delete-user-popup.js

@@ -1,7 +1,8 @@
-import { auth } from '@things-factory/auth-base'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
+
+import { auth } from '@things-factory/auth-base'
 import { notify } from '@things-factory/layout-base'
-import { css, html, LitElement } from 'lit-element'
 
 export class DeleteUserPopup extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/domain-switch.js

@@ -1,7 +1,8 @@
-import { store } from '@things-factory/shell'
-import { html, css, LitElement } from 'lit-element'
-import { connect } from 'pwa-helpers/connect-mixin'
+import { LitElement, css, html } from 'lit'
+
 import { ScrollbarStyles } from '@things-factory/styles'
+import { connect } from 'pwa-helpers/connect-mixin'
+import { store } from '@things-factory/shell'
 
 export class DomainSwitch extends connect(store)(LitElement) {
   static get styles() {
@@ -50,16 +51,15 @@ export class DomainSwitch extends connect(store)(LitElement) {
           outline: 0;
         }
         :host([dark]) {
-          background-color: rgba(var(--secondary-color-rgb), 0.7);
+          background-color: rgba(0, 0, 0, 0.2);
           padding: 0 !important;
           border-bottom: none;
         }
         :host([dark]) mwc-icon {
-          background-color: rgba(0, 0, 0, 0.3);
+          background-color: var(--secondary-text-color);
           margin: 1px 4px 0px 0px;
           padding: 1px 2px;
           border-radius: 50%;
-          color: var(--primary-color);
           line-height: 19px;
         }
         :host([dark]) span,

package/client/components/invite-customer.js

@@ -1,8 +1,10 @@
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 import '@things-factory/auth-ui'
+
+import { CustomAlert, client, gqlContext } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
+import { i18next, localize } from '@things-factory/i18n-base'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 
 class InviteCustomer extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/invite-user.js

@@ -1,8 +1,10 @@
+import './user-role-editor'
+
+import { CustomAlert, client, gqlContext } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, CustomAlert, gqlContext } from '@things-factory/shell'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
-import './user-role-editor'
 
 class InviteUser extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/my-login-history.js

@@ -1,9 +1,11 @@
 import '@things-factory/grist-ui'
-import { i18next } from '@things-factory/i18n-base'
+
+import { LitElement, css, html } from 'lit'
+
 import { client } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { i18next } from '@things-factory/i18n-base'
+import { isMobileDevice } from '@things-factory/utils'
 
 class MyLoginHistory extends LitElement {
   static get properties() {

package/client/components/ownership-transfer-popup.js

@@ -1,8 +1,10 @@
 import '@material/mwc-button'
+
+import { CustomAlert, client, gqlContext } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, CustomAlert, gqlContext } from '@things-factory/shell'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 
 class OwnershipTransferPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/partner-info-card.js

@@ -1,4 +1,5 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, css, html } from 'lit'
+
 import { i18next } from '@things-factory/i18n-base'
 
 export class PartnerInfoCard extends LitElement {

package/client/components/partner-role-editor.js

@@ -1,9 +1,11 @@
 import '@material/mwc-icon'
 import '@things-factory/auth-ui'
+
+import { CustomAlert, client, gqlContext } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, CustomAlert, gqlContext } from '@things-factory/shell'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 
 class PartnerRoleEditor extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/profile-component.js

@@ -1,12 +1,14 @@
-import { auth } from '@things-factory/auth-base'
-import { i18next, localize } from '@things-factory/i18n-base'
 import '@things-factory/i18n-ui/client/components/i18n-selector'
-import { openPopup, notify } from '@things-factory/layout-base'
-import { css, html, LitElement } from 'lit-element'
 import './change-password'
 import './delete-user-popup'
 import './my-login-history'
 
+import { LitElement, css, html } from 'lit'
+import { i18next, localize } from '@things-factory/i18n-base'
+import { notify, openPopup } from '@things-factory/layout-base'
+
+import { auth } from '@things-factory/auth-base'
+
 export class ProfileComponent extends localize(i18next)(LitElement) {
   static get properties() {
     return {

package/client/components/role-edit-form.js

@@ -1,5 +1,5 @@
-import { LitElement, html, css } from 'lit-element'
-import { localize, i18next } from '@things-factory/i18n-base'
+import { LitElement, css, html } from 'lit'
+import { i18next, localize } from '@things-factory/i18n-base'
 
 class RoleEditForm extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/role-privilege-editor.js

@@ -1,7 +1,8 @@
+import { CustomAlert, client, gqlContext } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { client, gqlContext, CustomAlert } from '@things-factory/shell'
+
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 
 class RolePrivilegeEditor extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/role-selector.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element'
+import { LitElement, css, html } from 'lit'
 
 export class RoleSelector extends LitElement {
   static get properties() {

package/client/components/user-role-editor.js

@@ -1,12 +1,14 @@
-import { i18next } from '@things-factory/i18n-base'
-import { openPopup } from '@things-factory/layout-base'
-import { client, CustomAlert, gqlContext, store } from '@things-factory/shell'
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
-import { connect } from 'pwa-helpers/connect-mixin'
 import './ownership-transfer-popup'
 import './role-selector'
 
+import { CustomAlert, client, gqlContext, store } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
+
+import { connect } from 'pwa-helpers/connect-mixin'
+import gql from 'graphql-tag'
+import { i18next } from '@things-factory/i18n-base'
+import { openPopup } from '@things-factory/layout-base'
+
 class UserRoleEditor extends connect(store)(LitElement) {
   static get styles() {
     return [

package/client/entries/auth/activate.js

@@ -1,7 +1,10 @@
 import '@material/mwc-button'
-import { i18next, localize } from '@things-factory/i18n-base'
 import '@things-factory/layout-ui/client/layouts/snack-bar'
-import { css, html, LitElement } from 'lit-element'
+import '@operato/lottie-player'
+
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@things-factory/i18n-base'
 
 export class AuthActivate extends localize(i18next)(LitElement) {
   static get styles() {

package/client/entries/auth/checkin.js

@@ -1,8 +1,12 @@
 import '@material/mwc-button'
 import '@material/mwc-icon'
-import { ScrollbarStyles } from '@things-factory/styles'
+import '@operato/lottie-player'
+
+import { css, html, LitElement } from 'lit'
+
 import { i18next, localize } from '@things-factory/i18n-base'
-import { css, html, LitElement } from 'lit-element'
+import { ScrollbarStyles } from '@things-factory/styles'
+
 import { AUTH_STYLE_SIGN } from '../../auth-style-sign'
 
 export class AuthCheckIn extends localize(i18next)(LitElement) {

package/client/entries/auth/forgot-password.js

@@ -1,10 +1,11 @@
 import '@material/mwc-button'
-import { i18next } from '@things-factory/i18n-base'
 import '@things-factory/layout-ui/client/layouts/snack-bar'
-import { html } from 'lit-element'
-import { AbstractAuthPage } from '../../components/abstract-auth-page'
 import '../../components/profile-component'
 
+import { AbstractAuthPage } from '../../components/abstract-auth-page'
+import { html } from 'lit'
+import { i18next } from '@things-factory/i18n-base'
+
 export class ForgotPassword extends AbstractAuthPage {
   get pageName() {
     return 'forgot password'

package/client/entries/auth/result.js

@@ -1,7 +1,10 @@
 import '@material/mwc-button'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { css, html, LitElement } from 'lit-element'
 import '../../components/profile-component'
+import '@operato/lottie-player'
+
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@things-factory/i18n-base'
 
 export class AuthResult extends localize(i18next)(LitElement) {
   static get styles() {

package/client/entries/auth/signup.js

@@ -1,5 +1,5 @@
 import { i18next } from '@things-factory/i18n-base'
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { AbstractSign } from '../../components/abstract-sign'
 import { generatePasswordPatternRegExp, generatePasswordPatternHelp } from '../../utils/password-rule'
 

package/client/entries/oauth2/oauth2-decision-error-page.js

@@ -1,6 +1,7 @@
-import { html, LitElement } from 'lit-element'
 import '@material/mwc-button'
 
+import { LitElement, html } from 'lit'
+
 class OAuth2DecisionErrorPage extends LitElement {
   static get properties() {
     return {

package/client/entries/oauth2/oauth2-decision-page.js

@@ -1,10 +1,12 @@
 import '@material/mwc-button'
-import { i18next } from '@things-factory/i18n-base'
-import { client, CustomAlert } from '@things-factory/shell'
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
 import '../../components/role-selector'
 
+import { CustomAlert, client } from '@things-factory/shell'
+import { LitElement, css, html } from 'lit'
+
+import gql from 'graphql-tag'
+import { i18next } from '@things-factory/i18n-base'
+
 class OAuth2DecisionPage extends LitElement {
   static get styles() {
     return css`

package/client/entries/public/home.js

@@ -1,8 +1,7 @@
 import '@material/mwc-icon-button'
 import '@material/mwc-button'
 
-import { css, html, LitElement } from 'lit-element'
-
+import { LitElement, css, html } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
 
 export class HomePage extends localize(i18next)(LitElement) {

package/client/pages/app-binding/app-binding.js

@@ -1,11 +1,11 @@
-import { html, css, LitElement } from 'lit-element'
-import { asyncReplace } from 'lit-html/directives/async-replace'
-import gql from 'graphql-tag'
-import Clipboard from 'clipboard'
+import { LitElement, css, html } from 'lit'
+import { PageView, client, navigate, store } from '@things-factory/shell'
+import { parseJwt, sleep } from '@things-factory/utils'
 
+import Clipboard from 'clipboard'
+import { asyncReplace } from 'lit-html/directives/async-replace'
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { client, store, PageView, navigate } from '@things-factory/shell'
-import { sleep, parseJwt } from '@things-factory/utils'
+import gql from 'graphql-tag'
 
 class AppBinding extends connect(store)(PageView) {
   static get styles() {

package/client/pages/app-binding/app-bindings.js

@@ -1,7 +1,8 @@
-import { html, css, LitElement } from 'lit-element'
-import gql from 'graphql-tag'
+import { LitElement, css, html } from 'lit'
+import { PageView, client, navigate, store } from '@things-factory/shell'
+
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { client, store, PageView, navigate } from '@things-factory/shell'
+import gql from 'graphql-tag'
 
 class AppBindings extends connect(store)(PageView) {
   static get styles() {

package/client/pages/appliance/appliance.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element'
+import { html, css, LitElement } from 'lit'
 import { asyncReplace } from 'lit-html/directives/async-replace'
 import gql from 'graphql-tag'
 import Clipboard from 'clipboard'

package/client/pages/appliance/home.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element'
+import { html, css, LitElement } from 'lit'
 import gql from 'graphql-tag'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { client, store, PageView, navigate } from '@things-factory/shell'
@@ -87,7 +87,7 @@ class Appliances extends connect(store)(PageView) {
   get context() {
     return {
       title: `appliance home`,
-      help:'auth/appliance'
+      help: 'auth/appliance'
     }
   }
 

package/client/pages/appliance/register.js

@@ -1,8 +1,8 @@
-import { html, css, LitElement } from 'lit-element'
-import gql from 'graphql-tag'
+import { LitElement, css, html } from 'lit'
+import { PageView, client, navigate, store } from '@things-factory/shell'
 
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { client, store, navigate, PageView } from '@things-factory/shell'
+import gql from 'graphql-tag'
 
 class ApplianceRegister extends connect(store)(PageView) {
   static get styles() {
@@ -93,7 +93,7 @@ class ApplianceRegister extends connect(store)(PageView) {
   get context() {
     return {
       title: `appliance registration`,
-      help:'auth/appliance'
+      help: 'auth/appliance'
     }
   }
 

package/client/pages/application/application.js

@@ -1,9 +1,9 @@
-import { html, css, LitElement } from 'lit-element'
-import gql from 'graphql-tag'
-import Clipboard from 'clipboard'
+import { LitElement, css, html } from 'lit'
+import { PageView, client, navigate, store } from '@things-factory/shell'
 
+import Clipboard from 'clipboard'
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { client, store, navigate, PageView } from '@things-factory/shell'
+import gql from 'graphql-tag'
 
 class Application extends connect(store)(PageView) {
   static get styles() {

package/client/pages/application/applications.js

@@ -1,7 +1,8 @@
-import { html, css, LitElement } from 'lit-element'
-import gql from 'graphql-tag'
+import { LitElement, css, html } from 'lit'
+import { PageView, client, navigate, store } from '@things-factory/shell'
+
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { client, store, PageView, navigate } from '@things-factory/shell'
+import gql from 'graphql-tag'
 
 class Applications extends connect(store)(PageView) {
   static get styles() {

package/client/pages/application/register.js

@@ -1,8 +1,8 @@
-import { html, css, LitElement } from 'lit-element'
-import gql from 'graphql-tag'
+import { LitElement, css, html } from 'lit'
+import { PageView, client, navigate, store } from '@things-factory/shell'
 
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import { client, store, navigate, PageView } from '@things-factory/shell'
+import gql from 'graphql-tag'
 
 class ApplicationRegister extends connect(store)(PageView) {
   static get styles() {

package/client/pages/domain/domain-management.js

@@ -4,7 +4,7 @@ import { client, PageView, store, CustomAlert } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 import { openPopup } from '@things-factory/layout-base'
 import '../../components/create-domain-popup'

package/client/pages/partner/partner-management.js

@@ -1,13 +1,15 @@
-import { i18next } from '@things-factory/i18n-base'
 import '@things-factory/component-ui'
-import { client, gqlContext, PageView, store } from '@things-factory/shell'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
-import { connect } from 'pwa-helpers/connect-mixin.js'
 import '../../components/partner-info-card'
 import '../../components/partner-role-editor'
 import '../../components/invite-customer'
 
+import { PageView, client, gqlContext, store } from '@things-factory/shell'
+import { css, html } from 'lit'
+
+import { connect } from 'pwa-helpers/connect-mixin.js'
+import gql from 'graphql-tag'
+import { i18next } from '@things-factory/i18n-base'
+
 class PartnerManagement extends connect(store)(PageView) {
   static get styles() {
     return [

package/client/pages/profile.js

@@ -2,7 +2,7 @@ import { i18next, localize } from '@things-factory/i18n-base'
 import '@things-factory/i18n-ui/client/components/i18n-selector'
 import { PageView } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import '../components/profile-component'
 
 export class AuthProfile extends localize(i18next)(PageView) {
@@ -26,9 +26,7 @@ export class AuthProfile extends localize(i18next)(PageView) {
   }
 
   render() {
-    return html`
-      <profile-component></profile-component>
-    `
+    return html` <profile-component></profile-component> `
   }
 }
 

package/client/pages/role/role-management.js

@@ -1,13 +1,15 @@
 import '@things-factory/component-ui'
-import { client, gqlContext, PageView, store } from '@things-factory/shell'
-import gql from 'graphql-tag'
-import { i18next } from '@things-factory/i18n-base'
-import { css, html } from 'lit-element'
-import { connect } from 'pwa-helpers/connect-mixin.js'
 import '../../components/create-role'
 import '../../components/role-edit-form'
 import '../../components/role-privilege-editor'
 
+import { PageView, client, gqlContext, store } from '@things-factory/shell'
+import { css, html } from 'lit'
+
+import { connect } from 'pwa-helpers/connect-mixin.js'
+import gql from 'graphql-tag'
+import { i18next } from '@things-factory/i18n-base'
+
 class RoleManagement extends connect(store)(PageView) {
   static get styles() {
     return [

package/client/pages/user/user-management.js

@@ -1,13 +1,15 @@
 import '@things-factory/component-ui'
-import { client, gqlContext, PageView, CustomAlert } from '@things-factory/shell'
-import { i18next } from '@things-factory/i18n-base'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
 import '../../components/invite-user'
 import '../../components/ownership-transfer-popup'
 import '../../components/user-role-editor'
 import '../../components/create-user'
 
+import { CustomAlert, PageView, client, gqlContext } from '@things-factory/shell'
+import { css, html } from 'lit'
+
+import gql from 'graphql-tag'
+import { i18next } from '@things-factory/i18n-base'
+
 class UserManagement extends PageView {
   static get styles() {
     return [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/auth-ui",
-  "version": "4.0.1",
+  "version": "4.0.6",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -24,20 +24,20 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
-    "@lottiefiles/lottie-player": "^1.4.4",
-    "@material/mwc-button": "^0.22.1",
-    "@material/mwc-dialog": "^0.22.1",
-    "@material/mwc-icon": "^0.22.1",
-    "@material/mwc-icon-button": "^0.22.1",
-    "@material/mwc-textarea": "^0.22.1",
-    "@material/mwc-textfield": "^0.22.1",
-    "@things-factory/auth-base": "^4.0.1",
-    "@things-factory/grist-ui": "^4.0.1",
-    "@things-factory/i18n-base": "^4.0.1",
-    "@things-factory/i18n-ui": "^4.0.1",
-    "@things-factory/layout-ui": "^4.0.1",
-    "@things-factory/more-base": "^4.0.1",
+    "@material/mwc-button": "^0.25.3",
+    "@material/mwc-dialog": "^0.25.3",
+    "@material/mwc-icon": "^0.25.3",
+    "@material/mwc-icon-button": "^0.25.3",
+    "@material/mwc-textarea": "^0.25.3",
+    "@material/mwc-textfield": "^0.25.3",
+    "@operato/lottie-player": "^0.2.27",
+    "@things-factory/auth-base": "^4.0.6",
+    "@things-factory/grist-ui": "^4.0.6",
+    "@things-factory/i18n-base": "^4.0.6",
+    "@things-factory/i18n-ui": "^4.0.6",
+    "@things-factory/layout-ui": "^4.0.6",
+    "@things-factory/more-base": "^4.0.6",
     "clipboard": "^2.0.6"
   },
-  "gitHead": "6803d6f150cc64cbb8b12a88d9131bb6fb9ad880"
+  "gitHead": "471247c3499ba439b074c7654ae8d8e9fc3972f0"
 }

package/views/auth-page.html

@@ -80,7 +80,6 @@
     <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
     <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
     <script src="node_modules/web-animations-js/web-animations-next.min.js"></script>
-    <script src="node_modules/@lottiefiles/lottie-player/dist/lottie-player.js"></script>
     <!-- Built with love using PWA Starter Kit -->
 
     <script src="<%- elementScript %>"></script>