@quadrel-enterprise-ui/framework 20.26.1 → 20.27.0

package/index.d.ts

@@ -302,6 +302,7 @@ declare class QdNotificationsService {
 }
 
 declare const BACKEND_ERROR_CODES: InjectionToken<Record<string, string>>;
+declare const WHITELIST_ERROR_CODES: InjectionToken<number[]>;
 /**
  * The QdNotificationsHttpInterceptorService is an Angular HTTP interceptor that captures error responses from HTTP requests and generates notifications for backend errors. This Service not only intercepts error responses, but it also handles specific error codes and translates them into appropriate error messages for display.
  */
@@ -3354,6 +3355,7 @@ declare class QdMockFilterItemDateRangeComponent {
     timePickerConfig?: QdFormTimepickerConfiguration;
     testId: any;
     get dataTestId(): string;
+    open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFilterItemDateRangeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFilterItemDateRangeComponent, "qd-filter-item-date-range", never, { "filterId": { "alias": "filterId"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; "timePickerConfig": { "alias": "timePickerConfig"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -3411,12 +3413,15 @@ declare class QdMockFilterService {
     private postBodyWithEmptyDefaultSubjects;
     private categoryByIdSubject;
     private itemByIdSubject;
+    private loadingSubject;
     initializeFilterState(): void;
     updateFilterState(): void;
     getFilterState(): void;
     setFilterSelection: any;
     updateItem: any;
     setItemIsActive: any;
+    clearCategorySelection: any;
+    setItemsLoading: any;
     selectFilterDataById$: any;
     getQueryString$(filterId: any): Observable<string>;
     getFilterUrlParameter$(filterId: any): Observable<string>;
@@ -3425,6 +3430,7 @@ declare class QdMockFilterService {
     getPostBodyWithEmptyDefault$(filterId: any): Observable<QdFilterPostBodyData>;
     getCategoryById$(filterId: any): Observable<any>;
     getItemById$(filterId: any): Observable<any>;
+    getItemsLoading$(filterId: any): Observable<boolean>;
     getQueryStringSubject(filterId: any): Subject<string>;
     getFilterUrlParameterSubject(filterId: any): Subject<string>;
     getPostBodySubject(filterId: any): Subject<QdFilterPostBodyData>;
@@ -3433,6 +3439,7 @@ declare class QdMockFilterService {
     getMaxDate$: any;
     emitCategory(value: any, filterId: any): void;
     emitItem(value: any, filterId: any): void;
+    emitLoading(value: any, filterId: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFilterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<QdMockFilterService>;
 }
@@ -5255,6 +5262,16 @@ declare class QdPopoverOnClickDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     open(): void;
+    /**
+     * Re-aligns an open overlay with its origin element.
+     *
+     * The connected position is only recomputed on scroll/resize, not when a
+     * layout reflow moves the origin (e.g. a chip or action buttons appearing in
+     * the host). Call this after such a reflow to keep the overlay attached to the
+     * host. Deferred by one frame so the new layout is measured, and a no-op while
+     * the overlay is detached, so it stays cheap to call on discrete events.
+     */
+    updatePosition(): void;
     close(): void;
     private popoverInstance;
     private initPositionStrategy;
@@ -6287,6 +6304,7 @@ declare class QdDatepickerComponent implements ControlValueAccessor, OnInit, OnC
     registerOnTouched(fn: () => void): void;
     writeValue(date: Date): void;
     setDisabledState(disabled: boolean): void;
+    open(): void;
     handleUpdatedDate($rawValue: QdInputRawEventValue): void;
     handleUpdatedTime($event: string): void;
     handleUpdatedDateTime($rawValue: QdInputRawEventValue): void;
@@ -11520,6 +11538,7 @@ declare class QdFilterService {
     private queryStringSubjects;
     private filterUrlParameterSubjects;
     private postBodySubjects;
+    private itemsLoadingSubjects;
     getItems$(filterId: any, categoryIndex: any): Observable<any>;
     getItemById$(filterId: any, categoryIndex: any, itemIndex: any): Observable<QdFilterItem>;
     getMinDate$(filterId: any, categoryIndex: any, itemIndex: any): Observable<string | undefined>;
@@ -11539,6 +11558,7 @@ declare class QdFilterService {
     selectFilterDataById$(filterId: any): Observable<QdFilterCategory[]>;
     selectHasActiveCategory$(filterId: any): Observable<boolean>;
     getCategoryById$(filterId: any, categoryIndex: any): Observable<any>;
+    getItemsLoading$(filterId: any, categoryIndex: any): Observable<boolean>;
     getFilterCategoryValue$(filterId: any, categoryIndex: any): Observable<any>;
     /**
      * Action dispatcher
@@ -11554,6 +11574,9 @@ declare class QdFilterService {
     resetEmissionReplaySubjects(filterId: any): void;
     setCategoryFilter(filterId: any, categoryIndex: number, filter: string): void;
     resetCategoryFilter(filterId: string, categoryIndex: number): void;
+    clearCategorySelection(filterId: string, categoryIndex: number): void;
+    setItemsLoading(filterId: string, categoryIndex: number, loading: boolean): void;
+    private getItemsLoadingSubject;
     private getQueryStringSubject;
     private getFilterUrlParameterSubject;
     private getPostBodySubject;
@@ -11562,43 +11585,123 @@ declare class QdFilterService {
 }
 
 /**
- * The **QdFilter** is responsible for the filtering of data.
+ * **QdFilterComponent** lets users build and apply a filter with several categories over a data set.
  *
- * Hirarchical structure::
- * - **Filter**: Name of the component.
- * - **Categories**: A list of one or more different categories.
- * - **Items**: A list with one or more items belongs to a parent category.
+ * #### **Features**
+ *
+ * - **Category types**: single and multi select dropdowns, a boolean toggle, date and date-time pickers, date and date-time ranges, and free text. A select dropdown can also show a filter field that narrows the item list.
+ * - **Outputs**: react to the applied selection through the query-string and post-body outputs, or read the current selection at any time.
+ * - **Multi-staging**: chain categories so one stage loads its items from the selection of another.
+ * - **URL sync**: the selection is kept in the URL, so a view can be shared, bookmarked, and reopened.
+ *
+ * #### **Quick start**
  *
- * ### Filter selection ###
+ * **1. Add the filter to the template**
  *
- * To get the applied filters you can listen to the outputs `(queryStringOutput)` and `(postBodyOutput)`.
- * These outputs will be emitted when the filter is triggered. The `(queryStringOutput)` returns
- * the applied filters as an url string with an encoded *filter* parameter. The `(postBodyOutput)`
- * yields an object containing the categories and active items.
+ * ```html
+ * <qd-filter
+ *   [filterData]="myFilterConfig"
+ *   (queryStringOutput)="callBackendWithQueryString($event)"
+ *   (postBodyOutput)="callBackendWithResultObject($event)"
+ * ></qd-filter>
+ * ```
  *
- * In addition to the outputs, you also can query the current filter selection with the
- * filter component methods `getCurrentQueryString`, `getCurrentFilterUrlParameterString` and `getCurrentPostBody`.
+ * **2. Define the config in your component**
  *
- * ### Preserve filter state ###
+ * ```typescript
+ * myFilterConfig: QdFilterConfigData = {
+ *   categories: [
+ *     {
+ *       type: 'singleSelect',
+ *       category: 'controlObject',
+ *       i18n: 'i18n.my.category.controlObject',
+ *       items: [
+ *         { item: 'vehicle', i18n: 'i18n.my.item.vehicle', active: true },
+ *         { item: 'article', i18n: 'i18n.my.item.article' }
+ *       ],
+ *       filter: true
+ *     },
+ *     {
+ *       type: 'multiSelect',
+ *       category: 'enrollmentCountry',
+ *       i18n: 'i18n.my.category.enrollmentCountry',
+ *       items: [
+ *         { item: 'de', i18n: 'i18n.my.item.de' },
+ *         { item: 'ch', i18n: 'i18n.my.item.ch' }
+ *       ]
+ *     }
+ *   ],
+ *   uid: 'overview-filter'
+ * };
+ * ```
+ *
+ * The `filterData` input is the only configuration. It holds the categories and the behavior flags.
+ *
+ * #### **Category types**
+ *
+ * A category sets its type to one of: singleSelect, multiSelect, boolean, date, dateTime,
+ * dateRange, dateTimeRange or freeText. Single and multi select show a dropdown, boolean is a
+ * toggle, the date types open a picker (the date-time variants add a time picker), and free text
+ * is a text field applied on enter.
+ *
+ * On a single or multi select you can add a filter field above the items with `filter: true` to
+ * narrow the item list. It has no effect on the other types.
+ *
+ * #### **Filter selection**
+ *
+ * Listen to the outputs to react when the user applies the filter. The query-string output gives
+ * the selection as a URL string (for example filter=...); the post-body output gives it as an
+ * object with the active categories and their values.
+ *
+ * The outputs fire when the user applies the filter, on reset (only when a preselection exists),
+ * when the last active item is removed, and on load if a category starts active.
+ *
+ * To read the selection without waiting for an apply, call `getCurrentQueryString` or
+ * `getCurrentPostBody`, or subscribe to `getFilterChanges$` for a continuous stream.
+ *
+ * #### **Multi-staging filters**
+ *
+ * To chain categories, give one a `dependsOn` list and an `itemsResolver`. In `dependsOn` you
+ * name the parent categories. The resolver receives the active parents and returns the items for
+ * this stage.
+ *
+ * ```typescript
+ * const cityCategory: QdDependentFilterCategory = {
+ *   type: 'multiSelect',
+ *   category: 'city',
+ *   i18n: 'i18n.my.category.city',
+ *   dependsOn: ['country'],
+ *   itemsResolver: ([country]) =>
+ *     loadCitiesFor(country.items.filter(item => item.active)),
+ *   filter: true
+ * };
+ * ```
  *
- * To preserve the filter state when navigating, for example between detail and overview page, you just have to define
- * a uid in the filter data config.
+ * The stage appears once every parent has an active item. While its items load, the open
+ * dropdown shows a loading text instead of the list. If the resolver returns nothing, the list
+ * stays empty. Multi-staging works only for single and multi select categories.
  *
- * ### Multi Staging Filters
+ * #### **URL synchronization**
  *
- * To build a dependency chain of filters you can use the `dependsOn` property of a filter that depends on
- * other filters. In the `dependsOn` property you set the names of the filter categories the category depends on.
- * Always when one of these categories change the `itemsResolver` will be called with the list
- * of categories given in `dependsOn`. The `itemsResolver` can also be defined in the config where `dependsOn`
- * is also defined.
+ * The filter keeps its selection in the URL filter parameter: it is saved when the selection
+ * changes and read back when the page opens, so a user can share or bookmark the URL and return
+ * to the same filter.
  *
- * If the items resolver has not been called yet or when it returns an empty array of items,
- * the corresponding filter stage won't be rendered.
+ * This is on by default. With more than one filter in a view, only one may own the URL, so set
+ * `connectWithRouter` to false on every other filter.
  *
- * #### Support
+ * #### **Preserve filter state**
  *
- * Multi Staging Filters only work for `singleSelect` and `multiSelect` filters.
+ * Give the config a stable `uid` to keep the selection while the user moves around the app, for
+ * example from an overview to a detail page and back. The selection is restored the next time a
+ * filter with the same `uid` is shown.
  *
+ * #### **Reset behavior**
+ *
+ * An item set to active is a preselection. The reset button reads "Reset" when there is no
+ * preselection, and "Back to preselection" when the config starts with active items. It restores
+ * the initial state. With instant filtering (`isInstantFiltering`) the apply and reset buttons
+ * are hidden and the filter applies on every change.
  */
 declare class QdFilterComponent implements OnInit, OnChanges, OnDestroy {
     readonly filterService: QdFilterService;
@@ -11845,6 +11948,7 @@ declare class QdFilterItemDateComponent implements OnInit, OnDestroy {
     clickTimePlaceholder: EventEmitter<boolean>;
     testId: string;
     get dataTestId(): string;
+    private datepicker?;
     datepickerConfig: QdFormDatepickerConfiguration;
     item: Date;
     private _destroyed$;
@@ -11852,36 +11956,12 @@ declare class QdFilterItemDateComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     handleDateChange(date: Date): void;
     handleClickTimePlaceholder($event: boolean): void;
+    open(): void;
     private subscribeGetItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFilterItemDateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFilterItemDateComponent, "qd-filter-item-date", never, { "filterId": { "alias": "filterId"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; "timePickerConfig": { "alias": "timePickerConfig"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, { "clickTimePlaceholder": "clickTimePlaceholder"; }, never, never, false, never>;
 }
 
-declare class QdFilterItemDateRangeCategoryComponent implements OnInit {
-    private readonly filterService;
-    filterId: string;
-    categoryIndex: number;
-    testId: string;
-    timePickerConfig?: QdFormTimepickerConfiguration;
-    i18n$: Observable<string>;
-    fromItem$: Observable<QdFilterItem>;
-    fromItemIndex: number;
-    fromItemTimePickerConfig: QdFormTimepickerConfiguration;
-    fromItemTimePlaceholderClicked: boolean;
-    untilItem$: Observable<QdFilterItem>;
-    untilItemIndex: number;
-    untilItemTimePickerConfig: QdFormTimepickerConfiguration;
-    untilItemTimePlaceholderClicked: boolean;
-    ngOnInit(): void;
-    removeItem(itemIndex: any): void;
-    handleFromTimePlaceholderClicked($event: boolean): void;
-    handleUntilTimePlaceholderClicked($event: boolean): void;
-    private setCategoryI18n;
-    private setFromItem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdFilterItemDateRangeCategoryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdFilterItemDateRangeCategoryComponent, "qd-filter-category-date-range", never, { "filterId": { "alias": "filterId"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; "timePickerConfig": { "alias": "timePickerConfig"; "required": false; }; }, {}, never, never, false, never>;
-}
-
 declare class QdFilterItemDateRangeComponent implements OnInit, OnDestroy {
     private readonly filterService;
     filterId: string;
@@ -11895,6 +11975,8 @@ declare class QdFilterItemDateRangeComponent implements OnInit, OnDestroy {
     private _destroyed$;
     get itemClassName(): string;
     get dataTestId(): string;
+    private datepicker?;
+    open(): void;
     get minDate$(): Observable<string | undefined>;
     get maxDate$(): Observable<string | undefined>;
     ngOnInit(): void;
@@ -11908,6 +11990,32 @@ declare class QdFilterItemDateRangeComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFilterItemDateRangeComponent, "qd-filter-item-date-range", never, { "filterId": { "alias": "filterId"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; "timePickerConfig": { "alias": "timePickerConfig"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, { "clickTimePlaceholder": "clickTimePlaceholder"; }, never, never, false, never>;
 }
 
+declare class QdFilterItemDateRangeCategoryComponent implements OnInit {
+    private readonly filterService;
+    filterId: string;
+    categoryIndex: number;
+    testId: string;
+    timePickerConfig?: QdFormTimepickerConfiguration;
+    i18n$: Observable<string>;
+    fromItem$: Observable<QdFilterItem>;
+    fromItemIndex: number;
+    fromItemTimePickerConfig: QdFormTimepickerConfiguration;
+    fromItemTimePlaceholderClicked: boolean;
+    untilItem$: Observable<QdFilterItem>;
+    untilItemIndex: number;
+    untilItemTimePickerConfig: QdFormTimepickerConfiguration;
+    untilItemTimePlaceholderClicked: boolean;
+    ngOnInit(): void;
+    openItem(itemRef: QdFilterItemDateRangeComponent, event: Event): void;
+    removeItem(itemIndex: any): void;
+    handleFromTimePlaceholderClicked($event: boolean): void;
+    handleUntilTimePlaceholderClicked($event: boolean): void;
+    private setCategoryI18n;
+    private setFromItem;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdFilterItemDateRangeCategoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdFilterItemDateRangeCategoryComponent, "qd-filter-category-date-range", never, { "filterId": { "alias": "filterId"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; "timePickerConfig": { "alias": "timePickerConfig"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 declare class QdFilterItemFreeTextComponent implements OnInit, OnDestroy {
     private readonly filterService;
     filterId: string;
@@ -11920,6 +12028,7 @@ declare class QdFilterItemFreeTextComponent implements OnInit, OnDestroy {
     i18n: any;
     get dataTestId(): string;
     get value(): string;
+    inputValue: string;
     private _destroyed$;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -11930,8 +12039,14 @@ declare class QdFilterItemFreeTextComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFilterItemFreeTextComponent, "qd-filter-item-free-text", never, { "filterId": { "alias": "filterId"; "required": false; }; "isInstantFiltering": { "alias": "isInstantFiltering"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, { "enterClick": "enterClick"; }, never, never, false, never>;
 }
 
+interface QdFilterItemEntry {
+    item: QdFilterItem;
+    itemIndex: number;
+}
 declare class QdFilterItemSelectCategoryComponent implements OnInit {
     private readonly filterService;
+    private readonly breakpointService;
+    readonly isMobile$: Observable<boolean>;
     filterId: string;
     categoryIndex: number;
     testId: string;
@@ -11943,10 +12058,18 @@ declare class QdFilterItemSelectCategoryComponent implements OnInit {
     items: QdFilterItem[];
     dependsOn: string[];
     showSelectButton$: Observable<boolean>;
+    itemsLoading$: Observable<boolean>;
     positionStrategy: ConnectedPosition[];
     maxFlyoutHeight: number;
     private _destroyRef;
+    private frozenSelectedKeys;
+    private frozenUnselectedKeys;
     get closeButton(): boolean;
+    get activeItemCount(): number;
+    get selectedDropdownEntries(): QdFilterItemEntry[];
+    get unselectedDropdownEntries(): QdFilterItemEntry[];
+    get showSelectedSeparator(): boolean;
+    get hasNoVisibleItems(): boolean;
     get buttonClassName(): string;
     get layerContentClassName(): string;
     get filterCategoryValue$(): Observable<string>;
@@ -11955,9 +12078,14 @@ declare class QdFilterItemSelectCategoryComponent implements OnInit {
     onLayerClosed(): void;
     closeLayer(): void;
     close(itemIndex: string): void;
+    clearAll(): void;
+    trackByItem(_index: number, entry: QdFilterItemEntry): string;
+    private freezeDropdownOrder;
+    private toEntries;
     changeValue($event: string): void;
     private initCategorySubscription;
     private initItemsSubscription;
+    private haveSameItemKeys;
     private initShowSelectButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFilterItemSelectCategoryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFilterItemSelectCategoryComponent, "qd-filter-category-select", never, { "filterId": { "alias": "filterId"; "required": false; }; "categoryIndex": { "alias": "categoryIndex"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
@@ -12393,6 +12521,18 @@ declare class QdPageControlPanelComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<QdPageControlPanelComponent, "qd-page-control-panel", never, { "config": { "alias": "config"; "required": true; }; }, {}, never, ["qd-text-section", "qd-panel-section", "qd-section"], false, never>;
 }
 
+declare class QdPageFooterCustomContentDirective implements OnInit, OnDestroy {
+    private footerService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdPageFooterCustomContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QdPageFooterCustomContentDirective, "[qdPageFooter]", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * Type for the keys of footer actions.
+ */
+type QdFooterActionKey = 'saveDraft' | 'previous' | 'next' | 'cancel' | 'submit';
 /**
  * Interface that describes the configuration of a footer action.
  */
@@ -12904,6 +13044,28 @@ declare class QdPageTabsAdapterDirective implements OnInit {
     static ɵdir: i0.ɵɵDirectiveDeclaration<QdPageTabsAdapterDirective, "[qdPageTabsAdapter]", never, {}, {}, never, never, false, never>;
 }
 
+declare class QdPageFooterService {
+    private _pageFooterActions;
+    private _customContentCount;
+    pageFooterActions$: rxjs.Observable<Map<QdFooterActionKey, QdPageFooterAction>>;
+    customContentCount$: rxjs.Observable<number>;
+    footerHasContent$: rxjs.Observable<boolean>;
+    registerCustomContent(): void;
+    detachCustomContent(): void;
+    setActions(actionsArray: Array<{
+        key: QdFooterActionKey;
+        action: QdPageFooterAction;
+    }>): void;
+    updateActions(updates: {
+        actionKey: QdFooterActionKey;
+        partialAction: Partial<QdPageFooterAction>;
+    }[]): void;
+    private sortActionsByPriority;
+    private isAnyActionVisible;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdPageFooterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QdPageFooterService>;
+}
+
 /**
  * The configuration object of the tabs
  */
@@ -13031,7 +13193,8 @@ interface QdPageTabCounters {
 /**
  * The **QdPageTab** is a single tab inside the **QdPageTabs** within a **QdPage**.
  */
-declare class QdPageTabComponent extends CdkStep implements OnInit, OnChanges, OnDestroy {
+declare class QdPageTabComponent implements OnInit, OnChanges, OnDestroy {
+    private readonly _pageTabs;
     private translate;
     /**
      * Configuration of QdPageTabComponent.
@@ -13043,8 +13206,14 @@ declare class QdPageTabComponent extends CdkStep implements OnInit, OnChanges, O
     set tabControl(tabControl: AbstractControl);
     get tabControl(): AbstractControl;
     infoBanners: QueryList<QdPageInfoBannerComponent>;
+    content: TemplateRef<any>;
+    stepControl?: AbstractControl;
+    interacted: boolean;
+    editable: boolean;
+    get completed(): boolean;
+    get hasError(): boolean;
     private _destroyed$;
-    constructor();
+    select(): void;
     ngOnInit(): void;
     ngOnChanges(changes?: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -13240,10 +13409,14 @@ interface QdTabSelectionEvent {
  * - If an invalid tab name is provided in URL, the first available tab is selected
  * - If no tab parameter is present, the `selectedIndex` or first non-disabled tab is selected
  */
-declare class QdPageTabsComponent extends CdkStepper implements OnInit, OnChanges, AfterContentInit, AfterViewInit {
-    private readonly footerService;
-    private pageStoreService;
+declare class QdPageTabsComponent implements OnInit, OnChanges, AfterContentInit, AfterViewInit {
+    readonly footerService: QdPageFooterService;
+    private readonly pageStoreService;
     private readonly routerConnector;
+    private readonly _changeDetectorRef;
+    private readonly destroyRef;
+    private static _idCounter;
+    private readonly _id;
     protected get hasPageFooter(): boolean;
     /**
      * Configuration of QdPageTabs.
@@ -13254,17 +13427,26 @@ declare class QdPageTabsComponent extends CdkStepper implements OnInit, OnChange
      */
     testId: string;
     readonly tabSelection: EventEmitter<QdTabSelectionEvent>;
+    private _tabs;
+    linear: boolean;
+    private _selectedIndex;
     private _viewonly;
-    private readonly destroyRef;
     get tabs(): QueryList<QdPageTabComponent>;
     get selected(): QdPageTabComponent | undefined;
-    set selected(step: QdPageTabComponent | undefined);
-    constructor();
+    set selected(tab: QdPageTabComponent | undefined);
+    get selectedIndex(): number;
+    set selectedIndex(newIndex: number);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    _getIndicatorType(index: number, state?: StepState): StepState;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
+    _stateChanged(): void;
+    _getIndicatorType(index: number): string;
+    _getTabLabelId(i: number): string;
+    save(): void;
+    selectTab(tab: QdPageTabComponent): void;
+    isSubmitButtonShown(): boolean;
+    isSubmitButtonDisabled(): boolean | undefined;
     private initializeTabSelection;
     private configureBookmarkableTabs;
     private isTabSelectable;
@@ -13272,15 +13454,9 @@ declare class QdPageTabsComponent extends CdkStepper implements OnInit, OnChange
      * Selects the first tab that is not disabled.
      */
     private selectFirstNotDisabledTab;
-    save(): void;
-    selectTab(tab: QdPageTabComponent): void;
-    isSubmitButtonShown(): boolean;
-    isSubmitButtonDisabled(): boolean | undefined;
-    _getTabLabelId(i: number): string;
     private blockCdkInput;
-    private mapSelectionChangeToTabSelectionOutput;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdPageTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdPageTabsComponent, "qd-page-tabs", never, { "config": { "alias": "config"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, { "tabSelection": "tabSelection"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdPageTabsComponent, "qd-page-tabs", never, { "config": { "alias": "config"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, { "tabSelection": "tabSelection"; }, ["_tabs"], never, true, never>;
 }
 
 interface QdSearchPostBodyData {
@@ -14481,14 +14657,6 @@ declare class QdReferencesFacetComponent<T> {
     static ɵcmp: i0.ɵɵComponentDeclaration<QdReferencesFacetComponent<any>, "qd-references-facet", never, { "facet": { "alias": "facet"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
 }
 
-declare class QdPageFooterCustomContentDirective implements OnInit, OnDestroy {
-    private footerService;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QdPageFooterCustomContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QdPageFooterCustomContentDirective, "[qdPageFooter]", never, {}, {}, never, never, false, never>;
-}
-
 declare class QdContextSelectDialogComponent implements OnInit {
     private dialogRef;
     private translateService;
@@ -18079,18 +18247,13 @@ declare class QdPageStepperModule {
  */
 declare function qdPageTabParameterize(tab: QdPageTabConfig | string | undefined): QdQueryParameter;
 
+type QdTabState = 'number' | 'edit' | 'done' | 'error' | string;
 /**
  * **QdPageTabHeader* renders the header of a single tab. It is used quadrel-internally.
  */
-declare class QdPageTabHeaderComponent extends CdkStepHeader {
-    protected readonly STEP_STATE: {
-        NUMBER: string;
-        EDIT: string;
-        DONE: string;
-        ERROR: string;
-    };
+declare class QdPageTabHeaderComponent {
     /** State of the given tab. */
-    state: StepState;
+    state: QdTabState;
     /** Label of the given tab. */
     label: string;
     /** Represents up to two numeric counters as a badge */
@@ -18105,7 +18268,6 @@ declare class QdPageTabHeaderComponent extends CdkStepHeader {
      * A static test ID for integration tests can be set.
      */
     testId: string;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<QdPageTabHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdPageTabHeaderComponent, "qd-page-tab-header", never, { "state": { "alias": "state"; "required": false; }; "label": { "alias": "label"; "required": false; }; "counters": { "alias": "counters"; "required": false; }; "index": { "alias": "index"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -18122,7 +18284,7 @@ declare class QdPageTabHeaderCountersComponent implements OnInit {
 
 declare class QdPageTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<QdPageTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<QdPageTabsModule, [typeof QdPageTabsAdapterDirective], [typeof i2.CommonModule, typeof i9.TranslateModule, typeof i5.CdkStepperModule, typeof QdButtonModule, typeof QdIconModule, typeof QdPageTabsComponent, typeof QdPageTabComponent, typeof QdPageTabHeaderComponent, typeof QdPageTabHeaderCountersComponent], [typeof QdPageTabsComponent, typeof QdPageTabComponent, typeof QdPageTabsAdapterDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<QdPageTabsModule, [typeof QdPageTabsAdapterDirective], [typeof i2.CommonModule, typeof i9.TranslateModule, typeof QdButtonModule, typeof QdIconModule, typeof QdPageTabsComponent, typeof QdPageTabComponent, typeof QdPageTabHeaderComponent, typeof QdPageTabHeaderCountersComponent], [typeof QdPageTabsComponent, typeof QdPageTabComponent, typeof QdPageTabsAdapterDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<QdPageTabsModule>;
 }
 
@@ -18576,5 +18738,5 @@ declare class QdUiModule {
 
 declare const APP_ENVIRONMENT: InjectionToken<QdAppEnvironment>;
 
-export { APP_ENVIRONMENT, AVAILABLE_ICONS, BACKEND_ERROR_CODES, MockLocaleDatePipe, NavigationTileComponent, NavigationTilesComponent, QD_DIALOG_CONFIRMATION_RESOLVER_TOKEN, QD_FILE_MANAGER_TOKEN, QD_FILE_UPLOAD_MANAGER_TOKEN, QD_FORM_OPTIONS_RESOLVER, QD_PAGE_OBJECT_RESOLVER_TOKEN, QD_PAGE_STEP_RESOLVER_TOKEN, QD_POPOVER_TOP_FIRST, QD_SAFE_BOTTOM_OFFSET, QD_TABLE_DATA_RESOLVER_TOKEN, QD_UPLOAD_HTTP_OPTIONS, QdButtonComponent, QdButtonGhostDirective, QdButtonGridComponent, QdButtonLinkDirective, QdButtonModule, QdButtonStackButtonComponent, QdButtonStackComponent, QdCheckboxChipsComponent, QdCheckboxComponent, QdCheckboxesComponent, QdChipComponent, QdChipModule, QdColumnAutoFillDirective, QdColumnBreakBeforeDirective, QdColumnDirective, QdColumnDisableResponsiveColspansDirective, QdColumnFullGridWidthDirective, QdColumnNextInSameRowDirective, QdColumnsDirective, QdColumnsDisableAutoFillDirective, QdColumnsDisableResponsiveColspansDirective, QdColumnsMaxDirective, QdCommentsComponent, QdCommentsModule, QdConnectFormStateToPageDirective, QdConnectorTableContextDirective, QdConnectorTableFilterDirective, QdConnectorTableSearchDirective, QdContactCardComponent, QdContactCardModule, QdContainerPairsCaptionComponent, QdContainerPairsContainerComponent, QdContainerPairsHeaderComponent, QdContainerPairsItemComponent, QdContainerPairsValueComponent, QdContextService, QdCoreModule, QdDatepickerComponent, QdDialogActionComponent, QdDialogAuthSessionEndComponent, QdDialogAuthSessionEndService, QdDialogComponent, QdDialogConfirmationComponent, QdDialogConfirmationErrorDirective, QdDialogConfirmationInfoDirective, QdDialogConfirmationSuccessDirective, QdDialogModule, QdDialogRecordStepperComponent, QdDialogService, QdDialogSize, QdDisabledDirective, QdDropdownComponent, QdFileCollectorComponent, QdFileCollectorModule, QdFileSizePipe$1 as QdFileSizePipe, QdFileUploadComponent, QdFileUploadService, QdFilterComponent, QdFilterFormItemsComponent, QdFilterModule, QdFilterRestParamBuilder, QdFilterService, QdFooterActionType, QdFormArray, QdFormBuilder, QdFormControl, QdFormGroup, QdFormModule, QdGridComponent, QdGridModule, QdHorizontalPairsCaptionComponent, QdHorizontalPairsComponent, QdHorizontalPairsItemComponent, QdHorizontalPairsValueComponent, QdIconButtonComponent, QdIconComponent, QdIconModule, QdImageComponent, QdImageModule, QdIndeterminateProgressBarComponent, QdInputComponent, QdListModule, QdMenuButtonComponent, QdMockBreakpointService, QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonModule, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockCalendarComponent, QdMockCheckboxChipsComponent, QdMockCheckboxComponent, QdMockCheckboxesComponent, QdMockChipComponent, QdMockChipModule, QdMockColumnDirective, QdMockColumnsDirective, QdMockContactCardComponent, QdMockContactCardModule, QdMockContainerPairsCaptionComponent, QdMockContainerPairsContainerComponent, QdMockContainerPairsHeaderComponent, QdMockContainerPairsItemComponent, QdMockContainerPairsValueComponent, QdMockCoreModule, QdMockCounterBadgeComponent, QdMockDatepickerComponent, QdMockDisabledDirective, QdMockDropdownComponent, QdMockFileCollectorComponent, QdMockFileCollectorModule, QdMockFilterCategoryBooleanComponent, QdMockFilterCategoryComponent, QdMockFilterCategoryDateComponent, QdMockFilterCategoryDateRangeComponent, QdMockFilterCategoryFreeTextComponent, QdMockFilterCategorySelectComponent, QdMockFilterComponent, QdMockFilterFormItemsComponent, QdMockFilterItemBooleanComponent, QdMockFilterItemDateComponent, QdMockFilterItemDateRangeComponent, QdMockFilterItemFreeTextComponent, QdMockFilterItemMultiSelectComponent, QdMockFilterItemSingleSelectComponent, QdMockFilterModule, QdMockFilterService, QdMockFormErrorComponent, QdMockFormGroupErrorComponent, QdMockFormHintComponent, QdMockFormLabelComponent, QdMockFormReadonlyComponent, QdMockFormViewonlyComponent, QdMockFormsModule, QdMockGridModule, QdMockIconButtonComponent, QdMockIconComponent, QdMockIconModule, QdMockImageComponent, QdMockImageModule, QdMockIndeterminateProgressBarComponent, QdMockInputComponent, QdMockListModule, QdMockNavigationTileComponent, QdMockNavigationTilesComponent, QdMockNavigationTilesModule, QdMockNotificationComponent, QdMockNotificationContentComponent, QdMockNotificationsComponent, QdMockNotificationsModule, QdMockNotificationsService, QdMockPageComponent, QdMockPageModule, QdMockPercentageProgressBarComponent, QdMockPinCodeComponent, QdMockPlaceHolderModule, QdMockPopoverOnClickDirective, QdMockProgressBarModule, QdMockQdPlaceHolderComponent, QdMockRadioButtonsComponent, QdMockRwdDisabledDirective, QdMockSearchComponent, QdMockSearchModule, QdMockSectionComponent, QdMockSectionModule, QdMockShellComponent, QdMockShellFooterComponent, QdMockShellHeaderBannerComponent, QdMockShellHeaderComponent, QdMockShellHeaderSearchComponent, QdMockShellHeaderWidgetComponent, QdMockShellModule, QdMockShellToolbarComponent, QdMockShellToolbarItemComponent, QdMockStatusIndicatorCaptionComponent, QdMockStatusIndicatorComponent, QdMockStatusIndicatorItemComponent, QdMockStatusIndicatorModule, QdMockStatusPairsCaptionComponent, QdMockStatusPairsComponent, QdMockStatusPairsErrorComponent, QdMockStatusPairsItemComponent, QdMockStatusPairsValueComponent, QdMockSwitchComponent, QdMockSwitchesComponent, QdMockTableComponent, QdMockTableModule, QdMockTextSectionComponent, QdMockTextSectionHeadlineComponent, QdMockTextSectionModule, QdMockTextSectionParagraphComponent, QdMockTextareaComponent, QdMockTileButtonListComponent, QdMockTileComponent, QdMockTileTextListComponent, QdMockTileTextListItemComponent, QdMockTileTitleComponent, QdMockTilesContainerComponent, QdMockTilesContainerTitleComponent, QdMockTilesModule, QdMockTranslatePipe, QdMockVisuallyHiddenDirective, QdMultiInputComponent, QdNavigationTilesModule, QdNotificationComponent, QdNotificationContentComponent, QdNotificationsComponent, QdNotificationsHttpInterceptorService, QdNotificationsModule, QdNotificationsService, QdNotificationsSnackbarListenerDirective, QdNumberInputService, QdPageComponent, QdPageControlPanelComponent, QdPageFooterComponent, QdPageFooterCustomContentDirective, QdPageInfoBannerComponent, QdPageModule, QdPageStepComponent, QdPageStepperAdapterDirective, QdPageStepperComponent, QdPageStepperModule, QdPageStoreService, QdPageTabComponent, QdPageTabsAdapterDirective, QdPageTabsComponent, QdPageTabsModule, QdPanelSectionActionsComponent, QdPanelSectionComponent, QdPanelSectionModule, QdPanelSectionStatusComponent, QdPanelSectionTextParagraphComponent, QdPendingChangesGuardDirective, QdPercentageProgressBarComponent, QdPinCodeComponent, QdPlaceHolderComponent, QdPlaceHolderModule, QdPlaceholderPipe, QdProgressBarModule, QdProjectionGuardComponent, QdPushEventsService, QdQuickEditComponent, QdQuickEditModule, QdRadioButtonsComponent, QdRichtextComponent, QdRouterQueryParamHubService, QdRwdDisabledDirective, QdSearchComponent, QdSearchModule, QdSearchService, QdSectionAdapterDirective, QdSectionComponent, QdSectionModule, QdSectionToolbarComponent, QdShellComponent, QdShellModule, QdSortDirection, QdSpinnerComponent, QdSpinnerModule, QdStatusIndicatorComponent, QdStatusIndicatorModule, QdStatusPairsCaptionComponent, QdStatusPairsComponent, QdStatusPairsErrorComponent, QdStatusPairsItemComponent, QdStatusPairsValueComponent, QdSubgridComponent, QdSwitchComponent, QdSwitchesComponent, QdTableComponent, QdTableModule, QdTableSpringTools, QdTextSectionComponent, QdTextSectionHeadlineComponent, QdTextSectionModule, QdTextSectionParagraphComponent, QdTextareaComponent, QdTileButtonListComponent, QdTileComponent, QdTileTextListComponent, QdTileTextListItemComponent, QdTileTitleComponent, QdTilesComponent, QdTilesModule, QdTilesTitleComponent, QdTooltipAtIntersectionDirective, QdTooltipIconComponent, QdTreeComponent, QdTreeModule, QdTreeRowExpanderService, QdUiMockModule, QdUiModule, QdUploadErrorType, QdValidators, QdViewportAdaptiveDirective, QdVisuallyHiddenDirective, chipColorDefault, createMetadataStream, qdFilterParameterize, qdMergeParams, qdPageTabParameterize, qdPaginationParameterize, qdSearchParameterize, qdSortParameterize, qdTableQueryParameterize, qdWrapParams, quadrelIconNames, updateHtmlLang };
+export { APP_ENVIRONMENT, AVAILABLE_ICONS, BACKEND_ERROR_CODES, MockLocaleDatePipe, NavigationTileComponent, NavigationTilesComponent, QD_DIALOG_CONFIRMATION_RESOLVER_TOKEN, QD_FILE_MANAGER_TOKEN, QD_FILE_UPLOAD_MANAGER_TOKEN, QD_FORM_OPTIONS_RESOLVER, QD_PAGE_OBJECT_RESOLVER_TOKEN, QD_PAGE_STEP_RESOLVER_TOKEN, QD_POPOVER_TOP_FIRST, QD_SAFE_BOTTOM_OFFSET, QD_TABLE_DATA_RESOLVER_TOKEN, QD_UPLOAD_HTTP_OPTIONS, QdButtonComponent, QdButtonGhostDirective, QdButtonGridComponent, QdButtonLinkDirective, QdButtonModule, QdButtonStackButtonComponent, QdButtonStackComponent, QdCheckboxChipsComponent, QdCheckboxComponent, QdCheckboxesComponent, QdChipComponent, QdChipModule, QdColumnAutoFillDirective, QdColumnBreakBeforeDirective, QdColumnDirective, QdColumnDisableResponsiveColspansDirective, QdColumnFullGridWidthDirective, QdColumnNextInSameRowDirective, QdColumnsDirective, QdColumnsDisableAutoFillDirective, QdColumnsDisableResponsiveColspansDirective, QdColumnsMaxDirective, QdCommentsComponent, QdCommentsModule, QdConnectFormStateToPageDirective, QdConnectorTableContextDirective, QdConnectorTableFilterDirective, QdConnectorTableSearchDirective, QdContactCardComponent, QdContactCardModule, QdContainerPairsCaptionComponent, QdContainerPairsContainerComponent, QdContainerPairsHeaderComponent, QdContainerPairsItemComponent, QdContainerPairsValueComponent, QdContextService, QdCoreModule, QdDatepickerComponent, QdDialogActionComponent, QdDialogAuthSessionEndComponent, QdDialogAuthSessionEndService, QdDialogComponent, QdDialogConfirmationComponent, QdDialogConfirmationErrorDirective, QdDialogConfirmationInfoDirective, QdDialogConfirmationSuccessDirective, QdDialogModule, QdDialogRecordStepperComponent, QdDialogService, QdDialogSize, QdDisabledDirective, QdDropdownComponent, QdFileCollectorComponent, QdFileCollectorModule, QdFileSizePipe$1 as QdFileSizePipe, QdFileUploadComponent, QdFileUploadService, QdFilterComponent, QdFilterFormItemsComponent, QdFilterModule, QdFilterRestParamBuilder, QdFilterService, QdFooterActionType, QdFormArray, QdFormBuilder, QdFormControl, QdFormGroup, QdFormModule, QdGridComponent, QdGridModule, QdHorizontalPairsCaptionComponent, QdHorizontalPairsComponent, QdHorizontalPairsItemComponent, QdHorizontalPairsValueComponent, QdIconButtonComponent, QdIconComponent, QdIconModule, QdImageComponent, QdImageModule, QdIndeterminateProgressBarComponent, QdInputComponent, QdListModule, QdMenuButtonComponent, QdMockBreakpointService, QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonModule, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockCalendarComponent, QdMockCheckboxChipsComponent, QdMockCheckboxComponent, QdMockCheckboxesComponent, QdMockChipComponent, QdMockChipModule, QdMockColumnDirective, QdMockColumnsDirective, QdMockContactCardComponent, QdMockContactCardModule, QdMockContainerPairsCaptionComponent, QdMockContainerPairsContainerComponent, QdMockContainerPairsHeaderComponent, QdMockContainerPairsItemComponent, QdMockContainerPairsValueComponent, QdMockCoreModule, QdMockCounterBadgeComponent, QdMockDatepickerComponent, QdMockDisabledDirective, QdMockDropdownComponent, QdMockFileCollectorComponent, QdMockFileCollectorModule, QdMockFilterCategoryBooleanComponent, QdMockFilterCategoryComponent, QdMockFilterCategoryDateComponent, QdMockFilterCategoryDateRangeComponent, QdMockFilterCategoryFreeTextComponent, QdMockFilterCategorySelectComponent, QdMockFilterComponent, QdMockFilterFormItemsComponent, QdMockFilterItemBooleanComponent, QdMockFilterItemDateComponent, QdMockFilterItemDateRangeComponent, QdMockFilterItemFreeTextComponent, QdMockFilterItemMultiSelectComponent, QdMockFilterItemSingleSelectComponent, QdMockFilterModule, QdMockFilterService, QdMockFormErrorComponent, QdMockFormGroupErrorComponent, QdMockFormHintComponent, QdMockFormLabelComponent, QdMockFormReadonlyComponent, QdMockFormViewonlyComponent, QdMockFormsModule, QdMockGridModule, QdMockIconButtonComponent, QdMockIconComponent, QdMockIconModule, QdMockImageComponent, QdMockImageModule, QdMockIndeterminateProgressBarComponent, QdMockInputComponent, QdMockListModule, QdMockNavigationTileComponent, QdMockNavigationTilesComponent, QdMockNavigationTilesModule, QdMockNotificationComponent, QdMockNotificationContentComponent, QdMockNotificationsComponent, QdMockNotificationsModule, QdMockNotificationsService, QdMockPageComponent, QdMockPageModule, QdMockPercentageProgressBarComponent, QdMockPinCodeComponent, QdMockPlaceHolderModule, QdMockPopoverOnClickDirective, QdMockProgressBarModule, QdMockQdPlaceHolderComponent, QdMockRadioButtonsComponent, QdMockRwdDisabledDirective, QdMockSearchComponent, QdMockSearchModule, QdMockSectionComponent, QdMockSectionModule, QdMockShellComponent, QdMockShellFooterComponent, QdMockShellHeaderBannerComponent, QdMockShellHeaderComponent, QdMockShellHeaderSearchComponent, QdMockShellHeaderWidgetComponent, QdMockShellModule, QdMockShellToolbarComponent, QdMockShellToolbarItemComponent, QdMockStatusIndicatorCaptionComponent, QdMockStatusIndicatorComponent, QdMockStatusIndicatorItemComponent, QdMockStatusIndicatorModule, QdMockStatusPairsCaptionComponent, QdMockStatusPairsComponent, QdMockStatusPairsErrorComponent, QdMockStatusPairsItemComponent, QdMockStatusPairsValueComponent, QdMockSwitchComponent, QdMockSwitchesComponent, QdMockTableComponent, QdMockTableModule, QdMockTextSectionComponent, QdMockTextSectionHeadlineComponent, QdMockTextSectionModule, QdMockTextSectionParagraphComponent, QdMockTextareaComponent, QdMockTileButtonListComponent, QdMockTileComponent, QdMockTileTextListComponent, QdMockTileTextListItemComponent, QdMockTileTitleComponent, QdMockTilesContainerComponent, QdMockTilesContainerTitleComponent, QdMockTilesModule, QdMockTranslatePipe, QdMockVisuallyHiddenDirective, QdMultiInputComponent, QdNavigationTilesModule, QdNotificationComponent, QdNotificationContentComponent, QdNotificationsComponent, QdNotificationsHttpInterceptorService, QdNotificationsModule, QdNotificationsService, QdNotificationsSnackbarListenerDirective, QdNumberInputService, QdPageComponent, QdPageControlPanelComponent, QdPageFooterComponent, QdPageFooterCustomContentDirective, QdPageInfoBannerComponent, QdPageModule, QdPageStepComponent, QdPageStepperAdapterDirective, QdPageStepperComponent, QdPageStepperModule, QdPageStoreService, QdPageTabComponent, QdPageTabsAdapterDirective, QdPageTabsComponent, QdPageTabsModule, QdPanelSectionActionsComponent, QdPanelSectionComponent, QdPanelSectionModule, QdPanelSectionStatusComponent, QdPanelSectionTextParagraphComponent, QdPendingChangesGuardDirective, QdPercentageProgressBarComponent, QdPinCodeComponent, QdPlaceHolderComponent, QdPlaceHolderModule, QdPlaceholderPipe, QdProgressBarModule, QdProjectionGuardComponent, QdPushEventsService, QdQuickEditComponent, QdQuickEditModule, QdRadioButtonsComponent, QdRichtextComponent, QdRouterQueryParamHubService, QdRwdDisabledDirective, QdSearchComponent, QdSearchModule, QdSearchService, QdSectionAdapterDirective, QdSectionComponent, QdSectionModule, QdSectionToolbarComponent, QdShellComponent, QdShellModule, QdSortDirection, QdSpinnerComponent, QdSpinnerModule, QdStatusIndicatorComponent, QdStatusIndicatorModule, QdStatusPairsCaptionComponent, QdStatusPairsComponent, QdStatusPairsErrorComponent, QdStatusPairsItemComponent, QdStatusPairsValueComponent, QdSubgridComponent, QdSwitchComponent, QdSwitchesComponent, QdTableComponent, QdTableModule, QdTableSpringTools, QdTextSectionComponent, QdTextSectionHeadlineComponent, QdTextSectionModule, QdTextSectionParagraphComponent, QdTextareaComponent, QdTileButtonListComponent, QdTileComponent, QdTileTextListComponent, QdTileTextListItemComponent, QdTileTitleComponent, QdTilesComponent, QdTilesModule, QdTilesTitleComponent, QdTooltipAtIntersectionDirective, QdTooltipIconComponent, QdTreeComponent, QdTreeModule, QdTreeRowExpanderService, QdUiMockModule, QdUiModule, QdUploadErrorType, QdValidators, QdViewportAdaptiveDirective, QdVisuallyHiddenDirective, WHITELIST_ERROR_CODES, chipColorDefault, createMetadataStream, qdFilterParameterize, qdMergeParams, qdPageTabParameterize, qdPaginationParameterize, qdSearchParameterize, qdSortParameterize, qdTableQueryParameterize, qdWrapParams, quadrelIconNames, updateHtmlLang };
 export type { CustomField, QdAppEnvironment, QdAudioFileType, QdButtonAdditionalInfo, QdButtonAdditionalInfoMessage, QdButtonAdditionalInfoType, QdButtonColor, QdChipColor, QdCollectedFile, QdComment, QdCommentAuthorFieldConfig, QdCommentCustomFieldConfig, QdCommentDeletedMeta, QdCommentRichtextConfig, QdCommentSecondaryActionConfig, QdCommentsAddButtonConfig, QdCommentsAddConfig, QdCommentsConfig, QdCompressedFileType, QdConfirmationStatus, QdContactAddress, QdContactCardActionConfig, QdContactCardActionLabel, QdContactCardActionsConfig, QdContactData, QdContactDataCustomField, QdContactDataCustomFieldEntry, QdContactDataCustomTranslatedEntry, QdContactFunction, QdContactPerson, QdContactTag, QdContextSelection, QdDependentFilterCategory, QdDialogAuthSessionEndResult, QdDialogCancelAction, QdDialogConfig, QdDialogConfirmConfigTranslation, QdDialogConfirmationConfig, QdDialogConfirmationResolver, QdDialogData, QdDialogPrimaryAction, QdDialogTitle, QdDisabledDates, QdDisabledDatesValidation, QdDisabledTimes, QdDisabledTimesValidation, QdDocumentFileType, QdFacetOptionMultiSelect, QdFacetOptionSingleSelect, QdFacetOptions, QdFacetOptionsDate, QdFacetOptionsIcon, QdFacetOptionsStatus, QdFacetOptionsValue, QdFileCollectorConfig, QdFileUpload$1 as QdFileCollectorUpload, QdFileManager, QdFileType, QdFileUpload, QdFileUploadManager, QdFilterCategory, QdFilterConfigData, QdFilterItem, QdFilterPostBodyCategory, QdFilterPostBodyData, QdFilterSelection, QdFilterType, QdFormArrayAsyncValidator, QdFormArrayItemAsyncValidator, QdFormArrayItemValidator, QdFormArrayItemValidatorOrOpts, QdFormArrayOptions, QdFormArrayValidator, QdFormArrayValuesOrControls, QdFormBaseOption, QdFormBaseOptions, QdFormCheckboxChipsConfiguration, QdFormCheckboxOption, QdFormCheckboxOptions, QdFormCheckboxesConfiguration, QdFormConfiguration, QdFormDatepickerConfiguration, QdFormDropdownConfiguration, QdFormFileUploadConfiguration, QdFormHint, QdFormInput, QdFormInputConfiguration, QdFormInputOption, QdFormLabel, QdFormMultiInputConfiguration, QdFormOption, QdFormOptionsDependencies, QdFormOptionsResolvedEvent, QdFormOptionsResolver, QdFormPinCodeConfiguration, QdFormRadioButtonsConfiguration, QdFormRadioButtonsOptions, QdFormResolvableOptionsConfiguration, QdFormResolvedOption, QdFormResolvedOptions, QdFormSwitchesConfiguration, QdFormTextAreaConfiguration, QdFormTimepickerConfiguration, QdGridConfig, QdHinti18n, QdImageFileType, QdInputMode, QdInputRawEventValue, QdInputType, QdInputValue, QdInputValueWithUnit, QdInspectOperationMode, QdLabeli18n, QdLegacySectionActionConfig, QdMaxColumnsCount, QdMenuButtonActionConfig, QdMenuButtonActionLabel, QdMenuButtonConfig, QdMultiInputOption, QdNotification, QdNotificationLink, QdNotificationTitle, QdNotificationTranslation, QdNotificationType, QdNotifications, QdOsNotificationOptions, QdPageArchiveAction, QdPageCancelAction, QdPageCommitAction, QdPageConfig, QdPageConfigBase, QdPageConfigCreate, QdPageConfigCustom, QdPageConfigInspect, QdPageConfigOverview, QdPageContextConfig, QdPageContextConfigBase, QdPageContextConfigCustom, QdPageContextConfigMulti, QdPageContextConfigSingle, QdPageControlPanelConfig, QdPageCreateSubmitAction, QdPageCustomActionsLabel, QdPageDeleteAction, QdPageDialogCanCloseEntry, QdPageDialogCanCloseFn, QdPageDialogCanCloseResult, QdPageDialogCloseCause, QdPageEditAction, QdPageFooterAction, QdPageHeaderFacetConfig, QdPageInfoBannerConfig, QdPageInfoBannerLink, QdPageInfoBannerTitle, QdPageInfoBannerTranslation, QdPageInfoBannerType, QdPageInspectSubmitAction, QdPageObjectResolver, QdPageObjectResolverConfig, QdPageSaveAction, QdPageSaveDraftAction, QdPageSelectedContext, QdPageStepConfig, QdPageStepResolver, QdPageStepperActionConfig, QdPageStepperConfig, QdPageStepperHandlerParams, QdPageStepperSubmitActionConfig, QdPageTabConfig, QdPageTabCounters, QdPageTabsConfig, QdPageTabsSubmitButtonConfig, QdPageTitle, QdPageTypeCreateConfig, QdPageTypeCustomConfig, QdPageTypeInspectConfig, QdPageTypeOverviewConfig, QdPaginationParams, QdPanelSectionActionConfig, QdPanelSectionConfig, QdPanelSectionStatusConfig, QdPanelSectionTextParagraphConfig, QdPanelSectionTextParagraphTitle, QdPanelSectionTitle, QdPinCodeInputType, QdPlaceholder, QdPlaceholderPrefix, QdPredefinedSectionActionConfig, QdPushEventName, QdQueryParameter, QdQuickEditColumn, QdQuickEditColumnBase, QdQuickEditColumnEnum, QdQuickEditColumnInteger, QdQuickEditColumnText, QdQuickEditConfig, QdQuickEditData, QdQuickEditDataValue, QdQuickEditEmptyStateView, QdQuickEditRow, QdQuickEditSecondaryAction, QdResolvedFilterCategory, QdRichtextConfig, QdSearchAdditionalInfo, QdSearchOptions, QdSearchPostBodyData, QdSearchPreSelectOptions, QdSearchPreSelectOptionsList, QdSearchState, QdSectionActionConfig, QdSectionActionOperationMode, QdSectionActionType, QdSectionCollapse, QdSectionConfig, QdSectionTitle, QdShellConfig, QdShellFooterCopyrightInfo, QdShellHeaderWidgetBadge, QdShellHeaderWidgetConfig, QdShellHeaderWidgetContactInfo, QdShellHeaderWidgetCustomButtonLinks, QdShellHeaderWidgetEnvironment, QdShellHeaderWidgetHrefs, QdShellHeaderWidgetInfoLink, QdShellHeaderWidgetLanguage, QdShellHeaderWidgetMultiHrefBadge, QdShellHeaderWidgetMultiHrefs, QdShellHeaderWidgetProfileLink, QdShellHeaderWidgetSingleHref, QdShellHeaderWidgetSingleHrefBadge, QdShellNavigationConfig, QdShellServiceNavigationBadge, QdShellServiceNavigationConfig, QdShellServiceNavigationContactInfo, QdShellServiceNavigationCustomButtonLinks, QdShellServiceNavigationEnvironment, QdShellServiceNavigationHrefs, QdShellServiceNavigationInfoLink, QdShellServiceNavigationLanguage, QdShellServiceNavigationMultiHrefBadge, QdShellServiceNavigationMultiHrefs, QdShellServiceNavigationProfileLink, QdShellServiceNavigationSingleHref, QdShellServiceNavigationSingleHrefBadge, QdShellToolbarConfig, QdShellToolbarItem, QdSnackbarNotificationOptions, QdStaticFilterCategory, QdStatus, QdStatusIndicator, QdStatusIndicatorCaption, QdStatusIndicatorLevel, QdStatusIndicatorType, QdStatusPairStatus, QdSubgridConfig, QdSwitchInput, QdSwitchOption, QdTabSelectionEvent, QdTableActionResult, QdTableChipDataValue, QdTableConfig, QdTableConfigColumn, QdTableConfigColumnBase, QdTableConfigColumnSort, QdTableConfigColumnType, QdTableConfigGroup, QdTableConfigSecondaryActionType, QdTableConfigSelection, QdTableConfigSelectionType, QdTableConnectorCriteria, QdTableContentDataChip, QdTableContentDataChipObject, QdTableContextDataValue, QdTableCriticalDataValue, QdTableData, QdTableDataResolver, QdTableDataResolverProps, QdTableDataRow, QdTableDataValue, QdTableEmptyStateView, QdTableFillingColumn, QdTableOptionalRefreshingEventTypes, QdTablePagination, QdTablePrimaryAction, QdTableRecentSecondaryAction, QdTableRefreshConfig, QdTableResolvedData, QdTableRowIdentifier, QdTableRowIndex, QdTableRowUid, QdTableSecondaryAction, QdTableSelectedRow, QdTableSelectedRows, QdTableSort, QdTableStateSort, QdTableStatusDataValue, QdTileConfig, QdTilesConfig, QdTooltip, QdTranslatable, QdTranslation, QdTreeActionResult, QdTreeConfig, QdTreeConfigColumn, QdTreeConfigColumnBase, QdTreeConfigColumnType, QdTreeConfigSecondaryActionType, QdTreeData, QdTreeDataRow, QdTreeDataValue, QdTreeEmptyStateView, QdTreeGroupConfig, QdTreeRowsProvider, QdTreeSecondaryAction, QdUploadError, QdUploadProgress, QdVideoFileType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrel-enterprise-ui/framework",
-  "version": "20.26.1",
+  "version": "20.27.0",
   "exports": {
     "./jest-preset": "./jest-preset.js",
     "./package.json": {