@acorex/platform 20.6.0-next.24 → 20.6.0-next.26

package/fesm2022/acorex-platform-layout-widgets.mjs

@@ -1482,32 +1482,27 @@ class AXPCheckBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.falsyText = this.options['falsyText'];
     }
     getVisual(isTrue) {
-        const semantic = isTrue
-            ? this.negative
-                ? 'danger'
-                : 'success'
-            : this.negative
-                ? 'success'
-                : 'danger';
+        const semantic = isTrue ? (this.negative ? 'danger' : 'success') : this.negative ? 'success' : 'danger';
         return resolveStatusVisual(semantic);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPCheckBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPCheckBoxWidgetColumnComponent, isStandalone: true, selector: "axp-checkbox-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div>
     @if (this.rawValue === null || this.rawValue === undefined) {
-      @if (nullText()) {
-        <span>{{ nullText() }}</span>
+      @if (nullText) {
+        <span>{{ nullText }}</span>
       } @else {
         <span>---</span>
       }
     } @else if (this.rawValue) {
       @if (trulyText) {
         @let visual = getVisual(true);
-          <span class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
-                [ngClass]="visual.chipClass"
-                [ngStyle]="visual.chipStyle"
-          >
-            {{ trulyText }}
-          </span>
+        <span
+          class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
+          [ngClass]="visual.chipClass"
+          [ngStyle]="visual.chipStyle"
+        >
+          {{ trulyText }}
+        </span>
       } @else {
         @if (negative) {
           <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
@@ -1518,9 +1513,10 @@ class AXPCheckBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     } @else {
       @if (falsyText) {
         @let visual = getVisual(false);
-        <span class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
-              [ngClass]="visual.chipClass"
-              [ngStyle]="visual.chipStyle"
+        <span
+          class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
+          [ngClass]="visual.chipClass"
+          [ngStyle]="visual.chipStyle"
         >
           {{ falsyText }}
         </span>
@@ -1540,20 +1536,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                     selector: 'axp-checkbox-widget-column',
                     template: ` <div>
     @if (this.rawValue === null || this.rawValue === undefined) {
-      @if (nullText()) {
-        <span>{{ nullText() }}</span>
+      @if (nullText) {
+        <span>{{ nullText }}</span>
       } @else {
         <span>---</span>
       }
     } @else if (this.rawValue) {
       @if (trulyText) {
         @let visual = getVisual(true);
-          <span class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
-                [ngClass]="visual.chipClass"
-                [ngStyle]="visual.chipStyle"
-          >
-            {{ trulyText }}
-          </span>
+        <span
+          class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
+          [ngClass]="visual.chipClass"
+          [ngStyle]="visual.chipStyle"
+        >
+          {{ trulyText }}
+        </span>
       } @else {
         @if (negative) {
           <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
@@ -1564,9 +1561,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
     } @else {
       @if (falsyText) {
         @let visual = getVisual(false);
-        <span class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
-              [ngClass]="visual.chipClass"
-              [ngStyle]="visual.chipStyle"
+        <span
+          class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-2 ax-py-0.5 ax-text-xs ax-font-medium"
+          [ngClass]="visual.chipClass"
+          [ngStyle]="visual.chipStyle"
         >
           {{ falsyText }}
         </span>
@@ -9682,7 +9680,19 @@ class AXPFileUploaderWidgetEditComponent extends AXPValueWidgetComponent {
      * Handle file rename action
      */
     handleFileRename(file) {
-        this.setValue((this.getValue() ?? []).map((f) => (f.id === file.id ? file : f)) ?? []);
+        const currentFiles = this.getValue() ?? [];
+        const previousFile = currentFiles.find((f) => f.id === file.id);
+        // Check if name has changed and previous status was 'uploaded' or 'remote'
+        const nameChanged = previousFile && previousFile.name !== file.name;
+        const shouldChangeStatus = nameChanged &&
+            previousFile &&
+            (previousFile.status === 'uploaded' || previousFile.status === 'remote');
+        // Update file data and change status to 'editing' if name changed and status was 'uploaded' or 'remote'
+        const updatedFile = {
+            ...file,
+            status: shouldChangeStatus ? 'editing' : file.status,
+        };
+        this.setValue(currentFiles.map((f) => (f.id === file.id ? updatedFile : f)) ?? []);
     }
     clear() {
         for (const file of this.files()) {
@@ -22005,22 +22015,26 @@ class AXPTimeDurationFilterComponent extends AXPValueWidgetComponent {
             path: this.editorPath,
         }, ...(ngDevMode ? [{ debugName: "timeDurationNode" }] : []));
         this.#efUpdateTimeDurationNode = effect(() => {
-            const node = {
-                type: 'time-duration',
-                path: this.editorPath,
-                options: {
-                    hasClearButton: this.hasClearButton(),
-                    from: { title: 'HOUR' },
-                    to: { title: 'MINUTE' },
-                },
-            };
-            this.timeDurationNode.set(node);
+            untracked(async () => {
+                const node = {
+                    type: 'time-duration',
+                    path: this.editorPath,
+                    defaultValue: this.value(),
+                    options: {
+                        from: { title: 'HOUR' },
+                        to: { title: 'MINUTE' },
+                    },
+                };
+                this.timeDurationNode.set(node);
+            });
         }, ...(ngDevMode ? [{ debugName: "#efUpdateTimeDurationNode" }] : []));
         this.displayText = async () => {
             return await this.timeDurationFormatter.millisecondsToMask(this.value(), 'HOUR', 'MINUTE', false, '00:00:00:00:00:00:00:000', true);
         };
         this.#efUpdateValue = effect(async () => {
             const newValue = this.contextService.getValue(this.editorPath);
+            if (!newValue)
+                return;
             untracked(async () => {
                 this.setValue({
                     value: newValue,