@fundamental-ngx/platform 0.58.0-rc.60 → 0.58.0-rc.62

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>;
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.58.0-rc.60",
+  "version": "0.58.0-rc.62",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
@@ -13,9 +13,9 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/cdk": "0.58.0-rc.60",
-    "@fundamental-ngx/core": "0.58.0-rc.60",
-    "@fundamental-ngx/i18n": "0.58.0-rc.60"
+    "@fundamental-ngx/cdk": "0.58.0-rc.62",
+    "@fundamental-ngx/core": "0.58.0-rc.62",
+    "@fundamental-ngx/i18n": "0.58.0-rc.62"
   },
   "dependencies": {
     "fast-deep-equal": "3.1.3",
@@ -49,17 +49,17 @@
       "types": "./feed-input/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-feed-input.mjs"
     },
-    "./form": {
-      "types": "./form/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-form.mjs"
+    "./info-label": {
+      "types": "./info-label/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-info-label.mjs"
     },
     "./icon-tab-bar": {
       "types": "./icon-tab-bar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs"
     },
-    "./info-label": {
-      "types": "./info-label/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-info-label.mjs"
+    "./form": {
+      "types": "./form/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-form.mjs"
     },
     "./link": {
       "types": "./link/index.d.ts",
@@ -89,14 +89,14 @@
       "types": "./object-marker/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-object-marker.mjs"
     },
-    "./object-status": {
-      "types": "./object-status/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-object-status.mjs"
-    },
     "./page-footer": {
       "types": "./page-footer/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-page-footer.mjs"
     },
+    "./object-status": {
+      "types": "./object-status/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-object-status.mjs"
+    },
     "./panel": {
       "types": "./panel/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-panel.mjs"
@@ -113,34 +113,34 @@
       "types": "./shared/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-shared.mjs"
     },
-    "./slider": {
-      "types": "./slider/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-slider.mjs"
-    },
     "./smart-filter-bar": {
       "types": "./smart-filter-bar/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs"
     },
-    "./split-menu-button": {
-      "types": "./split-menu-button/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-split-menu-button.mjs"
-    },
-    "./table": {
-      "types": "./table/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-table.mjs"
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-slider.mjs"
     },
     "./table-helpers": {
       "types": "./table-helpers/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-table-helpers.mjs"
     },
-    "./value-help-dialog": {
-      "types": "./value-help-dialog/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-platform-value-help-dialog.mjs"
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-table.mjs"
+    },
+    "./split-menu-button": {
+      "types": "./split-menu-button/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-split-menu-button.mjs"
     },
     "./variant-management": {
       "types": "./variant-management/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-variant-management.mjs"
     },
+    "./value-help-dialog": {
+      "types": "./value-help-dialog/index.d.ts",
+      "default": "./fesm2022/fundamental-ngx-platform-value-help-dialog.mjs"
+    },
     "./wizard-generator": {
       "types": "./wizard-generator/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-platform-wizard-generator.mjs"

package/schematics/ng-add/index.js

@@ -31,7 +31,7 @@ function callCoreSchematic(options) {
         (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.60`,
+            version: `0.58.0-rc.62`,
             name: '@fundamental-ngx/core'
         });
         const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask({