@fundamental-ngx/core 0.58.0-rc.7 → 0.58.0-rc.71

package/button/index.d.ts

@@ -118,7 +118,7 @@ declare class ButtonComponent extends BaseButton implements OnChanges, CssClassB
     /** @hidden */
     constructor(elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver);
     /** Forces the focus outline around the button, which is not default behavior in Safari. */
-    clicked(event: MouseEvent): void;
+    clicked(event: Event): void;
     /** @hidden
      * CssClassBuilder interface implementation
      * function must return single string

package/card/index.d.ts

@@ -1,13 +1,17 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, ElementRef, OnInit, OnChanges, OnDestroy, AfterContentInit, TemplateRef, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
+import { InputSignal, InjectionToken, EventEmitter, ElementRef, OnInit, OnChanges, OnDestroy, AfterContentInit, TemplateRef, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
 import { KeyboardSupportItemInterface, CssClassBuilder, Nullable, ColorAccent, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';
 import * as i35 from '@fundamental-ngx/core/content-density';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { ObjectStatus } from '@fundamental-ngx/core/object-status';
 import { Subject } from 'rxjs';
+import * as _fundamental_ngx_core_card from '@fundamental-ngx/core/card';
 
+interface FdCardMainHeaderComponent {
+    interactive: InputSignal<boolean>;
+}
 declare const FD_CARD: InjectionToken<unknown>;
-declare const FD_CARD_MAIN_HEADER: InjectionToken<unknown>;
+declare const FD_CARD_MAIN_HEADER: InjectionToken<FdCardMainHeaderComponent>;
 declare const FD_CARD_TITLE: InjectionToken<unknown>;
 declare const FD_CARD_SUBTITLE: InjectionToken<unknown>;
 declare const FD_CARD_SECOND_SUBTITLE: InjectionToken<unknown>;
@@ -299,7 +303,7 @@ declare class CardHeaderComponent {
      */
     ariaRoleDescription: i0.InputSignal<string>;
     /** @hidden */
-    readonly _cardMainHeader: i0.Signal<unknown>;
+    readonly _cardMainHeader: i0.Signal<_fundamental_ngx_core_card.FdCardMainHeaderComponent | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "fd-card-header", never, { "ariaRoleDescription": { "alias": "ariaRoleDescription"; "required": false; "isSignal": true; }; }, {}, ["_cardMainHeader"], ["*"], true, never>;
 }
@@ -677,4 +681,4 @@ declare class CardModule {
 }
 
 export { CardComponent, CardContentComponent, CardCounterDirective, CardExtendedHeaderComponent, CardFooterActionItemDirective, CardFooterComponent, CardHeaderActionDirective, CardHeaderColumnDirective, CardHeaderComponent, CardHeaderRowDirective, CardIndicatorComponent, CardIndicatorTitleDirective, CardIndicatorValueDirective, CardKpiAnalyticsContentDirective, CardKpiAnalyticsDirective, CardKpiAnalyticsLabelDirective, CardKpiHeaderComponent, CardKpiScaleIconDirective, CardKpiScaleTextDirective, CardKpiValueDirective, CardListDirective, CardLoaderComponent, CardMainHeaderComponent, CardMediaComponent, CardMediaContentContainerDirective, CardMediaHeadingDirective, CardMediaImageContainerDirective, CardMediaImageDirective, CardMediaTextDirective, CardModule, CardNumericContainerComponent, CardNumericHeaderComponent, CardSecondSubtitleDirective, CardSubtitleDirective, CardTitleDirective, FD_CARD, FD_CARD_COUNTER, FD_CARD_HEADER_ACTION, FD_CARD_KPI_HEADER, FD_CARD_MAIN_HEADER, FD_CARD_MEDIA_HEADING, FD_CARD_SECOND_SUBTITLE, FD_CARD_SUBTITLE, FD_CARD_TITLE };
-export type { CardType };
+export type { CardType, FdCardMainHeaderComponent };

package/combobox/index.d.ts

@@ -292,6 +292,8 @@ declare class ComboboxComponent<T = any> implements ComboboxInterface, SingleDro
     /** @hidden */
     get _customRenderer(): Nullable<TemplateRef<ComboboxItemDirectiveContext<T>>>;
     /** @hidden */
+    _itemMousedown: boolean;
+    /** @hidden */
     private _subscriptions;
     /** @hidden */
     private _value;
@@ -314,7 +316,9 @@ declare class ComboboxComponent<T = any> implements ComboboxInterface, SingleDro
     /** @hidden */
     onItemKeyDownHandler(event: KeyboardEvent, value: any): void;
     /** @hidden */
-    onMenuClickHandler(value: any): void;
+    onItemFocused(value: any): void;
+    /** @hidden */
+    onMenuClickHandler(value: any, shouldClosePopover?: boolean): void;
     /** Handle dialog dismissing, closes popover and sets backup data. */
     dialogDismiss(term: any): void;
     /** Handle dialog approval, closes popover and propagates data changes. */
@@ -382,6 +386,10 @@ declare class ComboboxComponent<T = any> implements ComboboxInterface, SingleDro
     private setValue;
     /** @hidden */
     private _setUpMobileMode;
+    /** @hidden */
+    private _setupValueSynchronization;
+    /** @hidden */
+    private _syncDomValueToModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent<any>, "fd-combobox", never, { "comboboxId": { "alias": "comboboxId"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "required": { "alias": "required"; "required": false; }; "dropdownValues": { "alias": "dropdownValues"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "openOnKeyboardEvent": { "alias": "openOnKeyboardEvent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "groupFn": { "alias": "groupFn"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "dropDownMaxWidthPx": { "alias": "dropDownMaxWidthPx"; "required": false; }; "noDropDownMaxWidth": { "alias": "noDropDownMaxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "highlighting": { "alias": "highlighting"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "fillOnSelect": { "alias": "fillOnSelect"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "communicateByObject": { "alias": "communicateByObject"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "clearButtonFocusable": { "alias": "clearButtonFocusable"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "showDropdownButton": { "alias": "showDropdownButton"; "required": false; }; "includes": { "alias": "includes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["_comboboxItemRenderer", "listMessages"], ["*", "*"], true, never>;
 }

package/dialog/index.d.ts

@@ -415,7 +415,7 @@ declare class DialogContainerComponent extends DynamicComponentContainer<DialogC
     /** @hidden */
     portalOutlet: CdkPortalOutlet;
     /** The state of the Dialog animations. */
-    private get _animationState();
+    protected get _animationState(): string;
     /** @hidden */
     private _class;
     /** @hidden */
@@ -508,7 +508,7 @@ declare abstract class DialogBase<T = any, D extends DialogRefBase<T> = DialogRe
     /** @hidden Listen and close dialog on Escape key */
     closeDialogEsc(event: KeyboardEvent): void;
     /** @hidden Listen and close dialog on Backdrop click */
-    closeDialog(target: ElementRef): void;
+    closeDialog(target: EventTarget | null): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */

package/feed-input/index.d.ts

@@ -68,7 +68,7 @@ declare class FeedInputTextareaDirective implements HasElementRef, OnInit {
     /** @hidden get the total height including borders and scroll height */
     private _getTextareaTotalHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeedInputTextareaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FeedInputTextareaDirective, "[fdFeedInputTextarea]", never, { "fdFeedInputTextareaMaxRows": { "alias": "fdFeedInputTextareaMaxRows"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeedInputTextareaDirective, "textarea[fdFeedInputTextarea]", never, { "fdFeedInputTextareaMaxRows": { "alias": "fdFeedInputTextareaMaxRows"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class FeedInputComponent implements AfterContentInit, OnDestroy {

package/fesm2022/fundamental-ngx-core-action-sheet.mjs

@@ -70,7 +70,7 @@ class ActionSheetItemComponent {
         this.buttonComponent.nativeElement.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ActionSheetItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ActionSheetItemComponent, isStandalone: true, selector: "[fd-action-sheet-item]", inputs: { label: "label", glyph: "glyph", glyphFont: "glyphFont", negative: "negative", isCloseButton: "isCloseButton", disabled: "disabled" }, outputs: { keyDown: "keyDown" }, host: { attributes: { "role": "none" }, listeners: { "keydown": "keydownHandler($event)", "focusin": "focusHandler()", "click": "onClick($event)" }, classAttribute: "fd-action-sheet__item" }, viewQueries: [{ propertyName: "buttonComponent", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n    fd-button\n    [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n    role=\"menuitem\"\n    class=\"fd-button--full-width\"\n    [label]=\"label\"\n    [glyph]=\"glyph\"\n    [glyphFont]=\"glyphFont\"\n    [disabled]=\"disabled\"\n    [tabIndex]=\"_tabIndex$()\"\n>\n    <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ActionSheetItemComponent, isStandalone: true, selector: "[fd-action-sheet-item]", inputs: { label: "label", glyph: "glyph", glyphFont: "glyphFont", negative: "negative", isCloseButton: "isCloseButton", disabled: "disabled" }, outputs: { keyDown: "keyDown" }, host: { attributes: { "role": "none" }, listeners: { "keydown": "keydownHandler($event)", "focusin": "focusHandler()", "click": "onClick()" }, classAttribute: "fd-action-sheet__item" }, viewQueries: [{ propertyName: "buttonComponent", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n    fd-button\n    [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n    role=\"menuitem\"\n    class=\"fd-button--full-width\"\n    [label]=\"label\"\n    [glyph]=\"glyph\"\n    [glyphFont]=\"glyphFont\"\n    [disabled]=\"disabled\"\n    [tabIndex]=\"_tabIndex$()\"\n>\n    <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
             type: Component,
@@ -103,7 +103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 args: ['focusin']
             }], onClick: [{
                 type: HostListener,
-                args: ['click', ['$event']]
+                args: ['click']
             }] } });
 
 let actionSheetBodyUniqueIdCounter = 0;
@@ -224,7 +224,7 @@ class ActionSheetControlComponent {
         this._focusedElementBeforeDialogOpened?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ActionSheetControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ActionSheetControlComponent, isStandalone: true, selector: "fd-action-sheet-control", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ActionSheetControlComponent, isStandalone: true, selector: "fd-action-sheet-control", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ActionSheetControlComponent, decorators: [{
             type: Component,
@@ -239,7 +239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Output
             }], onClick: [{
                 type: HostListener,
-                args: ['click', ['$event']]
+                args: ['click']
             }] } });
 
 class ActionSheetMobileComponent {