@alfresco/adf-core 7.1.0-15303058550 → 8.0.0

package/lib/dialogs/confirm-dialog/confirm.dialog.d.ts

@@ -19,5 +19,5 @@ export declare class ConfirmDialogComponent {
     constructor(data: ConfirmDialogComponentProps, sanitizer: DomSanitizer);
     sanitizedHtmlContent(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "adf-confirm-dialog", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "adf-confirm-dialog", never, {}, {}, never, never, true, never>;
 }

package/lib/dialogs/confirm-dialog/confirm.dialog.module.d.ts

@@ -1,12 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./confirm.dialog";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@ngx-translate/core";
-import * as i5 from "@angular/material/dialog";
-import * as i6 from "@angular/material/button";
+/** @deprecated use `ConfirmDialogComponent` directly instead of importing this module */
 export declare class ConfirmDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogModule, [typeof i1.ConfirmDialogComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TranslateModule, typeof i5.MatDialogModule, typeof i6.MatButtonModule], [typeof i1.ConfirmDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogModule, never, [typeof i1.ConfirmDialogComponent], [typeof i1.ConfirmDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmDialogModule>;
 }

package/lib/dialogs/edit-json/edit-json.dialog.d.ts

@@ -29,5 +29,5 @@ export declare class EditJsonDialogComponent implements OnInit {
     constructor(settings: EditJsonDialogSettings);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditJsonDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditJsonDialogComponent, "ng-component", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditJsonDialogComponent, "ng-component", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/dialogs/edit-json/edit-json.dialog.module.d.ts

@@ -1,12 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./edit-json.dialog";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@ngx-translate/core";
-import * as i5 from "@angular/material/dialog";
-import * as i6 from "@angular/material/button";
 export declare class EditJsonDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EditJsonDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EditJsonDialogModule, [typeof i1.EditJsonDialogComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TranslateModule, typeof i5.MatDialogModule, typeof i6.MatButtonModule], [typeof i1.EditJsonDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditJsonDialogModule, never, [typeof i1.EditJsonDialogComponent], [typeof i1.EditJsonDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EditJsonDialogModule>;
 }

package/lib/dialogs/edit-json/edit-json.dialog.scss

@@ -1,7 +1,5 @@
-@import 'styles/mat-selectors';
-
 .adf-edit-json-dialog {
-    #{$mat-dialog-content} {
+    .adf-edit-json-dialog-content {
         height: 300px;
         overflow: hidden;
     }

package/lib/dynamic-chip-list/dynamic-chip-list.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../styles/mat-selectors' as ms;
 
 .adf-dynamic-chip-list-container {
     display: flex;
@@ -60,10 +60,10 @@
         margin-bottom: 0;
         padding: 6px 11px;
 
-        #{$mat-evolution-chip-action} {
+        #{ms.$mat-evolution-chip-action} {
             padding: 2px 12px;
 
-            #{$mat-evolution-chip-text-label} {
+            #{ms.$mat-evolution-chip-text-label} {
                 color: var(--adf-theme-foreground-text-color-054);
             }
         }

package/lib/form/components/form-base.component.d.ts

@@ -65,7 +65,6 @@ export declare abstract class FormBaseComponent {
      * Custom style that is backed by the form.theme.
      */
     formStyle: string;
-    get hasVisibleOutcomes(): boolean;
     get form(): FormModel;
     /** Underlying form model instance. */
     set form(form: FormModel);

package/lib/form/components/form-renderer.component.d.ts

@@ -8,8 +8,6 @@ export declare class FormRendererComponent<T> implements OnInit, OnDestroy {
     formService: FormService;
     private formRulesManager;
     private middlewareServices?;
-    /** Toggle debug options. */
-    showDebugButton: boolean;
     formDefinition: FormModel;
     readOnly: boolean;
     debugMode: boolean;
@@ -37,5 +35,5 @@ export declare class FormRendererComponent<T> implements OnInit, OnDestroy {
     getColumnWidth(container: ContainerModel): string;
     private runMiddlewareServices;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormRendererComponent<any>, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormRendererComponent<any>, "adf-form-renderer", never, { "showDebugButton": { "alias": "showDebugButton"; "required": false; }; "formDefinition": { "alias": "formDefinition"; "required": true; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormRendererComponent<any>, "adf-form-renderer", never, { "formDefinition": { "alias": "formDefinition"; "required": true; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form/components/form-renderer.component.scss

@@ -1,6 +1,6 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/flex';
-@import 'styles/mat-selectors';
+@use '../../styles/flex' as flex;
+@use '../../styles/mat-selectors' as ms;
 
 .adf-hidden {
     display: none;
@@ -13,24 +13,64 @@
     height: 100%;
 }
 
+.alfresco-tabs-widget {
+    width: 100%;
+
+    .adf-form-tab-content {
+        margin-top: 1em;
+    }
+
+    .adf-form-tab-group {
+        width: 100%;
+    }
+
+    #{ms.$mat-tab-body} {
+        margin-bottom: 8em;
+    
+        @include flex.layout-bp(lt-md) {
+            margin-bottom: 0em;
+        }
+    }
+
+    #{ms.$mat-tab-header} {
+        z-index: 2;
+        margin: 0;
+        background-color: white;
+        position: absolute;
+        width: 98%;
+        /* stylelint-disable-next-line declaration-no-important */
+        margin-left: 0 !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        margin-right: 10px !important;
+        top: 0;
+    }
+
+    #{ms.$mat-tab-body-wrapper} {
+        padding-top: 5%;
+    }
+}
+
+.mat-mdc-card-content:first-child {
+    padding-top: 1em;
+}
+
 .adf-container-widget {
     .adf-grid-list {
         display: grid;
 
         &-column-view {
-            @include layout-bp(lt-md) {
+            @include flex.layout-bp(lt-md) {
                 display: flow;
             }
 
             display: flex;
             margin-right: -1%;
+            width: 100%;
 
             &-item {
                 width: 100%;
                 flex-grow: 1;
                 box-sizing: border-box;
-                padding-left: 1%;
-                padding-right: 1%;
             }
         }
 
@@ -38,6 +78,8 @@
             display: flex;
             flex-direction: column;
             flex: 1 1 auto;
+            padding-right: 1%;
+            padding-left: 1%;
         }
 
         &-item {
@@ -47,7 +89,7 @@
         }
     }
 
-    @include layout-bp(lt-md) {
+    @include flex.layout-bp(lt-md) {
         .adf-grid-list-item {
             flex: 1 0 100%;
         }
@@ -56,11 +98,7 @@
             flex-direction: column;
         }
 
-        .adf-grid-list-single-column-xl {
-            display: none;
-        }
-
-        .adf-grid-list-single-column-s {
+        .adf-grid-list-single-column {
             display: block;
             /* stylelint-disable-next-line declaration-no-important */
             width: 90% !important;
@@ -75,10 +113,10 @@
         top: 1.8em;
     }
 
-    #{$mat-focused} {
+    #{ms.$mat-focused} {
         width: 100%;
 
-        #{$mat-text-field-focused} {
+        #{ms.$mat-text-field-focused} {
             label {
                 color: var(--theme-primary-color);
             }
@@ -89,12 +127,12 @@
             background-color: 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
         }
 
-        #{$mat-form-field-prefix} {
+        #{ms.$mat-form-field-prefix} {
             color: var(--theme-primary-color);
         }
     }
 
-    #{$mat-grid-tile} {
+    #{ms.$mat-grid-tile} {
         overflow: visible;
         width: 80%;
     }
@@ -110,17 +148,23 @@
         max-width: 100%;
         max-height: 100%;
 
-        & #{$mat-card} {
+        & #{ms.$mat-card} {
             padding: 16px 24px;
             overflow: hidden;
         }
 
-        & #{$mat-card-header-text} {
+        & #{ms.$mat-tab-header} {
+            position: fixed;
+            z-index: 1000;
+        }
+
+        & #{ms.$mat-card-header-text} {
             margin: 0;
         }
 
-        & #{$mat-tab-body-content} {
+        & #{ms.$mat-tab-body-content} {
             overflow: hidden;
+            padding-top: 0;
         }
 
         & #{mat-tab-label-text} {
@@ -132,13 +176,13 @@
             text-transform: uppercase;
         }
 
-        & #{$mat-tab-ink-bar} {
-            #{$mat-tab-indicator-underline} {
+        & #{ms.$mat-tab-ink-bar} {
+            #{ms.$mat-tab-indicator-underline} {
                 border-top-width: 4px;
             }
         }
 
-        & #{$mat-form-field-wrapper} {
+        & #{ms.$mat-form-field-wrapper} {
             margin: 0 12px 0 0;
         }
     }
@@ -150,19 +194,6 @@
         text-overflow: ellipsis;
     }
 
-    &-form-debug-container {
-        padding: 10px;
-    }
-
-    &-form-debug-container .adf-debug-toggle-text {
-        padding-left: 15px;
-        cursor: pointer;
-    }
-
-    &-form-debug-container .adf-debug-toggle-text:hover {
-        font-weight: bold;
-    }
-
     &-form-reload-button {
         position: absolute;
         right: 12px;
@@ -188,20 +219,11 @@
         text-align: center;
     }
 
-    &-label {
-        width: 32px;
-        height: 16px;
-        font-size: var(--theme-caption-font-size);
-        line-height: var(--theme-headline-line-height);
-        text-align: left;
-        white-space: nowrap;
-    }
-
     &-form-mat-card-actions {
         padding-bottom: 25px;
         padding-right: 25px;
 
-        & #{$mat-button} {
+        & #{ms.$mat-button} {
             height: 36px;
             border-radius: 5px;
             width: auto;
@@ -210,7 +232,7 @@
             white-space: nowrap;
         }
 
-        & #{$mat-button-label} {
+        & #{ms.$mat-button-label} {
             min-width: 58px;
         }
     }
@@ -223,7 +245,7 @@
         }
     }
 
-    &-left-label-input-container #{$mat-form-field-label} {
+    &-left-label-input-container #{ms.$mat-form-field-label} {
         top: auto;
         bottom: 0;
     }
@@ -237,9 +259,13 @@
 form-field {
     width: 100%;
 
-    #{$mat-input-element} {
+    #{ms.$mat-input-element} {
         font-size: var(--theme-body-2-font-size);
         padding-top: 8px;
         line-height: normal;
     }
 }
+
+.adf-error-messages-container {
+    min-height: 35px;
+}

package/lib/form/components/form-section/form-section.component.scss

@@ -2,8 +2,9 @@
     &-section {
         &-single-column {
             display: flex;
-            flex-wrap: wrap;
-            align-items: flex-start;
+            flex-wrap: inherit;
+            align-items: baseline;
+            gap: 1%;
         }
 
         &-column-view-item {
@@ -11,8 +12,6 @@
             display: flex;
             flex-grow: 1;
             box-sizing: border-box;
-            padding-left: 1%;
-            padding-right: 1%;
         }
     }
 }

package/lib/form/components/helpers/buttons-visibility.d.ts

@@ -0,0 +1,24 @@
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { FormOutcomeModel } from '../widgets';
+interface IsOutcomeButtonVisibleProps {
+    isFormReadOnly: boolean;
+    showCompleteButton: boolean;
+    showSaveButton: boolean;
+}
+export declare const isOutcomeButtonVisible: (outcome: FormOutcomeModel, props: IsOutcomeButtonVisibleProps) => boolean;
+export {};

package/lib/form/components/inplace-form-input/inplace-form-input.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use '../../../styles/mat-selectors' as ms;
 
 $adf-inplace-input-padding: 7px;
 
@@ -10,21 +10,21 @@ $adf-inplace-input-padding: 7px;
         }
     }
 
-    #{$mat-line-ripple} {
+    #{ms.$mat-line-ripple} {
         display: none;
     }
 
-    #{$mat-form-text-field-infix} {
+    #{ms.$mat-form-text-field-infix} {
         display: flex;
         border-top: 0;
     }
 
-    #{$mat-form-field-label} {
+    #{ms.$mat-form-field-label} {
         padding: $adf-inplace-input-padding;
     }
 
     .adf-inplace-input-mat-form-field {
-        width: 100%;
+        width: 98%;
     }
 
     .adf-inplace-input {

package/lib/form/components/widgets/amount/amount.widget.scss

@@ -1,30 +1,39 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use '../../../../styles/mat-selectors' as ms;
 
 .adf {
     &-amount-widget {
         width: 100%;
-        margin-top: 15px;
 
         .adf-left-label {
             line-height: 36px;
         }
+
+        &-container {
+            display: flex;
+            align-items: flex-start;
+            flex-direction: column;
+        }
     }
 
     &-amount-widget__input {
         margin-top: -15px;
 
-        #{$mat-focused} {
+        #{ms.$mat-focused} {
             transition: none;
         }
 
-        #{$mat-form-field-prefix} {
+        #{ms.$mat-form-field-prefix} {
             padding-top: 16px;
             padding-bottom: 16px;
             align-self: flex-end;
         }
 
-        &:not(#{$mat-focused}):not(#{$mat-form-field-invalid}) {
+        .adf-input {
+            margin-top: 3px;
+        }
+
+        &:not(#{ms.$mat-focused}):not(#{ms.$mat-form-field-invalid}) {
             .adf-amount-widget__prefix-spacing {
                 color: var(--adf-theme-foreground-secondary-text-color);
             }

package/lib/form/components/widgets/checkbox/checkbox.widget.scss

@@ -0,0 +1,11 @@
+.adf {
+    &-checkbox {
+        &-widget {
+            &-container {
+                display: flex;
+                align-items: flex-start;
+                flex-direction: column;
+            }
+        }
+    }
+}

package/lib/form/components/widgets/core/content-link.model.d.ts

@@ -30,6 +30,7 @@ export declare class ContentLinkModel {
     contentRawUrl: string;
     contentBlob: Blob;
     thumbnailStatus: string;
+    sourceId: string;
     constructor(obj?: any);
     hasPreviewStatus(): boolean;
     isTypeImage(): boolean;

package/lib/form/components/widgets/core/form.model.d.ts

@@ -130,6 +130,7 @@ export declare class FormModel implements ProcessFormModel {
     getFormFields(filterTypes?: string[]): FormFieldModel[];
     private processFields;
     private isContainerField;
+    private isFormField;
     private isSectionField;
     private handleSectionField;
     private handleContainerField;

package/lib/form/components/widgets/date/date.widget.scss

@@ -0,0 +1,9 @@
+.adf {
+    &-widget {
+        &-container {
+            display: flex;
+            align-items: flex-start;
+            flex-direction: column;
+        }
+    }
+}

package/lib/form/components/widgets/date-time/date-time.widget.scss

@@ -1,27 +1,33 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use '../../../../styles/mat-selectors' as ms;
 
 .adf {
     &-date-time-widget {
-        #{$mat-form-field-suffix} {
+        &-container {
+            display: flex;
+            align-items: flex-start;
+            flex-direction: column;
+        }
+
+        #{ms.$mat-form-field-suffix} {
             top: 26px;
         }
 
-        #{$mat-form-field-label} {
+        #{ms.$mat-form-field-label} {
             top: 20px;
         }
     }
 
     &-left-label-input-datepicker {
-        #{$mat-form-field-suffix} {
+        #{ms.$mat-form-field-suffix} {
             top: 0;
         }
-        #{$mat-form-text-field-infix} {
+        #{ms.$mat-form-text-field-infix} {
             width: 100%;
         }
     }
 }
 
-.mat-datetimepicker-toggle {
+#{ms.$mat-datetimepicker-toggle} {
     color: var(--adf-theme-foreground-icon-color);
 }

package/lib/form/components/widgets/decimal/decimal.component.scss

@@ -2,6 +2,12 @@
     &-decimal-widget {
         width: 100%;
 
+        &-container {
+            display: flex;
+            align-items: flex-start;
+            flex-direction: column;
+        }
+
         .adf-label {
             top: 20px;
         }

package/lib/form/components/widgets/form.theme.scss

@@ -1,5 +1,6 @@
 /* stylelint-disable no-descending-specificity */
-@import 'styles/mat-selectors';
+/* stylelint-disable declaration-no-important */
+@use '../../../styles/mat-selectors' as ms;
 
 ul > li > form-field > .adf-focus {
     .adf-label {
@@ -36,15 +37,15 @@ ul > li > form-field > .adf-focus {
     }
 
     &-invalid {
-        #{$mat-checkbox} {
+        #{ms.$mat-checkbox} {
             padding-bottom: 12px;
         }
 
-        #{$mat-line-ripple} {
+        #{ms.$mat-line-ripple} {
             background-color: var(--theme-warn-color) !important;
         }
 
-        #{$mat-select} {
+        #{ms.$mat-select} {
             &-arrow {
                 color: var(--adf-theme-foreground-secondary-text-color) !important;
             }
@@ -54,7 +55,7 @@ ul > li > form-field > .adf-focus {
             border-color: var(--theme-warn-color);
         }
 
-        #{$mat-form-field-prefix} {
+        #{ms.$mat-form-field-prefix} {
             color: var(--adf-theme-foreground-secondary-text-color);
         }
 
@@ -71,9 +72,9 @@ ul > li > form-field > .adf-focus {
 /* query for Microsoft IE 11 */
 @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
     adf-form-field {
-        #{$mat-input-element},
-        #{$mat-select},
-        #{$mat-form-field} {
+        #{ms.$mat-input-element},
+        #{ms.$mat-select},
+        #{ms.$mat-form-field} {
             display: block !important;
         }
     }

package/lib/form/components/widgets/hyperlink/hyperlink.widget.d.ts

@@ -1,3 +1,19 @@
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 import { OnInit } from '@angular/core';
 import { FormService } from '../../../services/form.service';
 import { FormFieldModel } from '../core';

package/lib/form/components/widgets/multiline-text/multiline-text.widget.scss

@@ -1,6 +1,9 @@
 .adf {
     &-multiline-text-widget {
         width: 100%;
+        display: flex;
+        align-items: flex-start;
+        flex-direction: column;
 
         .adf-label {
             top: 20px;

package/lib/form/components/widgets/number/number.widget.d.ts

@@ -9,6 +9,7 @@ export declare class NumberWidgetComponent extends WidgetComponent implements On
     displayValue: number;
     constructor(formService: FormService, decimalNumberPipe: DecimalNumberPipe);
     ngOnInit(): void;
+    protected onNumberChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberWidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NumberWidgetComponent, "number-widget", never, {}, {}, never, never, true, never>;
 }

package/lib/form/components/widgets/number/number.widget.scss

@@ -2,6 +2,12 @@
     &-number-widget {
         width: 100%;
 
+        &-container {
+            display: flex;
+            align-items: flex-start;
+            flex-direction: column;
+        }
+
         .adf-label {
             top: 20px;
         }