@porscheinformatik/clr-addons 19.6.1 → 19.6.2

package/fesm2022/clr-addons.mjs

@@ -4369,6 +4369,7 @@ class ClrHistoryService {
             historySettings.push({ username: username, historyPinned: false });
         }
         this.cookieSettings$.next(historySettings);
+        return historySettings.find(hSetting => hSetting.username === username);
     }
     setHistoryPinned(username, pin, domain) {
         const historySettings = this.getCookieByName(this.cookieNameSettings);
@@ -4539,13 +4540,15 @@ class ClrHistoryPinned {
          * The array of history elements to be displayed.
          */
         this.historyElements$ = new ReplaySubject(1);
-        this.active$ = new ReplaySubject(1);
+        this.active$ = new BehaviorSubject(this.initActive());
+    }
+    initActive() {
+        return this.historyService.initializeCookieSettings(this.username, this.domain).historyPinned;
     }
     ngOnInit() {
         this.historyService.getHistory(this.username, this.tenantId).subscribe(elements => {
             this.historyElements$.next(this.historyProvider ? this.historyProvider.getModifiedHistoryEntries(elements) : elements);
         });
-        this.historyService.initializeCookieSettings(this.username, this.domain);
         this.settingsSubscription = this.historyService.cookieSettings$.subscribe(settings => {
             const setting = settings.find(setting => setting.username === this.username);
             this.active$.next(setting?.historyPinned);
@@ -4556,11 +4559,11 @@ class ClrHistoryPinned {
         this.settingsSubscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClrHistoryPinned, deps: [{ token: ClrHistoryService }, { token: HISTORY_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ClrHistoryPinned, isStandalone: false, selector: "clr-history-pinned", inputs: { username: ["clrUsername", "username"], tenantId: ["clrTenantId", "tenantId"], context: ["clrContext", "context"], domain: ["clrDomain", "domain"] }, ngImport: i0, template: "<div [ngClass]=\"{'history-container-pinned': active$ | async}\"></div>\n<nav\n  aria-label=\"history\"\n  class=\"history-container\"\n  *ngIf=\"(active$ | async) && (historyElements$ | async) as historyElements\"\n>\n  <ol class=\"history\">\n    <ng-container *ngFor=\"let historyItem of historyElements\">\n      <li *ngIf=\"historyItem.url\" class=\"history-item\">\n        <a [href]=\"historyItem.url\">{{ historyItem.title }}</a>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ClrHistoryPinned, isStandalone: false, selector: "clr-history-pinned", inputs: { username: ["clrUsername", "username"], tenantId: ["clrTenantId", "tenantId"], context: ["clrContext", "context"], domain: ["clrDomain", "domain"] }, ngImport: i0, template: "<div class=\"history-container-pinned\" *ngIf=\"(active$ | async)\"></div>\n<nav\n  aria-label=\"history\"\n  class=\"history-container\"\n  *ngIf=\"(active$ | async) && (historyElements$ | async) as historyElements\"\n>\n  <ol class=\"history\">\n    <ng-container *ngFor=\"let historyItem of historyElements\">\n      <li *ngIf=\"historyItem.url\" class=\"history-item\">\n        <a [href]=\"historyItem.url\">{{ historyItem.title }}</a>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClrHistoryPinned, decorators: [{
             type: Component,
-            args: [{ selector: 'clr-history-pinned', standalone: false, template: "<div [ngClass]=\"{'history-container-pinned': active$ | async}\"></div>\n<nav\n  aria-label=\"history\"\n  class=\"history-container\"\n  *ngIf=\"(active$ | async) && (historyElements$ | async) as historyElements\"\n>\n  <ol class=\"history\">\n    <ng-container *ngFor=\"let historyItem of historyElements\">\n      <li *ngIf=\"historyItem.url\" class=\"history-item\">\n        <a [href]=\"historyItem.url\">{{ historyItem.title }}</a>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n" }]
+            args: [{ selector: 'clr-history-pinned', standalone: false, template: "<div class=\"history-container-pinned\" *ngIf=\"(active$ | async)\"></div>\n<nav\n  aria-label=\"history\"\n  class=\"history-container\"\n  *ngIf=\"(active$ | async) && (historyElements$ | async) as historyElements\"\n>\n  <ol class=\"history\">\n    <ng-container *ngFor=\"let historyItem of historyElements\">\n      <li *ngIf=\"historyItem.url\" class=\"history-item\">\n        <a [href]=\"historyItem.url\">{{ historyItem.title }}</a>\n      </li>\n    </ng-container>\n  </ol>\n</nav>\n" }]
         }], ctorParameters: () => [{ type: ClrHistoryService }, { type: HistoryProvider, decorators: [{
                     type: Inject,
                     args: [HISTORY_PROVIDER]