@onecx/angular-accelerator 5.15.0 → 5.16.1

package/index.d.ts

@@ -14,12 +14,10 @@ export * from './lib/components/diagram/diagram.component';
 export * from './lib/components/group-by-count-diagram/group-by-count-diagram.component';
 export * from './lib/components/interactive-data-view/interactive-data-view.component';
 export * from './lib/components/page-header/page-header.component';
-export * from './lib/components/search-config/search-config.component';
 export * from './lib/components/search-header/search-header.component';
 export * from './lib/components/data-loading-error/data-loading-error.component';
 export * from './lib/services/breadcrumb.service';
 export * from './lib/services/translation-cache.service';
-export * from './lib/services/app-config-service';
 export * from './lib/pipes/dynamic.pipe';
 export * from './lib/pipes/ocxtimeago.pipe';
 export * from './lib/model/breadcrumb-menu-item.model';
@@ -29,7 +27,6 @@ export * from './lib/model/data-sort-direction';
 export * from './lib/model/data-table-column.model';
 export * from './lib/model/diagram-column';
 export * from './lib/model/diagram-type';
-export * from './lib/model/search-config-info';
 export * from './lib/angular-accelerator.module';
 export * from './lib/angular-accelerator-primeng.module';
 export * from './lib/functions/flatten-object';
@@ -42,6 +39,7 @@ export * from './lib/utils/dateutils';
 export * from './lib/utils/objectutils';
 export * from './lib/utils/primeicon.utils';
 export * from './lib/utils/translate.combined.loader';
+export * from './lib/utils/create-remote-component-and-mfe-translate-loader.utils';
 export * from './lib/utils/create-remote-component-translate-loader.utils';
 export * from './lib/utils/enum-to-dropdown-options.utils';
 export * from './lib/utils/criteria.utils';

package/lib/angular-accelerator.module.d.ts

@@ -8,21 +8,21 @@ import * as i5 from "./components/data-list-grid/data-list-grid.component";
 import * as i6 from "./components/data-table/data-table.component";
 import * as i7 from "./components/data-view/data-view.component";
 import * as i8 from "./components/interactive-data-view/interactive-data-view.component";
-import * as i9 from "./components/search-config/search-config.component";
-import * as i10 from "./components/page-header/page-header.component";
-import * as i11 from "./pipes/dynamic.pipe";
-import * as i12 from "./components/search-header/search-header.component";
-import * as i13 from "./components/diagram/diagram.component";
-import * as i14 from "./components/group-by-count-diagram/group-by-count-diagram.component";
-import * as i15 from "./components/data-loading-error/data-loading-error.component";
-import * as i16 from "./directives/if-permission.directive";
-import * as i17 from "./directives/if-breakpoint.directive";
-import * as i18 from "./directives/src.directive";
-import * as i19 from "./pipes/ocxtimeago.pipe";
-import * as i20 from "./directives/advanced.directive";
-import * as i21 from "./directives/tooltipOnOverflow.directive";
-import * as i22 from "@angular/common";
-import * as i23 from "./angular-accelerator-primeng.module";
+import * as i9 from "./components/page-header/page-header.component";
+import * as i10 from "./pipes/dynamic.pipe";
+import * as i11 from "./components/search-header/search-header.component";
+import * as i12 from "./components/diagram/diagram.component";
+import * as i13 from "./components/group-by-count-diagram/group-by-count-diagram.component";
+import * as i14 from "./components/data-loading-error/data-loading-error.component";
+import * as i15 from "./directives/if-permission.directive";
+import * as i16 from "./directives/if-breakpoint.directive";
+import * as i17 from "./directives/src.directive";
+import * as i18 from "./pipes/ocxtimeago.pipe";
+import * as i19 from "./directives/advanced.directive";
+import * as i20 from "./directives/tooltipOnOverflow.directive";
+import * as i21 from "@angular/common";
+import * as i22 from "./angular-accelerator-primeng.module";
+import * as i23 from "@onecx/angular-remote-components";
 import * as i24 from "@ngx-translate/core";
 import * as i25 from "@angular/forms";
 import * as i26 from "@angular/router";
@@ -31,6 +31,6 @@ export declare class AngularAcceleratorMissingTranslationHandler implements Miss
 }
 export declare class AngularAcceleratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AngularAcceleratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i4.DataListGridSortingComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i11.DynamicPipe, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.DataLoadingErrorComponent, typeof i16.IfPermissionDirective, typeof i17.IfBreakpointDirective, typeof i18.SrcDirective, typeof i19.OcxTimeAgoPipe, typeof i20.AdvancedDirective, typeof i21.TooltipOnOverflowDirective], [typeof i22.CommonModule, typeof i23.AngularAcceleratorPrimeNgModule, typeof i24.TranslateModule, typeof i25.FormsModule, typeof i26.RouterModule, typeof i25.ReactiveFormsModule], [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.DataLoadingErrorComponent, typeof i16.IfPermissionDirective, typeof i17.IfBreakpointDirective, typeof i18.SrcDirective, typeof i19.OcxTimeAgoPipe, typeof i20.AdvancedDirective, typeof i21.TooltipOnOverflowDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i4.DataListGridSortingComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.PageHeaderComponent, typeof i10.DynamicPipe, typeof i11.SearchHeaderComponent, typeof i12.DiagramComponent, typeof i13.GroupByCountDiagramComponent, typeof i14.DataLoadingErrorComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.SrcDirective, typeof i18.OcxTimeAgoPipe, typeof i19.AdvancedDirective, typeof i20.TooltipOnOverflowDirective], [typeof i21.CommonModule, typeof i22.AngularAcceleratorPrimeNgModule, typeof i23.AngularRemoteComponentsModule, typeof i24.TranslateModule, typeof i25.FormsModule, typeof i26.RouterModule, typeof i25.ReactiveFormsModule], [typeof i23.AngularRemoteComponentsModule, typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.PageHeaderComponent, typeof i11.SearchHeaderComponent, typeof i12.DiagramComponent, typeof i13.GroupByCountDiagramComponent, typeof i14.DataLoadingErrorComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.SrcDirective, typeof i18.OcxTimeAgoPipe, typeof i19.AdvancedDirective, typeof i20.TooltipOnOverflowDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AngularAcceleratorModule>;
 }

package/lib/components/interactive-data-view/interactive-data-view.component.d.ts

@@ -6,13 +6,19 @@ import { DataTableColumn } from '../../model/data-table-column.model';
 import { ColumnGroupSelectionComponentState, GroupSelectionChangedEvent } from '../column-group-selection/column-group-selection.component';
 import { PrimeTemplate } from 'primeng/api';
 import { ActionColumnChangedEvent, ColumnSelectionChangedEvent, CustomGroupColumnSelectorComponentState } from '../custom-group-column-selector/custom-group-column-selector.component';
+import { SlotService } from '@onecx/angular-remote-components';
 import { DataLayoutSelectionComponentState } from '../data-layout-selection/data-layout-selection.component';
 import { DataListGridSortingComponentState } from '../data-list-grid-sorting/data-list-grid-sorting.component';
 import { Filter, Row, Sort } from '../data-table/data-table.component';
 import { DataViewComponent, DataViewComponentState, RowListGridData } from '../data-view/data-view.component';
 import * as i0 from "@angular/core";
 export type InteractiveDataViewComponentState = ColumnGroupSelectionComponentState & CustomGroupColumnSelectorComponentState & DataLayoutSelectionComponentState & DataListGridSortingComponentState & DataViewComponentState;
+export interface ColumnGroupData {
+    activeColumns: DataTableColumn[];
+    groupKey: string;
+}
 export declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
+    private slotService;
     _dataViewComponent: DataViewComponent | undefined;
     set dataView(ref: DataViewComponent | undefined);
     get dataView(): DataViewComponent | undefined;
@@ -21,6 +27,7 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     dataLayoutComponentState$: ReplaySubject<DataLayoutSelectionComponentState>;
     dataListGridSortingComponentState$: ReplaySubject<DataListGridSortingComponentState>;
     dataViewComponentState$: ReplaySubject<DataViewComponentState>;
+    searchConfigPermission: string | undefined;
     deletePermission: string | undefined;
     editPermission: string | undefined;
     viewPermission: string | undefined;
@@ -137,7 +144,9 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     pageChanged: EventEmitter<number>;
     pageSizeChanged: EventEmitter<number>;
     componentStateChanged: EventEmitter<InteractiveDataViewComponentState>;
-    selectedGroupKey: string;
+    selectedGroupKey$: BehaviorSubject<string | undefined>;
+    get selectedGroupKey(): string | undefined;
+    set selectedGroupKey(value: string | undefined);
     isDeleteItemObserved: boolean | undefined;
     isViewItemObserved: boolean | undefined;
     isEditItemObserved: boolean | undefined;
@@ -175,6 +184,10 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     _data: RowListGridData[];
     get data(): RowListGridData[];
     set data(value: RowListGridData[]);
+    columnGroupSlotName: string;
+    isColumnGroupSelectionComponentDefined$: Observable<boolean>;
+    groupSelectionChangedSlotEmitter: EventEmitter<ColumnGroupData | undefined>;
+    constructor(slotService: SlotService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     filtering(event: any): void;
@@ -193,5 +206,5 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     onPageChange(event: number): void;
     onPageSizeChange(event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveDataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "customTableFilterCell", "templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "customTableFilterCell", "templates"], never, false, never>;
 }

package/lib/components/search-header/search-header.component.d.ts

@@ -1,10 +1,19 @@
-import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { Action } from '../page-header/page-header.component';
-import { SearchConfigInfo } from '../../model/search-config-info';
+import { FormControlName, FormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export interface SearchHeaderComponentState {
     activeViewMode?: 'basic' | 'advanced';
-    selectedSearchConfig?: SearchConfigInfo;
+    selectedSearchConfig?: string | null;
+}
+export interface SearchConfigData {
+    name: string | undefined;
+    fieldValues: {
+        [key: string]: string;
+    };
+    displayedColumnsIds: string[];
+    viewMode: 'basic' | 'advanced';
 }
 /**
  * To trigger the search when Enter key is pressed inside a search parameter field,
@@ -12,8 +21,7 @@ export interface SearchHeaderComponentState {
  * Please add the EventListener yourself manually, if you want to have that functionality for some other elements
  * which do not have an input element.
  */
-export declare class SearchHeaderComponent implements AfterViewInit {
-    searchConfigs: SearchConfigInfo[] | undefined;
+export declare class SearchHeaderComponent implements AfterContentInit, AfterViewInit {
     header: string;
     /**
      * @deprecated Will be replaced by header
@@ -21,25 +29,38 @@ export declare class SearchHeaderComponent implements AfterViewInit {
     get headline(): string;
     set headline(value: string);
     subheader: string | undefined;
-    viewMode: 'basic' | 'advanced';
+    _viewMode: 'basic' | 'advanced';
+    get viewMode(): 'basic' | 'advanced';
+    set viewMode(viewMode: 'basic' | 'advanced');
     manualBreadcrumbs: boolean;
     _actions: Action[];
     get actions(): Action[];
     set actions(value: Action[]);
+    searchConfigPermission: string | undefined;
     searchButtonDisabled: boolean;
     resetButtonDisabled: boolean;
+    pageName: string | undefined;
     searched: EventEmitter<any>;
     resetted: EventEmitter<any>;
-    selectedSearchConfigChanged: EventEmitter<SearchConfigInfo>;
+    selectedSearchConfigChanged: EventEmitter<SearchConfigData | undefined>;
     viewModeChanged: EventEmitter<'basic' | 'advanced'>;
     componentStateChanged: EventEmitter<SearchHeaderComponentState>;
     additionalToolbarContent: TemplateRef<any> | undefined;
     get _additionalToolbarContent(): TemplateRef<any> | undefined;
     additionalToolbarContentLeft: TemplateRef<any> | undefined;
     get _additionalToolbarContentLeft(): TemplateRef<any> | undefined;
+    get searchConfigChangeObserved(): boolean;
+    formGroup: FormGroup | undefined;
+    visibleFormControls: QueryList<FormControlName>;
     searchParameterFields: ElementRef | undefined;
     hasAdvanced: boolean;
     headerActions: Action[];
+    fieldValues$: Observable<{
+        [key: string]: unknown;
+    }> | undefined;
+    searchConfigChangedSlotEmitter: EventEmitter<SearchConfigData | undefined>;
+    constructor();
+    ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     toggleViewMode(): void;
     onResetClicked(): void;
@@ -47,7 +68,7 @@ export declare class SearchHeaderComponent implements AfterViewInit {
     updateHeaderActions(): void;
     addKeyUpEventListener(): void;
     onSearchKeyup(event: any): void;
-    confirmSearchConfig(searchConfig: SearchConfigInfo): void;
+    private isVisible;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; }; }, { "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["additionalToolbarContent", "additionalToolbarContentLeft"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "header": { "alias": "header"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; }, { "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["additionalToolbarContent", "additionalToolbarContentLeft", "formGroup", "visibleFormControls"], ["*"], false, never>;
 }

package/lib/directives/if-permission.directive.d.ts

@@ -18,16 +18,18 @@ export declare class IfPermissionDirective implements OnInit {
     private hasPermissionChecker?;
     private templateRef?;
     private userService?;
-    permission: string | undefined;
-    set notPermission(value: string | undefined);
+    permission: string | string[] | undefined;
+    set notPermission(value: string | string[] | undefined);
     onMissingPermission: 'hide' | 'disable';
     ocxIfPermissionPermissions: string[] | undefined;
     set ocxIfNotPermissionPermissions(value: string[] | undefined);
+    ocxIfPermissionElseTemplate: TemplateRef<any> | undefined;
+    set ocxIfNotPermissionElseTemplate(value: TemplateRef<any> | undefined);
     private permissionChecker;
     negate: boolean;
     constructor(renderer: Renderer2, el: ElementRef, viewContainer: ViewContainerRef, hasPermissionChecker?: HasPermissionChecker | undefined, templateRef?: TemplateRef<any> | undefined, userService?: UserService | undefined);
     ngOnInit(): void;
-    hasPermission(permission: string): boolean | undefined;
+    hasPermission(permission: string[]): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IfPermissionDirective, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IfPermissionDirective, "[ocxIfPermission], [ocxIfNotPermission]", never, { "permission": { "alias": "ocxIfPermission"; "required": false; }; "notPermission": { "alias": "ocxIfNotPermission"; "required": false; }; "onMissingPermission": { "alias": "onMissingPermission"; "required": false; }; "ocxIfPermissionPermissions": { "alias": "ocxIfPermissionPermissions"; "required": false; }; "ocxIfNotPermissionPermissions": { "alias": "ocxIfNotPermissionPermissions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IfPermissionDirective, "[ocxIfPermission], [ocxIfNotPermission]", never, { "permission": { "alias": "ocxIfPermission"; "required": false; }; "notPermission": { "alias": "ocxIfNotPermission"; "required": false; }; "onMissingPermission": { "alias": "onMissingPermission"; "required": false; }; "ocxIfPermissionPermissions": { "alias": "ocxIfPermissionPermissions"; "required": false; }; "ocxIfNotPermissionPermissions": { "alias": "ocxIfNotPermissionPermissions"; "required": false; }; "ocxIfPermissionElseTemplate": { "alias": "ocxIfPermissionElseTemplate"; "required": false; }; "ocxIfNotPermissionElseTemplate": { "alias": "ocxIfNotPermissionElseTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/utils/create-remote-component-and-mfe-translate-loader.utils.d.ts

@@ -0,0 +1,6 @@
+import { HttpClient } from '@angular/common/http';
+import { ReplaySubject } from 'rxjs';
+import { TranslationCacheService } from '../services/translation-cache.service';
+import { AppStateService } from '@onecx/angular-integration-interface';
+import { AsyncTranslateLoader } from './async-translate-loader.utils';
+export declare function createRemoteComponentAndMfeTranslateLoader(httpClient: HttpClient, baseUrl: ReplaySubject<string>, translationCacheService: TranslationCacheService, appStateService: AppStateService): AsyncTranslateLoader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.15.0",
+  "version": "5.16.1",
   "license": "Apache-2.0",
   "peerDependencies": {
     "@angular/common": "^18.0.5",
@@ -13,6 +13,7 @@
     "@ngneat/until-destroy": "^10.0.0",
     "@onecx/integration-interface": "^5",
     "@onecx/angular-integration-interface": "^5",
+    "@onecx/angular-remote-components": "^5",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "rxjs": "~7.8.1",

package/testing/index.d.ts

@@ -11,7 +11,7 @@ export * from './group-by-count-diagram.harness';
 export * from './interactive-data-view.harness';
 export * from './more-actions-menu-button.harness';
 export * from './page-header.harness';
-export * from './search-config.harness';
+export * from './slot.harness';
 export * from './search-header.harness';
 export * from '@angular/cdk/testing';
 export * from '@angular/cdk/testing/testbed';

package/testing/interactive-data-view.harness.d.ts

@@ -4,11 +4,13 @@ import { PDropdownHarness } from '@onecx/angular-testing';
 import { CustomGroupColumnSelectorHarness } from '.';
 import { DataLayoutSelectionHarness } from './data-layout-selection.harness';
 import { DataViewHarness } from './data-view.harness';
+import { SlotHarness } from './slot.harness';
 export declare class InteractiveDataViewHarness extends ContentContainerComponentHarness {
     static hostSelector: string;
     getDataLayoutSelection: import("@onecx/angular-testing").AsyncFactoryFn<DataLayoutSelectionHarness>;
     getColumnGroupSelectionDropdown: import("@onecx/angular-testing").AsyncFactoryFn<PDropdownHarness | null>;
-    getCustomGroupColumnSelector: import("@onecx/angular-testing").AsyncFactoryFn<CustomGroupColumnSelectorHarness>;
+    getCustomGroupColumnSelector: import("@onecx/angular-testing").AsyncFactoryFn<CustomGroupColumnSelectorHarness | null>;
+    getCustomGroupColumnSelectorSlot: import("@onecx/angular-testing").AsyncFactoryFn<SlotHarness | null>;
     getDataListGridSortingDropdown: import("@onecx/angular-testing").AsyncFactoryFn<PDropdownHarness | null>;
     getDataListGridSortingButton: import("@onecx/angular-testing").AsyncFactoryFn<PButtonHarness | null>;
     getDataView: import("@onecx/angular-testing").AsyncFactoryFn<DataViewHarness>;

package/testing/search-header.harness.d.ts

@@ -1,12 +1,10 @@
 import { ComponentHarness } from '@angular/cdk/testing';
 import { PButtonHarness } from '@onecx/angular-testing';
 import { PageHeaderHarness } from './page-header.harness';
-import { SearchConfigHarness } from './search-config.harness';
 import { MoreActionsMenuButtonHarness } from './more-actions-menu-button.harness';
 export declare class SearchHeaderHarness extends ComponentHarness {
     static hostSelector: string;
     getPageHeader: import("@onecx/angular-testing").AsyncFactoryFn<PageHeaderHarness>;
-    getSearchConfig: import("@onecx/angular-testing").AsyncFactoryFn<SearchConfigHarness>;
     getSearchButton: import("@onecx/angular-testing").AsyncFactoryFn<PButtonHarness>;
     getResetButton: import("@onecx/angular-testing").AsyncFactoryFn<PButtonHarness>;
     getSimpleAdvancedButton: import("@onecx/angular-testing").AsyncFactoryFn<PButtonHarness | null>;

package/testing/slot.harness.d.ts

@@ -0,0 +1,7 @@
+import { BaseHarnessFilters, ContentContainerComponentHarness } from '@angular/cdk/testing';
+export interface SlotHarnessFilters extends BaseHarnessFilters {
+    name?: string;
+}
+export declare class SlotHarness extends ContentContainerComponentHarness {
+    static hostSelector: string;
+}

package/esm2022/lib/components/search-config/search-config.component.mjs

@@ -1,34 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "primeng/dropdown";
-import * as i3 from "@angular/forms";
-import * as i4 from "@ngx-translate/core";
-export class SearchConfigComponent {
-    constructor() {
-        this.placeholderKey = 'OCX_SEARCH_HEADER.OCX_SEARCH_CONFIG.DROPDOWN_DEFAULT';
-        this.selectedSearchConfigChanged = new EventEmitter();
-    }
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            searchConfigForm: new FormControl(null),
-        });
-    }
-    onSearchConfigChange(event) {
-        this.selectedSearchConfigChanged?.emit(event.value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SearchConfigComponent, selector: "ocx-search-config", inputs: { searchConfigs: "searchConfigs", placeholderKey: "placeholderKey" }, outputs: { selectedSearchConfigChanged: "selectedSearchConfigChanged" }, ngImport: i0, template: "<div *ngIf=\"formGroup\">\n  <form [formGroup]=\"formGroup\">\n    <div *ngIf=\"searchConfigs !== undefined\">\n      <div *ngIf=\"searchConfigs.length > 0\">\n        <p-dropdown\n          id=\"searchConfig\"\n          formControlName=\"searchConfigForm\"\n          [options]=\"searchConfigs\"\n          optionLabel=\"name\"\n          [placeholder]=\"placeholderKey | translate\"\n          [showClear]=\"true\"\n          (onChange)=\"onSearchConfigChange($event)\"\n        ></p-dropdown>\n      </div>\n    </div>\n  </form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchConfigComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ocx-search-config', template: "<div *ngIf=\"formGroup\">\n  <form [formGroup]=\"formGroup\">\n    <div *ngIf=\"searchConfigs !== undefined\">\n      <div *ngIf=\"searchConfigs.length > 0\">\n        <p-dropdown\n          id=\"searchConfig\"\n          formControlName=\"searchConfigForm\"\n          [options]=\"searchConfigs\"\n          optionLabel=\"name\"\n          [placeholder]=\"placeholderKey | translate\"\n          [showClear]=\"true\"\n          (onChange)=\"onSearchConfigChange($event)\"\n        ></p-dropdown>\n      </div>\n    </div>\n  </form>\n</div>\n" }]
-        }], propDecorators: { searchConfigs: [{
-                type: Input
-            }], placeholderKey: [{
-                type: Input
-            }], selectedSearchConfigChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbmZpZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjZWxlcmF0b3Ivc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1jb25maWcvc2VhcmNoLWNvbmZpZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjZWxlcmF0b3Ivc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1jb25maWcvc2VhcmNoLWNvbmZpZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzlFLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7Ozs7OztBQVF2RCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBU1csbUJBQWMsR0FBRyxzREFBc0QsQ0FBQTtRQUdoRixnQ0FBMkIsR0FBbUMsSUFBSSxZQUFZLEVBQUUsQ0FBQTtLQVlqRjtJQVRDLFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksU0FBUyxDQUFDO1lBQzdCLGdCQUFnQixFQUFFLElBQUksV0FBVyxDQUEwQixJQUFJLENBQUM7U0FDakUsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWtDO1FBQ3JELElBQUksQ0FBQywyQkFBMkIsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3JELENBQUM7OEdBbEJVLHFCQUFxQjtrR0FBckIscUJBQXFCLGdOQ1RsQyxpaUJBaUJBOzsyRkRSYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQU03QixhQUFhO3NCQURaLEtBQUs7Z0JBR0csY0FBYztzQkFBdEIsS0FBSztnQkFHTiwyQkFBMkI7c0JBRDFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3JtcydcbmltcG9ydCB7IFNlYXJjaENvbmZpZ0luZm8gfSBmcm9tICcuLi8uLi9tb2RlbC9zZWFyY2gtY29uZmlnLWluZm8nXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jeC1zZWFyY2gtY29uZmlnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1jb25maWcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtY29uZmlnLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbmZpZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHNlYXJjaENvbmZpZ3M6IFNlYXJjaENvbmZpZ0luZm9bXSB8IFtdIHwgdW5kZWZpbmVkXG5cbiAgQElucHV0KCkgcGxhY2Vob2xkZXJLZXkgPSAnT0NYX1NFQVJDSF9IRUFERVIuT0NYX1NFQVJDSF9DT05GSUcuRFJPUERPV05fREVGQVVMVCdcblxuICBAT3V0cHV0KClcbiAgc2VsZWN0ZWRTZWFyY2hDb25maWdDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8U2VhcmNoQ29uZmlnSW5mbz4gPSBuZXcgRXZlbnRFbWl0dGVyKClcblxuICBmb3JtR3JvdXA6IEZvcm1Hcm91cCB8IHVuZGVmaW5lZFxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe1xuICAgICAgc2VhcmNoQ29uZmlnRm9ybTogbmV3IEZvcm1Db250cm9sPFNlYXJjaENvbmZpZ0luZm8gfCBudWxsPihudWxsKSxcbiAgICB9KVxuICB9XG5cbiAgb25TZWFyY2hDb25maWdDaGFuZ2UoZXZlbnQ6IHsgdmFsdWU6IFNlYXJjaENvbmZpZ0luZm8gfSkge1xuICAgIHRoaXMuc2VsZWN0ZWRTZWFyY2hDb25maWdDaGFuZ2VkPy5lbWl0KGV2ZW50LnZhbHVlKVxuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZm9ybUdyb3VwXCI+XG4gIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCI+XG4gICAgPGRpdiAqbmdJZj1cInNlYXJjaENvbmZpZ3MgIT09IHVuZGVmaW5lZFwiPlxuICAgICAgPGRpdiAqbmdJZj1cInNlYXJjaENvbmZpZ3MubGVuZ3RoID4gMFwiPlxuICAgICAgICA8cC1kcm9wZG93blxuICAgICAgICAgIGlkPVwic2VhcmNoQ29uZmlnXCJcbiAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJzZWFyY2hDb25maWdGb3JtXCJcbiAgICAgICAgICBbb3B0aW9uc109XCJzZWFyY2hDb25maWdzXCJcbiAgICAgICAgICBvcHRpb25MYWJlbD1cIm5hbWVcIlxuICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcktleSB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAob25DaGFuZ2UpPVwib25TZWFyY2hDb25maWdDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgID48L3AtZHJvcGRvd24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9mb3JtPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/model/search-config-info.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbmZpZy1pbmZvLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWFjY2VsZXJhdG9yL3NyYy9saWIvbW9kZWwvc2VhcmNoLWNvbmZpZy1pbmZvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlYXJjaENvbmZpZ0luZm8ge1xuICBpZDogc3RyaW5nXG4gIG5hbWU6IHN0cmluZ1xufVxuIl19

package/esm2022/lib/services/app-config-service.mjs

@@ -1,43 +0,0 @@
-import { Location } from '@angular/common';
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, firstValueFrom } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common/http";
-export class AppConfigService {
-    constructor(http) {
-        this.http = http;
-        this.config$ = new BehaviorSubject({});
-    }
-    init(baseUrl) {
-        return new Promise((resolve, reject) => {
-            const loadConfigPromise = firstValueFrom(this.http.get(Location.joinWithSlash(baseUrl, 'assets/env.json')));
-            loadConfigPromise
-                .then(async (config) => {
-                if (config) {
-                    this.config$.next(config);
-                    resolve();
-                }
-            })
-                .catch((e) => {
-                console.log(`Failed to load env configuration`);
-                reject(e);
-            });
-        });
-    }
-    getProperty(key) {
-        return this.config$.getValue()?.[key];
-    }
-    setProperty(key, val) {
-        this.config$.next({ ...this.config$.value, [key]: val });
-    }
-    getConfig() {
-        return this.config$.getValue();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AppConfigService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AppConfigService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AppConfigService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.HttpClient }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWNvbmZpZy1zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWFjY2VsZXJhdG9yL3NyYy9saWIvc2VydmljZXMvYXBwLWNvbmZpZy1zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUUxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLE1BQU0sQ0FBQTs7O0FBR3RELE1BQU0sT0FBTyxnQkFBZ0I7SUFHM0IsWUFBb0IsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUZwQyxZQUFPLEdBQUcsSUFBSSxlQUFlLENBQTRCLEVBQUUsQ0FBQyxDQUFBO0lBRXJCLENBQUM7SUFFakMsSUFBSSxDQUFDLE9BQWU7UUFDekIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtZQUNyQyxNQUFNLGlCQUFpQixHQUFvQixjQUFjLENBQ3ZELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFTLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxFQUFFLGlCQUFpQixDQUFDLENBQUMsQ0FDMUUsQ0FBQTtZQUVELGlCQUFpQjtpQkFDZCxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFO2dCQUNyQixJQUFJLE1BQU0sRUFBRSxDQUFDO29CQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO29CQUN6QixPQUFPLEVBQUUsQ0FBQTtnQkFDWCxDQUFDO1lBQ0gsQ0FBQyxDQUFDO2lCQUNELEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxHQUFHLENBQUMsa0NBQWtDLENBQUMsQ0FBQTtnQkFDL0MsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO1lBQ1gsQ0FBQyxDQUFDLENBQUE7UUFDTixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFTSxXQUFXLENBQUMsR0FBVztRQUM1QixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQTtJQUN2QyxDQUFDO0lBRU0sV0FBVyxDQUFDLEdBQVcsRUFBRSxHQUFXO1FBQ3pDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDMUQsQ0FBQztJQUVNLFNBQVM7UUFDZCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDaEMsQ0FBQzs4R0FuQ1UsZ0JBQWdCO2tIQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBRDVCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCdcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29uZmlnIH0gZnJvbSAnQG9uZWN4L2ludGVncmF0aW9uLWludGVyZmFjZSdcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgZmlyc3RWYWx1ZUZyb20gfSBmcm9tICdyeGpzJ1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQXBwQ29uZmlnU2VydmljZSB7XG4gIGNvbmZpZyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0+KHt9KVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkge31cblxuICBwdWJsaWMgaW5pdChiYXNlVXJsOiBzdHJpbmcpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgY29uc3QgbG9hZENvbmZpZ1Byb21pc2U6IFByb21pc2U8Q29uZmlnPiA9IGZpcnN0VmFsdWVGcm9tKFxuICAgICAgICB0aGlzLmh0dHAuZ2V0PENvbmZpZz4oTG9jYXRpb24uam9pbldpdGhTbGFzaChiYXNlVXJsLCAnYXNzZXRzL2Vudi5qc29uJykpXG4gICAgICApXG5cbiAgICAgIGxvYWRDb25maWdQcm9taXNlXG4gICAgICAgIC50aGVuKGFzeW5jIChjb25maWcpID0+IHtcbiAgICAgICAgICBpZiAoY29uZmlnKSB7XG4gICAgICAgICAgICB0aGlzLmNvbmZpZyQubmV4dChjb25maWcpXG4gICAgICAgICAgICByZXNvbHZlKClcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgICAgIC5jYXRjaCgoZSkgPT4ge1xuICAgICAgICAgIGNvbnNvbGUubG9nKGBGYWlsZWQgdG8gbG9hZCBlbnYgY29uZmlndXJhdGlvbmApXG4gICAgICAgICAgcmVqZWN0KGUpXG4gICAgICAgIH0pXG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBnZXRQcm9wZXJ0eShrZXk6IHN0cmluZyk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnJC5nZXRWYWx1ZSgpPy5ba2V5XVxuICB9XG5cbiAgcHVibGljIHNldFByb3BlcnR5KGtleTogc3RyaW5nLCB2YWw6IHN0cmluZykge1xuICAgIHRoaXMuY29uZmlnJC5uZXh0KHsgLi4udGhpcy5jb25maWckLnZhbHVlLCBba2V5XTogdmFsIH0pXG4gIH1cblxuICBwdWJsaWMgZ2V0Q29uZmlnKCk6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0ge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZyQuZ2V0VmFsdWUoKVxuICB9XG59XG4iXX0=

package/esm2022/testing/search-config.harness.mjs

@@ -1,10 +0,0 @@
-import { ContentContainerComponentHarness } from '@angular/cdk/testing';
-import { PDropdownHarness } from '@onecx/angular-testing';
-export class SearchConfigHarness extends ContentContainerComponentHarness {
-    constructor() {
-        super(...arguments);
-        this.getSearchConfigDropdown = this.locatorForOptional(PDropdownHarness.with({ id: 'searchConfig' }));
-    }
-    static { this.hostSelector = 'ocx-search-config'; }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbmZpZy5oYXJuZXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWFjY2VsZXJhdG9yL3Rlc3Rpbmcvc2VhcmNoLWNvbmZpZy5oYXJuZXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXpELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxnQ0FBZ0M7SUFBekU7O1FBR0UsNEJBQXVCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFDbEcsQ0FBQzthQUhRLGlCQUFZLEdBQUcsbUJBQW1CLEFBQXRCLENBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGVudENvbnRhaW5lckNvbXBvbmVudEhhcm5lc3MgfSBmcm9tICdAYW5ndWxhci9jZGsvdGVzdGluZydcbmltcG9ydCB7IFBEcm9wZG93bkhhcm5lc3MgfSBmcm9tICdAb25lY3gvYW5ndWxhci10ZXN0aW5nJ1xuXG5leHBvcnQgY2xhc3MgU2VhcmNoQ29uZmlnSGFybmVzcyBleHRlbmRzIENvbnRlbnRDb250YWluZXJDb21wb25lbnRIYXJuZXNzIHtcbiAgc3RhdGljIGhvc3RTZWxlY3RvciA9ICdvY3gtc2VhcmNoLWNvbmZpZydcblxuICBnZXRTZWFyY2hDb25maWdEcm9wZG93biA9IHRoaXMubG9jYXRvckZvck9wdGlvbmFsKFBEcm9wZG93bkhhcm5lc3Mud2l0aCh7IGlkOiAnc2VhcmNoQ29uZmlnJyB9KSlcbn1cbiJdfQ==

package/lib/components/search-config/search-config.component.d.ts

@@ -1,16 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { SearchConfigInfo } from '../../model/search-config-info';
-import * as i0 from "@angular/core";
-export declare class SearchConfigComponent implements OnInit {
-    searchConfigs: SearchConfigInfo[] | [] | undefined;
-    placeholderKey: string;
-    selectedSearchConfigChanged: EventEmitter<SearchConfigInfo>;
-    formGroup: FormGroup | undefined;
-    ngOnInit(): void;
-    onSearchConfigChange(event: {
-        value: SearchConfigInfo;
-    }): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchConfigComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchConfigComponent, "ocx-search-config", never, { "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; }; }, { "selectedSearchConfigChanged": "selectedSearchConfigChanged"; }, never, never, false, never>;
-}

package/lib/model/search-config-info.d.ts

@@ -1,4 +0,0 @@
-export interface SearchConfigInfo {
-    id: string;
-    name: string;
-}

package/lib/services/app-config-service.d.ts

@@ -1,18 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class AppConfigService {
-    private http;
-    config$: BehaviorSubject<{
-        [key: string]: string;
-    }>;
-    constructor(http: HttpClient);
-    init(baseUrl: string): Promise<void>;
-    getProperty(key: string): string | undefined;
-    setProperty(key: string, val: string): void;
-    getConfig(): {
-        [key: string]: string;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppConfigService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AppConfigService>;
-}

package/testing/search-config.harness.d.ts

@@ -1,6 +0,0 @@
-import { ContentContainerComponentHarness } from '@angular/cdk/testing';
-import { PDropdownHarness } from '@onecx/angular-testing';
-export declare class SearchConfigHarness extends ContentContainerComponentHarness {
-    static hostSelector: string;
-    getSearchConfigDropdown: import("@onecx/angular-testing").AsyncFactoryFn<PDropdownHarness | null>;
-}