@rolatech/angular-account 17.2.1 → 17.2.3

package/fesm2022/rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs","sources":["../../../../libs/angular-account/src/lib/components/user-item/user-item.component.ts","../../../../libs/angular-account/src/lib/components/user-item/user-item.component.html","../../../../libs/angular-account/src/lib/components/topbar-login/topbar-login.component.ts","../../../../libs/angular-account/src/lib/components/topbar-login/topbar-login.component.html","../../../../libs/angular-account/src/lib/components/forgot-password/forgot-password.component.ts","../../../../libs/angular-account/src/lib/components/forgot-password/forgot-password.component.html","../../../../libs/angular-account/src/lib/components/logout/logout.component.ts","../../../../libs/angular-account/src/lib/components/logout/logout.component.html","../../../../libs/angular-account/src/lib/components/passwordreset/passwordreset.component.ts","../../../../libs/angular-account/src/lib/components/passwordreset/passwordreset.component.html","../../../../libs/angular-account/src/lib/services/wechat-login.service.ts","../../../../libs/angular-account/src/lib/pages/accounts/signin/signin.component.ts","../../../../libs/angular-account/src/lib/pages/accounts/signin/signin.component.html","../../../../libs/angular-account/src/lib/pages/accounts/signup/signup.component.ts","../../../../libs/angular-account/src/lib/pages/accounts/signup/signup.component.html","../../../../libs/angular-account/src/lib/account.routes.ts","../../../../libs/angular-account/src/lib/myaccount.routes.ts","../../../../libs/angular-account/src/provider.ts","../../../../libs/angular-account/src/rolatech-angular-account.ts"],"sourcesContent":["import { Component, HostBinding, ViewEncapsulation, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'rolatech-account-user-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './user-item.component.html',\n  styleUrl: './user-item.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UserItemComponent {\n  @HostBinding('class.rolatech-account-user-item') hasClass = true;\n  user = input<any>();\n  isFollowing = input(true);\n  follow = output<string>();\n  unfollow = output();\n  onFollow() {\n    this.follow.emit(this.user().username);\n  }\n  onUnFollow() {\n    this.unfollow.emit(this.user().username);\n  }\n}\n","<div class=\"flex w-full justify-between items-center p-2 hover:bg-gray-100 cursor-pointer\">\n  <div class=\"flex items-center\">\n    <div class=\"bg-orange-600 w-12 h-12 rounded-full\">\n      @if (user().avatar) {\n        <img class=\"w-12 h-12 object-cover rounded-full\" [src]=\"user().avatar\" />\n      }\n    </div>\n    <div class=\"flex flex-col ml-3\">\n      <a class=\"text-lg font-bold\">\n        <span>{{ user().name }}</span>\n      </a>\n      <a class=\"text-md\">\n        <span>{{ user().username }}</span>\n      </a>\n    </div>\n  </div>\n  @if (isFollowing()) {\n    <div\n      class=\"w-[100px] py-1 flex items-center justify-center bg-gray-300 rounded-md cursor-pointer\"\n      (click)=\"onUnFollow(); $event.stopPropagation()\"\n    >\n      <a>\n        <span>取消关注</span>\n      </a>\n    </div>\n  } @else {\n    <div\n      class=\"w-[100px] py-1 flex items-center justify-center bg-orange-600 text-white rounded-md cursor-pointer\"\n      (click)=\"onFollow(); $event.stopPropagation()\"\n    >\n      <a>\n        <span>关注</span>\n      </a>\n    </div>\n  }\n</div>\n","import { Component, OnInit, PLATFORM_ID, inject, input } from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { APP_CONFIG } from '@rolatech/angular-common';\n\n@Component({\n  selector: 'rolatech-account-topbar-login',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './topbar-login.component.html',\n  styleUrl: './topbar-login.component.scss',\n})\nexport class TopbarLoginComponent implements OnInit {\n  environment = inject(APP_CONFIG);\n  platformId = inject(PLATFORM_ID);\n  service = input('www');\n  signinUrl = '';\n  signupUrl = this.environment.accountsUrl + '/signup';\n  logoutUrl = this.environment.accountsUrl + `/logout?service=${this.service()}`;\n  ngOnInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      this.signinUrl = `${this.environment.accountsUrl}/signin?continue=` + window.location.href;\n      this.logoutUrl = this.environment.accountsUrl + `/logout?service=${this.service()}&continue=` + window.location.origin;\n    }\n  }\n}\n","<div class=\"flex\">\n  <a class=\"inline-block sm:border border-black py-2 px-5 mr-2 cursor-pointer rounded-md\" [href]=\"signinUrl\"\n    ><span>登录</span></a\n  >\n  <a class=\"inline-block sm:border border-white py-2 px-5 text-white bg-orange-600 cursor-pointer rounded-md\" [href]=\"signupUrl\"\n    ><span>注册</span></a\n  >\n</div>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'rolatech-account-forgot-password',\n  templateUrl: './forgot-password.component.html',\n  styleUrls: ['./forgot-password.component.scss'],\n  standalone: true,\n})\nexport class ForgotPasswordComponent implements OnInit {\n  constructor() {}\n\n  ngOnInit(): void {}\n}\n","<p>forgot-password works!</p>\n","import { isPlatformBrowser } from '@angular/common';\nimport { Component, inject, OnInit, PLATFORM_ID } from '@angular/core';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { APP_CONFIG, AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule } from '@rolatech/angular-components';\nimport { map, take } from 'rxjs';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-logout',\n  templateUrl: './logout.component.html',\n  styleUrls: ['./logout.component.scss'],\n})\nexport class LogoutComponent implements OnInit {\n  service = '';\n  continue = '';\n  environment = inject(APP_CONFIG);\n  platformId = inject(PLATFORM_ID);\n  route = inject(ActivatedRoute);\n  router = inject(Router);\n  authService = inject(AuthService);\n  snackBar = inject(MatSnackBar);\n\n  ngOnInit(): void {\n    this.service = this.route.snapshot.queryParams['service'] || 'www';\n    this.continue = this.route.snapshot.queryParams['continue'] || '/';\n    if (isPlatformBrowser(this.platformId)) {\n      this.logout();\n    }\n  }\n  logout() {\n    this.authService.logout().subscribe({\n      next: (res) => {\n        this.router.navigate(['/signin'], {\n          queryParams: { continue: this.continue },\n        });\n      },\n      error: (error) => {\n        this.snackBar.open(error.message);\n      },\n    });\n  }\n}\n","<p>Please waiting...</p>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'rolatech-account-passwordreset',\n  templateUrl: './passwordreset.component.html',\n  styleUrls: ['./passwordreset.component.scss'],\n  standalone: true,\n})\nexport class PasswordresetComponent implements OnInit {\n  constructor() {}\n\n  ngOnInit(): void {}\n}\n","<p>passwordreset works!</p>\n","import { Injectable, output } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WeChatLoginService {\n  onWeChatLogin = output<any>();\n\n  constructor() {}\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport { Component, effect, HostListener, inject, OnInit, PLATFORM_ID, signal } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { MatTabChangeEvent } from '@angular/material/tabs';\nimport { SafeResourceUrl, DomSanitizer } from '@angular/platform-browser';\nimport { AngularCommonModule, APP_CONFIG } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent, TabComponent, TabsComponent } from '@rolatech/angular-components';\nimport { AuthService, AuthUserService } from '@rolatech/angular-auth';\nimport { WeChatLoginService } from '../../../services/wechat-login.service';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, TabsComponent, TabComponent],\n  selector: 'rolatech-account-auth-signin',\n  templateUrl: './signin.component.html',\n  styleUrls: ['./signin.component.scss'],\n})\nexport class SigninComponent extends BaseComponent implements OnInit {\n  passrodForm!: FormGroup;\n  codeForm!: FormGroup;\n  continue = '';\n  environment = inject(APP_CONFIG);\n  platformId = inject(PLATFORM_ID);\n  formBuilder = inject(FormBuilder);\n  authService = inject(AuthService);\n  authUserService = inject(AuthUserService);\n  wechtLoginService = inject(WeChatLoginService);\n  sanitizer = inject(DomSanitizer);\n  tabIndex = signal(0);\n  countDown = false;\n  countDownTime = 60;\n  showButtonText = '发送验证码';\n  appid = 'wx567acbea73439828';\n  state = 'add';\n  urlSafe: SafeResourceUrl = this.sanitizer.bypassSecurityTrustResourceUrl('');\n  baseUrl = 'https://open.weixin.qq.com/connect/qrconnect';\n\n  @HostListener('window:message', ['$event'])\n  onLogin(event: any): void {\n    if (event.origin !== window.location.origin || /react-devtools/gi.test(event.data.source)) {\n      return;\n    }\n    if (event.origin === this.environment.accountsUrl && event.data.code === 200) {\n      window.location.href = this.continue === this.environment.accountsUrl ? this.environment.myaccountUrl : this.continue;\n    }\n  }\n  constructor() {\n    super();\n    effect(() => {\n      const index = this.tabIndex();\n      if (index === 0) {\n        this.codeForm.reset();\n      }\n      if (index === 1) {\n        this.passrodForm.reset();\n      }\n      if (index === 2) {\n        this.codeForm.reset();\n        this.passrodForm.reset();\n        this.wechat();\n      }\n    });\n  }\n  ngOnInit(): void {\n    this.titleService.setTitle('账号登录 - 拼小课');\n    this.passrodForm = this.formBuilder.group({\n      account: [null, Validators.required],\n      password: [null, Validators.required],\n    });\n    this.codeForm = this.formBuilder.group({\n      phone: [null, [Validators.required, Validators.pattern('1(3|4|5|6|7|8|9)\\\\d{9}')]],\n      code: [null, Validators.required],\n    });\n    this.continue = this.route.snapshot.queryParams['continue'] || '/';\n  }\n  get form() {\n    return this.tabIndex() === 0 ? this.passrodForm.controls : this.codeForm.controls;\n  }\n  sendSMSCode() {\n    const phoneControl = this.codeForm.get('phone');\n    if (!phoneControl?.valid) {\n      return;\n    }\n    const phone = phoneControl.value;\n    this.countDown = true;\n    const start = setInterval(() => {\n      if (this.countDownTime >= 0) {\n        this.showButtonText = `${this.countDownTime--}秒重发`;\n      } else {\n        clearInterval(start);\n        this.showButtonText = '重新发送';\n        this.countDown = false;\n        this.countDownTime = 60;\n      }\n    }, 1000);\n\n    this.authUserService.sendSMSCode('+86', phone).subscribe({\n      next: (res) => {\n        this.snackBarService.open('发送成功');\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n  login() {\n    let data = {};\n    if (this.tabIndex() === 0) {\n      if (!this.passrodForm.valid) {\n        return;\n      }\n      data = {\n        account: this.form['account'].value,\n        password: this.form['password'].value,\n      };\n    }\n    if (this.tabIndex() === 1) {\n      if (!this.codeForm.valid) {\n        return;\n      }\n      data = {\n        phone: this.form['phone'].value,\n        code: this.form['code'].value,\n      };\n    }\n\n    this.authService.login(data).subscribe({\n      next: () => {\n        if (isPlatformBrowser(this.platformId)) {\n          window.location.href = this.continue === this.environment.accountsUrl ? this.environment.myaccountUrl : this.continue;\n        }\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n  wechat() {\n    const redirectUri = 'https://accounts.pinxiaoke.cn/login?continue';\n    // const redirectUri = `${window.location.origin}/login?continue`;\n    const href = 'https://cloudcache.tencent-cloud.com/open_proj/proj_qcloud_v2/gateway/login-regist/css/link-wx-login.css';\n    const encodedURI = encodeURI(redirectUri);\n    const src = `${this.baseUrl}?appid=${this.appid}&response_type=code&self_redirect=true&scope=snsapi_login&href=${href}&redirect_uri=${encodedURI}&state=${this.state}#wechat_redirect`;\n    this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(src);\n  }\n}\n","<div class=\"h-full flex flex-col items-center sm:justify-center sm:bg-gray-100\">\n  <div\n    class=\"w-full p-6 lg:p-11 rounded-xl bg-white flex flex-col lg:flex-row justify-between xl:w-[800px] lg:w-[600px] sm:w-[600px]\"\n  >\n    <!-- header -->\n    <div class=\"flex flex-col py-6\">\n      <div class=\"text-3xl font-medium mb-3 ml-2\">登录</div>\n      <div class=\"text-md ml-2\">使用拼小课账号登录</div>\n    </div>\n    <div>\n      <rolatech-tabs [(select)]=\"tabIndex\">\n        <rolatech-tab label=\"账号密码\"></rolatech-tab>\n        <rolatech-tab label=\"短信验证码\"></rolatech-tab>\n        <rolatech-tab label=\"微信扫码\"></rolatech-tab>\n      </rolatech-tabs>\n      <!-- content -->\n      <div class=\"pt-6 min-w-[190px] min-h-[214px]\">\n        @if (tabIndex() === 0) {\n          <form [formGroup]=\"passrodForm\" class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label> 用户名/手机号 </mat-label>\n              <input matInput formControlName=\"account\" required />\n              @if (passrodForm.controls['account'].touched && passrodForm.controls['account'].invalid) {\n                <mat-error>\n                  @if (passrodForm.controls['account'].errors?.['required']) {\n                    <span>用户名必填</span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label> 密码 </mat-label>\n              <input autocomplete matInput formControlName=\"password\" type=\"password\" />\n              @if (passrodForm.controls['password'].touched && passrodForm.controls['password'].invalid) {\n                <mat-error>\n                  @if (passrodForm.controls['password'].errors?.['required']) {\n                    <span>请输入密码</span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n          </form>\n        }\n        @if (tabIndex() === 1) {\n          <form [formGroup]=\"codeForm\" class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label> 手机号 </mat-label>\n              <input autocomplete matInput formControlName=\"phone\" required />\n              @if (codeForm.controls['phone'].touched && codeForm.controls['phone'].invalid) {\n                <mat-error>\n                  @if (codeForm.controls['phone'].errors?.['required']) {\n                    <span> 手机号必填</span>\n                  }\n                  @if (codeForm.controls['phone'].errors?.['pattern']) {\n                    <span> 手机号格式错误 </span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n            <div class=\"flex justify-between items-start\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> 验证码 </mat-label>\n                <input matInput formControlName=\"code\" type=\"text\" required />\n                @if (codeForm.controls['code'].touched && codeForm.controls['code'].invalid) {\n                  <mat-error>\n                    @if (codeForm.controls['code'].errors?.['required']) {\n                      <span> 请输入验证码 </span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <button\n                (click)=\"sendSMSCode()\"\n                [disabled]=\"countDown\"\n                [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n                class=\"max-w-[128px] p-3 mt-2 text-white rounded text-center\"\n              >\n                <span>{{ showButtonText }}</span>\n              </button>\n            </div>\n          </form>\n        }\n        @if (tabIndex() === 2) {\n          <div class=\"w-[190px] h-[190px] mx-auto\">\n            <iframe [src]=\"urlSafe\" class=\"w-full h-full inline\" scrolling=\"no\" frameBorder=\"no\" #iframe></iframe>\n            <div></div>\n          </div>\n        }\n      </div>\n      <!-- actions -->\n      <div class=\"flex justify-between items-center py-2 pl-2\">\n        <a class=\"underline underline-offset-4\" href=\"signup\">创建账号</a>\n        <div\n          (click)=\"login()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>登录</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- 3-part -->\n    <!-- <div class=\"flex flex-col justify-center items-center mt-6\">\n    <div class=\"flex items-center\">\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n      <span class=\"px-3\">第三方登录</span>\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n    </div>\n    <div class=\"mt-3 flex items-center hover:shadow hover:shadow-gray-400 cursor-pointer p-3\">\n      <img class=\"w-4 h-4\" src=\"assets/images/icon64_appwx_logo.png\" />\n      <span class=\"ml-1\">微信</span>\n    </div>\n  </div> -->\n  </div>\n</div>\n","import { Component, inject, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { AngularCommonModule, APP_CONFIG, WINDOW } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { AuthUserService } from '@rolatech/angular-auth';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-signup',\n  templateUrl: './signup.component.html',\n  styleUrls: ['./signup.component.scss'],\n})\nexport class SignupComponent extends BaseComponent implements OnInit {\n  signupForm!: FormGroup;\n  continue = '/';\n  authUserService = inject(AuthUserService);\n  formBuilder = inject(FormBuilder);\n  environment = inject(APP_CONFIG);\n  window = inject(WINDOW);\n  countDown = false;\n  countDownTime = 60;\n  showButtonText = '发送验证码';\n\n  ngOnInit(): void {\n    this.titleService.setTitle('账号注册 - 拼小课');\n    this.signupForm = this.formBuilder.group({\n      name: [null, Validators.required],\n      phone: [null, [Validators.required, Validators.pattern('1(3|4|5|6|7|8|9)\\\\d{9}')]],\n      code: [null, Validators.required],\n      password: [null, Validators.required],\n      rePassword: [null, Validators.required],\n    });\n    this.continue = this.route.snapshot.queryParams['continue'] || '/';\n  }\n  sendSMSCode() {\n    const phoneControl = this.signupForm.get('phone');\n    if (!phoneControl?.valid) {\n      return;\n    }\n    const phone = phoneControl.value;\n    this.countDown = true;\n    const start = setInterval(() => {\n      if (this.countDownTime >= 0) {\n        this.showButtonText = `${this.countDownTime--}秒重发`;\n      } else {\n        clearInterval(start);\n        this.showButtonText = '重新发送';\n        this.countDown = false;\n        this.countDownTime = 60;\n      }\n    }, 1000);\n    this.authUserService.sendSMSCode('+86', phone).subscribe({\n      next: (res) => {\n        this.snackBarService.open('发送成功');\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n  submit() {\n    if (!this.signupForm.valid) {\n      return;\n    }\n    const data = {};\n    this.authUserService.signup(this.signupForm.value).subscribe({\n      next: (res) => {\n        this.window.location.href = this.continue ? this.continue : this.environment.myaccountUrl;\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n}\n","<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">注册</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> 姓名 </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>姓名必填</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> 手机号 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>手机号必填</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> 手机号格式错误 </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 验证码 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>验证码必填</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>发送验证码</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> 密码 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>请输入密码</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> 确认密码 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>请确认密码</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">登录</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>注册</span>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Routes } from '@angular/router';\nimport { AuthGuard, ForbiddenComponent, UnauthorizedComponent } from '@rolatech/angular-auth';\nimport { ForgotPasswordComponent } from './components/forgot-password/forgot-password.component';\nimport { LogoutComponent } from './components/logout/logout.component';\nimport { PasswordresetComponent } from './components/passwordreset/passwordreset.component';\nimport { SigninComponent } from './pages/accounts/signin/signin.component';\nimport { SignupComponent } from './pages/accounts/signup/signup.component';\n\nexport const accountRoutes: Routes = [\n  {\n    path: '',\n    pathMatch: 'full',\n    redirectTo: 'signin',\n  },\n  { path: 'signin', canActivate: [AuthGuard], component: SigninComponent, data: { title: 'Signin' } },\n  { path: 'signup', component: SignupComponent, data: { title: 'Signup' } },\n  { path: 'logout', component: LogoutComponent },\n  { path: 'login', loadChildren: () => import('./components/login/login.routes') },\n  {\n    path: 'passwordreset/:token',\n    component: PasswordresetComponent,\n    data: { title: 'Password Reset' },\n  },\n  {\n    path: 'forgot',\n    component: ForgotPasswordComponent,\n    data: { title: 'Forgot Password' },\n  },\n  {\n    path: 'unauthorized',\n    component: UnauthorizedComponent,\n  },\n  {\n    path: 'forbidden',\n    component: ForbiddenComponent,\n  },\n];\n","import { Routes } from '@angular/router';\n\nexport const myaccountRoutes: Routes = [\n  {\n    path: '',\n    loadComponent: () => import('./pages/myaccount/home/home.component').then((c) => c.HomeComponent),\n    data: { title: '首页' },\n  },\n  {\n    path: 'personal-info',\n    loadComponent: () => import('./pages/myaccount/personal-info/info.component').then((c) => c.InfoComponent),\n  },\n  {\n    path: 'profile',\n    loadComponent: () => import('./pages/myaccount/personal-info/profile/profile.component').then((c) => c.ProfileComponent),\n  },\n  {\n    path: 'username',\n    loadComponent: () => import('./pages/myaccount/personal-info/username/username.component').then((c) => c.UsernameComponent),\n  },\n  { path: 'gender', loadComponent: () => import('./pages/myaccount/gender/gender.component').then((c) => c.GenderComponent) },\n  { path: 'email', loadComponent: () => import('./pages/myaccount/email/email.component').then((c) => c.EmailComponent) },\n  {\n    path: 'email-verification/:id',\n    loadComponent: () =>\n      import('./pages/myaccount/email-verification/email-verification.component').then((c) => c.EmailVerificationComponent),\n  },\n  { path: 'phone', loadComponent: () => import('./pages/myaccount/phone/phone.component').then((c) => c.PhoneComponent) },\n  {\n    path: 'security',\n    loadChildren: () => import('./pages/myaccount/security/security.routes'),\n    data: { title: 'Security' },\n  },\n  {\n    path: 'notifications',\n    loadChildren: () => import('@rolatech/angular-notification').then((m) => m.notificationRoutes),\n    data: { title: '通知中心' },\n  },\n];\n","import { EnvironmentProviders, Provider, makeEnvironmentProviders } from '@angular/core';\nimport { ROUTES } from '@angular/router';\nimport { accountRoutes } from './lib/account.routes';\n\nexport function provideAngularAuthRoutes(): EnvironmentProviders {\n  const provider: Provider[] = [\n    {\n      provide: ROUTES,\n      useValue: accountRoutes,\n      multi: true,\n    },\n  ];\n  return makeEnvironmentProviders(provider);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/{rolatech-angular-account-security.routes-CKRbN7R7.mjs → rolatech-angular-account-security.routes-Dag8RZ38.mjs}

@@ -64,10 +64,10 @@ class SecurityIndexComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SecurityIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SecurityIndexComponent, isStandalone: true, selector: "rolatech-account-security-index", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B89\u5168\u8BBE\u7F6E</p>\n      <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5B89\u5168\u8BBE\u7F6E</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5B9E\u540D\u8BA4\u8BC1</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> \u672A\u8BA4\u8BC1 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> \u5DF2\u8BA4\u8BC1 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>\u5FAE\u4FE1\u7ED1\u5B9A</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> \u7ED1\u5B9A </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> \u5DF2\u7ED1\u5B9A </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5BC6\u7801\u8BBE\u7F6E</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SecurityIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: SecurityIndexComponent, isStandalone: true, selector: "rolatech-account-security-index", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B89\u5168\u8BBE\u7F6E</p>\n      <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5B89\u5168\u8BBE\u7F6E</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5B9E\u540D\u8BA4\u8BC1</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> \u672A\u8BA4\u8BC1 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> \u5DF2\u8BA4\u8BC1 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>\u5FAE\u4FE1\u7ED1\u5B9A</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> \u7ED1\u5B9A </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> \u5DF2\u7ED1\u5B9A </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5BC6\u7801\u8BBE\u7F6E</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SecurityIndexComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SecurityIndexComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-security-index', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B89\u5168\u8BBE\u7F6E</p>\n      <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5B89\u5168\u8BBE\u7F6E</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5B9E\u540D\u8BA4\u8BC1</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> \u672A\u8BA4\u8BC1 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> \u5DF2\u8BA4\u8BC1 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>\u5FAE\u4FE1\u7ED1\u5B9A</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> \u7ED1\u5B9A </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> \u5DF2\u7ED1\u5B9A </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5BC6\u7801\u8BBE\u7F6E</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [] });
@@ -98,10 +98,10 @@ class SecurityPasswordComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SecurityPasswordComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.AuthService }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: SecurityPasswordComponent, isStandalone: true, selector: "rolatech-account-security-password", ngImport: i0, template: "<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">\u4FEE\u6539\u5BC6\u7801</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">\u4FEE\u6539\u7528\u6237\u5BC6\u7801</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u539F\u5BC6\u7801</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SecurityPasswordComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.AuthService }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: SecurityPasswordComponent, isStandalone: true, selector: "rolatech-account-security-password", ngImport: i0, template: "<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">\u4FEE\u6539\u5BC6\u7801</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">\u4FEE\u6539\u7528\u6237\u5BC6\u7801</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u539F\u5BC6\u7801</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SecurityPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SecurityPasswordComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-security-password', template: "<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">\u4FEE\u6539\u5BC6\u7801</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">\u4FEE\u6539\u7528\u6237\u5BC6\u7801</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u539F\u5BC6\u7801</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: i2$1.AuthService }, { type: i3$1.MatSnackBar }] });
@@ -176,10 +176,10 @@ class SecurityVerificationComponent {
             this.renderer.removeChild(this.qrcElement().nativeElement, node);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SecurityVerificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SecurityVerificationComponent, isStandalone: true, selector: "rolatech-account-security-verification", viewQueries: [{ propertyName: "qrcElement", first: true, predicate: ["qrcode"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B9E\u540D\u8BA4\u8BC1</p>\n      <p class=\"text-md\">\u5B9E\u540D\u8BA4\u8BC1, \u4F1A\u8BA9\u4F60\u7684\u8D26\u6237\u66F4\u52A0\u5B89\u5168</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">\u60A8\u5DF2\u7ECF\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">\u59D3\u540D: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">\u8EAB\u4EFD\u8BC1: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>\u672A\u8BA4\u8BC1</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">\u8BF7\u6C42\u8BA4\u8BC1</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-spinner></rolatech-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: SpinnerComponent, selector: "rolatech-spinner", inputs: ["title"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SecurityVerificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: SecurityVerificationComponent, isStandalone: true, selector: "rolatech-account-security-verification", viewQueries: [{ propertyName: "qrcElement", first: true, predicate: ["qrcode"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B9E\u540D\u8BA4\u8BC1</p>\n      <p class=\"text-md\">\u5B9E\u540D\u8BA4\u8BC1, \u4F1A\u8BA9\u4F60\u7684\u8D26\u6237\u66F4\u52A0\u5B89\u5168</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">\u60A8\u5DF2\u7ECF\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">\u59D3\u540D: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">\u8EAB\u4EFD\u8BC1: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>\u672A\u8BA4\u8BC1</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">\u8BF7\u6C42\u8BA4\u8BC1</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-spinner></rolatech-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: SpinnerComponent, selector: "rolatech-spinner", inputs: ["title"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SecurityVerificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SecurityVerificationComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent], selector: 'rolatech-account-security-verification', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B9E\u540D\u8BA4\u8BC1</p>\n      <p class=\"text-md\">\u5B9E\u540D\u8BA4\u8BC1, \u4F1A\u8BA9\u4F60\u7684\u8D26\u6237\u66F4\u52A0\u5B89\u5168</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">\u60A8\u5DF2\u7ECF\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">\u59D3\u540D: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">\u8EAB\u4EFD\u8BC1: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>\u672A\u8BA4\u8BC1</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">\u8BF7\u6C42\u8BA4\u8BC1</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-spinner></rolatech-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
         }] });
@@ -201,4 +201,4 @@ const securityRoutes = [
 ];
 
 export { securityRoutes as default };
-//# sourceMappingURL=rolatech-angular-account-security.routes-CKRbN7R7.mjs.map
+//# sourceMappingURL=rolatech-angular-account-security.routes-Dag8RZ38.mjs.map

package/fesm2022/{rolatech-angular-account-security.routes-CKRbN7R7.mjs.map → rolatech-angular-account-security.routes-Dag8RZ38.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account-security.routes-CKRbN7R7.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/security/security-index/security-index.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-index/security-index.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-password/security-password.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-password/security-password.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-verification/security-verification.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-verification/security-verification.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security.routes.ts"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthService, FaceidDetectDialogComponent } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, WechatConnectDialogComponent } from '@rolatech/angular-components';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-security-index',\n  templateUrl: './security-index.component.html',\n  styleUrls: ['./security-index.component.scss'],\n})\nexport class SecurityIndexComponent implements OnInit {\n  dialog = inject(MatDialog);\n  authService = inject(AuthService);\n  bind = false;\n  verified = false;\n\n  constructor() {}\n\n  ngOnInit(): void {\n    this.wechatStatus();\n  }\n  faceId() {\n    const dialogRef = this.dialog.open(FaceidDetectDialogComponent, {\n      data: {},\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      this.verified = result;\n    });\n  }\n  connectWeChat() {\n    // const redirectUri = 'https://accounts.pinxiaoke.cn/login';\n    const redirectUri = `${window.location.origin}/login`;\n\n    const dialogRef = this.dialog.open(WechatConnectDialogComponent, {\n      data: {\n        appid: 'wx567acbea73439828',\n        redirect_uri: redirectUri,\n        state: 'add',\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      this.wechatStatus();\n    });\n  }\n  disconnectWeChat() {\n    this.authService.wechatDisconnect().subscribe({\n      next: (res) => {\n        this.bind = false;\n      },\n    });\n  }\n  wechatStatus() {\n    this.authService.wechatStatus({ id: 'me' }).subscribe({\n      next: (res) => {\n        this.bind = res.data?.openid !== undefined;\n      },\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">安全设置</p>\n      <p class=\"text-md\">用户信息的安全设置</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">基本设置</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>实名认证</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> 未认证 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> 已认证 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> 解绑 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>微信绑定</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> 绑定 </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> 已绑定 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> 解绑 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>密码设置</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n  selector: 'rolatech-account-security-password',\n  templateUrl: './security-password.component.html',\n  styleUrls: ['./security-password.component.scss'],\n})\nexport class SecurityPasswordComponent implements OnInit {\n  passwordForm!: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private authService: AuthService,\n    private snackBar: MatSnackBar,\n  ) {}\n\n  ngOnInit(): void {\n    this.passwordForm = this.formBuilder.group({\n      oldPassword: ['', Validators.required],\n      newPassword: ['', Validators.required],\n      ne2Password: ['', Validators.required],\n    });\n  }\n  save() {\n    if (!this.passwordForm.valid) {\n      return;\n    }\n    this.authService.changePassword(this.passwordForm.value).subscribe({\n      next: (res: any) => {\n        this.snackBar.open(res.message);\n      },\n      error: (e) => {\n        this.snackBar.open(e.message);\n      },\n    });\n  }\n}\n","<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">修改密码</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">修改用户密码</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 原密码</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 新密码 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 新密码 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>取消</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        保存\n      </button>\n    </div>\n  </div>\n</div>\n","import { Component, ElementRef, OnInit, Renderer2, inject, viewChild } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, SpinnerComponent } from '@rolatech/angular-components';\nimport * as QRCode from 'qrcode';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent],\n  selector: 'rolatech-account-security-verification',\n  templateUrl: './security-verification.component.html',\n  styleUrls: ['./security-verification.component.scss'],\n})\nexport class SecurityVerificationComponent implements OnInit {\n  dialog = inject(MatDialog);\n  authService = inject(AuthService);\n  verified = false;\n  renderer = inject(Renderer2);\n  qrcElement = viewChild.required<ElementRef>('qrcode');\n  loading = false;\n  BizToken = '';\n  identification = {};\n  ngOnInit(): void {\n    this.check();\n  }\n  check() {\n    this.authService.faceIdStatus().subscribe({\n      next: (res) => {\n        this.verified = res.data.verified;\n      },\n    });\n  }\n  verify() {\n    this.loading = true;\n    this.authService.requestFaceIdDetect().subscribe({\n      next: ({ data }) => {\n        this.genQRCode(data.url);\n        // this.loop();\n      },\n      error: () => {\n        this.loading = false;\n      },\n    });\n  }\n  loop() {\n    const interval = setInterval(() => {\n      this.authService.faceIdStatus().subscribe({\n        next: (res) => {\n          if (res) {\n            clearInterval(interval);\n          }\n        },\n      });\n      this;\n    }, 2000);\n  }\n\n  genQRCode(url: string) {\n    const element: Element = this.renderer.createElement('canvas');\n    this.toCanvas(element, url)\n      .then(() => {\n        this.renderElement(element);\n      })\n      .catch((e) => {\n        this.removeElementChildren();\n      });\n  }\n\n  private toCanvas(canvas: any, url: any): Promise<any> {\n    return QRCode.toCanvas(canvas, url, {\n      errorCorrectionLevel: 'M',\n      width: 200,\n    });\n  }\n  private renderElement(element: any): void {\n    this.removeElementChildren();\n    this.renderer.appendChild(this.qrcElement().nativeElement, element);\n  }\n  private removeElementChildren(): void {\n    for (const node of this.qrcElement().nativeElement.childNodes) {\n      this.renderer.removeChild(this.qrcElement().nativeElement, node);\n    }\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">实名认证</p>\n      <p class=\"text-md\">实名认证, 会让你的账户更加安全</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">您已经完成实名认证</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">姓名: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">身份证: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>未认证</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">请求认证</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-spinner></rolatech-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n","import { Routes } from '@angular/router';\nimport { SecurityIndexComponent } from './security-index/security-index.component';\nimport { SecurityPasswordComponent } from './security-password/security-password.component';\nimport { SecurityFaceidComponent } from './security-faceid/security-faceid.component';\nimport { SecurityVerificationComponent } from './security-verification/security-verification.component';\n\nconst securityRoutes: Routes = [\n  {\n    path: '',\n    component: SecurityIndexComponent,\n  },\n  {\n    path: 'verification',\n    component: SecurityVerificationComponent,\n  },\n  // {\n  //   path: 'faceid',\n  //   component: SecurityFaceidComponent,\n  // },\n  { path: 'password', component: SecurityPasswordComponent },\n];\n\nexport default securityRoutes;\n"],"names":["i1","i2","i3"],"mappings":"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"}
+{"version":3,"file":"rolatech-angular-account-security.routes-Dag8RZ38.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/security/security-index/security-index.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-index/security-index.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-password/security-password.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-password/security-password.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-verification/security-verification.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-verification/security-verification.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security.routes.ts"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthService, FaceidDetectDialogComponent } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, WechatConnectDialogComponent } from '@rolatech/angular-components';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-security-index',\n  templateUrl: './security-index.component.html',\n  styleUrls: ['./security-index.component.scss'],\n})\nexport class SecurityIndexComponent implements OnInit {\n  dialog = inject(MatDialog);\n  authService = inject(AuthService);\n  bind = false;\n  verified = false;\n\n  constructor() {}\n\n  ngOnInit(): void {\n    this.wechatStatus();\n  }\n  faceId() {\n    const dialogRef = this.dialog.open(FaceidDetectDialogComponent, {\n      data: {},\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      this.verified = result;\n    });\n  }\n  connectWeChat() {\n    // const redirectUri = 'https://accounts.pinxiaoke.cn/login';\n    const redirectUri = `${window.location.origin}/login`;\n\n    const dialogRef = this.dialog.open(WechatConnectDialogComponent, {\n      data: {\n        appid: 'wx567acbea73439828',\n        redirect_uri: redirectUri,\n        state: 'add',\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      this.wechatStatus();\n    });\n  }\n  disconnectWeChat() {\n    this.authService.wechatDisconnect().subscribe({\n      next: (res) => {\n        this.bind = false;\n      },\n    });\n  }\n  wechatStatus() {\n    this.authService.wechatStatus({ id: 'me' }).subscribe({\n      next: (res) => {\n        this.bind = res.data?.openid !== undefined;\n      },\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">安全设置</p>\n      <p class=\"text-md\">用户信息的安全设置</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">基本设置</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>实名认证</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> 未认证 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> 已认证 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> 解绑 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>微信绑定</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> 绑定 </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> 已绑定 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> 解绑 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>密码设置</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n  selector: 'rolatech-account-security-password',\n  templateUrl: './security-password.component.html',\n  styleUrls: ['./security-password.component.scss'],\n})\nexport class SecurityPasswordComponent implements OnInit {\n  passwordForm!: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private authService: AuthService,\n    private snackBar: MatSnackBar,\n  ) {}\n\n  ngOnInit(): void {\n    this.passwordForm = this.formBuilder.group({\n      oldPassword: ['', Validators.required],\n      newPassword: ['', Validators.required],\n      ne2Password: ['', Validators.required],\n    });\n  }\n  save() {\n    if (!this.passwordForm.valid) {\n      return;\n    }\n    this.authService.changePassword(this.passwordForm.value).subscribe({\n      next: (res: any) => {\n        this.snackBar.open(res.message);\n      },\n      error: (e) => {\n        this.snackBar.open(e.message);\n      },\n    });\n  }\n}\n","<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">修改密码</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">修改用户密码</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 原密码</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 新密码 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 新密码 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>取消</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        保存\n      </button>\n    </div>\n  </div>\n</div>\n","import { Component, ElementRef, OnInit, Renderer2, inject, viewChild } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, SpinnerComponent } from '@rolatech/angular-components';\nimport * as QRCode from 'qrcode';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent],\n  selector: 'rolatech-account-security-verification',\n  templateUrl: './security-verification.component.html',\n  styleUrls: ['./security-verification.component.scss'],\n})\nexport class SecurityVerificationComponent implements OnInit {\n  dialog = inject(MatDialog);\n  authService = inject(AuthService);\n  verified = false;\n  renderer = inject(Renderer2);\n  qrcElement = viewChild.required<ElementRef>('qrcode');\n  loading = false;\n  BizToken = '';\n  identification = {};\n  ngOnInit(): void {\n    this.check();\n  }\n  check() {\n    this.authService.faceIdStatus().subscribe({\n      next: (res) => {\n        this.verified = res.data.verified;\n      },\n    });\n  }\n  verify() {\n    this.loading = true;\n    this.authService.requestFaceIdDetect().subscribe({\n      next: ({ data }) => {\n        this.genQRCode(data.url);\n        // this.loop();\n      },\n      error: () => {\n        this.loading = false;\n      },\n    });\n  }\n  loop() {\n    const interval = setInterval(() => {\n      this.authService.faceIdStatus().subscribe({\n        next: (res) => {\n          if (res) {\n            clearInterval(interval);\n          }\n        },\n      });\n      this;\n    }, 2000);\n  }\n\n  genQRCode(url: string) {\n    const element: Element = this.renderer.createElement('canvas');\n    this.toCanvas(element, url)\n      .then(() => {\n        this.renderElement(element);\n      })\n      .catch((e) => {\n        this.removeElementChildren();\n      });\n  }\n\n  private toCanvas(canvas: any, url: any): Promise<any> {\n    return QRCode.toCanvas(canvas, url, {\n      errorCorrectionLevel: 'M',\n      width: 200,\n    });\n  }\n  private renderElement(element: any): void {\n    this.removeElementChildren();\n    this.renderer.appendChild(this.qrcElement().nativeElement, element);\n  }\n  private removeElementChildren(): void {\n    for (const node of this.qrcElement().nativeElement.childNodes) {\n      this.renderer.removeChild(this.qrcElement().nativeElement, node);\n    }\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">实名认证</p>\n      <p class=\"text-md\">实名认证, 会让你的账户更加安全</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">您已经完成实名认证</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">姓名: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">身份证: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>未认证</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">请求认证</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-spinner></rolatech-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n","import { Routes } from '@angular/router';\nimport { SecurityIndexComponent } from './security-index/security-index.component';\nimport { SecurityPasswordComponent } from './security-password/security-password.component';\nimport { SecurityFaceidComponent } from './security-faceid/security-faceid.component';\nimport { SecurityVerificationComponent } from './security-verification/security-verification.component';\n\nconst securityRoutes: Routes = [\n  {\n    path: '',\n    component: SecurityIndexComponent,\n  },\n  {\n    path: 'verification',\n    component: SecurityVerificationComponent,\n  },\n  // {\n  //   path: 'faceid',\n  //   component: SecurityFaceidComponent,\n  // },\n  { path: 'password', component: SecurityPasswordComponent },\n];\n\nexport default securityRoutes;\n"],"names":["i1","i2","i3"],"mappings":";;;;;;;;;;;;;;;;;;;;MAaa,sBAAsB,CAAA;AAMjC,IAAA,WAAA,GAAA;AALA,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC3B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAClC,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;QACb,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;KAED;IAEhB,QAAQ,GAAA;QACN,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IACD,MAAM,GAAA;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,2BAA2B,EAAE;AAC9D,YAAA,IAAI,EAAE,EAAE;AACT,SAAA,CAAC,CAAC;QACH,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,KAAI;AAC3C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AACzB,SAAC,CAAC,CAAC;KACJ;IACD,aAAa,GAAA;;QAEX,MAAM,WAAW,GAAG,CAAG,EAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,MAAA,CAAQ,CAAC;QAEtD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,4BAA4B,EAAE;AAC/D,YAAA,IAAI,EAAE;AACJ,gBAAA,KAAK,EAAE,oBAAoB;AAC3B,gBAAA,YAAY,EAAE,WAAW;AACzB,gBAAA,KAAK,EAAE,KAAK;AACb,aAAA;AACF,SAAA,CAAC,CAAC;QACH,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,KAAI;YAC3C,IAAI,CAAC,YAAY,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;KACJ;IACD,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,SAAS,CAAC;AAC5C,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;aACnB;AACF,SAAA,CAAC,CAAC;KACJ;IACD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;AACpD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;gBACZ,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;aAC5C;AACF,SAAA,CAAC,CAAC;KACJ;8GA/CU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ECbnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,woEAsDA,ED9CY,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,+QAAE,uBAAuB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAK3C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,WACP,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,YAC7C,iCAAiC,EAAA,QAAA,EAAA,woEAAA,EAAA,CAAA;;;MEMhC,yBAAyB,CAAA;AAGpC,IAAA,WAAA,CACU,WAAwB,EACxB,WAAwB,EACxB,QAAqB,EAAA;QAFrB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;QACxB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;QACxB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAa;KAC3B;IAEJ,QAAQ,GAAA;QACN,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACzC,YAAA,WAAW,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;AACtC,YAAA,WAAW,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;AACtC,YAAA,WAAW,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;AACvC,SAAA,CAAC,CAAC;KACJ;IACD,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;YAC5B,OAAO;SACR;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;AACjE,YAAA,IAAI,EAAE,CAAC,GAAQ,KAAI;gBACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;aACjC;AACD,YAAA,KAAK,EAAE,CAAC,CAAC,KAAI;gBACX,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC/B;AACF,SAAA,CAAC,CAAC;KACJ;8GA5BU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,8FCftC,+oDA2CA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjCY,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAF,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,qjCAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKhE,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAClE,oCAAoC,EAAA,QAAA,EAAA,+oDAAA,EAAA,CAAA;;;MEGnC,6BAA6B,CAAA;AAP1C,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC3B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAClC,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AACjB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC7B,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAa,QAAQ,CAAC,CAAC;QACtD,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;QACd,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;AA8DrB,KAAA;IA7DC,QAAQ,GAAA;QACN,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IACD,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC;AACxC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;gBACZ,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;aACnC;AACF,SAAA,CAAC,CAAC;KACJ;IACD,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC,SAAS,CAAC;AAC/C,YAAA,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAI;AACjB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;aAE1B;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;aACtB;AACF,SAAA,CAAC,CAAC;KACJ;IACD,IAAI,GAAA;AACF,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAK;AAChC,YAAA,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC;AACxC,gBAAA,IAAI,EAAE,CAAC,GAAG,KAAI;oBACZ,IAAI,GAAG,EAAE;wBACP,aAAa,CAAC,QAAQ,CAAC,CAAC;qBACzB;iBACF;AACF,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC;SACN,EAAE,IAAI,CAAC,CAAC;KACV;AAED,IAAA,SAAS,CAAC,GAAW,EAAA;QACnB,MAAM,OAAO,GAAY,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC/D,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC;aACxB,IAAI,CAAC,MAAK;AACT,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9B,SAAC,CAAC;AACD,aAAA,KAAK,CAAC,CAAC,CAAC,KAAI;YACX,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC/B,SAAC,CAAC,CAAC;KACN;IAEO,QAAQ,CAAC,MAAW,EAAE,GAAQ,EAAA;AACpC,QAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;AAClC,YAAA,oBAAoB,EAAE,GAAG;AACzB,YAAA,KAAK,EAAE,GAAG;AACX,SAAA,CAAC,CAAC;KACJ;AACO,IAAA,aAAa,CAAC,OAAY,EAAA;QAChC,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC7B,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;KACrE;IACO,qBAAqB,GAAA;AAC3B,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE;AAC7D,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;SAClE;KACF;8GArEU,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,wNCd1C,yhCA2BA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlBY,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,8NAAE,gBAAgB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAK7D,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAPzC,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAC/D,wCAAwC,EAAA,QAAA,EAAA,yhCAAA,EAAA,CAAA;;;AEJpD,MAAM,cAAc,GAAW;AAC7B,IAAA;AACE,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,sBAAsB;AAClC,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,SAAS,EAAE,6BAA6B;AACzC,KAAA;;;;;AAKD,IAAA,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,yBAAyB,EAAE;;;;;"}

package/fesm2022/{rolatech-angular-account-username.component-BDW_ZpOU.mjs → rolatech-angular-account-username.component-BL2F5fnx.mjs}

@@ -32,13 +32,13 @@ class UsernameComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsernameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: UsernameComponent, isStandalone: true, selector: "rolatech-account-username", usesInheritance: true, ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u4FEE\u6539\u7528\u6237\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u552F\u4E00\u6807\u8BC6</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <span matTextPrefix>&#64;</span>\n        <input matInput [(ngModel)]=\"username\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: UsernameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: UsernameComponent, isStandalone: true, selector: "rolatech-account-username", usesInheritance: true, ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u4FEE\u6539\u7528\u6237\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u552F\u4E00\u6807\u8BC6</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <span matTextPrefix>&#64;</span>\n        <input matInput [(ngModel)]=\"username\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsernameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: UsernameComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-username', encapsulation: ViewEncapsulation.None, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u4FEE\u6539\u7528\u6237\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u552F\u4E00\u6807\u8BC6</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <span matTextPrefix>&#64;</span>\n        <input matInput [(ngModel)]=\"username\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }] });
 
 export { UsernameComponent };
-//# sourceMappingURL=rolatech-angular-account-username.component-BDW_ZpOU.mjs.map
+//# sourceMappingURL=rolatech-angular-account-username.component-BL2F5fnx.mjs.map

package/fesm2022/{rolatech-angular-account-username.component-BDW_ZpOU.mjs.map → rolatech-angular-account-username.component-BL2F5fnx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account-username.component-BDW_ZpOU.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/username/username.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/username/username.component.html"],"sourcesContent":["import { Component, OnInit, ViewEncapsulation, inject } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\nimport { Observable } from 'rxjs';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n  selector: 'rolatech-account-username',\n  templateUrl: './username.component.html',\n  styleUrls: ['./username.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UsernameComponent extends BaseComponent implements OnInit {\n  authUserService = inject(AuthUserService);\n  user$!: Observable<any>;\n  username = '';\n\n  ngOnInit(): void {\n    this.authUserService.me().subscribe({\n      next: (res) => {\n        this.username = res.username;\n      },\n    });\n  }\n\n  save() {\n    this.authUserService.changeUsername(this.username).subscribe({\n      next: (res) => {\n        this.snackBarService.open(res.data);\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">修改用户名</p>\n      <p class=\"text-md\">用户名是您在本站的唯一标识</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <span matTextPrefix>&#64;</span>\n        <input matInput [(ngModel)]=\"username\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>取消</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        保存\n      </button>\n    </div>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;;AAeM,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AARpD,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AAoBf,KAAA;IAlBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC;AAClC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;aAC9B;AACF,SAAA,CAAC,CAAC;KACJ;IAED,IAAI,GAAA;QACF,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC;AAC3D,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;gBACZ,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;aACrC;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;gBACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1C;AACF,SAAA,CAAC,CAAC;KACJ;8GAtBU,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,4GCf9B,64BAuBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,o3BAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAMhE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAClE,QAAA,EAAA,2BAA2B,EAGtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,64BAAA,EAAA,CAAA;;;;;"}
+{"version":3,"file":"rolatech-angular-account-username.component-BL2F5fnx.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/username/username.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/username/username.component.html"],"sourcesContent":["import { Component, OnInit, ViewEncapsulation, inject } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\nimport { Observable } from 'rxjs';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n  selector: 'rolatech-account-username',\n  templateUrl: './username.component.html',\n  styleUrls: ['./username.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UsernameComponent extends BaseComponent implements OnInit {\n  authUserService = inject(AuthUserService);\n  user$!: Observable<any>;\n  username = '';\n\n  ngOnInit(): void {\n    this.authUserService.me().subscribe({\n      next: (res) => {\n        this.username = res.username;\n      },\n    });\n  }\n\n  save() {\n    this.authUserService.changeUsername(this.username).subscribe({\n      next: (res) => {\n        this.snackBarService.open(res.data);\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">修改用户名</p>\n      <p class=\"text-md\">用户名是您在本站的唯一标识</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <span matTextPrefix>&#64;</span>\n        <input matInput [(ngModel)]=\"username\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>取消</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        保存\n      </button>\n    </div>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;;AAeM,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AARpD,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AAoBf,KAAA;IAlBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC;AAClC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;aAC9B;AACF,SAAA,CAAC,CAAC;KACJ;IAED,IAAI,GAAA;QACF,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC;AAC3D,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;gBACZ,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;aACrC;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;gBACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1C;AACF,SAAA,CAAC,CAAC;KACJ;8GAtBU,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,4GCf9B,64BAuBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,o3BAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAMhE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAClE,QAAA,EAAA,2BAA2B,EAGtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,64BAAA,EAAA,CAAA;;;;;"}

package/fesm2022/rolatech-angular-account.mjs

@@ -1,4 +1,4 @@
-export { T as TopbarLoginComponent, a as accountRoutes, m as myaccountRoutes, p as provideAngularAuthRoutes } from './rolatech-angular-account-rolatech-angular-account-uYB-5Ccz.mjs';
+export { T as TopbarLoginComponent, U as UserItemComponent, a as accountRoutes, m as myaccountRoutes, p as provideAngularAuthRoutes } from './rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs';
 import '@angular/core';
 import '@angular/common';
 import '@rolatech/angular-common';
@@ -10,6 +10,5 @@ import '@angular/forms';
 import '@angular/platform-browser';
 import '@angular/material/form-field';
 import '@angular/material/input';
-import '@angular/material/tabs';
 import '@angular/material/button';
 //# sourceMappingURL=rolatech-angular-account.mjs.map

package/fesm2022/rolatech-angular-account.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"rolatech-angular-account.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/index.d.ts

@@ -1 +1,2 @@
+export { UserItemComponent } from './user-item/user-item.component';
 export { TopbarLoginComponent } from './topbar-login/topbar-login.component';

package/lib/components/user-item/user-item.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class UserItemComponent {
+    hasClass: boolean;
+    user: import("@angular/core").InputSignal<any>;
+    isFollowing: import("@angular/core").InputSignal<boolean>;
+    follow: import("@angular/core").OutputEmitterRef<string>;
+    unfollow: import("@angular/core").OutputEmitterRef<void>;
+    onFollow(): void;
+    onUnFollow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserItemComponent, "rolatech-account-user-item", never, { "user": { "alias": "user"; "required": false; "isSignal": true; }; "isFollowing": { "alias": "isFollowing"; "required": false; "isSignal": true; }; }, { "follow": "follow"; "unfollow": "unfollow"; }, never, never, true, never>;
+}

package/lib/pages/accounts/signin/signin.component.d.ts

@@ -1,6 +1,5 @@
 import { OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
-import { MatTabChangeEvent } from '@angular/material/tabs';
 import { SafeResourceUrl, DomSanitizer } from '@angular/platform-browser';
 import { BaseComponent } from '@rolatech/angular-components';
 import { AuthService, AuthUserService } from '@rolatech/angular-auth';
@@ -16,23 +15,23 @@ export declare class SigninComponent extends BaseComponent implements OnInit {
     authService: AuthService;
     authUserService: AuthUserService;
     wechtLoginService: WeChatLoginService;
-    tabIndex: number;
+    sanitizer: DomSanitizer;
+    tabIndex: import("@angular/core").WritableSignal<number>;
     countDown: boolean;
     countDownTime: number;
     showButtonText: string;
     appid: string;
     state: string;
     urlSafe: SafeResourceUrl;
-    sanitizer: DomSanitizer;
     baseUrl: string;
     onLogin(event: any): void;
+    constructor();
     ngOnInit(): void;
     get form(): {
         [key: string]: import("@angular/forms").AbstractControl<any, any>;
     };
     sendSMSCode(): void;
     login(): void;
-    onSelectedTabChange(e: MatTabChangeEvent): void;
     wechat(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SigninComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SigninComponent, "rolatech-account-auth-signin", never, {}, {}, never, never, true, never>;

package/lib/pages/myaccount/home/home.component.d.ts

@@ -6,7 +6,19 @@ import * as i0 from "@angular/core";
 export declare class HomeComponent extends BaseComponent implements OnInit {
     user$: Observable<any>;
     authUserService: AuthUserService;
+    users: any;
+    selectIndex: import("@angular/core").WritableSignal<number>;
+    friendshipsData: any;
+    constructor();
     ngOnInit(): void;
+    friendships(ids: string[]): void;
+    stats(): void;
+    follow(user: any): void;
+    unfollow(user: any): void;
+    listFollowingByUsername(): void;
+    listFollowersByUsername(): void;
+    format(friendships: any): void;
+    onClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HomeComponent, "rolatech-account-home", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolatech/angular-account",
-  "version": "17.2.1",
+  "version": "17.2.3",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"

package/themes/_default.scss

@@ -1 +1 @@
-.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.top-0{top:0}.z-20{z-index:20}.z-30{z-index:30}.-m-1{margin:-.25rem}.m-3{margin:.75rem}.m-auto{margin:auto}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-24{margin-left:6rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-\[190px\]{height:190px}.h-\[1px\]{height:1px}.h-\[256px\]{height:256px}.h-auto{height:auto}.h-full{height:100%}.max-h-32{max-height:8rem}.min-h-11{min-height:2.75rem}.min-h-\[320px\]{min-height:320px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-9{width:2.25rem}.w-\[128px\]{width:128px}.w-\[190px\]{width:190px}.w-\[256px\]{width:256px}.w-full{width:100%}.min-w-\[256px\]{min-width:256px}.min-w-\[320px\]{min-width:320px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[128px\]{max-width:128px}.max-w-\[500px\]{max-width:500px}.max-w-\[820px\]{max-width:820px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-fixed{background-attachment:fixed}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-thin{font-weight:100}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-gray-300{--tw-shadow-color:#d1d5db;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-4{outline-width:4px}.outline-transparent{outline-color:transparent}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-gray-400:hover{--tw-shadow-color:#9ca3af;--tw-shadow:var(--tw-shadow-colored)}.hover\:outline-gray-200:hover{outline-color:#e5e7eb}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:w-1\/3{width:33.333333%}.sm\:w-\[600px\]{width:600px}.sm\:flex-row{flex-direction:row}.sm\:justify-center{justify-content:center}.sm\:gap-10{gap:2.5rem}.sm\:border{border-width:1px}.sm\:bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:w-1\/4{width:25%}.md\:justify-center{justify-content:center}.md\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:w-1\/6{width:16.666667%}.lg\:w-\[600px\]{width:600px}.lg\:flex-row{flex-direction:row}.lg\:p-11{padding:2.75rem}}@media (min-width:1280px){.xl\:w-\[800px\]{width:800px}.xl\:max-w-\[1024px\]{max-width:1024px}}@media (min-width:1536px){.\32xl\:max-w-\[1280px\]{max-width:1280px}}
+.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.top-0{top:0}.z-20{z-index:20}.z-30{z-index:30}.-m-1{margin:-.25rem}.m-3{margin:.75rem}.m-auto{margin:auto}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.-ml-2{margin-left:-.5rem}.-mt-4{margin-top:-1rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-24{margin-left:6rem}.ml-3{margin-left:.75rem}.ml-\[40px\]{margin-left:40px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[6px\]{margin-top:6px}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-\[190px\]{height:190px}.h-\[1px\]{height:1px}.h-\[256px\]{height:256px}.h-auto{height:auto}.h-full{height:100%}.max-h-32{max-height:8rem}.min-h-11{min-height:2.75rem}.min-h-\[214px\]{min-height:214px}.min-h-\[320px\]{min-height:320px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[128px\]{width:128px}.w-\[190px\]{width:190px}.w-\[256px\]{width:256px}.w-full{width:100%}.min-w-\[190px\]{min-width:190px}.min-w-\[256px\]{min-width:256px}.min-w-\[320px\]{min-width:320px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[128px\]{max-width:128px}.max-w-\[500px\]{max-width:500px}.max-w-\[820px\]{max-width:820px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-fixed{background-attachment:fixed}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-thin{font-weight:100}.leading-3{line-height:.75rem}.leading-none{line-height:1}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-gray-300{--tw-shadow-color:#d1d5db;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-4{outline-width:4px}.outline-transparent{outline-color:transparent}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-gray-400:hover{--tw-shadow-color:#9ca3af;--tw-shadow:var(--tw-shadow-colored)}.hover\:outline-gray-200:hover{outline-color:#e5e7eb}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:w-1\/3{width:33.333333%}.sm\:w-\[600px\]{width:600px}.sm\:flex-row{flex-direction:row}.sm\:justify-center{justify-content:center}.sm\:gap-10{gap:2.5rem}.sm\:border{border-width:1px}.sm\:bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:w-1\/4{width:25%}.md\:justify-center{justify-content:center}.md\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:w-1\/6{width:16.666667%}.lg\:w-\[600px\]{width:600px}.lg\:flex-row{flex-direction:row}.lg\:p-11{padding:2.75rem}}@media (min-width:1280px){.xl\:w-\[800px\]{width:800px}.xl\:max-w-\[1024px\]{max-width:1024px}}@media (min-width:1536px){.\32xl\:max-w-\[1280px\]{max-width:1280px}}