@alfresco/adf-content-services 7.1.0-15303058550 → 8.0.1

package/lib/document-list/components/document-list.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/flex';
+@use '../../flex' as flex;
 
 .adf-document-list {
     min-height: 0;
@@ -143,7 +143,7 @@
         word-break: break-all;
         white-space: pre-line;
 
-        @include layout-bp(lt-sm) {
+        @include flex.layout-bp(lt-sm) {
             font-size: 48px;
         }
     }
@@ -165,12 +165,12 @@
         object-fit: contain;
         margin-top: 17px;
 
-        @include layout-bp(lt-sm) {
+        @include flex.layout-bp(lt-sm) {
             width: 250px;
         }
     }
 
-    @include layout-bp(lt-md) {
+    @include flex.layout-bp(lt-md) {
         &-drag-drop,
         &-any-files-here-to-add {
             display: none;

package/lib/flex.scss

@@ -0,0 +1,81 @@
+@charset "UTF-8";
+/* stylelint-disable */
+
+// Non-overlapping Material Design breakpoints
+// @type map
+$breakpoints: (
+    xs: (
+        begin: 0,
+        end: 599.9px
+    ),
+    sm: (
+        begin: 600px,
+        end: 959.9px
+    ),
+    md: (
+        begin: 960px,
+        end: 1279.9px
+    ),
+    lg: (
+        begin: 1280px,
+        end: 1919.9px
+    ),
+    xl: (
+        begin: 1920px,
+        end: 4999.99px
+    )
+) !default;
+
+// Overlapping breakpoints that are greater than defined
+// Material Design breakpoints
+// @type map
+$overlapping-gt: (
+    gt-xs: 600px,
+    gt-sm: 960px,
+    gt-md: 1280px,
+    gt-lg: 1920px
+) !default;
+
+// Overlapping breakpoints that are less than defined
+// Material Design breakpoints
+// @type map
+$overlapping-lt: (
+    lt-sm: 599.9px,
+    lt-md: 959.9px,
+    lt-lg: 1279.9px,
+    lt-xl: 1919.9px
+) !default;
+
+// Media Query Mixin, takes a breakpoint and returns a wrapping
+// media query statement
+// e.g.
+//
+// @include layout-bp(xs) {
+//   background-color: red;
+// }
+//
+// becomes
+//
+// @media (min-width: 0px) and (max-width: 599px) {
+//   background-color: red;
+// }
+@mixin layout-bp($bp) {
+    @if map-has-key($breakpoints, $bp) {
+        $min: map-get(map-get($breakpoints, $bp), begin);
+        $max: map-get(map-get($breakpoints, $bp), end);
+        @media (min-width: $min) and (max-width: $max) {
+            @content;
+        }
+    } @else if map-has-key($overlapping-gt, $bp) {
+        $min: map-get($overlapping-gt, $bp);
+        @media (min-width: $min) {
+            @content;
+        }
+    } @else if map-has-key($overlapping-lt, $bp) {
+        $max: map-get($overlapping-lt, $bp);
+        @media (max-width: $max) {
+            @content;
+        }
+    }
+}
+/* stylelint-enable */

package/lib/mat-selectors.scss

@@ -0,0 +1,63 @@
+/* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */
+
+$mat-icon: '.mat-icon';
+$mat-focused: '.mat-focused';
+$mat-line: '.mat-line';
+$mat-tab-label: '.mat-mdc-tab';
+$mat-expansion-panel-body: '.mat-expansion-panel-body';
+$mat-tab-label-text: '.mdc-tab__text-label';
+$mat-tab-header: '.mat-mdc-tab-header';
+$mat-chip: '.mat-mdc-chip';
+$mat-checkbox: '.mat-mdc-checkbox';
+$mat-checkbox-box: '.mdc-checkbox';
+$mat-button: '.mat-mdc-button';
+$mat-button-label: '.mdc-button__label';
+$mat-form-field: '.mat-mdc-form-field';
+$mat-form-field-flex: '.mat-mdc-form-field-flex';
+$mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
+$mat-line-ripple: '.mdc-line-ripple';
+$mat-form-field-subscript-wrapper: '.mat-mdc-form-field-subscript-wrapper';
+$mat-form-text-field-infix: '.mat-mdc-form-text-infix';
+$mat-form-field-label: '.mat-mdc-floating-label';
+$mat-form-field-appearance-outline: '.mat-form-field-appearance-outline';
+$mat-text-field-outlined: '.mdc-text-field--outlined';
+$mat-text-field-outlined-thick: '.mdc-text-field--outlined-thick';
+$mat-input-element: '.mat-mdc-input-element';
+$mat-card: '.mat-mdc-card';
+$mat-card-content: '.mat-mdc-card-content';
+$mat-list-item-primary-text: '.mdc-list-item__primary-text';
+$mat-list-item-end: '.mdc-list-item__end';
+$mat-select: '.mat-mdc-select';
+$mat-menu-panel: '.mat-mdc-menu-panel';
+$mat-expansion-panel: '.mat-expansion-panel';
+$mat-calendar: '.mat-calendar';
+$mat-calendar-header: '.mat-calendar-header';
+$mat-toolbar: '.mat-toolbar';
+$mat-text-field-no-label: '.mdc-text-field--no-label';
+$mat-form-field-infix: '.mat-mdc-form-field-infix';
+$mat-form-field-hide-placeholder: '.mat-form-field-hide-placeholder';
+$mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper';
+$mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
+$mat-form-field-error: '.mat-mdc-form-field-error';
+$mat-checkbox-background: '.mdc-checkbox__background';
+$mat-floating-label: '.mdc-floating-label';
+$mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
+$mat-dialog-title: '.mdc-dialog__title';
+$mat-expansion-panel-body: '.mat-expansion-panel-body';
+$mat-dialog-surface: '.mat-mdc-dialog-surface';
+$mdc-dialog: '.mdc-dialog';
+$mat-evolution-chip: '.mdc-evolution-chip';
+$mat-standard-chip: '.mat-mdc-standard-chip';
+$mat-notched-outline: '.mdc-notched-outline';
+$mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic';
+$mat-select-trigger: '.mat-mdc-select-trigger';
+$mat-select-arrow: '.mat-mdc-select-arrow';
+$mat-notched-outline-leading: '.mdc-notched-outline__leading';
+$mat-notched-outline-trailing: '.mdc-notched-outline__trailing';
+$mat-evolution-chip-set: '.mdc-evolution-chip-set';
+$cdk-overlay-pane: '.cdk-overlay-pane';
+$mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
+$mat-list-item-disabled: '.mdc-list-item--disabled';
+$mat-switch: '.mdc-switch';
+$mat-list-item: '.mdc-list-item';
+$mat-text-field: '.mdc-text-field';

package/lib/new-version-uploader/new-version-uploader.dialog.scss

@@ -21,7 +21,7 @@
         color: var(--adf-theme-foreground-text-color-087);
     }
 
-    .adf-new-version-uploader-dialog-content {
+    section.adf-new-version-uploader-dialog-content {
         padding: 1px 2px 0;
         flex: 1 1 auto;
         position: relative;

package/lib/node-comments/node-comments.component.d.ts

@@ -1,9 +1,29 @@
+/*!
+ * @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 { EventEmitter } from '@angular/core';
+import { CommentModel } from '@alfresco/adf-core';
 import * as i0 from "@angular/core";
 export declare class NodeCommentsComponent {
     /** nodeId of the document that has comments */
     nodeId: string;
     /** make the comments component readOnly */
     readOnly: boolean;
+    /** Emits when a new comment is added */
+    commentAdded: EventEmitter<CommentModel>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeCommentsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NodeCommentsComponent, "adf-node-comments", never, { "nodeId": { "alias": "nodeId"; "required": true; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeCommentsComponent, "adf-node-comments", never, { "nodeId": { "alias": "nodeId"; "required": true; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, { "commentAdded": "commentAdded"; }, never, never, true, never>;
 }

package/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss

@@ -1,7 +1,7 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
-#{$mdc-dialog} {
-    #{$mat-dialog-surface}:is(div) {
+#{ms.$mdc-dialog} {
+    #{ms.$mat-dialog-surface}:is(div) {
         padding-bottom: 0;
     }
 }
@@ -31,11 +31,11 @@
                 width: 100%;
                 justify-content: unset;
 
-                #{$mat-button-label} {
+                #{ms.$mat-button-label} {
                     padding-right: 0;
                 }
 
-                #{$mat-icon} {
+                #{ms.$mat-icon} {
                     font-size: 24px;
                     width: 24px;
                     height: 24px;

package/lib/permission-manager/components/add-permission/add-permission-panel.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 $search-result-height: calc(100% - 60px);
 
@@ -9,7 +9,7 @@ $search-result-height: calc(100% - 60px);
         overflow: auto;
         border: 2px solid var(--adf-theme-foreground-text-color-007);
 
-        #{$mat-list-item-end} {
+        #{ms.$mat-list-item-end} {
             display: none;
         }
 
@@ -54,18 +54,18 @@ $search-result-height: calc(100% - 60px);
             padding-bottom: 0;
             padding-top: 12px;
 
-            #{$mat-form-field-wrapper} {
-                #{$mat-form-field-flex} {
+            #{ms.$mat-form-field-wrapper} {
+                #{ms.$mat-form-field-flex} {
                     align-items: center;
 
-                    #{$mat-form-field-infix} {
+                    #{ms.$mat-form-field-infix} {
                         padding-top: 0;
                         padding-bottom: 0;
                     }
                 }
             }
 
-            #{$mat-form-field-subscript-wrapper} {
+            #{ms.$mat-form-field-subscript-wrapper} {
                 height: 16px;
             }
 

package/lib/permission-manager/components/permission-list/permission-list.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 .adf {
     &-permission-card {
@@ -88,7 +88,7 @@
         height: calc(100% - 63px);
     }
 
-    &-local-permission-container#{$mat-card-content} {
+    &-local-permission-container#{ms.$mat-card-content} {
         overflow: hidden;
         flex: 1 1 auto;
         padding: 0;

package/lib/permission-manager/components/user-role-column/user-role-column.component.scss

@@ -1,11 +1,11 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
-.adf-role-selector-field#{$mat-form-field} {
+.adf-role-selector-field#{ms.$mat-form-field} {
     width: 100%;
     max-width: 200px;
     height: 40px;
 
-    #{$mat-form-field-infix}:not(:disabled) {
+    #{ms.$mat-form-field-infix}:not(:disabled) {
         padding-top: 8px;
     }
 }

package/lib/search/components/search-check-list/search-check-list.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 .adf-search-check-list > div {
     display: flex;
@@ -21,7 +21,7 @@
             white-space: nowrap;
         }
 
-        #{$mat-checkbox-box} {
+        #{ms.$mat-checkbox-box} {
             margin-left: 4px;
             margin-top: 5px;
             margin-bottom: 4px;

package/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss

@@ -1,21 +1,21 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 adf-search-chip-autocomplete-input {
     .adf-chip-list {
         width: 100%;
     }
 
-    .adf-chip-list:has(#{$mat-notched-outline}) {
+    .adf-chip-list:has(#{ms.$mat-notched-outline}) {
         margin-top: 4px;
     }
 
-    #{$mat-form-text-field-infix} {
+    #{ms.$mat-form-text-field-infix} {
         border: none;
     }
 
-    .adf-chip-list#{$mat-form-field} {
-        #{$mat-form-field-infix} {
+    .adf-chip-list#{ms.$mat-form-field} {
+        #{ms.$mat-form-field-infix} {
             padding-top: 14px;
             padding-bottom: 14px;
             min-height: unset;
@@ -35,8 +35,8 @@ adf-search-chip-autocomplete-input {
         padding: 4px 0;
     }
 
-    #{$mat-evolution-chip-set} {
-        #{$mat-evolution-chip} {
+    #{ms.$mat-evolution-chip-set} {
+        #{ms.$mat-evolution-chip} {
             margin-left: 0;
             margin-right: 4px;
         }

package/lib/search/components/search-control.component.scss

@@ -1,8 +1,8 @@
 @use '@angular/material' as mat;
-@import 'styles/flex';
+@use '../../flex' as flex;
 
-$mat-menu-overlay-min-width: 112px !default;   // 56 * 2
-$mat-menu-overlay-max-width: 280px !default;   // 56 * 5
+$mat-menu-overlay-min-width: 112px !default; // 56 * 2
+$mat-menu-overlay-max-width: 280px !default; // 56 * 5
 
 .adf {
     &-search-result-autocomplete {
@@ -24,7 +24,7 @@ $mat-menu-overlay-max-width: 280px !default;   // 56 * 5
         background-color: var(--adf-theme-background-card-color);
         border-radius: 2px;
 
-        @include layout-bp(lt-md) {
+        @include flex.layout-bp(lt-md) {
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;

package/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.d.ts

@@ -50,7 +50,7 @@ export declare class SearchDateRangeComponent implements OnInit {
     constructor(formBuilder: FormBuilder, userPreferencesService: UserPreferencesService, dateAdapter: DateAdapter<DateFnsAdapter>, dateFormatConfig: MatDateFormats);
     readonly endDateValidator: (formControl: UntypedFormControl) => {
         [key: string]: boolean;
-    };
+    } | null;
     ngOnInit(): void;
     private updateValidators;
     private onChange;

package/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss

@@ -1,50 +1,50 @@
-@import "styles/mat-selectors";
+@use '../../../../mat-selectors' as ms;
 
 adf-search-date-range {
-  .adf-search-date-range-container {
-    margin-top: 20px;
-    padding: 10px;
+    .adf-search-date-range-container {
+        margin-top: 20px;
+        padding: 10px;
 
-    .adf-search-date-range-form-field-select {
-      width: 180px;
-      min-width: 180px;
-    }
-
-    &-row {
-      display: flex;
-      flex-direction: row;
-      padding-bottom: 21px;
-      align-items: center;
-
-      &-date {
-        margin-top: 8px;
-      }
-
-      #{$mat-select-arrow-wrapper} {
-        height: unset;
-      }
-
-      .adf-search-date-range-input-field {
-        width: 75px;
-      }
-
-      .adf-search-date-range-form-field {
-        padding-left: 10px;
-        flex: 1;
-        margin-bottom: 12px;
-
-        #{$mat-form-field-flex} {
-          align-items: center;
+        .adf-search-date-range-form-field-select {
+            width: 180px;
+            min-width: 180px;
+        }
 
-          #{$mat-form-field-infix} {
-            padding: 0.375em 0 4px;
-          }
+        &-row {
+            display: flex;
+            flex-direction: row;
+            padding-bottom: 21px;
+            align-items: center;
+
+            &-date {
+                margin-top: 8px;
+            }
+
+            #{ms.$mat-select-arrow-wrapper} {
+                height: unset;
+            }
+
+            .adf-search-date-range-input-field {
+                width: 75px;
+            }
+
+            .adf-search-date-range-form-field {
+                padding-left: 10px;
+                flex: 1;
+                margin-bottom: 12px;
+
+                #{ms.$mat-form-field-flex} {
+                    align-items: center;
+
+                    #{ms.$mat-form-field-infix} {
+                        padding: 0.375em 0 4px;
+                    }
+                }
+            }
         }
-      }
     }
-  }
 
-  .adf-search-widget-extra-width {
-    max-width: 500px;
-  }
+    .adf-search-widget-extra-width {
+        max-width: 500px;
+    }
 }

package/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.scss

@@ -1,7 +1,7 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 adf-search-date-range-tabbed {
-    #{$mat-tab-header} {
+    #{ms.$mat-tab-header} {
         margin-top: -5px;
     }
 }

package/lib/search/components/search-filter-chips/search-facet-chip/search-facet-chip.component.scss

@@ -1,7 +1,7 @@
-@import 'styles/mat-selectors';
+@use '../../../../mat-selectors.scss' as ms;
 
 .adf-search-filter-chip {
-    #{$mat-evolution-chip-graphic} {
+    #{ms.$mat-evolution-chip-graphic} {
         display: none;
     }
 

package/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../../../../mat-selectors.scss' as ms;
 
 adf-search-facet-chip-tabbed {
     .adf-search-filter-chip-tabbed {
@@ -6,7 +6,7 @@ adf-search-facet-chip-tabbed {
             pointer-events: none;
         }
 
-        #{$mat-evolution-chip-graphic} {
+        #{ms.$mat-evolution-chip-graphic} {
             display: none;
         }
     }
@@ -16,6 +16,6 @@ adf-search-facet-chip-tabbed {
     }
 }
 
-.adf-search-widget-extra-width#{$mat-menu-panel} {
+.adf-search-widget-extra-width#{ms.$mat-menu-panel} {
     max-width: 500px;
 }

package/lib/search/components/search-filter-chips/search-filter-chips.component.scss

@@ -1,5 +1,5 @@
 @use '@angular/material' as mat;
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 .adf-search-filter-chip,
 .adf-search-filter-chip-tabbed {
@@ -52,15 +52,15 @@
     }
 }
 
-.adf-search-filter-chip#{$mat-evolution-chip}#{$mat-standard-chip} {
+.adf-search-filter-chip#{ms.$mat-evolution-chip}#{ms.$mat-standard-chip} {
     margin-top: 0;
     margin-bottom: 0;
 }
 
-#{$mat-standard-chip} {
+#{ms.$mat-standard-chip} {
     -webkit-font-smoothing: unset;
 }
 
-#{$mat-evolution-chip-set} {
+#{ms.$mat-evolution-chip-set} {
     margin-top: -4px;
 }

package/lib/search/components/search-filter-container/search-filter-container.component.scss

@@ -1,5 +1,5 @@
 @use '@angular/material' as mat;
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 .adf-filter {
     &-button:has(.adf-filter-icon) {
@@ -73,7 +73,7 @@
             padding-right: 16px;
             -webkit-font-smoothing: subpixel-antialiased;
 
-            #{$mat-button-label} {
+            #{ms.$mat-button-label} {
                 font-weight: unset;
             }
         }

package/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss

@@ -1,14 +1,14 @@
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 adf-search-filter-tabbed {
-    #{$mat-tab-header} {
+    #{ms.$mat-tab-header} {
         margin-top: 0;
     }
 
     .adf-search-tab-label-active {
         border-bottom: 1px solid var(--theme-primary-color);
 
-        #{$mat-tab-label-text} {
+        #{ms.$mat-tab-label-text} {
             color: var(--adf-theme-foreground-secondary-text-color);
         }
     }

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

@@ -1,5 +1,5 @@
 @use '@angular/material' as mat;
-@import 'styles/mat-selectors';
+@use '../../../mat-selectors.scss' as ms;
 
 .adf-search-form {
     &.adf-search-form-button {
@@ -28,7 +28,7 @@
         text-align: left;
     }
 
-    .adf-search-form-icon#{$mat-icon} {
+    .adf-search-form-icon#{ms.$mat-icon} {
         font-size: 24px;
         height: 24px;
         width: 24px;