@rolatech/angular-account 17.0.1 → 17.1.0

package/esm2022/lib/{components → pages/accounts}/signup/signup.component.mjs

@@ -72,11 +72,11 @@ export class SignupComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SignupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: SignupComponent, isStandalone: true, selector: "rolatech-account-signup", usesInheritance: true, ngImport: i0, template: "<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">\u6CE8\u518C</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u59D3\u540D </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>\u59D3\u540D\u5FC5\u586B</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>\u624B\u673A\u53F7\u5FC5\u586B</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>\u9A8C\u8BC1\u7801\u5FC5\u586B</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u53D1\u9001\u9A8C\u8BC1\u7801</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u786E\u8BA4\u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>\u8BF7\u786E\u8BA4\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">\u767B\u5F55</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>\u6CE8\u518C</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SignupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SignupComponent, isStandalone: true, selector: "rolatech-account-signup", usesInheritance: true, ngImport: i0, template: "<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">\u6CE8\u518C</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u59D3\u540D </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>\u59D3\u540D\u5FC5\u586B</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>\u624B\u673A\u53F7\u5FC5\u586B</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>\u9A8C\u8BC1\u7801\u5FC5\u586B</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u53D1\u9001\u9A8C\u8BC1\u7801</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u786E\u8BA4\u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>\u8BF7\u786E\u8BA4\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">\u767B\u5F55</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>\u6CE8\u518C</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SignupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SignupComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-signup', template: "<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">\u6CE8\u518C</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u59D3\u540D </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>\u59D3\u540D\u5FC5\u586B</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>\u624B\u673A\u53F7\u5FC5\u586B</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>\u9A8C\u8BC1\u7801\u5FC5\u586B</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u53D1\u9001\u9A8C\u8BC1\u7801</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u786E\u8BA4\u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>\u8BF7\u786E\u8BA4\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">\u767B\u5F55</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>\u6CE8\u518C</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:8px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbnVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1hY2NvdW50L3NyYy9saWIvY29tcG9uZW50cy9zaWdudXAvc2lnbnVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1hY2NvdW50L3NyYy9saWIvY29tcG9uZW50cy9zaWdudXAvc2lnbnVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQWEsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUFTekQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsYUFBYTtJQVBsRDs7UUFTRSxhQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ2Ysb0JBQWUsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDMUMsZ0JBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbEMsZ0JBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakMsV0FBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLG1CQUFjLEdBQUcsT0FBTyxDQUFDO0tBcUQxQjtJQW5EQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUN2QyxJQUFJLEVBQUUsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztZQUNqQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDO1lBQ2xGLElBQUksRUFBRSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1lBQ2pDLFFBQVEsRUFBRSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1lBQ3JDLFVBQVUsRUFBRSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1NBQ3hDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsQ0FBQztJQUNyRSxDQUFDO0lBQ0QsV0FBVztRQUNULE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDekIsT0FBTztRQUNULENBQUM7UUFDRCxNQUFNLEtBQUssR0FBRyxZQUFZLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDN0IsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLENBQUMsRUFBRSxDQUFDO2dCQUM1QixJQUFJLENBQUMsY0FBYyxHQUFHLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUM7WUFDckQsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDckIsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2dCQUN2QixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztZQUMxQixDQUFDO1FBQ0gsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ1QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUN2RCxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDWixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNwQyxDQUFDO1lBQ0QsS0FBSyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzNDLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QsTUFBTTtRQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNCLE9BQU87UUFDVCxDQUFDO1FBQ0QsTUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQzNELElBQUksRUFBRSxDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQztZQUM1RixDQUFDO1lBQ0QsS0FBSyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzNDLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQTdEVSxlQUFlO2tHQUFmLGVBQWUsMEdDYjVCLDZ1SEF5RkEsdUdEakZZLG1CQUFtQix5cUNBQUUsdUJBQXVCOzsyRkFLM0MsZUFBZTtrQkFQM0IsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSx1QkFBdUIsQ0FBQyxZQUM3Qyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQW5ndWxhckNvbW1vbk1vZHVsZSwgQVBQX0NPTkZJRywgV0lORE9XIH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItY29tbW9uJztcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRzTW9kdWxlLCBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItY29tcG9uZW50cyc7XG5pbXBvcnQgeyBBdXRoVXNlclNlcnZpY2UgfSBmcm9tICdAcm9sYXRlY2gvYW5ndWxhci1hdXRoJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtBbmd1bGFyQ29tbW9uTW9kdWxlLCBBbmd1bGFyQ29tcG9uZW50c01vZHVsZV0sXG4gIHNlbGVjdG9yOiAncm9sYXRlY2gtYWNjb3VudC1zaWdudXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lnbnVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lnbnVwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZ251cENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBzaWdudXBGb3JtITogRm9ybUdyb3VwO1xuICBjb250aW51ZSA9ICcvJztcbiAgYXV0aFVzZXJTZXJ2aWNlID0gaW5qZWN0KEF1dGhVc2VyU2VydmljZSk7XG4gIGZvcm1CdWlsZGVyID0gaW5qZWN0KEZvcm1CdWlsZGVyKTtcbiAgZW52aXJvbm1lbnQgPSBpbmplY3QoQVBQX0NPTkZJRyk7XG4gIHdpbmRvdyA9IGluamVjdChXSU5ET1cpO1xuICBjb3VudERvd24gPSBmYWxzZTtcbiAgY291bnREb3duVGltZSA9IDYwO1xuICBzaG93QnV0dG9uVGV4dCA9ICflj5HpgIHpqozor4HnoIEnO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGl0bGVTZXJ2aWNlLnNldFRpdGxlKCfotKblj7fms6jlhowgLSDmi7zlsI/or74nKTtcbiAgICB0aGlzLnNpZ251cEZvcm0gPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgIG5hbWU6IFtudWxsLCBWYWxpZGF0b3JzLnJlcXVpcmVkXSxcbiAgICAgIHBob25lOiBbbnVsbCwgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMucGF0dGVybignMSgzfDR8NXw2fDd8OHw5KVxcXFxkezl9JyldXSxcbiAgICAgIGNvZGU6IFtudWxsLCBWYWxpZGF0b3JzLnJlcXVpcmVkXSxcbiAgICAgIHBhc3N3b3JkOiBbbnVsbCwgVmFsaWRhdG9ycy5yZXF1aXJlZF0sXG4gICAgICByZVBhc3N3b3JkOiBbbnVsbCwgVmFsaWRhdG9ycy5yZXF1aXJlZF0sXG4gICAgfSk7XG4gICAgdGhpcy5jb250aW51ZSA9IHRoaXMucm91dGUuc25hcHNob3QucXVlcnlQYXJhbXNbJ2NvbnRpbnVlJ10gfHwgJy8nO1xuICB9XG4gIHNlbmRTTVNDb2RlKCkge1xuICAgIGNvbnN0IHBob25lQ29udHJvbCA9IHRoaXMuc2lnbnVwRm9ybS5nZXQoJ3Bob25lJyk7XG4gICAgaWYgKCFwaG9uZUNvbnRyb2w/LnZhbGlkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHBob25lID0gcGhvbmVDb250cm9sLnZhbHVlO1xuICAgIHRoaXMuY291bnREb3duID0gdHJ1ZTtcbiAgICBjb25zdCBzdGFydCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmNvdW50RG93blRpbWUgPj0gMCkge1xuICAgICAgICB0aGlzLnNob3dCdXR0b25UZXh0ID0gYCR7dGhpcy5jb3VudERvd25UaW1lLS1956eS6YeN5Y+RYDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNsZWFySW50ZXJ2YWwoc3RhcnQpO1xuICAgICAgICB0aGlzLnNob3dCdXR0b25UZXh0ID0gJ+mHjeaWsOWPkemAgSc7XG4gICAgICAgIHRoaXMuY291bnREb3duID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY291bnREb3duVGltZSA9IDYwO1xuICAgICAgfVxuICAgIH0sIDEwMDApO1xuICAgIHRoaXMuYXV0aFVzZXJTZXJ2aWNlLnNlbmRTTVNDb2RlKCcrODYnLCBwaG9uZSkuc3Vic2NyaWJlKHtcbiAgICAgIG5leHQ6IChyZXMpID0+IHtcbiAgICAgICAgdGhpcy5zbmFja0JhclNlcnZpY2Uub3Blbign5Y+R6YCB5oiQ5YqfJyk7XG4gICAgICB9LFxuICAgICAgZXJyb3I6IChlcnJvcikgPT4ge1xuICAgICAgICB0aGlzLnNuYWNrQmFyU2VydmljZS5vcGVuKGVycm9yLm1lc3NhZ2UpO1xuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuICBzdWJtaXQoKSB7XG4gICAgaWYgKCF0aGlzLnNpZ251cEZvcm0udmFsaWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgZGF0YSA9IHt9O1xuICAgIHRoaXMuYXV0aFVzZXJTZXJ2aWNlLnNpZ251cCh0aGlzLnNpZ251cEZvcm0udmFsdWUpLnN1YnNjcmliZSh7XG4gICAgICBuZXh0OiAocmVzKSA9PiB7XG4gICAgICAgIHRoaXMud2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLmNvbnRpbnVlID8gdGhpcy5jb250aW51ZSA6IHRoaXMuZW52aXJvbm1lbnQubXlhY2NvdW50VXJsO1xuICAgICAgfSxcbiAgICAgIGVycm9yOiAoZXJyb3IpID0+IHtcbiAgICAgICAgdGhpcy5zbmFja0JhclNlcnZpY2Uub3BlbihlcnJvci5tZXNzYWdlKTtcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoLWZ1bGwgZmxleCBmbGV4LWNvbCBtZDpqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXJcIj5cbiAgPGRpdiBjbGFzcz1cIm1kOnNoYWRvdy1tZCBwLTggcm91bmRlZC1tZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LTJ4bCBwbC0yIHBiLTZcIj7ms6jlhow8L2Rpdj5cbiAgICA8Zm9ybSBbZm9ybUdyb3VwXT1cInNpZ251cEZvcm1cIiAoc3VibWl0KT1cInN1Ym1pdCgpXCI+XG4gICAgICA8IS0tIG5hbWUgLS0+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cbiAgICAgICAgPG1hdC1sYWJlbD4g5aeT5ZCNIDwvbWF0LWxhYmVsPlxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwibmFtZVwiIHJlcXVpcmVkIC8+XG4gICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1snbmFtZSddLnRvdWNoZWQgJiYgc2lnbnVwRm9ybS5jb250cm9sc1snbmFtZSddLmludmFsaWQpIHtcbiAgICAgICAgICA8bWF0LWVycm9yPlxuICAgICAgICAgICAgQGlmIChzaWdudXBGb3JtLmNvbnRyb2xzWyduYW1lJ10uZXJyb3JzPy5bJ3JlcXVpcmVkJ10pIHtcbiAgICAgICAgICAgICAgPHNwYW4+5aeT5ZCN5b+F5aGrPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgICB9XG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPCEtLSBwaG9uZSAtLT5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiPlxuICAgICAgICA8bWF0LWxhYmVsPiDmiYvmnLrlj7cgPC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJwaG9uZVwiIHJlcXVpcmVkIC8+XG4gICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1sncGhvbmUnXS50b3VjaGVkICYmIHNpZ251cEZvcm0uY29udHJvbHNbJ3Bob25lJ10uaW52YWxpZCkge1xuICAgICAgICAgIDxtYXQtZXJyb3I+XG4gICAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ3Bob25lJ10uZXJyb3JzPy5bJ3JlcXVpcmVkJ10pIHtcbiAgICAgICAgICAgICAgPHNwYW4+5omL5py65Y+35b+F5aGrPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChzaWdudXBGb3JtLmNvbnRyb2xzWydwaG9uZSddLmVycm9ycz8uWydwYXR0ZXJuJ10pIHtcbiAgICAgICAgICAgICAgPHNwYW4+IOaJi+acuuWPt+agvOW8j+mUmeivryA8L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9tYXQtZXJyb3I+XG4gICAgICAgIH1cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8IS0tIHBob25lIGNvZGUgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWJldHdlZW4gaXRlbXMtc3RhcnQgZ2FwLTNcIj5cbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XG4gICAgICAgICAgPG1hdC1sYWJlbD4g6aqM6K+B56CBIDwvbWF0LWxhYmVsPlxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJjb2RlXCIgcmVxdWlyZWQgLz5cbiAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ2NvZGUnXS50b3VjaGVkICYmIHNpZ251cEZvcm0uY29udHJvbHNbJ2NvZGUnXS5pbnZhbGlkKSB7XG4gICAgICAgICAgICA8bWF0LWVycm9yPlxuICAgICAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ2NvZGUnXS5lcnJvcnM/LlsncmVxdWlyZWQnXSkge1xuICAgICAgICAgICAgICAgIDxzcGFuPumqjOivgeeggeW/heWhqzwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9tYXQtZXJyb3I+XG4gICAgICAgICAgfVxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKGNsaWNrKT1cInNlbmRTTVNDb2RlKClcIlxuICAgICAgICAgIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXIgYmctb3JhbmdlLTYwMCBob3ZlcjpiZy1vcmFuZ2UtNzAwIHctWzEyOHB4XSBwLTMgbXQtMiBzaGFkb3ctZ3JheS0zMDAgc2hhZG93IGhvdmVyOnNoYWRvdy1sZyB0ZXh0LXdoaXRlIHJvdW5kZWQgdGV4dC1jZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4+5Y+R6YCB6aqM6K+B56CBPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIHBhc3N3b3JkIC0tPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XG4gICAgICAgIDxtYXQtbGFiZWw+IOWvhueggSA8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cInBhc3N3b3JkXCIgdHlwZT1cInBhc3N3b3JkXCIgYXV0b2NvbXBsZXRlPVwicGFzc3dvcmRcIiAvPlxuICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ3Bhc3N3b3JkJ10udG91Y2hlZCAmJiBzaWdudXBGb3JtLmNvbnRyb2xzWydwYXNzd29yZCddLmludmFsaWQpIHtcbiAgICAgICAgICA8bWF0LWVycm9yPlxuICAgICAgICAgICAgQGlmIChzaWdudXBGb3JtLmNvbnRyb2xzWydwYXNzd29yZCddLmVycm9ycz8uWydyZXF1aXJlZCddKSB7XG4gICAgICAgICAgICAgIDxzcGFuPuivt+i+k+WFpeWvhueggTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgfVxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cblxuICAgICAgPCEtLSBwYXNzd29yZCBjb25maXJtIC0tPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XG4gICAgICAgIDxtYXQtbGFiZWw+IOehruiupOWvhueggSA8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cInJlUGFzc3dvcmRcIiB0eXBlPVwicGFzc3dvcmRcIiBhdXRvY29tcGxldGU9XCJyZVBhc3N3b3JkXCIgLz5cbiAgICAgICAgQGlmIChzaWdudXBGb3JtLmNvbnRyb2xzWydyZVBhc3N3b3JkJ10udG91Y2hlZCAmJiBzaWdudXBGb3JtLmNvbnRyb2xzWydyZVBhc3N3b3JkJ10uaW52YWxpZCkge1xuICAgICAgICAgIDxtYXQtZXJyb3I+XG4gICAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ3JlUGFzc3dvcmQnXS5lcnJvcnM/LlsncmVxdWlyZWQnXSkge1xuICAgICAgICAgICAgICA8c3Bhbj7or7fnoa7orqTlr4bnoIE8L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9tYXQtZXJyb3I+XG4gICAgICAgIH1cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9mb3JtPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXIgcHgtM1wiPlxuICAgICAgPGEgbWF0LWJ1dHRvbiBocmVmPVwiL3NpZ25pblwiPueZu+W9lTwvYT5cbiAgICAgIDxkaXZcbiAgICAgICAgKGNsaWNrKT1cInN1Ym1pdCgpXCJcbiAgICAgICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlciBiZy1vcmFuZ2UtNjAwIGhvdmVyOmJnLW9yYW5nZS03MDAgdy1bMTI4cHhdIHAtMyBzaGFkb3ctZ3JheS0zMDAgc2hhZG93IGhvdmVyOnNoYWRvdy1sZyB0ZXh0LXdoaXRlIHJvdW5kZWQgdGV4dC1jZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8c3Bhbj7ms6jlhow8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbnVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1hY2NvdW50L3NyYy9saWIvcGFnZXMvYWNjb3VudHMvc2lnbnVwL3NpZ251cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjb3VudC9zcmMvbGliL3BhZ2VzL2FjY291bnRzL3NpZ251cC9zaWdudXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBYSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25GLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN0RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQVN6RCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxhQUFhO0lBUGxEOztRQVNFLGFBQVEsR0FBRyxHQUFHLENBQUM7UUFDZixvQkFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMxQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNsQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNqQyxXQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsbUJBQWMsR0FBRyxPQUFPLENBQUM7S0FxRDFCO0lBbkRDLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN6QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQ3ZDLElBQUksRUFBRSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1lBQ2pDLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUM7WUFDbEYsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDakMsUUFBUSxFQUFFLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDckMsVUFBVSxFQUFFLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7U0FDeEMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxDQUFDO0lBQ3JFLENBQUM7SUFDRCxXQUFXO1FBQ1QsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUN6QixPQUFPO1FBQ1QsQ0FBQztRQUNELE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUM3QixJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksQ0FBQyxFQUFFLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxjQUFjLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQztZQUNyRCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLE1BQU0sQ0FBQztnQkFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO1lBQzFCLENBQUM7UUFDSCxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDVCxJQUFJLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQ3ZELElBQUksRUFBRSxDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNaLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3BDLENBQUM7WUFDRCxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDM0MsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsT0FBTztRQUNULENBQUM7UUFDRCxNQUFNLElBQUksR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDM0QsSUFBSSxFQUFFLENBQUMsR0FBRyxFQUFFLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDO1lBQzVGLENBQUM7WUFDRCxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDM0MsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBN0RVLGVBQWU7a0dBQWYsZUFBZSwwR0NiNUIsNnVIQXlGQSx1R0RqRlksbUJBQW1CLHlxQ0FBRSx1QkFBdUI7OzJGQUszQyxlQUFlO2tCQVAzQixTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLG1CQUFtQixFQUFFLHVCQUF1QixDQUFDLFlBQzdDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBbmd1bGFyQ29tbW9uTW9kdWxlLCBBUFBfQ09ORklHLCBXSU5ET1cgfSBmcm9tICdAcm9sYXRlY2gvYW5ndWxhci1jb21tb24nO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudHNNb2R1bGUsIEJhc2VDb21wb25lbnQgfSBmcm9tICdAcm9sYXRlY2gvYW5ndWxhci1jb21wb25lbnRzJztcbmltcG9ydCB7IEF1dGhVc2VyU2VydmljZSB9IGZyb20gJ0Byb2xhdGVjaC9hbmd1bGFyLWF1dGgnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0FuZ3VsYXJDb21tb25Nb2R1bGUsIEFuZ3VsYXJDb21wb25lbnRzTW9kdWxlXSxcbiAgc2VsZWN0b3I6ICdyb2xhdGVjaC1hY2NvdW50LXNpZ251cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWdudXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWdudXAuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2lnbnVwQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNpZ251cEZvcm0hOiBGb3JtR3JvdXA7XG4gIGNvbnRpbnVlID0gJy8nO1xuICBhdXRoVXNlclNlcnZpY2UgPSBpbmplY3QoQXV0aFVzZXJTZXJ2aWNlKTtcbiAgZm9ybUJ1aWxkZXIgPSBpbmplY3QoRm9ybUJ1aWxkZXIpO1xuICBlbnZpcm9ubWVudCA9IGluamVjdChBUFBfQ09ORklHKTtcbiAgd2luZG93ID0gaW5qZWN0KFdJTkRPVyk7XG4gIGNvdW50RG93biA9IGZhbHNlO1xuICBjb3VudERvd25UaW1lID0gNjA7XG4gIHNob3dCdXR0b25UZXh0ID0gJ+WPkemAgemqjOivgeeggSc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50aXRsZVNlcnZpY2Uuc2V0VGl0bGUoJ+i0puWPt+azqOWGjCAtIOaLvOWwj+ivvicpO1xuICAgIHRoaXMuc2lnbnVwRm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgbmFtZTogW251bGwsIFZhbGlkYXRvcnMucmVxdWlyZWRdLFxuICAgICAgcGhvbmU6IFtudWxsLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5wYXR0ZXJuKCcxKDN8NHw1fDZ8N3w4fDkpXFxcXGR7OX0nKV1dLFxuICAgICAgY29kZTogW251bGwsIFZhbGlkYXRvcnMucmVxdWlyZWRdLFxuICAgICAgcGFzc3dvcmQ6IFtudWxsLCBWYWxpZGF0b3JzLnJlcXVpcmVkXSxcbiAgICAgIHJlUGFzc3dvcmQ6IFtudWxsLCBWYWxpZGF0b3JzLnJlcXVpcmVkXSxcbiAgICB9KTtcbiAgICB0aGlzLmNvbnRpbnVlID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5xdWVyeVBhcmFtc1snY29udGludWUnXSB8fCAnLyc7XG4gIH1cbiAgc2VuZFNNU0NvZGUoKSB7XG4gICAgY29uc3QgcGhvbmVDb250cm9sID0gdGhpcy5zaWdudXBGb3JtLmdldCgncGhvbmUnKTtcbiAgICBpZiAoIXBob25lQ29udHJvbD8udmFsaWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgcGhvbmUgPSBwaG9uZUNvbnRyb2wudmFsdWU7XG4gICAgdGhpcy5jb3VudERvd24gPSB0cnVlO1xuICAgIGNvbnN0IHN0YXJ0ID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuY291bnREb3duVGltZSA+PSAwKSB7XG4gICAgICAgIHRoaXMuc2hvd0J1dHRvblRleHQgPSBgJHt0aGlzLmNvdW50RG93blRpbWUtLX3np5Lph43lj5FgO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xlYXJJbnRlcnZhbChzdGFydCk7XG4gICAgICAgIHRoaXMuc2hvd0J1dHRvblRleHQgPSAn6YeN5paw5Y+R6YCBJztcbiAgICAgICAgdGhpcy5jb3VudERvd24gPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jb3VudERvd25UaW1lID0gNjA7XG4gICAgICB9XG4gICAgfSwgMTAwMCk7XG4gICAgdGhpcy5hdXRoVXNlclNlcnZpY2Uuc2VuZFNNU0NvZGUoJys4NicsIHBob25lKS5zdWJzY3JpYmUoe1xuICAgICAgbmV4dDogKHJlcykgPT4ge1xuICAgICAgICB0aGlzLnNuYWNrQmFyU2VydmljZS5vcGVuKCflj5HpgIHmiJDlip8nKTtcbiAgICAgIH0sXG4gICAgICBlcnJvcjogKGVycm9yKSA9PiB7XG4gICAgICAgIHRoaXMuc25hY2tCYXJTZXJ2aWNlLm9wZW4oZXJyb3IubWVzc2FnZSk7XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG4gIHN1Ym1pdCgpIHtcbiAgICBpZiAoIXRoaXMuc2lnbnVwRm9ybS52YWxpZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge307XG4gICAgdGhpcy5hdXRoVXNlclNlcnZpY2Uuc2lnbnVwKHRoaXMuc2lnbnVwRm9ybS52YWx1ZSkuc3Vic2NyaWJlKHtcbiAgICAgIG5leHQ6IChyZXMpID0+IHtcbiAgICAgICAgdGhpcy53aW5kb3cubG9jYXRpb24uaHJlZiA9IHRoaXMuY29udGludWUgPyB0aGlzLmNvbnRpbnVlIDogdGhpcy5lbnZpcm9ubWVudC5teWFjY291bnRVcmw7XG4gICAgICB9LFxuICAgICAgZXJyb3I6IChlcnJvcikgPT4ge1xuICAgICAgICB0aGlzLnNuYWNrQmFyU2VydmljZS5vcGVuKGVycm9yLm1lc3NhZ2UpO1xuICAgICAgfSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImgtZnVsbCBmbGV4IGZsZXgtY29sIG1kOmp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlclwiPlxuICA8ZGl2IGNsYXNzPVwibWQ6c2hhZG93LW1kIHAtOCByb3VuZGVkLW1kXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtMnhsIHBsLTIgcGItNlwiPuazqOWGjDwvZGl2PlxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwic2lnbnVwRm9ybVwiIChzdWJtaXQpPVwic3VibWl0KClcIj5cbiAgICAgIDwhLS0gbmFtZSAtLT5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwiZmlsbFwiPlxuICAgICAgICA8bWF0LWxhYmVsPiDlp5PlkI0gPC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJuYW1lXCIgcmVxdWlyZWQgLz5cbiAgICAgICAgQGlmIChzaWdudXBGb3JtLmNvbnRyb2xzWyduYW1lJ10udG91Y2hlZCAmJiBzaWdudXBGb3JtLmNvbnRyb2xzWyduYW1lJ10uaW52YWxpZCkge1xuICAgICAgICAgIDxtYXQtZXJyb3I+XG4gICAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ25hbWUnXS5lcnJvcnM/LlsncmVxdWlyZWQnXSkge1xuICAgICAgICAgICAgICA8c3Bhbj7lp5PlkI3lv4Xloas8L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9tYXQtZXJyb3I+XG4gICAgICAgIH1cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8IS0tIHBob25lIC0tPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XG4gICAgICAgIDxtYXQtbGFiZWw+IOaJi+acuuWPtyA8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cInBob25lXCIgcmVxdWlyZWQgLz5cbiAgICAgICAgQGlmIChzaWdudXBGb3JtLmNvbnRyb2xzWydwaG9uZSddLnRvdWNoZWQgJiYgc2lnbnVwRm9ybS5jb250cm9sc1sncGhvbmUnXS5pbnZhbGlkKSB7XG4gICAgICAgICAgPG1hdC1lcnJvcj5cbiAgICAgICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1sncGhvbmUnXS5lcnJvcnM/LlsncmVxdWlyZWQnXSkge1xuICAgICAgICAgICAgICA8c3Bhbj7miYvmnLrlj7flv4Xloas8L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ3Bob25lJ10uZXJyb3JzPy5bJ3BhdHRlcm4nXSkge1xuICAgICAgICAgICAgICA8c3Bhbj4g5omL5py65Y+35qC85byP6ZSZ6K+vIDwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgfVxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDwhLS0gcGhvbmUgY29kZSAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1zdGFydCBnYXAtM1wiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cbiAgICAgICAgICA8bWF0LWxhYmVsPiDpqozor4HnoIEgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cImNvZGVcIiByZXF1aXJlZCAvPlxuICAgICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1snY29kZSddLnRvdWNoZWQgJiYgc2lnbnVwRm9ybS5jb250cm9sc1snY29kZSddLmludmFsaWQpIHtcbiAgICAgICAgICAgIDxtYXQtZXJyb3I+XG4gICAgICAgICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1snY29kZSddLmVycm9ycz8uWydyZXF1aXJlZCddKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4+6aqM6K+B56CB5b+F5aGrPC9zcGFuPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAoY2xpY2spPVwic2VuZFNNU0NvZGUoKVwiXG4gICAgICAgICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlciBiZy1vcmFuZ2UtNjAwIGhvdmVyOmJnLW9yYW5nZS03MDAgdy1bMTI4cHhdIHAtMyBtdC0yIHNoYWRvdy1ncmF5LTMwMCBzaGFkb3cgaG92ZXI6c2hhZG93LWxnIHRleHQtd2hpdGUgcm91bmRlZCB0ZXh0LWNlbnRlclwiXG4gICAgICAgID5cbiAgICAgICAgICA8c3Bhbj7lj5HpgIHpqozor4HnoIE8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gcGFzc3dvcmQgLS0+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cbiAgICAgICAgPG1hdC1sYWJlbD4g5a+G56CBIDwvbWF0LWxhYmVsPlxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwicGFzc3dvcmRcIiB0eXBlPVwicGFzc3dvcmRcIiBhdXRvY29tcGxldGU9XCJwYXNzd29yZFwiIC8+XG4gICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1sncGFzc3dvcmQnXS50b3VjaGVkICYmIHNpZ251cEZvcm0uY29udHJvbHNbJ3Bhc3N3b3JkJ10uaW52YWxpZCkge1xuICAgICAgICAgIDxtYXQtZXJyb3I+XG4gICAgICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ3Bhc3N3b3JkJ10uZXJyb3JzPy5bJ3JlcXVpcmVkJ10pIHtcbiAgICAgICAgICAgICAgPHNwYW4+6K+36L6T5YWl5a+G56CBPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgICB9XG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxuXG4gICAgICA8IS0tIHBhc3N3b3JkIGNvbmZpcm0gLS0+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cbiAgICAgICAgPG1hdC1sYWJlbD4g56Gu6K6k5a+G56CBIDwvbWF0LWxhYmVsPlxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwicmVQYXNzd29yZFwiIHR5cGU9XCJwYXNzd29yZFwiIGF1dG9jb21wbGV0ZT1cInJlUGFzc3dvcmRcIiAvPlxuICAgICAgICBAaWYgKHNpZ251cEZvcm0uY29udHJvbHNbJ3JlUGFzc3dvcmQnXS50b3VjaGVkICYmIHNpZ251cEZvcm0uY29udHJvbHNbJ3JlUGFzc3dvcmQnXS5pbnZhbGlkKSB7XG4gICAgICAgICAgPG1hdC1lcnJvcj5cbiAgICAgICAgICAgIEBpZiAoc2lnbnVwRm9ybS5jb250cm9sc1sncmVQYXNzd29yZCddLmVycm9ycz8uWydyZXF1aXJlZCddKSB7XG4gICAgICAgICAgICAgIDxzcGFuPuivt+ehruiupOWvhueggTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgfVxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L2Zvcm0+XG4gICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlciBweC0zXCI+XG4gICAgICA8YSBtYXQtYnV0dG9uIGhyZWY9XCIvc2lnbmluXCI+55m75b2VPC9hPlxuICAgICAgPGRpdlxuICAgICAgICAoY2xpY2spPVwic3VibWl0KClcIlxuICAgICAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyIGJnLW9yYW5nZS02MDAgaG92ZXI6Ymctb3JhbmdlLTcwMCB3LVsxMjhweF0gcC0zIHNoYWRvdy1ncmF5LTMwMCBzaGFkb3cgaG92ZXI6c2hhZG93LWxnIHRleHQtd2hpdGUgcm91bmRlZCB0ZXh0LWNlbnRlclwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuPuazqOWGjDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/pages/myaccount/email/email.component.mjs

@@ -31,10 +31,10 @@ export class EmailComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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.2.2", ngImport: i0, type: EmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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.2.1", ngImport: i0, type: EmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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" }]
         }] });

package/esm2022/lib/pages/myaccount/email-verification/email-verification.component.mjs

@@ -16,10 +16,10 @@ export class EmailVerificationComponent extends BaseComponent {
         this.dialogService.open(options);
         this.dialogService.confirmed().subscribe((confirmed) => { });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EmailVerificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: EmailVerificationComponent, isStandalone: true, selector: "myaccount-email-verification", usesInheritance: true, ngImport: i0, template: "<div class=\"p-3\">Email verification</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EmailVerificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: EmailVerificationComponent, isStandalone: true, selector: "myaccount-email-verification", usesInheritance: true, ngImport: i0, template: "<div class=\"p-3\">Email verification</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EmailVerificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EmailVerificationComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'myaccount-email-verification', template: "<div class=\"p-3\">Email verification</div>\n" }]
         }] });

package/esm2022/lib/pages/myaccount/gender/gender.component.mjs

@@ -36,10 +36,10 @@ export class GenderComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GenderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i4.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.2.2", ngImport: i0, type: GenderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", 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: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i4.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.2.1", ngImport: i0, type: GenderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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" }]
         }] });

package/esm2022/lib/pages/myaccount/home/home.component.mjs

@@ -12,10 +12,10 @@ export class HomeComponent extends BaseComponent {
     ngOnInit() {
         this.user$ = this.authUserService.me();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HomeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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-loading-spinner></rolatech-loading-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      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HomeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", 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-loading-spinner></rolatech-loading-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      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HomeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, LoadingSpinnerComponent], 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-loading-spinner></rolatech-loading-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      </div>\n    </div>\n  </div>\n}\n" }]
         }] });

package/esm2022/lib/pages/myaccount/personal-info/info.component.mjs

@@ -35,10 +35,10 @@ export class InfoComponent {
             location.reload();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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-loading-spinner></rolatech-loading-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.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: LoadingSpinnerComponent, selector: "rolatech-loading-spinner", inputs: ["title"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", 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-loading-spinner></rolatech-loading-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.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: LoadingSpinnerComponent, selector: "rolatech-loading-spinner", inputs: ["title"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, LoadingSpinnerComponent], selector: 'rolatech-account-info', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-loading-spinner></rolatech-loading-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" }]
         }] });

package/esm2022/lib/pages/myaccount/personal-info/profile/profile.component.mjs

@@ -31,10 +31,10 @@ export class ProfileComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ProfileComponent, isStandalone: true, selector: "rolatech-account-profile", 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\u59D3\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u7B80\u79F0, \u53EF\u4EE5\u662F\u771F\u5B9E\u59D3\u540D, \u4E5F\u53EF\u4EE5\u662F\u6635\u79F0</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"name\" />\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.2.2", ngImport: i0, type: ProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ProfileComponent, isStandalone: true, selector: "rolatech-account-profile", 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\u59D3\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u7B80\u79F0, \u53EF\u4EE5\u662F\u771F\u5B9E\u59D3\u540D, \u4E5F\u53EF\u4EE5\u662F\u6635\u79F0</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"name\" />\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.2.1", ngImport: i0, type: ProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ProfileComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-profile', 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\u59D3\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u7B80\u79F0, \u53EF\u4EE5\u662F\u771F\u5B9E\u59D3\u540D, \u4E5F\u53EF\u4EE5\u662F\u6635\u79F0</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"name\" />\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" }]
         }] });

package/esm2022/lib/pages/myaccount/personal-info/username/username.component.mjs

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

package/esm2022/lib/pages/myaccount/phone/phone.component.mjs

@@ -60,10 +60,10 @@ export class PhoneComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: PhoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.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.2.2", ngImport: i0, type: PhoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.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.2.1", ngImport: i0, type: PhoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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"] }]
         }] });

package/esm2022/lib/pages/myaccount/security/security-faceid/security-faceid.component.mjs

@@ -3,10 +3,10 @@ import { AngularCommonModule } from '@rolatech/angular-common';
 import { AngularComponentsModule } from '@rolatech/angular-components';
 import * as i0 from "@angular/core";
 export class SecurityFaceidComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityFaceidComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: SecurityFaceidComponent, isStandalone: true, selector: "rolatech-account-security-faceid", ngImport: i0, template: "<p>security-faceid works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityFaceidComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SecurityFaceidComponent, isStandalone: true, selector: "rolatech-account-security-faceid", ngImport: i0, template: "<p>security-faceid works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityFaceidComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityFaceidComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-security-faceid', template: "<p>security-faceid works!</p>\n" }]
         }] });

package/esm2022/lib/pages/myaccount/security/security-index/security-index.component.mjs

@@ -54,10 +54,10 @@ export class SecurityIndexComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: SecurityIndexComponent, isStandalone: true, selector: "rolatech-account-security-index", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B89\u5168\u8BBE\u7F6E</p>\n      <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5B89\u5168\u8BBE\u7F6E</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5B9E\u540D\u8BA4\u8BC1</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> \u672A\u8BA4\u8BC1 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> \u5DF2\u8BA4\u8BC1 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>\u5FAE\u4FE1\u7ED1\u5B9A</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> \u7ED1\u5B9A </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> \u5DF2\u7ED1\u5B9A </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5BC6\u7801\u8BBE\u7F6E</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SecurityIndexComponent, isStandalone: true, selector: "rolatech-account-security-index", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B89\u5168\u8BBE\u7F6E</p>\n      <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5B89\u5168\u8BBE\u7F6E</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5B9E\u540D\u8BA4\u8BC1</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> \u672A\u8BA4\u8BC1 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> \u5DF2\u8BA4\u8BC1 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>\u5FAE\u4FE1\u7ED1\u5B9A</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> \u7ED1\u5B9A </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> \u5DF2\u7ED1\u5B9A </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5BC6\u7801\u8BBE\u7F6E</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityIndexComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityIndexComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-security-index', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B89\u5168\u8BBE\u7F6E</p>\n      <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5B89\u5168\u8BBE\u7F6E</p>\n    </div>\n    <div class=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5B9E\u540D\u8BA4\u8BC1</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> \u672A\u8BA4\u8BC1 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> \u5DF2\u8BA4\u8BC1 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>\u5FAE\u4FE1\u7ED1\u5B9A</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> \u7ED1\u5B9A </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> \u5DF2\u7ED1\u5B9A </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> \u89E3\u7ED1 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>\u5BC6\u7801\u8BBE\u7F6E</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [] });

package/esm2022/lib/pages/myaccount/security/security-password/security-password.component.mjs

@@ -40,10 +40,10 @@ export class SecurityPasswordComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.AuthService }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: SecurityPasswordComponent, isStandalone: true, selector: "rolatech-account-security-password", ngImport: i0, template: "<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">\u4FEE\u6539\u5BC6\u7801</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">\u4FEE\u6539\u7528\u6237\u5BC6\u7801</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u539F\u5BC6\u7801</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.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.2.2", ngImport: i0, type: SecurityPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.AuthService }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SecurityPasswordComponent, isStandalone: true, selector: "rolatech-account-security-password", ngImport: i0, template: "<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">\u4FEE\u6539\u5BC6\u7801</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">\u4FEE\u6539\u7528\u6237\u5BC6\u7801</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u539F\u5BC6\u7801</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.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.2.1", ngImport: i0, type: SecurityPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityPasswordComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-security-password', template: "<div>\n  <div class=\"px-3 max-w-[1120px] m-auto\">\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n        <mat-icon>arrow_back</mat-icon>\n      </div>\n      <span class=\"text-xl font-medium\">\u4FEE\u6539\u5BC6\u7801</span>\n    </div>\n  </div>\n  <div class=\"px-4\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">\u4FEE\u6539\u7528\u6237\u5BC6\u7801</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u539F\u5BC6\u7801</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u65B0\u5BC6\u7801 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.AuthService }, { type: i3.MatSnackBar }] });

package/esm2022/lib/pages/myaccount/security/security-verification/security-verification.component.mjs

@@ -75,10 +75,10 @@ export class SecurityVerificationComponent {
             this.renderer.removeChild(this.qrcElement.nativeElement, node);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityVerificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: SecurityVerificationComponent, isStandalone: true, selector: "rolatech-account-security-verification", viewQueries: [{ propertyName: "qrcElement", first: true, predicate: ["qrcode"], descendants: true }], ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B9E\u540D\u8BA4\u8BC1</p>\n      <p class=\"text-md\">\u5B9E\u540D\u8BA4\u8BC1, \u4F1A\u8BA9\u4F60\u7684\u8D26\u6237\u66F4\u52A0\u5B89\u5168</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">\u60A8\u5DF2\u7ECF\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">\u59D3\u540D: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">\u8EAB\u4EFD\u8BC1: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>\u672A\u8BA4\u8BC1</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">\u8BF7\u6C42\u8BA4\u8BC1</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-loading-spinner></rolatech-loading-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "rolatech-loading-spinner", inputs: ["title"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityVerificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SecurityVerificationComponent, isStandalone: true, selector: "rolatech-account-security-verification", viewQueries: [{ propertyName: "qrcElement", first: true, predicate: ["qrcode"], descendants: true }], ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B9E\u540D\u8BA4\u8BC1</p>\n      <p class=\"text-md\">\u5B9E\u540D\u8BA4\u8BC1, \u4F1A\u8BA9\u4F60\u7684\u8D26\u6237\u66F4\u52A0\u5B89\u5168</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">\u60A8\u5DF2\u7ECF\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">\u59D3\u540D: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">\u8EAB\u4EFD\u8BC1: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>\u672A\u8BA4\u8BC1</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">\u8BF7\u6C42\u8BA4\u8BC1</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-loading-spinner></rolatech-loading-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "rolatech-loading-spinner", inputs: ["title"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SecurityVerificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SecurityVerificationComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, LoadingSpinnerComponent], selector: 'rolatech-account-security-verification', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u5B9E\u540D\u8BA4\u8BC1</p>\n      <p class=\"text-md\">\u5B9E\u540D\u8BA4\u8BC1, \u4F1A\u8BA9\u4F60\u7684\u8D26\u6237\u66F4\u52A0\u5B89\u5168</p>\n    </div>\n  </div>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">\u60A8\u5DF2\u7ECF\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">\u59D3\u540D: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">\u8EAB\u4EFD\u8BC1: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>\u672A\u8BA4\u8BC1</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">\u8BF7\u6C42\u8BA4\u8BC1</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-loading-spinner></rolatech-loading-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { qrcElement: [{

package/esm2022/lib/services/wechat-login.service.mjs

@@ -4,10 +4,10 @@ export class WeChatLoginService {
     constructor() {
         this.onWeChatLogin = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WeChatLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WeChatLoginService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: WeChatLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: WeChatLoginService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WeChatLoginService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: WeChatLoginService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/{rolatech-angular-account-email-verification.component-4RClhLI4.mjs → rolatech-angular-account-email-verification.component-CeeR4yOF.mjs}

@@ -17,13 +17,13 @@ class EmailVerificationComponent extends BaseComponent {
         this.dialogService.open(options);
         this.dialogService.confirmed().subscribe((confirmed) => { });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EmailVerificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: EmailVerificationComponent, isStandalone: true, selector: "myaccount-email-verification", usesInheritance: true, ngImport: i0, template: "<div class=\"p-3\">Email verification</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EmailVerificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: EmailVerificationComponent, isStandalone: true, selector: "myaccount-email-verification", usesInheritance: true, ngImport: i0, template: "<div class=\"p-3\">Email verification</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EmailVerificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EmailVerificationComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'myaccount-email-verification', template: "<div class=\"p-3\">Email verification</div>\n" }]
         }] });
 
 export { EmailVerificationComponent };
-//# sourceMappingURL=rolatech-angular-account-email-verification.component-4RClhLI4.mjs.map
+//# sourceMappingURL=rolatech-angular-account-email-verification.component-CeeR4yOF.mjs.map