@alfresco/adf-core 8.3.0 → 8.3.1

package/lib/pagination/infinite-pagination.component.d.ts

@@ -14,16 +14,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { PaginatedComponent } from './paginated-component.interface';
 import { PaginationComponentInterface } from './pagination-component.interface';
 import { RequestPaginationModel } from '../models/request-pagination.model';
-import { UserPreferencesService } from '../common/services/user-preferences.service';
 import { PaginationModel } from '../models/pagination.model';
 import * as i0 from "@angular/core";
 export declare class InfinitePaginationComponent implements OnInit, PaginationComponentInterface {
-    private cdr;
-    private userPreferencesService;
+    private readonly cdr;
+    private readonly userPreferencesService;
     static DEFAULT_PAGINATION: PaginationModel;
     _target: PaginatedComponent;
     /** Component that provides custom pagination support. */
@@ -38,7 +37,6 @@ export declare class InfinitePaginationComponent implements OnInit, PaginationCo
     pagination: PaginationModel;
     requestPaginationModel: RequestPaginationModel;
     private readonly destroyRef;
-    constructor(cdr: ChangeDetectorRef, userPreferencesService: UserPreferencesService);
     ngOnInit(): void;
     onLoadMore(): void;
     reset(): void;

package/lib/pagination/pagination.component.d.ts

@@ -14,21 +14,19 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { PaginatedComponent } from './paginated-component.interface';
 import { PaginationComponentInterface } from './pagination-component.interface';
 import { PaginationModel } from '../models/pagination.model';
-import { UserPreferencesService } from '../common/services/user-preferences.service';
-import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export type PaginationAction = 'NEXT_PAGE' | 'PREV_PAGE' | 'CHANGE_PAGE_SIZE' | 'CHANGE_PAGE_NUMBER';
 export declare const DEFAULT_PAGINATION: PaginationModel;
 export declare class PaginationComponent implements OnInit, PaginationComponentInterface {
-    private elementRef;
-    private renderer;
-    private cdr;
-    private userPreferencesService;
-    private translate;
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly cdr;
+    private readonly userPreferencesService;
+    private readonly translate;
     private _pagination;
     private _isEmpty;
     private _hasItems;
@@ -50,7 +48,6 @@ export declare class PaginationComponent implements OnInit, PaginationComponentI
     /** Emitted when the previous page is requested. */
     prevPage: EventEmitter<PaginationModel>;
     private readonly destroyRef;
-    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, userPreferencesService: UserPreferencesService, translate: TranslateService);
     ngOnInit(): void;
     get lastPage(): number;
     get current(): number;

package/lib/pipes/decimal-number.pipe.d.ts

@@ -1,8 +1,12 @@
 import { PipeTransform } from '@angular/core';
 import { AppConfigService } from '../app-config/app-config.service';
 import { UserPreferencesService } from '../common/services/user-preferences.service';
-import { DecimalNumberModel } from '../models/decimal-number.model';
 import * as i0 from "@angular/core";
+export interface DecimalNumberModel {
+    minIntegerDigits?: number;
+    minFractionDigits?: number;
+    maxFractionDigits?: number;
+}
 export declare class DecimalNumberPipe implements PipeTransform {
     userPreferenceService?: UserPreferencesService;
     appConfig?: AppConfigService;
@@ -10,11 +14,10 @@ export declare class DecimalNumberPipe implements PipeTransform {
     static DEFAULT_MIN_INTEGER_DIGITS: number;
     static DEFAULT_MIN_FRACTION_DIGITS: number;
     static DEFAULT_MAX_FRACTION_DIGITS: number;
-    defaultLocale: string;
     defaultMinIntegerDigits: number;
     defaultMinFractionDigits: number;
     defaultMaxFractionDigits: number;
-    constructor(userPreferenceService?: UserPreferencesService, appConfig?: AppConfigService);
+    constructor();
     transform(value: any, digitsInfo?: DecimalNumberModel, locale?: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DecimalNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DecimalNumberPipe, "adfDecimalNumber", true>;

package/lib/pipes/file-size.pipe.d.ts

@@ -15,12 +15,10 @@
  * limitations under the License.
  */
 import { PipeTransform } from '@angular/core';
-import { TranslationService } from '../translation/translation.service';
 import * as i0 from "@angular/core";
 export declare class FileSizePipe implements PipeTransform {
-    private translation;
-    constructor(translation: TranslationService);
-    transform(paramByte: any, decimals?: number): string;
+    private readonly translation;
+    transform(paramByte: number | string | null, decimals?: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileSizePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FileSizePipe, "adfFileSize", true>;
 }

package/lib/pipes/localized-date.pipe.d.ts

@@ -1,18 +1,15 @@
-import { PipeTransform, OnDestroy } from '@angular/core';
+import { PipeTransform } from '@angular/core';
 import { AppConfigService } from '../app-config/app-config.service';
 import { UserPreferencesService } from '../common/services/user-preferences.service';
 import * as i0 from "@angular/core";
-export declare class LocalizedDatePipe implements PipeTransform, OnDestroy {
+export declare class LocalizedDatePipe implements PipeTransform {
     userPreferenceService?: UserPreferencesService;
     appConfig?: AppConfigService;
     static DEFAULT_LOCALE: string;
     static DEFAULT_DATE_FORMAT: string;
-    defaultLocale: string;
     defaultFormat: string;
-    private onDestroy$;
-    constructor(userPreferenceService?: UserPreferencesService, appConfig?: AppConfigService);
+    constructor();
     transform(value: Date | string | number, format?: string, locale?: string, timezone?: string): string;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedDatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<LocalizedDatePipe, "adfLocalizedDate", true>;
 }

package/lib/pipes/pipe.module.d.ts

@@ -5,7 +5,6 @@ import { InitialUsernamePipe } from './user-initial.pipe';
 import { FullNamePipe } from './full-name.pipe';
 import { FormatSpacePipe } from './format-space.pipe';
 import { FileTypePipe } from './file-type.pipe';
-import { MultiValuePipe } from './multi-value.pipe';
 import { LocalizedDatePipe } from './localized-date.pipe';
 import { DecimalNumberPipe } from './decimal-number.pipe';
 import { DateTimePipe } from './date-time.pipe';
@@ -18,18 +17,17 @@ import * as i4 from "./text-highlight.pipe";
 import * as i5 from "./full-name.pipe";
 import * as i6 from "./format-space.pipe";
 import * as i7 from "./file-type.pipe";
-import * as i8 from "./multi-value.pipe";
-import * as i9 from "./decimal-number.pipe";
-import * as i10 from "./date-time.pipe";
-import * as i11 from "./user-initial.pipe";
-import * as i12 from "./truncate.pipe";
-export declare const CORE_PIPES: readonly [typeof LocalizedDatePipe, typeof TimeAgoPipe, typeof FileSizePipe, typeof HighlightPipe, typeof FullNamePipe, typeof FormatSpacePipe, typeof FileTypePipe, typeof MultiValuePipe, typeof DecimalNumberPipe, typeof DateTimePipe, typeof InitialUsernamePipe, typeof TruncatePipe];
+import * as i8 from "./decimal-number.pipe";
+import * as i9 from "./date-time.pipe";
+import * as i10 from "./user-initial.pipe";
+import * as i11 from "./truncate.pipe";
+export declare const CORE_PIPES: readonly [typeof LocalizedDatePipe, typeof TimeAgoPipe, typeof FileSizePipe, typeof HighlightPipe, typeof FullNamePipe, typeof FormatSpacePipe, typeof FileTypePipe, typeof DecimalNumberPipe, typeof DateTimePipe, typeof InitialUsernamePipe, typeof TruncatePipe];
 /**
  * @deprecated this Module is deprecated and should no longer be used.
  * Consider importing CORE_PIPES or individual pipes directly.
  */
 export declare class PipeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PipeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PipeModule, never, [typeof i1.LocalizedDatePipe, typeof i2.TimeAgoPipe, typeof i3.FileSizePipe, typeof i4.HighlightPipe, typeof i5.FullNamePipe, typeof i6.FormatSpacePipe, typeof i7.FileTypePipe, typeof i8.MultiValuePipe, typeof i9.DecimalNumberPipe, typeof i10.DateTimePipe, typeof i11.InitialUsernamePipe, typeof i12.TruncatePipe], [typeof i1.LocalizedDatePipe, typeof i2.TimeAgoPipe, typeof i3.FileSizePipe, typeof i4.HighlightPipe, typeof i5.FullNamePipe, typeof i6.FormatSpacePipe, typeof i7.FileTypePipe, typeof i8.MultiValuePipe, typeof i9.DecimalNumberPipe, typeof i10.DateTimePipe, typeof i11.InitialUsernamePipe, typeof i12.TruncatePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PipeModule, never, [typeof i1.LocalizedDatePipe, typeof i2.TimeAgoPipe, typeof i3.FileSizePipe, typeof i4.HighlightPipe, typeof i5.FullNamePipe, typeof i6.FormatSpacePipe, typeof i7.FileTypePipe, typeof i8.DecimalNumberPipe, typeof i9.DateTimePipe, typeof i10.InitialUsernamePipe, typeof i11.TruncatePipe], [typeof i1.LocalizedDatePipe, typeof i2.TimeAgoPipe, typeof i3.FileSizePipe, typeof i4.HighlightPipe, typeof i5.FullNamePipe, typeof i6.FormatSpacePipe, typeof i7.FileTypePipe, typeof i8.DecimalNumberPipe, typeof i9.DateTimePipe, typeof i10.InitialUsernamePipe, typeof i11.TruncatePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PipeModule>;
 }

package/lib/pipes/public-api.d.ts

@@ -20,7 +20,6 @@ export * from './file-type.pipe';
 export * from './format-space.pipe';
 export * from './full-name.pipe';
 export * from './localized-date.pipe';
-export * from './multi-value.pipe';
 export * from './text-highlight.pipe';
 export * from './time-ago.pipe';
 export * from './user-initial.pipe';

package/lib/pipes/text-highlight.pipe.d.ts

@@ -15,11 +15,9 @@
  * limitations under the License.
  */
 import { PipeTransform } from '@angular/core';
-import { HighlightTransformService } from '../common/services/highlight-transform.service';
 import * as i0 from "@angular/core";
 export declare class HighlightPipe implements PipeTransform {
-    private highlightTransformService;
-    constructor(highlightTransformService: HighlightTransformService);
+    private readonly highlightTransformService;
     transform(text: string, search: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HighlightPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<HighlightPipe, "highlight", true>;

package/lib/pipes/time-ago.pipe.d.ts

@@ -23,9 +23,8 @@ export declare class TimeAgoPipe implements PipeTransform {
     appConfig: AppConfigService;
     static DEFAULT_LOCALE: string;
     static DEFAULT_DATE_TIME_FORMAT: string;
-    defaultLocale: string;
     defaultDateTimeFormat: string;
-    constructor(userPreferenceService: UserPreferencesService, appConfig: AppConfigService);
+    constructor();
     transform(value: Date, locale?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeAgoPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TimeAgoPipe, "adfTimeAgo", true>;

package/lib/pipes/user-initial.pipe.d.ts

@@ -15,12 +15,11 @@
  * limitations under the License.
  */
 import { PipeTransform } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { SafeHtml } from '@angular/platform-browser';
 import { UserLike } from './user-like.interface';
 import * as i0 from "@angular/core";
 export declare class InitialUsernamePipe implements PipeTransform {
-    private sanitized;
-    constructor(sanitized: DomSanitizer);
+    private readonly sanitized;
     transform(user: UserLike & {
         displayName?: string;
     }, className?: string, delimiter?: string): SafeHtml;

package/lib/search-text/models/search-text-input.model.d.ts

@@ -14,10 +14,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare enum SearchTextStateEnum {
-    expanded = "expanded",
-    collapsed = "collapsed"
-}
+export declare const SearchTextStateEnum: {
+    readonly expanded: "expanded";
+    readonly collapsed: "collapsed";
+};
+export type SearchTextStateEnum = (typeof SearchTextStateEnum)[keyof typeof SearchTextStateEnum];
 export interface SearchAnimationState {
     value: string;
     params?: any;

package/lib/search-text/search-text-input.component.d.ts

@@ -1,10 +1,9 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { UserPreferencesService } from '../common';
 import { SearchAnimationDirection, SearchTextStateEnum } from './models/search-text-input.model';
 import * as i0 from "@angular/core";
 export declare class SearchTextInputComponent implements OnInit, OnDestroy {
-    private userPreferencesService;
+    private readonly userPreferencesService;
     /** Toggles auto-completion of the search input field. */
     autocomplete: boolean;
     /**
@@ -62,11 +61,11 @@ export declare class SearchTextInputComponent implements OnInit, OnDestroy {
     private dir;
     private toggleSearch;
     private focusSubscription;
-    private valueChange;
-    private toggleSubscription;
+    private readonly valueChange;
+    private readonly toggleSubscription;
     toggle$: Observable<any>;
     private readonly destroyRef;
-    constructor(userPreferencesService: UserPreferencesService);
+    constructor();
     ngOnInit(): void;
     applySearchFocus(animationDoneEvent: any): void;
     getAutoComplete(): string;

package/lib/search-text/search-text-input.component.scss

@@ -1,14 +1,8 @@
-@use '../styles/mat-selectors' as ms;
-
 .adf-search-container {
     &:has(.adf-input-form-field-divider) {
         overflow: hidden;
     }
 
-    #{ms.$mat-form-field-subscript-wrapper} {
-        display: none;
-    }
-
     .adf-search-container-transition {
         display: flex;
         align-items: center;

package/lib/search-text/search-trigger.directive.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { SearchComponentInterface } from '../common/interface/search-component.interface';
@@ -8,10 +8,10 @@ export declare const SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * Directive selectors without adf- prefix will be deprecated on 3.0.0
  */
 export declare class SearchTriggerDirective implements ControlValueAccessor, OnDestroy {
-    private element;
-    private ngZone;
-    private changeDetectorRef;
-    private document;
+    private readonly element;
+    private readonly ngZone;
+    private readonly changeDetectorRef;
+    private readonly document;
     searchPanel: SearchComponentInterface;
     autocomplete: string;
     private _panelOpen;
@@ -20,7 +20,6 @@ export declare class SearchTriggerDirective implements ControlValueAccessor, OnD
     onChange: (value: any) => void;
     onTouched: () => void;
     private readonly destroyRef;
-    constructor(element: ElementRef, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, document: any);
     ngOnDestroy(): void;
     get panelOpen(): boolean;
     openPanel(): void;
@@ -37,6 +36,6 @@ export declare class SearchTriggerDirective implements ControlValueAccessor, OnD
     private subscribeToClosingActions;
     private setTriggerValue;
     private setValueAndClose;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchTriggerDirective, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchTriggerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SearchTriggerDirective, "input[searchAutocomplete], textarea[searchAutocomplete]", never, { "searchPanel": { "alias": "searchAutocomplete"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/snackbar-content/snackbar-content.component.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare class SnackbarContentComponent {
     snackBarRef: MatSnackBarRef<SnackbarContentComponent>;
     data: SnackBarData;
-    constructor(snackBarRef: MatSnackBarRef<SnackbarContentComponent>, data: SnackBarData);
+    constructor();
     onIconClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarContentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarContentComponent, "adf-snackbar-content", never, {}, {}, never, never, true, never>;

package/lib/{blank-page/index.d.ts → stories/core-story.providers.d.ts}

@@ -14,4 +14,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './public-api';
+import { Provider, EnvironmentProviders } from '@angular/core';
+/**
+ * Provides the core providers for the storybook.
+ *
+ * @returns An array of providers for the core module.
+ */
+export declare function provideStoryCore(): (Provider | EnvironmentProviders)[];

package/lib/{sorting-picker → stories}/index.d.ts

@@ -14,4 +14,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './public-api';
+export * from './core-story.providers';

package/lib/styles/_flex.scss

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+@use 'sass:map';
 /* stylelint-disable */
 
 // Non-overlapping Material Design breakpoints
@@ -23,7 +24,7 @@ $breakpoints: (
     xl: (
         begin: 1920px,
         end: 4999.99px
-    ),
+    )
 ) !default;
 
 // Overlapping breakpoints that are greater than defined
@@ -33,7 +34,7 @@ $overlapping-gt: (
     gt-xs: 600px,
     gt-sm: 960px,
     gt-md: 1280px,
-    gt-lg: 1920px,
+    gt-lg: 1920px
 ) !default;
 
 // Overlapping breakpoints that are less than defined
@@ -43,10 +44,9 @@ $overlapping-lt: (
     lt-sm: 599.9px,
     lt-md: 959.9px,
     lt-lg: 1279.9px,
-    lt-xl: 1919.9px,
+    lt-xl: 1919.9px
 ) !default;
 
-
 // Media Query Mixin, takes a breakpoint and returns a wrapping
 // media query statement
 // e.g.
@@ -61,18 +61,23 @@ $overlapping-lt: (
 //   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; }
+    @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/styles/{material.theme.scss → _globals.scss}

@@ -1,6 +1,6 @@
 @use './mat-selectors' as ms;
 
-@mixin adf-material-theme() {
+@mixin globals() {
     #{ms.$mat-expansion-panel} {
         & #{ms.$mat-expansion-panel-header}.cdk-keyboard-focused,
         & #{ms.$mat-expansion-panel-header}.cdk-program-focused,
@@ -17,19 +17,19 @@
                 color: var(--adf-theme-foreground-text-color-087);
 
                 &:disabled {
-                    color: var(--adf-theme-foreground-text-color-054);
+                    color: var(--adf-theme-foreground-text-color-064);
                 }
             }
         }
 
         #{ms.$mat-calendar-content} {
             #{ms.$mat-calendar-table-header} th {
-                color: var(--adf-theme-foreground-text-color-054);
+                color: var(--adf-theme-foreground-text-color-064);
             }
 
             #{ms.$mat-calendar-body-disabled} > div {
                 /* stylelint-disable-next-line declaration-no-important */
-                color: var(--adf-theme-foreground-text-color-054) !important;
+                color: var(--adf-theme-foreground-text-color-064) !important;
             }
         }
     }
@@ -51,11 +51,11 @@
 
         #{ms.$mat-datetimepicker-calendar-content} {
             #{ms.$mat-datetimepicker-calendar-table-header} th {
-                color: var(--adf-theme-foreground-text-color-054);
+                color: var(--adf-theme-foreground-text-color-064);
             }
 
             #{ms.$mat-datetimepicker-calendar-body-disabled} > div {
-                color: var(--adf-theme-foreground-text-color-054);
+                color: var(--adf-theme-foreground-text-color-064);
             }
         }
     }

package/lib/styles/_index.scss

@@ -1,126 +1,4 @@
-/* stylelint-disable value-keyword-case */
-@use '@angular/material' as mat;
-@use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
-/* stylelint-disable value-list-max-empty-lines */
-/* stylelint-disable scss/no-global-function-names */
-/* stylelint-disable scss/at-import-partial-extension */
-@import './mixins';
-@import './mat-selectors';
-@import '../form/components/widgets/form.theme';
-@import '../clipboard/clipboard.theme';
-@import './material.theme';
-
-@mixin alfresco-material-theme($theme) {
-    @include adf-core-theme($theme);
-}
-
-@mixin adf-core-theme($theme, $custom-css-variables: $adf-custom-theme-sizes) {
-    $foreground: map-get($theme, foreground);
-    $background: map-get($theme, background);
-    $warn: map-get($theme, warn);
-    $accent: map-get($theme, accent);
-    $primary: map-get($theme, primary);
-    $typography: map-get($theme, typography);
-
-    // map SCSS variables to expose as CSS variables
-    $defaults: (
-        // theme colors
-        --theme-primary-color: mat.m2-get-color-from-palette($primary),
-        --theme-primary-color-default-contrast: mat.m2-get-color-from-palette($primary, default-contrast),
-        --theme-header-text-color: mat.m2-get-color-from-palette($primary, default-contrast),
-        --adf-theme-primary-50: mat.m2-get-color-from-palette($primary, 50),
-        --adf-theme-primary-100: mat.m2-get-color-from-palette($primary, 100),
-        --adf-theme-primary-300: mat.m2-get-color-from-palette($primary, 300),
-        --adf-theme-primary-900: mat.m2-get-color-from-palette($primary, 900),
-        --theme-warn-color: mat.m2-get-color-from-palette($warn),
-        --theme-warn-color-a700: mat.m2-get-color-from-palette($warn, A700),
-        --theme-warn-color-default-contrast: mat.m2-get-color-from-palette($warn, default-contrast),
-        --theme-accent-color: mat.m2-get-color-from-palette($accent),
-        --theme-accent-color-a200: mat.m2-get-color-from-palette($accent, A200),
-        --theme-accent-color-default-contrast: mat.m2-get-color-from-palette($accent, default-contrast),
-        --theme-accent-500: mat.m2-get-color-from-palette($accent, 500),
-        --adf-theme-foreground-base-color: mat.m2-get-color-from-palette($foreground, base),
-        --adf-theme-foreground-base-color-065: mat.m2-get-color-from-palette($foreground, base, 0.65),
-        --adf-theme-foreground-base-color-045: mat.m2-get-color-from-palette($foreground, base, 0.45),
-        --adf-theme-foreground-disabled-text-color: mat.m2-get-color-from-palette($foreground, disabled-text),
-        --adf-theme-foreground-divider-color: mat.m2-get-color-from-palette($foreground, divider),
-        --adf-theme-foreground-icon-color: mat.m2-get-color-from-palette($foreground, icon),
-        --adf-theme-foreground-icon-color-054: mat.m2-get-color-from-palette($foreground, icon, 0.54),
-        --adf-theme-foreground-secondary-text-color: mat.m2-get-color-from-palette($foreground, secondary-text),
-        --adf-theme-foreground-text-color: mat.m2-get-color-from-palette($foreground, text),
-        --adf-theme-foreground-text-color-087: mat.m2-get-color-from-palette($foreground, text, 0.87),
-        --adf-theme-foreground-text-color-075: mat.m2-get-color-from-palette($foreground, text, 0.75),
-        --adf-theme-foreground-text-color-064: mat.m2-get-color-from-palette($foreground, text, 0.64),
-        --adf-theme-foreground-text-color-054: mat.m2-get-color-from-palette($foreground, text, 0.54),
-        --adf-theme-foreground-text-color-040: mat.m2-get-color-from-palette($foreground, text, 0.4),
-        --adf-theme-foreground-text-color-027: mat.m2-get-color-from-palette($foreground, text, 0.27),
-        --adf-theme-foreground-text-color-025: mat.m2-get-color-from-palette($foreground, text, 0.25),
-        --adf-theme-foreground-text-color-014: mat.m2-get-color-from-palette($foreground, text, 0.14),
-        --adf-theme-foreground-text-color-007: mat.m2-get-color-from-palette($foreground, text, 0.07),
-        --adf-theme-background-card-color: mat.m2-get-color-from-palette($background, card),
-        --adf-theme-background-card-color-087: mat.m2-get-color-from-palette($background, card, 0.87),
-        --theme-background-color: mat.m2-get-color-from-palette($background, background),
-        --adf-theme-background-dialog-color: mat.m2-get-color-from-palette($background, dialog),
-        --adf-theme-background-hover-color: mat.m2-get-color-from-palette($background, hover),
-        --adf-theme-background-selected-button-color: mat.m2-get-color-from-palette($background, selected-button),
-        --adf-theme-background-status-bar-color: mat.m2-get-color-from-palette($background, status-bar),
-        --adf-theme-background-unselected-chip-color: mat.m2-get-color-from-palette($background, unselected-chip),
-        // typography
-        --theme-font-family: mat.m2-font-family($typography),
-        --theme-font-weight: normal,
-        --theme-body-1-font-size: mat.m2-font-size($typography, body-2),
-        --theme-body-2-font-size: mat.m2-font-size($typography, subtitle-2),
-        --theme-body-1-line-height: mat.m2-line-height($typography, body-2),
-        --theme-display-1-font-size: mat.m2-font-size($typography, headline-4),
-        --theme-display-3-font-size: mat.m2-font-size($typography, headline-2),
-        --theme-display-4-font-size: mat.m2-font-size($typography, headline-1),
-        --theme-caption-font-size: mat.m2-font-size($typography, caption),
-        --theme-title-font-size: mat.m2-font-size($typography, headline-6),
-        --theme-subheading-1-font-size: mat.m2-font-size($typography, body-1),
-        --theme-subheading-2-font-size: mat.m2-font-size($typography, subtitle-1),
-        --theme-button-font-size: mat.m2-font-size($typography, button),
-        --theme-headline-font-size: mat.m2-font-size($typography, headline-5),
-        --theme-headline-line-height: mat.m2-line-height($typography, headline-5),
-        --theme-adf-icon-1-font-size: map-get($custom-css-variables, 'theme-adf-icon-1-font-size'),
-        --theme-adf-picture-1-font-size: map-get($custom-css-variables, 'theme-adf-picture-1-font-size'),
-        --theme-adf-task-footer-font-size: map-get($custom-css-variables, 'theme-adf-task-footer-font-size'),
-        --theme-adf-task-title-font-size: map-get($custom-css-variables, 'theme-adf-task-title-font-size'),
-        // specific colors
-        --adf-theme-mat-grey-color-a200: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A200'),
-        --adf-theme-mat-grey-color-a400: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A400'),
-        --adf-theme-mat-grey-color-50: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 50),
-        // spacing
-        --adf-theme-spacing: map-get($custom-css-variables, 'theme-adf-spacing'),
-        // components
-        --adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12),
-        --adf-metadata-buttons-background-color: rgba(33, 33, 33, 0.05),
-        --adf-metadata-action-button-clear-color: rgba(33, 35, 40, 0.698),
-        --adf-metadata-property-panel-text-color: rgba(33, 35, 40, 0.7),
-        --adf-metadata-property-panel-label-color: rgba(33, 33, 33, 0.24),
-        --adf-metadata-property-panel-title-color: rgb(33, 33, 33),
-        --adf-error-color: #ba1b1b,
-        --adf-secondary-button-background: #2121210d,
-        --adf-secondary-modal-text-color: #212121,
-        --adf-disabled-button-background: rgba(0, 0, 0, 0.12),
-        --adf-chip-border-color: #757575,
-        --adf-sidenav-active-text-color: rgba(0, 48, 100, 1)
-    );
-
-    // propagates SCSS variables into the CSS variables scope
-    :root {
-        @each $name, $value in $defaults {
-            #{$name}: #{$value};
-        }
-    }
-
-    @include datetimepicker-theme.mat-datetimepicker-theme($theme);
-    @include adf-material-theme;
-}
-
-$adf-custom-theme-sizes: (
-    'theme-adf-icon-1-font-size': 17px,
-    'theme-adf-picture-1-font-size': 18px,
-    'theme-adf-task-footer-font-size': 18px,
-    'theme-adf-task-title-font-size': 18px,
-    'theme-adf-spacing': 16px
-);
+@forward './globals';
+@forward './flex';
+@forward './mixins';
+@forward './mat-selectors';