@acorex/platform 20.6.0-next.2 → 20.6.0-next.21

package/layout/views/index.d.ts

@@ -6,9 +6,9 @@ import { AXClickEvent } from '@acorex/cdk/common';
 import * as i1 from '@acorex/cdk/drawer';
 import { AXDrawerItemDirective } from '@acorex/cdk/drawer';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPActionMenuItem, AXPBreadcrumbItem, AXPBadge, AXPBackButton, AXPExecuteCommand, AXPExecuteCommandResult, AXPExpressionEvaluatorScope, AXPBroadcastEventService } from '@acorex/platform/core';
-import { AXPWorkflowService } from '@acorex/platform/workflow';
+import { AXPActionMenuItem, AXPBreadcrumbItem, AXPBadge, AXPBackButton, AXPExecuteCommand, AXPDeviceService, AXPExecuteCommandResult, AXPExpressionEvaluatorScope, AXPBroadcastEventService } from '@acorex/platform/core';
 import { AXPCommandService, AXPPolicyEngineService } from '@acorex/platform/runtime';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
 import { AXToastService } from '@acorex/components/toast';
 import { AXFormatService } from '@acorex/core/format';
 import { AXTranslationService } from '@acorex/core/translation';
@@ -55,9 +55,6 @@ declare class AXPPageLayoutComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -70,14 +67,6 @@ declare class AXPPageLayoutComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -97,9 +86,6 @@ declare class AXPPageLayoutComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -109,6 +95,7 @@ declare class AXPPageLayoutComponent {
         menuOrientation: _acorex_platform_themes_shared.AXPMenuOrientation;
         isPrinting: boolean;
     }>;
+    protected deviceService: AXPDeviceService;
     protected startSideDrawer: _angular_core.Signal<AXDrawerItemDirective | undefined>;
     protected workflow: AXPWorkflowService;
     protected commandService: AXPCommandService;
@@ -133,9 +120,6 @@ declare abstract class AXPPageLayoutBaseComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -148,14 +132,6 @@ declare abstract class AXPPageLayoutBaseComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -175,9 +151,6 @@ declare abstract class AXPPageLayoutBaseComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -257,9 +230,6 @@ declare class AXPPopupLayoutComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -272,14 +242,6 @@ declare class AXPPopupLayoutComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -299,9 +261,6 @@ declare class AXPPopupLayoutComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -330,9 +289,6 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
             family: string;
             size: string;
         }>;
-        screenSize: _angular_core.Signal<_acorex_platform_themes_shared.AXPScreenSize>;
-        deviceType: _angular_core.Signal<_acorex_platform_themes_shared.AXPDeviceType>;
-        isTouchDevice: _angular_core.Signal<boolean>;
         overlayLoading: _angular_core.Signal<boolean>;
         navigationLoading: _angular_core.Signal<boolean>;
         overlayLoadingTaskCount: _angular_core.Signal<number>;
@@ -345,14 +301,6 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
         isLightMode: _angular_core.Signal<boolean>;
         isSystemMode: _angular_core.Signal<boolean>;
         isSideMenuOpen: _angular_core.Signal<boolean>;
-        isSideMenuOverlay: _angular_core.Signal<boolean>;
-        isSmall: _angular_core.Signal<boolean>;
-        isMedium: _angular_core.Signal<boolean>;
-        isLarge: _angular_core.Signal<boolean>;
-        isMobileDevice: _angular_core.Signal<boolean>;
-        isTabletDevice: _angular_core.Signal<boolean>;
-        isDesktopDevice: _angular_core.Signal<boolean>;
-        isTouchScreen: _angular_core.Signal<boolean>;
         isOverlayLoading: _angular_core.Signal<boolean>;
         isNavigationLoading: _angular_core.Signal<boolean>;
         isMenuHorizontal: _angular_core.Signal<boolean>;
@@ -372,9 +320,6 @@ declare abstract class AXPPopupLayoutBaseComponent extends AXBasePageComponent {
             family: string;
             size: string;
         };
-        screenSize: _acorex_platform_themes_shared.AXPScreenSize;
-        deviceType: _acorex_platform_themes_shared.AXPDeviceType;
-        isTouchDevice: boolean;
         overlayLoading: boolean;
         navigationLoading: boolean;
         overlayLoadingTaskCount: number;
@@ -435,6 +380,7 @@ interface AXPLayoutDetailsViewPage {
     tabs?: AXPLayoutDetailsViewTabItem[];
     actions?: AXPLayoutDetailsViewAction[];
     isPrimary?: boolean;
+    isReadonly?: boolean;
     settings?: {
         commands?: {
             accept?: {
@@ -621,6 +567,7 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     protected router: Router;
     protected route: ActivatedRoute;
     protected eventService: AXPBroadcastEventService;
+    protected deviceService: AXPDeviceService;
     private onSelectionChangeSubscription?;
     private readonly destroyed$;
     protected form: _angular_core.Signal<AXFormComponent | undefined>;
@@ -652,6 +599,7 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     getBackButton(): Promise<AXPBackButton | null>;
     onBackButtonClick(): Promise<void>;
     execute(command: AXPExecuteCommand): Promise<void>;
+    protected handleKeyboardEvent(event: KeyboardEvent): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutDetailsViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutDetailsViewComponent, "axp-layout-details-view", never, { "adapter": { "alias": "adapter"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/layout/widget-core/index.d.ts

@@ -1,10 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { Signal, InjectionToken, ComponentRef, OnInit, EventEmitter, TemplateRef, Injector, WritableSignal, SimpleChanges, ModuleWithProviders, ApplicationRef, EnvironmentInjector } from '@angular/core';
-import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPDataType, AXPOptionsData, AXPValidationRules, AXPExpression, AXPWidgetTriggers, AXPMetaData, AXPValueTransformerFunctions, AXPPartialNested, AXPExpressionEvaluatorService } from '@acorex/platform/core';
 import * as _ngrx_signals from '@ngrx/signals';
 import * as _acorex_platform_layout_widget_core from '@acorex/platform/layout/widget-core';
 import { AXValueChangedEvent, AXDataSource } from '@acorex/cdk/common';
+import { AXPOptionsData, AXPDataType, AXPExpression, AXPWidgetTriggers, AXPMetaData, AXPValueTransformerFunctions, AXPValidationRules, AXPPartialNested, AXPExpressionEvaluatorService } from '@acorex/platform/core';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { AXDataTableColumnComponent } from '@acorex/components/data-table';
 import * as i7 from '@acorex/core/translation';
@@ -102,7 +101,7 @@ declare const AXP_WIDGETS_ACTION_CATEGORY: AXPWidgetCategory;
 declare const AXP_WIDGETS_ADVANCE_CATEGORY: AXPWidgetCategory;
 declare const AXP_WIDGETS_CATEGORIES: AXPWidgetCategory[];
 
-type AXPWidgetGroup = 'form-element' | 'dashboard-widget' | 'form-template' | 'property-editor' | 'meta-data' | 'setting-widget' | 'entity-widget';
+type AXPWidgetGroup = 'form-element' | 'dashboard-widget' | 'form-template' | 'property-editor' | 'meta-data' | 'setting-widget' | 'entity-widget' | 'utility-widget';
 declare enum AXPWidgetGroupEnum {
     FormElement = "form-element",
     DashboardWidget = "dashboard-widget",
@@ -110,7 +109,8 @@ declare enum AXPWidgetGroupEnum {
     PropertyEditor = "property-editor",
     MetaData = "meta-data",
     SettingWidget = "setting-widget",
-    EntityWidget = "entity-widget"
+    EntityWidget = "entity-widget",
+    UtilityWidget = "utility-widget"
 }
 
 interface AXPWidgetTypesMap {
@@ -150,6 +150,7 @@ interface AXPWidgetTypesMap {
     grid: 'grid-layout';
     gridItem: 'grid-item-layout';
     qrcode: 'qrcode';
+    schedulerPicker: 'scheduler-picker';
     widgetSelector: 'widget-selector';
     template: 'template';
     templateDesigner: 'template-designer';
@@ -194,7 +195,6 @@ interface AXPWidgetTypesMap {
     minimalWeather: 'minimal-weather';
     advancedWeather: 'advanced-weather';
     metaData: 'meta-data-editor';
-    tagable: 'tagable-editor';
     templateEditor: 'template-box-editor';
     themePaletteChooser: 'theme-palette-chooser';
     themeModeChooser: 'theme-mode-chooser';
@@ -214,6 +214,7 @@ interface AXPWidgetTypesMap {
     entityList: 'entity-list';
     stepWizard: 'step-wizard';
     documentUploader: 'document-uploader';
+    editorJs: 'editor-js-editor';
     signatureList: 'signature-list';
     status: 'status-widget';
 }
@@ -295,11 +296,11 @@ interface AXPWidgetNode {
     meta?: AXPMetaData;
     valueTransforms?: AXPValueTransformerFunctions;
 }
-interface AXPWidgetNodeToken {
+interface AXPWidgetNodeToken<TOptions extends AXPOptionsData = AXPOptionsData> {
     defaultValue?: any;
     config: AXPWidgetConfig;
     node: AXPWidgetNode;
-    options?: AXPOptionsData;
+    options?: TOptions;
 }
 interface AXPWidgetColumnNode {
     type: string;
@@ -309,7 +310,7 @@ interface AXPWidgetColumnNode {
 interface AXPWidgetColumnNodeToken extends AXPWidgetColumnNode {
     config: AXPWidgetConfig;
 }
-declare const AXP_WIDGET_TOKEN: InjectionToken<AXPWidgetNodeToken>;
+declare const AXP_WIDGET_TOKEN: InjectionToken<AXPWidgetNodeToken<Record<string, any>>>;
 declare const AXP_WIDGET_COLUMN_TOKEN: InjectionToken<AXPWidgetColumnNodeToken>;
 interface AXPWidgetComponentConfig {
     component: () => Promise<any>;
@@ -367,9 +368,9 @@ interface AXPLayoutBuilderStatusChangedEvent {
 
 type AXPClassMap = Readonly<Record<string, boolean>>;
 type AXPStyleMap = Readonly<Record<string, string | number>>;
-declare abstract class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
+declare abstract class AXPBaseWidgetComponent<TOptions extends Record<string, unknown> = AXPOptionsData> extends AXPWidgetCoreElement {
     #private;
-    protected readonly token: _acorex_platform_layout_widget_core.AXPWidgetNodeToken;
+    protected readonly token: AXPWidgetNodeToken<TOptions>;
     readonly host: HTMLDivElement;
     protected readonly layoutService: AXPWidgetCoreService;
     protected readonly contextService: {
@@ -405,8 +406,8 @@ declare abstract class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
     protected component: this;
     protected _id: string | null;
     get id(): string | null;
-    protected _options: _angular_core.WritableSignal<_acorex_platform_core.AXPOptionsData>;
-    options: _angular_core.Signal<_acorex_platform_core.AXPOptionsData>;
+    protected _options: _angular_core.WritableSignal<TOptions>;
+    options: _angular_core.Signal<TOptions>;
     onOptionsChanged: Subject<{
         sender: AXPBaseWidgetComponent;
     }>;
@@ -414,7 +415,7 @@ declare abstract class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
     status: _angular_core.Signal<AXPWidgetStatus>;
     readonly onStatusChanged: BehaviorSubject<AXPWidgetStatus>;
     isBusy: _angular_core.Signal<boolean>;
-    parent: AXPLayoutBaseWidgetComponent | null | undefined;
+    parent: AXPLayoutBaseWidgetComponent<any> | null | undefined;
     parentComponent: ComponentRef<any> | null | undefined;
     parentElement: HTMLElement | null | undefined;
     index: number | null | undefined;
@@ -425,7 +426,7 @@ declare abstract class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
     })[];
     ngOnInit(): void;
     setStatus(status: AXPWidgetStatus): void;
-    setOptions(values: any): void;
+    setOptions(values: Partial<TOptions>): void;
     output<T = any>(name: string): T;
     call(name: string, ...args: any[]): void;
     protected readonly _children: _angular_core.WritableSignal<AXPWidgetNode[]>;
@@ -434,15 +435,15 @@ declare abstract class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
     onAdded(): void;
     hostClass?(): AXPClassMap;
     hostStyle?(): AXPStyleMap;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPBaseWidgetComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPBaseWidgetComponent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPBaseWidgetComponent<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPBaseWidgetComponent<any>>;
 }
-declare abstract class AXPLayoutBaseWidgetComponent extends AXPBaseWidgetComponent {
+declare abstract class AXPLayoutBaseWidgetComponent<TOptions extends AXPOptionsData = AXPOptionsData> extends AXPBaseWidgetComponent<TOptions> {
     ngOnInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutBaseWidgetComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPLayoutBaseWidgetComponent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutBaseWidgetComponent<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPLayoutBaseWidgetComponent<any>>;
 }
-declare abstract class AXPValueWidgetComponent<T = any | null> extends AXPLayoutBaseWidgetComponent implements OnInit {
+declare abstract class AXPValueWidgetComponent<T = any | null, TOptions extends AXPOptionsData = AXPOptionsData> extends AXPLayoutBaseWidgetComponent<TOptions> implements OnInit {
     protected readonly path: string | undefined;
     protected readonly defaultValue: any;
     private _isValueWidget;
@@ -459,16 +460,15 @@ declare abstract class AXPValueWidgetComponent<T = any | null> extends AXPLayout
     setValue(value: T | null | undefined): void;
     private detectFullPath;
     protected handleValueChanged(e: AXValueChangedEvent<T>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPValueWidgetComponent<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPValueWidgetComponent<any>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPValueWidgetComponent<any, any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPValueWidgetComponent<any, any>>;
 }
 declare abstract class AXPDataListWidgetComponent extends AXPValueWidgetComponent<any> {
     private dataService;
     protected textField: _angular_core.Signal<string>;
     protected valueField: _angular_core.Signal<string>;
-    protected textTemplate: _angular_core.Signal<string>;
+    protected textTemplate: _angular_core.Signal<string | undefined>;
     protected dataSource: _angular_core.WritableSignal<AXDataSource<any>>;
-    protected isReady: _angular_core.Signal<boolean>;
     selectedItems: _angular_core.WritableSignal<any[]>;
     /**
      * Track the last loaded string dataSource reference to prevent infinite loops
@@ -484,7 +484,7 @@ declare abstract class AXPDataListWidgetComponent extends AXPValueWidgetComponen
 declare abstract class AXPColumnWidgetComponent<T = any | null | void> {
     private readonly token;
     protected readonly path: string;
-    protected readonly options: _acorex_platform_core.AXPOptionsData;
+    protected readonly options: Record<string, any>;
     protected readonly rawValue: T;
     protected readonly rowData: any;
     protected readonly nullText: any;
@@ -810,7 +810,7 @@ declare class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponen
 
 type AXPWidgetRendererDirectiveOptions = AXPMetaData;
 declare class AXPWidgetRendererDirective {
-    parentNode: _angular_core.InputSignal<AXPLayoutBaseWidgetComponent | null | undefined>;
+    parentNode: _angular_core.InputSignal<AXPLayoutBaseWidgetComponent<Record<string, any>> | null | undefined>;
     index: _angular_core.InputSignal<number | null | undefined>;
     mode: _angular_core.InputSignal<keyof _acorex_platform_layout_widget_core.AXPWidgetConfigComponents>;
     node: _angular_core.InputSignal<AXPWidgetNode>;
@@ -824,6 +824,11 @@ declare class AXPWidgetRendererDirective {
         sender: AXPWidgetRendererDirective;
         widget: AXPValueWidgetComponent;
     }>;
+    /**
+     * Signal that emits the component reference when it's ready
+     */
+    private _componentRefSignal;
+    componentRefSignal: _angular_core.Signal<ComponentRef<any> | null>;
     protected mergedOptions: WritableSignal<any>;
     private injector;
     protected builderService: AXPWidgetCoreService;

package/layout/widgets/README.md

@@ -1,4 +1,3 @@
 # @acorex/platform/layout/widgets
 
 Secondary entry point of `@acorex/platform`. It can be used by importing from `@acorex/platform/layout/widgets`.
-