@cqa-lib/cqa-ui 1.1.383 → 1.1.385

package/lib/dynamic-select/dynamic-select-field.component.d.ts

@@ -91,6 +91,7 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     private lastOptionsLength;
     loadingMore: boolean;
     private panelScrollEl?;
+    private documentKeydownListener?;
     /**
      * Guard to ensure load-more is only triggered after the user has scrolled
      * at least once since opening the panel. Prevents auto-load on open.
@@ -134,6 +135,16 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     onToggleSelectAll(select: MatSelect): void;
     onSelectOpenedChange(opened: boolean, _select: MatSelect): void;
     onSearch(key: string, value: string): void;
+    /**
+     * Handles keyboard events on the search input to enable navigation with arrow keys
+     * and selection with Enter key, while still allowing typing in the search box.
+     */
+    onSearchInputKeydown(event: KeyboardEvent): void;
+    /**
+     * Manually navigates through options when arrow keys are pressed from search input.
+     * @param direction 1 for down, -1 for up
+     */
+    private navigateOptions;
     /**
      * Returns the currently selected option ids for the configured control.
      */
@@ -160,6 +171,11 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
      * Checks if highlighting is enabled for this component.
      */
     get hasHighlighting(): boolean;
+    /**
+     * Sets up a document-level keyboard listener to handle arrow key navigation
+     * when the panel is open and the search input is not focused.
+     */
+    private setupDocumentKeydownListener;
     private setupLoadMoreObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSelectFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, { "selectionChange": "selectionChange"; "selectClick": "selectClick"; "searchChange": "searchChange"; "loadMore": "loadMore"; "addCustomValue": "addCustomValue"; }, never, never>;

package/lib/simulator/simulator.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ElementRef, AfterViewInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, ElementRef, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export interface StepMarker {
@@ -17,6 +17,7 @@ declare type SegmentOption = {
 };
 export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnChanges {
     private sanitizer;
+    private cdr;
     videoUrl: string;
     videoUrls: string[];
     videoCurrentDuration: number;
@@ -70,7 +71,10 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private operationQueue;
     get hasDeviceFrame(): boolean;
     get isPlayerSwitching(): boolean;
-    get shouldApplySmallHeightClasses(): boolean;
+    get isAspectRatioMatched(): boolean;
+    get liveContentContainerStyle(): {
+        [key: string]: string;
+    };
     segments: SegmentOption[];
     speedSegments: SegmentOption[];
     private videoEventListenerCleanup;
@@ -96,7 +100,8 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
         height: number;
     };
     private readonly deviceFrameConfigs;
-    constructor(sanitizer: DomSanitizer);
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    onWindowResize(): void;
     private get deviceFrameConfig();
     get deviceMockupImage(): string;
     get deviceScreenStyle(): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.383",
+  "version": "1.1.385",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",