@openmfp/ngx 0.18.13 → 0.20.0

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@openmfp/ngx",
-  "version": "0.18.13",
+  "version": "0.20.0",
+  "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/openmfp/webcomponents.git"
   },
   "dependencies": {
-    "gridstack": "^13.0.2",
+    "gridstack": "^13.2.0",
     "tslib": "2.8.1"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2.1",
-    "@angular/common": "^21.2.1",
-    "@angular/compiler": "^21.2.1",
-    "@angular/core": "^21.2.1",
-    "@angular/elements": "^21.2.1",
-    "@angular/forms": "^21.2.1",
-    "@angular/platform-browser": "^21.2.1",
-    "@fundamental-ngx/ui5-webcomponents": "^0.59.1",
-    "@fundamental-ngx/ui5-webcomponents-fiori": "^0.59.1",
+    "@angular/animations": "^21.2.1 || ^22.0.0",
+    "@angular/common": "^21.2.1 || ^22.0.0",
+    "@angular/compiler": "^21.2.1 || ^22.0.0",
+    "@angular/core": "^21.2.1 || ^22.0.0",
+    "@angular/elements": "^21.2.1 || ^22.0.0",
+    "@angular/forms": "^21.2.1 || ^22.0.0",
+    "@angular/platform-browser": "^21.2.1 || ^22.0.0",
+    "@fundamental-ngx/ui5-webcomponents": "^0.59.1 || ^0.64.0",
+    "@fundamental-ngx/ui5-webcomponents-fiori": "^0.59.1 || ^0.64.0",
     "jsonpath-plus": "^10.4.0",
     "rxjs": "^7.8.2"
   },

package/types/openmfp-ngx.d.ts

@@ -141,11 +141,13 @@ interface FieldDefinition {
     requirePermission?: string;
 }
 
-type DashboardLanguage = 'en' | 'de';
 declare const DASHBOARD_I18N_KEYS: {
+    readonly TITLE: "title";
+    readonly DESCRIPTION: "description";
+    readonly EDIT_HOME_BUTTON: "editHomeButton";
+    readonly EDIT_CARDS_BUTTON: "editCardsButton";
     readonly UNSAVED_CHANGES: "unsavedChanges";
     readonly EDIT_CARDS: "editCards";
-    readonly EDIT_VIEW: "editView";
     readonly ACTIONS: "actions";
     readonly SAVE: "save";
     readonly CANCEL: "cancel";
@@ -154,22 +156,42 @@ declare const DASHBOARD_I18N_KEYS: {
     readonly DISCARD_CONFIRM_BODY: "discardConfirmBody";
     readonly UNSAVED_NAV_BODY: "unsavedNavBody";
     readonly NO_CARDS_AVAILABLE: "noCardsAvailable";
+    readonly EMPTY_STATE_TITLE: "emptyStateTitle";
+    readonly EMPTY_STATE_DESCRIPTION: "emptyStateDescription";
+    readonly EMPTY_STATE_ILLUSTRATION: "emptyStateIllustration";
     readonly REMOVE_SECTION: "removeSection";
     readonly REMOVE_CARD: "removeCard";
     readonly RESIZABLE: "resizable";
 };
 type DashboardI18nKey = (typeof DASHBOARD_I18N_KEYS)[keyof typeof DASHBOARD_I18N_KEYS];
+/**
+ * The full set of dashboard chrome strings (toolbar buttons, dialogs, a11y
+ * labels). Client applications provide translated values through
+ * `DashboardConfig.i18n`; any key they omit falls back to `EN_DEFAULTS`.
+ */
+type DashboardTranslations = Record<DashboardI18nKey, string>;
+/**
+ * Built-in English strings. This is the only translation the library ships and
+ * the fallback used whenever a key is not supplied by the client through
+ * `DashboardConfig.i18n`.
+ */
+declare const EN_DEFAULTS: DashboardTranslations;
 
 /**
- * Holds the dashboard's current language and resolves translation keys for
- * the dashboard chrome (toolbar buttons, dialogs, a11y labels). Provided at
- * the `Dashboard` component level so every nested dashboard component shares
- * the same language signal — child components inject the same instance and
- * react to language changes automatically because `getTranslation` reads the
- * signal on every call.
+ * Resolves translation keys for the dashboard chrome (toolbar buttons,
+ * dialogs, a11y labels). Provided at the `Dashboard` component level so every
+ * nested dashboard component shares the same instance — child components
+ * inject it and react to translation changes automatically because
+ * `getTranslation` reads the `overrides` signal on every call.
+ *
+ * The library ships English only (`EN_DEFAULTS`). Client applications supply
+ * translated strings through `DashboardConfig.i18n`, which the `Dashboard`
+ * component pushes into `overrides`; switching language is just the client
+ * swapping that object. Any key not present in the overrides falls back to the
+ * English default, and finally to the key itself.
  */
 declare class DashboardI18nService {
-    readonly language: _angular_core.WritableSignal<DashboardLanguage>;
+    readonly overrides: _angular_core.WritableSignal<Partial<DashboardTranslations>>;
     getTranslation(key: DashboardI18nKey): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardI18nService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DashboardI18nService>;
@@ -241,16 +263,14 @@ interface DashboardButtonsSettings {
 }
 /** Top-level configuration for the `<mfp-dashboard>` component. */
 interface DashboardConfig {
-    /** Dashboard title rendered in the toolbar. */
-    title: string;
-    /** Optional subtitle shown below the title. */
+    /** Dashboard title. Optional; overridden by `i18n.title` when that is not provided. */
+    title?: string;
+    /** Dashboard description. Optional; overridden by `i18n.description` when that is not provided. */
     description?: string;
     /** URL of the background image applied to the dashboard host element. */
     backgroundImageUrl?: string;
     /** Overrides for the built-in Edit View and Edit Cards toolbar buttons. */
     buttonsSettings?: DashboardButtonsSettings;
-    /** Extra action buttons rendered in the toolbar alongside the built-in ones. */
-    customActions?: ButtonSettings[];
     /** When `true`, shows the Edit View button in the toolbar, allowing the user to enter edit mode. */
     editable?: boolean;
     /** When `true`, the Edit View button is rendered before the custom actions instead of after. Defaults to `false`. */
@@ -291,12 +311,15 @@ declare class Dashboard implements OnInit, OnDestroy {
     private readonly hostEl;
     private readonly injector;
     private readonly sanitizer;
-    protected readonly i18n: DashboardI18nService;
+    protected readonly i18nService: DashboardI18nService;
     config: _angular_core.InputSignal<DashboardConfig>;
     sections: _angular_core.ModelSignal<SectionConfig[]>;
     cards: _angular_core.ModelSignal<CardConfig[]>;
     availableCards: _angular_core.InputSignal<CardConfig[]>;
-    language: _angular_core.InputSignal<DashboardLanguage>;
+    customActions: _angular_core.InputSignal<ButtonSettings[]>;
+    i18n: _angular_core.InputSignal<DashboardTranslations | null | undefined>;
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    loadingDelay: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly saved: _angular_core.OutputEmitterRef<{
         sections: SectionConfig[];
         cards: CardConfig[];
@@ -307,9 +330,12 @@ declare class Dashboard implements OnInit, OnDestroy {
     }>;
     readonly unsavedChangesChange: _angular_core.OutputEmitterRef<boolean>;
     protected readonly i18nKeys: {
+        readonly TITLE: "title";
+        readonly DESCRIPTION: "description";
+        readonly EDIT_HOME_BUTTON: "editHomeButton";
+        readonly EDIT_CARDS_BUTTON: "editCardsButton";
         readonly UNSAVED_CHANGES: "unsavedChanges";
         readonly EDIT_CARDS: "editCards";
-        readonly EDIT_VIEW: "editView";
         readonly ACTIONS: "actions";
         readonly SAVE: "save";
         readonly CANCEL: "cancel";
@@ -318,6 +344,9 @@ declare class Dashboard implements OnInit, OnDestroy {
         readonly DISCARD_CONFIRM_BODY: "discardConfirmBody";
         readonly UNSAVED_NAV_BODY: "unsavedNavBody";
         readonly NO_CARDS_AVAILABLE: "noCardsAvailable";
+        readonly EMPTY_STATE_TITLE: "emptyStateTitle";
+        readonly EMPTY_STATE_DESCRIPTION: "emptyStateDescription";
+        readonly EMPTY_STATE_ILLUSTRATION: "emptyStateIllustration";
         readonly REMOVE_SECTION: "removeSection";
         readonly REMOVE_CARD: "removeCard";
         readonly RESIZABLE: "resizable";
@@ -338,10 +367,15 @@ declare class Dashboard implements OnInit, OnDestroy {
         width: string;
         height: string;
     } | null>;
+    dragOriginVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly busyVisible: _angular_core.WritableSignal<boolean>;
     protected hasUnsavedChanges: _angular_core.Signal<boolean>;
     protected safeTitle: _angular_core.Signal<SafeHtml>;
     protected safeDescription: _angular_core.Signal<SafeHtml | null>;
     protected engineProfile: _angular_core.Signal<EngineProfile>;
+    protected keyboardNavigationActive: _angular_core.Signal<boolean>;
+    protected readonly cardAriaKeyshortcuts: "Shift+ArrowRight Shift+ArrowLeft Control+ArrowLeft Control+ArrowRight Control+ArrowUp Control+ArrowDown Control+Home Control+End Meta+ArrowLeft Meta+ArrowRight";
+    protected hasToolbarMenuContent: _angular_core.Signal<boolean>;
     protected gridStackEngine: _angular_core.Signal<typeof gridstack.GridStackEngine | undefined>;
     protected gridBreakpoints: _angular_core.Signal<Readonly<Required<Pick<gridstack.Breakpoint, "w" | "c">> & {
         layout: "compact" | "list" | "none";
@@ -352,7 +386,6 @@ declare class Dashboard implements OnInit, OnDestroy {
         '--dashboard-cols-lg': number;
         '--dashboard-cols-xl': number;
     }>;
-    protected customActions: _angular_core.Signal<ButtonSettings[]>;
     protected addedCardsIds: _angular_core.Signal<Set<string>>;
     protected editViewButton: _angular_core.Signal<{
         text: string;
@@ -374,6 +407,8 @@ declare class Dashboard implements OnInit, OnDestroy {
     }>;
     protected sectionCards: _angular_core.Signal<(sectionId: string) => CardConfig[]>;
     protected looseCards: _angular_core.WritableSignal<CardConfig[]>;
+    protected isEmpty: _angular_core.Signal<boolean>;
+    protected isDashboardEditable: _angular_core.Signal<boolean | undefined>;
     protected gridOptions: _angular_core.Signal<GridStackOptions>;
     /** JSON snapshots of sections/cards taken on entering edit mode, used to detect changes. */
     private sectionsSnapshotJson;
@@ -381,6 +416,7 @@ declare class Dashboard implements OnInit, OnDestroy {
     private sectionsSnapshot;
     private cardsSnapshot;
     private gridStack;
+    private dragOriginPlaceholder;
     private addCardBtn;
     private resizeObserver?;
     private cardsPosition;
@@ -393,6 +429,12 @@ declare class Dashboard implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     onMenuItemClick(actionId: string, event: Event): void;
     enterEditMode(): void;
+    /**
+     * Empty-state call to action: switch to edit mode and immediately surface the
+     * Edit Cards dialog, so a user starting from an empty home lands directly on
+     * the card picker instead of an empty grid.
+     */
+    enterEditModeAndEditCards(): void;
     saveEdit(): void;
     cancelEdit(): void;
     confirmDiscard(): void;
@@ -429,6 +471,10 @@ declare class Dashboard implements OnInit, OnDestroy {
     onUnsavedNavCancel(): void;
     private runPendingNavigation;
     private discardEdit;
+    private restoreGridLayoutFromCards;
+    private createGridLayoutFromCards;
+    onCardKeydown(event: KeyboardEvent, cardId: string): void;
+    private restoreCardFocus;
     removeSection(id: string): void;
     removeCard(id: string): void;
     openCardPanel(): void;
@@ -440,15 +486,18 @@ declare class Dashboard implements OnInit, OnDestroy {
     onDragStart(event: {
         el: Element;
     }): void;
+    onDrag(): void;
     onDragStop(): void;
     onGridChange(): void;
     private saveCardsPosition;
     private updateCardsPositions;
     private getZFlowEngine;
+    private createDragOriginClone;
+    private renderDragOriginPlaceholder;
     private updateCardsForBreakpoint;
     private changeCardSettingsForXlPage;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dashboard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dashboard, "mfp-dashboard", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; }, { "sections": "sectionsChange"; "cards": "cardsChange"; "saved": "saved"; "actionButtonClick": "actionButtonClick"; "unsavedChangesChange": "unsavedChangesChange"; }, never, ["[slot=dashboard-subheader]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dashboard, "mfp-dashboard", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "i18n": { "alias": "i18n"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, { "sections": "sectionsChange"; "cards": "cardsChange"; "saved": "saved"; "actionButtonClick": "actionButtonClick"; "unsavedChangesChange": "unsavedChangesChange"; }, never, ["[slot=dashboard-subheader]"], true, never>;
 }
 
 /**
@@ -528,7 +577,7 @@ declare class DeclarativeForm<T extends GenericResource> {
     private buildOutputValue;
     private buildEntryGroup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeForm<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeForm<any>, "mfp-declarative-form", never, { "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "fieldErrors": { "alias": "fieldErrors"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "formSubmit": "formSubmit"; "formValueChange": "formValueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeForm<any>, "mfp-declarative-form", never, { "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "fieldErrors": { "alias": "fieldErrors"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "formSubmit": "formSubmit"; "formValueChange": "formValueChange"; }, never, never, true, never>;
 }
 
 /** Table column definition — extends `FieldDefinition` with optional column grouping. */
@@ -559,6 +608,9 @@ declare class DeclarativeTable<T extends GenericResource> {
     resources: _angular_core.InputSignal<T[]>;
     trackByPath: _angular_core.InputSignal<string>;
     permissions: _angular_core.InputSignal<Record<string, string[]> | undefined>;
+    loading: _angular_core.InputSignal<boolean>;
+    loadingDelay: _angular_core.InputSignal<number>;
+    error: _angular_core.InputSignal<boolean>;
     totalItemsCount: _angular_core.InputSignal<number | undefined>;
     paginationLimit: _angular_core.InputSignal<number>;
     hasMore: _angular_core.InputSignal<boolean>;
@@ -571,6 +623,7 @@ declare class DeclarativeTable<T extends GenericResource> {
     readonly loadMoreResources: _angular_core.OutputEmitterRef<void>;
     readonly paginationLimitChanged: _angular_core.OutputEmitterRef<number>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly retry: _angular_core.OutputEmitterRef<void>;
     columnTrackBy: (column: TableFieldDefinition, index: number) => string | number | string[];
     rowTrackBy: (_index: number, item: T) => unknown;
     viewColumns: _angular_core.Signal<ProcessedTableFieldDefinition[]>;
@@ -587,7 +640,7 @@ declare class DeclarativeTable<T extends GenericResource> {
     nextPage: () => void;
     lastPage: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeTable<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTable<any>, "mfp-declarative-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "trackByPath": { "alias": "trackByPath"; "required": false; "isSignal": true; }; "permissions": { "alias": "permissions"; "required": false; "isSignal": true; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; "isSignal": true; }; "paginationLimit": { "alias": "paginationLimit"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadMode": { "alias": "loadMode"; "required": false; "isSignal": true; }; "loadMoreButtonText": { "alias": "loadMoreButtonText"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTable<any>, "mfp-declarative-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "trackByPath": { "alias": "trackByPath"; "required": false; "isSignal": true; }; "permissions": { "alias": "permissions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; "isSignal": true; }; "paginationLimit": { "alias": "paginationLimit"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadMode": { "alias": "loadMode"; "required": false; "isSignal": true; }; "loadMoreButtonText": { "alias": "loadMoreButtonText"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "pageChange": "pageChange"; "retry": "retry"; }, never, never, true, never>;
 }
 
 /** Configuration for the create/edit resource form rendered inside the table card dialogs. */
@@ -764,7 +817,10 @@ declare class DeleteConfirmationDialog {
 declare class DeclarativeTableCard<R extends GenericResource> {
     resources: _angular_core.InputSignal<R[]>;
     permissions: _angular_core.InputSignal<Record<string, string[]> | undefined>;
-    config: _angular_core.InputSignal<TableCardConfig<R>>;
+    loading: _angular_core.InputSignal<boolean>;
+    loadingDelay: _angular_core.InputSignal<number>;
+    error: _angular_core.InputSignal<boolean>;
+    config: _angular_core.InputSignal<TableCardConfig<R> | undefined>;
     createFormState: _angular_core.InputSignal<TableCardFormState>;
     editFormState: _angular_core.InputSignal<TableCardFormState>;
     readonly actionButtonClick: _angular_core.OutputEmitterRef<ResourceFieldButtonClickEvent<R>>;
@@ -772,6 +828,7 @@ declare class DeclarativeTableCard<R extends GenericResource> {
     readonly loadMoreResources: _angular_core.OutputEmitterRef<void>;
     readonly paginationLimitChanged: _angular_core.OutputEmitterRef<number>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly retry: _angular_core.OutputEmitterRef<void>;
     readonly searchChanged: _angular_core.OutputEmitterRef<string>;
     readonly createFieldChange: _angular_core.OutputEmitterRef<FormFieldChangeEvent>;
     readonly editFieldChange: _angular_core.OutputEmitterRef<{
@@ -792,7 +849,7 @@ declare class DeclarativeTableCard<R extends GenericResource> {
     protected pendingResource: _angular_core.WritableSignal<R | null>;
     protected resolvedCreateFields: _angular_core.WritableSignal<FormFieldDefinition[]>;
     protected resolvedEditFields: _angular_core.WritableSignal<FormFieldDefinition[]>;
-    protected tableConfig: _angular_core.Signal<_openmfp_ngx.TableConfig>;
+    protected tableConfig: _angular_core.Signal<_openmfp_ngx.TableConfig | undefined>;
     protected header: _angular_core.Signal<string | undefined>;
     protected headerTooltip: _angular_core.Signal<string | undefined>;
     protected createFormConfig: _angular_core.Signal<_openmfp_ngx.ResourceFormConfig | undefined>;
@@ -824,7 +881,7 @@ declare class DeclarativeTableCard<R extends GenericResource> {
     onDeleteSubmit(): void;
     private buildInitialValues;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeTableCard<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTableCard<any>, "mfp-declarative-table-card", never, { "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "permissions": { "alias": "permissions"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "createFormState": { "alias": "createFormState"; "required": false; "isSignal": true; }; "editFormState": { "alias": "editFormState"; "required": false; "isSignal": true; }; }, { "actionButtonClick": "actionButtonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "pageChange": "pageChange"; "searchChanged": "searchChanged"; "createFieldChange": "createFieldChange"; "editFieldChange": "editFieldChange"; "createSubmit": "createSubmit"; "editSubmit": "editSubmit"; "deleteSubmit": "deleteSubmit"; "filterTabChanged": "filterTabChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTableCard<any>, "mfp-declarative-table-card", never, { "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "permissions": { "alias": "permissions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "createFormState": { "alias": "createFormState"; "required": false; "isSignal": true; }; "editFormState": { "alias": "editFormState"; "required": false; "isSignal": true; }; }, { "actionButtonClick": "actionButtonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "pageChange": "pageChange"; "retry": "retry"; "searchChanged": "searchChanged"; "createFieldChange": "createFieldChange"; "editFieldChange": "editFieldChange"; "createSubmit": "createSubmit"; "editSubmit": "editSubmit"; "deleteSubmit": "deleteSubmit"; "filterTabChanged": "filterTabChanged"; }, never, never, true, never>;
 }
 
 declare class ResourceFormDialog {
@@ -866,12 +923,15 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
     cssRules: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
     cssStyles: _angular_core.Signal<{
         [x: number]: string | undefined;
+        [Symbol.iterator]?: (() => ArrayIterator<string>) | undefined;
         accentColor?: string | undefined;
         alignContent?: string | undefined;
         alignItems?: string | undefined;
         alignSelf?: string | undefined;
         alignmentBaseline?: string | undefined;
         all?: string | undefined;
+        anchorName?: string | undefined;
+        anchorScope?: string | undefined;
         animation?: string | undefined;
         animationComposition?: string | undefined;
         animationDelay?: string | undefined;
@@ -881,6 +941,10 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         animationIterationCount?: string | undefined;
         animationName?: string | undefined;
         animationPlayState?: string | undefined;
+        animationRange?: string | undefined;
+        animationRangeEnd?: string | undefined;
+        animationRangeStart?: string | undefined;
+        animationTimeline?: string | undefined;
         animationTimingFunction?: string | undefined;
         appearance?: string | undefined;
         aspectRatio?: string | undefined;
@@ -1004,7 +1068,6 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         counterReset?: string | undefined;
         counterSet?: string | undefined;
         cssFloat?: string | undefined;
-        cssText?: string | undefined;
         cursor?: string | undefined;
         cx?: string | undefined;
         cy?: string | undefined;
@@ -1012,7 +1075,9 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         direction?: string | undefined;
         display?: string | undefined;
         dominantBaseline?: string | undefined;
+        dynamicRangeLimit?: string | undefined;
         emptyCells?: string | undefined;
+        fieldSizing?: string | undefined;
         fill?: string | undefined;
         fillOpacity?: string | undefined;
         fillRule?: string | undefined;
@@ -1031,6 +1096,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         fontFamily?: string | undefined;
         fontFeatureSettings?: string | undefined;
         fontKerning?: string | undefined;
+        fontLanguageOverride?: string | undefined;
         fontOpticalSizing?: string | undefined;
         fontPalette?: string | undefined;
         fontSize?: string | undefined;
@@ -1045,6 +1111,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         fontVariantAlternates?: string | undefined;
         fontVariantCaps?: string | undefined;
         fontVariantEastAsian?: string | undefined;
+        fontVariantEmoji?: string | undefined;
         fontVariantLigatures?: string | undefined;
         fontVariantNumeric?: string | undefined;
         fontVariantPosition?: string | undefined;
@@ -1089,7 +1156,6 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         justifyItems?: string | undefined;
         justifySelf?: string | undefined;
         left?: string | undefined;
-        length?: number | undefined;
         letterSpacing?: string | undefined;
         lightingColor?: string | undefined;
         lineBreak?: string | undefined;
@@ -1124,6 +1190,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         maskSize?: string | undefined;
         maskType?: string | undefined;
         mathDepth?: string | undefined;
+        mathShift?: string | undefined;
         mathStyle?: string | undefined;
         maxBlockSize?: string | undefined;
         maxHeight?: string | undefined;
@@ -1179,7 +1246,6 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         pageBreakBefore?: string | undefined;
         pageBreakInside?: string | undefined;
         paintOrder?: string | undefined;
-        parentRule?: CSSRule | null | undefined;
         perspective?: string | undefined;
         perspectiveOrigin?: string | undefined;
         placeContent?: string | undefined;
@@ -1187,6 +1253,12 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         placeSelf?: string | undefined;
         pointerEvents?: string | undefined;
         position?: string | undefined;
+        positionAnchor?: string | undefined;
+        positionArea?: string | undefined;
+        positionTry?: string | undefined;
+        positionTryFallbacks?: string | undefined;
+        positionTryOrder?: string | undefined;
+        positionVisibility?: string | undefined;
         printColorAdjust?: string | undefined;
         quotes?: string | undefined;
         r?: string | undefined;
@@ -1225,6 +1297,9 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         scrollSnapAlign?: string | undefined;
         scrollSnapStop?: string | undefined;
         scrollSnapType?: string | undefined;
+        scrollTimeline?: string | undefined;
+        scrollTimelineAxis?: string | undefined;
+        scrollTimelineName?: string | undefined;
         scrollbarColor?: string | undefined;
         scrollbarGutter?: string | undefined;
         scrollbarWidth?: string | undefined;
@@ -1247,6 +1322,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         textAlign?: string | undefined;
         textAlignLast?: string | undefined;
         textAnchor?: string | undefined;
+        textAutospace?: string | undefined;
         textBox?: string | undefined;
         textBoxEdge?: string | undefined;
         textBoxTrim?: string | undefined;
@@ -1262,6 +1338,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         textEmphasisPosition?: string | undefined;
         textEmphasisStyle?: string | undefined;
         textIndent?: string | undefined;
+        textJustify?: string | undefined;
         textOrientation?: string | undefined;
         textOverflow?: string | undefined;
         textRendering?: string | undefined;
@@ -1272,6 +1349,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         textWrap?: string | undefined;
         textWrapMode?: string | undefined;
         textWrapStyle?: string | undefined;
+        timelineScope?: string | undefined;
         top?: string | undefined;
         touchAction?: string | undefined;
         transform?: string | undefined;
@@ -1289,6 +1367,10 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         userSelect?: string | undefined;
         vectorEffect?: string | undefined;
         verticalAlign?: string | undefined;
+        viewTimeline?: string | undefined;
+        viewTimelineAxis?: string | undefined;
+        viewTimelineInset?: string | undefined;
+        viewTimelineName?: string | undefined;
         viewTransitionClass?: string | undefined;
         viewTransitionName?: string | undefined;
         visibility?: string | undefined;
@@ -1375,12 +1457,14 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         y?: string | undefined;
         zIndex?: string | undefined;
         zoom?: string | undefined;
+        cssText?: string | undefined;
+        length?: number | undefined;
+        parentRule?: CSSRule | null | undefined;
         getPropertyPriority?: ((property: string) => string) | undefined;
         getPropertyValue?: ((property: string) => string) | undefined;
         item?: ((index: number) => string) | undefined;
         removeProperty?: ((property: string) => string) | undefined;
         setProperty?: ((property: string, value: string | null, priority?: string) => void) | undefined;
-        [Symbol.iterator]?: (() => ArrayIterator<string>) | undefined;
     }>;
     displayValue: _angular_core.Signal<string>;
     isBoolLike: _angular_core.Signal<boolean>;
@@ -1503,5 +1587,5 @@ declare class MockCard {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MockCard, "mfp-mock-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { BooleanValue, CARD_TYPES, Dashboard, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, DeleteConfirmationDialog, Favorites, LinkValue, MockCard, ResourceField, ResourceFormDialog, SanitizeHtmlPipe, SecretValue, ServiceStatusCard, TagListValue, VisitedServiceCard, WhatsNew, defineDashboardElementMethods };
-export type { ButtonSettings, CardConfig, CardsType, CssRule, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FieldFilterDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, MountCfg, PropertyField, ResourceFieldButtonClickEvent, ResourceFormConfig, RuleCondition, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableCardSearchConfig, TableConfig, TableFieldDefinition, TagSettings, TransformType, UiSettings, ValueRule };
+export { BooleanValue, CARD_TYPES, DASHBOARD_I18N_KEYS, Dashboard, DashboardI18nService, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, DeleteConfirmationDialog, EN_DEFAULTS, Favorites, LinkValue, MockCard, ResourceField, ResourceFormDialog, SanitizeHtmlPipe, SecretValue, ServiceStatusCard, TagListValue, VisitedServiceCard, WhatsNew, defineDashboardElementMethods };
+export type { ButtonSettings, CardConfig, CardsType, CssRule, DashboardButtonsSettings, DashboardConfig, DashboardI18nKey, DashboardTranslations, DeleteResourceConfirmationConfig, FieldDefinition, FieldFilterDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, MountCfg, PropertyField, ResourceFieldButtonClickEvent, ResourceFormConfig, RuleCondition, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableCardSearchConfig, TableConfig, TableFieldDefinition, TagSettings, TransformType, UiSettings, ValueRule };