barsa-sap-ui 2.2.76 → 2.2.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11543,6 +11543,7 @@ class FormDialogComponent extends BaseComponent {
11543
11543
  this.isWorkflowForm = false;
11544
11544
  this.workflowButtonsOnFooter = false;
11545
11545
  this.selectedWorkflowButton = null;
11546
+ this.formUi = signal(undefined);
11546
11547
  this._portalService.deviceSize$.subscribe((deviceSize) => {
11547
11548
  this.deviceSize = deviceSize;
11548
11549
  });
@@ -11587,14 +11588,12 @@ class FormDialogComponent extends BaseComponent {
11587
11588
  onToolbarClick(e) {
11588
11589
  this._formUiComponent.onToolbarClick(e);
11589
11590
  }
11591
+ onWorkflowChoiceClick(e) {
11592
+ this._formUiComponent.onWorkflowChoiceClick(e);
11593
+ }
11590
11594
  onFormUiComponentReady(uiComponent) {
11591
11595
  this._formUiComponent = uiComponent;
11592
- this.extendToolbarItems$ = uiComponent.extendToolbarItems$;
11593
- this.workflowButtons$ = uiComponent.workflowButtons$;
11594
- this.rtl$ = uiComponent.rtl$;
11595
- this.dirValue$ = uiComponent.dirValue$;
11596
- this.deviceSize$ = uiComponent.deviceSize$;
11597
- this.formUi = uiComponent;
11596
+ this.formUi.set(uiComponent);
11598
11597
  }
11599
11598
  openDialog() {
11600
11599
  const smallDevice = this.deviceSize === 's' || this.deviceSize === 'm';
@@ -11625,7 +11624,6 @@ class FormDialogComponent extends BaseComponent {
11625
11624
  mobile: smallDevice,
11626
11625
  width,
11627
11626
  height,
11628
- // bodyMinHeight: minHeight,
11629
11627
  minHeight,
11630
11628
  minWidth,
11631
11629
  verticalPadding: true,
@@ -11657,20 +11655,10 @@ class FormDialogComponent extends BaseComponent {
11657
11655
  this.dialogParams.close();
11658
11656
  this.dialogOpened = false;
11659
11657
  }
11660
- // /* eslint-disable */
11661
- // @Input() ShowFormPanelControl = (formpanelCtrlr) => {};
11662
- // /* eslint-disable */
11663
- // @Input() ForceCloseChild = () => {};
11664
- // /* eslint-disable */
11665
- // @Input() RefreshFormPanelControl = (formpanelCtrlr) => {};
11666
11658
  _close() {
11667
- // this.dialogRef.nativeElement.close();
11668
11659
  if (this.Adapter) {
11669
11660
  this.Adapter.Control.fireEvent('RequestForClose', this.Adapter.Control, true);
11670
11661
  }
11671
- // this.dialogRef.close();
11672
- // this.dialogParams.close();
11673
- // this.dialogOpened = false;
11674
11662
  }
11675
11663
  _setCaption(formPanelCtrlr) {
11676
11664
  const typeDefName = BarsaApi.Common.Util.TryGetValue(formPanelCtrlr, 'Mo.$TypeDefName', '');
@@ -11678,11 +11666,11 @@ class FormDialogComponent extends BaseComponent {
11678
11666
  this.caption = typeDefName + ':' + moCaption;
11679
11667
  }
11680
11668
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1.DialogService }, { token: i2.DialogParams }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
11681
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FormDialogComponent, isStandalone: false, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\r\n <fd-dialog-header>\r\n <ng-template fdkTemplate=\"header\">\r\n <div fd-bar-left>\r\n <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\r\n </div>\r\n <div fd-bar-center style=\"flex: 1\"></div>\r\n <div fd-bar-right>\r\n <bsu-form-toolbar\r\n fd-bar-right\r\n style=\"width: auto\"\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"\r\n extendToolbarItems$\r\n | async\r\n | tlbButtons: 'inFooter':false\r\n | filterWorkflowInMobile: workflowButtonsOnFooter\r\n \"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n [isFirefox]=\"isFirefox\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (dialogConfig.data.canFullscreen) {\r\n <fd-button-bar\r\n ariaLabel=\"fullscreen\"\r\n [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n fullscreenDialog\r\n [dialog]=\"dialog\"\r\n [fullscreen]=\"fullscreen\"\r\n (fullscreenChanged)=\"fullscreen = $event\"\r\n [dialogComponent]=\"dialogTplRef\"\r\n ></fd-button-bar>\r\n }\r\n <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\r\n </div>\r\n </ng-template>\r\n <!-- <ng-template\r\n fdkTemplate=\"subheader\"\r\n *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\r\n >\r\n <div fd-bar-middle>\r\n <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\r\n <bsu-form-toolbar\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"toolbarItems\"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n [isFirefox]=\"isFirefox\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n </fd-bar-element>\r\n </div>\r\n </ng-template> -->\r\n </fd-dialog-header>\r\n\r\n <fd-dialog-body>\r\n <bnrc-form\r\n [formPanelCtrl]=\"formPanelCtrlr\"\r\n [params]=\"params\"\r\n (formClose)=\"onFormClose()\"\r\n (uiComponent)=\"onFormUiComponentReady($event)\"\r\n ></bnrc-form>\r\n </fd-dialog-body>\r\n <fd-dialog-footer [style.display]=\"!showFooter && !isWorkflowForm && !workflowButtonsOnFooter ? 'none' : null\">\r\n @if (isMobile || workflowButtonsOnFooter ) { @if(workflowButtons$ | async ;as workflowButtons){\r\n <bsu-layout-actions\r\n [canSend]=\"false\"\r\n [buttons]=\"[]\"\r\n [isMobile]=\"isMobile\"\r\n [landscape]=\"(formUi?.landscape$ | async) === true\"\r\n [standalone]=\"(formUi?.standalone$ | async) === true\"\r\n [workflowButtons]=\"workflowButtons\"\r\n [workflowButtonsComboMode]=\"true\"\r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"(rtl$ | async) === true\"\r\n (toolClick)=\"formUi?.onToolbarClick($event)\"\r\n (workflowChoiceSelect)=\"formUi?.onWorkflowChoiceClick($event)\"\r\n >\r\n </bsu-layout-actions>\r\n } } @for (btn of (extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn\r\n === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\r\n context: { $implicit: btn }\r\n \"\r\n ></ng-container>\r\n <ng-template #btnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-dialog-decisive-button\r\n [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\r\n [label]=\"btn.text | bbbTranslate\"\r\n [glyph]=\"btn.newIcon ? btn.newIcon : null\"\r\n (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n <ng-template #dynamicBtnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <bnrc-dynamic-form-toolbaritem\r\n fd-toolbar-item\r\n [component]=\"btn.Data.CustomUi\"\r\n [context]=\"btn\"\r\n [isEnable]=\"btn.Command?._isEnable\"\r\n (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></bnrc-dynamic-form-toolbaritem>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n } } @if (!isNonePersistance && showSaveButton !== false) {\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-initial-focus\r\n fd-dialog-decisive-button\r\n [label]=\"'Cancel' | bbbTranslate\"\r\n (click)=\"onCancel()\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n }\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i4$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$2.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
11669
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FormDialogComponent, isStandalone: false, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\r\n <fd-dialog-header>\r\n <ng-template fdkTemplate=\"header\">\r\n <div fd-bar-left>\r\n <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\r\n </div>\r\n <div fd-bar-center style=\"flex: 1\"></div>\r\n <div fd-bar-right>\r\n <bsu-form-toolbar\r\n fd-bar-right\r\n style=\"width: auto\"\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"\r\n formUi()?.extendToolbarItems$\r\n | async\r\n | tlbButtons: 'inFooter':false\r\n | filterWorkflowInMobile: workflowButtonsOnFooter\r\n \"\r\n [dirValue]=\"(formUi()?.dirValue$ | async)!!\"\r\n [isFirefox]=\"isFirefox\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (dialogConfig.data.canFullscreen) {\r\n <fd-button-bar\r\n ariaLabel=\"fullscreen\"\r\n [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n fullscreenDialog\r\n [dialog]=\"dialog\"\r\n [fullscreen]=\"fullscreen\"\r\n (fullscreenChanged)=\"fullscreen = $event\"\r\n [dialogComponent]=\"dialogTplRef\"\r\n ></fd-button-bar>\r\n }\r\n <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\r\n </div>\r\n </ng-template> \r\n </fd-dialog-header>\r\n\r\n <fd-dialog-body>\r\n <bnrc-form\r\n [formPanelCtrl]=\"formPanelCtrlr\"\r\n [params]=\"params\"\r\n (formClose)=\"onFormClose()\"\r\n (uiComponent)=\"onFormUiComponentReady($event)\"\r\n ></bnrc-form>\r\n </fd-dialog-body>\r\n <fd-dialog-footer [style.display]=\"!showFooter && !isWorkflowForm && !workflowButtonsOnFooter ? 'none' : null\">\r\n @if (isMobile || workflowButtonsOnFooter ) { @if(formUi()?.workflowButtons$ | async ;as workflowButtons){\r\n <bsu-layout-actions\r\n [canSend]=\"false\"\r\n [buttons]=\"[]\"\r\n [isMobile]=\"isMobile\"\r\n [landscape]=\"(formUi()?.landscape$ | async) === true\"\r\n [standalone]=\"(formUi()?.standalone$ | async) === true\"\r\n [workflowButtons]=\"workflowButtons\"\r\n [workflowButtonsComboMode]=\"true\" \r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"(formUi()?.rtl$ | async) === true\"\r\n (toolClick)=\"onToolbarClick($event)\"\r\n (workflowChoiceSelect)=\"onWorkflowChoiceClick($event)\"\r\n >\r\n </bsu-layout-actions>\r\n } } @for (btn of (formUi()?.extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn\r\n === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\r\n context: { $implicit: btn }\r\n \"\r\n ></ng-container>\r\n <ng-template #btnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-dialog-decisive-button\r\n [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\r\n [label]=\"btn.text | bbbTranslate\"\r\n [glyph]=\"btn.newIcon ? btn.newIcon : null\"\r\n (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n <ng-template #dynamicBtnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <bnrc-dynamic-form-toolbaritem\r\n fd-toolbar-item\r\n [component]=\"btn.Data.CustomUi\"\r\n [context]=\"btn\"\r\n [isEnable]=\"btn.Command?._isEnable\"\r\n (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></bnrc-dynamic-form-toolbaritem>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n } } @if (!isNonePersistance && showSaveButton !== false) {\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-initial-focus\r\n fd-dialog-decisive-button\r\n [label]=\"'Cancel' | bbbTranslate\"\r\n (click)=\"onCancel()\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n }\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i4$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$2.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
11682
11670
  }
11683
11671
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormDialogComponent, decorators: [{
11684
11672
  type: Component,
11685
- args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\r\n <fd-dialog-header>\r\n <ng-template fdkTemplate=\"header\">\r\n <div fd-bar-left>\r\n <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\r\n </div>\r\n <div fd-bar-center style=\"flex: 1\"></div>\r\n <div fd-bar-right>\r\n <bsu-form-toolbar\r\n fd-bar-right\r\n style=\"width: auto\"\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"\r\n extendToolbarItems$\r\n | async\r\n | tlbButtons: 'inFooter':false\r\n | filterWorkflowInMobile: workflowButtonsOnFooter\r\n \"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n [isFirefox]=\"isFirefox\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (dialogConfig.data.canFullscreen) {\r\n <fd-button-bar\r\n ariaLabel=\"fullscreen\"\r\n [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n fullscreenDialog\r\n [dialog]=\"dialog\"\r\n [fullscreen]=\"fullscreen\"\r\n (fullscreenChanged)=\"fullscreen = $event\"\r\n [dialogComponent]=\"dialogTplRef\"\r\n ></fd-button-bar>\r\n }\r\n <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\r\n </div>\r\n </ng-template>\r\n <!-- <ng-template\r\n fdkTemplate=\"subheader\"\r\n *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\r\n >\r\n <div fd-bar-middle>\r\n <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\r\n <bsu-form-toolbar\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"toolbarItems\"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n [isFirefox]=\"isFirefox\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n </fd-bar-element>\r\n </div>\r\n </ng-template> -->\r\n </fd-dialog-header>\r\n\r\n <fd-dialog-body>\r\n <bnrc-form\r\n [formPanelCtrl]=\"formPanelCtrlr\"\r\n [params]=\"params\"\r\n (formClose)=\"onFormClose()\"\r\n (uiComponent)=\"onFormUiComponentReady($event)\"\r\n ></bnrc-form>\r\n </fd-dialog-body>\r\n <fd-dialog-footer [style.display]=\"!showFooter && !isWorkflowForm && !workflowButtonsOnFooter ? 'none' : null\">\r\n @if (isMobile || workflowButtonsOnFooter ) { @if(workflowButtons$ | async ;as workflowButtons){\r\n <bsu-layout-actions\r\n [canSend]=\"false\"\r\n [buttons]=\"[]\"\r\n [isMobile]=\"isMobile\"\r\n [landscape]=\"(formUi?.landscape$ | async) === true\"\r\n [standalone]=\"(formUi?.standalone$ | async) === true\"\r\n [workflowButtons]=\"workflowButtons\"\r\n [workflowButtonsComboMode]=\"true\"\r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"(rtl$ | async) === true\"\r\n (toolClick)=\"formUi?.onToolbarClick($event)\"\r\n (workflowChoiceSelect)=\"formUi?.onWorkflowChoiceClick($event)\"\r\n >\r\n </bsu-layout-actions>\r\n } } @for (btn of (extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn\r\n === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\r\n context: { $implicit: btn }\r\n \"\r\n ></ng-container>\r\n <ng-template #btnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-dialog-decisive-button\r\n [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\r\n [label]=\"btn.text | bbbTranslate\"\r\n [glyph]=\"btn.newIcon ? btn.newIcon : null\"\r\n (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n <ng-template #dynamicBtnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <bnrc-dynamic-form-toolbaritem\r\n fd-toolbar-item\r\n [component]=\"btn.Data.CustomUi\"\r\n [context]=\"btn\"\r\n [isEnable]=\"btn.Command?._isEnable\"\r\n (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></bnrc-dynamic-form-toolbaritem>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n } } @if (!isNonePersistance && showSaveButton !== false) {\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-initial-focus\r\n fd-dialog-decisive-button\r\n [label]=\"'Cancel' | bbbTranslate\"\r\n (click)=\"onCancel()\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n }\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
11673
+ args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\r\n <fd-dialog-header>\r\n <ng-template fdkTemplate=\"header\">\r\n <div fd-bar-left>\r\n <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\r\n </div>\r\n <div fd-bar-center style=\"flex: 1\"></div>\r\n <div fd-bar-right>\r\n <bsu-form-toolbar\r\n fd-bar-right\r\n style=\"width: auto\"\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"\r\n formUi()?.extendToolbarItems$\r\n | async\r\n | tlbButtons: 'inFooter':false\r\n | filterWorkflowInMobile: workflowButtonsOnFooter\r\n \"\r\n [dirValue]=\"(formUi()?.dirValue$ | async)!!\"\r\n [isFirefox]=\"isFirefox\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (dialogConfig.data.canFullscreen) {\r\n <fd-button-bar\r\n ariaLabel=\"fullscreen\"\r\n [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n fullscreenDialog\r\n [dialog]=\"dialog\"\r\n [fullscreen]=\"fullscreen\"\r\n (fullscreenChanged)=\"fullscreen = $event\"\r\n [dialogComponent]=\"dialogTplRef\"\r\n ></fd-button-bar>\r\n }\r\n <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\r\n </div>\r\n </ng-template> \r\n </fd-dialog-header>\r\n\r\n <fd-dialog-body>\r\n <bnrc-form\r\n [formPanelCtrl]=\"formPanelCtrlr\"\r\n [params]=\"params\"\r\n (formClose)=\"onFormClose()\"\r\n (uiComponent)=\"onFormUiComponentReady($event)\"\r\n ></bnrc-form>\r\n </fd-dialog-body>\r\n <fd-dialog-footer [style.display]=\"!showFooter && !isWorkflowForm && !workflowButtonsOnFooter ? 'none' : null\">\r\n @if (isMobile || workflowButtonsOnFooter ) { @if(formUi()?.workflowButtons$ | async ;as workflowButtons){\r\n <bsu-layout-actions\r\n [canSend]=\"false\"\r\n [buttons]=\"[]\"\r\n [isMobile]=\"isMobile\"\r\n [landscape]=\"(formUi()?.landscape$ | async) === true\"\r\n [standalone]=\"(formUi()?.standalone$ | async) === true\"\r\n [workflowButtons]=\"workflowButtons\"\r\n [workflowButtonsComboMode]=\"true\" \r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"(formUi()?.rtl$ | async) === true\"\r\n (toolClick)=\"onToolbarClick($event)\"\r\n (workflowChoiceSelect)=\"onWorkflowChoiceClick($event)\"\r\n >\r\n </bsu-layout-actions>\r\n } } @for (btn of (formUi()?.extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn\r\n === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\r\n context: { $implicit: btn }\r\n \"\r\n ></ng-container>\r\n <ng-template #btnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-dialog-decisive-button\r\n [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\r\n [label]=\"btn.text | bbbTranslate\"\r\n [glyph]=\"btn.newIcon ? btn.newIcon : null\"\r\n (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n <ng-template #dynamicBtnTemplate let-btn>\r\n <fd-dialog-footer-button>\r\n <bnrc-dynamic-form-toolbaritem\r\n fd-toolbar-item\r\n [component]=\"btn.Data.CustomUi\"\r\n [context]=\"btn\"\r\n [isEnable]=\"btn.Command?._isEnable\"\r\n (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\r\n ></bnrc-dynamic-form-toolbaritem>\r\n </fd-dialog-footer-button>\r\n </ng-template>\r\n } } @if (!isNonePersistance && showSaveButton !== false) {\r\n <fd-dialog-footer-button>\r\n <fd-button-bar\r\n fd-initial-focus\r\n fd-dialog-decisive-button\r\n [label]=\"'Cancel' | bbbTranslate\"\r\n (click)=\"onCancel()\"\r\n ></fd-button-bar>\r\n </fd-dialog-footer-button>\r\n }\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
11686
11674
  }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.DialogParams }, { type: i2.PortalService }], propDecorators: { dialogTemplateRef: [{
11687
11675
  type: ViewChild,
11688
11676
  args: ['dialog', { read: TemplateRef, static: true }]