@alfresco/adf-core 8.4.0-18878438842 → 8.4.0-18910406363

package/custom-theme/material-theme.scss

@@ -1,36 +1,36 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@import './theme/theme-data';
+@use './theme/theme-data' as theme;
 
 $custom-theme: mat.m2-define-light-theme(
     (
         color: (
-            primary: map.get($palettes, primary),
-            accent: map.get($palettes, accent),
-            warn: map.get($palettes, warning)
+            primary: map.get(theme.$palettes, primary),
+            accent: map.get(theme.$palettes, accent),
+            warn: map.get(theme.$palettes, warning)
         ),
-        typography: $app-typography
+        typography: theme.$app-typography
     )
 );
 
-@if $background-color {
-    $custom-theme: get-custom-background-color($background-color, $custom-theme);
+@if theme.$background-color {
+    $custom-theme: theme.get-custom-background-color(theme.$background-color, $custom-theme);
 }
 
-@if $text-color {
-    $custom-theme: get-custom-text-color($text-color, $custom-theme);
+@if theme.$text-color {
+    $custom-theme: theme.get-custom-text-color(theme.$text-color, $custom-theme);
 }
 
-@if $base-font-size {
+@if theme.$base-font-size {
     body,
     html {
-        font-size: $base-font-size;
+        font-size: theme.$base-font-size;
     }
 }
 
-@if $font-family {
+@if theme.$font-family {
     body,
     html {
-        font-family: $font-family;
+        font-family: theme.$font-family;
     }
 }

package/custom-theme/theme/custom-palette-creator.scss

@@ -15,7 +15,7 @@
     $colors: (
         red: color.red($color),
         green: color.green($color),
-        blue: color.blue($color),
+        blue: color.blue($color)
     );
 
     @each $name, $value in $colors {
@@ -32,7 +32,7 @@
         $colors: map.merge(
             $colors,
             (
-                $name: $value,
+                $name: $value
             )
         );
     }
@@ -91,10 +91,10 @@
     $color900: color.mix($dark, $color, 75%);
 
     /* stylelint-disable scss/dollar-variable-pattern */
-    $colorA100: color.adjust(saturate(color.mix($dark, $color, 15%), 80%), $lightness: 45.6%);
-    $colorA200: color.adjust(saturate(color.mix($dark, $color, 15%), 80%), $lightness: 35.6%);
-    $colorA400: color.adjust(saturate(color.mix($dark, $color, 15%), 100%), $lightness: 25.6%);
-    $colorA700: color.adjust(saturate(color.mix($dark, $color, 15%), 100%), $lightness: 20.5%);
+    $colorA100: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 80%), $lightness: 45.6%);
+    $colorA200: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 80%), $lightness: 35.6%);
+    $colorA400: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 100%), $lightness: 25.6%);
+    $colorA700: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 100%), $lightness: 20.5%);
     /* stylelint-enable scss/dollar-variable-pattern */
 
     $contrast50: create-text-color($color50, $colorType);
@@ -126,30 +126,28 @@
         700: $color700,
         800: $color800,
         900: $color900,
-        /* stylelint-disable value-keyword-case */
-        A100: $colorA100,
+        /* stylelint-disable value-keyword-case */ A100: $colorA100,
         A200: $colorA200,
         A400: $colorA400,
         A700: $colorA700,
         /* stylelint-enable value-keyword-case */
         contrast: (
-            50: $contrast50,
-            100: $contrast100,
-            200: $contrast200,
-            300: $contrast300,
-            400: $contrast400,
-            500: $contrast500,
-            600: $contrast600,
-            700: $contrast700,
-            800: $contrast800,
-            900: $contrast900,
-            /* stylelint-disable value-keyword-case */
-            A100: $contrastA100,
-            A200: $contrastA200,
-            A400: $contrastA400,
-            A700: $contrastA700,
-            /* stylelint-enable value-keyword-case */
-        ),
+                50: $contrast50,
+                100: $contrast100,
+                200: $contrast200,
+                300: $contrast300,
+                400: $contrast400,
+                500: $contrast500,
+                600: $contrast600,
+                700: $contrast700,
+                800: $contrast800,
+                900: $contrast900,
+                /* stylelint-disable value-keyword-case */ A100: $contrastA100,
+                A200: $contrastA200,
+                A400: $contrastA400,
+                A700: $contrastA700,
+                /* stylelint-enable value-keyword-case */
+            )
     );
 
     @return $palette;

package/custom-theme/theme/custom-theme-palettes.scss

@@ -1,27 +1,27 @@
 @use '@angular/material' as mat;
-@import './default-colors';
-@import './custom-palette-creator';
+@use 'default-colors';
+@use 'custom-palette-creator';
 
 @function get-mat-palettes($primary-color, $accent-color) {
     $mat-primary-palette: null;
 
     @if ($primary-color) {
-        $custom-theme-primary-palette: create-color-palette($primary-color, 'primary');
+        $custom-theme-primary-palette: custom-palette-creator.create-color-palette($primary-color, 'primary');
         $mat-primary-palette: mat.m2-define-palette($custom-theme-primary-palette, 500);
     } @else {
-        $mat-primary-palette: mat.m2-define-palette($default-primary, A100);
+        $mat-primary-palette: mat.m2-define-palette(default-colors.$default-primary, A100);
     }
 
     $mat-accent-palette: null;
 
     @if ($accent-color) {
-        $custom-theme-accent-palette: create-color-palette($accent-color, 'accent');
+        $custom-theme-accent-palette: custom-palette-creator.create-color-palette($accent-color, 'accent');
         $mat-accent-palette: mat.m2-define-palette($custom-theme-accent-palette, 500);
     } @else {
-        $mat-accent-palette: mat.m2-define-palette($default-accent);
+        $mat-accent-palette: mat.m2-define-palette(default-colors.$default-accent);
     }
 
-    $mat-warn-palette: mat.m2-define-palette($default-warn, A100);
+    $mat-warn-palette: mat.m2-define-palette(default-colors.$default-warn, A100);
 
     @return (primary: $mat-primary-palette, accent: $mat-accent-palette, warning: $mat-warn-palette);
 }

package/custom-theme/theme/theme-data.scss

@@ -1,18 +1,18 @@
 @use 'sass:map';
-@import './theme-configuration';
-@import './typography';
-@import './custom-theme-palettes';
-@import './custom-background-color';
-@import './custom-text-color';
+@use 'theme-configuration';
+@use 'typography';
+@use 'custom-theme-palettes';
+@use 'custom-background-color';
+@use 'custom-text-color';
 
-$primary-color: map.get($theme-config, 'primaryColor');
-$accent-color: map.get($theme-config, 'accentColor');
-$background-color: map.get($theme-config, 'backgroundColor');
+$primary-color: map.get(theme-configuration.$theme-config, 'primaryColor');
+$accent-color: map.get(theme-configuration.$theme-config, 'accentColor');
+$background-color: map.get(theme-configuration.$theme-config, 'backgroundColor');
 
-$text-color: map.get($theme-config, 'textColor');
-$base-font-size: map.get($theme-config, 'baseFontSize');
-$font-family: map.get($theme-config, 'fontFamily');
+$text-color: map.get(theme-configuration.$theme-config, 'textColor');
+$base-font-size: map.get(theme-configuration.$theme-config, 'baseFontSize');
+$font-family: map.get(theme-configuration.$theme-config, 'fontFamily');
 
-$app-typography: get-mat-typography($base-font-size, $font-family);
+$app-typography: typography.get-mat-typography($base-font-size, $font-family);
 
-$palettes: get-mat-palettes($primary-color, $accent-color);
+$palettes: custom-theme-palettes.get-mat-palettes($primary-color, $accent-color);

package/custom-theme/theme/typography.scss

@@ -1,6 +1,7 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@import '../variables/font-family';
+@use 'sass:meta';
+@use '../variables/font-family';
 
 @function get-mat-typography($base-font-size, $font-family) {
     $custom-typography: mat.m2-define-typography-config(
@@ -16,8 +17,7 @@
         $subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
         $body-2: mat.m2-define-typography-level(14px, 20px, 400),
         $caption: mat.m2-define-typography-level(12px, 20px, 400),
-        $button: mat.m2-define-typography-level(14px, 14px, 500),
-        // Line-height must be unit-less fraction of the font-size.
+        $button: mat.m2-define-typography-level(14px, 14px, 500) // Line-height must be unit-less fraction of the font-size.
     );
 
     @if $base-font-size {
@@ -34,14 +34,14 @@
             $body-2: mat.m2-define-typography-level(1rem, 1.42rem, 400),
             $caption: mat.m2-define-typography-level(0.86rem, 1.42rem, 400),
             $button: mat.m2-define-typography-level(1rem, 1rem, 500),
-            $font-family: $default-font-family
+            $font-family: font-family.$default-font-family
         );
     }
 
     @if $font-family {
         @each $key, $level in $custom-typography {
             /* stylelint-disable-next-line scss/no-global-function-names */
-            @if type-of($level) == 'map' {
+            @if meta.type-of($level) == 'map' {
                 $new-level: map.merge(
                     $level,
                     (

package/fesm2022/adf-core.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, DecimalPipe, DatePipe, CurrencyPipe, NgFor } from '@angular/common';
+import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, DecimalPipe, DatePipe, NgFor } from '@angular/common';
 import * as i2 from '@angular/material/table';
 import { MatTableModule, MatTableDataSource } from '@angular/material/table';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslatePipe, provideTranslateService, TranslateLoader } from '@ngx-translate/core';
 import * as i1$8 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpResponse, provideHttpClient, HTTP_INTERCEPTORS, withInterceptorsFromDi, withXsrfConfiguration } from '@angular/common/http';
-import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, firstValueFrom, combineLatest, defer, EMPTY, race, forkJoin, merge, isObservable } from 'rxjs';
+import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, firstValueFrom, combineLatest, defer, EMPTY, race, forkJoin, merge } from 'rxjs';
 import { map, distinctUntilChanged, take, switchMap, delay, catchError, skipWhile, filter, first, timeout, shareReplay, mergeMap, tap, retry, takeUntil, debounceTime, share, pairwise, buffer } from 'rxjs/operators';
 import * as i1$4 from '@alfresco/adf-extensions';
 import { ExtensionService, mergeObjects, ExtensionsModule, PreviewExtensionComponent } from '@alfresco/adf-extensions';
@@ -8782,8 +8782,7 @@ class RedirectAuthService extends AuthService {
         this.oauthService.configure(config);
         this.oauthService.tokenValidationHandler = new JwksValidationHandler();
         if (config.sessionChecksEnabled) {
-            const sessionErrorTypesToPerformLogout = ['session_terminated', 'session_error'];
-            this.oauthService.events.pipe(filter((event) => sessionErrorTypesToPerformLogout.includes(event.type))).subscribe(() => {
+            this.oauthService.events.pipe(filter((event) => event.type === 'session_terminated')).subscribe(() => {
                 this.oauthService.logOut();
             });
         }
@@ -10607,37 +10606,6 @@ const OidcAuthGuard = async () => {
     }
 };
 
-/*!
- * @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.
- */
-class FrontChannelLogoutComponent {
-    constructor() {
-        this.authService = inject(AuthService);
-    }
-    ngOnInit() {
-        this.authService.logout();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FrontChannelLogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FrontChannelLogoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FrontChannelLogoutComponent, decorators: [{
-            type: Component,
-            args: [{ template: '', standalone: true }]
-        }] });
-
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -10655,8 +10623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 const AUTH_ROUTES = [
-    { path: 'view/authentication-confirmation', component: AuthenticationConfirmationComponent, canActivate: [OidcAuthGuard] },
-    { path: 'oidc/frontchannel_logout', component: FrontChannelLogoutComponent }
+    { path: 'view/authentication-confirmation', component: AuthenticationConfirmationComponent, canActivate: [OidcAuthGuard] }
 ];
 
 /*!
@@ -22621,91 +22588,25 @@ class AmountWidgetComponent extends WidgetComponent {
     get placeholder() {
         return this.showPlaceholder ? this.field.placeholder : '';
     }
-    constructor(formService, settings, currencyPipe) {
+    constructor(formService, settings) {
         super(formService);
         this.formService = formService;
-        this.currencyPipe = currencyPipe;
+        this.settings = settings;
         this.showPlaceholder = true;
         this.currency = AmountWidgetComponent.DEFAULT_CURRENCY;
-        this.currencyDisplay = 'symbol';
-        this.notShowDecimalDigits = '1.0-0';
-        this.showDecimalDigits = '1.2-2';
-        if (isObservable(settings)) {
-            settings.pipe(takeUntilDestroyed()).subscribe((data) => {
-                this.updateSettingsBasedProperties(data);
-            });
-        }
-        else {
-            this.updateSettingsBasedProperties(settings);
-        }
     }
     ngOnInit() {
         if (this.field) {
             if (this.field.currency) {
                 this.currency = this.field.currency;
             }
-            else {
-                if (this.enableDisplayBasedOnLocale) {
-                    this.currency = '';
-                    this.currencyDisplay = '';
-                }
-            }
             if (this.field.readOnly) {
-                this.showPlaceholder = this.showReadonlyPlaceholder;
+                this.showPlaceholder = this.settings?.showReadonlyPlaceholder;
             }
-            this.setInitialValues();
-        }
-    }
-    amountWidgetOnBlur() {
-        if (this.enableDisplayBasedOnLocale) {
-            if (this.amountWidgetValue) {
-                this.valueAsNumber = parseFloat(this.amountWidgetValue);
-                this.amountWidgetValue = this.currencyPipe.transform(this.amountWidgetValue, this.currency, this.currencyDisplay, this.decimalProperty);
-            }
-            else {
-                this.valueAsNumber = null;
-                this.amountWidgetValue = null;
-            }
-        }
-        this.markAsTouched();
-    }
-    amountWidgetOnFocus() {
-        if (this.enableDisplayBasedOnLocale) {
-            const hasValue = this.valueAsNumber === 0 || this.valueAsNumber;
-            this.amountWidgetValue = hasValue ? this.valueAsNumber.toString() : null;
         }
     }
-    getLocale() {
-        const defaultLocale = 'en-US';
-        if (typeof window?.navigator === 'undefined') {
-            return defaultLocale;
-        }
-        const wn = window.navigator;
-        let lang = wn.languages ? wn.languages[0] : defaultLocale;
-        lang = lang || wn.language;
-        return lang;
-    }
-    onFieldChangedAmountWidget() {
-        this.field.value = this.amountWidgetValue;
-        super.onFieldChanged(this.field);
-    }
-    setInitialValues() {
-        if (this.enableDisplayBasedOnLocale) {
-            this.decimalProperty = this.field.enableFractions ? this.showDecimalDigits : this.notShowDecimalDigits;
-            this.locale = this.getLocale();
-            this.valueAsNumber = this.field.value;
-            this.amountWidgetValue = this.currencyPipe.transform(this.field.value, this.currency, this.currencyDisplay, this.decimalProperty, this.locale);
-        }
-        else {
-            this.amountWidgetValue = this.field.value;
-        }
-    }
-    updateSettingsBasedProperties(data) {
-        this.enableDisplayBasedOnLocale = data?.enableDisplayBasedOnLocale ?? false;
-        this.showReadonlyPlaceholder = data?.showReadonlyPlaceholder;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, deps: [{ token: FormService }, { token: ADF_AMOUNT_SETTINGS, optional: true }, { token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: AmountWidgetComponent, isStandalone: true, selector: "amount-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [CurrencyPipe], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            @if(!enableDisplayBasedOnLocale) {\n                <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            }\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"amountWidgetValue\"\n                [(ngModel)]=\"amountWidgetValue\"\n                (ngModelChange)=\"onFieldChangedAmountWidget()\"\n                [disabled]=\"field.readOnly\"\n                (focus)=\"amountWidgetOnFocus()\"\n                (blur)=\"amountWidgetOnBlur()\"\n                />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, deps: [{ token: FormService }, { token: ADF_AMOUNT_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: AmountWidgetComponent, isStandalone: true, selector: "amount-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"field.value\"\n                [(ngModel)]=\"field.value\"\n                (ngModelChange)=\"onFieldChanged(field)\"\n                [disabled]=\"field.readOnly\"\n                (blur)=\"markAsTouched()\"\n            />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, decorators: [{
             type: Component,
@@ -22719,13 +22620,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         '(input)': 'event($event)',
                         '(invalid)': 'event($event)',
                         '(select)': 'event($event)'
-                    }, imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf], providers: [CurrencyPipe], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            @if(!enableDisplayBasedOnLocale) {\n                <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            }\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"amountWidgetValue\"\n                [(ngModel)]=\"amountWidgetValue\"\n                (ngModelChange)=\"onFieldChangedAmountWidget()\"\n                [disabled]=\"field.readOnly\"\n                (focus)=\"amountWidgetOnFocus()\"\n                (blur)=\"amountWidgetOnBlur()\"\n                />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"] }]
+                    }, imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"field.value\"\n                [(ngModel)]=\"field.value\"\n                (ngModelChange)=\"onFieldChanged(field)\"\n                [disabled]=\"field.readOnly\"\n                (blur)=\"markAsTouched()\"\n            />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"] }]
         }], ctorParameters: () => [{ type: FormService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
                     type: Inject,
                     args: [ADF_AMOUNT_SETTINGS]
-                }] }, { type: i1.CurrencyPipe }] });
+                }, {
+                    type: Optional
+                }] }] });
 
 /*!
  * @license