@onecx/angular-accelerator 8.3.0 → 8.3.1

package/fesm2022/onecx-angular-accelerator.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, effect, Directive, signal, Renderer2, ViewContainerRef, TemplateRef, DestroyRef, computed, HostListener, EventEmitter, Output, OutputEmitterRef, assertInInjectionContext, NgZone, Injectable, Injector, LOCALE_ID, Pipe, model, output, contentChild, ViewChild, ViewEncapsulation, Component, contentChildren, viewChild, Input, ChangeDetectorRef, viewChildren, untracked, ChangeDetectionStrategy, Type, NgModule, APP_INITIALIZER } from '@angular/core';
+import { inject, ElementRef, input, effect, Directive, signal, Renderer2, ViewContainerRef, TemplateRef, DestroyRef, computed, HostListener, EventEmitter, Output, OutputEmitterRef, assertInInjectionContext, NgZone, Injectable, Injector, LOCALE_ID, Pipe, model, output, contentChild, ViewChild, ViewEncapsulation, Component, contentChildren, viewChild, untracked, Input, ChangeDetectorRef, viewChildren, ChangeDetectionStrategy, Type, NgModule, APP_INITIALIZER } from '@angular/core';
 import { toObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { UserService, AppStateService, ConfigurationService, CONFIG_KEY, ShellCapabilityService, Capability, AppConfigService } from '@onecx/angular-integration-interface';
 import { HAS_PERMISSION_CHECKER, SKIP_STYLE_SCOPING, getScopeIdentifier, dataStyleIdKey, dataNoPortalLayoutStylesKey, MultiLanguageMissingTranslationHandler, localeLoaders, DynamicLocaleId, providePermissionChecker, provideTranslationPathFromMeta, provideMultiLanguageIdentifier, provideTranslationConnectionService } from '@onecx/angular-utils';
@@ -1038,11 +1038,11 @@ class SearchHeaderComponent {
         this.visibleFormControls = contentChildren(FormControlName, { ...(ngDevMode ? { debugName: "visibleFormControls" } : {}), descendants: true });
         this.searchParameterFields = viewChild('searchParameterFields', ...(ngDevMode ? [{ debugName: "searchParameterFields" }] : []));
         this.hasAdvanced = signal(false, ...(ngDevMode ? [{ debugName: "hasAdvanced" }] : []));
-        this.simpleAdvancedAction = signal({
+        this.simpleAdvancedAction = {
             id: 'simpleAdvancedButton',
             actionCallback: () => this.toggleViewMode(),
             show: 'always',
-        }, ...(ngDevMode ? [{ debugName: "simpleAdvancedAction" }] : []));
+        };
         this.headerActions = signal([], ...(ngDevMode ? [{ debugName: "headerActions" }] : []));
         this.searchButtonsReversed$ = of(null);
         this.fieldValues$ = combineLatest([
@@ -1055,12 +1055,22 @@ class SearchHeaderComponent {
         this.searchConfigChangedSlotEmitter = new EventEmitter();
         effect(() => {
             const viewMode = this.viewMode();
-            this.viewModeChanged?.emit(viewMode);
-            this.componentStateChanged.emit({
-                activeViewMode: viewMode,
+            untracked(() => {
+                this.viewModeChanged?.emit(viewMode);
+                this.componentStateChanged.emit({
+                    activeViewMode: viewMode,
+                });
+            });
+        });
+        // Update header actions whenever view mode, advanced availability or actions input changes
+        effect(() => {
+            this.viewMode();
+            this.hasAdvanced();
+            this.actions();
+            untracked(() => {
+                this.updateHeaderActions();
+                setTimeout(() => this.addKeyUpEventListener());
             });
-            this.updateHeaderActions();
-            setTimeout(() => this.addKeyUpEventListener());
         });
         this.announceSearchResults();
         const configurationService = inject(ConfigurationService);
@@ -1084,7 +1094,7 @@ class SearchHeaderComponent {
     updateHeaderActions() {
         const headerActions = [];
         if (this.hasAdvanced()) {
-            const simpleAdvancedAction = this.simpleAdvancedAction();
+            const simpleAdvancedAction = this.simpleAdvancedAction;
             simpleAdvancedAction.labelKey =
                 this.viewMode() === 'basic'
                     ? 'OCX_SEARCH_HEADER.TOGGLE_BUTTON.ADVANCED.TEXT'
@@ -1126,7 +1136,9 @@ class SearchHeaderComponent {
             else {
                 announmentKey = 'OCX_SEARCH_HEADER.ANNOUNCEMENTS.RESULTS_FOUND';
             }
-            firstValueFrom(this.translate.get(announmentKey, { count: !this.loading() && this.searchResultsCount() ? this.searchResultsCount() : null })).then((translatedText) => {
+            firstValueFrom(this.translate.get(announmentKey, {
+                count: !this.loading() && this.searchResultsCount() ? this.searchResultsCount() : null,
+            })).then((translatedText) => {
                 this.liveAnnouncer.announce(translatedText, 'polite');
             });
         });
@@ -5764,7 +5776,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }] });
 
 const LIB_NAME = '@onecx/angular-accelerator';
-const LIB_VERSION = '8.3.0';
+const LIB_VERSION = '8.3.1';
 
 class AngularAcceleratorMissingTranslationHandler extends MultiLanguageMissingTranslationHandler {
 }