@rolatech/angular-account 17.2.1 → 17.2.3

package/fesm2022/{rolatech-angular-account-email.component-BJHAz8uK.mjs → rolatech-angular-account-email.component-DC8qYVOJ.mjs}

@@ -32,13 +32,13 @@ class EmailComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EmailComponent, isStandalone: true, selector: "rolatech-account-email", 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\u90AE\u7BB1</p>\n      <p class=\"text-md\">\u60A8\u53EF\u4EE5\u901A\u8FC7\u90AE\u7BB1\u83B7\u5F97\u66F4\u591A\u6211\u4EEC\u7684\u4EA7\u54C1\u4FE1\u606F</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"email\" />\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: 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]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: EmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: EmailComponent, isStandalone: true, selector: "rolatech-account-email", 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\u90AE\u7BB1</p>\n      <p class=\"text-md\">\u60A8\u53EF\u4EE5\u901A\u8FC7\u90AE\u7BB1\u83B7\u5F97\u66F4\u591A\u6211\u4EEC\u7684\u4EA7\u54C1\u4FE1\u606F</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"email\" />\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: 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]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: EmailComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-email', 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\u90AE\u7BB1</p>\n      <p class=\"text-md\">\u60A8\u53EF\u4EE5\u901A\u8FC7\u90AE\u7BB1\u83B7\u5F97\u66F4\u591A\u6211\u4EEC\u7684\u4EA7\u54C1\u4FE1\u606F</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"email\" />\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 { EmailComponent };
-//# sourceMappingURL=rolatech-angular-account-email.component-BJHAz8uK.mjs.map
+//# sourceMappingURL=rolatech-angular-account-email.component-DC8qYVOJ.mjs.map

package/fesm2022/{rolatech-angular-account-email.component-BJHAz8uK.mjs.map → rolatech-angular-account-email.component-DC8qYVOJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account-email.component-BJHAz8uK.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/email/email.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/email/email.component.html"],"sourcesContent":["import { Component, OnInit, 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-email',\n  templateUrl: './email.component.html',\n  styleUrls: ['./email.component.scss'],\n})\nexport class EmailComponent extends BaseComponent implements OnInit {\n  authUserService = inject(AuthUserService);\n  user$!: Observable<any>;\n  email = '';\n\n  ngOnInit(): void {\n    this.authUserService.me().subscribe({\n      next: (res) => {\n        this.email = res.email;\n      },\n    });\n  }\n\n  save() {\n    this.authUserService.update({ email: this.email }).subscribe({\n      next: (res) => {\n        this.snackBarService.open('修改成功');\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        <input matInput [(ngModel)]=\"email\" />\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":";;;;;;;;;;;AAcM,MAAO,cAAe,SAAQ,aAAa,CAAA;AAPjD,IAAA,WAAA,GAAA;;AAQE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAoBZ,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,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;aACxB;AACF,SAAA,CAAC,CAAC;KACJ;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;AAC3D,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACnC;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,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,yGCd3B,w3BAsBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbY,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,mvBAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKhE,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAClE,wBAAwB,EAAA,QAAA,EAAA,w3BAAA,EAAA,CAAA;;;;;"}
+{"version":3,"file":"rolatech-angular-account-email.component-DC8qYVOJ.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/email/email.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/email/email.component.html"],"sourcesContent":["import { Component, OnInit, 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-email',\n  templateUrl: './email.component.html',\n  styleUrls: ['./email.component.scss'],\n})\nexport class EmailComponent extends BaseComponent implements OnInit {\n  authUserService = inject(AuthUserService);\n  user$!: Observable<any>;\n  email = '';\n\n  ngOnInit(): void {\n    this.authUserService.me().subscribe({\n      next: (res) => {\n        this.email = res.email;\n      },\n    });\n  }\n\n  save() {\n    this.authUserService.update({ email: this.email }).subscribe({\n      next: (res) => {\n        this.snackBarService.open('修改成功');\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        <input matInput [(ngModel)]=\"email\" />\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":";;;;;;;;;;;AAcM,MAAO,cAAe,SAAQ,aAAa,CAAA;AAPjD,IAAA,WAAA,GAAA;;AAQE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAoBZ,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,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;aACxB;AACF,SAAA,CAAC,CAAC;KACJ;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;AAC3D,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACnC;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,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,yGCd3B,w3BAsBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbY,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,mvBAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKhE,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAClE,wBAAwB,EAAA,QAAA,EAAA,w3BAAA,EAAA,CAAA;;;;;"}

package/fesm2022/{rolatech-angular-account-gender.component-CS2hSvax.mjs → rolatech-angular-account-gender.component-DWdWJiQW.mjs}

@@ -37,13 +37,13 @@ class GenderComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: GenderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: GenderComponent, isStandalone: true, selector: "rolatech-account-gender", usesInheritance: true, 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\">\u8BBE\u7F6E\u6027\u522B</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n  <div class=\"max-w-[1120px] m-auto p-4\">\n    <label class=\"px-2\">\u6027\u522B\u9009\u62E9</label>\n    <mat-radio-group class=\"flex flex-col\" color=\"primary\" [(ngModel)]=\"selectedGender\">\n      @for (gender of genders; track gender) {\n        <mat-radio-button [value]=\"gender\">{{ gender }}</mat-radio-button>\n      }\n    </mat-radio-group>\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.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: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: GenderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: GenderComponent, isStandalone: true, selector: "rolatech-account-gender", usesInheritance: true, 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\">\u8BBE\u7F6E\u6027\u522B</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n  <div class=\"max-w-[1120px] m-auto p-4\">\n    <label class=\"px-2\">\u6027\u522B\u9009\u62E9</label>\n    <mat-radio-group class=\"flex flex-col\" color=\"primary\" [(ngModel)]=\"selectedGender\">\n      @for (gender of genders; track gender) {\n        <mat-radio-button [value]=\"gender\">{{ gender }}</mat-radio-button>\n      }\n    </mat-radio-group>\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.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: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: GenderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: GenderComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, MatRadioModule, BackButtonDirective], selector: 'rolatech-account-gender', 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\">\u8BBE\u7F6E\u6027\u522B</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n  <div class=\"max-w-[1120px] m-auto p-4\">\n    <label class=\"px-2\">\u6027\u522B\u9009\u62E9</label>\n    <mat-radio-group class=\"flex flex-col\" color=\"primary\" [(ngModel)]=\"selectedGender\">\n      @for (gender of genders; track gender) {\n        <mat-radio-button [value]=\"gender\">{{ gender }}</mat-radio-button>\n      }\n    </mat-radio-group>\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 { GenderComponent };
-//# sourceMappingURL=rolatech-angular-account-gender.component-CS2hSvax.mjs.map
+//# sourceMappingURL=rolatech-angular-account-gender.component-DWdWJiQW.mjs.map

package/fesm2022/{rolatech-angular-account-gender.component-CS2hSvax.mjs.map → rolatech-angular-account-gender.component-DWdWJiQW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account-gender.component-CS2hSvax.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/gender/gender.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/gender/gender.component.html"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { MatRadioModule } from '@angular/material/radio';\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 { UserGender } from '../../../contant/user';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, MatRadioModule, BackButtonDirective],\n  selector: 'rolatech-account-gender',\n  templateUrl: './gender.component.html',\n  styleUrls: ['./gender.component.scss'],\n})\nexport class GenderComponent extends BaseComponent implements OnInit {\n  authUserService = inject(AuthUserService);\n\n  genders: string[] = ['男', '女', '不公开'];\n  gender: any = UserGender;\n  selectedGender = '';\n\n  ngOnInit(): void {\n    this.authUserService.me().subscribe({\n      next: (res) => {\n        this.selectedGender = this.gender[res.gender];\n      },\n    });\n  }\n\n  save() {\n    this.authUserService.update({ gender: this.gender[this.selectedGender] }).subscribe({\n      next: (res) => {\n        this.snackBarService.open('修改成功');\n      },\n      error: (error) => {\n        this.snackBarService.open(error.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 class=\"max-w-[1120px] m-auto p-4\">\n    <label class=\"px-2\">性别选择</label>\n    <mat-radio-group class=\"flex flex-col\" color=\"primary\" [(ngModel)]=\"selectedGender\">\n      @for (gender of genders; track gender) {\n        <mat-radio-button [value]=\"gender\">{{ gender }}</mat-radio-button>\n      }\n    </mat-radio-group>\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":["i3","i4"],"mappings":"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"}
+{"version":3,"file":"rolatech-angular-account-gender.component-DWdWJiQW.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/gender/gender.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/gender/gender.component.html"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { MatRadioModule } from '@angular/material/radio';\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 { UserGender } from '../../../contant/user';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, MatRadioModule, BackButtonDirective],\n  selector: 'rolatech-account-gender',\n  templateUrl: './gender.component.html',\n  styleUrls: ['./gender.component.scss'],\n})\nexport class GenderComponent extends BaseComponent implements OnInit {\n  authUserService = inject(AuthUserService);\n\n  genders: string[] = ['男', '女', '不公开'];\n  gender: any = UserGender;\n  selectedGender = '';\n\n  ngOnInit(): void {\n    this.authUserService.me().subscribe({\n      next: (res) => {\n        this.selectedGender = this.gender[res.gender];\n      },\n    });\n  }\n\n  save() {\n    this.authUserService.update({ gender: this.gender[this.selectedGender] }).subscribe({\n      next: (res) => {\n        this.snackBarService.open('修改成功');\n      },\n      error: (error) => {\n        this.snackBarService.open(error.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 class=\"max-w-[1120px] m-auto p-4\">\n    <label class=\"px-2\">性别选择</label>\n    <mat-radio-group class=\"flex flex-col\" color=\"primary\" [(ngModel)]=\"selectedGender\">\n      @for (gender of genders; track gender) {\n        <mat-radio-button [value]=\"gender\">{{ gender }}</mat-radio-button>\n      }\n    </mat-radio-group>\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":["i3","i4"],"mappings":"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"}

package/fesm2022/rolatech-angular-account-home.component-Ca7IHVk4.mjs

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { inject, signal, effect, Component } from '@angular/core';
+import { AuthUserService } from '@rolatech/angular-auth';
+import { BaseComponent, AngularComponentsModule, TabsComponent, TabComponent, ToolbarComponent, SpinnerComponent } from '@rolatech/angular-components';
+import { AngularCommonModule } from '@rolatech/angular-common';
+import { U as UserItemComponent } from './rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs';
+import { map } from 'lodash';
+import * as i1 from '@angular/common';
+import * as i1$1 from '@angular/router';
+import '@angular/material/snack-bar';
+import '@angular/forms';
+import '@angular/platform-browser';
+import '@angular/material/form-field';
+import '@angular/material/input';
+import '@angular/material/button';
+
+class HomeComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.authUserService = inject(AuthUserService);
+        this.users = [];
+        this.selectIndex = signal(0);
+        effect(() => {
+            const index = this.selectIndex();
+            if (index === 0) {
+                this.listFollowingByUsername();
+            }
+            if (index === 1) {
+                this.listFollowersByUsername();
+            }
+            if (index === 2) {
+            }
+        });
+    }
+    ngOnInit() {
+        this.user$ = this.authUserService.me();
+    }
+    friendships(ids) {
+        //user-ew57mn7wqzs4
+        // user-lnerfootihvy
+        // ['20672315197100032', '15679392466472960', '156793924664'];
+        this.authUserService.friendships(ids).subscribe({
+            next: (res) => {
+                this.format(res.data);
+                this.friendshipsData = res.data;
+            },
+        });
+    }
+    stats() {
+        this.authUserService.followersStats('pinxiaoke').subscribe({
+            next: (res) => {
+                console.log(res);
+            },
+        });
+    }
+    follow(user) {
+        //user-ew57mn7wqzs4
+        // user-lnerfootihvy
+        this.authUserService.follow(user.username).subscribe({
+            next: (res) => {
+                console.log(res);
+                user.isFollowing = true;
+            },
+        });
+    }
+    unfollow(user) {
+        this.authUserService.unfollow(user.username).subscribe({
+            next: (res) => {
+                user.isFollowing = false;
+                console.log(res);
+            },
+        });
+    }
+    listFollowingByUsername() {
+        this.authUserService.listFollowingByUsername('pinxiaoke').subscribe({
+            next: (res) => {
+                this.users = map(res.data, 'user');
+                const ids = map(res.data, 'user.id');
+                this.friendships(ids);
+            },
+        });
+    }
+    listFollowersByUsername() {
+        this.authUserService.listFollowersByUsername('pinxiaoke').subscribe({
+            next: (res) => {
+                this.users = map(res.data, 'follower');
+                const ids = map(res.data, 'follower.id');
+                this.friendships(ids);
+            },
+        });
+    }
+    format(friendships) {
+        this.users.map((item) => {
+            item.isFollowing = friendships[item.id].following;
+        });
+    }
+    onClick(event) {
+        console.log(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: HomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: HomeComponent, isStandalone: true, selector: "rolatech-account-home", usesInheritance: true, ngImport: i0, template: "@if (user$ | async; as user) {\n  <div class=\"max-w-[1120px] m-auto\">\n    <div class=\"max-w-[820px] m-3\">\n      <!-- <rolatech-spinner></rolatech-spinner> -->\n      <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n        <div class=\"p-3 mb-3\">\n          <div class=\"w-20 h-20 rounded-full bg-orange-600\">\n            @if (user.avatar) {\n              <img class=\"w-20 h-20 rounded-full object-cover\" [src]=\"user.avatar\" />\n            }\n          </div>\n        </div>\n        <p class=\"text-3xl\">\u6B22\u8FCE\u56DE\u6765, {{ user.name }}</p>\n        <p class=\"text-md\">\u7528\u6237\u4E2D\u5FC3, \u65B9\u4FBF\u60A8\u7EF4\u62A4\u4E2A\u4EBA\u4FE1\u606F, \u8FD9\u4F1A\u6709\u4E00\u4E2A\u5F88\u597D\u7684\u4F53\u9A8C</p>\n        <!-- <button (click)=\"follow()\">Follow</button>\n        <button (click)=\"unfollow()\">UnFollow</button> -->\n        <button (click)=\"listFollowingByUsername()\">listFollowingByUsername</button>\n        <button (click)=\"listFollowersByUsername()\">List Followers</button>\n        <button (click)=\"stats()\">Stats</button>\n\n        <!-- <button (click)=\"friendships()\">friendships</button> -->\n      </div>\n    </div>\n  </div>\n}\n<rolatech-toolbar title=\"\u5BA2\u6237\u7AEF\u521B\u5EFA\" subtitle=\"\u5BA2\u6237\u7AEF\u521B\u5EFA\u7684\u63CF\u8FF0\" link=\"/\"></rolatech-toolbar>\n\n<rolatech-tabs [(select)]=\"selectIndex\">\n  <rolatech-tab label=\"\u5173\u6CE8\"></rolatech-tab>\n  <rolatech-tab label=\"\u7C89\u4E1D\"></rolatech-tab>\n</rolatech-tabs>\n@for (item of users; track $index) {\n  <rolatech-account-user-item\n    [user]=\"item\"\n    [isFollowing]=\"item.isFollowing\"\n    (click)=\"onClick($event)\"\n    (follow)=\"follow(item)\"\n    (unfollow)=\"unfollow(item)\"\n    [routerLink]=\"'/' + item.username\"\n  ></rolatech-account-user-item>\n}\n<!-- @for (number of [0, 1, 2, 3, 4, 5]; track number) {\n  <rolatech-account-user-item></rolatech-account-user-item>\n} -->\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: UserItemComponent, selector: "rolatech-account-user-item", inputs: ["user", "isFollowing"], outputs: ["follow", "unfollow"] }, { kind: "component", type: TabsComponent, selector: "rolatech-tabs", inputs: ["select"], outputs: ["selectChange"] }, { kind: "component", type: TabComponent, selector: "rolatech-tab", inputs: ["label"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: HomeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        AngularCommonModule,
+                        AngularComponentsModule,
+                        SpinnerComponent,
+                        UserItemComponent,
+                        TabsComponent,
+                        TabComponent,
+                        ToolbarComponent,
+                    ], selector: 'rolatech-account-home', template: "@if (user$ | async; as user) {\n  <div class=\"max-w-[1120px] m-auto\">\n    <div class=\"max-w-[820px] m-3\">\n      <!-- <rolatech-spinner></rolatech-spinner> -->\n      <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n        <div class=\"p-3 mb-3\">\n          <div class=\"w-20 h-20 rounded-full bg-orange-600\">\n            @if (user.avatar) {\n              <img class=\"w-20 h-20 rounded-full object-cover\" [src]=\"user.avatar\" />\n            }\n          </div>\n        </div>\n        <p class=\"text-3xl\">\u6B22\u8FCE\u56DE\u6765, {{ user.name }}</p>\n        <p class=\"text-md\">\u7528\u6237\u4E2D\u5FC3, \u65B9\u4FBF\u60A8\u7EF4\u62A4\u4E2A\u4EBA\u4FE1\u606F, \u8FD9\u4F1A\u6709\u4E00\u4E2A\u5F88\u597D\u7684\u4F53\u9A8C</p>\n        <!-- <button (click)=\"follow()\">Follow</button>\n        <button (click)=\"unfollow()\">UnFollow</button> -->\n        <button (click)=\"listFollowingByUsername()\">listFollowingByUsername</button>\n        <button (click)=\"listFollowersByUsername()\">List Followers</button>\n        <button (click)=\"stats()\">Stats</button>\n\n        <!-- <button (click)=\"friendships()\">friendships</button> -->\n      </div>\n    </div>\n  </div>\n}\n<rolatech-toolbar title=\"\u5BA2\u6237\u7AEF\u521B\u5EFA\" subtitle=\"\u5BA2\u6237\u7AEF\u521B\u5EFA\u7684\u63CF\u8FF0\" link=\"/\"></rolatech-toolbar>\n\n<rolatech-tabs [(select)]=\"selectIndex\">\n  <rolatech-tab label=\"\u5173\u6CE8\"></rolatech-tab>\n  <rolatech-tab label=\"\u7C89\u4E1D\"></rolatech-tab>\n</rolatech-tabs>\n@for (item of users; track $index) {\n  <rolatech-account-user-item\n    [user]=\"item\"\n    [isFollowing]=\"item.isFollowing\"\n    (click)=\"onClick($event)\"\n    (follow)=\"follow(item)\"\n    (unfollow)=\"unfollow(item)\"\n    [routerLink]=\"'/' + item.username\"\n  ></rolatech-account-user-item>\n}\n<!-- @for (number of [0, 1, 2, 3, 4, 5]; track number) {\n  <rolatech-account-user-item></rolatech-account-user-item>\n} -->\n" }]
+        }], ctorParameters: () => [] });
+
+export { HomeComponent };
+//# sourceMappingURL=rolatech-angular-account-home.component-Ca7IHVk4.mjs.map

package/fesm2022/rolatech-angular-account-home.component-Ca7IHVk4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-account-home.component-Ca7IHVk4.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/home/home.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/home/home.component.html"],"sourcesContent":["import { Observable } from 'rxjs';\nimport { Component, effect, inject, OnInit, signal } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport {\n  AngularComponentsModule,\n  BaseComponent,\n  SpinnerComponent,\n  TabComponent,\n  TabsComponent,\n  ToolbarComponent,\n} from '@rolatech/angular-components';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { UserItemComponent } from '../../../components';\nimport { map } from 'lodash';\n\n@Component({\n  standalone: true,\n  imports: [\n    AngularCommonModule,\n    AngularComponentsModule,\n    SpinnerComponent,\n    UserItemComponent,\n    TabsComponent,\n    TabComponent,\n    ToolbarComponent,\n  ],\n  selector: 'rolatech-account-home',\n  templateUrl: './home.component.html',\n  styleUrls: ['./home.component.scss'],\n})\nexport class HomeComponent extends BaseComponent implements OnInit {\n  user$!: Observable<any>;\n  authUserService = inject(AuthUserService);\n  users: any = [];\n  selectIndex = signal(0);\n  friendshipsData: any;\n  constructor() {\n    super();\n    effect(() => {\n      const index = this.selectIndex();\n      if (index === 0) {\n        this.listFollowingByUsername();\n      }\n      if (index === 1) {\n        this.listFollowersByUsername();\n      }\n      if (index === 2) {\n      }\n    });\n  }\n  ngOnInit(): void {\n    this.user$ = this.authUserService.me();\n  }\n  friendships(ids: string[]) {\n    //user-ew57mn7wqzs4\n    // user-lnerfootihvy\n    // ['20672315197100032', '15679392466472960', '156793924664'];\n    this.authUserService.friendships(ids).subscribe({\n      next: (res) => {\n        this.format(res.data);\n        this.friendshipsData = res.data;\n      },\n    });\n  }\n  stats() {\n    this.authUserService.followersStats('pinxiaoke').subscribe({\n      next: (res) => {\n        console.log(res);\n      },\n    });\n  }\n  follow(user: any) {\n    //user-ew57mn7wqzs4\n    // user-lnerfootihvy\n    this.authUserService.follow(user.username).subscribe({\n      next: (res) => {\n        console.log(res);\n        user.isFollowing = true;\n      },\n    });\n  }\n  unfollow(user: any) {\n    this.authUserService.unfollow(user.username).subscribe({\n      next: (res) => {\n        user.isFollowing = false;\n        console.log(res);\n      },\n    });\n  }\n  listFollowingByUsername() {\n    this.authUserService.listFollowingByUsername('pinxiaoke').subscribe({\n      next: (res) => {\n        this.users = map(res.data, 'user');\n        const ids = map(res.data, 'user.id');\n        this.friendships(ids);\n      },\n    });\n  }\n  listFollowersByUsername() {\n    this.authUserService.listFollowersByUsername('pinxiaoke').subscribe({\n      next: (res) => {\n        this.users = map(res.data, 'follower');\n        const ids = map(res.data, 'follower.id');\n        this.friendships(ids);\n      },\n    });\n  }\n  format(friendships: any) {\n    this.users.map((item) => {\n      item.isFollowing = friendships[item.id].following;\n    });\n  }\n  onClick(event) {\n    console.log(event);\n  }\n}\n","@if (user$ | async; as user) {\n  <div class=\"max-w-[1120px] m-auto\">\n    <div class=\"max-w-[820px] m-3\">\n      <!-- <rolatech-spinner></rolatech-spinner> -->\n      <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n        <div class=\"p-3 mb-3\">\n          <div class=\"w-20 h-20 rounded-full bg-orange-600\">\n            @if (user.avatar) {\n              <img class=\"w-20 h-20 rounded-full object-cover\" [src]=\"user.avatar\" />\n            }\n          </div>\n        </div>\n        <p class=\"text-3xl\">欢迎回来, {{ user.name }}</p>\n        <p class=\"text-md\">用户中心, 方便您维护个人信息, 这会有一个很好的体验</p>\n        <!-- <button (click)=\"follow()\">Follow</button>\n        <button (click)=\"unfollow()\">UnFollow</button> -->\n        <button (click)=\"listFollowingByUsername()\">listFollowingByUsername</button>\n        <button (click)=\"listFollowersByUsername()\">List Followers</button>\n        <button (click)=\"stats()\">Stats</button>\n\n        <!-- <button (click)=\"friendships()\">friendships</button> -->\n      </div>\n    </div>\n  </div>\n}\n<rolatech-toolbar title=\"客户端创建\" subtitle=\"客户端创建的描述\" link=\"/\"></rolatech-toolbar>\n\n<rolatech-tabs [(select)]=\"selectIndex\">\n  <rolatech-tab label=\"关注\"></rolatech-tab>\n  <rolatech-tab label=\"粉丝\"></rolatech-tab>\n</rolatech-tabs>\n@for (item of users; track $index) {\n  <rolatech-account-user-item\n    [user]=\"item\"\n    [isFollowing]=\"item.isFollowing\"\n    (click)=\"onClick($event)\"\n    (follow)=\"follow(item)\"\n    (unfollow)=\"unfollow(item)\"\n    [routerLink]=\"'/' + item.username\"\n  ></rolatech-account-user-item>\n}\n<!-- @for (number of [0, 1, 2, 3, 4, 5]; track number) {\n  <rolatech-account-user-item></rolatech-account-user-item>\n} -->\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/{rolatech-angular-account-info.component-DWgC77BJ.mjs → rolatech-angular-account-info.component-DNi4eTxV.mjs}

@@ -57,10 +57,10 @@ class AvatarUpdateDialogComponent {
             };
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarUpdateDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: AvatarUpdateDialogComponent, isStandalone: true, selector: "rolatech-account-avatar-update-dialog", outputs: { save: "save" }, ngImport: i0, template: "<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">\u4FEE\u6539\u5934\u50CF</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">\u53D6\u6D88</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">\u4FDD\u5B58</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>\u66F4\u6362\u5934\u50CF</span>\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: AvatarUpdateDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: AvatarUpdateDialogComponent, isStandalone: true, selector: "rolatech-account-avatar-update-dialog", outputs: { save: "save" }, ngImport: i0, template: "<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">\u4FEE\u6539\u5934\u50CF</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">\u53D6\u6D88</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">\u4FDD\u5B58</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>\u66F4\u6362\u5934\u50CF</span>\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarUpdateDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: AvatarUpdateDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rolatech-account-avatar-update-dialog', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule], template: "<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">\u4FEE\u6539\u5934\u50CF</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">\u53D6\u6D88</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">\u4FDD\u5B58</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>\u66F4\u6362\u5934\u50CF</span>\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -93,13 +93,13 @@ class InfoComponent {
             location.reload();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: InfoComponent, isStandalone: true, selector: "rolatech-account-info", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-spinner></rolatech-spinner>\n    @if (user) {\n      <div>\n        <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n          <p class=\"text-3xl\">\u4E2A\u4EBA\u4FE1\u606F</p>\n          <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5168\u90E8\u5185\u5BB9</p>\n        </div>\n        <div class=\"border border-grap-400 rounded px-3 pt-3 mb-14\">\n          <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u5934\u50CF</span>\n                  <span class=\"w-24 text-sm\">\u8D26\u6237\u7684\u5934\u50CF</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u59D3\u540D</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u6027\u522B</span>\n                  <span>{{ gender[user.gender] || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7528\u6237\u540D</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\n        <div class=\"border border-grap-400 rounded px-3 pt-3\">\n          <div class=\"p-3 text-xl\">\u8054\u7CFB\u65B9\u5F0F</div>\n          <mat-nav-list>\n            <mat-list-item routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u90AE\u7BB1</span>\n                  <span>{{ user.email || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\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-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7535\u8BDD</span>\n                  <span>{{ user.phone || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\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    }\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$1.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"] }, { 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: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: InfoComponent, isStandalone: true, selector: "rolatech-account-info", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-spinner></rolatech-spinner>\n    @if (user) {\n      <div>\n        <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n          <p class=\"text-3xl\">\u4E2A\u4EBA\u4FE1\u606F</p>\n          <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5168\u90E8\u5185\u5BB9</p>\n        </div>\n        <div class=\"border border-grap-400 rounded px-3 pt-3 mb-14\">\n          <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u5934\u50CF</span>\n                  <span class=\"w-24 text-sm\">\u8D26\u6237\u7684\u5934\u50CF</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u59D3\u540D</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u6027\u522B</span>\n                  <span>{{ gender[user.gender] || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7528\u6237\u540D</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\n        <div class=\"border border-grap-400 rounded px-3 pt-3\">\n          <div class=\"p-3 text-xl\">\u8054\u7CFB\u65B9\u5F0F</div>\n          <mat-nav-list>\n            <mat-list-item routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u90AE\u7BB1</span>\n                  <span>{{ user.email || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\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-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7535\u8BDD</span>\n                  <span>{{ user.phone || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\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    }\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$1.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"] }, { kind: "component", type: SpinnerComponent, selector: "rolatech-spinner", inputs: ["title"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent], selector: 'rolatech-account-info', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-spinner></rolatech-spinner>\n    @if (user) {\n      <div>\n        <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n          <p class=\"text-3xl\">\u4E2A\u4EBA\u4FE1\u606F</p>\n          <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5168\u90E8\u5185\u5BB9</p>\n        </div>\n        <div class=\"border border-grap-400 rounded px-3 pt-3 mb-14\">\n          <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u5934\u50CF</span>\n                  <span class=\"w-24 text-sm\">\u8D26\u6237\u7684\u5934\u50CF</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u59D3\u540D</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u6027\u522B</span>\n                  <span>{{ gender[user.gender] || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7528\u6237\u540D</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\n        <div class=\"border border-grap-400 rounded px-3 pt-3\">\n          <div class=\"p-3 text-xl\">\u8054\u7CFB\u65B9\u5F0F</div>\n          <mat-nav-list>\n            <mat-list-item routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u90AE\u7BB1</span>\n                  <span>{{ user.email || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\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-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7535\u8BDD</span>\n                  <span>{{ user.phone || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\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    }\n  </div>\n</div>\n" }]
         }] });
 
 export { InfoComponent };
-//# sourceMappingURL=rolatech-angular-account-info.component-DWgC77BJ.mjs.map
+//# sourceMappingURL=rolatech-angular-account-info.component-DNi4eTxV.mjs.map

package/fesm2022/{rolatech-angular-account-info.component-DWgC77BJ.mjs.map → rolatech-angular-account-info.component-DNi4eTxV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account-info.component-DWgC77BJ.mjs","sources":["../../../../libs/angular-account/src/lib/components/avatar-update-dialog/avatar-update-dialog.component.ts","../../../../libs/angular-account/src/lib/components/avatar-update-dialog/avatar-update-dialog.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/info.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/info.component.html"],"sourcesContent":["import { Component, Inject, inject, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SnackBarService } from '@rolatech/angular-services';\n\n@Component({\n  selector: 'rolatech-account-avatar-update-dialog',\n  standalone: true,\n  imports: [CommonModule, MatButtonModule, MatIconModule],\n  templateUrl: './avatar-update-dialog.component.html',\n  styleUrl: './avatar-update-dialog.component.scss',\n})\nexport class AvatarUpdateDialogComponent {\n  dialogRef = inject(MatDialogRef);\n  authUserService = inject(AuthUserService);\n  snackBarService = inject(SnackBarService);\n  avatar: any = '';\n  save = output<any>();\n\n  constructor(@Inject(MAT_DIALOG_DATA) public data: { avatar: string }) {\n    this.avatar = data.avatar;\n  }\n\n  cancel() {\n    this.dialogRef.close();\n  }\n  onSave() {\n    this.save.emit(this.avatar);\n  }\n  onUpload(event: any) {\n    const file = event.target.files[0];\n    if (file) {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        this.avatar = reader.result;\n        // this.isUploading = true;\n        const formData = new FormData();\n        formData.append('file', file);\n\n        this.authUserService.uploadAvatar(formData).subscribe({\n          next: (res: any) => {\n            this.snackBarService.open('更新成功');\n            // this.isUploading = false;\n          },\n          error: (e) => {\n            // this.isUploading = false;\n            // this.snackBar.open('上传失败: ' + e.message);\n          },\n        });\n      };\n      reader.onerror = (error) => {\n        // this.isUploading = false;\n      };\n    }\n  }\n}\n","<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">修改头像</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">取消</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">保存</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>更换头像</span>\n    </button>\n  </div>\n</div>\n","import { Component, inject, OnInit } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, SpinnerComponent } from '@rolatech/angular-components';\nimport { Observable } from 'rxjs';\nimport { MatDialog } from '@angular/material/dialog';\nimport { UserGender } from '../../../contant/user';\nimport { AvatarUpdateDialogComponent } from '../../../components/avatar-update-dialog/avatar-update-dialog.component';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent],\n  selector: 'rolatech-account-info',\n  templateUrl: './info.component.html',\n  styleUrls: ['./info.component.scss'],\n})\nexport class InfoComponent implements OnInit {\n  user$!: Observable<any>;\n  authUserService = inject(AuthUserService);\n  dialog = inject(MatDialog);\n  user: any;\n  gender: any = UserGender;\n\n  ngOnInit(): void {\n    this.user$ = this.authUserService.me();\n    this.user$.subscribe({\n      next: (user) => {\n        this.user = user;\n      },\n    });\n  }\n  updateAvatar() {\n    const dialogRef = this.dialog.open(AvatarUpdateDialogComponent, {\n      data: {\n        avatar: this.user.avatar,\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      console.log(result);\n      location.reload();\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-spinner></rolatech-spinner>\n    @if (user) {\n      <div>\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 mb-14\">\n          <div class=\"p-3 text-xl\">基本设置</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">头像</span>\n                  <span class=\"w-24 text-sm\">账户的头像</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">姓名</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">性别</span>\n                  <span>{{ gender[user.gender] || '未设置' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">用户名</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\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 routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">邮箱</span>\n                  <span>{{ user.email || '未设置' }}</span>\n                </div>\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-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">电话</span>\n                  <span>{{ user.phone || '未设置' }}</span>\n                </div>\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    }\n  </div>\n</div>\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"rolatech-angular-account-info.component-DNi4eTxV.mjs","sources":["../../../../libs/angular-account/src/lib/components/avatar-update-dialog/avatar-update-dialog.component.ts","../../../../libs/angular-account/src/lib/components/avatar-update-dialog/avatar-update-dialog.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/info.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/info.component.html"],"sourcesContent":["import { Component, Inject, inject, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SnackBarService } from '@rolatech/angular-services';\n\n@Component({\n  selector: 'rolatech-account-avatar-update-dialog',\n  standalone: true,\n  imports: [CommonModule, MatButtonModule, MatIconModule],\n  templateUrl: './avatar-update-dialog.component.html',\n  styleUrl: './avatar-update-dialog.component.scss',\n})\nexport class AvatarUpdateDialogComponent {\n  dialogRef = inject(MatDialogRef);\n  authUserService = inject(AuthUserService);\n  snackBarService = inject(SnackBarService);\n  avatar: any = '';\n  save = output<any>();\n\n  constructor(@Inject(MAT_DIALOG_DATA) public data: { avatar: string }) {\n    this.avatar = data.avatar;\n  }\n\n  cancel() {\n    this.dialogRef.close();\n  }\n  onSave() {\n    this.save.emit(this.avatar);\n  }\n  onUpload(event: any) {\n    const file = event.target.files[0];\n    if (file) {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        this.avatar = reader.result;\n        // this.isUploading = true;\n        const formData = new FormData();\n        formData.append('file', file);\n\n        this.authUserService.uploadAvatar(formData).subscribe({\n          next: (res: any) => {\n            this.snackBarService.open('更新成功');\n            // this.isUploading = false;\n          },\n          error: (e) => {\n            // this.isUploading = false;\n            // this.snackBar.open('上传失败: ' + e.message);\n          },\n        });\n      };\n      reader.onerror = (error) => {\n        // this.isUploading = false;\n      };\n    }\n  }\n}\n","<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">修改头像</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">取消</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">保存</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>更换头像</span>\n    </button>\n  </div>\n</div>\n","import { Component, inject, OnInit } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, SpinnerComponent } from '@rolatech/angular-components';\nimport { Observable } from 'rxjs';\nimport { MatDialog } from '@angular/material/dialog';\nimport { UserGender } from '../../../contant/user';\nimport { AvatarUpdateDialogComponent } from '../../../components/avatar-update-dialog/avatar-update-dialog.component';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, SpinnerComponent],\n  selector: 'rolatech-account-info',\n  templateUrl: './info.component.html',\n  styleUrls: ['./info.component.scss'],\n})\nexport class InfoComponent implements OnInit {\n  user$!: Observable<any>;\n  authUserService = inject(AuthUserService);\n  dialog = inject(MatDialog);\n  user: any;\n  gender: any = UserGender;\n\n  ngOnInit(): void {\n    this.user$ = this.authUserService.me();\n    this.user$.subscribe({\n      next: (user) => {\n        this.user = user;\n      },\n    });\n  }\n  updateAvatar() {\n    const dialogRef = this.dialog.open(AvatarUpdateDialogComponent, {\n      data: {\n        avatar: this.user.avatar,\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      console.log(result);\n      location.reload();\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-spinner></rolatech-spinner>\n    @if (user) {\n      <div>\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 mb-14\">\n          <div class=\"p-3 text-xl\">基本设置</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">头像</span>\n                  <span class=\"w-24 text-sm\">账户的头像</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">姓名</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">性别</span>\n                  <span>{{ gender[user.gender] || '未设置' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">用户名</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\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 routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">邮箱</span>\n                  <span>{{ user.email || '未设置' }}</span>\n                </div>\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-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">电话</span>\n                  <span>{{ user.phone || '未设置' }}</span>\n                </div>\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    }\n  </div>\n</div>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/{rolatech-angular-account-login.routes-Ck7oQSPa.mjs → rolatech-angular-account-login.routes-D4UOEl1F.mjs}

@@ -3,7 +3,7 @@ import { inject, PLATFORM_ID, Component } from '@angular/core';
 import { AuthService } from '@rolatech/angular-auth';
 import { APP_CONFIG, AngularCommonModule } from '@rolatech/angular-common';
 import { BaseComponent, AngularComponentsModule } from '@rolatech/angular-components';
-import { W as WeChatLoginService } from './rolatech-angular-account-rolatech-angular-account-uYB-5Ccz.mjs';
+import { W as WeChatLoginService } from './rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs';
 import '@angular/common';
 import '@angular/material/snack-bar';
 import '@angular/router';
@@ -11,7 +11,6 @@ import '@angular/forms';
 import '@angular/platform-browser';
 import '@angular/material/form-field';
 import '@angular/material/input';
-import '@angular/material/tabs';
 import '@angular/material/button';
 
 class LoginWechatComponent extends BaseComponent {
@@ -42,10 +41,10 @@ class LoginWechatComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: LoginWechatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: LoginWechatComponent, isStandalone: true, selector: "rolatech-account-login-wechat", usesInheritance: true, ngImport: i0, template: "<div>loading...</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: LoginWechatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: LoginWechatComponent, isStandalone: true, selector: "rolatech-account-login-wechat", usesInheritance: true, ngImport: i0, template: "<div>loading...</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: LoginWechatComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: LoginWechatComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-login-wechat', template: "<div>loading...</div>\n" }]
         }] });
@@ -53,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 const loginRoutes = [{ path: '', component: LoginWechatComponent }];
 
 export { loginRoutes as default };
-//# sourceMappingURL=rolatech-angular-account-login.routes-Ck7oQSPa.mjs.map
+//# sourceMappingURL=rolatech-angular-account-login.routes-D4UOEl1F.mjs.map

package/fesm2022/{rolatech-angular-account-login.routes-Ck7oQSPa.mjs.map → rolatech-angular-account-login.routes-D4UOEl1F.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"rolatech-angular-account-login.routes-Ck7oQSPa.mjs","sources":["../../../../libs/angular-account/src/lib/components/login/login-wechat/login-wechat.component.ts","../../../../libs/angular-account/src/lib/components/login/login-wechat/login-wechat.component.html","../../../../libs/angular-account/src/lib/components/login/login.routes.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Component, OnInit, PLATFORM_ID, inject } from '@angular/core';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { APP_CONFIG, AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { WeChatLoginService } from '../../../services/wechat-login.service';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-login-wechat',\n  templateUrl: './login-wechat.component.html',\n  styleUrls: ['./login-wechat.component.scss'],\n})\nexport class LoginWechatComponent extends BaseComponent implements OnInit {\n  authService = inject(AuthService);\n  environment = inject(APP_CONFIG);\n  platformId = inject(PLATFORM_ID);\n  wechtLoginService = inject(WeChatLoginService);\n\n  ngOnInit(): void {\n    this.route.queryParams.subscribe({\n      next: (params: any) => {\n        this.wechatLogin(params.code, params.state);\n      },\n    });\n  }\n  wechatLogin(code: string, state: string) {\n    window.parent.postMessage({ code: 23 }, this.environment.accountsUrl);\n\n    this.authService.wechatLogin(code, state).subscribe({\n      next: (res) => {\n        if (res.name) {\n          window.parent.postMessage({ code: 200 }, this.environment.accountsUrl);\n        }\n        // if (isPlatformBrowser(this.platformId) && res.code === 200) {\n        //   window.parent.postMessage({ code: res.code }, this.environment.myaccountUrl);\n        // }\n      },\n    });\n  }\n}\n","<div>loading...</div>\n","import { Routes } from '@angular/router';\nimport { LoginWechatComponent } from './login-wechat/login-wechat.component';\n\nconst loginRoutes: Routes = [{ path: '', component: LoginWechatComponent }];\nexport default loginRoutes;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcM,MAAO,oBAAqB,SAAQ,aAAa,CAAA;AAPvD,IAAA,WAAA,GAAA;;AAQE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAuBhD,KAAA;IArBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC;AAC/B,YAAA,IAAI,EAAE,CAAC,MAAW,KAAI;gBACpB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;aAC7C;AACF,SAAA,CAAC,CAAC;KACJ;IACD,WAAW,CAAC,IAAY,EAAE,KAAa,EAAA;AACrC,QAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAEtE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC;AAClD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,GAAG,CAAC,IAAI,EAAE;AACZ,oBAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;iBACxE;;;;aAIF;AACF,SAAA,CAAC,CAAC;KACJ;8GA1BU,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECdjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,yBACA,EDQY,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,8BAAE,uBAAuB,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAK3C,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,WACP,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,YAC7C,+BAA+B,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA;;;AEP3C,MAAM,WAAW,GAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE;;;;"}
+{"version":3,"file":"rolatech-angular-account-login.routes-D4UOEl1F.mjs","sources":["../../../../libs/angular-account/src/lib/components/login/login-wechat/login-wechat.component.ts","../../../../libs/angular-account/src/lib/components/login/login-wechat/login-wechat.component.html","../../../../libs/angular-account/src/lib/components/login/login.routes.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Component, OnInit, PLATFORM_ID, inject } from '@angular/core';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { APP_CONFIG, AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { WeChatLoginService } from '../../../services/wechat-login.service';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-login-wechat',\n  templateUrl: './login-wechat.component.html',\n  styleUrls: ['./login-wechat.component.scss'],\n})\nexport class LoginWechatComponent extends BaseComponent implements OnInit {\n  authService = inject(AuthService);\n  environment = inject(APP_CONFIG);\n  platformId = inject(PLATFORM_ID);\n  wechtLoginService = inject(WeChatLoginService);\n\n  ngOnInit(): void {\n    this.route.queryParams.subscribe({\n      next: (params: any) => {\n        this.wechatLogin(params.code, params.state);\n      },\n    });\n  }\n  wechatLogin(code: string, state: string) {\n    window.parent.postMessage({ code: 23 }, this.environment.accountsUrl);\n\n    this.authService.wechatLogin(code, state).subscribe({\n      next: (res) => {\n        if (res.name) {\n          window.parent.postMessage({ code: 200 }, this.environment.accountsUrl);\n        }\n        // if (isPlatformBrowser(this.platformId) && res.code === 200) {\n        //   window.parent.postMessage({ code: res.code }, this.environment.myaccountUrl);\n        // }\n      },\n    });\n  }\n}\n","<div>loading...</div>\n","import { Routes } from '@angular/router';\nimport { LoginWechatComponent } from './login-wechat/login-wechat.component';\n\nconst loginRoutes: Routes = [{ path: '', component: LoginWechatComponent }];\nexport default loginRoutes;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAcM,MAAO,oBAAqB,SAAQ,aAAa,CAAA;AAPvD,IAAA,WAAA,GAAA;;AAQE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAuBhD,KAAA;IArBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC;AAC/B,YAAA,IAAI,EAAE,CAAC,MAAW,KAAI;gBACpB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;aAC7C;AACF,SAAA,CAAC,CAAC;KACJ;IACD,WAAW,CAAC,IAAY,EAAE,KAAa,EAAA;AACrC,QAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAEtE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC;AAClD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,GAAG,CAAC,IAAI,EAAE;AACZ,oBAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;iBACxE;;;;aAIF;AACF,SAAA,CAAC,CAAC;KACJ;8GA1BU,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECdjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,yBACA,EDQY,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,8BAAE,uBAAuB,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAK3C,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,WACP,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,YAC7C,+BAA+B,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA;;;AEP3C,MAAM,WAAW,GAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE;;;;"}

package/fesm2022/{rolatech-angular-account-phone.component-DaSRdJam.mjs → rolatech-angular-account-phone.component-r9dWPfEL.mjs}

@@ -61,13 +61,13 @@ class PhoneComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PhoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: PhoneComponent, isStandalone: true, selector: "rolatech-account-phone", usesInheritance: true, 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\u624B\u673A\u53F7</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n\n  <div class=\"max-w-[1120px] m-auto px-6\">\n    <p class=\"text-md my-3\">\u624B\u673A\u53F7\u662F\u60A8\u5728\u672C\u7AD9\u7684\u552F\u4E00\u6807\u8BC6, \u66F4\u6539\u540E\u5C06\u540C\u65F6\u66F4\u6539\u7B2C\u4E09\u65B9\u7ED1\u5B9A\u7684\u624B\u673A\u53F7</p>\n    <div class=\"flex flex-col mt-3\">\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput [(ngModel)]=\"phone\" required />\n      </mat-form-field>\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput [(ngModel)]=\"code\" required />\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=\"w-[128px] p-2 mt-2 text-white rounded text-center\"\n        >\n          <span class=\"text-sm\">{{ showButtonText }}</span>\n        </button>\n      </div>\n    </div>\n\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: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.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: i2$1.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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { 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]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PhoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PhoneComponent, isStandalone: true, selector: "rolatech-account-phone", usesInheritance: true, 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\u624B\u673A\u53F7</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n\n  <div class=\"max-w-[1120px] m-auto px-6\">\n    <p class=\"text-md my-3\">\u624B\u673A\u53F7\u662F\u60A8\u5728\u672C\u7AD9\u7684\u552F\u4E00\u6807\u8BC6, \u66F4\u6539\u540E\u5C06\u540C\u65F6\u66F4\u6539\u7B2C\u4E09\u65B9\u7ED1\u5B9A\u7684\u624B\u673A\u53F7</p>\n    <div class=\"flex flex-col mt-3\">\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput [(ngModel)]=\"phone\" required />\n      </mat-form-field>\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput [(ngModel)]=\"code\" required />\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=\"w-[128px] p-2 mt-2 text-white rounded text-center\"\n        >\n          <span class=\"text-sm\">{{ showButtonText }}</span>\n        </button>\n      </div>\n    </div>\n\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: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.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: i2$1.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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { 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]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PhoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PhoneComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-phone', 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\u624B\u673A\u53F7</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n\n  <div class=\"max-w-[1120px] m-auto px-6\">\n    <p class=\"text-md my-3\">\u624B\u673A\u53F7\u662F\u60A8\u5728\u672C\u7AD9\u7684\u552F\u4E00\u6807\u8BC6, \u66F4\u6539\u540E\u5C06\u540C\u65F6\u66F4\u6539\u7B2C\u4E09\u65B9\u7ED1\u5B9A\u7684\u624B\u673A\u53F7</p>\n    <div class=\"flex flex-col mt-3\">\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput [(ngModel)]=\"phone\" required />\n      </mat-form-field>\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput [(ngModel)]=\"code\" required />\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=\"w-[128px] p-2 mt-2 text-white rounded text-center\"\n        >\n          <span class=\"text-sm\">{{ showButtonText }}</span>\n        </button>\n      </div>\n    </div>\n\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: ["mat-form-field{width:100%}\n"] }]
         }] });
 
 export { PhoneComponent };
-//# sourceMappingURL=rolatech-angular-account-phone.component-DaSRdJam.mjs.map
+//# sourceMappingURL=rolatech-angular-account-phone.component-r9dWPfEL.mjs.map