oip-common 0.1.3 → 0.1.5

package/fesm2022/oip-common.mjs

@@ -7,7 +7,7 @@ import * as i2$4 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i1$3 from '@angular/router';
 import { ActivatedRoute, Router, RouterModule, NavigationEnd, RouterLinkActive, RouterLink } from '@angular/router';
-import { lastValueFrom, BehaviorSubject, Subject, filter as filter$1, combineLatest, of, map as map$1, Observable } from 'rxjs';
+import { lastValueFrom, BehaviorSubject, Subject, ReplaySubject, merge, filter as filter$1, combineLatest, of, map as map$1, Observable } from 'rxjs';
 import { Title, DomSanitizer } from '@angular/platform-browser';
 import * as i1 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
@@ -29,7 +29,7 @@ import { PrimeNG } from 'primeng/config';
 import * as i3 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import { OidcSecurityService, PublicEventsService, EventTypes, StsConfigHttpLoader } from 'angular-auth-oidc-client';
-import { filter, map, distinctUntilChanged, switchMap, catchError } from 'rxjs/operators';
+import { filter, distinctUntilChanged, map, switchMap, catchError } from 'rxjs/operators';
 import { Tabs, TabList, Tab } from 'primeng/tabs';
 import * as i2$2 from 'primeng/avatar';
 import { AvatarModule } from 'primeng/avatar';
@@ -1479,10 +1479,16 @@ class KeycloakSecurityService extends OidcSecurityService {
          * Stores user-specific data from the login response.
          */
         this.currentUser = new BehaviorSubject(null);
+        /**
+         * Emits access token updates from initial auth check, manual refresh,
+         * and library authentication events.
+         */
+        this.accessToken = new ReplaySubject(1);
         this.publicEventsService
             .registerForEvents()
             .pipe(filter((event) => event.type === EventTypes.NewAuthenticationResult))
             .subscribe(() => {
+            super.getAccessToken().subscribe(token => { this.accessToken.next(token); });
             this.auth();
         });
     }
@@ -1496,8 +1502,8 @@ class KeycloakSecurityService extends OidcSecurityService {
      * Returns the ID token for the sign-in.
      * @returns A string with the id token.
      */
-    getAccessToken() {
-        return super.getAccessToken();
+    getAccessToken(configId) {
+        return merge(super.getAccessToken(configId), this.accessToken.asObservable()).pipe(distinctUntilChanged());
     }
     /**
      * Indicates whether the current user has the 'admin' role.
@@ -1736,101 +1742,101 @@ class AppTopbar {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppTopbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AppTopbar, isStandalone: true, selector: "app-topbar", ngImport: i0, template: ` <div class="layout-topbar">
-    <div class="layout-topbar-logo-container">
-      <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">
-        <i class="pi pi-bars"></i>
-      </button>
-      <a class="layout-topbar-logo" id="oip-app-topbar-logo-link" routerLink="">
-        <ng-container
-          *ngComponentOutlet="logoService.getLogoComponent(); inputs: { width: 36, height: 36 }"></ng-container>
-        <span>{{ 'app-info.title' | translate }}</span>
-      </a>
-    </div>
-
-    @if (securityService.isAdmin() && topBarService.topBarItems.length > 0) {
-      <p-tabs class="layout-topbar-tabs ml-2" [(value)]="topBarService.activeId">
-        <p-tablist>
-          @for (tab of topBarService.availableTopBarItems; track tab.id) {
-            <p-tab id="oip-app-topbar-tab-{{ tab.id }}" [value]="tab.id">
-              <i class="pi {{ tab.icon }}"></i>
-              <span class="ml-2">{{ tab.caption }}</span>
-            </p-tab>
-          }
-        </p-tablist>
-      </p-tabs>
-    }
-    <div class="layout-topbar-actions">
-      <div class="layout-config-menu">
-        <p-button
-          class="layout-topbar-action"
-          id="oip-app-topbar-theme-button"
-          severity="secondary"
-          type="button"
-          [rounded]="true"
-          [text]="true"
-          (click)="toggleDarkMode()">
-          <i
-            class="pi"
-            [ngClass]="{
-              'pi-moon': layoutService.isDarkTheme(),
-              'pi-sun': !layoutService.isDarkTheme()
-            }"></i>
-        </p-button>
-        <div class="relative">
-          <p-button
-            class="layout-topbar-action layout-topbar-action-highlight"
-            enterActiveClass="animate-scalein"
-            enterFromClass="hidden"
-            id="oip-app-topbar-palette-button"
-            leaveActiveClass="animate-fadeout"
-            leaveToClass="hidden"
-            pStyleClass="@next"
-            [hideOnOutsideClick]="true"
-            [rounded]="true">
-            <i class="pi pi-palette"></i>
-          </p-button>
-          <app-configurator />
-        </div>
-      </div>
-
-      <button
-        class="layout-topbar-menu-button layout-topbar-action"
-        enterActiveClass="animate-scalein"
-        enterFromClass="hidden"
-        id="oip-app-topbar-menu-expand-button"
-        leaveActiveClass="animate-fadeout"
-        leaveToClass="hidden"
-        pStyleClass="@next"
-        [hideOnOutsideClick]="true">
-        <i class="pi pi-ellipsis-v"></i>
-      </button>
-
-      <div class="layout-topbar-menu hidden lg:block">
-        <div class="layout-topbar-menu-content">
-          <button
-            class="layout-topbar-action"
-            id="oip-app-topbar-logout-button"
-            type="button"
-            (click)="securityService.logout()"
-            (keydown)="logoutKeyDown($event)">
-            <i class="pi pi-sign-out"></i>
-            <span>{{ 'topbar.logout' | translate }}</span>
-          </button>
-          <button class="layout-topbar-action" routerLink="config">
-            <p-avatar
-              class="p-link flex align-items-center"
-              id="oip-app-topbar-user-avatar"
-              shape="circle"
-              size="normal"
-              [image]="userService.photoLoaded ? userService.photo : null"
-              >{{ !userService.photoLoaded ? userService.shortLabel : null }}
-            </p-avatar>
-            <span class="ml-2">{{ 'topbar.profile' | translate }}</span>
-          </button>
-        </div>
-      </div>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AppTopbar, isStandalone: true, selector: "app-topbar", ngImport: i0, template: ` <div class="layout-topbar">
+    <div class="layout-topbar-logo-container">
+      <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">
+        <i class="pi pi-bars"></i>
+      </button>
+      <a class="layout-topbar-logo" id="oip-app-topbar-logo-link" routerLink="">
+        <ng-container
+          *ngComponentOutlet="logoService.getLogoComponent(); inputs: { width: 36, height: 36 }"></ng-container>
+        <span>{{ 'app-info.title' | translate }}</span>
+      </a>
+    </div>
+
+    @if (securityService.isAdmin() && topBarService.topBarItems.length > 0) {
+      <p-tabs class="layout-topbar-tabs ml-2" [(value)]="topBarService.activeId">
+        <p-tablist>
+          @for (tab of topBarService.availableTopBarItems; track tab.id) {
+            <p-tab id="oip-app-topbar-tab-{{ tab.id }}" [value]="tab.id">
+              <i class="pi {{ tab.icon }}"></i>
+              <span class="ml-2">{{ tab.caption }}</span>
+            </p-tab>
+          }
+        </p-tablist>
+      </p-tabs>
+    }
+    <div class="layout-topbar-actions">
+      <div class="layout-config-menu">
+        <p-button
+          class="layout-topbar-action"
+          id="oip-app-topbar-theme-button"
+          severity="secondary"
+          type="button"
+          [rounded]="true"
+          [text]="true"
+          (click)="toggleDarkMode()">
+          <i
+            class="pi"
+            [ngClass]="{
+              'pi-moon': layoutService.isDarkTheme(),
+              'pi-sun': !layoutService.isDarkTheme()
+            }"></i>
+        </p-button>
+        <div class="relative">
+          <p-button
+            class="layout-topbar-action layout-topbar-action-highlight"
+            enterActiveClass="animate-scalein"
+            enterFromClass="hidden"
+            id="oip-app-topbar-palette-button"
+            leaveActiveClass="animate-fadeout"
+            leaveToClass="hidden"
+            pStyleClass="@next"
+            [hideOnOutsideClick]="true"
+            [rounded]="true">
+            <i class="pi pi-palette"></i>
+          </p-button>
+          <app-configurator />
+        </div>
+      </div>
+
+      <button
+        class="layout-topbar-menu-button layout-topbar-action"
+        enterActiveClass="animate-scalein"
+        enterFromClass="hidden"
+        id="oip-app-topbar-menu-expand-button"
+        leaveActiveClass="animate-fadeout"
+        leaveToClass="hidden"
+        pStyleClass="@next"
+        [hideOnOutsideClick]="true">
+        <i class="pi pi-ellipsis-v"></i>
+      </button>
+
+      <div class="layout-topbar-menu hidden lg:block">
+        <div class="layout-topbar-menu-content">
+          <button
+            class="layout-topbar-action"
+            id="oip-app-topbar-logout-button"
+            type="button"
+            (click)="securityService.logout()"
+            (keydown)="logoutKeyDown($event)">
+            <i class="pi pi-sign-out"></i>
+            <span>{{ 'topbar.logout' | translate }}</span>
+          </button>
+          <button class="layout-topbar-action" routerLink="config">
+            <p-avatar
+              class="p-link flex align-items-center"
+              id="oip-app-topbar-user-avatar"
+              shape="circle"
+              size="normal"
+              [image]="userService.photoLoaded ? userService.photo : null"
+              >{{ !userService.photoLoaded ? userService.shortLabel : null }}
+            </p-avatar>
+            <span class="ml-2">{{ 'topbar.profile' | translate }}</span>
+          </button>
+        </div>
+      </div>
+    </div>
   </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i3$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape", "hideOnResize", "resizeSelector"] }, { kind: "component", type: AppConfiguratorComponent, selector: "app-configurator" }, { kind: "component", type: Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: TabList, selector: "p-tablist" }, { kind: "component", type: Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppTopbar, decorators: [{
@@ -1850,101 +1856,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         ButtonModule,
                         TranslatePipe
                     ],
-                    template: ` <div class="layout-topbar">
-    <div class="layout-topbar-logo-container">
-      <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">
-        <i class="pi pi-bars"></i>
-      </button>
-      <a class="layout-topbar-logo" id="oip-app-topbar-logo-link" routerLink="">
-        <ng-container
-          *ngComponentOutlet="logoService.getLogoComponent(); inputs: { width: 36, height: 36 }"></ng-container>
-        <span>{{ 'app-info.title' | translate }}</span>
-      </a>
-    </div>
-
-    @if (securityService.isAdmin() && topBarService.topBarItems.length > 0) {
-      <p-tabs class="layout-topbar-tabs ml-2" [(value)]="topBarService.activeId">
-        <p-tablist>
-          @for (tab of topBarService.availableTopBarItems; track tab.id) {
-            <p-tab id="oip-app-topbar-tab-{{ tab.id }}" [value]="tab.id">
-              <i class="pi {{ tab.icon }}"></i>
-              <span class="ml-2">{{ tab.caption }}</span>
-            </p-tab>
-          }
-        </p-tablist>
-      </p-tabs>
-    }
-    <div class="layout-topbar-actions">
-      <div class="layout-config-menu">
-        <p-button
-          class="layout-topbar-action"
-          id="oip-app-topbar-theme-button"
-          severity="secondary"
-          type="button"
-          [rounded]="true"
-          [text]="true"
-          (click)="toggleDarkMode()">
-          <i
-            class="pi"
-            [ngClass]="{
-              'pi-moon': layoutService.isDarkTheme(),
-              'pi-sun': !layoutService.isDarkTheme()
-            }"></i>
-        </p-button>
-        <div class="relative">
-          <p-button
-            class="layout-topbar-action layout-topbar-action-highlight"
-            enterActiveClass="animate-scalein"
-            enterFromClass="hidden"
-            id="oip-app-topbar-palette-button"
-            leaveActiveClass="animate-fadeout"
-            leaveToClass="hidden"
-            pStyleClass="@next"
-            [hideOnOutsideClick]="true"
-            [rounded]="true">
-            <i class="pi pi-palette"></i>
-          </p-button>
-          <app-configurator />
-        </div>
-      </div>
-
-      <button
-        class="layout-topbar-menu-button layout-topbar-action"
-        enterActiveClass="animate-scalein"
-        enterFromClass="hidden"
-        id="oip-app-topbar-menu-expand-button"
-        leaveActiveClass="animate-fadeout"
-        leaveToClass="hidden"
-        pStyleClass="@next"
-        [hideOnOutsideClick]="true">
-        <i class="pi pi-ellipsis-v"></i>
-      </button>
-
-      <div class="layout-topbar-menu hidden lg:block">
-        <div class="layout-topbar-menu-content">
-          <button
-            class="layout-topbar-action"
-            id="oip-app-topbar-logout-button"
-            type="button"
-            (click)="securityService.logout()"
-            (keydown)="logoutKeyDown($event)">
-            <i class="pi pi-sign-out"></i>
-            <span>{{ 'topbar.logout' | translate }}</span>
-          </button>
-          <button class="layout-topbar-action" routerLink="config">
-            <p-avatar
-              class="p-link flex align-items-center"
-              id="oip-app-topbar-user-avatar"
-              shape="circle"
-              size="normal"
-              [image]="userService.photoLoaded ? userService.photo : null"
-              >{{ !userService.photoLoaded ? userService.shortLabel : null }}
-            </p-avatar>
-            <span class="ml-2">{{ 'topbar.profile' | translate }}</span>
-          </button>
-        </div>
-      </div>
-    </div>
+                    template: ` <div class="layout-topbar">
+    <div class="layout-topbar-logo-container">
+      <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">
+        <i class="pi pi-bars"></i>
+      </button>
+      <a class="layout-topbar-logo" id="oip-app-topbar-logo-link" routerLink="">
+        <ng-container
+          *ngComponentOutlet="logoService.getLogoComponent(); inputs: { width: 36, height: 36 }"></ng-container>
+        <span>{{ 'app-info.title' | translate }}</span>
+      </a>
+    </div>
+
+    @if (securityService.isAdmin() && topBarService.topBarItems.length > 0) {
+      <p-tabs class="layout-topbar-tabs ml-2" [(value)]="topBarService.activeId">
+        <p-tablist>
+          @for (tab of topBarService.availableTopBarItems; track tab.id) {
+            <p-tab id="oip-app-topbar-tab-{{ tab.id }}" [value]="tab.id">
+              <i class="pi {{ tab.icon }}"></i>
+              <span class="ml-2">{{ tab.caption }}</span>
+            </p-tab>
+          }
+        </p-tablist>
+      </p-tabs>
+    }
+    <div class="layout-topbar-actions">
+      <div class="layout-config-menu">
+        <p-button
+          class="layout-topbar-action"
+          id="oip-app-topbar-theme-button"
+          severity="secondary"
+          type="button"
+          [rounded]="true"
+          [text]="true"
+          (click)="toggleDarkMode()">
+          <i
+            class="pi"
+            [ngClass]="{
+              'pi-moon': layoutService.isDarkTheme(),
+              'pi-sun': !layoutService.isDarkTheme()
+            }"></i>
+        </p-button>
+        <div class="relative">
+          <p-button
+            class="layout-topbar-action layout-topbar-action-highlight"
+            enterActiveClass="animate-scalein"
+            enterFromClass="hidden"
+            id="oip-app-topbar-palette-button"
+            leaveActiveClass="animate-fadeout"
+            leaveToClass="hidden"
+            pStyleClass="@next"
+            [hideOnOutsideClick]="true"
+            [rounded]="true">
+            <i class="pi pi-palette"></i>
+          </p-button>
+          <app-configurator />
+        </div>
+      </div>
+
+      <button
+        class="layout-topbar-menu-button layout-topbar-action"
+        enterActiveClass="animate-scalein"
+        enterFromClass="hidden"
+        id="oip-app-topbar-menu-expand-button"
+        leaveActiveClass="animate-fadeout"
+        leaveToClass="hidden"
+        pStyleClass="@next"
+        [hideOnOutsideClick]="true">
+        <i class="pi pi-ellipsis-v"></i>
+      </button>
+
+      <div class="layout-topbar-menu hidden lg:block">
+        <div class="layout-topbar-menu-content">
+          <button
+            class="layout-topbar-action"
+            id="oip-app-topbar-logout-button"
+            type="button"
+            (click)="securityService.logout()"
+            (keydown)="logoutKeyDown($event)">
+            <i class="pi pi-sign-out"></i>
+            <span>{{ 'topbar.logout' | translate }}</span>
+          </button>
+          <button class="layout-topbar-action" routerLink="config">
+            <p-avatar
+              class="p-link flex align-items-center"
+              id="oip-app-topbar-user-avatar"
+              shape="circle"
+              size="normal"
+              [image]="userService.photoLoaded ? userService.photo : null"
+              >{{ !userService.photoLoaded ? userService.shortLabel : null }}
+            </p-avatar>
+            <span class="ml-2">{{ 'topbar.profile' | translate }}</span>
+          </button>
+        </div>
+      </div>
+    </div>
   </div>`
                 }]
         }] });