@quadrel-enterprise-ui/framework 20.27.6-beta.242.1 → 20.27.7

package/index.d.ts

@@ -14,7 +14,7 @@ import { TranslateService } from '@ngx-translate/core';
 import { OverlayRef, OverlayPositionBuilder, Overlay, ConnectedPosition } from '@angular/cdk/overlay';
 import * as i4 from '@angular/router';
 import { Params } from '@angular/router';
-import * as i38 from 'ngx-editor';
+import * as i39 from 'ngx-editor';
 import { Editor, Toolbar } from 'ngx-editor';
 import { Moment as Moment$1 } from 'moment';
 import { Highlightable, ActiveDescendantKeyManager } from '@angular/cdk/a11y';
@@ -6138,6 +6138,7 @@ declare class QdCheckboxChipsComponent implements ControlValueAccessor, OnInit,
 }
 
 declare class QdCheckboxComponent implements ControlValueAccessor {
+    private readonly keyboardDetection;
     inputData: QdFormCheckboxOption;
     value: string;
     testId: string;
@@ -6281,6 +6282,7 @@ declare class QdCheckboxesComponent implements OnInit, OnChanges, OnDestroy, Con
     registerOnTouched(fn: any): void;
     writeValue(values: any): void;
     setDisabledState(disabled: boolean): void;
+    getCheckboxId(_index: number, checkbox: QdFormCheckboxOption): number;
     handleClick(checkbox: any): void;
     changeValue($event: any): void;
     private haveOptionsChanged;
@@ -6403,6 +6405,7 @@ declare class QdDatepickerComponent implements ControlValueAccessor, OnInit, OnC
     displayedDateTime: string;
     label: string;
     hint: string;
+    hasAutofocus: boolean;
     readonlyAction: boolean;
     viewonlyAction: boolean;
     language: string;
@@ -6652,9 +6655,18 @@ declare class QdDropdownComponent implements ControlValueAccessor, OnInit, OnCha
      */
     readonly valueChange: EventEmitter<string>;
     /**
-     * Emits event when the value has changed. Note: Emits on keyup.
+     * Emits when the dropdown is opened.
+     *
+     * @deprecated The name no longer reflects the behavior (it fires on every open, not just on a
+     * click). Use {@link dropdownOpened} instead. Will be removed in v22.
      */
     readonly enterClick: EventEmitter<any>;
+    /**
+     * Emits whenever the dropdown opens or closes, regardless of input modality
+     * (mouse click or keyboard Enter/Space). The boolean payload is the open state:
+     * `true` when opened, `false` when closed.
+     */
+    readonly dropdownOpened: EventEmitter<boolean>;
     /**
      * Emits event when the hint is clicked/tapped. `hintAction` must be set to `true` for this.
      */
@@ -6735,7 +6747,7 @@ declare class QdDropdownComponent implements ControlValueAccessor, OnInit, OnCha
     private updateSelectedOption;
     private initOpModeSubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdDropdownComponent, "qd-dropdown", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "config": { "alias": "config"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; "qdPopoverMaxHeight": { "alias": "qdPopoverMaxHeight"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; }, { "valueChange": "valueChange"; "enterClick": "enterClick"; "clickHint": "clickHint"; "clickReadonly": "clickReadonly"; "clickViewonly": "clickViewonly"; "optionsResolved": "optionsResolved"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdDropdownComponent, "qd-dropdown", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "config": { "alias": "config"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; "qdPopoverMaxHeight": { "alias": "qdPopoverMaxHeight"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; }, { "valueChange": "valueChange"; "enterClick": "enterClick"; "dropdownOpened": "dropdownOpened"; "clickHint": "clickHint"; "clickReadonly": "clickReadonly"; "clickViewonly": "clickViewonly"; "optionsResolved": "optionsResolved"; }, never, never, false, never>;
 }
 
 /**
@@ -7914,6 +7926,7 @@ declare class QdRadioButtonsComponent implements OnInit, OnChanges, OnDestroy, C
     private readonly controlContainer;
     private readonly ngZone;
     private readonly eventBrokerService;
+    private readonly keyboardDetection;
     /**
      * The current form item value, if you are working with Model Binding.
      *
@@ -7969,9 +7982,11 @@ declare class QdRadioButtonsComponent implements OnInit, OnChanges, OnDestroy, C
     get hasHint(): boolean;
     get required(): boolean;
     get activeOptionAsList(): QdFormOption[];
+    get tabStopValue(): string | null;
     label: string;
     align: 'vertical' | 'horizontal';
     filter: boolean;
+    hasAutofocus: boolean;
     options: QdFormOption[];
     isLabelDisabled: boolean;
     id: string;
@@ -9036,6 +9051,12 @@ declare class QdAutofocusModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<QdAutofocusModule>;
 }
 
+declare class QdIconButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdIconButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<QdIconButtonModule, [typeof QdIconButtonComponent], [typeof i2.CommonModule], [typeof QdIconButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<QdIconButtonModule>;
+}
+
 declare class QdTooltipComponent {
     content?: {
         headline?: string;
@@ -9086,7 +9107,7 @@ declare class QdTooltipModule {
 
 declare class QdFormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<QdFormModule, [typeof QdCalendarComponent, typeof QdCheckboxChipsComponent, typeof QdCheckboxChipsItemComponent, typeof QdCheckboxComponent, typeof QdCheckboxesComponent, typeof QdDatepickerComponent, typeof QdDropdownComponent, typeof QdDropdownOptionsComponent, typeof QdFilterFormItemsComponent, typeof QdFormErrorComponent, typeof QdFormHintComponent, typeof QdFormLabelComponent, typeof QdFormReadonlyComponent, typeof QdFormViewonlyComponent, typeof QdInputComponent, typeof QdInputUnitsComponent, typeof QdInputOptionsComponent, typeof QdMultiInputChipComponent, typeof QdMultiInputMenuComponent, typeof QdMultiInputComponent, typeof QdPinCodeComponent, typeof QdRadioButtonsComponent, typeof QdSwitchComponent, typeof QdSwitchesComponent, typeof QdTextareaComponent, typeof QdFormInputComponent, typeof QdRichtextComponent, typeof QdFileUploadComponent], [typeof i2.CommonModule, typeof i30.FormsModule, typeof i30.ReactiveFormsModule, typeof i5.TranslateModule, typeof QdAutofocusModule, typeof QdChipModule, typeof QdCoreModule, typeof QdIconModule, typeof QdPopoverModule, typeof QdTooltipModule, typeof i38.NgxEditorModule], [typeof QdCheckboxChipsComponent, typeof QdCheckboxComponent, typeof QdCheckboxesComponent, typeof QdDatepickerComponent, typeof QdDropdownComponent, typeof QdFilterFormItemsComponent, typeof QdInputComponent, typeof QdMultiInputComponent, typeof QdPinCodeComponent, typeof QdRadioButtonsComponent, typeof QdSwitchComponent, typeof QdSwitchesComponent, typeof QdTextareaComponent, typeof QdRichtextComponent, typeof QdFileUploadComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<QdFormModule, [typeof QdCalendarComponent, typeof QdCheckboxChipsComponent, typeof QdCheckboxChipsItemComponent, typeof QdCheckboxComponent, typeof QdCheckboxesComponent, typeof QdDatepickerComponent, typeof QdDropdownComponent, typeof QdDropdownOptionsComponent, typeof QdFilterFormItemsComponent, typeof QdFormErrorComponent, typeof QdFormHintComponent, typeof QdFormLabelComponent, typeof QdFormReadonlyComponent, typeof QdFormViewonlyComponent, typeof QdInputComponent, typeof QdInputUnitsComponent, typeof QdInputOptionsComponent, typeof QdMultiInputChipComponent, typeof QdMultiInputMenuComponent, typeof QdMultiInputComponent, typeof QdPinCodeComponent, typeof QdRadioButtonsComponent, typeof QdSwitchComponent, typeof QdSwitchesComponent, typeof QdTextareaComponent, typeof QdFormInputComponent, typeof QdRichtextComponent, typeof QdFileUploadComponent], [typeof i2.CommonModule, typeof i30.FormsModule, typeof i30.ReactiveFormsModule, typeof i5.TranslateModule, typeof QdAutofocusModule, typeof QdChipModule, typeof QdCoreModule, typeof QdIconButtonModule, typeof QdIconModule, typeof QdPopoverModule, typeof QdTooltipModule, typeof i39.NgxEditorModule], [typeof QdCheckboxChipsComponent, typeof QdCheckboxComponent, typeof QdCheckboxesComponent, typeof QdDatepickerComponent, typeof QdDropdownComponent, typeof QdFilterFormItemsComponent, typeof QdInputComponent, typeof QdMultiInputComponent, typeof QdPinCodeComponent, typeof QdRadioButtonsComponent, typeof QdSwitchComponent, typeof QdSwitchesComponent, typeof QdTextareaComponent, typeof QdRichtextComponent, typeof QdFileUploadComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<QdFormModule>;
 }
 
@@ -9098,7 +9119,7 @@ declare class QdNotificationsModule {
 
 declare class QdButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<QdButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<QdButtonModule, [typeof QdButtonComponent, typeof QdButtonGhostDirective, typeof QdButtonGridComponent, typeof QdButtonLinkDirective, typeof QdButtonStackButtonComponent, typeof QdButtonStackComponent, typeof QdIconButtonComponent, typeof QdMenuButtonComponent, typeof QdButtonAdditionalInfoComponent, typeof QdSanitizeHtmlPipe], [typeof i2.CommonModule, typeof i5.TranslateModule, typeof QdIconModule, typeof QdTextSectionModule, typeof QdPopoverModule, typeof QdCoreModule, typeof QdNotificationsModule], [typeof QdButtonComponent, typeof QdButtonGhostDirective, typeof QdButtonGridComponent, typeof QdButtonLinkDirective, typeof QdButtonStackButtonComponent, typeof QdButtonStackComponent, typeof QdIconButtonComponent, typeof QdMenuButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<QdButtonModule, [typeof QdButtonComponent, typeof QdButtonGhostDirective, typeof QdButtonGridComponent, typeof QdButtonLinkDirective, typeof QdButtonStackButtonComponent, typeof QdButtonStackComponent, typeof QdMenuButtonComponent, typeof QdButtonAdditionalInfoComponent, typeof QdSanitizeHtmlPipe], [typeof i2.CommonModule, typeof i5.TranslateModule, typeof QdIconModule, typeof QdTextSectionModule, typeof QdPopoverModule, typeof QdCoreModule, typeof QdNotificationsModule, typeof QdIconButtonModule], [typeof QdButtonComponent, typeof QdButtonGhostDirective, typeof QdButtonGridComponent, typeof QdButtonLinkDirective, typeof QdButtonStackButtonComponent, typeof QdButtonStackComponent, typeof QdIconButtonComponent, typeof QdMenuButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<QdButtonModule>;
 }
 
@@ -14454,6 +14475,7 @@ declare class QdPageComponent<T extends object> implements OnInit, OnChanges, Af
  * ### **Filling a form right after connecting it**
  * - You can fill a connected form right after registration — e.g. an `effect` that adds controls or pushes `FormArray` rows. This first fill is the form's starting point, not a user change.
  * - So loading data into a fresh form never triggers a false "unsaved changes" prompt. Only later edits count.
+ * - This only covers fills that happen right after registration, in the same task. Data that arrives later — e.g. an HTTP response — counts as a user change. For async loads, render the form only once the data is there (e.g. with `@if`).
  *
  * ### **Page-Dialog (FullWidth) – Unsaved-Changes Close Contract**
  * - When a QdPage is embedded in a full-width page dialog, the directive’s registered form groups are also used to guard dialog closing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrel-enterprise-ui/framework",
-  "version": "20.27.6-beta.242.1",
+  "version": "20.27.7",
   "exports": {
     "./jest-preset": "./jest-preset.js",
     "./package.json": {