@alfresco/adf-core 8.3.0 → 8.3.1

package/lib/auth/services/identity-user.service.d.ts

@@ -1,17 +1,13 @@
 import { Observable } from 'rxjs';
-import { AppConfigService } from '../../app-config/app-config.service';
 import { IdentityGroupModel } from '../models/identity-group.model';
 import { IdentityRoleModel } from '../models/identity-role.model';
 import { IdentityUserModel } from '../models/identity-user.model';
 import { IdentityJoinGroupRequestModel, IdentityUserServiceInterface, IdentityUserPasswordModel, IdentityUserQueryCloudRequestModel, IdentityUserQueryResponse } from '../interfaces/identity-user.service.interface';
-import { JwtHelperService } from './jwt-helper.service';
-import { OAuth2Service } from './oauth2.service';
 import * as i0 from "@angular/core";
 export declare class IdentityUserService implements IdentityUserServiceInterface {
-    private jwtHelperService;
-    private oAuth2Service;
-    private appConfigService;
-    constructor(jwtHelperService: JwtHelperService, oAuth2Service: OAuth2Service, appConfigService: AppConfigService);
+    private readonly jwtHelperService;
+    private readonly oAuth2Service;
+    private readonly appConfigService;
     private get identityHost();
     private buildUserUrl;
     /**

package/lib/auth/services/jwt-helper.service.d.ts

@@ -10,7 +10,7 @@ export declare class JwtHelperService {
     static RESOURCE_ACCESS: string;
     static USER_PREFERRED_USERNAME: string;
     static HXP_AUTHORIZATION: string;
-    private storageService;
+    private readonly storageService;
     /**
      * Decodes a JSON web token into a JS object.
      *

package/lib/auth/services/oauth2.service.d.ts

@@ -1,5 +1,4 @@
 import { Observable } from 'rxjs';
-import { AdfHttpClient } from '@alfresco/adf-core/api';
 import * as i0 from "@angular/core";
 export declare const JSON_TYPE: string[];
 export interface OAuth2RequestParams {
@@ -10,8 +9,7 @@ export interface OAuth2RequestParams {
     bodyParam?: any;
 }
 export declare class OAuth2Service {
-    private adfHttpClient;
-    constructor(adfHttpClient: AdfHttpClient);
+    private readonly adfHttpClient;
     request<T>(opts: OAuth2RequestParams): Observable<T>;
     get<T>(opts: OAuth2RequestParams): Observable<T>;
     put<T>(opts: OAuth2RequestParams): Observable<T>;

package/lib/auth/services/time-sync.service.d.ts

@@ -1,5 +1,3 @@
-import { Injector } from '@angular/core';
-import { AppConfigService } from '../../app-config/app-config.service';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export interface TimeSync {
@@ -9,10 +7,10 @@ export interface TimeSync {
     serverDateTimeISO: string;
 }
 export declare class TimeSyncService {
-    private _injector;
-    private _appConfigService;
+    private readonly _injector;
+    private readonly _appConfigService;
     private readonly _http;
-    constructor(_injector: Injector, _appConfigService: AppConfigService);
+    constructor();
     checkTimeSync(maxAllowedClockSkewInSec: number): Observable<TimeSync>;
     /**
      * Checks if the local time is out of sync with the server time.

package/lib/auth/services/user-access.service.d.ts

@@ -1,12 +1,9 @@
-import { JwtHelperService } from './jwt-helper.service';
-import { AppConfigService } from '../../app-config/app-config.service';
 import * as i0 from "@angular/core";
 export declare class UserAccessService {
-    private jwtHelperService;
-    private appConfigService;
+    private readonly jwtHelperService;
+    private readonly appConfigService;
     private globalAccess;
     private applicationAccess;
-    constructor(jwtHelperService: JwtHelperService, appConfigService: AppConfigService);
     fetchUserAccess(): void;
     private fetchAccessFromRealmAccess;
     private fetchAccessFromHxpAuthorization;

package/lib/card-view/components/card-view/card-view.component.d.ts

@@ -17,8 +17,6 @@ export declare class CardViewComponent {
     useChipsForMultiValueProperty: boolean;
     /** String separator between multi-value property items. */
     multiValueSeparator: string;
-    /** Toggles whether or not to show label for multivalued chip property. */
-    displayLabelForChips: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardViewComponent, "adf-card-view", never, { "properties": { "alias": "properties"; "required": true; }; "editable": { "alias": "editable"; "required": false; }; "displayEmpty": { "alias": "displayEmpty"; "required": false; }; "displayNoneOption": { "alias": "displayNoneOption"; "required": false; }; "displayClearAction": { "alias": "displayClearAction"; "required": false; }; "copyToClipboardAction": { "alias": "copyToClipboardAction"; "required": false; }; "useChipsForMultiValueProperty": { "alias": "useChipsForMultiValueProperty"; "required": false; }; "multiValueSeparator": { "alias": "multiValueSeparator"; "required": false; }; "displayLabelForChips": { "alias": "displayLabelForChips"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardViewComponent, "adf-card-view", never, { "properties": { "alias": "properties"; "required": true; }; "editable": { "alias": "editable"; "required": false; }; "displayEmpty": { "alias": "displayEmpty"; "required": false; }; "displayNoneOption": { "alias": "displayNoneOption"; "required": false; }; "displayClearAction": { "alias": "displayClearAction"; "required": false; }; "copyToClipboardAction": { "alias": "copyToClipboardAction"; "required": false; }; "useChipsForMultiValueProperty": { "alias": "useChipsForMultiValueProperty"; "required": false; }; "multiValueSeparator": { "alias": "multiValueSeparator"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/card-view/components/card-view/card-view.component.scss

@@ -5,20 +5,6 @@
     border-color: var(--adf-theme-foreground-divider-color);
     border-radius: 0;
 
-    .adf-property-label {
-        color: var(--adf-metadata-property-panel-text-color);
-        display: flex;
-        line-height: 20px;
-     
-        &.adf-property-readonly-value {
-            color: var(--adf-metadata-property-panel-label-color);
-        }
-
-        &.adf-property-value-editable {
-            color: var(--adf-metadata-property-panel-title-color);
-        }
-    }
-
     .adf-property-container {
         margin-bottom: 12px;
     }
@@ -27,21 +13,9 @@
         .adf-property-field {
             width: 100%;
 
-            #{ms.$mat-form-field-underline} {
-                display: none;
-            }
-
             #{ms.$mat-input-element} {
                 text-overflow: ellipsis;
                 line-height: 20px;
-
-                &.adf-property-value-editable {
-                    padding: 6px 0 6px 12px;
-
-                    &:disabled {
-                        color: var(--adf-metadata-property-panel-label-color);
-                    }
-                }
             }
 
             .adf-card-view__key-value-pairs__row {
@@ -50,33 +24,6 @@
                     padding-left: 12px;
                 }
             }
-
-            #{ms.$mat-form-text-field-infix} {
-                border-top-width: 0;
-            }
-
-            #{ms.$mat-form-field-flex} {
-                padding-top: 0;
-            }
-
-            #{ms.$mat-form-field-wrapper} {
-                background-color: inherit;
-                padding-bottom: 0;
-                padding-left: 0;
-                padding-right: 0;
-            }
-
-            #{ms.$mat-form-field-label} {
-                padding: 0;
-                justify-content: center;
-                display: flex;
-                flex-direction: column;
-                height: 20px;
-
-                &.adf-property-field-label--empty {
-                    transform: translateY(-1.3437em) scale(1);
-                }
-            }
         }
 
         .adf-card-view-textitem {
@@ -85,41 +32,4 @@
             }
         }
     }
-
-    .adf-property-value {
-        &.adf-property-value-editable {
-            background-color: var(--adf-metadata-buttons-background-color);
-            box-sizing: border-box;
-            border-radius: 6px;
-            height: 32px;
-            padding-left: 10px;
-
-            #{ms.$mat-input-element} {
-                color: var(--adf-metadata-action-button-clear-color);
-                padding: 5px 0 6px 12px;
-                margin: 5px 0 0;
-            }
-        }
-
-        &.adf-property-readonly-value {
-            color: var(--adf-metadata-property-panel-label-color);
-
-            #{ms.$mat-input-element} {
-                color: var(--adf-metadata-property-panel-label-color);
-            }
-        }
-
-        &-has-error {
-            border: 1px solid var(--theme-warn-color);
-        }
-
-        &-input {
-            background-color: var(--adf-metadata-buttons-background-color);
-            box-sizing: border-box;
-            border-radius: 6px;
-            padding: 6px 0;
-            margin: 0;
-            width: 100%;
-        }
-    }
 }

package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss

@@ -5,15 +5,6 @@
         margin-right: 5px;
     }
 
-    &-array-item-action {
-        color: var(--adf-theme-foreground-text-color-025);
-    }
-
-    &-array-item-action:hover,
-    &-array-item-action:focus {
-        color: var(--adf-theme-foreground-text-color);
-    }
-
     &-card-array-item-default {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -52,6 +43,7 @@
 
     &-card-view-array-chip-content {
         display: flex;
+        align-items: center;
         cursor: pointer;
     }
 }

package/lib/card-view/components/card-view-boolitem/card-view-boolitem.component.d.ts

@@ -1,10 +1,12 @@
-import { MatCheckboxChange } from '@angular/material/checkbox';
 import { CardViewBoolItemModel } from '../../models/card-view-boolitem.model';
 import { BaseCardView } from '../base-card-view';
 import * as i0 from "@angular/core";
 export declare class CardViewBoolItemComponent extends BaseCardView<CardViewBoolItemModel> {
     editable: boolean;
-    changed(change: MatCheckboxChange): void;
+    private _error;
+    get error(): string;
+    changed(checked: boolean): void;
+    onValidation(errors: string[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardViewBoolItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardViewBoolItemComponent, "adf-card-view-boolitem", never, { "editable": { "alias": "editable"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.d.ts

@@ -15,27 +15,22 @@
  * limitations under the License.
  */
 import { OnInit } from '@angular/core';
-import { DateAdapter } from '@angular/material/core';
 import { MatDatetimepickerComponent, MatDatetimepickerInputEvent } from '@mat-datetimepicker/core';
 import { CardViewDateItemModel } from '../../models/card-view-dateitem.model';
-import { UserPreferencesService } from '../../../common/services/user-preferences.service';
 import { BaseCardView } from '../base-card-view';
-import { ClipboardService } from '../../../clipboard/clipboard.service';
-import { TranslationService } from '../../../translation/translation.service';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CardViewDateItemComponent extends BaseCardView<CardViewDateItemModel> implements OnInit {
-    private dateAdapter;
-    private userPreferencesService;
-    private clipboardService;
-    private translateService;
+    private readonly dateAdapter;
+    private readonly userPreferencesService;
+    private readonly clipboardService;
+    private readonly translateService;
     displayEmpty: boolean;
     displayClearAction: boolean;
     datepicker: MatDatetimepickerComponent<any>;
     valueDate: Date;
     cardViewDateTimeControl: FormControl<Date>;
-    private readonly destroyRef;
-    constructor(dateAdapter: DateAdapter<Date>, userPreferencesService: UserPreferencesService, clipboardService: ClipboardService, translateService: TranslationService);
+    constructor();
     ngOnInit(): void;
     get showProperty(): boolean;
     get showClearAction(): boolean;

package/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss

@@ -1,52 +1,20 @@
 @use '../../../styles/mat-selectors' as ms;
 
 .adf-card-view-dateitem {
-    .adf-property-value {
-        padding-top: 6px;
-        padding-bottom: 6px;
-        line-height: 20px;
-        color: var(--adf-metadata-property-panel-title-color);
-        margin-top: 10px;
-
-        &.adf-property-value-editable {
-            display: flex;
-            align-items: center;
-            border-radius: 6px;
-            border-bottom: inherit;
-            margin-bottom: 18px;
-        }
-
-        &.adf-property-readonly-value {
-            padding: 0 0 0 12px;
-        }
-    }
-
-    .adf-invisible-date-input {
-        height: 2px;
-        width: 0;
-        overflow: hidden;
-        opacity: 0;
-        border: none;
-        margin: 0;
-        padding: 0;
-        float: right;
-    }
-
-    .adf-dateitem-chip-list-container.adf-property-field {
-        margin-bottom: -7px;
-        border-bottom: 0;
-        cursor: pointer;
-    }
+    display: flow-root;
 
     .adf-dateitem-editable {
-        cursor: pointer;
         width: 100%;
 
-        /* stylelint-disable-next-line no-descending-specificity */
+        .adf-date-reset-icon {
+            padding: 0;
+        }
+
         &-controls {
             display: flex;
             align-items: center;
             justify-content: space-between;
+            position: relative;
 
             #{ms.$mat-icon} {
                 opacity: 0.5;
@@ -63,11 +31,38 @@
             .adf-datepicker-span-button {
                 flex: 1 0 auto;
                 font-size: 14px;
-            }
-
-            .adf-date-reset-icon {
                 position: relative;
             }
         }
     }
+
+    .adf-property-value {
+        line-height: 20px;
+        color: var(--adf-metadata-property-panel-title-color);
+
+        &.adf-property-value-editable {
+            display: flex;
+            align-items: center;
+            border-radius: 6px;
+            border-bottom: inherit;
+            padding-left: 0;
+        }
+    }
+
+    .adf-invisible-date-input {
+        height: 2px;
+        width: 0;
+        overflow: hidden;
+        opacity: 0;
+        border: none;
+        margin: 0;
+        padding: 0;
+        float: right;
+    }
+
+    .adf-dateitem-chip-list-container.adf-property-field {
+        margin-bottom: -7px;
+        border-bottom: 0;
+        cursor: pointer;
+    }
 }

package/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.d.ts

@@ -16,10 +16,9 @@
  */
 import { OnChanges, SimpleChanges, ViewContainerRef } from '@angular/core';
 import { CardViewItem } from '../../interfaces/card-view-item.interface';
-import { CardItemTypeService } from '../../services/card-item-types.service';
 import * as i0 from "@angular/core";
 export declare class CardViewItemDispatcherComponent implements OnChanges {
-    private cardItemTypeService;
+    private readonly cardItemTypeService;
     property: CardViewItem;
     editable: boolean;
     displayEmpty: boolean;
@@ -28,16 +27,15 @@ export declare class CardViewItemDispatcherComponent implements OnChanges {
     copyToClipboardAction: boolean;
     useChipsForMultiValueProperty: boolean;
     multiValueSeparator: string;
-    displayLabelForChips: boolean;
     private loaded;
     private componentReference;
     ngOnInit: any;
     ngDoCheck: any;
     content: ViewContainerRef;
-    constructor(cardItemTypeService: CardItemTypeService);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     private loadComponent;
     private proxy;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardViewItemDispatcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardViewItemDispatcherComponent, "adf-card-view-item-dispatcher", never, { "property": { "alias": "property"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "displayEmpty": { "alias": "displayEmpty"; "required": false; }; "displayNoneOption": { "alias": "displayNoneOption"; "required": false; }; "displayClearAction": { "alias": "displayClearAction"; "required": false; }; "copyToClipboardAction": { "alias": "copyToClipboardAction"; "required": false; }; "useChipsForMultiValueProperty": { "alias": "useChipsForMultiValueProperty"; "required": false; }; "multiValueSeparator": { "alias": "multiValueSeparator"; "required": false; }; "displayLabelForChips": { "alias": "displayLabelForChips"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardViewItemDispatcherComponent, "adf-card-view-item-dispatcher", never, { "property": { "alias": "property"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "displayEmpty": { "alias": "displayEmpty"; "required": false; }; "displayNoneOption": { "alias": "displayNoneOption"; "required": false; }; "displayClearAction": { "alias": "displayClearAction"; "required": false; }; "copyToClipboardAction": { "alias": "copyToClipboardAction"; "required": false; }; "useChipsForMultiValueProperty": { "alias": "useChipsForMultiValueProperty"; "required": false; }; "multiValueSeparator": { "alias": "multiValueSeparator"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.d.ts

@@ -24,7 +24,6 @@ import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CardViewSelectItemComponent extends BaseCardView<CardViewSelectItemModel<string | number>> implements OnInit, OnChanges {
-    private appConfig;
     static HIDE_FILTER_LIMIT: number;
     options$: Observable<CardViewSelectItemOption<string | number>[]>;
     displayNoneOption: boolean;
@@ -37,6 +36,9 @@ export declare class CardViewSelectItemComponent extends BaseCardView<CardViewSe
     autocompleteControl: UntypedFormControl;
     editedValue: string | number;
     private readonly destroyRef;
+    private readonly appConfig;
+    private _error;
+    get error(): string;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     onFilterInputChange(value: string): void;
@@ -44,6 +46,7 @@ export declare class CardViewSelectItemComponent extends BaseCardView<CardViewSe
     getList(): Observable<CardViewSelectItemOption<string | number>[]>;
     onOptionSelected(event: MatAutocompleteSelectedEvent): void;
     onChange(event: MatSelectChange): void;
+    onValidation(errors: string[]): void;
     get showProperty(): boolean;
     private get optionsLimit();
     static ɵfac: i0.ɵɵFactoryDeclaration<CardViewSelectItemComponent, never>;

package/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss

@@ -44,17 +44,12 @@
         padding-left: 10px;
     }
 
-    #{ms.$mat-form-field-subscript-wrapper} {
-        display: none;
-    }
-
     .adf-property-read-only {
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
         cursor: default;
         padding: 6px 0;
-        border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
     }
 
     #{ms.$mat-line-ripple} {
@@ -64,11 +59,4 @@
     .adf-property-readonly-value {
         color: var(--adf-metadata-property-panel-label-color);
     }
-
-    .adf-property-label {
-        &-non-editable {
-            cursor: default;
-            font-size: 10px;
-        }
-    }
 }

package/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.d.ts

@@ -15,16 +15,14 @@
  * limitations under the License.
  */
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { MatSelect } from '@angular/material/select';
 import * as i0 from "@angular/core";
 export declare class SelectFilterInputComponent implements OnInit {
-    private matSelect;
+    private readonly matSelect;
     selectFilterInput: ElementRef;
     change: EventEmitter<string>;
     term: string;
     previousSelected: any[];
     private readonly destroyRef;
-    constructor(matSelect: MatSelect);
     onModelChange(value: string): void;
     ngOnInit(): void;
     reset(event?: Event): void;

package/lib/card-view/components/card-view-textitem/card-view-textitem.component.d.ts

@@ -14,31 +14,27 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { CardViewTextItemModel } from '../../models/card-view-textitem.model';
 import { BaseCardView } from '../base-card-view';
 import { MatChipInputEvent } from '@angular/material/chips';
-import { ClipboardService } from '../../../clipboard/clipboard.service';
-import { TranslationService } from '../../../translation/translation.service';
 import { CardViewItemValidator } from '../../interfaces/card-view-item-validator.interface';
 import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_SEPARATOR = ", ";
 export declare class CardViewTextItemComponent extends BaseCardView<CardViewTextItemModel> implements OnChanges {
-    private clipboardService;
-    private translateService;
-    private cd;
+    private readonly clipboardService;
+    private readonly translateService;
+    private readonly cd;
     displayEmpty: boolean;
     copyToClipboardAction: boolean;
     useChipsForMultiValueProperty: boolean;
     multiValueSeparator: string;
-    displayLabelForChips: boolean;
     editedValue: string | string[];
     errors: CardViewItemValidator[];
     templateType: string;
     textInput: UntypedFormControl;
     private readonly destroyRef;
-    constructor(clipboardService: ClipboardService, translateService: TranslationService, cd: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     private setTemplateType;
     resetValue(): void;
@@ -56,8 +52,7 @@ export declare class CardViewTextItemComponent extends BaseCardView<CardViewText
     get isClickable(): boolean;
     get hasErrors(): boolean;
     get isChipViewEnabled(): boolean;
-    get showLabelForChips(): boolean;
     private prepareIntLongValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardViewTextItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardViewTextItemComponent, "adf-card-view-textitem", never, { "displayEmpty": { "alias": "displayEmpty"; "required": false; }; "copyToClipboardAction": { "alias": "copyToClipboardAction"; "required": false; }; "useChipsForMultiValueProperty": { "alias": "useChipsForMultiValueProperty"; "required": false; }; "multiValueSeparator": { "alias": "multiValueSeparator"; "required": false; }; "displayLabelForChips": { "alias": "displayLabelForChips"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardViewTextItemComponent, "adf-card-view-textitem", never, { "displayEmpty": { "alias": "displayEmpty"; "required": false; }; "copyToClipboardAction": { "alias": "copyToClipboardAction"; "required": false; }; "useChipsForMultiValueProperty": { "alias": "useChipsForMultiValueProperty"; "required": false; }; "multiValueSeparator": { "alias": "multiValueSeparator"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss

@@ -2,9 +2,6 @@
 
 .adf-card-view-textitem {
     .adf-textitem-error {
-        font-size: var(--theme-caption-font-size);
-        padding-top: 6px;
-
         &::before {
             display: none;
         }
@@ -49,11 +46,19 @@
         #{ms.$mat-form-field-label} {
             margin-top: 6px;
         }
+
+        .adf-property-value {
+            margin-left: 0;
+        }
     }
 
     .adf-textitem-clickable {
+        background: none;
+        border: none;
+        margin: 0;
         cursor: pointer;
-        padding-top: 3px;
+        width: 100%;
+        padding: 3px 0 0;
 
         .adf-textitem-action:hover {
             color: var(--adf-theme-foreground-text-color);
@@ -67,30 +72,24 @@
         }
     }
 
-    .adf-textitem-default-value {
-        color: var(--adf-theme-foreground-text-color-054);
-    }
-
-    .adf-property-read-only:not(:has(.adf-property-readonly-value)) {
-        border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
-    }
-
     .adf-property-value-not-editable {
-        /* stylelint-disable-next-line declaration-no-important */
         color: var(--adf-metadata-property-panel-title-color);
     }
 
+    input.adf-property-value:disabled,
+    textarea.adf-property-value:disabled {
+        user-select: none;
+        pointer-events: none;
+    }
+
     .adf-property-value-has-icon-suffix {
         padding-right: 34px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
+}
 
-    #{ms.$mat-line-ripple} {
-        &::before,
-        &::after {
-            display: none;
-        }
-    }
+.adf-card-textitem-field-container {
+    padding-top: 5px;
 }

package/lib/card-view/directives/card-view-property-validator.directive.d.ts

@@ -0,0 +1,28 @@
+/*!
+ * @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 { AbstractControl, ValidationErrors } from '@angular/forms';
+import { CardViewBaseItemModel } from '../models/card-view-baseitem.model';
+import * as i0 from "@angular/core";
+export declare class CardViewPropertyValidatorDirective {
+    private readonly translateService;
+    property: CardViewBaseItemModel;
+    validated: EventEmitter<string[]>;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardViewPropertyValidatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardViewPropertyValidatorDirective, "[adf-card-view-property-validator]", never, { "property": { "alias": "property"; "required": false; }; }, { "validated": "validated"; }, never, never, true, never>;
+}

package/lib/card-view/models/card-view-dateitem.model.d.ts

@@ -18,13 +18,11 @@ import { CardViewItem } from '../interfaces/card-view-item.interface';
 import { DynamicComponentModel } from '../../common/services/dynamic-component-mapper.service';
 import { CardViewBaseItemModel } from './card-view-baseitem.model';
 import { CardViewDateItemProperties } from '../interfaces/card-view.interfaces';
-import { LocalizedDatePipe } from '../../pipes/localized-date.pipe';
 type DateItemType = Date | Date[] | null;
 export declare class CardViewDateItemModel extends CardViewBaseItemModel<DateItemType> implements CardViewItem, DynamicComponentModel {
     type: string;
     format: string;
     locale: string;
-    localizedDatePipe: LocalizedDatePipe;
     constructor(cardViewDateItemProperties: CardViewDateItemProperties);
     get displayValue(): string | string[];
     transformDate(value: Date | string | number): string;