@alfresco/adf-process-services-cloud 6.8.0-8453428061 → 6.8.0-8468996462
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/form/components/form-cloud.component.mjs +2 -2
- package/fesm2015/adf-process-services-cloud.mjs +2 -2
- package/fesm2015/adf-process-services-cloud.mjs.map +1 -1
- package/fesm2020/adf-process-services-cloud.mjs +2 -2
- package/fesm2020/adf-process-services-cloud.mjs.map +1 -1
- package/lib/form/components/form-cloud.component.scss +1 -2
- package/package.json +4 -4
|
@@ -324,10 +324,10 @@ export class FormCloudComponent extends FormBaseComponent {
|
|
|
324
324
|
}
|
|
325
325
|
}
|
|
326
326
|
FormCloudComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormCloudComponent, deps: [{ token: i1.FormCloudService }, { token: i2.FormService }, { token: i3.MatDialog }, { token: i2.WidgetVisibilityService }, { token: i4.DisplayModeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
327
|
-
FormCloudComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: FormCloudComponent, selector: "adf-cloud-form", inputs: { appName: "appName", appVersion: "appVersion", formId: "formId", processInstanceId: "processInstanceId", form: "form", taskId: "taskId", data: "data", fieldValidators: "fieldValidators", displayModeConfigurations: "displayModeConfigurations" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formLoaded: "formLoaded", formDataRefreshed: "formDataRefreshed", formContentClicked: "formContentClicked", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow
|
|
327
|
+
FormCloudComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: FormCloudComponent, selector: "adf-cloud-form", inputs: { appName: "appName", appVersion: "appVersion", formId: "formId", processInstanceId: "processInstanceId", form: "form", taskId: "taskId", data: "data", fieldValidators: "fieldValidators", displayModeConfigurations: "displayModeConfigurations" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formLoaded: "formLoaded", formDataRefreshed: "formDataRefreshed", formContentClicked: "formContentClicked", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-actions{display:flex;justify-content:flex-end}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i7.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i7.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i2.ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: i2.ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: i2.FormRendererComponent, selector: "adf-form-renderer", inputs: ["showDebugButton", "formDefinition"] }, { kind: "directive", type: i10.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i5.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2.FormatSpacePipe, name: "formatSpace" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
|
|
328
328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormCloudComponent, decorators: [{
|
|
329
329
|
type: Component,
|
|
330
|
-
args: [{ selector: 'adf-cloud-form', template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow
|
|
330
|
+
args: [{ selector: 'adf-cloud-form', template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-actions{display:flex;justify-content:flex-end}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"] }]
|
|
331
331
|
}], ctorParameters: function () { return [{ type: i1.FormCloudService }, { type: i2.FormService }, { type: i3.MatDialog }, { type: i2.WidgetVisibilityService }, { type: i4.DisplayModeService }]; }, propDecorators: { appName: [{
|
|
332
332
|
type: Input
|
|
333
333
|
}], appVersion: [{
|
|
@@ -9035,10 +9035,10 @@ class FormCloudComponent extends FormBaseComponent {
|
|
|
9035
9035
|
}
|
|
9036
9036
|
}
|
|
9037
9037
|
FormCloudComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormCloudComponent, deps: [{ token: FormCloudService }, { token: i1$1.FormService }, { token: i2$2.MatDialog }, { token: i1$1.WidgetVisibilityService }, { token: DisplayModeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9038
|
-
FormCloudComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: FormCloudComponent, selector: "adf-cloud-form", inputs: { appName: "appName", appVersion: "appVersion", formId: "formId", processInstanceId: "processInstanceId", form: "form", taskId: "taskId", data: "data", fieldValidators: "fieldValidators", displayModeConfigurations: "displayModeConfigurations" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formLoaded: "formLoaded", formDataRefreshed: "formDataRefreshed", formContentClicked: "formContentClicked", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow
|
|
9038
|
+
FormCloudComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: FormCloudComponent, selector: "adf-cloud-form", inputs: { appName: "appName", appVersion: "appVersion", formId: "formId", processInstanceId: "processInstanceId", form: "form", taskId: "taskId", data: "data", fieldValidators: "fieldValidators", displayModeConfigurations: "displayModeConfigurations" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formLoaded: "formLoaded", formDataRefreshed: "formDataRefreshed", formContentClicked: "formContentClicked", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-actions{display:flex;justify-content:flex-end}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i1$1.ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: i1$1.ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: i1$1.FormRendererComponent, selector: "adf-form-renderer", inputs: ["showDebugButton", "formDefinition"] }, { kind: "directive", type: i10.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.FormatSpacePipe, name: "formatSpace" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
9039
9039
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormCloudComponent, decorators: [{
|
|
9040
9040
|
type: Component,
|
|
9041
|
-
args: [{ selector: 'adf-cloud-form', template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow
|
|
9041
|
+
args: [{ selector: 'adf-cloud-form', template: "<div *ngIf=\"!hasForm()\">\n <ng-content select=\"[empty-form]\">\n </ng-content>\n</div>\n\n<div *ngIf=\"hasForm()\" class=\"adf-cloud-form-container adf-cloud-form-{{displayMode?.toLowerCase() || 'inline'}}-container\">\n <div class=\"adf-cloud-form-content\"\n [cdkTrapFocus]=\"displayMode === 'fullScreen'\"\n cdkTrapFocusAutoCapture>\n\n <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayMode === 'fullScreen' && findDisplayConfiguration('fullScreen')?.options?.displayToolbar\">\n <div class=\"adf-cloud-form__form-title\">\n <span class=\"adf-cloud-form__display-name\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </div>\n\n <adf-toolbar-divider></adf-toolbar-divider>\n <button class=\"adf-cloud-form-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n [matTooltip]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"switchToDisplayMode()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar>\n\n <mat-card [class.adf-cloud-form-content-card]=\"displayMode === 'fullScreen'\">\n <div class=\"adf-cloud-form-content-card-container\">\n <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n <mat-card-title>\n <h4>\n <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n <i id=\"adf-valid-form-icon\" class=\"material-icons\"\n *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n <ng-template #no_valid_form>\n <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n </ng-template>\n </div>\n <div *ngIf=\"displayMode !== 'fullScreen' && findDisplayConfiguration('fullScreen')\" class=\"adf-cloud-form-fullscreen-button\">\n <button mat-icon-button (click)=\"switchToDisplayMode('fullScreen')\" [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n </div>\n <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [matTooltip]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n <mat-icon>refresh</mat-icon>\n </button>\n </div>\n <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [matTooltip]=\"form.taskName\">\n {{form.taskName}}\n <ng-container *ngIf=\"!form.taskName\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-form-container-card-content\">\n <adf-form-renderer [formDefinition]=\"form\">\n </adf-form-renderer>\n </mat-card-content>\n <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-form-mat-card-actions\">\n <ng-content select=\"adf-cloud-form-custom-outcomes\"></ng-content>\n <ng-container *ngFor=\"let outcome of form.outcomes\">\n <button *ngIf=\"outcome.isVisible\" [id]=\"'adf-form-'+ outcome.name | formatSpace\" [color]=\"getColorForOutcome(outcome.name)\"\n mat-button [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{outcome.name | translate | uppercase }}\n </button>\n </ng-container>\n </mat-card-actions>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding:0;height:100%;width:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card .adf-cloud-form-content-card-container mat-card-actions{display:flex;justify-content:flex-end}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"] }]
|
|
9042
9042
|
}], ctorParameters: function () { return [{ type: FormCloudService }, { type: i1$1.FormService }, { type: i2$2.MatDialog }, { type: i1$1.WidgetVisibilityService }, { type: DisplayModeService }]; }, propDecorators: { appName: [{
|
|
9043
9043
|
type: Input
|
|
9044
9044
|
}], appVersion: [{
|