@ptsecurity/mosaic 17.3.0 → 17.5.0

package/file-upload/multiple-file-upload.component.d.ts

@@ -1,6 +1,6 @@
-import { ElementRef, EventEmitter, Renderer2, TemplateRef } from '@angular/core';
-import { CanDisable } from '@ptsecurity/mosaic/core';
-import { McFile, McFileItem, McFileValidatorFn, McInputFile, McInputFileLabel } from './file-upload';
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { CanDisable, CanUpdateErrorState, ErrorStateMatcher } from '@ptsecurity/mosaic/core';
+import { McFile, McFileItem, McFileUploadBase, McFileValidatorFn, McInputFile, McInputFileLabel } from './file-upload';
 import * as i0 from "@angular/core";
 export interface McInputFileMultipleLabel extends McInputFileLabel {
     captionTextWhenSelected: string;
@@ -12,33 +12,85 @@ export interface McInputFileMultipleLabel extends McInputFileLabel {
     [k: string | number | symbol]: unknown;
 }
 export declare const MC_MULTIPLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: McInputFileMultipleLabel;
-export declare class McMultipleFileUploadComponent implements McInputFile, CanDisable {
-    private renderer;
-    config: McInputFileMultipleLabel;
+export declare class McMultipleFileUploadComponent extends McFileUploadBase implements AfterViewInit, DoCheck, McInputFile, CanDisable, CanUpdateErrorState {
+    readonly configuration: McInputFileMultipleLabel;
     accept?: string[];
     disabled: boolean;
     errors: string[];
-    files: McFileItem[];
     size: 'compact' | 'default';
+    /**
+     * custom ID for the file input element.
+     */
     inputId: string;
+    /**
+     * @deprecated use `FormControl.errors`
+     */
     customValidation?: McFileValidatorFn[];
+    /** An object used to control the error state of the component. */
+    errorStateMatcher: ErrorStateMatcher;
+    get files(): McFileItem[];
+    set files(currentFileList: McFileItem[]);
+    private _files;
     fileQueueChanged: EventEmitter<McFileItem[]>;
+    /**
+     * Emits an event containing a chunk of files added to the file list.
+     */
+    filesAdded: EventEmitter<McFileItem[]>;
+    /**
+     * Emits an event containing a file and file's index when removed from the file list.
+     */
+    fileRemoved: EventEmitter<[McFileItem, number]>;
     customFileIcon: TemplateRef<HTMLElement>;
     input: ElementRef<HTMLInputElement>;
+    readonly hint: QueryList<TemplateRef<any>>;
     columnDefs: {
         header: string;
         cssClass: string;
     }[];
+    config: McInputFileMultipleLabel;
+    separatedCaptionText: string[];
+    separatedCaptionTextWhenSelected: string[];
+    separatedCaptionTextForCompactSize: string[];
     get acceptedFiles(): string;
+    /**
+     * @deprecated use `FormControl.errors`
+     */
     get hasErrors(): boolean;
-    constructor(renderer: Renderer2, config: McInputFileMultipleLabel);
+    get hasHint(): boolean;
+    /**
+     * Indicates an invalid state based on file errors or `errorState`,
+     * applying a CSS class in HTML for visual feedback.
+     */
+    get invalid(): boolean;
+    constructor(configuration: McInputFileMultipleLabel);
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    /** cvaOnChange function registered via registerOnChange (ControlValueAccessor). @docs-private */
+    cvaOnChange: (_: McFileItem[]) => void;
+    /** onTouch function registered via registerOnTouch (ControlValueAccessor). @docs-private */
+    onTouched: () => void;
+    /** Implemented as part of ControlValueAccessor. @docs-private */
+    writeValue(files: FileList | McFileItem[] | null): void;
+    /** Implemented as part of ControlValueAccessor. @docs-private */
+    registerOnChange(fn: any): void;
+    /** Implemented as part of ControlValueAccessor. @docs-private */
+    registerOnTouched(fn: any): void;
+    /**
+     * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
+     * @param isDisabled Whether the control should be disabled.
+     * @docs-private
+     */
+    setDisabledState(isDisabled: boolean): void;
     onFileSelectedViaClick({ target }: Event): void;
     onFileDropped(files: FileList | McFile[]): void;
     deleteFile(index: number, event?: MouseEvent): void;
     onFileListChange(): void;
+    private updateLocaleParams;
     private mapToFileItem;
     private validateFile;
     private isCorrectExtension;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McMultipleFileUploadComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McMultipleFileUploadComponent, "mc-multiple-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "files": { "alias": "files"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; }, { "fileQueueChanged": "fileQueueChanged"; }, ["customFileIcon"], ["[hint]"], false, never>;
+    private initDefaultParams;
+    private makeCaptionText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McMultipleFileUploadComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McMultipleFileUploadComponent, "mc-multiple-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "fileQueueChanged": "fileQueueChanged"; "filesAdded": "filesAdded"; "fileRemoved": "fileRemoved"; }, ["customFileIcon", "hint"], ["mc-hint,[hint]"], false, never>;
 }

package/file-upload/multiple-file-upload.component.scss

@@ -142,11 +142,3 @@ $vertical-padding-item: mc-css-variable(file-upload-size-multiple-uploaded-item-
         height: 100%;
     }
 }
-
-.mc-hint {
-    display: block;
-}
-
-.mc-file-upload__hint {
-    margin-top: mc-css-variable(form-field-hint-size-margin-top);
-}

package/file-upload/single-file-upload.component.d.ts

@@ -1,27 +1,71 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { CanDisable } from '@ptsecurity/mosaic/core';
-import { McFile, McFileItem, McFileValidatorFn, McInputFile, McInputFileLabel } from './file-upload';
+import { DoCheck, ElementRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CanDisable, ErrorStateMatcher } from '@ptsecurity/mosaic/core';
+import { McFile, McFileItem, McFileUploadBase, McFileValidatorFn, McInputFile, McInputFileLabel } from './file-upload';
 import * as i0 from "@angular/core";
 export declare const MC_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: McInputFileLabel;
-export declare class McSingleFileUploadComponent implements McInputFile, CanDisable {
-    private renderer;
-    config: McInputFileLabel;
+export declare class McSingleFileUploadComponent extends McFileUploadBase implements McInputFile, CanDisable, DoCheck, ControlValueAccessor {
+    readonly configuration: McInputFileLabel;
+    get file(): McFileItem | null;
+    set file(currentFile: McFileItem | null);
+    private _file;
+    get acceptedFiles(): string;
+    get hasHint(): boolean;
+    /**
+     * Indicates an invalid state based on `errorState`,
+     * applying a CSS class in HTML for visual feedback.
+     */
+    get invalid(): boolean;
     accept: string[];
     disabled: boolean;
+    /**
+     * @deprecated use `FormControl.errors`
+     */
     errors: string[];
-    files: McFileItem[];
     inputId: string;
+    /**
+     * @deprecated use FormControl for validation
+     */
     customValidation?: McFileValidatorFn[];
+    /** An object used to control the error state of the component. */
+    errorStateMatcher: ErrorStateMatcher;
     fileQueueChanged: EventEmitter<McFileItem | null>;
     input: ElementRef<HTMLInputElement>;
-    get acceptedFiles(): string;
-    constructor(renderer: Renderer2, config: McInputFileLabel);
+    config: McInputFileLabel;
+    separatedCaptionText: string[];
+    private readonly hint;
+    constructor(configuration: McInputFileLabel);
+    /** cvaOnChange function registered via registerOnChange (ControlValueAccessor).
+     * @docs-private
+     */
+    cvaOnChange: (_: McFileItem | null) => void;
+    /** onTouch function registered via registerOnTouch (ControlValueAccessor).
+     * @docs-private
+     */
+    onTouched: () => void;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    /** Implemented as part of ControlValueAccessor. @docs-private */
+    writeValue(file: File | McFileItem | null): void;
+    /** Implemented as part of ControlValueAccessor. @docs-private */
+    registerOnChange(fn: any): void;
+    /** Implemented as part of ControlValueAccessor. @docs-private */
+    registerOnTouched(fn: any): void;
+    /**
+     * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
+     * @param isDisabled Whether the control should be disabled.
+     * @docs-private
+     */
+    setDisabledState(isDisabled: boolean): void;
     onFileSelectedViaClick({ target }: Event): void;
     deleteItem(event?: MouseEvent): void;
     onFileDropped(files: FileList | McFile[]): void;
     private mapToFileItem;
     private validateFile;
     private isCorrectExtension;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSingleFileUploadComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McSingleFileUploadComponent, "mc-single-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "files": { "alias": "files"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; }, { "fileQueueChanged": "fileQueueChanged"; }, never, ["[hint]", "[mc-icon]"], false, never>;
+    private updateLocaleParams;
+    private initDefaultParams;
+    private makeCaptionText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McSingleFileUploadComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McSingleFileUploadComponent, "mc-single-file-upload", never, { "file": { "alias": "file"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; }, { "fileQueueChanged": "fileQueueChanged"; }, ["hint"], ["mc-hint,[hint]", "[mc-icon]"], false, never>;
 }

package/file-upload/single-file-upload.component.scss

@@ -41,11 +41,3 @@ $tokens: meta.module-variables(tokens) !default;
         }
     }
 }
-
-.mc-hint {
-    display: block;
-}
-
-.mc-file-upload__hint {
-    margin-top: mc-css-variable(form-field-hint-size-margin-top);
-}

package/form-field/form-field.d.ts

@@ -59,7 +59,7 @@ export declare class McFormField extends McFormFieldMixinBase implements AfterCo
     /** Determines whether a class from the NgControl should be forwarded to the host element. */
     shouldForward(prop: keyof NgControl): boolean;
     ngOnDestroy(): void;
-    runFocusMonitor(): void;
+    runFocusMonitor: () => void;
     stopFocusMonitor(): void;
     /** Throws an error if the form field's control is missing. */
     protected validateControlChild(): void;

package/form-field/validate.directive.d.ts

@@ -1,9 +1,10 @@
-import { AfterContentInit, ChangeDetectorRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { AbstractControl, FormGroupDirective, NgControl, NgForm, Validator, ValidatorFn } from '@angular/forms';
 import { McValidationOptions } from '@ptsecurity/mosaic/core';
+import { Subscription } from 'rxjs';
 import { McFormFieldControl } from './form-field-control';
 import * as i0 from "@angular/core";
-export declare class McValidateDirective implements AfterContentInit {
+export declare class McValidateDirective implements AfterContentInit, OnDestroy {
     private formFieldControl;
     rawValidators: Validator[];
     private ngControl;
@@ -17,8 +18,10 @@ export declare class McValidateDirective implements AfterContentInit {
     get validationControl(): any;
     get parent(): NgForm;
     get hasNotSubmittedParent(): boolean;
+    protected validationStatusChangesSubscription: Subscription;
     constructor(formFieldControl: McFormFieldControl<any>, rawValidators: Validator[], ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, mcValidation: McValidationOptions, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     setValidState(control: AbstractControl, validator: ValidatorFn): void;
     /** This function do next:
      * - run validation on submitting parent form

package/input/input-number.d.ts

@@ -4,6 +4,11 @@ import { McLocaleService } from '@ptsecurity/mosaic/core';
 import { McFormFieldControl } from '@ptsecurity/mosaic/form-field';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
+export declare const MC_INPUT_NUMBER_DEFAULT_CONFIGURATION: {
+    groupSeparator: string[];
+    fractionSeparator: string;
+    startFormattingFrom: number;
+};
 export declare const BIG_STEP = 10;
 export declare const SMALL_STEP = 1;
 export declare function normalizeSplitter(value: string): string;
@@ -16,7 +21,7 @@ export declare const MC_NUMBER_INPUT_VALUE_ACCESSOR: any;
 export declare class McNumberInput implements McFormFieldControl<any>, ControlValueAccessor, OnDestroy {
     private elementRef;
     private readonly renderer;
-    private localeService;
+    private localeService?;
     /** Emits when the value changes (either due to user input or programmatic change). */
     valueChange: EventEmitter<number | null>;
     /** Emits when the disabled state has changed */
@@ -48,11 +53,9 @@ export declare class McNumberInput implements McFormFieldControl<any>, ControlVa
     get viewValue(): string;
     get ngControl(): any;
     private control;
-    private readonly allNumberLocaleConfigs;
-    private numberLocaleConfig;
+    private config;
     private valueFromPaste;
-    private localeSubscription;
-    constructor(elementRef: ElementRef, renderer: Renderer2, step: string, bigStep: string, min: string, max: string, localeService: McLocaleService);
+    constructor(elementRef: ElementRef, renderer: Renderer2, step: string, bigStep: string, min: string, max: string, localeService?: McLocaleService | undefined);
     ngOnDestroy(): void;
     onContainerClick(): void;
     focus(): void;
@@ -67,18 +70,14 @@ export declare class McNumberInput implements McFormFieldControl<any>, ControlVa
     onPaste(event: ClipboardEvent): void;
     stepUp(step: number): void;
     stepDown(step: number): void;
+    private initDefaultParams;
     private cvaOnChange;
     private setViewValue;
     private viewToModelUpdate;
     private formatViewValue;
     private formatNumber;
     private createLocalizedNumberFromParts;
-    /**
-     * Method that returns a string representation of a number without localized separators
-     */
-    private normalizeNumber;
     private updateLocaleParams;
-    private checkAndNormalizeLocalizedNumber;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNumberInput, [null, null, { attribute: "step"; }, { attribute: "big-step"; }, { attribute: "min"; }, { attribute: "max"; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McNumberInput, "input[mcInput][type=\"number\"]", ["mcNumericalInput"], { "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McNumberInput, "input[mcNumberInput]", ["mcNumericalInput"], { "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

package/input/input-password.d.ts

@@ -1,7 +1,4 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { DoCheck, ElementRef, NgZone, OnChanges, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { DoCheck, ElementRef, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
 import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { CanUpdateErrorState, ErrorStateMatcher } from '@ptsecurity/mosaic/core';
 import { McFormField, McFormFieldControl } from '@ptsecurity/mosaic/form-field';
@@ -22,12 +19,12 @@ export declare class McPasswordToggle extends McTooltipTrigger implements OnDest
     private _tabIndex;
     get hidden(): boolean;
     get visibility(): string;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor, formField: McFormField);
+    constructor(formField: McFormField);
     ngOnDestroy(): void;
     toggle(): void;
     private runFocusMonitor;
     private stopFocusMonitor;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McPasswordToggle, [null, null, null, null, null, null, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McPasswordToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McPasswordToggle, "mc-password-toggle", ["mcPasswordToggle"], { "content": { "alias": "mcTooltipNotHidden"; "required": false; }; "mcTooltipHidden": { "alias": "mcTooltipHidden"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare class McInputPassword extends McInputMixinBase implements McFormFieldControl<any>, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState, OnChanges {

package/input/input.d.ts

@@ -109,7 +109,7 @@ export declare class McInput extends McInputMixinBase implements McFormFieldCont
     /** Checks whether the input is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McInput, [null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McInput, "input[mcInput]", ["mcInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McInput, "input[mcInput],input[mcNumberInput]", ["mcInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McInputMono {
     static ɵfac: i0.ɵɵFactoryDeclaration<McInputMono, never>;

package/loader-overlay/loader-overlay.component.d.ts

@@ -16,16 +16,17 @@ export declare class McLoaderOverlay implements OnInit, OnDestroy {
     private elementRef;
     private renderer;
     private fixedTop;
+    externalIndicator: McLoaderOverlayIndicator | null;
+    externalText: McLoaderOverlayText | null;
+    externalCaption: McLoaderOverlayCaption | null;
     text: string;
     caption: string;
+    private parent;
     get isExternalIndicator(): boolean;
     get isExternalText(): boolean;
     get isExternalCaption(): boolean;
     get isFixedTop(): boolean;
     get isEmpty(): boolean;
-    externalIndicator: McLoaderOverlayIndicator | null;
-    externalText: McLoaderOverlayText | null;
-    externalCaption: McLoaderOverlayCaption | null;
     constructor(elementRef: ElementRef, renderer: Renderer2, fixedTop: string | null);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/modal/modal.directive.d.ts

@@ -1,7 +1,10 @@
+import { McModalComponent } from './modal.component';
 import * as i0 from "@angular/core";
 export declare class McModalTitle {
+    protected modal: McModalComponent;
+    constructor(modal: McModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalTitle, "[mc-modal-title], mc-modal-title, [mcModalTitle]", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McModalTitle, "[mc-modal-title], mc-modal-title, [mcModalTitle]", never, {}, {}, never, ["*"], false, never>;
 }
 export declare class McModalBody {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalBody, never>;

package/navbar/navbar-item.component.d.ts

@@ -1,7 +1,5 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, TemplateRef } from '@angular/core';
 import { IFocusableOption } from '@ptsecurity/cdk/a11y';
 import { McButton, McButtonCssStyler } from '@ptsecurity/mosaic/button';
 import { McDropdownTrigger } from '@ptsecurity/mosaic/dropdown';
@@ -142,13 +140,13 @@ export declare class McNavbarItem extends McTooltipTrigger {
     get showVerticalDropDownAngle(): boolean;
     get showHorizontalDropDownAngle(): boolean;
     get hasCroppedText(): boolean;
-    constructor(rectangleElement: McNavbarRectangleElement, navbarFocusableItem: McNavbarFocusableItem, changeDetectorRef: ChangeDetectorRef, overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, focusMonitor: FocusMonitor, scrollStrategy: any, direction: Directionality, dropdownTrigger: McDropdownTrigger, bento: McNavbarBento);
+    constructor(rectangleElement: McNavbarRectangleElement, navbarFocusableItem: McNavbarFocusableItem, changeDetectorRef: ChangeDetectorRef, dropdownTrigger: McDropdownTrigger, bento: McNavbarBento);
     ngAfterContentInit(): void;
     updateTooltip(): void;
     getTitleWidth(): number;
     onKeyDown($event: KeyboardEvent): void;
     private updateCollapsedState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarItem, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarItem, [null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarItem, "mc-navbar-item, [mc-navbar-item]", ["mcNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "subTitle", "icon"], ["[mc-icon]", "mc-navbar-title, [mc-navbar-title]", "mc-navbar-subtitle, [mc-navbar-subtitle]", "*"], false, never>;
 }
 export declare class McNavbarToggle extends McTooltipTrigger implements OnDestroy {
@@ -160,12 +158,12 @@ export declare class McNavbarToggle extends McTooltipTrigger implements OnDestro
     set content(content: string | TemplateRef<any>);
     get disabled(): boolean;
     protected modifier: TooltipModifier;
-    constructor(navbar: McVerticalNavbar, changeDetectorRef: ChangeDetectorRef, overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, focusMonitor: FocusMonitor, direction: Directionality, document: any);
+    constructor(navbar: McVerticalNavbar, changeDetectorRef: ChangeDetectorRef, document: any);
     onKeydown($event: KeyboardEvent): void;
     ngOnDestroy(): void;
     toggle: () => void;
     private getWindow;
     private windowToggleHandler;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarToggle, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarToggle, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarToggle, "mc-navbar-toggle", never, { "content": { "alias": "mcCollapsedTooltip"; "required": false; }; }, {}, ["customIcon"], ["[mc-icon]", "mc-navbar-title"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ptsecurity/mosaic",
-    "version": "17.3.0",
+    "version": "17.5.0",
     "description": "Mosaic",
     "repository": {
         "type": "git",
@@ -19,14 +19,14 @@
     "peerDependencies": {
         "@angular/cdk": "^17.2.0",
         "@angular/forms": "^17.2.0",
-        "@ptsecurity/cdk": "^17.3.0",
-        "@ptsecurity/mosaic-moment-adapter": "^17.3.0",
-        "@ptsecurity/mosaic-luxon-adapter": "^17.3.0",
-        "@mosaic-design/date-formatter": "^2.1.6",
+        "@ptsecurity/cdk": "^17.5.0",
+        "@ptsecurity/mosaic-moment-adapter": "^17.5.0",
+        "@ptsecurity/mosaic-luxon-adapter": "^17.5.0",
+        "@mosaic-design/date-formatter": "^2.1.8",
         "@ptsecurity/mosaic-icons": "^7.0.8",
-        "@mosaic-design/tokens-builder": "^3.0.0",
-        "@mosaic-design/tokens-fe-2022": "^3.0.0",
-        "@mosaic-design/tokens-legacy-2017": "^3.0.0",
+        "@mosaic-design/tokens-builder": "^3.1.0",
+        "@mosaic-design/tokens-fe-2022": "^3.1.0",
+        "@mosaic-design/tokens-legacy-2017": "^3.1.0",
         "marked": "^4.0.18"
     },
     "dependencies": {
@@ -51,9 +51,6 @@
         "./prebuilt-themes/dark-theme.css": {
             "style": "./prebuilt-themes/dark-theme.css"
         },
-        "./prebuilt-visual/default-visual.css": {
-            "style": "./prebuilt-visual/default-visual.css"
-        },
         "./package.json": {
             "default": "./package.json"
         },
@@ -75,11 +72,11 @@
             "esm": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-button-toggle.mjs"
         },
-        "./card": {
-            "types": "./card/index.d.ts",
-            "esm2022": "./esm2022/card/ptsecurity-mosaic-card.mjs",
-            "esm": "./esm2022/card/ptsecurity-mosaic-card.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-card.mjs"
+        "./code-block": {
+            "types": "./code-block/index.d.ts",
+            "esm2022": "./esm2022/code-block/ptsecurity-mosaic-code-block.mjs",
+            "esm": "./esm2022/code-block/ptsecurity-mosaic-code-block.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-code-block.mjs"
         },
         "./checkbox": {
             "types": "./checkbox/index.d.ts",
@@ -87,11 +84,11 @@
             "esm": "./esm2022/checkbox/ptsecurity-mosaic-checkbox.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-checkbox.mjs"
         },
-        "./code-block": {
-            "types": "./code-block/index.d.ts",
-            "esm2022": "./esm2022/code-block/ptsecurity-mosaic-code-block.mjs",
-            "esm": "./esm2022/code-block/ptsecurity-mosaic-code-block.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-code-block.mjs"
+        "./card": {
+            "types": "./card/index.d.ts",
+            "esm2022": "./esm2022/card/ptsecurity-mosaic-card.mjs",
+            "esm": "./esm2022/card/ptsecurity-mosaic-card.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-card.mjs"
         },
         "./core": {
             "types": "./core/index.d.ts",
@@ -231,18 +228,18 @@
             "esm": "./esm2022/sidepanel/ptsecurity-mosaic-sidepanel.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-sidepanel.mjs"
         },
-        "./splitter": {
-            "types": "./splitter/index.d.ts",
-            "esm2022": "./esm2022/splitter/ptsecurity-mosaic-splitter.mjs",
-            "esm": "./esm2022/splitter/ptsecurity-mosaic-splitter.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-splitter.mjs"
-        },
         "./table": {
             "types": "./table/index.d.ts",
             "esm2022": "./esm2022/table/ptsecurity-mosaic-table.mjs",
             "esm": "./esm2022/table/ptsecurity-mosaic-table.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-table.mjs"
         },
+        "./splitter": {
+            "types": "./splitter/index.d.ts",
+            "esm2022": "./esm2022/splitter/ptsecurity-mosaic-splitter.mjs",
+            "esm": "./esm2022/splitter/ptsecurity-mosaic-splitter.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-splitter.mjs"
+        },
         "./tabs": {
             "types": "./tabs/index.d.ts",
             "esm2022": "./esm2022/tabs/ptsecurity-mosaic-tabs.mjs",

package/popover/popover-confirm.component.d.ts

@@ -1,6 +1,4 @@
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, ViewContainerRef } from '@angular/core';
+import { EventEmitter, InjectionToken } from '@angular/core';
 import { ThemePalette } from '@ptsecurity/mosaic/core';
 import { Subject } from 'rxjs';
 import { McPopoverComponent, McPopoverTrigger } from './popover.component';
@@ -12,7 +10,6 @@ export declare class McPopoverConfirmComponent extends McPopoverComponent {
     onConfirm: Subject<void>;
     confirmButtonText: string;
     confirmText: string;
-    constructor(changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverConfirmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McPopoverConfirmComponent, "mc-popover-confirm-component", never, {}, {}, never, never, false, never>;
 }
@@ -24,10 +21,10 @@ export declare class McPopoverConfirmTrigger extends McPopoverTrigger {
     get confirmButtonText(): string;
     set confirmButtonText(value: string);
     private _confirmButtonText;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, confirmText: string, confirmButtonText: string);
+    constructor(confirmText: string, confirmButtonText: string);
     updateData(): void;
     setupButtonEvents(): void;
     getOverlayHandleComponentType(): typeof McPopoverConfirmComponent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverConfirmTrigger, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverConfirmTrigger, [{ optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McPopoverConfirmTrigger, "[mcPopoverConfirm]", ["mcPopoverConfirm"], { "confirmText": { "alias": "mcPopoverConfirmText"; "required": false; }; "confirmButtonText": { "alias": "mcPopoverConfirmButtonText"; "required": false; }; }, { "confirm": "confirm"; }, never, never, false, never>;
 }

package/popover/popover.component.d.ts

@@ -1,14 +1,14 @@
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher, ScrollStrategy, OverlayConfig } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { Overlay, ScrollStrategy, OverlayConfig } from '@angular/cdk/overlay';
+import { EventEmitter, InjectionToken, OnInit, TemplateRef, Type } from '@angular/core';
 import { McPopUp, McPopUpTrigger, PopUpPlacements, PopUpSizes } from '@ptsecurity/mosaic/core';
 import * as i0 from "@angular/core";
 export declare class McPopoverComponent extends McPopUp {
+    cdkTrapFocus: CdkTrapFocus;
     prefix: string;
     header: string | TemplateRef<any>;
     footer: string | TemplateRef<any>;
     isTrapFocus: boolean;
-    constructor(changeDetectorRef: ChangeDetectorRef);
     updateClassMap(placement: string, customClass: string, size: PopUpSizes): void;
     updateTrapFocus(isTrapFocus: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverComponent, never>;
@@ -25,7 +25,7 @@ export declare const MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
 };
 /** Creates an error to be thrown if the user supplied an invalid popover position. */
 export declare function getMcPopoverInvalidPositionError(position: string): Error;
-export declare class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent> {
+export declare class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent> implements OnInit {
     get popoverVisible(): boolean;
     set popoverVisible(value: boolean);
     get popoverPlacement(): PopUpPlacements;
@@ -65,9 +65,15 @@ export declare class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent>
     backdropClass: string;
     placementChange: EventEmitter<any>;
     visibleChange: EventEmitter<boolean>;
+    protected scrollStrategy: () => ScrollStrategy;
     protected originSelector: string;
+    /**
+     * default offset + arrow position shift + border
+     * @docs-private
+     */
+    protected arrowOffset: number;
     protected get overlayConfig(): OverlayConfig;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality);
+    ngOnInit(): void;
     updateData(): void;
     /** Updates the position of the current popover. */
     updatePosition(reapplyPosition?: boolean): void;
@@ -75,6 +81,7 @@ export declare class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent>
     updateClassMap(newPlacement?: string): void;
     closingActionsForClick(): import("rxjs").Observable<MouseEvent>[];
     closingActions(): import("rxjs").Observable<void | MouseEvent | import("@angular/cdk/scrolling").CdkScrollable>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverTrigger, [null, null, null, null, null, null, { optional: true; }]>;
+    private hideIfNotInViewPort;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McPopoverTrigger, "[mcPopover]", ["mcPopover"], { "popoverVisible": { "alias": "mcPopoverVisible"; "required": false; }; "popoverPlacement": { "alias": "mcPopoverPlacement"; "required": false; }; "popoverPlacementPriority": { "alias": "mcPopoverPlacementPriority"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "header": { "alias": "mcPopoverHeader"; "required": false; }; "content": { "alias": "mcPopoverContent"; "required": false; }; "footer": { "alias": "mcPopoverFooter"; "required": false; }; "disabled": { "alias": "mcPopoverDisabled"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "size": { "alias": "mcPopoverSize"; "required": false; }; "customClass": { "alias": "mcPopoverClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "placementChange": "mcPopoverPlacementChange"; "visibleChange": "mcPopoverVisibleChange"; }, never, never, false, never>;
 }