@descope/angular-sdk 0.20.3 → 0.20.5

package/dist/fesm2022/descope-angular-sdk.mjs

@@ -39,7 +39,7 @@ function observabilify(value) {
 }
 
 const environment = {
-    buildVersion: '0.20.3'
+    buildVersion: '0.20.5'
 };
 
 const baseHeaders = {
@@ -295,6 +295,7 @@ class DescopeComponent {
         this.baseStaticUrl = descopeConfig.baseStaticUrl;
         this.baseCdnUrl = descopeConfig.baseCdnUrl;
         this.storeLastAuthenticatedUser = descopeConfig.storeLastAuthenticatedUser;
+        this.customStorage = descopeConfig.customStorage;
     }
     ngOnInit() {
         const sdk = this.authService.descopeSdk;
@@ -392,6 +393,7 @@ class DescopeComponent {
       [attr.nonce]="nonceString"
       [attr.dismiss-screen-error-on-input]="dismissScreenErrorOnInput"
       [attr.form]="formString"
+      [customStorage]="customStorage"
     >
       <ng-content></ng-content>
     </descope-wc>
@@ -426,6 +428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
       [attr.nonce]="nonceString"
       [attr.dismiss-screen-error-on-input]="dismissScreenErrorOnInput"
       [attr.form]="formString"
+      [customStorage]="customStorage"
     >
       <ng-content></ng-content>
     </descope-wc>
@@ -637,6 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 class UserManagementComponent {
     constructor(elementRef, descopeConfig) {
         this.elementRef = elementRef;
+        this.ready = new EventEmitter();
         this.webComponent = new DescopeUserManagementWidget();
         this.projectId = descopeConfig.projectId;
         this.baseUrl = descopeConfig.baseUrl;
@@ -650,6 +654,9 @@ class UserManagementComponent {
     ngOnChanges() {
         this.setupWebComponent();
     }
+    ngAfterViewInit() {
+        this.setupEventListeners();
+    }
     setupWebComponent() {
         this.webComponent.setAttribute('project-id', this.projectId);
         this.webComponent.setAttribute('tenant', this.tenant);
@@ -676,8 +683,15 @@ class UserManagementComponent {
             this.webComponent.logger = this.logger;
         }
     }
+    setupEventListeners() {
+        if (this.ready) {
+            this.webComponent.addEventListener('ready', () => {
+                this.ready?.emit();
+            });
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: UserManagementComponent, deps: [{ token: i0.ElementRef }, { token: DescopeAuthConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: UserManagementComponent, isStandalone: true, selector: "user-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: UserManagementComponent, isStandalone: true, selector: "user-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: UserManagementComponent, decorators: [{
             type: Component,
@@ -699,11 +713,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], styleId: [{
                 type: Input
+            }], ready: [{
+                type: Output
             }] } });
 
 class RoleManagementComponent {
     constructor(elementRef, descopeConfig) {
         this.elementRef = elementRef;
+        this.ready = new EventEmitter();
         this.webComponent = new DescopeRoleManagementWidget();
         this.projectId = descopeConfig.projectId;
         this.baseUrl = descopeConfig.baseUrl;
@@ -717,6 +734,9 @@ class RoleManagementComponent {
     ngOnChanges() {
         this.setupWebComponent();
     }
+    ngAfterViewInit() {
+        this.setupEventListeners();
+    }
     setupWebComponent() {
         this.webComponent.setAttribute('project-id', this.projectId);
         this.webComponent.setAttribute('tenant', this.tenant);
@@ -743,8 +763,15 @@ class RoleManagementComponent {
             this.webComponent.logger = this.logger;
         }
     }
+    setupEventListeners() {
+        if (this.ready) {
+            this.webComponent.addEventListener('ready', () => {
+                this.ready?.emit();
+            });
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RoleManagementComponent, deps: [{ token: i0.ElementRef }, { token: DescopeAuthConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: RoleManagementComponent, isStandalone: true, selector: "role-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: RoleManagementComponent, isStandalone: true, selector: "role-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RoleManagementComponent, decorators: [{
             type: Component,
@@ -766,11 +793,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], styleId: [{
                 type: Input
+            }], ready: [{
+                type: Output
             }] } });
 
 class AccessKeyManagementComponent {
     constructor(elementRef, descopeConfig) {
         this.elementRef = elementRef;
+        this.ready = new EventEmitter();
         this.webComponent = new DescopeAccessKeyManagementWidget();
         this.projectId = descopeConfig.projectId;
         this.baseUrl = descopeConfig.baseUrl;
@@ -784,6 +814,9 @@ class AccessKeyManagementComponent {
     ngOnChanges() {
         this.setupWebComponent();
     }
+    ngAfterViewInit() {
+        this.setupEventListeners();
+    }
     setupWebComponent() {
         this.webComponent.setAttribute('project-id', this.projectId);
         this.webComponent.setAttribute('tenant', this.tenant);
@@ -807,8 +840,15 @@ class AccessKeyManagementComponent {
             this.webComponent.logger = this.logger;
         }
     }
+    setupEventListeners() {
+        if (this.ready) {
+            this.webComponent.addEventListener('ready', () => {
+                this.ready?.emit();
+            });
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AccessKeyManagementComponent, deps: [{ token: i0.ElementRef }, { token: DescopeAuthConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: AccessKeyManagementComponent, isStandalone: true, selector: "access-key-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: AccessKeyManagementComponent, isStandalone: true, selector: "access-key-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AccessKeyManagementComponent, decorators: [{
             type: Component,
@@ -830,11 +870,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], styleId: [{
                 type: Input
+            }], ready: [{
+                type: Output
             }] } });
 
 class AuditManagementComponent {
     constructor(elementRef, descopeConfig) {
         this.elementRef = elementRef;
+        this.ready = new EventEmitter();
         this.webComponent = new DescopeAuditManagementWidget();
         this.projectId = descopeConfig.projectId;
         this.baseUrl = descopeConfig.baseUrl;
@@ -848,6 +891,9 @@ class AuditManagementComponent {
     ngOnChanges() {
         this.setupWebComponent();
     }
+    ngAfterViewInit() {
+        this.setupEventListeners();
+    }
     setupWebComponent() {
         this.webComponent.setAttribute('project-id', this.projectId);
         this.webComponent.setAttribute('tenant', this.tenant);
@@ -874,8 +920,15 @@ class AuditManagementComponent {
             this.webComponent.logger = this.logger;
         }
     }
+    setupEventListeners() {
+        if (this.ready) {
+            this.webComponent.addEventListener('ready', () => {
+                this.ready?.emit();
+            });
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AuditManagementComponent, deps: [{ token: i0.ElementRef }, { token: DescopeAuthConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: AuditManagementComponent, isStandalone: true, selector: "audit-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: AuditManagementComponent, isStandalone: true, selector: "audit-management[tenant]", inputs: { tenant: "tenant", widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AuditManagementComponent, decorators: [{
             type: Component,
@@ -897,6 +950,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], styleId: [{
                 type: Input
+            }], ready: [{
+                type: Output
             }] } });
 
 class UserProfileComponent {
@@ -904,6 +959,7 @@ class UserProfileComponent {
         this.elementRef = elementRef;
         this.descopeAuthService = descopeAuthService;
         this.logout = new EventEmitter();
+        this.ready = new EventEmitter();
         this.webComponent = new DescopeUserProfileWidget();
         this.projectId = descopeConfig.projectId;
         this.baseUrl = descopeConfig.baseUrl;
@@ -917,6 +973,9 @@ class UserProfileComponent {
     ngOnChanges() {
         this.setupWebComponent();
     }
+    ngAfterViewInit() {
+        this.setupEventListeners();
+    }
     setupWebComponent() {
         this.webComponent.setAttribute('project-id', this.projectId);
         this.webComponent.setAttribute('widget-id', this.widgetId);
@@ -941,15 +1000,22 @@ class UserProfileComponent {
         if (this.logger) {
             this.webComponent.logger = this.logger;
         }
+    }
+    setupEventListeners() {
         this.webComponent.addEventListener('logout', (e) => {
             this.logout?.emit(e);
             this.descopeAuthService.setSession('');
             this.descopeAuthService.setIsAuthenticated(false);
             this.descopeAuthService.setUser(null);
         });
+        if (this.ready) {
+            this.webComponent.addEventListener('ready', () => {
+                this.ready?.emit();
+            });
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: UserProfileComponent, deps: [{ token: i0.ElementRef }, { token: DescopeAuthConfig }, { token: DescopeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: UserProfileComponent, isStandalone: true, selector: "user-profile", inputs: { widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { logout: "logout" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: UserProfileComponent, isStandalone: true, selector: "user-profile", inputs: { widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { logout: "logout", ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: UserProfileComponent, decorators: [{
             type: Component,
@@ -970,12 +1036,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], logout: [{
                 type: Output
+            }], ready: [{
+                type: Output
             }] } });
 
 class ApplicationsPortalComponent {
     constructor(elementRef, descopeConfig) {
         this.elementRef = elementRef;
         this.logout = new EventEmitter();
+        this.ready = new EventEmitter();
         this.webComponent = new DescopeApplicationsPortalWidget();
         this.projectId = descopeConfig.projectId;
         this.baseUrl = descopeConfig.baseUrl;
@@ -989,6 +1058,9 @@ class ApplicationsPortalComponent {
     ngOnChanges() {
         this.setupWebComponent();
     }
+    ngAfterViewInit() {
+        this.setupEventListeners();
+    }
     setupWebComponent() {
         this.webComponent.setAttribute('project-id', this.projectId);
         this.webComponent.setAttribute('widget-id', this.widgetId);
@@ -1013,14 +1085,21 @@ class ApplicationsPortalComponent {
         if (this.styleId) {
             this.webComponent.setAttribute('style-id', this.styleId);
         }
+    }
+    setupEventListeners() {
         if (this.logout) {
             this.webComponent.addEventListener('logout', (e) => {
                 this.logout?.emit(e);
             });
         }
+        if (this.ready) {
+            this.webComponent.addEventListener('ready', () => {
+                this.ready?.emit();
+            });
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ApplicationsPortalComponent, deps: [{ token: i0.ElementRef }, { token: DescopeAuthConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ApplicationsPortalComponent, isStandalone: true, selector: "applications-portal", inputs: { widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { logout: "logout" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ApplicationsPortalComponent, isStandalone: true, selector: "applications-portal", inputs: { widgetId: "widgetId", theme: "theme", debug: "debug", logger: "logger", styleId: "styleId" }, outputs: { logout: "logout", ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ApplicationsPortalComponent, decorators: [{
             type: Component,
@@ -1041,6 +1120,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], logout: [{
                 type: Output
+            }], ready: [{
+                type: Output
             }] } });
 
 class DescopeAuthModule {