@quadrel-enterprise-ui/framework 20.6.1 → 20.6.2

package/index.d.ts

@@ -1074,88 +1074,118 @@ declare class QdVisuallyHiddenDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<QdVisuallyHiddenDirective, "[qdVisuallyHidden]", never, {}, {}, never, never, false, never>;
 }
 
-type EventName = 'RESOURCE_CREATED' | 'RESOURCE_UPDATED' | 'RESOURCE_DELETED';
+type QdPushEventName = 'RESOURCE_CREATED' | 'RESOURCE_UPDATED' | 'RESOURCE_DELETED';
 /**
- * Service for handling real-time server-sent events.
+ * Manages a server-sent event (SSE) connection with automatic reconnection and heartbeat monitoring.
  *
- * ### Benefits
+ * All service endpoints — including SSE — must be protected. The connection is therefore secured
+ * via Quadrel Auth (Bearer token) by default. When the access token refreshes, the connection is
+ * transparently rebuilt. Only disable authentication for endpoints that are explicitly public.
  *
- * - **Real-Time Interaction**: Enables live updates without user actions or polling.
- * - **Scalable and Flexible**: The system is flexible and easily expandable to handle new events.
- * - **Consistency**: Ensures synchronization between server and client states for a consistent user experience.
- * - **Authorization**: It uses the user's authentication (QdAuth) to secure the connection against the backend out-of-the-box. This requires a proper QdAuth setup. You can disable this feature when starting the connection.
+ * ### Reconnection behavior
+ *
+ * - **Heartbeat timeout**: If no HEARTBEAT event arrives within the expected interval, the service reconnects.
+ * - **401 Unauthorized**: Triggers exponential-backoff reconnection (max 5 attempts, capped at 30 s).
+ * - **Other errors**: Reconnects immediately when the EventSource transitions to CLOSED.
+ *
+ * Existing `observe()` subscriptions are preserved across reconnections.
  *
  * ### Usage
  *
  * ```ts
- * // Start the connection to the events
- * pushEventsService.connect('http://service-endpint/events');
- * // or start without authentication in case you don't need:
- * pushEventsService.connect('http://service-endpint/events', { disableAuthentication: true });
+ * pushEventsService.connect('https://api.example.com/events');
  *
- * // Subscribe to the event (Side Effect)
- * const subscription = pushEventsService.observe('RESOURCE_UPDATED').subscribe(event => handleEvent(event));
+ * const sub = pushEventsService.observe('RESOURCE_UPDATED').subscribe(event => handleEvent(event));
  *
- * // Unsubscribe to prevent memory leaks
- * subscription.unsubscribe();
- *
- * // Disconnect the connection
+ * sub.unsubscribe();
  * pushEventsService.disconnect();
  * ```
  */
 declare class QdPushEventsService {
     private readonly authenticationService;
     private _eventSource;
-    private _eventSubscriptionSubjects;
+    private _subjects;
     private _listeners;
-    private _heartbeatTimeout;
-    private _reconnectDelayTime;
-    private _heartbeatReconnectDelayTime;
     private _accessTokenSub?;
     private _options;
+    private _heartbeatTimeout;
+    private readonly _heartbeatGracePeriod;
+    private readonly _initialHeartbeatTimeout;
     private _isUnauthorized;
+    private _reconnectAttempts;
+    private readonly _maxReconnectAttempts;
+    private _backoffTimer?;
     /**
-     * Establishes an EventSource connection to the given URL.
-     * Automatically reconnects if heartbeat fails or is delayed.
-     * Subscribers are retained across reconnections.
+     * Opens an SSE connection to the given URL.
+     *
+     * With authentication enabled (default), the service subscribes to the `accessToken$` observable
+     * provided by Quadrel Auth and rebuilds the connection whenever the token changes.
+     * No-op if already connected.
+     *
+     * @param url The SSE endpoint URL.
+     * @param options Set `{ disableAuthentication: true }` only for explicitly public endpoints.
      *
-     * @param url The backend URL for the event stream.
-     * @param options Options for the connection
+     * @example
+     * ```ts
+     * // Authenticated (default — requires Quadrel Auth)
+     * pushEventsService.connect('https://api.example.com/events');
+     *
+     * // Without authentication (only for public endpoints)
+     * pushEventsService.connect('https://api.example.com/public-events', { disableAuthentication: true });
+     * ```
      */
     connect(url: string, options?: {
         disableAuthentication: boolean;
     }): void;
     /**
-     * Closes the EventSource connection and clears all listeners.
-     * Subscribers are preserved for reconnection.
+     * Closes the EventSource connection, clears all event listeners, and cancels pending backoff timers.
+     * Subscription subjects are preserved so that a subsequent `connect()` re-attaches them.
+     *
+     * @example
+     * ```ts
+     * pushEventsService.disconnect();
+     * // Subjects survive — a new connect() will re-attach existing observe() subscriptions.
+     * ```
      */
     disconnect(): void;
     /**
-     * Returns an Observable for the specified event name.
-     * If not connected, returns `NEVER` and logs an error.
-     * Automatically adds a listener for the event if needed.
+     * Returns an Observable that emits whenever the server sends an event of the given type.
+     *
+     * Lazily registers an EventSource listener on first call per event name.
+     * Returns `NEVER` and logs an error if no connection exists.
      *
-     * @param eventName The event type ('RESOURCE_CREATED', 'RESOURCE_UPDATED', 'RESOURCE_DELETED').
-     * @returns Observable<MessageEvent> The event stream.
+     * @param eventName The SSE event type to listen for.
+     *
+     * @example
+     * ```ts
+     * pushEventsService.observe('RESOURCE_UPDATED').subscribe(event => handleUpdate(event));
+     * ```
      */
-    observe(eventName: EventName): Observable<MessageEvent>;
+    observe(eventName: QdPushEventName): Observable<MessageEvent>;
     /**
-     * Removes all listeners and clears all subscriptions.
-     * The EventSource connection remains open.
+     * Removes all event listeners and clears all subscription subjects. The connection stays open.
+     * Use this to reset all subscriptions without disconnecting the SSE stream.
+     *
+     * @example
+     * ```ts
+     * pushEventsService.unobserveAll();
+     * // Connection remains open, but no events are forwarded until observe() is called again.
+     * ```
      */
     unobserveAll(): void;
-    /**
-     * Checks if the EventSource is connected or in the process of connecting.
-     */
+    /** Returns `true` when the EventSource is in state OPEN or CONNECTING. */
     isConnectedOrConnecting(): boolean;
+    private connectWithAuth;
+    private openEventSource;
     private reconnect;
-    private addEventListenerForEventName;
-    private addEventListenersForExistingSubscriptions;
-    private addEventListenerToEventSource;
-    private removeAllEventListenersFromEventSource;
+    private handleError;
+    private scheduleRetry;
+    private handleHeartbeat;
+    private addListener;
+    private reattachListeners;
+    private removeAllListeners;
     private logWarn;
     private logError;
-    private connectEventSource;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdPushEventsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<QdPushEventsService>;
 }
@@ -3849,7 +3879,7 @@ type QdTableFillingColumn = 'main' | 'last' | 'harmonized' | 'none';
 /**
  * Optional Events for triggering a table refresh.
  */
-type QdTableOptionalRefreshingEventTypes = 'RESOURCE_CREATED' | 'RESOURCE_DELETED';
+type QdTableOptionalRefreshingEventTypes = 'RESOURCE_CREATED' | 'RESOURCE_UPDATED' | 'RESOURCE_DELETED';
 /**
  * @description Configuration Model for Qd-Tables. The generic type defines the table columns keys.
  */
@@ -17334,4 +17364,4 @@ 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, 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, 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, QdRwdDisabledDirective, QdSearchComponent, QdSearchModule, 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, QdTreeComponent, QdTreeModule, QdTreeRowExpanderService, QdUiMockModule, QdUiModule, QdUploadErrorType, QdValidators, QdViewportAdaptiveDirective, QdVisuallyHiddenDirective, chipColorDefault, updateHtmlLang };
-export type { CustomField, QdAppEnvironment, QdButtonAdditionalInfo, QdButtonColor, QdChipColor, QdCollectedFile, QdComment, QdCommentAuthorFieldConfig, QdCommentCustomFieldConfig, QdCommentDeletedMeta, QdCommentRichtextConfig, QdCommentSecondaryActionConfig, QdCommentsAddButtonConfig, QdCommentsAddConfig, QdCommentsConfig, QdContactAddress, QdContactData, QdContactDataCustomField, QdContactDataCustomFieldEntry, QdContactDataCustomTranslatedEntry, QdContactFunction, QdContactPerson, QdContactTag, QdContextSelection, QdDependentFilterCategory, QdDialogAuthSessionEndResult, QdDialogConfig, QdDialogConfirmationConfig, QdDialogConfirmationResolver, QdDialogData, QdDialogTitle, QdFileCollectorConfig, QdFileManager, QdFileType, QdFileUploadManager, QdFilterCategory, QdFilterConfigData, QdFilterItem, QdFilterPostBodyCategory, QdFilterPostBodyData, QdFormCheckboxChipsConfiguration, QdFormCheckboxesConfiguration, QdFormConfiguration, QdFormDatepickerConfiguration, QdFormDropdownConfiguration, QdFormFileUploadConfiguration, QdFormHint, QdFormInput, QdFormInputConfiguration, QdFormLabel, QdFormMultiInputConfiguration, QdFormOption, QdFormOptionsResolver, QdFormPinCodeConfiguration, QdFormRadioButtonsConfiguration, QdFormSwitchesConfiguration, QdFormTextAreaConfiguration, QdGridConfig, QdInputValue, QdInputValueWithUnit, QdInspectOperationMode, QdMenuButtonConfig, QdMultiInputOption, QdNotification, QdNotificationType, QdPageConfig, QdPageConfigCreate, QdPageConfigCustom, QdPageConfigInspect, QdPageConfigOverview, QdPageControlPanelConfig, QdPageInfoBannerConfig, QdPageObjectResolver, QdPageObjectResolverConfig, QdPageSelectedContext, QdPageStepConfig, QdPageStepResolver, QdPageStepperConfig, QdPageTabConfig, QdPageTabCounters, QdPageTabsConfig, QdPageTypeCreateConfig, QdPageTypeCustomConfig, QdPageTypeInspectConfig, QdPageTypeOverviewConfig, QdPlaceholder, QdQuickEditConfig, QdQuickEditData, QdRichtextConfig, QdSearchOptions, QdSearchPostBodyData, QdSectionActionType, QdSectionConfig, QdShellConfig, QdStatusIndicator, QdSwitchOption, QdTabSelectionEvent, QdTableChipDataValue, QdTableConfig, QdTableConfigColumn, QdTableConfigSelection, QdTableContentDataChip, QdTableContentDataChipObject, QdTableData, QdTableDataResolver, QdTableDataResolverProps, QdTableDataRow, QdTableDataValue, QdTableEmptyStateView, QdTableOptionalRefreshingEventTypes, QdTablePagination, QdTablePrimaryAction, QdTableRecentSecondaryAction, QdTableResolvedData, QdTableRowIdentifier, QdTableRowIndex, QdTableRowUid, QdTableSecondaryAction, QdTableSelectedRow, QdTableSelectedRows, QdTableStatusDataValue, QdTileConfig, QdTilesConfig, QdTooltip, QdTranslatable, QdTranslation, QdTreeConfig, QdTreeData, QdTreeDataRow, QdTreeDataValue, QdUploadError, QdUploadProgress };
+export type { CustomField, QdAppEnvironment, QdButtonAdditionalInfo, QdButtonColor, QdChipColor, QdCollectedFile, QdComment, QdCommentAuthorFieldConfig, QdCommentCustomFieldConfig, QdCommentDeletedMeta, QdCommentRichtextConfig, QdCommentSecondaryActionConfig, QdCommentsAddButtonConfig, QdCommentsAddConfig, QdCommentsConfig, QdContactAddress, QdContactData, QdContactDataCustomField, QdContactDataCustomFieldEntry, QdContactDataCustomTranslatedEntry, QdContactFunction, QdContactPerson, QdContactTag, QdContextSelection, QdDependentFilterCategory, QdDialogAuthSessionEndResult, QdDialogConfig, QdDialogConfirmationConfig, QdDialogConfirmationResolver, QdDialogData, QdDialogTitle, QdFileCollectorConfig, QdFileManager, QdFileType, QdFileUploadManager, QdFilterCategory, QdFilterConfigData, QdFilterItem, QdFilterPostBodyCategory, QdFilterPostBodyData, QdFormCheckboxChipsConfiguration, QdFormCheckboxesConfiguration, QdFormConfiguration, QdFormDatepickerConfiguration, QdFormDropdownConfiguration, QdFormFileUploadConfiguration, QdFormHint, QdFormInput, QdFormInputConfiguration, QdFormLabel, QdFormMultiInputConfiguration, QdFormOption, QdFormOptionsResolver, QdFormPinCodeConfiguration, QdFormRadioButtonsConfiguration, QdFormSwitchesConfiguration, QdFormTextAreaConfiguration, QdGridConfig, QdInputValue, QdInputValueWithUnit, QdInspectOperationMode, QdMenuButtonConfig, QdMultiInputOption, QdNotification, QdNotificationType, QdPageConfig, QdPageConfigCreate, QdPageConfigCustom, QdPageConfigInspect, QdPageConfigOverview, QdPageControlPanelConfig, QdPageInfoBannerConfig, QdPageObjectResolver, QdPageObjectResolverConfig, QdPageSelectedContext, QdPageStepConfig, QdPageStepResolver, QdPageStepperConfig, QdPageTabConfig, QdPageTabCounters, QdPageTabsConfig, QdPageTypeCreateConfig, QdPageTypeCustomConfig, QdPageTypeInspectConfig, QdPageTypeOverviewConfig, QdPlaceholder, QdPushEventName, QdQuickEditConfig, QdQuickEditData, QdRichtextConfig, QdSearchOptions, QdSearchPostBodyData, QdSectionActionType, QdSectionConfig, QdShellConfig, QdStatusIndicator, QdSwitchOption, QdTabSelectionEvent, QdTableChipDataValue, QdTableConfig, QdTableConfigColumn, QdTableConfigSelection, QdTableContentDataChip, QdTableContentDataChipObject, QdTableData, QdTableDataResolver, QdTableDataResolverProps, QdTableDataRow, QdTableDataValue, QdTableEmptyStateView, QdTableOptionalRefreshingEventTypes, QdTablePagination, QdTablePrimaryAction, QdTableRecentSecondaryAction, QdTableResolvedData, QdTableRowIdentifier, QdTableRowIndex, QdTableRowUid, QdTableSecondaryAction, QdTableSelectedRow, QdTableSelectedRows, QdTableStatusDataValue, QdTileConfig, QdTilesConfig, QdTooltip, QdTranslatable, QdTranslation, QdTreeConfig, QdTreeData, QdTreeDataRow, QdTreeDataValue, QdUploadError, QdUploadProgress };

package/package.json

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

package/src/assets/styles/components/_components.all.scss

@@ -1,4 +1,3 @@
 @use "components.button";
-@use "components.filter" as components4;
 @use "components.dialog" as components2;
 @use "components.grid" as components3;

package/src/assets/styles/components/_components.filter.scss

@@ -1,52 +0,0 @@
-@use "../settings/settings.verticalRythm" as settings2;
-@use "../tools/tools.convertPxToRem" as tools;
-@use "../../../lib/filter/shared/filter.constants" as filter;
-
-.qd-filter__category-layer {
-  min-width: tools.to-rem(260);
-  max-width: tools.to-rem(900);
-  padding: settings2.$vertical-spacing-default 0 0;
-  border: filter.$filter-border-width solid filter.$filter-open-border-color;
-  background: white;
-  box-shadow: filter.$filter-category-box-shadow-color filter.$filter-category-box-shadow-size;
-
-  .qd-filter-form-items__filter {
-    margin-bottom: 0;
-  }
-
-  .qd-checkbox__label {
-    display: flex;
-    height: filter.$filter-item-line-height;
-  }
-
-  .qd-checkbox__indicator,
-  .qd-radio-buttons__indicator {
-    transform: translateY(-(tools.to-rem(1)));
-  }
-}
-
-.qd-filter__category-layer-items {
-  max-height: filter.$filter-flyout-items-max-height-no-search;
-  overflow-y: auto;
-}
-
-.qd-filter__category-layer--has-search .qd-filter__category-layer-items {
-  max-height: filter.$filter-flyout-items-max-height-with-search;
-}
-
-.qd-filter__category-layer-container {
-  position: relative;
-}
-
-.qd-filter__category-layer-close {
-  position: absolute;
-  top: settings2.$vertical-spacing-default;
-  right: filter.$filter-category-layer-horizontal-margin;
-  color: filter.$filter-button-color;
-  cursor: pointer;
-
-  &:hover,
-  &:focus {
-    color: filter.$filter-button-hover-color;
-  }
-}