add setting-management to nx workspace

npm/ng-packs/nx/ng-packs/angular.json

@@ -325,6 +325,47 @@
         }
       }
     },
+    "setting-management": {
+      "projectType": "library",
+      "root": "packages/setting-management",
+      "sourceRoot": "packages/setting-management/src",
+      "prefix": "abp",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "packages/setting-management/tsconfig.lib.json",
+            "project": "packages/setting-management/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "packages/setting-management/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "packages/setting-management/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/packages/setting-management"],
+          "options": {
+            "jestConfig": "packages/setting-management/jest.config.js",
+            "passWithNoTests": true
+          }
+        },
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "packages/setting-management/src/**/*.ts",
+              "packages/setting-management/src/**/*.html"
+            ]
+          }
+        }
+      }
+    },
     "theme-basic": {
       "projectType": "library",
       "root": "packages/theme-basic",

npm/ng-packs/nx/ng-packs/nx.json

@@ -57,6 +57,10 @@
       "tags": [],
       "implicitDependencies": ["core", "theme-shared"]
     },
+    "setting-management": {
+      "tags": [],
+      "implicitDependencies": ["core", "theme-shared", "components"]
+    },
     "theme-basic": {
       "tags": [],
       "implicitDependencies": ["core", "theme-shared", "account-core"]

npm/ng-packs/nx/ng-packs/packages/setting-management/.eslintrc.json

@@ -0,0 +1,36 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nrwl/nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "abp",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "abp",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/README.md

@@ -0,0 +1,3 @@
+<h1> @abp/ng.setting-management </h1>
+
+[docs.abp.io](https://docs.abp.io)

npm/ng-packs/nx/ng-packs/packages/setting-management/config/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/packages/setting-management/config",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/components/email-setting-group/email-setting-group.component.html

@@ -0,0 +1,73 @@
+<h2>{{ 'AbpSettingManagement::Menu:Emailing' | abpLocalization }}</h2>
+
+<hr class="my-3" />
+
+<form *ngIf="form" [formGroup]="form" (ngSubmit)="submit()" validateOnSubmit>
+  <div class="form-group">
+    <label>{{ 'AbpSettingManagement::DefaultFromDisplayName' | abpLocalization }}</label>
+    <input type="text" class="form-control" formControlName="defaultFromDisplayName" />
+  </div>
+  <div class="form-group">
+    <label>{{ 'AbpSettingManagement::DefaultFromAddress' | abpLocalization }}</label>
+    <input type="text" class="form-control" formControlName="defaultFromAddress" />
+  </div>
+  <div class="form-group">
+    <label>{{ 'AbpSettingManagement::SmtpHost' | abpLocalization }}</label>
+    <input type="text" class="form-control" formControlName="smtpHost" />
+  </div>
+  <div class="form-group">
+    <label>{{ 'AbpSettingManagement::SmtpPort' | abpLocalization }}</label>
+    <input type="number" class="form-control" formControlName="smtpPort" />
+  </div>
+
+  <div class="custom-checkbox custom-control mb-2">
+    <input
+      type="checkbox"
+      id="smtp-enable-ssl"
+      class="custom-control-input"
+      formControlName="smtpEnableSsl"
+    />
+    <label class="custom-control-label" for="smtp-enable-ssl">{{
+      'AbpSettingManagement::SmtpEnableSsl' | abpLocalization
+    }}</label>
+  </div>
+  <div class="custom-checkbox custom-control mb-2">
+    <input
+      type="checkbox"
+      id="smtp-use-default-credentials"
+      class="custom-control-input"
+      formControlName="smtpUseDefaultCredentials"
+    />
+    <label class="custom-control-label" for="smtp-use-default-credentials">{{
+      'AbpSettingManagement::SmtpUseDefaultCredentials' | abpLocalization
+    }}</label>
+  </div>
+
+  <div
+    [@collapse]="{
+      value: form.get('smtpUseDefaultCredentials').value ? 'collapsed' : 'expanded',
+      params: { time: '200ms', easing: 'linear' }
+    }"
+  >
+    <div class="form-group">
+      <label>{{ 'AbpSettingManagement::SmtpDomain' | abpLocalization }}</label>
+      <input type="text" class="form-control" formControlName="smtpDomain" />
+    </div>
+
+    <div class="form-group">
+      <label>{{ 'AbpSettingManagement::SmtpUserName' | abpLocalization }}</label>
+      <input type="text" class="form-control" formControlName="smtpUserName" />
+    </div>
+
+    <div class="form-group">
+      <label>{{ 'AbpSettingManagement::SmtpPassword' | abpLocalization }}</label>
+      <input type="text" class="form-control" formControlName="smtpPassword" />
+    </div>
+  </div>
+
+  <hr />
+
+  <button type="submit" class="btn btn-primary">
+    {{ 'AbpSettingManagement::Save' | abpLocalization }}
+  </button>
+</form>

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/components/email-setting-group/email-setting-group.component.ts

@@ -0,0 +1,60 @@
+import { collapse, ToasterService } from '@abp/ng.theme.shared';
+import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { finalize } from 'rxjs/operators';
+import { EmailSettingsService } from '../../proxy/email-settings.service';
+import { EmailSettingsDto } from '../../proxy/models';
+
+@Component({
+  selector: 'abp-email-setting-group',
+  templateUrl: 'email-setting-group.component.html',
+  animations: [collapse],
+})
+export class EmailSettingGroupComponent implements OnInit {
+  form: FormGroup;
+
+  saving = false;
+
+  constructor(
+    private emailSettingsService: EmailSettingsService,
+    private fb: FormBuilder,
+    private toasterService: ToasterService,
+  ) {}
+
+  ngOnInit() {
+    this.getData();
+  }
+
+  private getData() {
+    this.emailSettingsService.get().subscribe(res => {
+      this.buildForm(res);
+    });
+  }
+
+  private buildForm(emailSettings: EmailSettingsDto) {
+    this.form = this.fb.group({
+      defaultFromDisplayName: [emailSettings.defaultFromDisplayName, [Validators.required]],
+      defaultFromAddress: [emailSettings.defaultFromAddress, [Validators.required]],
+      smtpHost: [emailSettings.smtpHost],
+      smtpPort: [emailSettings.smtpPort, [Validators.required]],
+      smtpEnableSsl: [emailSettings.smtpEnableSsl],
+      smtpUseDefaultCredentials: [emailSettings.smtpUseDefaultCredentials],
+      smtpDomain: [emailSettings.smtpDomain],
+      smtpUserName: [emailSettings.smtpUserName],
+      smtpPassword: [emailSettings.smtpPassword],
+    });
+  }
+
+  submit() {
+    if (this.saving || this.form.invalid) return;
+
+    this.saving = true;
+    this.emailSettingsService
+      .update(this.form.value)
+      .pipe(finalize(() => (this.saving = false)))
+      .subscribe(() => {
+        this.toasterService.success('AbpSettingManagement::SuccessfullySaved');
+        this.getData();
+      });
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/enums/index.ts

@@ -0,0 +1,2 @@
+export * from './route-names';
+export * from './setting-tab-names';

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/enums/route-names.ts

@@ -0,0 +1,3 @@
+export const enum eSettingManagementRouteNames {
+  Settings = 'AbpSettingManagement::Settings',
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/enums/setting-tab-names.ts

@@ -0,0 +1,3 @@
+export const enum eSettingManamagementSettingTabNames {
+  EmailSettingGroup = 'AbpSettingManagement::Menu:Emailing',
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/providers/index.ts

@@ -0,0 +1,2 @@
+export * from './route.provider';
+export * from './setting-tab.provider';

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/providers/route.provider.ts

@@ -0,0 +1,43 @@
+import { eLayoutType, RoutesService, SettingTabsService } from '@abp/ng.core';
+import { eThemeSharedRouteNames } from '@abp/ng.theme.shared';
+import { APP_INITIALIZER } from '@angular/core';
+import { debounceTime, map } from 'rxjs/operators';
+import { eSettingManagementRouteNames } from '../enums/route-names';
+
+export const SETTING_MANAGEMENT_ROUTE_PROVIDERS = [
+  { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true },
+  {
+    provide: APP_INITIALIZER,
+    useFactory: hideRoutes,
+    deps: [RoutesService, SettingTabsService],
+    multi: true,
+  },
+];
+
+export function configureRoutes(routesService: RoutesService) {
+  return () => {
+    routesService.add([
+      {
+        name: eSettingManagementRouteNames.Settings,
+        path: '/setting-management',
+        parentName: eThemeSharedRouteNames.Administration,
+        layout: eLayoutType.application,
+        order: 100,
+        iconClass: 'fa fa-cog',
+      },
+    ]);
+  };
+}
+
+export function hideRoutes(routesService: RoutesService, settingTabsService: SettingTabsService) {
+  return () => {
+    settingTabsService.visible$
+      .pipe(
+        debounceTime(0),
+        map(nodes => !nodes.length),
+      )
+      .subscribe(invisible =>
+        routesService.patch(eSettingManagementRouteNames.Settings, { invisible }),
+      );
+  };
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/providers/setting-tab.provider.ts

@@ -0,0 +1,26 @@
+import { SettingTabsService } from '@abp/ng.core';
+import { APP_INITIALIZER } from '@angular/core';
+import { EmailSettingGroupComponent } from '../components/email-setting-group/email-setting-group.component';
+import { eSettingManamagementSettingTabNames } from '../enums/setting-tab-names';
+
+export const SETTING_MANAGEMENT_SETTING_TAB_PROVIDERS = [
+  {
+    provide: APP_INITIALIZER,
+    useFactory: configureSettingTabs,
+    deps: [SettingTabsService],
+    multi: true,
+  },
+];
+
+export function configureSettingTabs(settingTabs: SettingTabsService) {
+  return () => {
+    settingTabs.add([
+      {
+        name: eSettingManamagementSettingTabNames.EmailSettingGroup,
+        order: 100,
+        requiredPolicy: 'SettingManagement.Emailing',
+        component: EmailSettingGroupComponent,
+      },
+    ]);
+  };
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/proxy/README.md

@@ -0,0 +1,17 @@
+# Proxy Generation Output
+
+This directory includes the output of the latest proxy generation.
+The files and folders in it will be overwritten when proxy generation is run again.
+Therefore, please do not place your own content in this folder.
+
+In addition, `generate-proxy.json` works like a lock file.
+It includes information used by the proxy generator, so please do not delete or modify it.
+
+Finally, the name of the files and folders should not be changed for two reasons:
+- Proxy generator will keep creating them at those paths and you will have multiple copies of the same content.
+- ABP Suite generates files which include imports from this folder.
+
+> **Important Notice:** If you are building a module and are planning to publish to npm,
+> some of the generated proxies are likely to be exported from public-api.ts file. In such a case,
+> please make sure you export files directly and not from barrel exports. In other words,
+> do not include index.ts exports in your public-api.ts exports.

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/proxy/email-settings.service.ts

@@ -0,0 +1,27 @@
+import type { EmailSettingsDto, UpdateEmailSettingsDto } from './models';
+import { RestService } from '@abp/ng.core';
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class EmailSettingsService {
+  apiName = 'SettingManagement';
+
+  get = () =>
+    this.restService.request<any, EmailSettingsDto>({
+      method: 'GET',
+      url: '/api/setting-management/emailing',
+    },
+    { apiName: this.apiName });
+
+  update = (input: UpdateEmailSettingsDto) =>
+    this.restService.request<any, void>({
+      method: 'POST',
+      url: '/api/setting-management/emailing',
+      body: input,
+    },
+    { apiName: this.apiName });
+
+  constructor(private restService: RestService) {}
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/proxy/index.ts

@@ -0,0 +1,2 @@
+export * from './email-settings.service';
+export * from './models';

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/proxy/models.ts

@@ -0,0 +1,24 @@
+
+export interface EmailSettingsDto {
+  smtpHost?: string;
+  smtpPort: number;
+  smtpUserName?: string;
+  smtpPassword?: string;
+  smtpDomain?: string;
+  smtpEnableSsl: boolean;
+  smtpUseDefaultCredentials: boolean;
+  defaultFromAddress?: string;
+  defaultFromDisplayName?: string;
+}
+
+export interface UpdateEmailSettingsDto {
+  smtpHost?: string;
+  smtpPort: number;
+  smtpUserName?: string;
+  smtpPassword?: string;
+  smtpDomain?: string;
+  smtpEnableSsl: boolean;
+  smtpUseDefaultCredentials: boolean;
+  defaultFromAddress: string;
+  defaultFromDisplayName: string;
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/public-api.ts

@@ -0,0 +1,5 @@
+export * from './enums';
+export * from './providers';
+export * from './setting-management-config.module';
+export * from './proxy';
+export * from './components/email-setting-group/email-setting-group.component';

npm/ng-packs/nx/ng-packs/packages/setting-management/config/src/setting-management-config.module.ts

@@ -0,0 +1,20 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { CoreModule } from '@abp/ng.core';
+import { EmailSettingGroupComponent } from './components/email-setting-group/email-setting-group.component';
+import { SETTING_MANAGEMENT_ROUTE_PROVIDERS } from './providers/route.provider';
+import { SETTING_MANAGEMENT_SETTING_TAB_PROVIDERS } from './providers/setting-tab.provider';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
+
+@NgModule({
+  imports: [CoreModule, NgxValidateCoreModule],
+  declarations: [EmailSettingGroupComponent],
+  exports: [EmailSettingGroupComponent],
+})
+export class SettingManagementConfigModule {
+  static forRoot(): ModuleWithProviders<SettingManagementConfigModule> {
+    return {
+      ngModule: SettingManagementConfigModule,
+      providers: [SETTING_MANAGEMENT_ROUTE_PROVIDERS, SETTING_MANAGEMENT_SETTING_TAB_PROVIDERS],
+    };
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/jest.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  displayName: 'setting-management',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+    },
+  },
+  coverageDirectory: '../../coverage/packages/setting-management',
+  transform: {
+    '^.+\\.(ts|js|html)$': 'jest-preset-angular',
+  },
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

npm/ng-packs/nx/ng-packs/packages/setting-management/ng-package.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/packages/setting-management",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "allowedNonPeerDependencies": ["@abp/ng.theme.shared", "@abp/ng.components"]
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@abp/ng.setting-management",
+  "version": "4.4.0",
+  "homepage": "https://abp.io",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/abpframework/abp.git"
+  },
+  "dependencies": {
+    "@abp/ng.components": "~4.4.0",
+    "@abp/ng.theme.shared": "~4.4.0",
+    "tslib": "^2.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/actions/index.ts

@@ -0,0 +1 @@
+export * from './setting-management.actions';

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/actions/setting-management.actions.ts

@@ -0,0 +1,6 @@
+import { ABP } from '@abp/ng.core';
+
+export class SetSelectedSettingTab {
+  static readonly type = '[SettingManagement] Set Selected Tab';
+  constructor(public payload: ABP.Tab) {}
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/components/setting-management.component.html

@@ -0,0 +1,36 @@
+<abp-page [title]="'AbpSettingManagement::Settings' | abpLocalization">
+  <div id="SettingManagementWrapper">
+    <div class="card">
+      <div class="card-body">
+        <div class="row">
+          <div class="col-12 col-md-3 mb-2 mb-md-0">
+            <ul class="nav flex-column nav-pills" id="nav-tab" role="tablist">
+              <ng-container *abpFor="let setting of settings; trackBy: trackByFn">
+                <li
+                  (click)="selected = setting"
+                  class="nav-item pointer"
+                  *abpPermission="setting.requiredPolicy"
+                >
+                  <a
+                    class="nav-link"
+                    [id]="setting.name + '-tab'"
+                    role="tab"
+                    [class.active]="setting.name === selected.name"
+                    >{{ setting.name | abpLocalization }}</a
+                  >
+                </li>
+              </ng-container>
+            </ul>
+          </div>
+          <div class="col-12 col-md-9">
+            <div *ngIf="settings.length" class="tab-content">
+              <div class="tab-pane fade show active" [id]="selected.name + '-tab'" role="tabpanel">
+                <ng-container *ngComponentOutlet="selected.component"></ng-container>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</abp-page>

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/components/setting-management.component.ts

@@ -0,0 +1,42 @@
+import { ABP, SettingTabsService } from '@abp/ng.core';
+import { Component, OnDestroy, OnInit, TrackByFunction } from '@angular/core';
+import { Store } from '@ngxs/store';
+import { Subscription } from 'rxjs';
+import { SetSelectedSettingTab } from '../actions/setting-management.actions';
+import { SettingManagementState } from '../states/setting-management.state';
+
+@Component({
+  selector: 'abp-setting-management',
+  templateUrl: './setting-management.component.html',
+})
+export class SettingManagementComponent implements OnDestroy, OnInit {
+  private subscription = new Subscription();
+  settings: ABP.Tab[] = [];
+
+  set selected(value: ABP.Tab) {
+    this.store.dispatch(new SetSelectedSettingTab(value));
+  }
+  get selected(): ABP.Tab {
+    const value = this.store.selectSnapshot(SettingManagementState.getSelectedTab);
+
+    return value?.component ? value : this.settings[0] || ({} as ABP.Tab);
+  }
+
+  trackByFn: TrackByFunction<ABP.Tab> = (_, item) => item.name;
+
+  constructor(private store: Store, private settingTabsService: SettingTabsService) {}
+
+  ngOnDestroy() {
+    this.subscription.unsubscribe();
+  }
+
+  ngOnInit() {
+    this.subscription.add(
+      this.settingTabsService.visible$.subscribe(settings => {
+        this.settings = settings;
+
+        if (!this.selected) this.selected = this.settings[0];
+      }),
+    );
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/enums/components.ts

@@ -0,0 +1,3 @@
+export const enum eSettingManagementComponents {
+  SettingManagement = 'SettingManagement.SettingManagementComponent',
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/enums/index.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './route-names';

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/enums/route-names.ts

@@ -0,0 +1,3 @@
+export const enum eSettingManagementRouteNames {
+  Settings = 'AbpSettingManagement::Settings',
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/models/index.ts

@@ -0,0 +1 @@
+export * from './setting-management';

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/models/setting-management.ts

@@ -0,0 +1,7 @@
+import { ABP } from '@abp/ng.core';
+
+export namespace SettingManagement {
+  export interface State {
+    selectedTab?: ABP.Tab;
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/setting-management-routing.module.ts

@@ -0,0 +1,37 @@
+import {
+  DynamicLayoutComponent,
+  ReplaceableComponents,
+  ReplaceableRouteContainerComponent,
+  AuthGuard,
+} from '@abp/ng.core';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { SettingManagementComponent } from './components/setting-management.component';
+import { eSettingManagementComponents } from './enums/components';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: DynamicLayoutComponent,
+    canActivate: [AuthGuard],
+    children: [
+      {
+        path: '',
+        component: ReplaceableRouteContainerComponent,
+        data: {
+          requiredPolicy: 'AbpAccount.SettingManagement',
+          replaceableComponent: {
+            key: eSettingManagementComponents.SettingManagement,
+            defaultComponent: SettingManagementComponent,
+          } as ReplaceableComponents.RouteData,
+        },
+      },
+    ],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class SettingManagementRoutingModule {}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/setting-management.module.ts

@@ -0,0 +1,32 @@
+import { CoreModule, LazyModuleFactory } from '@abp/ng.core';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { ModuleWithProviders, NgModule, NgModuleFactory } from '@angular/core';
+import { NgxsModule } from '@ngxs/store';
+import { PageModule } from '@abp/ng.components/page';
+import { SettingManagementComponent } from './components/setting-management.component';
+import { SettingManagementRoutingModule } from './setting-management-routing.module';
+import { SettingManagementState } from './states/setting-management.state';
+
+@NgModule({
+  declarations: [SettingManagementComponent],
+  exports: [SettingManagementComponent],
+  imports: [
+    SettingManagementRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    PageModule,
+    NgxsModule.forFeature([SettingManagementState]),
+  ],
+})
+export class SettingManagementModule {
+  static forChild(): ModuleWithProviders<SettingManagementModule> {
+    return {
+      ngModule: SettingManagementModule,
+      providers: [],
+    };
+  }
+
+  static forLazy(): NgModuleFactory<SettingManagementModule> {
+    return new LazyModuleFactory(SettingManagementModule.forChild());
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/states/index.ts

@@ -0,0 +1 @@
+export * from './setting-management.state';

npm/ng-packs/nx/ng-packs/packages/setting-management/src/lib/states/setting-management.state.ts

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import { Action, Selector, State, StateContext } from '@ngxs/store';
+import { SetSelectedSettingTab } from '../actions/setting-management.actions';
+import { SettingManagement } from '../models/setting-management';
+
+@State<SettingManagement.State>({
+  name: 'SettingManagementState',
+  defaults: {},
+})
+@Injectable()
+export class SettingManagementState {
+  @Selector()
+  static getSelectedTab({ selectedTab }: SettingManagement.State) {
+    return selectedTab;
+  }
+
+  @Action(SetSelectedSettingTab)
+  settingManagementAction(
+    { patchState }: StateContext<SettingManagement.State>,
+    { payload }: SetSelectedSettingTab,
+  ) {
+    patchState({
+      selectedTab: payload,
+    });
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/src/public-api.ts

@@ -0,0 +1,3 @@
+export * from './lib/setting-management.module';
+export * from './lib/components/setting-management.component';
+export * from './lib/enums';

npm/ng-packs/nx/ng-packs/packages/setting-management/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular/setup-jest';

npm/ng-packs/nx/ng-packs/packages/setting-management/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/tsconfig.lib.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial",
+    "enableIvy": false
+  }
+}

npm/ng-packs/nx/ng-packs/packages/setting-management/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

npm/ng-packs/nx/ng-packs/tsconfig.base.json

@@ -15,7 +15,7 @@
     "skipDefaultLibCheck": true,
     "baseUrl": ".",
     "paths": {
-      "@abp/feature-management": ["dist/packages/feature-management"],
+      "@abp/ng.feature-management": ["dist/packages/feature-management"],
       "@abp/ng.account.core": ["dist/packages/account-core"],
       "@abp/ng.components": ["dist/packages/components"],
       "@abp/ng.components/page": ["dist/packages/components/page"],
@@ -30,9 +30,9 @@
         "dist/packages/theme-shared/extensions"
       ],
       "@abp/ng.theme.shared/testing": ["dist/packages/theme-shared/testing"],
-      "@abp/permission-management": [
-        "dist/packages/permission-management"
-      ]
+      "@abp/ng.permission-management": ["dist/packages/permission-management"],
+      "@abp/ng.setting-management": ["dist/packages/setting-management"],
+      "@abp/ng.setting-management/config": ["dist/packages/setting-management/config"]
     }
   },
   "exclude": ["node_modules", "tmp"]

npm/ng-packs/nx/ng-packs/yarn.lock

@@ -9,6 +9,14 @@
   dependencies:
     tslib "^2.0.0"
 
+"@abp/ng.account@~4.4.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@abp/ng.account/-/ng.account-4.4.0.tgz#7f9f828180f739ca7881d4b7ba44a588cf1c377f"
+  integrity sha512-kig1vu3+7RgQxDhQFbWY0mdCp07QQPyAS6ORd8sMWdM9NkhCU1xCSZOd3HA1us+aVtgezvBxV2nY7JKYtpmmcA==
+  dependencies:
+    "@abp/ng.theme.shared" "~4.4.0"
+    tslib "^2.0.0"
+
 "@abp/ng.components@~4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@abp/ng.components/-/ng.components-4.4.0.tgz#5eefed4c486de0a83431fe9740567b88fd70a36f"
@@ -275,18 +283,6 @@
     rxjs "6.6.7"
     source-map "0.7.3"
 
-"@angular-devkit/core@12.2.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular-devkit/core/-/core-12.2.0.tgz#6ba67f5299d172a29a90394a3a8df2a164e0c15d"
-  integrity sha512-9H2NfE4eazpMPwbAx4ZbtTNijo6419DZsmQzlzwQWzTInO3+CAjQuyW53W5Nt/IoauNVOgOEsC8/YbYjNmN0Aw==
-  dependencies:
-    ajv "8.6.2"
-    ajv-formats "2.1.0"
-    fast-json-stable-stringify "2.1.0"
-    magic-string "0.25.7"
-    rxjs "6.6.7"
-    source-map "0.7.3"
-
 "@angular-devkit/core@12.2.1":
   version "12.2.1"
   resolved "https://registry.yarnpkg.com/@angular-devkit/core/-/core-12.2.1.tgz#4c987ea2a55ce201a15313336e2c9d7e56762f10"
@@ -311,12 +307,12 @@
     source-map "0.7.3"
 
 "@angular-devkit/schematics-cli@~12.2.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular-devkit/schematics-cli/-/schematics-cli-12.2.0.tgz#59719e877b0278f8447b2dfede8cd55832748a87"
-  integrity sha512-S6KSneLJfyMd711jzimgP/bVh0lZjWUgGCy21WmQuH2PWxPi4lYixtRZwgk2JmVkVYvA0F202GAYAO4G5ak0tQ==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular-devkit/schematics-cli/-/schematics-cli-12.2.1.tgz#9c4559eec8c97b00b8242686df384383c25590aa"
+  integrity sha512-NaD5v8buK4RGT27znZPlKAew1uxnQxyYwjFFpZXuzRtcbN1i/hjhapOj4HEJIIDkIzVscW6JBo2R50AEH4F18Q==
   dependencies:
-    "@angular-devkit/core" "12.2.0"
-    "@angular-devkit/schematics" "12.2.0"
+    "@angular-devkit/core" "12.2.1"
+    "@angular-devkit/schematics" "12.2.1"
     ansi-colors "4.1.1"
     inquirer "8.1.2"
     minimist "1.2.5"
@@ -331,15 +327,6 @@
     ora "5.4.1"
     rxjs "6.6.7"
 
-"@angular-devkit/schematics@12.2.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular-devkit/schematics/-/schematics-12.2.0.tgz#8e35c20ec539c3acf92a6d4e9673050cf3241461"
-  integrity sha512-C+eutMKtOLROk/2zs1NkXeLZJpFtvZm7ctWmcns0Yh83Di2sCgGiSqdqNZFyDplxkt5W5lF2cdBSGyP8ZH+/ug==
-  dependencies:
-    "@angular-devkit/core" "12.2.0"
-    ora "5.4.1"
-    rxjs "6.6.7"
-
 "@angular-devkit/schematics@12.2.1":
   version "12.2.1"
   resolved "https://registry.yarnpkg.com/@angular-devkit/schematics/-/schematics-12.2.1.tgz#83beedd6de4535e4566e651d02ba2b6fda7c7399"
@@ -390,9 +377,9 @@
     eslint-scope "^5.1.0"
 
 "@angular/animations@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/animations/-/animations-12.2.0.tgz#85e4e738bd72011067836b63bb8fc51a44646a7e"
-  integrity sha512-BCta/HT0VaM0hzsyRyb24UIaV7vlpo2jJjSwnBhO5RosH+bAaA3Faa3ps3AjCDCEXo9z99dvxJFm8WqdunPYyw==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/animations/-/animations-12.2.1.tgz#a5e40d93ce349309488dc5e876999f9605b77ac4"
+  integrity sha512-SDsBBQG2AifuVyo+LUiqFLqzQ8ourO60NhkYGugC934lRqox2ZXmAooDBGMh74K7yrzIxMpbrMbL+qGv4OGpjw==
   dependencies:
     tslib "^2.2.0"
 
@@ -431,9 +418,9 @@
     uuid "8.3.2"
 
 "@angular/common@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/common/-/common-12.2.0.tgz#b8bb889f310ae2af359120e110634cf356a6d142"
-  integrity sha512-9OaqH5WhfJ/YpN9b4TmiGHdOar/3NiGjktwG1/5jV4mTO+tOP25yNO4zCd4RuaRURipWUEa8mSaesgUgTb3jmQ==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/common/-/common-12.2.1.tgz#d0163538db70e22c4999dd44fab8de3415de4f8c"
+  integrity sha512-LGQwDN3QKX/0LVQQa6v+/Tc4Za+XiIfJMqmr6KNWh3q6/5zibkPE9YCq/nvolUg7RZzYpG7tFPgnggYtUmKURw==
   dependencies:
     tslib "^2.2.0"
 
@@ -458,23 +445,23 @@
     yargs "^17.0.0"
 
 "@angular/compiler@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-12.2.0.tgz#d1585f7b7a67b8393eef2aa4cd3ef47c9d7fc3c0"
-  integrity sha512-24G1joE699gbAHRAIESVQBI797Q506MZ/LWyFHRjfdlfXgltDN63j5dpNJzb/rUK1/uHGGAJaEH+OE60ZK2q9Q==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-12.2.1.tgz#963875d1cb4c8b1a1584bd5ed831e25517ff1355"
+  integrity sha512-XUszrdfjSEi3oI81rL4h4+DeN+j7OZukFZ3Zj77a4lu0BcrHFUZ408hzGnAQVnK4xxcpSjQet8yKGnR08YGxxA==
   dependencies:
     tslib "^2.2.0"
 
 "@angular/core@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/core/-/core-12.2.0.tgz#29869aec3f624f6d4e1b5eedc25475cd5235a2e8"
-  integrity sha512-zy/gqSlSEmi85HVbpoQ0nhC74xoL+aoofvbkKPgdgyEcnqzBt4IFzH++0EZ+GMeZ2pVoNfiXklUhAy2OBAiR/g==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/core/-/core-12.2.1.tgz#ad81d97bb9f6977c95d590d0878fce25afa72ca8"
+  integrity sha512-n3h2SIlTexQRhiU0YKk1qUobZBXtFisfNbV4kJLyjNsGyMt70NQLZVe5mUw7LV7aDAJEinuoCofqBl4FHCigEQ==
   dependencies:
     tslib "^2.2.0"
 
 "@angular/forms@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-12.2.0.tgz#ae43c044404b7cac3595ea2500abb2368889b6ef"
-  integrity sha512-lhKin5IHElH5qk2Su/o0YMF9JYb84grz0WMIHYmt3EASw/EGvzZwUBd76anJWWwFig6GLw/ZdNC9zLW2Leh06Q==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-12.2.1.tgz#f101482226c63f0f1af4811f6c0baa551e72fff1"
+  integrity sha512-frYYb/4KhGJkvQ27k0voRi3ZVPvY6NXBYidPmJf7WBnVY8jgHhfUcjc9wUNaS97TyXB3WG/eY/jLC38tO0atMA==
   dependencies:
     tslib "^2.2.0"
 
@@ -493,32 +480,32 @@
     yargs "15.3.0"
 
 "@angular/localize@~12.2.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/localize/-/localize-12.2.0.tgz#d27c053306976ce8017f9cda3e8bd5118fc9c2ae"
-  integrity sha512-LGPWzosJPJX1zI48rNelzjRBMjS7krpp+Mp8p6GdIn79cZCOzdR1/gpqHLPpJyNYBytQP/Ep0kP81LKctpWEzg==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/localize/-/localize-12.2.1.tgz#763f8b507df0fa232cf42b90fc5193de0b3a9d0f"
+  integrity sha512-3vush/iVXw7xIQyCCa+GlWQd3WIX234agie364uFIzTJR/9qIY0XnFYXLGmrq91IXo7320mFuRAFSWThjEPrZw==
   dependencies:
     "@babel/core" "7.8.3"
     glob "7.1.7"
     yargs "^17.0.0"
 
 "@angular/platform-browser-dynamic@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.0.tgz#d6d882129b5a0cf201c50f0839e5b434e822f0b0"
-  integrity sha512-mvUo1WEI8PrJxIer0RLXSW9raYDrKarUQ9T2Q0/R3ZgS6Y1WvoJe+qSZ7K/hCbErH4zd+64TuJHlj+g2WHPLug==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.1.tgz#993451555c2bea66845c3f47af2e95e38221c7cb"
+  integrity sha512-eAoLf8jdNHdBxK6yDc3ISPmrWxO46BtwTkibCT8vjVgBX2DweYB+ee0glPboIQao3d42nHRfxy4YeaIyJCvxTg==
   dependencies:
     tslib "^2.2.0"
 
 "@angular/platform-browser@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-12.2.0.tgz#d3d01602e331ace3752111e7e64efc9c4a10e561"
-  integrity sha512-MIoWBhhMmPBFfuOPBgEG21uqCZVudTj4YMGxQH4iVlI9GD9ZAht8XgopN9Vw4cytPNfKWsspLoruhIWRNSJlNA==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-12.2.1.tgz#cd7e18403df17ae987705be3ced1a0fbc6e1d23d"
+  integrity sha512-14PSiuKrXe8KP0K5+WtpwdYALKRIFWp1KxIhmqrpjbW322W9d46dC7LAw8Wzof/aHmDJops63u6EDJG7UeiUOg==
   dependencies:
     tslib "^2.2.0"
 
 "@angular/router@^12.1.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@angular/router/-/router-12.2.0.tgz#b833706e2d935da9dbc828e280f0f566458531bc"
-  integrity sha512-C5S0bU8KtU/2wBQ76AZVFivWbGYJCDwkVg2Lk4ddjqs/pKWb0vg2Baa3DfJrIz3esqfYUJl00HMYQVM9+QtZQA==
+  version "12.2.1"
+  resolved "https://registry.yarnpkg.com/@angular/router/-/router-12.2.1.tgz#38c5645b6915e6514bf1fda1447648427e28a4d5"
+  integrity sha512-dWQu+C8U8SMeWtOAl3AlfZxQYv68bisBB4uAuPXoyXiLtHgGclyzu1QZVPXTkoiyGv+odrqX8LaG/eQtbU0G8Q==
   dependencies:
     tslib "^2.2.0"
 
@@ -2962,9 +2949,9 @@
     universal-user-agent "^6.0.0"
 
 "@octokit/openapi-types@^9.5.0":
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-9.6.0.tgz#0260a84f5c61c01755402ab5ac5b1ab46e7c0730"
-  integrity sha512-L+8x7DpcNtHkMbTxxCxg3cozvHUNP46rOIzFwoMs0piWwQzAGNXqlIQO2GLvnKTWLUh99DkY+UyHVrP4jXlowg==
+  version "9.7.0"
+  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-9.7.0.tgz#9897cdefd629cd88af67b8dbe2e5fb19c63426b2"
+  integrity sha512-TUJ16DJU8mekne6+KVcMV5g6g/rJlrnIKn7aALG9QrNpnEipFc1xjoarh0PKaAWf2Hf+HwthRKYt+9mCm5RsRg==
 
 "@octokit/plugin-enterprise-rest@^6.0.1":
   version "6.0.1"
@@ -3010,9 +2997,9 @@
     once "^1.4.0"
 
 "@octokit/request@^5.2.0":
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-5.6.0.tgz#6084861b6e4fa21dc40c8e2a739ec5eff597e672"
-  integrity sha512-4cPp/N+NqmaGQwbh3vUsYqokQIzt7VjsgTYVXiwpUP2pxd5YiZB2XuTedbb0SPtv9XS7nzAKjAuQxmY8/aZkiA==
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-5.6.1.tgz#f97aff075c37ab1d427c49082fefeef0dba2d8ce"
+  integrity sha512-Ls2cfs1OfXaOKzkcxnqw5MR6drMA/zWX/LIS/p8Yjdz7QKTPQLMsB3R+OvoxE6XnXeXEE2X7xe4G4l4X0gRiKQ==
   dependencies:
     "@octokit/endpoint" "^6.0.1"
     "@octokit/request-error" "^2.1.0"
@@ -3105,7 +3092,7 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
-"@schematics/angular@12.2.1":
+"@schematics/angular@12.2.1", "@schematics/angular@~12.2.0":
   version "12.2.1"
   resolved "https://registry.yarnpkg.com/@schematics/angular/-/angular-12.2.1.tgz#fe5118672c3be1515ee6ed1428b34b3cd7850002"
   integrity sha512-v6+LWx688PBmp+XWLtwu+UL1AAZsd0RsBrLmruSul70vFQ0xBB3MIuYlF5NHUukaBP/GMn426UkiTUgYUUM8ww==
@@ -3123,15 +3110,6 @@
     "@angular-devkit/schematics" "12.1.4"
     jsonc-parser "3.0.0"
 
-"@schematics/angular@~12.2.0":
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/@schematics/angular/-/angular-12.2.0.tgz#0c5f30cffa1aef5d7700505ba475007fc1c29a96"
-  integrity sha512-2NolT/PNKgjINIHvz6o4sYFj4D4ai7Usf+HspQCi9W30qtLV4Z6hRXoEhmDxrGSlF67vJdwUwDM3sP+6Tg8XEw==
-  dependencies:
-    "@angular-devkit/core" "12.2.0"
-    "@angular-devkit/schematics" "12.2.0"
-    jsonc-parser "3.0.0"
-
 "@sindresorhus/is@^4.0.0":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.0.1.tgz#d26729db850fa327b7cacc5522252194404226f5"
@@ -3343,9 +3321,9 @@
   integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
 "@types/node@*", "@types/node@>= 8":
-  version "16.4.13"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.4.13.tgz#7dfd9c14661edc65cccd43a29eb454174642370d"
-  integrity sha512-bLL69sKtd25w7p1nvg9pigE4gtKVpGTPojBFLMkGHXuUgap2sLqQt2qUnqmVCDfzGUL0DRNZP+1prIZJbMeAXg==
+  version "16.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.1.tgz#aee62c7b966f55fc66c7b6dfa1d58db2a616da61"
+  integrity sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==
 
 "@types/node@14.14.33":
   version "14.14.33"
@@ -5026,9 +5004,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001032, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001248:
-  version "1.0.30001249"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001249.tgz#90a330057f8ff75bfe97a94d047d5e14fabb2ee8"
-  integrity sha512-vcX4U8lwVXPdqzPWi6cAJ3FnQaqXbBqy/GZseKNQzRj37J7qZdGcBtxq/QLFNLLlfsoXLUdHw8Iwenri86Tagw==
+  version "1.0.30001251"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz#6853a606ec50893115db660f82c094d18f096d85"
+  integrity sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==
 
 canonical-path@1.0.0:
   version "1.0.0"
@@ -6519,9 +6497,9 @@ ejs@^3.1.5:
     jake "^10.6.1"
 
 electron-to-chromium@^1.3.793:
-  version "1.3.802"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.802.tgz#0afa989321de3e904ac653ee79e0d642883731a1"
-  integrity sha512-dXB0SGSypfm3iEDxrb5n/IVKeX4uuTnFHdve7v+yKJqNpEP0D4mjFJ8e1znmSR+OOVlVC+kDO6f2kAkTFXvJBg==
+  version "1.3.805"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.805.tgz#a0873393a3b027ec60bdaf22a19c4946688cf941"
+  integrity sha512-uUJF59M6pNSRHQaXwdkaNB4BhSQ9lldRdG1qCjlrAFkynPGDc5wPoUcYEQQeQGmKyAWJPvGkYAWmtVrxWmDAkg==
 
 elliptic@^6.5.3:
   version "6.5.4"
@@ -6693,9 +6671,9 @@ esbuild@0.12.17:
   integrity sha512-GshKJyVYUnlSXIZj/NheC2O0Kblh42CS7P1wJyTbbIHevTG4jYMS9NNw8EOd8dDWD0dzydYHS01MpZoUcQXB4g==
 
 esbuild@^0.12.15:
-  version "0.12.19"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.19.tgz#ab849766705a5093df5acd8ec2f6ba2159a38a6c"
-  integrity sha512-5NuT1G6THW7l3fsSCDkcPepn24R0XtyPjKoqKHD8LfhqMXzCdz0mrS9HgO6hIhzVT7zt0T+JGbzCqF5AH8hS9w==
+  version "0.12.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.20.tgz#4d3c9d83c99a4031e027b42a4c398c23b6827cb0"
+  integrity sha512-u7+0qTo9Z64MD9PhooEngCmzyEYJ6ovFhPp8PLNh3UasR5Ihjv6HWVXqm8uHmasdQlpsAf0IsY4U0YVUfCpt4Q==
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -7184,9 +7162,9 @@ figgy-pudding@^3.4.1, figgy-pudding@^3.5.1:
   integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
 
 figlet@^1.2.3:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/figlet/-/figlet-1.5.0.tgz#2db4d00a584e5155a96080632db919213c3e003c"
-  integrity sha512-ZQJM4aifMpz6H19AW1VqvZ7l4pOE9p7i/3LyxgO2kp+PO/VcDYNqIHEMtkccqIhTXMKci4kjueJr/iCQEaT/Ww==
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/figlet/-/figlet-1.5.2.tgz#dda34ff233c9a48e36fcff6741aeb5bafe49b634"
+  integrity sha512-WOn21V8AhyE1QqVfPIVxe3tupJacq1xGkPTB4iagT6o+P2cAgEOOwIxMftr4+ZCTI6d551ij9j61DFr0nsP2uQ==
 
 figures@^2.0.0:
   version "2.0.0"
@@ -7725,9 +7703,9 @@ globals@^11.1.0, globals@^11.12.0:
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
 globals@^13.6.0, globals@^13.9.0:
-  version "13.10.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.10.0.tgz#60ba56c3ac2ca845cfbf4faeca727ad9dd204676"
-  integrity sha512-piHC3blgLGFjvOuMmWZX60f+na1lXFDhQXBf1UYp2fXPXqvEUbOhNwi6BsQ0bQishwedgnjkwv1d9zKf+MWw3g==
+  version "13.11.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.11.0.tgz#40ef678da117fe7bd2e28f1fab24951bd0255be7"
+  integrity sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==
   dependencies:
     type-fest "^0.20.2"
 
@@ -8452,9 +8430,11 @@ is-arrayish@^0.2.1:
   integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
 
 is-bigint@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.3.tgz#fc9d9e364210480675653ddaea0518528d49a581"
-  integrity sha512-ZU538ajmYJmzysE5yU4Y7uIrPQ2j704u+hXFiIPQExpqzzUbpe5jCPdTfmz7jXRxZdvjY3KZ3ZNenoXQovX+Dg==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
 
 is-binary-path@^1.0.0:
   version "1.0.1"
@@ -10567,9 +10547,9 @@ nan@^2.12.1:
   integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
 
 nanoid@^3.1.23:
-  version "3.1.23"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
-  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
+  version "3.1.25"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
+  integrity sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==
 
 nanomatch@^1.2.9:
   version "1.2.13"
@@ -14165,9 +14145,9 @@ tapable@^2.1.1, tapable@^2.2.0:
   integrity sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==
 
 tar@^4.4.10, tar@^4.4.12, tar@^4.4.8:
-  version "4.4.16"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.16.tgz#4a48b3c025e77d9d0c788f038a09b91c594d326d"
-  integrity sha512-gOVUT/KWPkGFZQmCRDVFNUWBl7niIo/PRR7lzrIqtZpit+st54lGROuVjc6zEQM9FhH+dJfQIl+9F0k8GNXg5g==
+  version "4.4.17"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.17.tgz#44be5e3fa8353ee1d11db3b1401561223a5c3985"
+  integrity sha512-q7OwXq6NTdcYIa+k58nEMV3j1euhDhGCs/VRw9ymx/PbH0jtIM2+VTgDE/BW3rbLkrBUXs5fzEKgic5oUciu7g==
   dependencies:
     chownr "^1.1.4"
     fs-minipass "^1.2.7"
@@ -14178,9 +14158,9 @@ tar@^4.4.10, tar@^4.4.12, tar@^4.4.8:
     yallist "^3.1.1"
 
 tar@^6.0.2, tar@^6.1.0:
-  version "6.1.7"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.7.tgz#c566d1107d38b09e92983a68db5534fc7f6cab42"
-  integrity sha512-PBoRkOJU0X3lejJ8GaRCsobjXTgFofRDSPdSUhRSdlwJfifRlQBwGXitDItdGFu0/h0XDMCkig0RN1iT7DBxhA==
+  version "6.1.8"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.8.tgz#4fc50cfe56511c538ce15b71e05eebe66530cbd4"
+  integrity sha512-sb9b0cp855NbkMJcskdSYA7b11Q8JsX4qe4pyUAfHp+Y6jBjJeek2ZVlwEfWayshEIwlIzXx0Fain3QG9JPm2A==
   dependencies:
     chownr "^2.0.0"
     fs-minipass "^2.0.0"
@@ -14559,7 +14539,7 @@ tsickle@^0.39.1:
   resolved "https://registry.yarnpkg.com/tsickle/-/tsickle-0.39.1.tgz#7ccf672cde5b430f5dd0b281ee49e170ef390ff9"
   integrity sha512-CCc9cZhZbKoNizVM+K3Uqgit/go8GacjpqTv1cpwG/n2P0gB9GMoWZbxrUULDE9Wz26Lh86CGf6QyIPUVV1lnQ==
 
-tslib@2.3.0, tslib@^2.0.0, tslib@^2.1.0, tslib@^2.2.0:
+tslib@2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
@@ -14569,6 +14549,11 @@ tslib@^1.10.0, tslib@^1.13.0, tslib@^1.8.1, tslib@^1.9.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
+tslib@^2.0.0, tslib@^2.1.0, tslib@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
+  integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
+
 tslib@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.1.0.tgz#da60860f1c2ecaa5703ab7d39bc05b6bf988b97a"