@fundamental-ngx/platform 0.58.0-rc.8 → 0.58.0-rc.81

package/form/index.d.ts

@@ -425,6 +425,8 @@ declare class ComboboxComponent extends BaseCombobox implements ComboboxInterfac
     /** @hidden */
     _selectedElement?: OptionItem;
     /** @hidden */
+    _itemMousedown: boolean;
+    /** @hidden */
     constructor(_dialogConfig: DialogConfig, _dynamicComponentService: DynamicComponentService, _viewContainerRef: ViewContainerRef, _injector: Injector, providers: Map<string, DataProvider<any>>, _comboboxConfig: ComboboxConfig);
     /** @hidden */
     ngOnInit(): void;
@@ -435,7 +437,7 @@ declare class ComboboxComponent extends BaseCombobox implements ComboboxInterfac
     /** @hidden Method to emit change event */
     emitChangeEvent<T>(modelValue: T): void;
     /** @hidden Method to set selected item */
-    selectOptionItem(item: OptionItem): void;
+    selectOptionItem(item: OptionItem, shouldClosePopover?: boolean): void;
     /** @hidden Method to set as selected */
     setAsSelected(item: OptionItem[]): void;
     /** @hidden Define is selected item selected */
@@ -447,6 +449,8 @@ declare class ComboboxComponent extends BaseCombobox implements ComboboxInterfac
     /** Handle dialog approval, closes popover and propagates data changes. */
     dialogApprove(): void;
     /** @hidden */
+    onItemFocused(value: OptionItem): void;
+    /** @hidden */
     _getLabelledBy(): Nullable<string>;
     /** @hidden if not selected update model */
     private _checkAndUpdate;
@@ -1628,6 +1632,19 @@ declare class PlatformDatePickerComponent<D> extends BaseInput {
      * @hidden core date-picker as child
      */
     fdDatePickerComponent: DatePickerComponent<D>;
+    /**
+     * Whether to show the calendar legend for special days.
+     * When enabled, displays a legend below the calendar showing the special day markers and their descriptions.
+     * @default false
+     */
+    showCalendarLegend: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display the calendar legend in column layout.
+     * When true, legend items are displayed vertically in a single column.
+     * When false, legend items are displayed horizontally in rows.
+     * @default false
+     */
+    legendCol: i0.InputSignalWithTransform<boolean, unknown>;
     /** @hidden */
     private _datePickerValid;
     /** @hidden */
@@ -1670,7 +1687,7 @@ declare class PlatformDatePickerComponent<D> extends BaseInput {
     /** @hidden */
     handleActiveViewChange: (fdCalendarView: FdCalendarView) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatePickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatePickerComponent<any>, "fdp-date-picker", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatePickerComponent<any>, "fdp-date-picker", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "showCalendarLegend": { "alias": "showCalendarLegend"; "required": false; "isSignal": true; }; "legendCol": { "alias": "legendCol"; "required": false; "isSignal": true; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never>;
 }
 /** @hidden */
 declare function createMissingDateImplementationError(provider: string): Error;
@@ -1804,6 +1821,19 @@ declare class PlatformDatetimePickerComponent<D> extends BaseInput implements Af
     protected _elRef: ElementRef;
     /** @hidden */
     protected _control: NgControl;
+    /**
+     * Whether to show the calendar legend for special days.
+     * When enabled, displays a legend below the calendar showing the special day markers and their descriptions.
+     * @default false
+     */
+    showCalendarLegend: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display the calendar legend in column layout.
+     * When true, legend items are displayed vertically in a single column.
+     * When false, legend items are displayed horizontally in rows.
+     * @default false
+     */
+    legendCol: i0.InputSignalWithTransform<boolean, unknown>;
     /** @hidden */
     get _isRequired(): boolean;
     /** @hidden */
@@ -1848,7 +1878,7 @@ declare class PlatformDatetimePickerComponent<D> extends BaseInput implements Af
      */
     private _adjustPickerWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatetimePickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatetimePickerComponent<any>, "fdp-datetime-picker", never, { "value": { "alias": "value"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "datetimeChange": "datetimeChange"; "onClose": "onClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatetimePickerComponent<any>, "fdp-datetime-picker", never, { "value": { "alias": "value"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "showCalendarLegend": { "alias": "showCalendarLegend"; "required": false; "isSignal": true; }; "legendCol": { "alias": "legendCol"; "required": false; "isSignal": true; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "datetimeChange": "datetimeChange"; "onClose": "onClose"; }, never, ["*"], true, never>;
 }
 
 declare class PlatformDatetimePickerModule {
@@ -4880,7 +4910,7 @@ declare class StepInputControlDirective {
      * @hidden
      * Handle "input" event to keep track of what user is entering
      */
-    onInput(event: InputEvent): void;
+    onInput(event: Event): void;
     /**
      * @hidden
      * Handle "change" event to commit entered value
@@ -5252,6 +5282,11 @@ declare class PlatformTimePickerComponent<D> extends BaseInput implements OnInit
     readonly isOpenChange: EventEmitter<boolean>;
     /** @hidden */
     timePickerComponent: TimePickerComponent<D>;
+    /**
+     * The interval between selectable minutes (e.g., 1 for every minute, 5 for 5-minute intervals, 15 for 15-minute intervals).
+     * Defaults to 1 (every minute).
+     */
+    readonly minuteStep: i0.InputSignal<number>;
     /** @hidden */
     private _meridian;
     /** @hidden */
@@ -5266,7 +5301,7 @@ declare class PlatformTimePickerComponent<D> extends BaseInput implements OnInit
      */
     handleTimeChange(value: D): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformTimePickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformTimePickerComponent<any>, "fdp-time-picker", never, { "value": { "alias": "value"; "required": false; }; "time": { "alias": "time"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "timePickerInputLabel": { "alias": "timePickerInputLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "tablet": { "alias": "tablet"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "parseFormat": { "alias": "parseFormat"; "required": false; }; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformTimePickerComponent<any>, "fdp-time-picker", never, { "value": { "alias": "value"; "required": false; }; "time": { "alias": "time"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "timePickerInputLabel": { "alias": "timePickerInputLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "tablet": { "alias": "tablet"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "parseFormat": { "alias": "parseFormat"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
 }
 
 declare class PlatformTimePickerModule {

package/icon-tab-bar/index.d.ts

@@ -36,6 +36,8 @@ type TabConfig = NullableObject<{
     renderer?: TemplateRef<any>;
     titleTemplate?: TemplateRef<any>;
     id: string;
+    /** ID of the template to use for tab content. When provided, the template with this ID will be used as the tab content.*/
+    contentTemplateId?: string;
 }>;
 type ReactiveTabConfig = NullableObject<{
     icon?: InputSignal<string | undefined>;
@@ -868,6 +870,29 @@ declare class IconBarDndItemDirective implements IconTabBarDndItem, AfterViewIni
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IconBarDndItemDirective, "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", never, { "dndItemData": { "alias": "dndItemData"; "required": false; }; "previewClass": { "alias": "previewClass"; "required": false; }; "dndHoveredClass": { "alias": "dndHoveredClass"; "required": false; }; "dndSeparatorClass": { "alias": "dndSeparatorClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Directive to mark a template as a content template for icon tab bar.
+ * This allows you to define templates with IDs that can be referenced in tab configurations.
+ * Use this directive when you want to define tab content using templates with IDs instead of
+ * projecting content directly into fdp-icon-tab-bar-tab components.
+ *
+ */
+declare class IconTabBarContentTemplateDirective implements OnInit, OnDestroy {
+    /**
+     * The unique ID for this template. Used to reference the template in tab configurations.
+     * This ID should be used in the `contentTemplateId` property of the `TabConfig`.
+     */
+    templateId: _angular_core.InputSignal<string>;
+    /** Reference to the template element. @hidden */
+    readonly templateRef: TemplateRef<any>;
+    /** Service to manage templates. @hidden */
+    private readonly templateService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconTabBarContentTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IconTabBarContentTemplateDirective, "[fdpIconTabBarContentTemplate]", never, { "templateId": { "alias": "templateId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class IconTabBarFreeContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconTabBarFreeContentDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IconTabBarFreeContentDirective, "[fdpIconTabBarFreeContent]", never, {}, {}, never, never, true, never>;
@@ -904,9 +929,10 @@ declare class IconTabBarComponent implements OnInit, TabList {
         subItems: TabConfig[];
         closable: boolean;
         iconFont: IconFont;
-        renderer?: _angular_core.TemplateRef<any>;
-        titleTemplate?: _angular_core.TemplateRef<any>;
+        renderer?: TemplateRef<any>;
+        titleTemplate?: TemplateRef<any>;
         id: string;
+        contentTemplateId?: string;
     }>[] | undefined>;
     /** @description Density mode. */
     densityMode: _angular_core.ModelSignal<TabDensityMode>;
@@ -948,7 +974,7 @@ declare class IconTabBarComponent implements OnInit, TabList {
     _scrollbar: _angular_core.Signal<ScrollbarDirective | undefined>;
     /** @hidden */
     tabDirectives: _angular_core.Signal<readonly IconTabBarTabContentDirective[]>;
-    private get _customTabs();
+    protected get _customTabs(): boolean;
     /** @hidden */
     get headerContainer(): Nullable<ElementRef>;
     /** @hidden */
@@ -964,14 +990,16 @@ declare class IconTabBarComponent implements OnInit, TabList {
     /** @hidden */
     readonly _selectedUid: _angular_core.WritableSignal<string | undefined>;
     /** @hidden */
-    readonly _tabs$: _angular_core.Signal<IconTabBarItem[]>;
-    /** @hidden */
     readonly _flatTabs$: _angular_core.Signal<IconTabBarItem[]>;
     /** @hidden */
     readonly _tabRenderer$: _angular_core.WritableSignal<IconTabBarItem | null>;
     /** @hidden */
     readonly _rtl$: _angular_core.Signal<boolean>;
     /** @hidden */
+    readonly _templateMap$: _angular_core.Signal<Map<string, TemplateRef<any>>>;
+    /** @hidden */
+    readonly _tabs$: _angular_core.Signal<IconTabBarItem[]>;
+    /** @hidden */
     readonly _tabsConfig$: _angular_core.Signal<_fundamental_ngx_cdk_utils.NullableObject<{
         icon?: _fundamental_ngx_cdk_utils.FdkAsyncProperty<string | undefined>;
         label: _fundamental_ngx_cdk_utils.FdkAsyncProperty<string>;
@@ -982,13 +1010,19 @@ declare class IconTabBarComponent implements OnInit, TabList {
         subItems: TabConfig[];
         closable: boolean;
         iconFont: IconFont;
-        renderer?: _angular_core.TemplateRef<any>;
-        titleTemplate?: _angular_core.TemplateRef<any>;
+        renderer?: TemplateRef<any>;
+        titleTemplate?: TemplateRef<any>;
         id: string;
+        contentTemplateId?: string;
     }>[]>;
+    /** @hidden Initialize active tab when tabs change */
+    private readonly _initActiveTabEffect;
     /** @hidden */
     private readonly _destroyRef;
+    /** @hidden */
     private readonly _inDynamicPage;
+    /** @hidden Template service */
+    private readonly templateService;
     private readonly _iconTabBarCmp;
     /** @hidden */
     constructor(_cd: ChangeDetectorRef, _contentDensityService: ContentDensityService, _rtlService: RtlService);
@@ -1023,20 +1057,22 @@ declare class IconTabBarComponent implements OnInit, TabList {
      * @description generate IconTabItems from TabConfig array
      */
     private _generateTabBarItems;
+    /** @hidden Apply template mapping to tab configurations */
+    private _applyTemplateMapping;
     private _generateFlatTabs;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconTabBarComponent, [null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconTabBarComponent, "fdp-icon-tab-bar", never, { "stackContent": { "alias": "stackContent"; "required": false; }; "tabHeadingLevel": { "alias": "tabHeadingLevel"; "required": false; "isSignal": true; }; "iconTabType": { "alias": "iconTabType"; "required": false; "isSignal": true; }; "tabsConfig": { "alias": "tabsConfig"; "required": false; "isSignal": true; }; "densityMode": { "alias": "densityMode"; "required": false; "isSignal": true; }; "iconTabFont": { "alias": "iconTabFont"; "required": false; "isSignal": true; }; "enableTabReordering": { "alias": "enableTabReordering"; "required": false; "isSignal": true; }; "showTotalTab": { "alias": "showTotalTab"; "required": false; "isSignal": true; }; "multiClick": { "alias": "multiClick"; "required": false; "isSignal": true; }; "layoutMode": { "alias": "layoutMode"; "required": false; "isSignal": true; }; "iconTabBackground": { "alias": "iconTabBackground"; "required": false; "isSignal": true; }; "iconTabSize": { "alias": "iconTabSize"; "required": false; "isSignal": true; }; "colorAssociations": { "alias": "colorAssociations"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "maxContentHeight": { "alias": "maxContentHeight"; "required": false; "isSignal": true; }; }, { "tabsConfig": "tabsConfigChange"; "densityMode": "densityModeChange"; "iconTabSelected": "iconTabSelected"; "iconTabReordered": "iconTabReordered"; "closeTab": "closeTab"; }, ["children"], ["[fdpIconTabBarFreeContent]"], true, never>;
     static ngAcceptInputType_stackContent: unknown;
 }
 
-declare const FDP_ICON_TAB_BAR: readonly [typeof IconTabBarComponent, typeof IconTabBarTabComponent, typeof IconTabBarFreeContentDirective];
+declare const FDP_ICON_TAB_BAR: readonly [typeof IconTabBarComponent, typeof IconTabBarTabComponent, typeof IconTabBarContentTemplateDirective, typeof IconTabBarFreeContentDirective];
 /**
  * @deprecated
  * Import `IconTabBarComponent` directly instead.
  */
 declare class PlatformIconTabBarModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PlatformIconTabBarModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PlatformIconTabBarModule, never, [typeof IconTabBarComponent, typeof IconTabBarTextTypeComponent, typeof IconTabBarIconTypeComponent, typeof IconTabBarProcessTypeComponent, typeof IconTabBarFilterTypeComponent, typeof IconTabBarPopoverComponent, typeof TextTypePopoverComponent, typeof IconBarDndListDirective, typeof IconBarDndItemDirective, typeof IconBarDndContainerDirective, typeof IconTabBarTabComponent, typeof IconTabBarFreeContentDirective], [typeof IconTabBarComponent, typeof IconTabBarTextTypeComponent, typeof IconTabBarIconTypeComponent, typeof IconTabBarProcessTypeComponent, typeof IconTabBarFilterTypeComponent, typeof IconTabBarPopoverComponent, typeof TextTypePopoverComponent, typeof IconBarDndListDirective, typeof IconBarDndItemDirective, typeof IconBarDndContainerDirective, typeof IconTabBarTabComponent, typeof IconTabBarFreeContentDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PlatformIconTabBarModule, never, [typeof IconTabBarComponent, typeof IconTabBarTextTypeComponent, typeof IconTabBarIconTypeComponent, typeof IconTabBarProcessTypeComponent, typeof IconTabBarFilterTypeComponent, typeof IconTabBarPopoverComponent, typeof TextTypePopoverComponent, typeof IconBarDndListDirective, typeof IconBarDndItemDirective, typeof IconBarDndContainerDirective, typeof IconTabBarTabComponent, typeof IconTabBarContentTemplateDirective, typeof IconTabBarFreeContentDirective], [typeof IconTabBarComponent, typeof IconTabBarTextTypeComponent, typeof IconTabBarIconTypeComponent, typeof IconTabBarProcessTypeComponent, typeof IconTabBarFilterTypeComponent, typeof IconTabBarPopoverComponent, typeof TextTypePopoverComponent, typeof IconBarDndListDirective, typeof IconBarDndItemDirective, typeof IconBarDndContainerDirective, typeof IconTabBarTabComponent, typeof IconTabBarContentTemplateDirective, typeof IconTabBarFreeContentDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<PlatformIconTabBarModule>;
 }
 
@@ -1046,6 +1082,21 @@ declare class PlatformIconTabBarModule {
  */
 type TabColorAssociations = Partial<Record<SemanticColor, string>>;
 
+/**
+ * Service to manage template registration across components
+ */
+declare class IconTabBarTemplateService {
+    private templates;
+    private templatesSignal;
+    registerTemplate(id: string, template: TemplateRef<any>): void;
+    unregisterTemplate(id: string): void;
+    getTemplate(id: string): TemplateRef<any> | undefined;
+    getAllTemplates(): Map<string, TemplateRef<any>>;
+    getAllTemplatesSignal(): Signal<Map<string, TemplateRef<any>>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconTabBarTemplateService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<IconTabBarTemplateService>;
+}
+
 declare class IconTabBarTextTypeTabItemComponent {
     /** Tab item. */
     item: Nullable<IconTabBarItem>;
@@ -1066,5 +1117,5 @@ declare class IconTabBarTextTypeTabItemComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconTabBarTextTypeTabItemComponent, "[fdp-icon-tab-bar-text-type-tab-item]", never, { "item": { "alias": "item"; "required": false; }; "layoutMode": { "alias": "layoutMode"; "required": false; }; "colorAssociations": { "alias": "colorAssociations"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { FDP_ICON_TAB_BAR, FLIPPER_SIZE, ICON_TAB_HIDDEN_CLASS_NAME, IconBarDndContainerDirective, IconBarDndItemDirective, IconBarDndListDirective, IconTabBarBase, IconTabBarComponent, IconTabBarFilterTypeComponent, IconTabBarFreeContentDirective, IconTabBarIconTypeComponent, IconTabBarPopoverBase, IconTabBarPopoverComponent, IconTabBarProcessTypeComponent, IconTabBarTabComponent, IconTabBarTabContentDirective, IconTabBarTextTypeComponent, IconTabBarTextTypeTabItemComponent, IconTabTitleDirective, PlatformIconTabBarModule, TextTypePopoverComponent, UNIQUE_KEY_SEPARATOR };
+export { FDP_ICON_TAB_BAR, FLIPPER_SIZE, ICON_TAB_HIDDEN_CLASS_NAME, IconBarDndContainerDirective, IconBarDndItemDirective, IconBarDndListDirective, IconTabBarBase, IconTabBarComponent, IconTabBarContentTemplateDirective, IconTabBarFilterTypeComponent, IconTabBarFreeContentDirective, IconTabBarIconTypeComponent, IconTabBarPopoverBase, IconTabBarPopoverComponent, IconTabBarProcessTypeComponent, IconTabBarTabComponent, IconTabBarTabContentDirective, IconTabBarTemplateService, IconTabBarTextTypeComponent, IconTabBarTextTypeTabItemComponent, IconTabTitleDirective, PlatformIconTabBarModule, TextTypePopoverComponent, UNIQUE_KEY_SEPARATOR };
 export type { ElementChord, ExtendedTabConfig, FdDnDEvent, IconTabBarBackground, IconTabBarDndItem, IconTabBarDndList, IconTabBarItem, IconTabBarSize, ReactiveTabConfig, SemanticColor, TabColorAssociations, TabConfig, TabDensityMode, TabDestinyMode, TabType };

package/list/index.d.ts

@@ -298,7 +298,7 @@ declare class BaseListItem extends BaseComponent implements AfterViewInit, After
      * @hidden
      * helps to avoid multi rows active class with navigation
      */
-    _onBlur(event: KeyboardEvent): void;
+    _onBlur(event: FocusEvent): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** @hidden */

package/menu/index.d.ts

@@ -41,17 +41,17 @@ declare class MenuItemComponent implements OnDestroy, FocusableOption {
      * @hidden
      * Handle selection of item via keyboard 'Enter'
      */
-    private _onItemKeydown;
+    protected _onItemKeydown(event: KeyboardEvent): void;
     /**
      * @hidden
      * Handle click of item via mouse click.
      */
-    private _onItemClick;
+    protected _onItemClick(event: MouseEvent): void;
     /**
      * @hidden
      * Handle mouse enter event.
      */
-    private _onMouseEnter;
+    protected _onMouseEnter(): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** Focus on option */

package/message-popover/index.d.ts

@@ -166,11 +166,11 @@ declare class MessageViewComponent implements AfterViewInit {
     /** Event emitted when user clicks on the field link to focus on the field itself. */
     closePopover: EventEmitter<boolean>;
     /** @hidden */
-    private _listView;
+    protected _listView: ElementRef;
     /** @hidden */
-    private _detailsView;
+    protected _detailsView: ElementRef;
     /** @Hidden */
-    private readonly _initialClass;
+    protected readonly _initialClass = "fd-message-popover__view-container";
     /** @hidden */
     private _activeListElement;
     /** @hidden */

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.58.0-rc.8",
+  "version": "0.58.0-rc.81",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
   "homepage": "https://sap.github.io/fundamental-ngx",
   "repository": {
     "type": "git",
-    "url": "https://github.com/SAP/fundamental-ngx"
+    "url": "git+https://github.com/SAP/fundamental-ngx.git"
   },
   "engine": {
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/cdk": "0.58.0-rc.8",
-    "@fundamental-ngx/core": "0.58.0-rc.8",
-    "@fundamental-ngx/i18n": "0.58.0-rc.8"
+    "@fundamental-ngx/cdk": "0.58.0-rc.81",
+    "@fundamental-ngx/core": "0.58.0-rc.81",
+    "@fundamental-ngx/i18n": "0.58.0-rc.81"
   },
   "dependencies": {
     "fast-deep-equal": "3.1.3",
@@ -147,4 +147,4 @@
     }
   },
   "sideEffects": false
-}
+}

package/settings-generator/index.d.ts

@@ -263,7 +263,7 @@ declare class SettingsGeneratorComponent implements SettingsGenerator, AfterView
     private readonly _destroyRef;
     private readonly _config;
     /** @hidden */
-    private readonly _initialClass;
+    protected readonly _initialClass = "fdp-settings-generator";
     /** @hidden */
     private readonly _viewRef;
     /**
@@ -316,7 +316,7 @@ declare class SettingsGeneratorSidebarLayoutComponent extends BaseSettingsGenera
     /** @hidden */
     _isMobile: boolean;
     /** @hidden */
-    private readonly _initialClass;
+    protected readonly _initialClass = "fdp-settings-generator__sidebar-layout";
     /** @hidden */
     private readonly _settingsGeneratorContent;
     /** @hidden */
@@ -372,7 +372,7 @@ declare class SettingsGeneratorContentComponent {
     /** Event emits when user needs to be moved back to navigation screen. */
     goBack: EventEmitter<void>;
     /** @hidden */
-    private readonly _initialClass;
+    protected readonly _initialClass = "fdp-settings-generator__content-section";
     /** @hidden */
     private readonly _tabPanels;
     /** Optional alternative text for the settings generator dialog back button. */

package/table/index.d.ts

@@ -2239,7 +2239,7 @@ declare class TableRowComponent<T> extends TableRowDirective implements OnInit,
     /** @hidden */
     private readonly _editableCells;
     /** @hidden */
-    private get _ariaSelected();
+    protected get _ariaSelected(): boolean;
     /** @hidden */
     _hasRowHeaderColumn$: i0.Signal<boolean>;
     /** @hidden */

package/variant-management/index.d.ts

@@ -118,7 +118,7 @@ declare class VariantManagementComponent<T = any> implements VariantManagement<T
     /** @hidden */
     _popover: PopoverComponent;
     /** @hidden */
-    private readonly _initialClass;
+    protected readonly _initialClass = "fd-variant-management";
     /**
      * Used internally for communicating with wrapper component.
      */

package/schematics/collection.json

@@ -1,10 +0,0 @@
-{
-    "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
-    "schematics": {
-        "ng-add": {
-            "description": "Adds @fundamental-ngx/platform to the project.",
-            "factory": "./ng-add/index#ngAdd",
-            "schema": "./ng-add/schema.json"
-        }
-    }
-}

package/schematics/ng-add/index.d.ts

@@ -1,13 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-/**
- * ng add schematic that
- * - adds platform lib to package.json
- * - adds @fundamental-ngx/core to package.json if not present there already
- * - installs dependent libraries and runs their external schematics
- * - adds lib translations and angular.json locale configurations to host app if no translations available
- * - updates lib translations to host app's translations if available by appending at the end of host app's files
- * - replaces lib source paths with node_modules source paths for lib-related trans units
- * @param options options passed for this schematic
- */
-export declare function ngAdd(options: Schema): Rule;

package/schematics/ng-add/index.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ngAdd = ngAdd;
-const schematics_1 = require("@angular-devkit/schematics");
-const tasks_1 = require("@angular-devkit/schematics/tasks");
-const dependencies_1 = require("@schematics/angular/utility/dependencies");
-const package_utils_1 = require("../utils/package-utils");
-/**
- * ng add schematic that
- * - adds platform lib to package.json
- * - adds @fundamental-ngx/core to package.json if not present there already
- * - installs dependent libraries and runs their external schematics
- * - adds lib translations and angular.json locale configurations to host app if no translations available
- * - updates lib translations to host app's translations if available by appending at the end of host app's files
- * - replaces lib source paths with node_modules source paths for lib-related trans units
- * @param options options passed for this schematic
- */
-function ngAdd(options) {
-    return (tree) => {
-        const coreInstalled = (0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/core');
-        return (0, schematics_1.chain)([coreInstalled ? (0, schematics_1.noop)() : callCoreSchematic(options), endInstallTask()]);
-    };
-}
-/**
- * installs `@fundamental-ngx/core` lib and makes call to core's schematic
- * @param options options passed for this schematic
- */
-function callCoreSchematic(options) {
-    return (tree, context) => {
-        context.logger.info('✅️ Added Fundamental NGX Core schematic to tasks');
-        (0, dependencies_1.addPackageJsonDependency)(tree, {
-            type: dependencies_1.NodeDependencyType.Default,
-            // Will be replaced with the real version during sync-version script run
-            version: `0.58.0-rc.8`,
-            name: '@fundamental-ngx/core'
-        });
-        const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask({
-            packageName: '@fundamental-ngx/core'
-        }));
-        // Chain won't work here since we need the externals to be actually installed before we call their schemas
-        // This ensures the externals are a dependency of the node install, so they exist when their schemas run.
-        context.addTask(new tasks_1.RunSchematicTask('@fundamental-ngx/core', 'ng-add', options), [installTaskId]);
-        return tree;
-    };
-}
-/**
- *  Run npm install.
- */
-function endInstallTask() {
-    return (tree, context) => {
-        context.addTask(new tasks_1.NodePackageInstallTask());
-        return tree;
-    };
-}
-//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/platform/schematics/ng-add/index.ts"],"names":[],"mappings":";;AAiBA,sBAMC;AAvBD,2DAAuF;AACvF,4DAA4F;AAC5F,2EAAwG;AACxG,0DAAoD;AAIpD;;;;;;;;;GASG;AACH,SAAgB,KAAK,CAAC,OAAe;IACjC,OAAO,CAAC,IAAU,EAAE,EAAE;QAClB,MAAM,aAAa,GAAG,IAAA,0BAAU,EAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;QAEhE,OAAO,IAAA,kBAAK,EAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,iBAAI,GAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,SAAS,iBAAiB,CAAC,OAAe;IACtC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC7C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QAExE,IAAA,uCAAwB,EAAC,IAAI,EAAE;YAC3B,IAAI,EAAE,iCAAkB,CAAC,OAAO;YAChC,wEAAwE;YACxE,OAAO,EAAE,qBAAqB;YAC9B,IAAI,EAAE,uBAAuB;SAChC,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CACjC,IAAI,8BAAsB,CAAC;YACvB,WAAW,EAAE,uBAAuB;SACvC,CAAC,CACL,CAAC;QAEF,0GAA0G;QAC1G,yGAAyG;QACzG,OAAO,CAAC,OAAO,CAAC,IAAI,wBAAgB,CAAC,uBAAuB,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;QAEnG,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;AACN,CAAC;AAED;;GAEG;AACH,SAAS,cAAc;IACnB,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC7C,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;AACN,CAAC"}

package/schematics/ng-add/schema.d.ts

@@ -1,3 +0,0 @@
-export interface Schema {
-    project: string;
-}

package/schematics/ng-add/schema.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=schema.js.map

package/schematics/ng-add/schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../libs/platform/schematics/ng-add/schema.ts"],"names":[],"mappings":""}

package/schematics/ng-add/schema.json

@@ -1,15 +0,0 @@
-{
-    "$schema": "http://json-schema.org/schema",
-    "$id": "fundamental-ngx-ng-add",
-    "title": "Fundamental Platform Library for Angular ng-add schematic",
-    "type": "object",
-    "properties": {
-        "project": {
-            "type": "string",
-            "description": "The name of the project.",
-            "$default": {
-                "$source": "projectName"
-            }
-        }
-    }
-}

package/schematics/utils/package-utils.d.ts

@@ -1,19 +0,0 @@
-import { workspaces } from '@angular-devkit/core';
-import { Tree } from '@angular-devkit/schematics';
-import * as ts from 'typescript';
-/** Gets the ts source file from a path */
-export declare function getSourceFile(host: Tree, path: string): ts.SourceFile;
-/** Get the version of a package name */
-export declare function getPackageVersionFromPackageJson(tree: Tree, name: string): string | null;
-/** Check if a package exists in the package.json */
-export declare function hasPackage(tree: Tree, name: string): boolean | null;
-/** Check if a package exists in the package.json */
-export declare function hasDevPackage(tree: Tree, name: string): boolean | null;
-/** Returns the source path for the application */
-export declare function getSourceTreePath(host: Tree, options: any): Promise<string>;
-/** Returns the dist path for the application */
-export declare function getDistPath(host: Tree, options: any): Promise<string>;
-/** factory function to create a workspaces.WorkspaceHost from a Tree */
-export declare function createHost(tree: Tree): workspaces.WorkspaceHost;
-/** Returns the workspace project for the application */
-export declare function getWorkspaceProject(host: Tree, options: any): Promise<workspaces.ProjectDefinition>;