@openmfp/ngx 0.19.0 → 0.20.0

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@openmfp/ngx",
-  "version": "0.19.0",
+  "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

@@ -156,6 +156,9 @@ 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";
@@ -260,6 +263,10 @@ interface DashboardButtonsSettings {
 }
 /** Top-level configuration for the `<mfp-dashboard>` component. */
 interface DashboardConfig {
+    /** 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. */
@@ -309,17 +316,10 @@ declare class Dashboard implements OnInit, OnDestroy {
     sections: _angular_core.ModelSignal<SectionConfig[]>;
     cards: _angular_core.ModelSignal<CardConfig[]>;
     availableCards: _angular_core.InputSignal<CardConfig[]>;
-    /** Extra action buttons rendered in the toolbar alongside the built-in ones. */
     customActions: _angular_core.InputSignal<ButtonSettings[]>;
-    /**
-     * Full set of dashboard-chrome translations (title, description, toolbar
-     * buttons, dialogs, a11y labels). The library ships English only. Provide a
-     * complete `DashboardTranslations` to render the dashboard in another
-     * language, and swap it to switch language. When `null`, `undefined`, or an
-     * empty object, the built-in English defaults (`EN_DEFAULTS`) are used. See
-     * `DashboardTranslations` / `DashboardI18nKey` for the full key contract.
-     */
     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[];
@@ -344,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";
@@ -364,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";
@@ -399,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;
@@ -406,6 +416,7 @@ declare class Dashboard implements OnInit, OnDestroy {
     private sectionsSnapshot;
     private cardsSnapshot;
     private gridStack;
+    private dragOriginPlaceholder;
     private addCardBtn;
     private resizeObserver?;
     private cardsPosition;
@@ -418,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;
@@ -454,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;
@@ -465,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; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "i18n": { "alias": "i18n"; "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>;
 }
 
 /**
@@ -553,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. */
@@ -584,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>;
@@ -596,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[]>;
@@ -612,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. */
@@ -789,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>>;
@@ -797,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<{
@@ -817,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>;
@@ -849,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 {
@@ -891,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;
@@ -906,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;
@@ -1029,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;
@@ -1037,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;
@@ -1056,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;
@@ -1070,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;
@@ -1114,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;
@@ -1149,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;
@@ -1204,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;
@@ -1212,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;
@@ -1250,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;
@@ -1272,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;
@@ -1287,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;
@@ -1297,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;
@@ -1314,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;
@@ -1400,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>;