@fundamental-ngx/core 0.46.2-rc.6 → 0.46.2-rc.8

package/combobox/combobox-item.directive.d.ts

@@ -0,0 +1,16 @@
+import { TemplateRef } from '@angular/core';
+import { ComboboxItemDirectiveContext } from './combobox.interface';
+import * as i0 from "@angular/core";
+export declare class ComboboxItemDirective<T = unknown> {
+    /**
+     * @hidden
+     * Used for type support.
+     */
+    fdComboboxItemUse: T;
+    /** Template reference. */
+    templateRef: TemplateRef<any>;
+    /** @hidden */
+    static ngTemplateContextGuard<T>(dir: ComboboxItemDirective<T>, ctx: ComboboxItemDirectiveContext<T>): ctx is ComboboxItemDirectiveContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxItemDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxItemDirective<any>, "[fdComboboxItem]", never, { "fdComboboxItemUse": { "alias": "fdComboboxItemUse"; "required": false; }; }, {}, never, never, true, never>;
+}

package/combobox/combobox.component.d.ts

@@ -11,7 +11,7 @@ import { Overlay, RepositionScrollStrategy } from '@angular/cdk/overlay';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { ComboboxItem } from './combobox-item';
-import { ComboboxInterface } from './combobox.interface';
+import { ComboboxInterface, ComboboxItemDirectiveContext } from './combobox.interface';
 import { GroupFunction } from './list-group.pipe';
 import * as i0 from "@angular/core";
 /**
@@ -26,7 +26,7 @@ import * as i0 from "@angular/core";
  * </fd-combobox>
  * ```
  */
-export declare class ComboboxComponent implements ComboboxInterface, ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy, FormItemControl {
+export declare class ComboboxComponent<T = any> implements ComboboxInterface, ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy, FormItemControl {
     private readonly _overlay;
     private readonly _cdRef;
     private readonly _injector;
@@ -44,7 +44,7 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
     /** If it is mandatory field */
     required: boolean;
     /** Values to be filtered in the search input. */
-    dropdownValues: any[];
+    dropdownValues: T[];
     /** Filter function. Accepts an array of objects and a search term as arguments
      * and returns a string. See search input examples for details. */
     filterFn: (contentArray: any[], searchTerm: any) => any[];
@@ -82,7 +82,7 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
      * The template with which to display the individual listed items.
      * Use it by passing an ng-template with implicit content. See examples for more info.
      */
-    itemTemplate: TemplateRef<any>;
+    itemTemplate: TemplateRef<ComboboxItemDirectiveContext<T>>;
     /**
      * Function used to handle grouping of items.
      */
@@ -164,6 +164,8 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
     controlTemplate: TemplateRef<HTMLElement>;
     /** @hidden */
     listTemplate: TemplateRef<HTMLElement>;
+    /** @hidden */
+    private readonly _comboboxItemRenderer;
     /** Whether the matching string should be highlighted after combobox value is selected. */
     filterHighlight: boolean;
     /** Keys, that won't trigger the popover's open state, when dispatched on search input */
@@ -186,6 +188,8 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
     /** @hidden */
     clearInputBtnFocused: boolean;
     /** @hidden */
+    get _customRenderer(): Nullable<TemplateRef<ComboboxItemDirectiveContext<T>>>;
+    /** @hidden */
     private _subscriptions;
     /** @hidden */
     private _value;
@@ -272,6 +276,6 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
     private _setUpMobileMode;
     /** @hidden */
     isSelected(term: any): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "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; }; "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; }; "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; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["listMessages"], ["*", "*"], true, never>;
+    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; }; "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; }; "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; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["_comboboxItemRenderer", "listMessages"], ["*", "*"], true, never>;
 }

package/combobox/combobox.interface.d.ts

@@ -13,3 +13,7 @@ export interface ComboboxInterface extends MobileMode {
     dialogApprove(): void;
     dialogDismiss(backup: string): void;
 }
+export interface ComboboxItemDirectiveContext<T = unknown> {
+    $implicit: T;
+    inputText: string;
+}

package/combobox/combobox.module.d.ts

@@ -1,12 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./combobox.component";
-import * as i2 from "./list-group.pipe";
+import * as i2 from "./combobox-item.directive";
+import * as i3 from "./list-group.pipe";
 /**
  * @deprecated
  * Use `ComboboxComponent` import instead.
  */
 export declare class ComboboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComboboxModule, never, [typeof i1.ComboboxComponent, typeof i2.ListGroupPipe], [typeof i1.ComboboxComponent, typeof i2.ListGroupPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ComboboxModule, never, [typeof i1.ComboboxComponent, typeof i2.ComboboxItemDirective, typeof i3.ListGroupPipe], [typeof i1.ComboboxComponent, typeof i2.ComboboxItemDirective, typeof i3.ListGroupPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ComboboxModule>;
 }

package/combobox/index.d.ts

@@ -1,4 +1,5 @@
 export * from './combobox-item';
+export * from './combobox-item.directive';
 export * from './combobox-mobile/combobox-mobile.component';
 export * from './combobox.component';
 export * from './combobox.interface';

package/esm2022/combobox/combobox-item.directive.mjs

@@ -0,0 +1,24 @@
+import { Directive, Input, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ComboboxItemDirective {
+    constructor() {
+        /** Template reference. */
+        this.templateRef = inject((TemplateRef));
+    }
+    /** @hidden */
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ComboboxItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ComboboxItemDirective, isStandalone: true, selector: "[fdComboboxItem]", inputs: { fdComboboxItemUse: "fdComboboxItemUse" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ComboboxItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fdComboboxItem]',
+                    standalone: true
+                }]
+        }], propDecorators: { fdComboboxItemUse: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tYm9ib3gtaXRlbS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9jb21ib2JveC9jb21ib2JveC1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU90RSxNQUFNLE9BQU8scUJBQXFCO0lBSmxDO1FBWUksMEJBQTBCO1FBQzFCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLENBQUEsV0FBNEMsQ0FBQSxDQUFDLENBQUM7S0FTdEU7SUFQRyxjQUFjO0lBQ2QsTUFBTSxDQUFDLHNCQUFzQixDQUN6QixHQUE2QixFQUM3QixHQUFvQztRQUVwQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOzhHQWpCUSxxQkFBcUI7a0dBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7OEJBT0csaUJBQWlCO3NCQURoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgVGVtcGxhdGVSZWYsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tYm9ib3hJdGVtRGlyZWN0aXZlQ29udGV4dCB9IGZyb20gJy4vY29tYm9ib3guaW50ZXJmYWNlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZmRDb21ib2JveEl0ZW1dJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIENvbWJvYm94SXRlbURpcmVjdGl2ZTxUID0gdW5rbm93bj4ge1xuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKiBVc2VkIGZvciB0eXBlIHN1cHBvcnQuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBmZENvbWJvYm94SXRlbVVzZTogVDtcblxuICAgIC8qKiBUZW1wbGF0ZSByZWZlcmVuY2UuICovXG4gICAgdGVtcGxhdGVSZWYgPSBpbmplY3QoVGVtcGxhdGVSZWY8Q29tYm9ib3hJdGVtRGlyZWN0aXZlQ29udGV4dDxUPj4pO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBzdGF0aWMgbmdUZW1wbGF0ZUNvbnRleHRHdWFyZDxUPihcbiAgICAgICAgZGlyOiBDb21ib2JveEl0ZW1EaXJlY3RpdmU8VD4sXG4gICAgICAgIGN0eDogQ29tYm9ib3hJdGVtRGlyZWN0aXZlQ29udGV4dDxUPlxuICAgICk6IGN0eCBpcyBDb21ib2JveEl0ZW1EaXJlY3RpdmVDb250ZXh0PFQ+IHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxufVxuIl19