barsa-sap-ui 1.0.300 → 1.0.302

package/esm2020/lib/ui-form-panel/ui-form-panel.component.mjs

@@ -32,14 +32,14 @@ export class UiFormPanelComponent extends FormBaseComponent {
     }
 }
 UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i1.BreadcrumbService }, { token: i1.PortalService }, { token: i2.Router }, { token: i0.ElementRef }, { token: i1.ControlUiPipe }, { token: i1.FormPanelService, self: true }, { token: i2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i3.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component });
-UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i6.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i7.FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: i8.LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: i6.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i7.FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: i8.LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.BreadcrumbService }, { type: i1.PortalService }, { type: i2.Router }, { type: i0.ElementRef }, { type: i1.ControlUiPipe }, { type: i1.FormPanelService, decorators: [{
                     type: Self
                 }] }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i3.ContentDensityService }]; }, propDecorators: { _typeDefName: [{
                 type: HostBinding,
                 args: ['attr.typeDefName']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktZm9ybS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS1mb3JtLXBhbmVsL3VpLWZvcm0tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktZm9ybS1wYW5lbC91aS1mb3JtLXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFjLFdBQVcsRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJckgsT0FBTyxFQUNILGlCQUFpQixFQUdqQixnQkFBZ0IsRUFHbkIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVU5QixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsaUJBQWlCO0lBU3ZELFlBQ2Msa0JBQXFDLEVBQ3JDLGNBQTZCLEVBQzdCLE9BQWUsRUFDZixHQUFlLEVBQ2YsY0FBNkIsRUFDckIsaUJBQW1DLEVBQzNDLGVBQStCLEVBQy9CLElBQXVCLEVBQ3ZCLHNCQUE2QztRQUV2RCxLQUFLLENBQ0Qsa0JBQWtCLEVBQ2xCLGNBQWMsRUFDZCxPQUFPLEVBQ1AsR0FBRyxFQUNILGNBQWMsRUFDZCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLElBQUksQ0FDUCxDQUFDO1FBbkJRLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsbUJBQWMsR0FBZCxjQUFjLENBQWU7UUFDN0IsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUNmLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFDZixtQkFBYyxHQUFkLGNBQWMsQ0FBZTtRQUNyQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQWtCO1FBQzNDLG9CQUFlLEdBQWYsZUFBZSxDQUFnQjtRQUMvQixTQUFJLEdBQUosSUFBSSxDQUFtQjtRQUN2QiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXVCO1FBakIxQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQTZCL0MsSUFBSSxDQUFDLFlBQVksR0FBRyxrQkFBa0IsQ0FBQyxZQUFZLENBQUM7UUFDcEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxzQkFBc0IsQ0FBQyxjQUFjLENBQUM7UUFDN0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUMsV0FBVyxDQUFDO1FBQzlDLElBQUksQ0FBQyxTQUFTLEdBQUcsY0FBYyxDQUFDLFNBQVMsQ0FBQztRQUMxQyxJQUFJLENBQUMsSUFBSSxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDO1FBRWhELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxFQUFFLFlBQVksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzdGLENBQUM7O2lIQXRDUSxvQkFBb0I7cUdBQXBCLG9CQUFvQiwrR0FGbEIsQ0FBQyxnQkFBZ0IsQ0FBQyxpRENuQmpDLHFzR0E2RUE7MkZEeERhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGdCQUFnQixDQUFDOzswQkFpQnhCLElBQUk7NklBZHdCLFlBQVk7c0JBQTVDLFdBQVc7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb250ZW50RGVuc2l0eSwgQ29udGVudERlbnNpdHlTZXJ2aWNlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlJztcblxuaW1wb3J0IHtcbiAgICBGb3JtQmFzZUNvbXBvbmVudCxcbiAgICBQb3J0YWxTZXJ2aWNlLFxuICAgIEJyZWFkQ3J1bWJJbmZvLFxuICAgIEZvcm1QYW5lbFNlcnZpY2UsXG4gICAgQnJlYWRjcnVtYlNlcnZpY2UsXG4gICAgQ29udHJvbFVpUGlwZVxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtdWktZm9ybS1wYW5lbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VpLWZvcm0tcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VpLWZvcm0tcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtGb3JtUGFuZWxTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBVaUZvcm1QYW5lbENvbXBvbmVudCBleHRlbmRzIEZvcm1CYXNlQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudHlwZURlZk5hbWUnKSBfdHlwZURlZk5hbWUgPSAnJztcbiAgICBicmVhZENydW1icyQ6IE9ic2VydmFibGU8QnJlYWRDcnVtYkluZm9bXT47XG4gICAgY29udGVudERlbnNpdHkkOiBPYnNlcnZhYmxlPENvbnRlbnREZW5zaXR5PjtcbiAgICBkZXZpY2VTaXplJDogT2JzZXJ2YWJsZTwncycgfCAnbScgfCAnbCcgfCAneGwnPjtcbiAgICBkaXJWYWx1ZSQ6IE9ic2VydmFibGU8J3J0bCcgfCAnbHRyJz47XG4gICAgcnRsJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgICBjYW5TZW5kJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcm90ZWN0ZWQgX2JyZWFkY3J1bWJTZXJ2aWNlOiBCcmVhZGNydW1iU2VydmljZSxcbiAgICAgICAgcHJvdGVjdGVkIF9wb3J0YWxTZXJ2aWNlOiBQb3J0YWxTZXJ2aWNlLFxuICAgICAgICBwcm90ZWN0ZWQgX3JvdXRlcjogUm91dGVyLFxuICAgICAgICBwcm90ZWN0ZWQgX2VsOiBFbGVtZW50UmVmLFxuICAgICAgICBwcm90ZWN0ZWQgX2NvbnRyb2xVaVBpcGU6IENvbnRyb2xVaVBpcGUsXG4gICAgICAgIEBTZWxmKCkgcHJvdGVjdGVkIF9mb3JtUGFuZWxTZXJ2aWNlOiBGb3JtUGFuZWxTZXJ2aWNlLFxuICAgICAgICBwcm90ZWN0ZWQgX2FjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcbiAgICAgICAgcHJvdGVjdGVkIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICBwcm90ZWN0ZWQgX2NvbnRlbnREZW5zaXR5U2VydmljZTogQ29udGVudERlbnNpdHlTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKFxuICAgICAgICAgICAgX2JyZWFkY3J1bWJTZXJ2aWNlLFxuICAgICAgICAgICAgX3BvcnRhbFNlcnZpY2UsXG4gICAgICAgICAgICBfcm91dGVyLFxuICAgICAgICAgICAgX2VsLFxuICAgICAgICAgICAgX2NvbnRyb2xVaVBpcGUsXG4gICAgICAgICAgICBfZm9ybVBhbmVsU2VydmljZSxcbiAgICAgICAgICAgIF9hY3RpdmF0ZWRSb3V0ZSxcbiAgICAgICAgICAgIF9jZHJcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5icmVhZENydW1icyQgPSBfYnJlYWRjcnVtYlNlcnZpY2UuYnJlYWRjcnVtYnMkO1xuICAgICAgICB0aGlzLmNvbnRlbnREZW5zaXR5JCA9IF9jb250ZW50RGVuc2l0eVNlcnZpY2UuY29udGVudERlbnNpdHk7XG4gICAgICAgIHRoaXMuZGV2aWNlU2l6ZSQgPSBfcG9ydGFsU2VydmljZS5kZXZpY2VTaXplJDtcbiAgICAgICAgdGhpcy5kaXJWYWx1ZSQgPSBfcG9ydGFsU2VydmljZS5kaXJWYWx1ZSQ7XG4gICAgICAgIHRoaXMucnRsJCA9IF9wb3J0YWxTZXJ2aWNlLnJ0bCQ7XG4gICAgICAgIHRoaXMuY2FuU2VuZCQgPSB0aGlzLl9mb3JtUGFuZWxTZXJ2aWNlLmNhblNlbmQkO1xuXG4gICAgICAgIHRoaXMuX2Zvcm1QYW5lbFNlcnZpY2UubW8kLnN1YnNjcmliZSgoYykgPT4gKHRoaXMuX3R5cGVEZWZOYW1lID0gYz8uJFR5cGVEZWZOYW1lID8/ICcnKSk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzU2VhcmNoUGFuZWwgfHwgKGlzU2ltcGxlJCB8IGFzeW5jKSB8fCBpc1N1YkZvcm0gfHwgaXNNb2RhbCB8fCBpc0Zvcm1SZXBvcnQ7IGVsc2UgZHluYW1pY1BhZ2VcIj5cbiAgICA8YnN1LW1hc2sgKm5nSWY9XCJtYXNrJCB8IGFzeW5jXCI+IDwvYnN1LW1hc2s+XG4gICAgPGRpdiBzdHlsZT1cIm1pbi1oZWlnaHQ6IDEwMCVcIj5cbiAgICAgICAgPGJzdS1seS1sYXlvdXQtY29udGFpbmVyLW9mLXJvb3RcbiAgICAgICAgICAgIFtjb25maWddPVwibGF5b3V0OTQkIHwgYXN5bmNcIlxuICAgICAgICAgICAgW2lzUGFuZWxdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW2lzUm9vdF09XCJ0cnVlXCJcbiAgICAgICAgPjwvYnN1LWx5LWxheW91dC1jb250YWluZXItb2Ytcm9vdD5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIndvcmtmbG93QnV0dG9ucyQgfCBhc3luYyBhcyB3b3JrZmxvd0J1dHRvbnNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3b3JrZmxvdy1idXR0b25zXCIgKm5nSWY9XCJ3b3JrZmxvd0J1dHRvbnMubGVuZ3RoXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBzdHlsZT1cImZsZXgtZ3JvdzogMVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxic3UtbGF5b3V0LWFjdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBjb2x1bW4tZ2FwOiAxcmVtXCJcbiAgICAgICAgICAgICAgICAgICAgW3NpbXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2J1dHRvbnNdPVwiW11cIlxuICAgICAgICAgICAgICAgICAgICBbd29ya2Zsb3dCdXR0b25zXT1cIndvcmtmbG93QnV0dG9uc1wiXG4gICAgICAgICAgICAgICAgICAgICh0b29sQ2xpY2spPVwib25Ub29sYmFyQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDwvYnN1LWxheW91dC1hY3Rpb25zPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICAgIDwhLS0gPGRpdiBmZC1iYXIgYmFyRGVzaWduPVwiZmxvYXRpbmctZm9vdGVyXCI+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb250ZXh0LldvcmtmbG93UGFuZWxVaVwiXG4gICAgICBmZC1iYXItcmlnaHRcbiAgICAgIFtmb290ZXJBY3Rpb25zXT1cImNvbnRleHQuV29ya2Zsb3dQYW5lbFVpXCJcbiAgICA+PC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJcbiAgICAgICAgIWNvbnRleHQuV29ya2Zsb3dQYW5lbFVpICYmXG4gICAgICAgIHNob3dUb29sYmFyICYmXG4gICAgICAgIFxuICAgICAgICB0b29sYmFyLml0ZW1zLmxlbmd0aCA+IDBcbiAgICAgIFwiXG4gICAgICBmZC1iYXItcmlnaHRcbiAgICAgIFtmb290ZXJBY3Rpb25zXT1cInRvb2xiYXJcIlxuICAgID48L2Rpdj5cbiAgPC9kaXY+IC0tPlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2R5bmFtaWNQYWdlPlxuICAgIDxic3UtZnVuZGFtZW50YWwtZHluYW1pYy1mb3JtXG4gICAgICAgIFtzdHlsZS5wb3NpdGlvbl09XCIobWFzayQgfCBhc3luYykgPyAncmVsYXRpdmUnIDogbnVsbFwiXG4gICAgICAgIFtjYW5TZW5kXT1cIihjYW5TZW5kJCB8IGFzeW5jKSA9PT0gdHJ1ZVwiXG4gICAgICAgIFtyZW1vdmVDb250ZW50UGFkZGluZ109XCIoaGVhZGVyUmVtb3ZlQ29udGVudFBhZGRpbmckIHwgYXN5bmMpISFcIlxuICAgICAgICBbYnJlYWRDcnVtYnNdPVwiYnJlYWRDcnVtYnMkIHwgYXN5bmNcIlxuICAgICAgICBbZGVzY3JpcHRpb25dPVwiKGhlYWRlckRlc2NyaXB0aW9uJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2hpZGVDbG9zZV09XCIoaGlkZUNsb3NlJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2hpZGVUaXRsZV09XCIoaGlkZVRpdGxlJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2hpZGVQaW5dPVwiKGhpZGVQaW4kIHwgYXN5bmMpISFcIlxuICAgICAgICBbdGl0bGVdPVwiKHRpdGxlJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW3N1YnRpdGxlXT1cIihoZWFkZXJTdWJ0aXRsZSQgfCBhc3luYykhIVwiXG4gICAgICAgIFt0b29sYmFySXRlbXNdPVwidG9vbGJhckl0ZW1zJCB8IGFzeW5jIHwgdGxiQnV0dG9uczogJ2luRm9vdGVyJzpmYWxzZVwiXG4gICAgICAgIFtsYXlvdXRBY3Rpb25zXT1cInRvb2xiYXJJdGVtcyQgfCBhc3luYyB8IHRsYkJ1dHRvbnM6ICdpbkZvb3Rlcic6dHJ1ZVwiXG4gICAgICAgIFt0b29sYmFyVmlzaWJsZV09XCIodG9vbGJhclZpc2libGUkIHwgYXN5bmMpISFcIlxuICAgICAgICBbZmFjZXRMaXN0XT1cIihoZWFkZXJMYXlvdXQkIHwgYXN5bmMpPy5GYWNldExpc3QyXCJcbiAgICAgICAgW3BhcmFtZXRlcnNdPVwicGFyYW1ldGVyc1wiXG4gICAgICAgIFt3b3JrZmxvd1BhbmVsVWldPVwid29ya2Zsb3dQYW5lbFVpJCB8IGFzeW5jXCJcbiAgICAgICAgW2lzTW9iaWxlXT1cImlzTW9iaWxlXCJcbiAgICAgICAgW2xheW91dDk0XT1cImxheW91dDk0JCB8IGFzeW5jXCJcbiAgICAgICAgW3J0bF09XCIocnRsJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW21hc2tdPVwiKG1hc2skIHwgYXN5bmMpISFcIlxuICAgICAgICBbbW9dPVwiKG1vJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2RpclZhbHVlXT1cIihkaXJWYWx1ZSQgfCBhc3luYykhIVwiXG4gICAgICAgIFtkZXZpY2VTaXplXT1cIihkZXZpY2VTaXplJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2NvbnRlbnREZW5zaXR5XT1cIihjb250ZW50RGVuc2l0eSQgfCBhc3luYykhIVwiXG4gICAgICAgIFttb2Rlcm5UYWJzXT1cIihtb2Rlcm5UYWJzJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2F2YXRhcl09XCIoYXZhdGFyJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2ZpZWxkRGljdF09XCIoZmllbGREaWN0JCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2xhbmRzY2FwZV09XCIobGFuZHNjYXBlJCB8IGFzeW5jKSA9PT0gdHJ1ZVwiXG4gICAgICAgIFtzdGFuZGFsb25lXT1cIihzdGFuZGFsb25lJCB8IGFzeW5jKSA9PT0gdHJ1ZVwiXG4gICAgICAgIChjbG9zZSk9XCJvbkNsb3NlKClcIlxuICAgICAgICAodG9vbGJhckNsaWNrKT1cIm9uVG9vbGJhckNsaWNrKCRldmVudClcIlxuICAgICAgICBbY29udGVudElzUGFnZV09XCJwYXJhbWV0ZXJzPy5Db250ZW50SXNQYWdlXCJcbiAgICAgICAgKHdvcmtmbG93Q2hvaWNlQ2xpY2spPVwib25Xb3JrZmxvd0Nob2ljZUNsaWNrKCRldmVudClcIlxuICAgID48L2JzdS1mdW5kYW1lbnRhbC1keW5hbWljLWZvcm0+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktZm9ybS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS1mb3JtLXBhbmVsL3VpLWZvcm0tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktZm9ybS1wYW5lbC91aS1mb3JtLXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFjLFdBQVcsRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJckgsT0FBTyxFQUNILGlCQUFpQixFQUdqQixnQkFBZ0IsRUFHbkIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVU5QixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsaUJBQWlCO0lBU3ZELFlBQ2Msa0JBQXFDLEVBQ3JDLGNBQTZCLEVBQzdCLE9BQWUsRUFDZixHQUFlLEVBQ2YsY0FBNkIsRUFDckIsaUJBQW1DLEVBQzNDLGVBQStCLEVBQy9CLElBQXVCLEVBQ3ZCLHNCQUE2QztRQUV2RCxLQUFLLENBQ0Qsa0JBQWtCLEVBQ2xCLGNBQWMsRUFDZCxPQUFPLEVBQ1AsR0FBRyxFQUNILGNBQWMsRUFDZCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLElBQUksQ0FDUCxDQUFDO1FBbkJRLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsbUJBQWMsR0FBZCxjQUFjLENBQWU7UUFDN0IsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUNmLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFDZixtQkFBYyxHQUFkLGNBQWMsQ0FBZTtRQUNyQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQWtCO1FBQzNDLG9CQUFlLEdBQWYsZUFBZSxDQUFnQjtRQUMvQixTQUFJLEdBQUosSUFBSSxDQUFtQjtRQUN2QiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXVCO1FBakIxQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQTZCL0MsSUFBSSxDQUFDLFlBQVksR0FBRyxrQkFBa0IsQ0FBQyxZQUFZLENBQUM7UUFDcEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxzQkFBc0IsQ0FBQyxjQUFjLENBQUM7UUFDN0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUMsV0FBVyxDQUFDO1FBQzlDLElBQUksQ0FBQyxTQUFTLEdBQUcsY0FBYyxDQUFDLFNBQVMsQ0FBQztRQUMxQyxJQUFJLENBQUMsSUFBSSxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDO1FBRWhELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxFQUFFLFlBQVksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzdGLENBQUM7O2lIQXRDUSxvQkFBb0I7cUdBQXBCLG9CQUFvQiwrR0FGbEIsQ0FBQyxnQkFBZ0IsQ0FBQyxpRENuQmpDLDh2R0E4RUE7MkZEekRhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGdCQUFnQixDQUFDOzswQkFpQnhCLElBQUk7NklBZHdCLFlBQVk7c0JBQTVDLFdBQVc7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQ29udGVudERlbnNpdHksIENvbnRlbnREZW5zaXR5U2VydmljZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZSc7XHJcblxyXG5pbXBvcnQge1xyXG4gICAgRm9ybUJhc2VDb21wb25lbnQsXHJcbiAgICBQb3J0YWxTZXJ2aWNlLFxyXG4gICAgQnJlYWRDcnVtYkluZm8sXHJcbiAgICBGb3JtUGFuZWxTZXJ2aWNlLFxyXG4gICAgQnJlYWRjcnVtYlNlcnZpY2UsXHJcbiAgICBDb250cm9sVWlQaXBlXHJcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktZm9ybS1wYW5lbCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktZm9ybS1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91aS1mb3JtLXBhbmVsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHByb3ZpZGVyczogW0Zvcm1QYW5lbFNlcnZpY2VdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaUZvcm1QYW5lbENvbXBvbmVudCBleHRlbmRzIEZvcm1CYXNlQ29tcG9uZW50IHtcclxuICAgIEBIb3N0QmluZGluZygnYXR0ci50eXBlRGVmTmFtZScpIF90eXBlRGVmTmFtZSA9ICcnO1xyXG4gICAgYnJlYWRDcnVtYnMkOiBPYnNlcnZhYmxlPEJyZWFkQ3J1bWJJbmZvW10+O1xyXG4gICAgY29udGVudERlbnNpdHkkOiBPYnNlcnZhYmxlPENvbnRlbnREZW5zaXR5PjtcclxuICAgIGRldmljZVNpemUkOiBPYnNlcnZhYmxlPCdzJyB8ICdtJyB8ICdsJyB8ICd4bCc+O1xyXG4gICAgZGlyVmFsdWUkOiBPYnNlcnZhYmxlPCdydGwnIHwgJ2x0cic+O1xyXG4gICAgcnRsJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcclxuICAgIGNhblNlbmQkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByb3RlY3RlZCBfYnJlYWRjcnVtYlNlcnZpY2U6IEJyZWFkY3J1bWJTZXJ2aWNlLFxyXG4gICAgICAgIHByb3RlY3RlZCBfcG9ydGFsU2VydmljZTogUG9ydGFsU2VydmljZSxcclxuICAgICAgICBwcm90ZWN0ZWQgX3JvdXRlcjogUm91dGVyLFxyXG4gICAgICAgIHByb3RlY3RlZCBfZWw6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgcHJvdGVjdGVkIF9jb250cm9sVWlQaXBlOiBDb250cm9sVWlQaXBlLFxyXG4gICAgICAgIEBTZWxmKCkgcHJvdGVjdGVkIF9mb3JtUGFuZWxTZXJ2aWNlOiBGb3JtUGFuZWxTZXJ2aWNlLFxyXG4gICAgICAgIHByb3RlY3RlZCBfYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgICAgIHByb3RlY3RlZCBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICAgICBwcm90ZWN0ZWQgX2NvbnRlbnREZW5zaXR5U2VydmljZTogQ29udGVudERlbnNpdHlTZXJ2aWNlXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihcclxuICAgICAgICAgICAgX2JyZWFkY3J1bWJTZXJ2aWNlLFxyXG4gICAgICAgICAgICBfcG9ydGFsU2VydmljZSxcclxuICAgICAgICAgICAgX3JvdXRlcixcclxuICAgICAgICAgICAgX2VsLFxyXG4gICAgICAgICAgICBfY29udHJvbFVpUGlwZSxcclxuICAgICAgICAgICAgX2Zvcm1QYW5lbFNlcnZpY2UsXHJcbiAgICAgICAgICAgIF9hY3RpdmF0ZWRSb3V0ZSxcclxuICAgICAgICAgICAgX2NkclxyXG4gICAgICAgICk7XHJcbiAgICAgICAgdGhpcy5icmVhZENydW1icyQgPSBfYnJlYWRjcnVtYlNlcnZpY2UuYnJlYWRjcnVtYnMkO1xyXG4gICAgICAgIHRoaXMuY29udGVudERlbnNpdHkkID0gX2NvbnRlbnREZW5zaXR5U2VydmljZS5jb250ZW50RGVuc2l0eTtcclxuICAgICAgICB0aGlzLmRldmljZVNpemUkID0gX3BvcnRhbFNlcnZpY2UuZGV2aWNlU2l6ZSQ7XHJcbiAgICAgICAgdGhpcy5kaXJWYWx1ZSQgPSBfcG9ydGFsU2VydmljZS5kaXJWYWx1ZSQ7XHJcbiAgICAgICAgdGhpcy5ydGwkID0gX3BvcnRhbFNlcnZpY2UucnRsJDtcclxuICAgICAgICB0aGlzLmNhblNlbmQkID0gdGhpcy5fZm9ybVBhbmVsU2VydmljZS5jYW5TZW5kJDtcclxuXHJcbiAgICAgICAgdGhpcy5fZm9ybVBhbmVsU2VydmljZS5tbyQuc3Vic2NyaWJlKChjKSA9PiAodGhpcy5fdHlwZURlZk5hbWUgPSBjPy4kVHlwZURlZk5hbWUgPz8gJycpKTtcclxuICAgIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaXNTZWFyY2hQYW5lbCB8fCAoaXNTaW1wbGUkIHwgYXN5bmMpIHx8IGlzU3ViRm9ybSB8fCBpc01vZGFsIHx8IGlzRm9ybVJlcG9ydDsgZWxzZSBkeW5hbWljUGFnZVwiPlxuICAgIDxic3UtbWFzayAqbmdJZj1cIm1hc2skIHwgYXN5bmNcIj4gPC9ic3UtbWFzaz5cbiAgICA8ZGl2IHN0eWxlPVwibWluLWhlaWdodDogMTAwJVwiPlxuICAgICAgICA8YnN1LWx5LWxheW91dC1jb250YWluZXItb2Ytcm9vdFxuICAgICAgICAgICAgW2NvbmZpZ109XCJsYXlvdXQ5NCQgfCBhc3luY1wiXG4gICAgICAgICAgICBbaXNQYW5lbF09XCJmYWxzZVwiXG4gICAgICAgICAgICBbaXNSb290XT1cInRydWVcIlxuICAgICAgICA+PC9ic3UtbHktbGF5b3V0LWNvbnRhaW5lci1vZi1yb290PlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwid29ya2Zsb3dCdXR0b25zJCB8IGFzeW5jIGFzIHdvcmtmbG93QnV0dG9uc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndvcmtmbG93LWJ1dHRvbnNcIiAqbmdJZj1cIndvcmtmbG93QnV0dG9ucy5sZW5ndGhcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPVwiZmxleC1ncm93OiAxXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPGJzdS1sYXlvdXQtYWN0aW9uc1xuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGNvbHVtbi1nYXA6IDFyZW1cIlxuICAgICAgICAgICAgICAgICAgICBbc2ltcGxlXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICBbYnV0dG9uc109XCJbXVwiXG4gICAgICAgICAgICAgICAgICAgIFt3b3JrZmxvd0J1dHRvbnNdPVwid29ya2Zsb3dCdXR0b25zXCJcbiAgICAgICAgICAgICAgICAgICAgKHRvb2xDbGljayk9XCJvblRvb2xiYXJDbGljaygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9ic3UtbGF5b3V0LWFjdGlvbnM+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPCEtLSA8ZGl2IGZkLWJhciBiYXJEZXNpZ249XCJmbG9hdGluZy1mb290ZXJcIj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImNvbnRleHQuV29ya2Zsb3dQYW5lbFVpXCJcbiAgICAgIGZkLWJhci1yaWdodFxuICAgICAgW2Zvb3RlckFjdGlvbnNdPVwiY29udGV4dC5Xb3JrZmxvd1BhbmVsVWlcIlxuICAgID48L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIlxuICAgICAgICAhY29udGV4dC5Xb3JrZmxvd1BhbmVsVWkgJiZcbiAgICAgICAgc2hvd1Rvb2xiYXIgJiZcbiAgICAgICAgXG4gICAgICAgIHRvb2xiYXIuaXRlbXMubGVuZ3RoID4gMFxuICAgICAgXCJcbiAgICAgIGZkLWJhci1yaWdodFxuICAgICAgW2Zvb3RlckFjdGlvbnNdPVwidG9vbGJhclwiXG4gICAgPjwvZGl2PlxuICA8L2Rpdj4gLS0+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjZHluYW1pY1BhZ2U+XG4gICAgPGJzdS1mdW5kYW1lbnRhbC1keW5hbWljLWZvcm1cbiAgICAgICAgW3N0eWxlLnBvc2l0aW9uXT1cIihtYXNrJCB8IGFzeW5jKSA/ICdyZWxhdGl2ZScgOiBudWxsXCJcbiAgICAgICAgW2NhblNlbmRdPVwiKGNhblNlbmQkIHwgYXN5bmMpID09PSB0cnVlXCJcbiAgICAgICAgW2Zvcm1WaXNpYmlsaXR5U3RhdHVzXT1cImZvcm1WaXNpYmlsaXR5U3RhdHVzXCJcbiAgICAgICAgW3JlbW92ZUNvbnRlbnRQYWRkaW5nXT1cIihoZWFkZXJSZW1vdmVDb250ZW50UGFkZGluZyQgfCBhc3luYykhIVwiXG4gICAgICAgIFticmVhZENydW1ic109XCJicmVhZENydW1icyQgfCBhc3luY1wiXG4gICAgICAgIFtkZXNjcmlwdGlvbl09XCIoaGVhZGVyRGVzY3JpcHRpb24kIHwgYXN5bmMpISFcIlxuICAgICAgICBbaGlkZUNsb3NlXT1cIihoaWRlQ2xvc2UkIHwgYXN5bmMpISFcIlxuICAgICAgICBbaGlkZVRpdGxlXT1cIihoaWRlVGl0bGUkIHwgYXN5bmMpISFcIlxuICAgICAgICBbaGlkZVBpbl09XCIoaGlkZVBpbiQgfCBhc3luYykhIVwiXG4gICAgICAgIFt0aXRsZV09XCIodGl0bGUkIHwgYXN5bmMpISFcIlxuICAgICAgICBbc3VidGl0bGVdPVwiKGhlYWRlclN1YnRpdGxlJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW3Rvb2xiYXJJdGVtc109XCJ0b29sYmFySXRlbXMkIHwgYXN5bmMgfCB0bGJCdXR0b25zOiAnaW5Gb290ZXInOmZhbHNlXCJcbiAgICAgICAgW2xheW91dEFjdGlvbnNdPVwidG9vbGJhckl0ZW1zJCB8IGFzeW5jIHwgdGxiQnV0dG9uczogJ2luRm9vdGVyJzp0cnVlXCJcbiAgICAgICAgW3Rvb2xiYXJWaXNpYmxlXT1cIih0b29sYmFyVmlzaWJsZSQgfCBhc3luYykhIVwiXG4gICAgICAgIFtmYWNldExpc3RdPVwiKGhlYWRlckxheW91dCQgfCBhc3luYyk/LkZhY2V0TGlzdDJcIlxuICAgICAgICBbcGFyYW1ldGVyc109XCJwYXJhbWV0ZXJzXCJcbiAgICAgICAgW3dvcmtmbG93UGFuZWxVaV09XCJ3b3JrZmxvd1BhbmVsVWkkIHwgYXN5bmNcIlxuICAgICAgICBbaXNNb2JpbGVdPVwiaXNNb2JpbGVcIlxuICAgICAgICBbbGF5b3V0OTRdPVwibGF5b3V0OTQkIHwgYXN5bmNcIlxuICAgICAgICBbcnRsXT1cIihydGwkIHwgYXN5bmMpISFcIlxuICAgICAgICBbbWFza109XCIobWFzayQgfCBhc3luYykhIVwiXG4gICAgICAgIFttb109XCIobW8kIHwgYXN5bmMpISFcIlxuICAgICAgICBbZGlyVmFsdWVdPVwiKGRpclZhbHVlJCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW2RldmljZVNpemVdPVwiKGRldmljZVNpemUkIHwgYXN5bmMpISFcIlxuICAgICAgICBbY29udGVudERlbnNpdHldPVwiKGNvbnRlbnREZW5zaXR5JCB8IGFzeW5jKSEhXCJcbiAgICAgICAgW21vZGVyblRhYnNdPVwiKG1vZGVyblRhYnMkIHwgYXN5bmMpISFcIlxuICAgICAgICBbYXZhdGFyXT1cIihhdmF0YXIkIHwgYXN5bmMpISFcIlxuICAgICAgICBbZmllbGREaWN0XT1cIihmaWVsZERpY3QkIHwgYXN5bmMpISFcIlxuICAgICAgICBbbGFuZHNjYXBlXT1cIihsYW5kc2NhcGUkIHwgYXN5bmMpID09PSB0cnVlXCJcbiAgICAgICAgW3N0YW5kYWxvbmVdPVwiKHN0YW5kYWxvbmUkIHwgYXN5bmMpID09PSB0cnVlXCJcbiAgICAgICAgKGNsb3NlKT1cIm9uQ2xvc2UoKVwiXG4gICAgICAgICh0b29sYmFyQ2xpY2spPVwib25Ub29sYmFyQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtjb250ZW50SXNQYWdlXT1cInBhcmFtZXRlcnM/LkNvbnRlbnRJc1BhZ2VcIlxuICAgICAgICAod29ya2Zsb3dDaG9pY2VDbGljayk9XCJvbldvcmtmbG93Q2hvaWNlQ2xpY2soJGV2ZW50KVwiXG4gICAgPjwvYnN1LWZ1bmRhbWVudGFsLWR5bmFtaWMtZm9ybT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/fesm2015/barsa-sap-ui.mjs

@@ -7399,6 +7399,16 @@ class FundamentalDynamicFormComponent extends BaseComponent {
             }
         }
     }
+    ngOnChanges(changes) {
+        var _a, _b;
+        const { formVisibilityStatus } = changes;
+        if (formVisibilityStatus &&
+            !formVisibilityStatus.firstChange &&
+            formVisibilityStatus.currentValue === 'Visible') {
+            (_a = this._dynamicPageComponent) === null || _a === void 0 ? void 0 : _a.refreshSize();
+            (_b = this._toolbarComponent) === null || _b === void 0 ? void 0 : _b.updateCollapsibleItems();
+        }
+    }
     onToolbarClick(btn, menu = null) {
         if (menu) {
             menu.close();
@@ -7417,13 +7427,16 @@ class FundamentalDynamicFormComponent extends BaseComponent {
     onDynamicComponentEvents(e) { }
 }
 FundamentalDynamicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FundamentalDynamicFormComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FundamentalDynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", rtl: "rtl", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-breadcrumb>\n            <ng-container *ngIf=\"breadCrumbs\">\n                <ng-container\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\n                >\n                    <fd-breadcrumb-item>\n                        <bsu-breadcrumb\n                            [index]=\"i\"\n                            [isLast]=\"last\"\n                            [breadCrumb]=\"breadCrumb\"\n                            [allBreadCrumb]=\"breadCrumbs\"\n                        ></bsu-breadcrumb>\n                    </fd-breadcrumb-item>\n                </ng-container>\n            </ng-container>\n        </fd-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            <fd-toolbar\n                *ngIf=\"toolbarVisible\"\n                fdType=\"transparent\"\n                [clearBorder]=\"true\"\n                [shouldOverflow]=\"deviceSize === 's'\"\n                [class.firefox]=\"isFirefox\"\n            >\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\n                    <fd-toolbar-separator\n                        [attr.i]=\"i\"\n                        [attr.last]=\"last\"\n                        [attr.first]=\"first\"\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n                    ></fd-toolbar-separator>\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n                        <fd-split-button\n                            [dir]=\"dirValue\"\n                            fd-toolbar-item\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                            (click)=\"menu.open()\"\n                        >\n                            <fd-menu #menu>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            position=\"before\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </fd-split-button>\n                    </ng-container>\n                    <ng-template #simpleButton>\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                                    context: { $implicit: btn }\n                                \"\n                            ></ng-container>\n                            <ng-template #btnTemplate let-btn>\n                                <button\n                                    fd-toolbar-item\n                                    fd-button\n                                    [disabled]=\"btn.disabled\"\n                                    [attr.fdOverflowPriority]=\"\n                                        btn.isBuiltin\n                                            ? btn.priority\n                                            : deviceSize === 's' && btn.priority === 'low'\n                                            ? 'always'\n                                            : 'high'\n                                    \"\n                                    [fdType]=\"\n                                        btn.isWorkflow\n                                            ? 'positive'\n                                            : btn.design\n                                            ? btn.design\n                                            : btn.Data?.JsonExtraProp?.Design\n                                    \"\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                                    (click)=\"onToolbarClick(btn)\"\n                                >\n                                    <img\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                        width=\"16\"\n                                        [src]=\"btn.icon\"\n                                    />\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                                </button>\n                            </ng-template>\n                            <ng-template #dynamicBtnTemplate let-btn>\n                                <bnrc-dynamic-form-toolbaritem\n                                    fd-toolbar-item\n                                    [component]=\"btn.Data.CustomUi\"\n                                    [context]=\"btn\"\n                                    [isEnable]=\"btn.Command?._isEnable\"\n                                    (btnClick)=\"onToolbarClick(btn)\"\n                                ></bnrc-dynamic-form-toolbaritem>\n                            </ng-template>\n                        </ng-container>\n                        <!-- <button\n                            *ngIf=\"!(btn === '-' || btn.text === '-')\"\n                            fd-toolbar-item\n                            fd-button\n                            [buttonType]=\"\n                                btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                            \"\n                            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                            (click)=\"onToolbarClick(btn)\"\n                        >\n                            <img\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                width=\"16\"\n                                [src]=\"btn.icon\"\n                            />\n                            <span>{{ btn.text }}</span>\n                        </button> -->\n                    </ng-template>\n                </ng-container>\n            </fd-toolbar>\n            <!-- <bsu-ui-form-panel-toolbar\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\n        [size]=\"size\"\n        [deviceSize]=\"deviceSize$ | async\"\n        [visible]=\"toolbarVisible\"\n        (toolClick)=\"onToolbarClick($event)\"\n      ></bsu-ui-form-panel-toolbar> -->\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                    <i class=\"sap-icon--decline\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    <fd-dynamic-page-subheader\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                ></fd-avatar>\n                <!-- <div\n                    class=\"fd-avatar fd-avatar--circle\"\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                >\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            <fd-facet\n                *ngFor=\"let facet of facetList\"\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                <span\n                    *ngIf=\"\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\n                        else dynamicComponentTpl\n                    \"\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                <ng-template #dynamicComponentTpl>\n                    <bnrc-dynamic-component\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                        [component]=\"facet.mo.Component\"\n                        [value]=\"facet.mo.Text\"\n                    ></bnrc-dynamic-component>\n                </ng-template>\n                <fd-object-number\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.Decimal | facetValue\"\n                ></fd-object-number>\n\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                        style=\"width: 10rem\"\n                        [valueState]=\"facet.mo.State\"\n                        [value]=\"getNumber(facet.mo.Value)\"\n                    ></ui5-progress-indicator> -->\n                </div>\n                <div *ngIf=\"facet.type === 'microcharts'\">\n                    <label wrap>in progress ...</label>\n                </div>\n            </fd-facet>\n        </fd-facet-group>\n        <span *ngIf=\"description\">{{ description }}</span>\n    </fd-dynamic-page-subheader>\n\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\n            <fd-dynamic-page-content [id]=\"tab.id\">\n                <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    <ng-template #renderLayout>\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\n            <!-- <bsu-ly-layout-container-of-root\n            [config]=\"layout94\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root> -->\n            <ng-container\n                *ngTemplateOutlet=\"\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                    context: {\n                        $implicit: parameters?.LayoutComponent,\n                        layout94: layout94\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n    </ng-template>\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"onToolbarClick($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n<ng-container *ngIf=\"contentIsPage\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderLayoutComponent;\n            context: {\n                $implicit: parameters?.LayoutComponent,\n                layout94: layout94\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i4$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$2.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$2.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i7$6.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i7$6.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i7$6.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i7$6.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i7$6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i7$6.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i7$9.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "id", "alignEnd"] }, { kind: "component", type: i7$9.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$9.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i9.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i9.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i9.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i9.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i5$4.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i4$3.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i15.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i15.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i16.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "moreLabel", "lessLabel", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i18.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FundamentalDynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", rtl: "rtl", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-breadcrumb>\n            <ng-container *ngIf=\"breadCrumbs\">\n                <ng-container\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\n                >\n                    <fd-breadcrumb-item>\n                        <bsu-breadcrumb\n                            [index]=\"i\"\n                            [isLast]=\"last\"\n                            [breadCrumb]=\"breadCrumb\"\n                            [allBreadCrumb]=\"breadCrumbs\"\n                        ></bsu-breadcrumb>\n                    </fd-breadcrumb-item>\n                </ng-container>\n            </ng-container>\n        </fd-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            <fd-toolbar\n                *ngIf=\"toolbarVisible\"\n                #formToolbar\n                fdType=\"transparent\"\n                [clearBorder]=\"true\"\n                [shouldOverflow]=\"deviceSize === 's'\"\n                [class.firefox]=\"isFirefox\"\n            >\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\n                    <fd-toolbar-separator\n                        [attr.i]=\"i\"\n                        [attr.last]=\"last\"\n                        [attr.first]=\"first\"\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n                    ></fd-toolbar-separator>\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n                        <fd-split-button\n                            [dir]=\"dirValue\"\n                            fd-toolbar-item\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                            (click)=\"menu.open()\"\n                        >\n                            <fd-menu #menu>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            position=\"before\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </fd-split-button>\n                    </ng-container>\n                    <ng-template #simpleButton>\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                                    context: { $implicit: btn }\n                                \"\n                            ></ng-container>\n                            <ng-template #btnTemplate let-btn>\n                                <button\n                                    fd-toolbar-item\n                                    fd-button\n                                    [disabled]=\"btn.disabled\"\n                                    [attr.fdOverflowPriority]=\"\n                                        btn.isBuiltin\n                                            ? btn.priority\n                                            : deviceSize === 's' && btn.priority === 'low'\n                                            ? 'always'\n                                            : 'high'\n                                    \"\n                                    [fdType]=\"\n                                        btn.isWorkflow\n                                            ? 'positive'\n                                            : btn.design\n                                            ? btn.design\n                                            : btn.Data?.JsonExtraProp?.Design\n                                    \"\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                                    (click)=\"onToolbarClick(btn)\"\n                                >\n                                    <img\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                        width=\"16\"\n                                        [src]=\"btn.icon\"\n                                    />\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                                </button>\n                            </ng-template>\n                            <ng-template #dynamicBtnTemplate let-btn>\n                                <bnrc-dynamic-form-toolbaritem\n                                    fd-toolbar-item\n                                    [component]=\"btn.Data.CustomUi\"\n                                    [context]=\"btn\"\n                                    [isEnable]=\"btn.Command?._isEnable\"\n                                    (btnClick)=\"onToolbarClick(btn)\"\n                                ></bnrc-dynamic-form-toolbaritem>\n                            </ng-template>\n                        </ng-container>\n                        <!-- <button\n                            *ngIf=\"!(btn === '-' || btn.text === '-')\"\n                            fd-toolbar-item\n                            fd-button\n                            [buttonType]=\"\n                                btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                            \"\n                            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                            (click)=\"onToolbarClick(btn)\"\n                        >\n                            <img\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                width=\"16\"\n                                [src]=\"btn.icon\"\n                            />\n                            <span>{{ btn.text }}</span>\n                        </button> -->\n                    </ng-template>\n                </ng-container>\n            </fd-toolbar>\n            <!-- <bsu-ui-form-panel-toolbar\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\n        [size]=\"size\"\n        [deviceSize]=\"deviceSize$ | async\"\n        [visible]=\"toolbarVisible\"\n        (toolClick)=\"onToolbarClick($event)\"\n      ></bsu-ui-form-panel-toolbar> -->\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                    <i class=\"sap-icon--decline\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    <fd-dynamic-page-subheader\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                ></fd-avatar>\n                <!-- <div\n                    class=\"fd-avatar fd-avatar--circle\"\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                >\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            <fd-facet\n                *ngFor=\"let facet of facetList\"\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                <span\n                    *ngIf=\"\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\n                        else dynamicComponentTpl\n                    \"\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                <ng-template #dynamicComponentTpl>\n                    <bnrc-dynamic-component\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                        [component]=\"facet.mo.Component\"\n                        [value]=\"facet.mo.Text\"\n                    ></bnrc-dynamic-component>\n                </ng-template>\n                <fd-object-number\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.Decimal | facetValue\"\n                ></fd-object-number>\n\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                        style=\"width: 10rem\"\n                        [valueState]=\"facet.mo.State\"\n                        [value]=\"getNumber(facet.mo.Value)\"\n                    ></ui5-progress-indicator> -->\n                </div>\n                <div *ngIf=\"facet.type === 'microcharts'\">\n                    <label wrap>in progress ...</label>\n                </div>\n            </fd-facet>\n        </fd-facet-group>\n        <span *ngIf=\"description\">{{ description }}</span>\n    </fd-dynamic-page-subheader>\n\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\n            <fd-dynamic-page-content [id]=\"tab.id\">\n                <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    <ng-template #renderLayout>\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\n            <!-- <bsu-ly-layout-container-of-root\n            [config]=\"layout94\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root> -->\n            <ng-container\n                *ngTemplateOutlet=\"\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                    context: {\n                        $implicit: parameters?.LayoutComponent,\n                        layout94: layout94\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n    </ng-template>\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"onToolbarClick($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n<ng-container *ngIf=\"contentIsPage\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderLayoutComponent;\n            context: {\n                $implicit: parameters?.LayoutComponent,\n                layout94: layout94\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i4$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$2.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$2.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i7$6.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i7$6.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i7$6.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i7$6.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i7$6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i7$6.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i7$9.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "id", "alignEnd"] }, { kind: "component", type: i7$9.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$9.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i9.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i9.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i9.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i9.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i5$4.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i4$3.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i15.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i15.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i16.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "moreLabel", "lessLabel", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i18.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FundamentalDynamicFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-breadcrumb>\n            <ng-container *ngIf=\"breadCrumbs\">\n                <ng-container\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\n                >\n                    <fd-breadcrumb-item>\n                        <bsu-breadcrumb\n                            [index]=\"i\"\n                            [isLast]=\"last\"\n                            [breadCrumb]=\"breadCrumb\"\n                            [allBreadCrumb]=\"breadCrumbs\"\n                        ></bsu-breadcrumb>\n                    </fd-breadcrumb-item>\n                </ng-container>\n            </ng-container>\n        </fd-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            <fd-toolbar\n                *ngIf=\"toolbarVisible\"\n                fdType=\"transparent\"\n                [clearBorder]=\"true\"\n                [shouldOverflow]=\"deviceSize === 's'\"\n                [class.firefox]=\"isFirefox\"\n            >\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\n                    <fd-toolbar-separator\n                        [attr.i]=\"i\"\n                        [attr.last]=\"last\"\n                        [attr.first]=\"first\"\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n                    ></fd-toolbar-separator>\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n                        <fd-split-button\n                            [dir]=\"dirValue\"\n                            fd-toolbar-item\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                            (click)=\"menu.open()\"\n                        >\n                            <fd-menu #menu>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            position=\"before\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </fd-split-button>\n                    </ng-container>\n                    <ng-template #simpleButton>\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                                    context: { $implicit: btn }\n                                \"\n                            ></ng-container>\n                            <ng-template #btnTemplate let-btn>\n                                <button\n                                    fd-toolbar-item\n                                    fd-button\n                                    [disabled]=\"btn.disabled\"\n                                    [attr.fdOverflowPriority]=\"\n                                        btn.isBuiltin\n                                            ? btn.priority\n                                            : deviceSize === 's' && btn.priority === 'low'\n                                            ? 'always'\n                                            : 'high'\n                                    \"\n                                    [fdType]=\"\n                                        btn.isWorkflow\n                                            ? 'positive'\n                                            : btn.design\n                                            ? btn.design\n                                            : btn.Data?.JsonExtraProp?.Design\n                                    \"\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                                    (click)=\"onToolbarClick(btn)\"\n                                >\n                                    <img\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                        width=\"16\"\n                                        [src]=\"btn.icon\"\n                                    />\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                                </button>\n                            </ng-template>\n                            <ng-template #dynamicBtnTemplate let-btn>\n                                <bnrc-dynamic-form-toolbaritem\n                                    fd-toolbar-item\n                                    [component]=\"btn.Data.CustomUi\"\n                                    [context]=\"btn\"\n                                    [isEnable]=\"btn.Command?._isEnable\"\n                                    (btnClick)=\"onToolbarClick(btn)\"\n                                ></bnrc-dynamic-form-toolbaritem>\n                            </ng-template>\n                        </ng-container>\n                        <!-- <button\n                            *ngIf=\"!(btn === '-' || btn.text === '-')\"\n                            fd-toolbar-item\n                            fd-button\n                            [buttonType]=\"\n                                btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                            \"\n                            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                            (click)=\"onToolbarClick(btn)\"\n                        >\n                            <img\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                width=\"16\"\n                                [src]=\"btn.icon\"\n                            />\n                            <span>{{ btn.text }}</span>\n                        </button> -->\n                    </ng-template>\n                </ng-container>\n            </fd-toolbar>\n            <!-- <bsu-ui-form-panel-toolbar\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\n        [size]=\"size\"\n        [deviceSize]=\"deviceSize$ | async\"\n        [visible]=\"toolbarVisible\"\n        (toolClick)=\"onToolbarClick($event)\"\n      ></bsu-ui-form-panel-toolbar> -->\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                    <i class=\"sap-icon--decline\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    <fd-dynamic-page-subheader\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                ></fd-avatar>\n                <!-- <div\n                    class=\"fd-avatar fd-avatar--circle\"\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                >\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            <fd-facet\n                *ngFor=\"let facet of facetList\"\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                <span\n                    *ngIf=\"\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\n                        else dynamicComponentTpl\n                    \"\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                <ng-template #dynamicComponentTpl>\n                    <bnrc-dynamic-component\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                        [component]=\"facet.mo.Component\"\n                        [value]=\"facet.mo.Text\"\n                    ></bnrc-dynamic-component>\n                </ng-template>\n                <fd-object-number\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.Decimal | facetValue\"\n                ></fd-object-number>\n\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                        style=\"width: 10rem\"\n                        [valueState]=\"facet.mo.State\"\n                        [value]=\"getNumber(facet.mo.Value)\"\n                    ></ui5-progress-indicator> -->\n                </div>\n                <div *ngIf=\"facet.type === 'microcharts'\">\n                    <label wrap>in progress ...</label>\n                </div>\n            </fd-facet>\n        </fd-facet-group>\n        <span *ngIf=\"description\">{{ description }}</span>\n    </fd-dynamic-page-subheader>\n\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\n            <fd-dynamic-page-content [id]=\"tab.id\">\n                <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    <ng-template #renderLayout>\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\n            <!-- <bsu-ly-layout-container-of-root\n            [config]=\"layout94\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root> -->\n            <ng-container\n                *ngTemplateOutlet=\"\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                    context: {\n                        $implicit: parameters?.LayoutComponent,\n                        layout94: layout94\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n    </ng-template>\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"onToolbarClick($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n<ng-container *ngIf=\"contentIsPage\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderLayoutComponent;\n            context: {\n                $implicit: parameters?.LayoutComponent,\n                layout94: layout94\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
+            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-breadcrumb>\n            <ng-container *ngIf=\"breadCrumbs\">\n                <ng-container\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\n                >\n                    <fd-breadcrumb-item>\n                        <bsu-breadcrumb\n                            [index]=\"i\"\n                            [isLast]=\"last\"\n                            [breadCrumb]=\"breadCrumb\"\n                            [allBreadCrumb]=\"breadCrumbs\"\n                        ></bsu-breadcrumb>\n                    </fd-breadcrumb-item>\n                </ng-container>\n            </ng-container>\n        </fd-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            <fd-toolbar\n                *ngIf=\"toolbarVisible\"\n                #formToolbar\n                fdType=\"transparent\"\n                [clearBorder]=\"true\"\n                [shouldOverflow]=\"deviceSize === 's'\"\n                [class.firefox]=\"isFirefox\"\n            >\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\n                    <fd-toolbar-separator\n                        [attr.i]=\"i\"\n                        [attr.last]=\"last\"\n                        [attr.first]=\"first\"\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n                    ></fd-toolbar-separator>\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n                        <fd-split-button\n                            [dir]=\"dirValue\"\n                            fd-toolbar-item\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                            (click)=\"menu.open()\"\n                        >\n                            <fd-menu #menu>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            position=\"before\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </fd-split-button>\n                    </ng-container>\n                    <ng-template #simpleButton>\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                                    context: { $implicit: btn }\n                                \"\n                            ></ng-container>\n                            <ng-template #btnTemplate let-btn>\n                                <button\n                                    fd-toolbar-item\n                                    fd-button\n                                    [disabled]=\"btn.disabled\"\n                                    [attr.fdOverflowPriority]=\"\n                                        btn.isBuiltin\n                                            ? btn.priority\n                                            : deviceSize === 's' && btn.priority === 'low'\n                                            ? 'always'\n                                            : 'high'\n                                    \"\n                                    [fdType]=\"\n                                        btn.isWorkflow\n                                            ? 'positive'\n                                            : btn.design\n                                            ? btn.design\n                                            : btn.Data?.JsonExtraProp?.Design\n                                    \"\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                                    (click)=\"onToolbarClick(btn)\"\n                                >\n                                    <img\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                        width=\"16\"\n                                        [src]=\"btn.icon\"\n                                    />\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                                </button>\n                            </ng-template>\n                            <ng-template #dynamicBtnTemplate let-btn>\n                                <bnrc-dynamic-form-toolbaritem\n                                    fd-toolbar-item\n                                    [component]=\"btn.Data.CustomUi\"\n                                    [context]=\"btn\"\n                                    [isEnable]=\"btn.Command?._isEnable\"\n                                    (btnClick)=\"onToolbarClick(btn)\"\n                                ></bnrc-dynamic-form-toolbaritem>\n                            </ng-template>\n                        </ng-container>\n                        <!-- <button\n                            *ngIf=\"!(btn === '-' || btn.text === '-')\"\n                            fd-toolbar-item\n                            fd-button\n                            [buttonType]=\"\n                                btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                            \"\n                            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                            (click)=\"onToolbarClick(btn)\"\n                        >\n                            <img\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                width=\"16\"\n                                [src]=\"btn.icon\"\n                            />\n                            <span>{{ btn.text }}</span>\n                        </button> -->\n                    </ng-template>\n                </ng-container>\n            </fd-toolbar>\n            <!-- <bsu-ui-form-panel-toolbar\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\n        [size]=\"size\"\n        [deviceSize]=\"deviceSize$ | async\"\n        [visible]=\"toolbarVisible\"\n        (toolClick)=\"onToolbarClick($event)\"\n      ></bsu-ui-form-panel-toolbar> -->\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                    <i class=\"sap-icon--decline\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    <fd-dynamic-page-subheader\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                ></fd-avatar>\n                <!-- <div\n                    class=\"fd-avatar fd-avatar--circle\"\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                >\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            <fd-facet\n                *ngFor=\"let facet of facetList\"\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                <span\n                    *ngIf=\"\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\n                        else dynamicComponentTpl\n                    \"\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                <ng-template #dynamicComponentTpl>\n                    <bnrc-dynamic-component\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                        [component]=\"facet.mo.Component\"\n                        [value]=\"facet.mo.Text\"\n                    ></bnrc-dynamic-component>\n                </ng-template>\n                <fd-object-number\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.Decimal | facetValue\"\n                ></fd-object-number>\n\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                        style=\"width: 10rem\"\n                        [valueState]=\"facet.mo.State\"\n                        [value]=\"getNumber(facet.mo.Value)\"\n                    ></ui5-progress-indicator> -->\n                </div>\n                <div *ngIf=\"facet.type === 'microcharts'\">\n                    <label wrap>in progress ...</label>\n                </div>\n            </fd-facet>\n        </fd-facet-group>\n        <span *ngIf=\"description\">{{ description }}</span>\n    </fd-dynamic-page-subheader>\n\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\n            <fd-dynamic-page-content [id]=\"tab.id\">\n                <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    <ng-template #renderLayout>\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\n            <!-- <bsu-ly-layout-container-of-root\n            [config]=\"layout94\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root> -->\n            <ng-container\n                *ngTemplateOutlet=\"\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                    context: {\n                        $implicit: parameters?.LayoutComponent,\n                        layout94: layout94\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n    </ng-template>\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"onToolbarClick($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n<ng-container *ngIf=\"contentIsPage\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderLayoutComponent;\n            context: {\n                $implicit: parameters?.LayoutComponent,\n                layout94: layout94\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent]
+            }], _toolbarComponent: [{
+                type: ViewChild,
+                args: ['formToolbar']
             }], toolbarClick: [{
                 type: Output
             }], workflowChoiceClick: [{
@@ -7492,6 +7505,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], modernTabs: [{
                 type: Input
+            }], formVisibilityStatus: [{
+                type: Input
             }], titleRef: [{
                 type: ViewChild,
                 args: ['titleRef', { read: ViewContainerRef }]
@@ -8913,10 +8928,10 @@ class UiFormPanelComponent extends FormBaseComponent {
     }
 }
 UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i2.PortalService }, { token: i2$4.Router }, { token: i0.ElementRef }, { token: i2.ControlUiPipe }, { token: i2.FormPanelService, self: true }, { token: i2$4.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component });
-UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i2.BreadcrumbService }, { type: i2.PortalService }, { type: i2$4.Router }, { type: i0.ElementRef }, { type: i2.ControlUiPipe }, { type: i2.FormPanelService, decorators: [{
                         type: Self
@@ -11160,7 +11175,7 @@ class BarsaSearchFormComponent extends UiFormPanelComponent {
     }
 }
 BarsaSearchFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSearchFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaSearchFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaSearchFormComponent, selector: "bsu-barsa-search-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bsu-fundamental-dynamic-form\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"layout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    (close)=\"onClose2()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n", styles: [""], dependencies: [{ kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaSearchFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaSearchFormComponent, selector: "bsu-barsa-search-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bsu-fundamental-dynamic-form\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"layout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    (close)=\"onClose2()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n", styles: [""], dependencies: [{ kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSearchFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-search-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<bsu-fundamental-dynamic-form\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"layout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    (close)=\"onClose2()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n" }]