@acorex/platform 20.9.47 → 20.9.49

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

@@ -1,10 +1,10 @@
-import * as i5 from '@angular/common';
+import * as i6 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, inject, input, model, signal, computed, effect, output, viewChild, ChangeDetectionStrategy, Component, NgModule, EventEmitter, ElementRef, DestroyRef, untracked, Output } from '@angular/core';
 import { provideCommandSetups, AXPCommandService } from '@acorex/platform/runtime';
 import { AXPopupService } from '@acorex/components/popup';
-import * as i4 from '@acorex/platform/core';
+import * as i5 from '@acorex/platform/core';
 import { AXPHookService, resolveDialogActionShortcuts, DEFAULT_CANCEL_DIALOG_ACTION_SHORTCUTS, DEFAULT_SUBMIT_DIALOG_ACTION_SHORTCUTS, findOverlayContainerAncestor, getNestedVisibleOverlayPanes, getTopVisibleOverlayContainer, AXPExpressionEvaluatorService, AXPKeyboardShortcutRegistry, normalizeDialogActionShortcutChord, isDialogShortcutAllowedInEditableField, resolveConfiguredFooterActionShortcuts, AXPComponentSlotModule, AXPContextStore } from '@acorex/platform/core';
 export { DEFAULT_CANCEL_DIALOG_ACTION_SHORTCUTS, DEFAULT_SUBMIT_DIALOG_ACTION_SHORTCUTS } from '@acorex/platform/core';
 import * as i1 from '@acorex/platform/layout/widget-core';
@@ -18,12 +18,14 @@ import { AXP_PREVIEW_WIDGET_FIELD_COMMAND_KEY, AXPKeyboardShortcutPriority } fro
 import { AXOverlayService } from '@acorex/cdk/overlay';
 import * as i1$1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i2$1 from '@acorex/components/decorators';
+import * as i2$1 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/loading';
+import * as i4 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXBasePageComponent } from '@acorex/components/page';
-import * as i6 from '@acorex/core/translation';
+import * as i7 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPUnsavedChangesConfirmService } from '@acorex/platform/common';
 import { AXP_ENTITY_DEFINITION_CRUD_SERVICE } from '@acorex/platform/domain';
@@ -3032,6 +3034,7 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             scope: a.scope,
             predicateApiWidgetName: a.predicateApiWidgetName,
             shortcuts: resolveConfiguredFooterActionShortcuts(typeof a.command === 'string' ? a.command : a.command?.name, a.shortcuts),
+            items: Array.isArray(a.items) ? a.items.map((child) => mapOne(child, placement)) : undefined,
         });
         const prefix = (footer?.prefix || []).map((a) => mapOne(a, 'prefix'));
         const suffix = (footer?.suffix || []).map((a) => mapOne(a, 'suffix'));
@@ -3142,28 +3145,58 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
         </ax-prefix>
         <ax-suffix>
           @for (action of footerSuffixActions(); track $index) {
-            <ax-button
-              [disabled]="action.disabled || isSubmitting()"
-              [text]="(action.title | translate | async)!"
-              [look]="'solid'"
-              [color]="action.color"
-              (onClick)="executeAction(action)"
-            >
-              @if (isFormLoading()) {
-                <ax-loading></ax-loading>
-              }
-              @if (action.icon) {
-                <ax-prefix>
-                  <ax-icon [icon]="action.icon"></ax-icon>
-                </ax-prefix>
-              }
-            </ax-button>
+            @if (action.items?.length) {
+              <ax-dropdown-button
+                [disabled]="action.disabled || isSubmitting()"
+                [text]="(action.title | translate | async)!"
+                [look]="'solid'"
+                [color]="action.color"
+                [mode]="'split'"
+                (onClick)="executeAction(action)"
+              >
+                @if (isFormLoading()) {
+                  <ax-loading></ax-loading>
+                }
+                @if (action.icon) {
+                  <ax-prefix>
+                    <ax-icon [icon]="action.icon"></ax-icon>
+                  </ax-prefix>
+                }
+                <ax-button-item-list>
+                  @for (item of action.items; track $index) {
+                    <ax-button-item
+                      [text]="(item.title | translate | async)!"
+                      [disabled]="item.disabled || isSubmitting()"
+                      (onClick)="executeAction(item)"
+                    >
+                    </ax-button-item>
+                  }
+                </ax-button-item-list>
+              </ax-dropdown-button>
+            } @else {
+              <ax-button
+                [disabled]="action.disabled || isSubmitting()"
+                [text]="(action.title | translate | async)!"
+                [look]="'solid'"
+                [color]="action.color"
+                (onClick)="executeAction(action)"
+              >
+                @if (isFormLoading()) {
+                  <ax-loading></ax-loading>
+                }
+                @if (action.icon) {
+                  <ax-prefix>
+                    <ax-icon [icon]="action.icon"></ax-icon>
+                  </ax-prefix>
+                }
+              </ax-button>
+            }
           }
           <axp-component-slot name="dialog-footer-suffix" [context]="context()"></axp-component-slot>
         </ax-suffix>
       </ax-footer>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i4.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i2$1.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i5.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDialogRendererComponent, decorators: [{
             type: Component,
@@ -3174,6 +3207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         CommonModule,
                         AXPLayoutRendererComponent,
                         AXButtonModule,
+                        AXDropdownButtonModule,
                         AXDecoratorModule,
                         AXLoadingModule,
                         AXTranslationModule,
@@ -3223,22 +3257,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </ax-prefix>
         <ax-suffix>
           @for (action of footerSuffixActions(); track $index) {
-            <ax-button
-              [disabled]="action.disabled || isSubmitting()"
-              [text]="(action.title | translate | async)!"
-              [look]="'solid'"
-              [color]="action.color"
-              (onClick)="executeAction(action)"
-            >
-              @if (isFormLoading()) {
-                <ax-loading></ax-loading>
-              }
-              @if (action.icon) {
-                <ax-prefix>
-                  <ax-icon [icon]="action.icon"></ax-icon>
-                </ax-prefix>
-              }
-            </ax-button>
+            @if (action.items?.length) {
+              <ax-dropdown-button
+                [disabled]="action.disabled || isSubmitting()"
+                [text]="(action.title | translate | async)!"
+                [look]="'solid'"
+                [color]="action.color"
+                [mode]="'split'"
+                (onClick)="executeAction(action)"
+              >
+                @if (isFormLoading()) {
+                  <ax-loading></ax-loading>
+                }
+                @if (action.icon) {
+                  <ax-prefix>
+                    <ax-icon [icon]="action.icon"></ax-icon>
+                  </ax-prefix>
+                }
+                <ax-button-item-list>
+                  @for (item of action.items; track $index) {
+                    <ax-button-item
+                      [text]="(item.title | translate | async)!"
+                      [disabled]="item.disabled || isSubmitting()"
+                      (onClick)="executeAction(item)"
+                    >
+                    </ax-button-item>
+                  }
+                </ax-button-item-list>
+              </ax-dropdown-button>
+            } @else {
+              <ax-button
+                [disabled]="action.disabled || isSubmitting()"
+                [text]="(action.title | translate | async)!"
+                [look]="'solid'"
+                [color]="action.color"
+                (onClick)="executeAction(action)"
+              >
+                @if (isFormLoading()) {
+                  <ax-loading></ax-loading>
+                }
+                @if (action.icon) {
+                  <ax-prefix>
+                    <ax-icon [icon]="action.icon"></ax-icon>
+                  </ax-prefix>
+                }
+              </ax-button>
+            }
           }
           <axp-component-slot name="dialog-footer-suffix" [context]="context()"></axp-component-slot>
         </ax-suffix>