@acorex/components 20.2.26 → 20.2.28

package/data-table/index.d.ts

@@ -1025,7 +1025,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     /**
      *  @ignore
      */
-    private hasLoadedData;
+    private isRefreshCalled;
     /**
      * Returns true if in manual mode and no data has been loaded yet.
      */

package/editor/index.d.ts

@@ -3,12 +3,48 @@ import * as i0 from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import { OutputData } from '@editorjs/editorjs';
 
-type EditorJsTool = 'header' | 'list' | 'raw' | 'image' | 'quote' | 'code' | 'underline' | 'color';
+type EditorJsTool = 'header' | 'list' | 'raw' | 'image' | 'quote' | 'codeBox' | 'underline' | 'color';
 type ImageToolConfig = {
-    endpoints: {
+    endpoints?: {
         byFile: string;
         byUrl: string;
     };
+    /** Name of the uploaded image field in POST request (default: "image") */
+    field?: string;
+    /** Mime-types of files accepted (default: "image/*") */
+    types?: string;
+    /** Extra data to send with upload requests */
+    additionalRequestData?: Record<string, any>;
+    /** Custom headers to include in upload requests */
+    additionalRequestHeaders?: Record<string, string>;
+    /** Placeholder text for the caption input (default: "Caption") */
+    captionPlaceholder?: string;
+    /** HTML content for the “Select file” button */
+    buttonContent?: string;
+    /** Custom uploader methods */
+    uploader?: {
+        uploadByFile?: (file: File) => Promise<{
+            success: number;
+            file: {
+                url: string;
+            };
+        }>;
+        uploadByUrl?: (url: string) => Promise<{
+            success: number;
+            file: {
+                url: string;
+            };
+        }>;
+    };
+    /** Custom actions for the tool's settings menu */
+    actions?: Array<Record<string, any>>;
+    /** Feature toggles (border, background, caption, etc.) */
+    features?: {
+        border?: boolean;
+        background?: boolean;
+        caption?: boolean;
+        [key: string]: any;
+    };
 };
 
 declare const AXEditorComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -18,8 +54,11 @@ declare const AXEditorComponent_base: polytype.Polytype.ClusteredConstructor<[{
 }, typeof MXLookComponent]>;
 declare class AXEditorComponent extends AXEditorComponent_base {
     #private;
+    toolLoaders: Record<EditorJsTool, () => Promise<any>>;
     private editorHolder;
+    private platform;
     modules: i0.InputSignal<EditorJsTool[]>;
+    imageConfig: i0.InputSignal<ImageToolConfig>;
     private editorClass;
     private colorConfig;
     private markerConfig;
@@ -28,7 +67,7 @@ declare class AXEditorComponent extends AXEditorComponent_base {
     private get __hostName();
     save(): Promise<OutputData>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXEditorComponent, "ax-editor", never, { "look": { "alias": "look"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "modules": { "alias": "modules"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXEditorComponent, "ax-editor", never, { "look": { "alias": "look"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "imageConfig": { "alias": "imageConfig"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class EditorModule {

package/fesm2022/acorex-components-data-table.mjs

@@ -1,6 +1,6 @@
 import { MXBaseComponent, convertArrayToDataSource, AXComponent, AXRippleDirective, AXListDataSource, AXPagedComponent, AXCommonModule } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, signal, Input, Output, Injectable, inject, ElementRef, Renderer2, NgZone, ChangeDetectorRef, DOCUMENT, PLATFORM_ID, HostListener, Directive, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, computed, effect, ContentChildren, ContentChild, NgModule } from '@angular/core';
+import { EventEmitter, signal, Input, Output, Injectable, inject, ElementRef, Renderer2, NgZone, ChangeDetectorRef, DOCUMENT, PLATFORM_ID, HostListener, Directive, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, computed, effect, untracked, ContentChildren, ContentChild, NgModule } from '@angular/core';
 import { isEqual, cloneDeep } from 'lodash-es';
 import { isPlatformBrowser, AsyncPipe, NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
 import { Subject, debounceTime, buffer, filter } from 'rxjs';
@@ -1388,7 +1388,7 @@ class AXDataTableComponent extends AXBaseDataTable {
         /**
          *  @ignore
          */
-        this.hasLoadedData = false;
+        this.isRefreshCalled = signal(false, ...(ngDevMode ? [{ debugName: "isRefreshCalled" }] : []));
         /**
          *  @ignore
          */
@@ -1450,7 +1450,7 @@ class AXDataTableComponent extends AXBaseDataTable {
      * Returns true if in manual mode and no data has been loaded yet.
      */
     get showNoDataLoadedYet() {
-        return this.fetchDataMode === 'manual' && !this.hasLoadedData;
+        return this.fetchDataMode === 'manual' && !this.isRefreshCalled();
     }
     /**
      *  @ignore
@@ -1474,9 +1474,6 @@ class AXDataTableComponent extends AXBaseDataTable {
             this.displayedRows.set(data.items.filter((item) => !item[this.parentField]));
             this.totalRows = data.totalCount;
             this.hasItems = data.totalCount > 0;
-            if (this.fetchDataMode === 'manual' && !this.hasLoadedData) {
-                this.hasLoadedData = true;
-            }
         });
         this.dataSource.onItemExpanded.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {
             const { expandedItem, children } = data;
@@ -1663,6 +1660,10 @@ class AXDataTableComponent extends AXBaseDataTable {
      */
     refresh(options = { reset: true }) {
         this.dataSource.refresh(options);
+        const isRefreshCalled = untracked(() => this.isRefreshCalled());
+        if (this.fetchDataMode === 'manual' && !isRefreshCalled) {
+            this.isRefreshCalled.set(true);
+        }
         if (this.dataPager && options.reset) {
             this.dataPager.goFirstPage();
         }