@things-factory/auth-ui 7.0.0-alpha.9 → 7.0.0

package/dist-client/entries/auth/checkin.d.ts

@@ -1,5 +1,5 @@
-import '@material/mwc-button';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
 import '@operato/lottie-player';
 import { LitElement } from 'lit';
 declare const AuthCheckIn_base: (new (...args: any[]) => LitElement) & typeof LitElement;
@@ -15,9 +15,9 @@ export declare class AuthCheckIn extends AuthCheckIn_base {
     updated(changed: any): void;
     navigateToUrl(url: any): void;
     get applicationMeta(): {
-        icon?: string | undefined;
-        title?: string | undefined;
-        description?: string | undefined;
+        icon?: string;
+        title?: string;
+        description?: string;
     };
 }
 export {};

package/dist-client/entries/auth/checkin.js

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-button';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
 import '@operato/lottie-player';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
@@ -17,7 +17,7 @@ let AuthCheckIn = class AuthCheckIn extends localize(i18next)(LitElement) {
         var _a, _b;
         var { icon, title, description } = this.applicationMeta;
         return html `
-      <div class="content">
+      <div class="content md-typescale-display-medium">
         <div class="wrap">
           <div class="auth-brand">
             <img src=${icon || ''} />
@@ -34,7 +34,7 @@ let AuthCheckIn = class AuthCheckIn extends localize(i18next)(LitElement) {
                       <li
                         @click=${() => (location.href = `/auth/checkin/${domain.subdomain}?redirect_to=${encodeURIComponent(this.redirectTo || '/')}`)}
                       >
-                        <mwc-icon>keyboard_arrow_right</mwc-icon>
+                        <md-icon>keyboard_arrow_right</md-icon>
                         <strong>${domain.name}</strong>
                         <span>${domain.description}</span>
                       </li>
@@ -44,18 +44,15 @@ let AuthCheckIn = class AuthCheckIn extends localize(i18next)(LitElement) {
             : html ` <h3>${i18next.t('text.no domain available')}</h3> `}
 
           <div class="button-container">
-            <mwc-button
-              raised
-              label=${String(i18next.t('button.logout'))}
-              @click="${() => (location.pathname = '/auth/signout')}"
-            ></mwc-button>
+            <md-elevated-button @click=${() => (location.pathname = '/auth/signout')}
+              >${String(i18next.t('button.logout'))}</md-elevated-button
+            >
 
             ${((_b = this.domainType) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'company'
-            ? html `<mwc-button
-                  raised
-                  label=${String(i18next.t('button.register business domain'))}
+            ? html `<md-elevated-button
                   @click=${e => { var _a; return (location.href = `/public/business-register?email=${(_a = this.user) === null || _a === void 0 ? void 0 : _a.email}`); }}
-                ></mwc-button> `
+                  >${String(i18next.t('button.register business domain'))}</md-elevated-button
+                > `
             : ''}
           </div>
 
@@ -103,12 +100,14 @@ AuthCheckIn.styles = [
         display: flex;
         flex-direction: column;
         margin: auto;
-        background-color: var(--auth-background);
+        background-color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
         height: 100vh;
         height: 100dvh;
       }
       .header {
-        background-color: var(--primary-color);
+        background-color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
         height: var(--checkin-header-height);
       }
       .content {
@@ -117,32 +116,32 @@ AuthCheckIn.styles = [
       }
 
       .domains {
-        margin: var(--margin-wide) 0;
+        margin: var(--spacing-large) 0;
         padding: 0;
-        background-color: var(--theme-white-color);
+        background-color: var(--md-sys-color-surface);
+        color: var(--md-sys-color-on-surface);
         border-radius: var(--border-radius);
-        border: var(--border-dark-color);
+        border: var(--border-dim-color);
         list-style: none;
       }
       li {
-        border-bottom: var(--border-dark-color);
+        border-bottom: var(--border-dim-color);
         margin-bottom: -1px;
-        padding: var(--padding-default) var(--padding-wide);
+        padding: var(--spacing-medium) var(--spacing-large);
         font-size: 18px;
-        color: var(--secondary-color);
         text-align: left;
 
         cursor: pointer;
       }
       li:hover {
-        background-color: rgba(var(--primary-color-rgb), 0.2);
+        background-color: var(--md-sys-color-primary-container);
+        color: var(--md-sys-color-on-primary-container);
       }
       li span {
         display: block;
         font: normal var(--fontsize-default) var(--theme-font);
-        color: var(--secondary-text-color);
       }
-      li mwc-icon {
+      li md-icon {
         float: right;
         margin: 2px 0 0 0;
         opacity: 0.5;
@@ -150,14 +149,14 @@ AuthCheckIn.styles = [
       .button-container {
         text-align: center;
       }
-      .button-container mwc-button {
-        margin-left: var(--margin-narrow);
+      .button-container md-elevated-button {
+        margin-left: var(--spacing-small);
       }
 
       @media (max-width: 450px) {
-        .button-container mwc-button {
+        .button-container md-elevated-button {
           width: 100%;
-          margin: var(--margin-default) 0 0 0;
+          margin: var(--spacing-medium) 0 0 0;
         }
       }
     `,

package/dist-client/entries/auth/checkin.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkin.js","sourceRoot":"","sources":["../../../client/entries/auth/checkin.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-button'\nimport '@material/mwc-icon'\nimport '@operato/lottie-player'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { isSafari } from '@operato/utils'\n\nimport { AUTH_STYLE_SIGN } from '../../auth-style-sign'\n\n@customElement('auth-checkin')\nexport class AuthCheckIn extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        margin: auto;\n        background-color: var(--auth-background);\n        height: 100vh;\n        height: 100dvh;\n      }\n      .header {\n        background-color: var(--primary-color);\n        height: var(--checkin-header-height);\n      }\n      .content {\n        flex: 1;\n        overflow: auto;\n      }\n\n      .domains {\n        margin: var(--margin-wide) 0;\n        padding: 0;\n        background-color: var(--theme-white-color);\n        border-radius: var(--border-radius);\n        border: var(--border-dark-color);\n        list-style: none;\n      }\n      li {\n        border-bottom: var(--border-dark-color);\n        margin-bottom: -1px;\n        padding: var(--padding-default) var(--padding-wide);\n        font-size: 18px;\n        color: var(--secondary-color);\n        text-align: left;\n\n        cursor: pointer;\n      }\n      li:hover {\n        background-color: rgba(var(--primary-color-rgb), 0.2);\n      }\n      li span {\n        display: block;\n        font: normal var(--fontsize-default) var(--theme-font);\n        color: var(--secondary-text-color);\n      }\n      li mwc-icon {\n        float: right;\n        margin: 2px 0 0 0;\n        opacity: 0.5;\n      }\n      .button-container {\n        text-align: center;\n      }\n      .button-container mwc-button {\n        margin-left: var(--margin-narrow);\n      }\n\n      @media (max-width: 450px) {\n        .button-container mwc-button {\n          width: 100%;\n          margin: var(--margin-default) 0 0 0;\n        }\n      }\n    `,\n    AUTH_STYLE_SIGN\n  ]\n\n  @property({ type: Object }) data: any\n  @property({ type: Array }) domains: any[] = []\n  @property({ type: String }) domainType?: string\n  @property({ type: Object }) user: any\n\n  private _applicationMeta?: { icon?: string; title?: string; description?: string }\n  private redirectTo?: string\n\n  render() {\n    var { icon, title, description } = this.applicationMeta\n\n    return html`\n      <div class=\"content\">\n        <div class=\"wrap\">\n          <div class=\"auth-brand\">\n            <img src=${icon || ''} />\n            <strong class=\"name\">${title}</strong>\n            <span class=\"welcome-msg\">${description}</span>\n          </div>\n\n          <h3>${i18next.t('label.select_domain')}</h3>\n\n          ${this.domains?.length\n            ? html`\n                <ul class=\"domains\">\n                  ${this.domains.map(\n                    domain => html`\n                      <li\n                        @click=${() =>\n                          (location.href = `/auth/checkin/${domain.subdomain}?redirect_to=${encodeURIComponent(\n                            this.redirectTo || '/'\n                          )}`)}\n                      >\n                        <mwc-icon>keyboard_arrow_right</mwc-icon>\n                        <strong>${domain.name}</strong>\n                        <span>${domain.description}</span>\n                      </li>\n                    `\n                  )}\n                </ul>\n              `\n            : html` <h3>${i18next.t('text.no domain available')}</h3> `}\n\n          <div class=\"button-container\">\n            <mwc-button\n              raised\n              label=${String(i18next.t('button.logout'))}\n              @click=\"${() => (location.pathname = '/auth/signout')}\"\n            ></mwc-button>\n\n            ${this.domainType?.toLowerCase() === 'company'\n              ? html`<mwc-button\n                  raised\n                  label=${String(i18next.t('button.register business domain'))}\n                  @click=${e => (location.href = `/public/business-register?email=${this.user?.email}`)}\n                ></mwc-button> `\n              : ''}\n          </div>\n\n          ${isSafari()\n            ? html``\n            : html`\n                <div class=\"lottie-container\">\n                  <lottie-player autoplay loop src=\"../../assets/images/background-animation.json\"></lottie-player>\n                </div>\n              `}\n        </div>\n      </div>\n    `\n  }\n\n  updated(changed) {\n    if (changed.has('data')) {\n      this.domains = this.data.domains\n      this.user = this.data.user\n      this.domainType = this.data.domainType\n      this.redirectTo = this.data.redirectTo\n\n      this.requestUpdate()\n    }\n  }\n\n  navigateToUrl(url) {\n    location.pathname = url\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink: HTMLLinkElement | null = document.querySelector('link[rel=\"application-icon\"]')\n      var titleMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-name\"]')\n      var descriptionMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-description\"]')\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}
+{"version":3,"file":"checkin.js","sourceRoot":"","sources":["../../../client/entries/auth/checkin.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\n\nimport '@operato/lottie-player'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { isSafari } from '@operato/utils'\n\nimport { AUTH_STYLE_SIGN } from '../../auth-style-sign'\n\n@customElement('auth-checkin')\nexport class AuthCheckIn extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        margin: auto;\n        background-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n        height: 100vh;\n        height: 100dvh;\n      }\n      .header {\n        background-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n        height: var(--checkin-header-height);\n      }\n      .content {\n        flex: 1;\n        overflow: auto;\n      }\n\n      .domains {\n        margin: var(--spacing-large) 0;\n        padding: 0;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n        border-radius: var(--border-radius);\n        border: var(--border-dim-color);\n        list-style: none;\n      }\n      li {\n        border-bottom: var(--border-dim-color);\n        margin-bottom: -1px;\n        padding: var(--spacing-medium) var(--spacing-large);\n        font-size: 18px;\n        text-align: left;\n\n        cursor: pointer;\n      }\n      li:hover {\n        background-color: var(--md-sys-color-primary-container);\n        color: var(--md-sys-color-on-primary-container);\n      }\n      li span {\n        display: block;\n        font: normal var(--fontsize-default) var(--theme-font);\n      }\n      li md-icon {\n        float: right;\n        margin: 2px 0 0 0;\n        opacity: 0.5;\n      }\n      .button-container {\n        text-align: center;\n      }\n      .button-container md-elevated-button {\n        margin-left: var(--spacing-small);\n      }\n\n      @media (max-width: 450px) {\n        .button-container md-elevated-button {\n          width: 100%;\n          margin: var(--spacing-medium) 0 0 0;\n        }\n      }\n    `,\n    AUTH_STYLE_SIGN\n  ]\n\n  @property({ type: Object }) data: any\n  @property({ type: Array }) domains: any[] = []\n  @property({ type: String }) domainType?: string\n  @property({ type: Object }) user: any\n\n  private _applicationMeta?: { icon?: string; title?: string; description?: string }\n  private redirectTo?: string\n\n  render() {\n    var { icon, title, description } = this.applicationMeta\n\n    return html`\n      <div class=\"content md-typescale-display-medium\">\n        <div class=\"wrap\">\n          <div class=\"auth-brand\">\n            <img src=${icon || ''} />\n            <strong class=\"name\">${title}</strong>\n            <span class=\"welcome-msg\">${description}</span>\n          </div>\n\n          <h3>${i18next.t('label.select_domain')}</h3>\n\n          ${this.domains?.length\n            ? html`\n                <ul class=\"domains\">\n                  ${this.domains.map(\n                    domain => html`\n                      <li\n                        @click=${() =>\n                          (location.href = `/auth/checkin/${domain.subdomain}?redirect_to=${encodeURIComponent(this.redirectTo || '/')}`)}\n                      >\n                        <md-icon>keyboard_arrow_right</md-icon>\n                        <strong>${domain.name}</strong>\n                        <span>${domain.description}</span>\n                      </li>\n                    `\n                  )}\n                </ul>\n              `\n            : html` <h3>${i18next.t('text.no domain available')}</h3> `}\n\n          <div class=\"button-container\">\n            <md-elevated-button @click=${() => (location.pathname = '/auth/signout')}\n              >${String(i18next.t('button.logout'))}</md-elevated-button\n            >\n\n            ${this.domainType?.toLowerCase() === 'company'\n              ? html`<md-elevated-button\n                  @click=${e => (location.href = `/public/business-register?email=${this.user?.email}`)}\n                  >${String(i18next.t('button.register business domain'))}</md-elevated-button\n                > `\n              : ''}\n          </div>\n\n          ${isSafari()\n            ? html``\n            : html`\n                <div class=\"lottie-container\">\n                  <lottie-player autoplay loop src=\"../../assets/images/background-animation.json\"></lottie-player>\n                </div>\n              `}\n        </div>\n      </div>\n    `\n  }\n\n  updated(changed) {\n    if (changed.has('data')) {\n      this.domains = this.data.domains\n      this.user = this.data.user\n      this.domainType = this.data.domainType\n      this.redirectTo = this.data.redirectTo\n\n      this.requestUpdate()\n    }\n  }\n\n  navigateToUrl(url) {\n    location.pathname = url\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink: HTMLLinkElement | null = document.querySelector('link[rel=\"application-icon\"]')\n      var titleMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-name\"]')\n      var descriptionMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-description\"]')\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}

package/dist-client/entries/auth/forgot-password.d.ts

@@ -1,4 +1,5 @@
-import '@material/mwc-button';
+import '@material/web/button/elevated-button.js';
+import '@material/web/button/text-button.js';
 import '@operato/i18n/ox-i18n.js';
 import '../../components/profile-component';
 import { AbstractAuthPage } from '../../components/abstract-auth-page';

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

@@ -1,5 +1,6 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-button';
+import '@material/web/button/elevated-button.js';
+import '@material/web/button/text-button.js';
 import '@operato/i18n/ox-i18n.js';
 import '../../components/profile-component';
 import { html } from 'lit';
@@ -17,28 +18,33 @@ let ForgotPassword = class ForgotPassword extends AbstractAuthPage {
         var _a;
         const email = ((_a = this.data) === null || _a === void 0 ? void 0 : _a.email) || '';
         return html `
-      <input id="email" name="email" type="hidden" required .value=${email} />
       <div class="field">
-        <mwc-textfield
+        <md-filled-text-field
           name="email"
           type="email"
           label=${String(i18next.t('label.email'))}
           .value=${email}
           required
-          @input=${e => {
-            this.emailInput.value = e.target.value;
+          @input=${(e) => {
+            const target = e.target;
+            if (target.validity.typeMismatch) {
+                target.setCustomValidity(i18next.t('text.invalid-email'));
+            }
+            else {
+                target.setCustomValidity('');
+            }
         }}
-        ></mwc-textfield>
+        ></md-filled-text-field>
       </div>
-      <mwc-button id="submit-button" class="ui button" type="submit" raised @click=${e => this._onSubmit(e)}>
+      <md-elevated-button id="submit-button" class="ui button" type="submit" @click=${e => this._onSubmit(e)}>
         <ox-i18n msgid="button.submit"></ox-i18n>
-      </mwc-button>
+      </md-elevated-button>
     `;
     }
     get links() {
         return html `
       <a class="link" href="/auth/signin">
-        <mwc-button><ox-i18n msgid="field.sign in"></ox-i18n></mwc-button>
+        <md-text-button><ox-i18n msgid="field.sign in"></ox-i18n></md-text-button>
       </a>
     `;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"forgot-password.js","sourceRoot":"","sources":["../../../client/entries/auth/forgot-password.ts"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,0BAA0B,CAAA;AACjC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAG/D,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,gBAAgB;IAIlD,IAAI,QAAQ;QACV,OAAO,iBAAiB,CAAA;IAC1B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,uBAAuB,CAAA;IAChC,CAAC;IAED,IAAI,UAAU;;QACZ,MAAM,KAAK,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,KAAI,EAAE,CAAA;QAEpC,OAAO,IAAI,CAAA;qEACsD,KAAK;;;;;kBAKxD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;mBAC/B,KAAK;;mBAEL,CAAC,CAAC,EAAE;YACX,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QACxC,CAAC;;;qFAG0E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;;;KAGtG,CAAA;IACH,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAA;;;;KAIV,CAAA;IACH,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,KAAK,CAAA;QACT,IAAI,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAExC,IAAI;YACF,IAAI,UAAU,GAAG,IAAI,eAAe,EAAE,CAAA;YACtC,IAAI,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA;YAE9B,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAA;YAC3B,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,UAAU,CAAC,KAAK,EAAE,CAAA;gBAClB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAA;YAC5B,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAA;YAEb,IAAI,QAAQ,GAAG,MAAM,KAAK,CAAC,uBAAuB,EAAE;gBAClD,WAAW,EAAE,SAAS;gBACtB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC5D,MAAM;aACP,CAAC,CAAA;YAEF,IAAI,CAAC,YAAY,CAAC;gBAChB,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,EAAE;gBAC9B,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACtC,CAAC,CAAA;SACH;QAAC,OAAO,CAAC,EAAE;SACX;gBAAS;YACR,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAA;YAC5B,YAAY,CAAC,KAAK,CAAC,CAAA;SACpB;IACH,CAAC;IAED,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE;QAC7B,KAAK,CAAC,YAAY,CAAC;YACjB,KAAK;YACL,OAAO;SACR,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAnFC;IAAC,KAAK,CAAC,QAAQ,CAAC;8BAAc,gBAAgB;kDAAA;AAC9C;IAAC,KAAK,CAAC,gBAAgB,CAAC;8BAAU,gBAAgB;8CAAA;AAFvC,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAoF1B;SApFY,cAAc","sourcesContent":["import '@material/mwc-button'\nimport '@operato/i18n/ox-i18n.js'\nimport '../../components/profile-component'\n\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { AbstractAuthPage } from '../../components/abstract-auth-page'\n\n@customElement('forgot-password')\nexport class ForgotPassword extends AbstractAuthPage {\n  @query('#email') emailInput!: HTMLInputElement\n  @query('#submit-button') button!: HTMLInputElement\n\n  get pageName() {\n    return 'forgot password'\n  }\n\n  get actionUrl() {\n    return '/auth/forgot-password'\n  }\n\n  get formfields() {\n    const email = this.data?.email || ''\n\n    return html`\n      <input id=\"email\" name=\"email\" type=\"hidden\" required .value=${email} />\n      <div class=\"field\">\n        <mwc-textfield\n          name=\"email\"\n          type=\"email\"\n          label=${String(i18next.t('label.email'))}\n          .value=${email}\n          required\n          @input=${e => {\n            this.emailInput.value = e.target.value\n          }}\n        ></mwc-textfield>\n      </div>\n      <mwc-button id=\"submit-button\" class=\"ui button\" type=\"submit\" raised @click=${e => this._onSubmit(e)}>\n        <ox-i18n msgid=\"button.submit\"></ox-i18n>\n      </mwc-button>\n    `\n  }\n\n  get links() {\n    return html`\n      <a class=\"link\" href=\"/auth/signin\">\n        <mwc-button><ox-i18n msgid=\"field.sign in\"></ox-i18n></mwc-button>\n      </a>\n    `\n  }\n\n  async submit() {\n    var timer\n    var formData = new FormData(this.formEl)\n\n    try {\n      var controller = new AbortController()\n      var signal = controller.signal\n\n      this.button.disabled = true\n      timer = setTimeout(() => {\n        controller.abort()\n        throw new Error('timeout')\n      }, 30 * 1000)\n\n      var response = await fetch('/auth/forgot-password', {\n        credentials: 'include',\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(Object.fromEntries(formData.entries())),\n        signal\n      })\n\n      this.showSnackbar({\n        message: await response.text(),\n        level: response.ok ? 'info' : 'error'\n      })\n    } catch (e) {\n    } finally {\n      this.button.disabled = false\n      clearTimeout(timer)\n    }\n  }\n\n  showSnackbar({ message, level }) {\n    super.showSnackbar({\n      level,\n      message\n    })\n  }\n}\n"]}
+{"version":3,"file":"forgot-password.js","sourceRoot":"","sources":["../../../client/entries/auth/forgot-password.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,OAAO,qCAAqC,CAAA;AAE5C,OAAO,0BAA0B,CAAA;AACjC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAG/D,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,gBAAgB;IAIlD,IAAI,QAAQ;QACV,OAAO,iBAAiB,CAAA;IAC1B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,uBAAuB,CAAA;IAChC,CAAC;IAED,IAAI,UAAU;;QACZ,MAAM,KAAK,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,KAAI,EAAE,CAAA;QAEpC,OAAO,IAAI,CAAA;;;;;kBAKG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;mBAC/B,KAAK;;mBAEL,CAAC,CAAQ,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;YAC3C,IAAI,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;gBACjC,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAA;YAC3D,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;;;sFAG2E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;;;KAGvG,CAAA;IACH,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAA;;;;KAIV,CAAA;IACH,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,KAAK,CAAA;QACT,IAAI,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAExC,IAAI,CAAC;YACH,IAAI,UAAU,GAAG,IAAI,eAAe,EAAE,CAAA;YACtC,IAAI,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA;YAE9B,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAA;YAC3B,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,UAAU,CAAC,KAAK,EAAE,CAAA;gBAClB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAA;YAC5B,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAA;YAEb,IAAI,QAAQ,GAAG,MAAM,KAAK,CAAC,uBAAuB,EAAE;gBAClD,WAAW,EAAE,SAAS;gBACtB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC5D,MAAM;aACP,CAAC,CAAA;YAEF,IAAI,CAAC,YAAY,CAAC;gBAChB,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,EAAE;gBAC9B,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACtC,CAAC,CAAA;QACJ,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;QACb,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAA;YAC5B,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC;IAED,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE;QAC7B,KAAK,CAAC,YAAY,CAAC;YACjB,KAAK;YACL,OAAO;SACR,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAvFkB;IAAhB,KAAK,CAAC,QAAQ,CAAC;8BAAc,gBAAgB;kDAAA;AACrB;IAAxB,KAAK,CAAC,gBAAgB,CAAC;8BAAU,gBAAgB;8CAAA;AAFvC,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAwF1B","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/button/text-button.js'\n\nimport '@operato/i18n/ox-i18n.js'\nimport '../../components/profile-component'\n\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { AbstractAuthPage } from '../../components/abstract-auth-page'\n\n@customElement('forgot-password')\nexport class ForgotPassword extends AbstractAuthPage {\n  @query('#email') emailInput!: HTMLInputElement\n  @query('#submit-button') button!: HTMLInputElement\n\n  get pageName() {\n    return 'forgot password'\n  }\n\n  get actionUrl() {\n    return '/auth/forgot-password'\n  }\n\n  get formfields() {\n    const email = this.data?.email || ''\n\n    return html`\n      <div class=\"field\">\n        <md-filled-text-field\n          name=\"email\"\n          type=\"email\"\n          label=${String(i18next.t('label.email'))}\n          .value=${email}\n          required\n          @input=${(e: Event) => {\n            const target = e.target as HTMLInputElement\n            if (target.validity.typeMismatch) {\n              target.setCustomValidity(i18next.t('text.invalid-email'))\n            } else {\n              target.setCustomValidity('')\n            }\n          }}\n        ></md-filled-text-field>\n      </div>\n      <md-elevated-button id=\"submit-button\" class=\"ui button\" type=\"submit\" @click=${e => this._onSubmit(e)}>\n        <ox-i18n msgid=\"button.submit\"></ox-i18n>\n      </md-elevated-button>\n    `\n  }\n\n  get links() {\n    return html`\n      <a class=\"link\" href=\"/auth/signin\">\n        <md-text-button><ox-i18n msgid=\"field.sign in\"></ox-i18n></md-text-button>\n      </a>\n    `\n  }\n\n  async submit() {\n    var timer\n    var formData = new FormData(this.formEl)\n\n    try {\n      var controller = new AbortController()\n      var signal = controller.signal\n\n      this.button.disabled = true\n      timer = setTimeout(() => {\n        controller.abort()\n        throw new Error('timeout')\n      }, 30 * 1000)\n\n      var response = await fetch('/auth/forgot-password', {\n        credentials: 'include',\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(Object.fromEntries(formData.entries())),\n        signal\n      })\n\n      this.showSnackbar({\n        message: await response.text(),\n        level: response.ok ? 'info' : 'error'\n      })\n    } catch (e) {\n    } finally {\n      this.button.disabled = false\n      clearTimeout(timer)\n    }\n  }\n\n  showSnackbar({ message, level }) {\n    super.showSnackbar({\n      level,\n      message\n    })\n  }\n}\n"]}

package/dist-client/entries/auth/reset-password.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password.js","sourceRoot":"","sources":["../../../client/entries/auth/reset-password.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAGzE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,qBAAqB;IACtD,IAAI,QAAQ;QACV,OAAO,gBAAgB,CAAA;IACzB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,sBAAsB,CAAA;IAC/B,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,uBAAuB,CAAA;IAChC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,gBAAgB,CAAA;IACzB,CAAC;CACF,CAAA;AAhBY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAgBzB;SAhBY,aAAa","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { AbstractPasswordReset } from '../../components/abstract-password-reset'\n\n@customElement('reset-password')\nexport class ResetPassword extends AbstractPasswordReset {\n  get pageName() {\n    return 'reset password'\n  }\n\n  get actionUrl() {\n    return '/auth/reset-password'\n  }\n\n  get submitButtonLabel() {\n    return 'label.change password'\n  }\n\n  get title() {\n    return 'reset password'\n  }\n}\n"]}
+{"version":3,"file":"reset-password.js","sourceRoot":"","sources":["../../../client/entries/auth/reset-password.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAGzE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,qBAAqB;IACtD,IAAI,QAAQ;QACV,OAAO,gBAAgB,CAAA;IACzB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,sBAAsB,CAAA;IAC/B,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,uBAAuB,CAAA;IAChC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,gBAAgB,CAAA;IACzB,CAAC;CACF,CAAA;AAhBY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAgBzB","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { AbstractPasswordReset } from '../../components/abstract-password-reset'\n\n@customElement('reset-password')\nexport class ResetPassword extends AbstractPasswordReset {\n  get pageName() {\n    return 'reset password'\n  }\n\n  get actionUrl() {\n    return '/auth/reset-password'\n  }\n\n  get submitButtonLabel() {\n    return 'label.change password'\n  }\n\n  get title() {\n    return 'reset password'\n  }\n}\n"]}

package/dist-client/entries/auth/result.d.ts

@@ -1,6 +1,6 @@
-import '@material/mwc-button';
-import '../../components/profile-component';
+import '@material/web/button/elevated-button.js';
 import '@operato/lottie-player';
+import '../../components/profile-component';
 import { LitElement } from 'lit';
 declare const AuthResult_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 export declare class AuthResult extends AuthResult_base {
@@ -12,9 +12,9 @@ export declare class AuthResult extends AuthResult_base {
     updated(changed: any): void;
     render(): import("lit-html").TemplateResult<1>;
     get applicationMeta(): {
-        icon?: string | undefined;
-        title?: string | undefined;
-        description?: string | undefined;
+        icon?: string;
+        title?: string;
+        description?: string;
     };
 }
 export {};

package/dist-client/entries/auth/result.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-button';
-import '../../components/profile-component';
+import '@material/web/button/elevated-button.js';
 import '@operato/lottie-player';
+import '../../components/profile-component';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { i18next, localize } from '@operato/i18n';
@@ -30,14 +30,14 @@ let AuthResult = class AuthResult extends localize(i18next)(LitElement) {
           <p></p>
         </div>
         <div id="button-area">
-          <mwc-button
-            icon="home"
-            raised
-            label="${i18next.t('button.go to home')}"
+          <md-elevated-button
             @click=${e => {
             window.location.replace('/auth/signin');
         }}
-          ></mwc-button>
+          >
+            <md-icon slot="icon">home</md-icon>
+            ${i18next.t('button.go to home')}
+          </md-elevated-button>
         </div>
 
         ${isSafari()
@@ -71,7 +71,8 @@ AuthResult.styles = [
         width: 100vw;
         height: 100vh;
         height: 100dvh;
-        background-color: var(--auth-background);
+        background-color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
       }
       .wrap {
         display: block;
@@ -86,7 +87,7 @@ AuthResult.styles = [
       .auth-brand img {
         margin: 15% auto 5px auto;
         width: 100px;
-        border: 3px solid var(--theme-white-color);
+        border: 3px solid var(--md-sys-color-on-primary);
         border-radius: 25px;
         box-shadow: var(--box-shadow);
       }
@@ -99,13 +100,13 @@ AuthResult.styles = [
         margin: 50px 0 0 0;
         padding: 0;
         font-size: 24px;
-        color: var(--auth-title-color);
+        color: var(--auth-title-color, var(--md-sys-color-on-primary));
       }
       p {
         margin: 0;
         padding: var(--auth-description-padding);
         font: var(--auth-description-font);
-        color: var(--auth-description-color);
+        color: var(--auth-description-color, var(--md-sys-color-on-secondary));
       }
       :host *:focus {
         outline: none;
@@ -114,25 +115,26 @@ AuthResult.styles = [
         background: url(/assets/images/icon-profile.png) center top no-repeat;
         margin: var(--profile-icon-margin);
         padding: 180px 20px 20px 20px;
-        color: var(--secondary-color);
+        color: var(--md-sys-color-secondary);
         font: var(--header-bar-title);
         text-align: center;
       }
 
       label {
         font: bold 14px var(--theme-font);
-        color: var(--primary-color);
+        color: var(--md-sys-color-primary);
       }
+
       #button-area {
         border-top: 1px dashed rgba(0, 0, 0, 0.1);
         padding-top: 10px;
       }
-      mwc-button {
-        --mdc-theme-primary: var(--auth-button-background-color);
-        --mdc-theme-on-primary: var(--primary-color);
-        --mdc-button-horizontal-padding: var(--padding-default);
-        --mdc-button-ink-color: var(--primary-color);
+
+      md-elevated-button {
+        --md-button-horizontal-padding: var(--spacing-medium);
+        --md-button-ink-color: var(--md-sys-color-primary);
       }
+
       .lottie-container {
         width: 100%;
         height: 300px;

package/dist-client/entries/auth/result.js.map

@@ -1 +1 @@
-{"version":3,"file":"result.js","sourceRoot":"","sources":["../../../client/entries/auth/result.ts"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,oCAAoC,CAAA;AAC3C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGlC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAqH3D,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;YAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,iBAAiB,CAAA;SAC5D;IACH,CAAC;IAED,MAAM;QACJ,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEvD,OAAO,IAAI,CAAA;yBACU,IAAI,CAAC,UAAU;;qBAEnB,IAAI;iCACQ,KAAK;sCACA,WAAW;;;;gBAIjC,IAAI,CAAC,OAAO,IAAI,EAAE;;;;;;;;;qBASb,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;qBAC9B,CAAC,CAAC,EAAE;YACX,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;QACzC,CAAC;;;;UAIH,QAAQ,EAAE;YACV,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,IAAI,CAAA;;;;aAIH;;KAER,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAI,QAAQ,GAA2B,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAA;YAC7F,IAAI,SAAS,GAA2B,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAA;YAC/F,IAAI,eAAe,GAA2B,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAC,CAAA;YAE5G,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB;gBACvD,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;aAChF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AAhLM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0GF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCAAU;AACrC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAAiB;AAC5C;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAoB;AAjHpC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAkLtB;SAlLY,UAAU","sourcesContent":["import '@material/mwc-button'\nimport '../../components/profile-component'\nimport '@operato/lottie-player'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { isSafari } from '@operato/utils'\n\n@customElement('auth-result')\nexport class AuthResult extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 100vw;\n        height: 100vh;\n        height: 100dvh;\n        background-color: var(--auth-background);\n      }\n      .wrap {\n        display: block;\n        width: 450px;\n        min-width: 350px;\n        margin: 0 auto;\n        text-align: center;\n      }\n      .auth-brand {\n        color: #fff;\n      }\n      .auth-brand img {\n        margin: 15% auto 5px auto;\n        width: 100px;\n        border: 3px solid var(--theme-white-color);\n        border-radius: 25px;\n        box-shadow: var(--box-shadow);\n      }\n      .name {\n        display: block;\n        font: var(--auth-brand-name);\n        text-shadow: var(--auth-brand-name-shadow);\n      }\n      h1 {\n        margin: 50px 0 0 0;\n        padding: 0;\n        font-size: 24px;\n        color: var(--auth-title-color);\n      }\n      p {\n        margin: 0;\n        padding: var(--auth-description-padding);\n        font: var(--auth-description-font);\n        color: var(--auth-description-color);\n      }\n      :host *:focus {\n        outline: none;\n      }\n      .user {\n        background: url(/assets/images/icon-profile.png) center top no-repeat;\n        margin: var(--profile-icon-margin);\n        padding: 180px 20px 20px 20px;\n        color: var(--secondary-color);\n        font: var(--header-bar-title);\n        text-align: center;\n      }\n\n      label {\n        font: bold 14px var(--theme-font);\n        color: var(--primary-color);\n      }\n      #button-area {\n        border-top: 1px dashed rgba(0, 0, 0, 0.1);\n        padding-top: 10px;\n      }\n      mwc-button {\n        --mdc-theme-primary: var(--auth-button-background-color);\n        --mdc-theme-on-primary: var(--primary-color);\n        --mdc-button-horizontal-padding: var(--padding-default);\n        --mdc-button-ink-color: var(--primary-color);\n      }\n      .lottie-container {\n        width: 100%;\n        height: 300px;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        pointer-events: none;\n      }\n      .lottie-container lottie-player {\n        position: absolute;\n        bottom: -6%;\n        width: 100%;\n        height: auto;\n      }\n\n      @media (max-width: 450px) {\n        .wrap {\n          width: 85%;\n          min-width: 320px;\n          padding-bottom: 100px;\n        }\n        .auth-form {\n          grid-template-columns: 1fr;\n        }\n        .auth-brand img {\n          margin: 12% auto 5px auto;\n          width: 75px;\n        }\n        .lottie-container {\n          overflow: hidden;\n          height: 200px;\n          pointer-events: none;\n        }\n        .lottie-container lottie-player {\n          width: 1200px;\n          left: -30%;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) data: any\n  @property({ type: String }) message?: string\n  @property({ type: String }) resultType?: string\n\n  private _applicationMeta?: { icon?: string; title?: string; description?: string }\n\n  updated(changed) {\n    if (changed.has('data')) {\n      this.message = this.data.message\n      this.resultType = this.data.resultType || 'congratulations'\n    }\n  }\n\n  render() {\n    var { icon, title, description } = this.applicationMeta\n\n    return html`\n      <div class=\"wrap ${this.resultType}\">\n        <div class=\"auth-brand\">\n          <img src=${icon} />\n          <strong class=\"name\">${title}</strong>\n          <span class=\"welcome-msg\">${description}</span>\n        </div>\n\n        <div id=\"message-area\">\n          <h1>${this.message || ''}</h1>\n\n          <!--description message container-->\n          <p></p>\n        </div>\n        <div id=\"button-area\">\n          <mwc-button\n            icon=\"home\"\n            raised\n            label=\"${i18next.t('button.go to home')}\"\n            @click=${e => {\n              window.location.replace('/auth/signin')\n            }}\n          ></mwc-button>\n        </div>\n\n        ${isSafari()\n          ? html``\n          : html`\n              <div class=\"lottie-container\">\n                <lottie-player autoplay loop src=\"../../assets/images/background-animation.json\"></lottie-player>\n              </div>\n            `}\n      </div>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink: HTMLLinkElement | null = document.querySelector('link[rel=\"application-icon\"]')\n      var titleMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-name\"]')\n      var descriptionMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-description\"]')\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}
+{"version":3,"file":"result.js","sourceRoot":"","sources":["../../../client/entries/auth/result.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGlC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAuH3D,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;YAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,iBAAiB,CAAA;QAC7D,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEvD,OAAO,IAAI,CAAA;yBACU,IAAI,CAAC,UAAU;;qBAEnB,IAAI;iCACQ,KAAK;sCACA,WAAW;;;;gBAIjC,IAAI,CAAC,OAAO,IAAI,EAAE;;;;;;;qBAOb,CAAC,CAAC,EAAE;YACX,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;QACzC,CAAC;;;cAGC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;;;;UAIlC,QAAQ,EAAE;YACV,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,IAAI,CAAA;;;;aAIH;;KAER,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,QAAQ,GAA2B,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAA;YAC7F,IAAI,SAAS,GAA2B,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAA;YAC/F,IAAI,eAAe,GAA2B,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAC,CAAA;YAE5G,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB;gBACvD,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;aAChF,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AAlLM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GF;CACF,AA9GY,CA8GZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCAAU;AACT;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAAiB;AAChB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAoB;AAnHpC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAoLtB","sourcesContent":["import '@material/web/button/elevated-button.js'\n\nimport '@operato/lottie-player'\nimport '../../components/profile-component'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { isSafari } from '@operato/utils'\n\n@customElement('auth-result')\nexport class AuthResult extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 100vw;\n        height: 100vh;\n        height: 100dvh;\n        background-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n      }\n      .wrap {\n        display: block;\n        width: 450px;\n        min-width: 350px;\n        margin: 0 auto;\n        text-align: center;\n      }\n      .auth-brand {\n        color: #fff;\n      }\n      .auth-brand img {\n        margin: 15% auto 5px auto;\n        width: 100px;\n        border: 3px solid var(--md-sys-color-on-primary);\n        border-radius: 25px;\n        box-shadow: var(--box-shadow);\n      }\n      .name {\n        display: block;\n        font: var(--auth-brand-name);\n        text-shadow: var(--auth-brand-name-shadow);\n      }\n      h1 {\n        margin: 50px 0 0 0;\n        padding: 0;\n        font-size: 24px;\n        color: var(--auth-title-color, var(--md-sys-color-on-primary));\n      }\n      p {\n        margin: 0;\n        padding: var(--auth-description-padding);\n        font: var(--auth-description-font);\n        color: var(--auth-description-color, var(--md-sys-color-on-secondary));\n      }\n      :host *:focus {\n        outline: none;\n      }\n      .user {\n        background: url(/assets/images/icon-profile.png) center top no-repeat;\n        margin: var(--profile-icon-margin);\n        padding: 180px 20px 20px 20px;\n        color: var(--md-sys-color-secondary);\n        font: var(--header-bar-title);\n        text-align: center;\n      }\n\n      label {\n        font: bold 14px var(--theme-font);\n        color: var(--md-sys-color-primary);\n      }\n\n      #button-area {\n        border-top: 1px dashed rgba(0, 0, 0, 0.1);\n        padding-top: 10px;\n      }\n\n      md-elevated-button {\n        --md-button-horizontal-padding: var(--spacing-medium);\n        --md-button-ink-color: var(--md-sys-color-primary);\n      }\n\n      .lottie-container {\n        width: 100%;\n        height: 300px;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        pointer-events: none;\n      }\n      .lottie-container lottie-player {\n        position: absolute;\n        bottom: -6%;\n        width: 100%;\n        height: auto;\n      }\n\n      @media (max-width: 450px) {\n        .wrap {\n          width: 85%;\n          min-width: 320px;\n          padding-bottom: 100px;\n        }\n        .auth-form {\n          grid-template-columns: 1fr;\n        }\n        .auth-brand img {\n          margin: 12% auto 5px auto;\n          width: 75px;\n        }\n        .lottie-container {\n          overflow: hidden;\n          height: 200px;\n          pointer-events: none;\n        }\n        .lottie-container lottie-player {\n          width: 1200px;\n          left: -30%;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) data: any\n  @property({ type: String }) message?: string\n  @property({ type: String }) resultType?: string\n\n  private _applicationMeta?: { icon?: string; title?: string; description?: string }\n\n  updated(changed) {\n    if (changed.has('data')) {\n      this.message = this.data.message\n      this.resultType = this.data.resultType || 'congratulations'\n    }\n  }\n\n  render() {\n    var { icon, title, description } = this.applicationMeta\n\n    return html`\n      <div class=\"wrap ${this.resultType}\">\n        <div class=\"auth-brand\">\n          <img src=${icon} />\n          <strong class=\"name\">${title}</strong>\n          <span class=\"welcome-msg\">${description}</span>\n        </div>\n\n        <div id=\"message-area\">\n          <h1>${this.message || ''}</h1>\n\n          <!--description message container-->\n          <p></p>\n        </div>\n        <div id=\"button-area\">\n          <md-elevated-button\n            @click=${e => {\n              window.location.replace('/auth/signin')\n            }}\n          >\n            <md-icon slot=\"icon\">home</md-icon>\n            ${i18next.t('button.go to home')}\n          </md-elevated-button>\n        </div>\n\n        ${isSafari()\n          ? html``\n          : html`\n              <div class=\"lottie-container\">\n                <lottie-player autoplay loop src=\"../../assets/images/background-animation.json\"></lottie-player>\n              </div>\n            `}\n      </div>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink: HTMLLinkElement | null = document.querySelector('link[rel=\"application-icon\"]')\n      var titleMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-name\"]')\n      var descriptionMeta: HTMLMetaElement | null = document.querySelector('meta[name=\"application-description\"]')\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}

package/dist-client/entries/auth/signin.d.ts

@@ -2,4 +2,5 @@ import { AbstractSign } from '../../components/abstract-sign';
 export declare class AuthSignin extends AbstractSign {
     get pageName(): string;
     get actionUrl(): string;
+    get autocompletable(): boolean;
 }

package/dist-client/entries/auth/signin.js

@@ -8,6 +8,9 @@ let AuthSignin = class AuthSignin extends AbstractSign {
     get actionUrl() {
         return '/auth/signin';
     }
+    get autocompletable() {
+        return true;
+    }
 };
 AuthSignin = __decorate([
     customElement('auth-signin')

package/dist-client/entries/auth/signin.js.map

@@ -1 +1 @@
-{"version":3,"file":"signin.js","sourceRoot":"","sources":["../../../client/entries/auth/signin.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAGtD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,YAAY;IAC1C,IAAI,QAAQ;QACV,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,cAAc,CAAA;IACvB,CAAC;CACF,CAAA;AARY,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAQtB;SARY,UAAU","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { AbstractSign } from '../../components/abstract-sign'\n\n@customElement('auth-signin')\nexport class AuthSignin extends AbstractSign {\n  get pageName() {\n    return 'sign in'\n  }\n\n  get actionUrl() {\n    return '/auth/signin'\n  }\n}\n"]}
+{"version":3,"file":"signin.js","sourceRoot":"","sources":["../../../client/entries/auth/signin.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAGtD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,YAAY;IAC1C,IAAI,QAAQ;QACV,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;CACF,CAAA;AAZY,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAYtB","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { AbstractSign } from '../../components/abstract-sign'\n\n@customElement('auth-signin')\nexport class AuthSignin extends AbstractSign {\n  get pageName() {\n    return 'sign in'\n  }\n\n  get actionUrl() {\n    return '/auth/signin'\n  }\n\n  get autocompletable() {\n    return true\n  }\n}\n"]}

package/dist-client/entries/auth/signup.js

@@ -14,28 +14,41 @@ let AuthSignup = class AuthSignup extends AbstractSign {
     }
     get formfields() {
         const { name = '', email = '' } = this.data || {};
+        // .validationMessage=${this.passwordHelp || ''}
+        // .validationMessage=${String(i18next.t('text.passwords do not match'))}
         return html `
       <div class="field">
-        <mwc-textfield
+        <md-filled-text-field
           name="name"
           type="text"
           label=${String(i18next.t('field.name'))}
           .value=${name}
           required
-        ></mwc-textfield>
+        ></md-filled-text-field>
       </div>
       <div class="field">
-        <mwc-textfield
+        <md-filled-text-field
           name="email"
           type="email"
           label=${String(i18next.t('field.email'))}
           required
           .value=${email}
-          .validationMessage=${String(i18next.t('text.invalid-email'))}
-        ></mwc-textfield>
+          autocapitalize="off"
+          autocomplete="off"
+          @input=${(e) => {
+            const target = e.target;
+            if (target.validity.typeMismatch) {
+                target.setCustomValidity(i18next.t('text.invalid-email'));
+            }
+            else {
+                target.setCustomValidity('');
+            }
+        }}
+          ><md-icon slot="leading-icon">mail</md-icon></md-filled-text-field
+        >
       </div>
       <div class="field">
-        <mwc-textfield
+        <md-filled-text-field
           name="password"
           type="password"
           label=${String(i18next.t('field.password'))}
@@ -43,26 +56,30 @@ let AuthSignup = class AuthSignup extends AbstractSign {
           helper=${this.passwordHelp || ''}
           helperPersistent
           required
+          autocomplete="off"
           @input=${e => {
             var val = e.target.value;
             this.confirmPass.setAttribute('pattern', val.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '[$&]'));
         }}
-          .validationMessage=${this.passwordHelp || ''}
-        ></mwc-textfield>
+        >
+          ></md-filled-text-field
+        >
       </div>
       <div class="field">
-        <mwc-textfield
+        <md-filled-text-field
           id="confirm-password"
           name="confirm-password"
           type="password"
+          autocomplete="off"
           label=${String(i18next.t('field.confirm password'))}
           required
-          .validationMessage=${String(i18next.t('text.passwords do not match'))}
-        ></mwc-textfield>
+        >
+          ></md-filled-text-field
+        >
       </div>
-      <mwc-button class="ui button" raised @click=${e => this._onSubmit(e)}>
+      <md-elevated-button class="ui button" @click=${e => this._onSubmit(e)}>
         <ox-i18n msgid="field.${this.pageName}"></ox-i18n>
-      </mwc-button>
+      </md-elevated-button>
     `;
     }
     languageUpdated() {
@@ -72,7 +89,7 @@ let AuthSignup = class AuthSignup extends AbstractSign {
     get links() {
         return html `
       <a class="link" href="/auth/signin">
-        <mwc-button><ox-i18n msgid="field.sign in"></ox-i18n></mwc-button>
+        <md-text-button><ox-i18n msgid="field.sign in"></ox-i18n></md-text-button>
       </a>
     `;
     }

package/dist-client/entries/auth/signup.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup.js","sourceRoot":"","sources":["../../../client/entries/auth/signup.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAA;AAG/F,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,YAAY;IAI1C,IAAI,QAAQ;QACV,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,cAAc,CAAA;IACvB,CAAC;IAID,IAAI,UAAU;QACZ,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;QAEjD,OAAO,IAAI,CAAA;;;;;kBAKG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;mBAC9B,IAAI;;;;;;;;kBAQL,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;;mBAE/B,KAAK;+BACO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;;;;;;;kBAOpD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;qBAChC,IAAI,CAAC,eAAe,IAAI,EAAE;mBAC5B,IAAI,CAAC,YAAY,IAAI,EAAE;;;mBAGvB,CAAC,CAAC,EAAE;YACX,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YACxB,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC,CAAA;QAC3F,CAAC;+BACoB,IAAI,CAAC,YAAY,IAAI,EAAE;;;;;;;;kBAQpC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC;;+BAE9B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;;;oDAG3B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gCAC1C,IAAI,CAAC,QAAQ;;KAExC,CAAA;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,eAAe,GAAG,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAA;QACnF,IAAI,CAAC,YAAY,GAAG,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACzE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAA;;;;KAIV,CAAA;IACH,CAAC;CACF,CAAA;AArEC;IAAC,KAAK,CAAC,mBAAmB,CAAC;8BAAe,gBAAgB;+CAAA;AAZ/C,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAiFtB;SAjFY,UAAU","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { AbstractSign } from '../../components/abstract-sign'\nimport { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../../utils/password-rule'\n\n@customElement('auth-signup')\nexport class AuthSignup extends AbstractSign {\n  private passwordPattern?: string\n  private passwordHelp?: string\n\n  get pageName() {\n    return 'sign up'\n  }\n\n  get actionUrl() {\n    return '/auth/signup'\n  }\n\n  @query('#confirm-password') confirmPass!: HTMLInputElement\n\n  get formfields() {\n    const { name = '', email = '' } = this.data || {}\n\n    return html`\n      <div class=\"field\">\n        <mwc-textfield\n          name=\"name\"\n          type=\"text\"\n          label=${String(i18next.t('field.name'))}\n          .value=${name}\n          required\n        ></mwc-textfield>\n      </div>\n      <div class=\"field\">\n        <mwc-textfield\n          name=\"email\"\n          type=\"email\"\n          label=${String(i18next.t('field.email'))}\n          required\n          .value=${email}\n          .validationMessage=${String(i18next.t('text.invalid-email'))}\n        ></mwc-textfield>\n      </div>\n      <div class=\"field\">\n        <mwc-textfield\n          name=\"password\"\n          type=\"password\"\n          label=${String(i18next.t('field.password'))}\n          .pattern=${this.passwordPattern || ''}\n          helper=${this.passwordHelp || ''}\n          helperPersistent\n          required\n          @input=${e => {\n            var val = e.target.value\n            this.confirmPass.setAttribute('pattern', val.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '[$&]'))\n          }}\n          .validationMessage=${this.passwordHelp || ''}\n        ></mwc-textfield>\n      </div>\n      <div class=\"field\">\n        <mwc-textfield\n          id=\"confirm-password\"\n          name=\"confirm-password\"\n          type=\"password\"\n          label=${String(i18next.t('field.confirm password'))}\n          required\n          .validationMessage=${String(i18next.t('text.passwords do not match'))}\n        ></mwc-textfield>\n      </div>\n      <mwc-button class=\"ui button\" raised @click=${e => this._onSubmit(e)}>\n        <ox-i18n msgid=\"field.${this.pageName}\"></ox-i18n>\n      </mwc-button>\n    `\n  }\n\n  languageUpdated() {\n    this.passwordPattern = generatePasswordPatternRegExp(this.data.passwordRule).source\n    this.passwordHelp = generatePasswordPatternHelp(this.data.passwordRule)\n  }\n\n  get links() {\n    return html`\n      <a class=\"link\" href=\"/auth/signin\">\n        <mwc-button><ox-i18n msgid=\"field.sign in\"></ox-i18n></mwc-button>\n      </a>\n    `\n  }\n}\n"]}
+{"version":3,"file":"signup.js","sourceRoot":"","sources":["../../../client/entries/auth/signup.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAA;AAG/F,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,YAAY;IAI1C,IAAI,QAAQ;QACV,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,cAAc,CAAA;IACvB,CAAC;IAID,IAAI,UAAU;QACZ,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;QAEjD,gDAAgD;QAChD,yEAAyE;QAEzE,OAAO,IAAI,CAAA;;;;;kBAKG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;mBAC9B,IAAI;;;;;;;;kBAQL,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;;mBAE/B,KAAK;;;mBAGL,CAAC,CAAQ,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;YAC3C,IAAI,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;gBACjC,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAA;YAC3D,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;;;;;;;;kBAQO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;qBAChC,IAAI,CAAC,eAAe,IAAI,EAAE;mBAC5B,IAAI,CAAC,YAAY,IAAI,EAAE;;;;mBAIvB,CAAC,CAAC,EAAE;YACX,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YACxB,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC,CAAA;QAC3F,CAAC;;;;;;;;;;;kBAWO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC;;;;;;qDAMR,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gCAC3C,IAAI,CAAC,QAAQ;;KAExC,CAAA;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,eAAe,GAAG,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAA;QACnF,IAAI,CAAC,YAAY,GAAG,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACzE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAA;;;;KAIV,CAAA;IACH,CAAC;CACF,CAAA;AAtF6B;IAA3B,KAAK,CAAC,mBAAmB,CAAC;8BAAe,gBAAgB;+CAAA;AAZ/C,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAkGtB","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { AbstractSign } from '../../components/abstract-sign'\nimport { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../../utils/password-rule'\n\n@customElement('auth-signup')\nexport class AuthSignup extends AbstractSign {\n  private passwordPattern?: string\n  private passwordHelp?: string\n\n  get pageName() {\n    return 'sign up'\n  }\n\n  get actionUrl() {\n    return '/auth/signup'\n  }\n\n  @query('#confirm-password') confirmPass!: HTMLInputElement\n\n  get formfields() {\n    const { name = '', email = '' } = this.data || {}\n\n    // .validationMessage=${this.passwordHelp || ''}\n    // .validationMessage=${String(i18next.t('text.passwords do not match'))}\n\n    return html`\n      <div class=\"field\">\n        <md-filled-text-field\n          name=\"name\"\n          type=\"text\"\n          label=${String(i18next.t('field.name'))}\n          .value=${name}\n          required\n        ></md-filled-text-field>\n      </div>\n      <div class=\"field\">\n        <md-filled-text-field\n          name=\"email\"\n          type=\"email\"\n          label=${String(i18next.t('field.email'))}\n          required\n          .value=${email}\n          autocapitalize=\"off\"\n          autocomplete=\"off\"\n          @input=${(e: Event) => {\n            const target = e.target as HTMLInputElement\n            if (target.validity.typeMismatch) {\n              target.setCustomValidity(i18next.t('text.invalid-email'))\n            } else {\n              target.setCustomValidity('')\n            }\n          }}\n          ><md-icon slot=\"leading-icon\">mail</md-icon></md-filled-text-field\n        >\n      </div>\n      <div class=\"field\">\n        <md-filled-text-field\n          name=\"password\"\n          type=\"password\"\n          label=${String(i18next.t('field.password'))}\n          .pattern=${this.passwordPattern || ''}\n          helper=${this.passwordHelp || ''}\n          helperPersistent\n          required\n          autocomplete=\"off\"\n          @input=${e => {\n            var val = e.target.value\n            this.confirmPass.setAttribute('pattern', val.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '[$&]'))\n          }}\n        >\n          ></md-filled-text-field\n        >\n      </div>\n      <div class=\"field\">\n        <md-filled-text-field\n          id=\"confirm-password\"\n          name=\"confirm-password\"\n          type=\"password\"\n          autocomplete=\"off\"\n          label=${String(i18next.t('field.confirm password'))}\n          required\n        >\n          ></md-filled-text-field\n        >\n      </div>\n      <md-elevated-button class=\"ui button\" @click=${e => this._onSubmit(e)}>\n        <ox-i18n msgid=\"field.${this.pageName}\"></ox-i18n>\n      </md-elevated-button>\n    `\n  }\n\n  languageUpdated() {\n    this.passwordPattern = generatePasswordPatternRegExp(this.data.passwordRule).source\n    this.passwordHelp = generatePasswordPatternHelp(this.data.passwordRule)\n  }\n\n  get links() {\n    return html`\n      <a class=\"link\" href=\"/auth/signin\">\n        <md-text-button><ox-i18n msgid=\"field.sign in\"></ox-i18n></md-text-button>\n      </a>\n    `\n  }\n}\n"]}

package/dist-client/entries/auth/unlock-user.js.map

@@ -1 +1 @@
-{"version":3,"file":"unlock-user.js","sourceRoot":"","sources":["../../../client/entries/auth/unlock-user.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAGzE,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,qBAAqB;IACnD,IAAI,QAAQ;QACV,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,mBAAmB,CAAA;IAC5B,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,sBAAsB,CAAA;IAC/B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,gBAAgB,CAAA;IACzB,CAAC;CACF,CAAA;AAhBY,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAgBtB;SAhBY,UAAU","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { AbstractPasswordReset } from '../../components/abstract-password-reset'\n\n@customElement('unlock-user')\nexport class UnlockUser extends AbstractPasswordReset {\n  get pageName() {\n    return 'unlock user'\n  }\n\n  get actionUrl() {\n    return '/auth/unlock-user'\n  }\n\n  get submitButtonLabel() {\n    return 'label.unlock account'\n  }\n\n  get title() {\n    return 'unlock account'\n  }\n}\n"]}
+{"version":3,"file":"unlock-user.js","sourceRoot":"","sources":["../../../client/entries/auth/unlock-user.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAGzE,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,qBAAqB;IACnD,IAAI,QAAQ;QACV,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,mBAAmB,CAAA;IAC5B,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,sBAAsB,CAAA;IAC/B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,gBAAgB,CAAA;IACzB,CAAC;CACF,CAAA;AAhBY,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAgBtB","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { AbstractPasswordReset } from '../../components/abstract-password-reset'\n\n@customElement('unlock-user')\nexport class UnlockUser extends AbstractPasswordReset {\n  get pageName() {\n    return 'unlock user'\n  }\n\n  get actionUrl() {\n    return '/auth/unlock-user'\n  }\n\n  get submitButtonLabel() {\n    return 'label.unlock account'\n  }\n\n  get title() {\n    return 'unlock account'\n  }\n}\n"]}

package/dist-client/entries/oauth2/oauth2-decision-error-page.d.ts

@@ -1 +1 @@
-import '@material/mwc-button';
+import '@material/web/button/elevated-button.js';