@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

package/mat-input-country/index.d.ts

@@ -1 +1,30 @@
-export * from './src/onemrva-mat-input-country.component';
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
+
+declare class OnemrvaMatInputCountryComponent implements OnInit {
+    readonly: boolean;
+    country: FormControl;
+    label: string;
+    noEntriesFoundLabel: string;
+    hint: string;
+    placeholderLabel: string;
+    searchAriaLabel: string;
+    getCountry: EventEmitter<any>;
+    filterCtrl: FormControl<string | null>;
+    countries$: Observable<OnemrvaMaterialCountry[]>;
+    filteredCountries$: Observable<OnemrvaMaterialCountry[]>;
+    selectedCountry$?: Observable<OnemrvaMaterialCountry | undefined>;
+    setValue(country: OnemrvaMaterialCountry): void;
+    private readonly cdn;
+    constructor();
+    ngOnInit(): void;
+    handleClick(e: any): void;
+    errors(): "input.country.required" | "input.country.unknown.error";
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputCountryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputCountryComponent, "onemrva-mat-input-country", never, { "readonly": { "alias": "readonly"; "required": false; }; "country": { "alias": "country"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+}
+
+export { OnemrvaMatInputCountryComponent };

package/mat-input-country/src/onemrva-mat-input-country.component.scss

@@ -2,6 +2,6 @@ mat-option.mdc-list-item {
   .country {
     position: relative;
     display: block;
-    padding-top: 4px;
+    padding-top: var(--half-spacer);
   }
 }

package/mat-input-enterprise-number/index.d.ts

@@ -1 +1,37 @@
-export * from './src/onemrva-mat-input-enterprise-number.component';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Subject, Observable } from 'rxjs';
+import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
+
+declare class OnemrvaMatInputEnterpriseNumberComponent implements OnInit, OnDestroy {
+    readonly: boolean;
+    enterpriseNumber: FormControl;
+    label: string;
+    noEntriesFoundLabel: string;
+    placeholderLabel: string;
+    defaultCountry: string;
+    searchAriaLabel: string;
+    hint: string;
+    getCountry: EventEmitter<any>;
+    numberInput: ElementRef;
+    countryCode: FormControl;
+    filterCtrl: FormControl<string | null>;
+    destroyNotifier$: Subject<void>;
+    private readonly cdn;
+    countries$: Observable<OnemrvaMaterialCountry[]>;
+    filteredCountries$: Observable<OnemrvaMaterialCountry[]>;
+    constructor();
+    get number(): FormControl;
+    setCode(country: OnemrvaMaterialCountry | null): void;
+    ngOnInit(): void;
+    clearValidators(): void;
+    formatEnterpriseNumber(country: OnemrvaMaterialCountry | undefined): void;
+    ngOnDestroy(): void;
+    handleClick(e: any): void;
+    errors(): "input.vies.required" | "input.vies.invalid" | "input.vies.unknown.error";
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputEnterpriseNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputEnterpriseNumberComponent, "onemrva-mat-input-enterprise-number", never, { "readonly": { "alias": "readonly"; "required": false; }; "enterpriseNumber": { "alias": "enterpriseNumber"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+}
+
+export { OnemrvaMatInputEnterpriseNumberComponent };

package/mat-input-iban/index.d.ts

@@ -1 +1,79 @@
-export * from './src/onemrva-mat-input-iban.component';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroup, NgControl, ValidationErrors, AbstractControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Observable, Subject } from 'rxjs';
+import { BooleanInput } from '@angular/cdk/coercion';
+
+declare class OnemrvaMatInputIbanComponent implements ControlValueAccessor, MatFormFieldControl<string>, OnInit, OnDestroy {
+    countryCode: HTMLInputElement;
+    bban: HTMLInputElement;
+    static nextId: number;
+    noEntriesFoundLabel: string;
+    placeholderLabel: string;
+    searchAriaLabel: string;
+    label: string;
+    prioritizedCountries: string[];
+    onlySEPA: boolean;
+    getCountry: EventEmitter<any>;
+    filteredCountries$: Observable<string[]>;
+    filterCtrl: FormControl<string | null>;
+    destroyNotifier$: Subject<void>;
+    placeholderIban: string;
+    controlType: string;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    id: string;
+    touched: boolean;
+    parts: FormGroup<{
+        countryCode: FormControl<string | null>;
+        bban: FormControl<string | null>;
+    }>;
+    get bbanField(): FormControl;
+    get countryCodeField(): FormControl;
+    private readonly focusMonitor;
+    readonly elementRef: ElementRef<any>;
+    private readonly cd;
+    private readonly formBuilder;
+    readonly ngControl: NgControl | null;
+    constructor();
+    errors(): ValidationErrors | null;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    get errorState(): boolean;
+    get shouldLabelFloat(): boolean;
+    get empty(): boolean;
+    get value(): string;
+    set value(iban: string | null);
+    readonly: boolean;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    setDisabledState(isDisabled: boolean): void;
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
+    updateNumber(number: string): void;
+    ngOnInit(): void;
+    handleClick(e: any): void;
+    ngOnDestroy(): void;
+    getCountryCodes(prioritizedCountries: string[]): Observable<any>;
+    isLastPrioritized(i: number): boolean;
+    autoFocusNext(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(iban: string | null): void;
+    _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    firstTwoCharsAreLetters(input: string): boolean;
+    generatePlaceholder(chars: number): string;
+    onKeyup(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputIbanComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputIbanComponent, "onemrva-mat-input-iban", never, { "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prioritizedCountries": { "alias": "prioritizedCountries"; "required": false; }; "onlySEPA": { "alias": "onlySEPA"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+}
+
+export { OnemrvaMatInputIbanComponent };

package/mat-input-phone/index.d.ts

@@ -1,2 +1,44 @@
-export * from './src/onemrva-mat-input-phone.component';
-export * from './src/phone-number.directive';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+import { FormControl, ValidatorFn } from '@angular/forms';
+import { Subject, Observable } from 'rxjs';
+import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
+
+declare class OnemrvaMatInputPhoneComponent implements OnInit, OnDestroy {
+    readonly: boolean;
+    phoneNumber: FormControl;
+    label: string;
+    noEntriesFoundLabel: string;
+    placeholder: string;
+    placeholderLabel: string;
+    defaultPrefix: string;
+    searchAriaLabel: string;
+    hint: string;
+    getCountry: EventEmitter<any>;
+    numberInput: ElementRef;
+    countryCode: FormControl;
+    filterCtrl: FormControl<string | null>;
+    destroyNotifier$: Subject<void>;
+    private readonly cdn;
+    countries$: Observable<OnemrvaMaterialCountry[]>;
+    filteredCountries$: Observable<OnemrvaMaterialCountry[]>;
+    constructor();
+    get number(): FormControl;
+    ngOnInit(): void;
+    handleClick(e: any): void;
+    private clearValidators;
+    private formatPhoneNumber;
+    ngOnDestroy(): void;
+    errors(): "input.phone.invalid" | "input.phone.required" | "input.phone.unknown.error";
+    phoneNumberValidator(code: string): ValidatorFn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputPhoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputPhoneComponent, "onemrva-mat-input-phone", never, { "readonly": { "alias": "readonly"; "required": false; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "defaultPrefix": { "alias": "defaultPrefix"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
+}
+
+declare class PhoneNumberDirective {
+    onKeyDown(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberDirective, "[phoneNumber]", never, {}, {}, never, never, true, never>;
+}
+
+export { OnemrvaMatInputPhoneComponent, PhoneNumberDirective };

package/mat-message-box/index.d.ts

@@ -1,2 +1,101 @@
-export * from './src/onemrva-mat-message-box.component';
-export * from './src/onemrva-mat-message-box.module';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
+
+declare class OnemrvaMatMessageBoxComponent implements AfterViewInit {
+    label: false | string;
+    messageCode: string;
+    mbcontent: ElementRef;
+    /**
+     * Returns the `aria-label` attribute of the element.
+     *
+     * @example
+     * ```typescript
+     * let elementLabel = this.<element>.ariaLabel;
+     * ```
+     *
+     */
+    ariaLabel: string;
+    showIcon: boolean;
+    /**
+     * Returns the `role` attribute of the element.
+     *
+     * @example
+     * ```typescript
+     * let elementRole = this.<element>.role;
+     * ```
+     */
+    role: string;
+    /**
+     * Host `class.onemrva-mat-message-box` binding.
+     *
+     * @hidden
+     * @internal
+     */
+    cssClass: string;
+    /**
+     * Sets the `id` of the element. If not set, the first component instance will have `id` = `"onemrva-mat-*-0"`.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-* id="my-first-*"></onemrva-mat-*>
+     * ```
+     */
+    id: string;
+    /**
+     * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `"onemrva-mat-*-0"`.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-* id="my-first-*"></onemrva-mat-*>
+     * ```
+     */
+    dataCy: string;
+    /**
+     * @hidden
+     * @internal
+     */
+    private _color;
+    /**
+     * Returns the color of the element.
+     *
+     * @example
+     * ```typescript
+     * let color = this.<element>.color;
+     * ```
+     */
+    get color(): OnemrvaMatColor;
+    /**
+     * Sets the size  of the element.
+     * By default, the size is `"small"`. It can be set to `"medium"` or `"large"`.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-* size="large"></onemrva-mat-*>
+     * ```
+     */
+    set color(value: OnemrvaMatColor);
+    /** @hidden @internal */
+    get _isError(): boolean;
+    /** @hidden @internal */
+    get _isWarn(): boolean;
+    /** @hidden @internal */
+    get _isSuccess(): boolean;
+    /** @hidden @internal */
+    get _isPrimary(): boolean;
+    /** @hidden @internal */
+    get isGrayscale(): boolean;
+    /** @hidden @internal */
+    get _isInfo(): boolean;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatMessageBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatMessageBoxComponent, "onemrva-mat-message-box", never, { "label": { "alias": "label"; "required": false; }; "messageCode": { "alias": "messageCode"; "required": false; }; "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatMessageBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatMessageBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatMessageBoxModule, never, [typeof OnemrvaMatMessageBoxComponent], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatMessageBoxModule>;
+}
+
+export { OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule };

package/mat-multi-select/index.d.ts

@@ -1,2 +1,57 @@
-export * from './src/onemrva-mat-multi-select.module';
-export * from './src/onemrva-mat-multi-select.component';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, AfterContentChecked, QueryList, ChangeDetectorRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { TranslateService } from '@ngx-translate/core';
+import { MatOption } from '@angular/material/core';
+import { Subject, Observable } from 'rxjs';
+
+declare class OnemrvaMatMultiSelectComponent extends MatFormFieldControl<any> implements OnInit, OnDestroy, AfterContentChecked {
+    counter: number;
+    _values: any[];
+    stateChanges: Subject<void>;
+    multiple: boolean;
+    formControl: FormControl;
+    role: string;
+    label: string;
+    invalid: boolean;
+    showFilter: boolean;
+    selectionToggle: boolean;
+    dataCy: string;
+    searchFilter: FormControl;
+    matOptions: QueryList<MatOption>;
+    matOptions$?: Observable<MatOption<any>[]>;
+    onDestroy$: Subject<any>;
+    get opacity(): 1 | 0.25;
+    focused: boolean;
+    onFocus(): void;
+    onBlur(): void;
+    translate: TranslateService;
+    cd: ChangeDetectorRef;
+    constructor();
+    onChange: (_values: any[]) => void;
+    onTouched: () => void;
+    writeValue(values: any[] | any | undefined | null): void;
+    registerOnChange(fn: (value: any[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    isAllSelected(): boolean;
+    selectAll(): void;
+    isNoneSelected(): boolean;
+    deselectAll(_$event: MouseEvent): void;
+    onContainerClick(_event: MouseEvent): void;
+    setDescribedByIds(_ids: string[]): void;
+    ngOnDestroy(): void;
+    optionSize: number;
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatMultiSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatMultiSelectComponent, "onemrva-mat-multi-select", never, { "multiple": { "alias": "multiple"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "role": { "alias": "attr.role"; "required": false; }; "label": { "alias": "attr.aria-label"; "required": false; }; "invalid": { "alias": "attr.aria-invalid"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "selectionToggle": { "alias": "selectionToggle"; "required": false; }; "dataCy": { "alias": "attr.data-cy"; "required": false; }; }, {}, ["matOptions"], never, true, never>;
+}
+
+declare class OnemrvaMatMultiSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatMultiSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatMultiSelectModule, never, [typeof OnemrvaMatMultiSelectComponent], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatMultiSelectModule>;
+}
+
+export { OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule };

package/mat-notification/index.d.ts

@@ -1 +1,43 @@
-export * from './src/onemrva-mat-notification.component';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import * as i0 from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
+
+declare class OnemrvaMatNotificationComponent implements OnDestroy {
+    message: string;
+    closable: boolean;
+    _isOpen: boolean;
+    notificationClose: EventEmitter<void>;
+    /** @hidden @internal */
+    get _closed(): boolean;
+    id: string;
+    dataCy: string;
+    /**
+     * Returns the `aria-label` attribute of the component.
+     *
+     * @example
+     * ```typescript
+     * let ariaLabel = this.avatar.ariaLabel;
+     * ```
+     *
+     */
+    ariaLive: string;
+    /**
+     * Returns the `role` attribute of the component.
+     *
+     * @example
+     * ```typescript
+     * let avatarRole = this.avatar.role;
+     * ```
+     */
+    role: string;
+    private destroyNotifier$;
+    isSmall: boolean;
+    breakpointObserver: BreakpointObserver;
+    constructor();
+    ngOnDestroy(): void;
+    closeNotification(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatNotificationComponent, "onemrva-mat-notification", never, { "message": { "alias": "message"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, { "notificationClose": "notificationClose"; }, never, ["*"], true, never>;
+}
+
+export { OnemrvaMatNotificationComponent };

package/mat-paginator/index.d.ts

@@ -1,2 +1,58 @@
-export * from './src/onemrva-mat-paginator.module';
-export * from './src/onemrva-mat-paginator.component';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { Observable, BehaviorSubject } from 'rxjs';
+import { PageEvent } from '@angular/material/paginator';
+
+declare class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {
+    type: 'default' | 'complex';
+    pageSizeSelector: boolean;
+    pageSizeOptions: number[];
+    pageSizeDefaultOption: number;
+    recordKey: string;
+    private _isInitialized;
+    private _initializedStream;
+    /** Emits when the paginator is initialized. */
+    initialized: Observable<void>;
+    maxRecordNumber: number;
+    private _pageIndex;
+    private _prevIndex;
+    private _length;
+    private _pageSize;
+    private _totalNumberOfPages;
+    get pageIndex(): number;
+    set pageIndex(index: number);
+    resetPageIndex(): void;
+    get length(): number;
+    set length(length: number);
+    get pageSize(): number;
+    set pageSize(pageSize: number);
+    get totalNumberOfPages(): number;
+    previousKey: string;
+    nextKey: string;
+    /** Deprecated **/
+    onRequestPage: EventEmitter<number>;
+    /** Event emitted when the paginator changes the page size or page index. */
+    readonly page: EventEmitter<PageEvent>;
+    pageIndex$: BehaviorSubject<number>;
+    pageSize$: BehaviorSubject<number>;
+    pages: number[];
+    numberOfReachablePages: number;
+    private readonly cd;
+    refreshState(): void;
+    refreshDefault(): void;
+    refreshComplex(): void;
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    private _emitPageEvent;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPaginatorComponent, "onemrva-mat-paginator", never, { "type": { "alias": "type"; "required": false; }; "pageSizeSelector": { "alias": "pageSizeSelector"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSizeDefaultOption": { "alias": "pageSizeDefaultOption"; "required": false; }; "recordKey": { "alias": "recordKey"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "previousKey": { "alias": "previousKey"; "required": false; }; "nextKey": { "alias": "nextKey"; "required": false; }; }, { "onRequestPage": "onRequestPage"; "page": "page"; }, never, never, true, never>;
+}
+
+declare class OnemrvaMatPaginatorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPaginatorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatPaginatorModule, never, [typeof OnemrvaMatPaginatorComponent], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatPaginatorModule>;
+}
+
+export { OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule };

package/mat-panel/index.d.ts

@@ -1,6 +1,55 @@
-export * from './src/onemrva-mat-panel.module';
-export * from './src/onemrva-mat-panel.component';
-export * from './src/onemrva-mat-panel-title.component';
-export * from './src/onemrva-mat-panel-content.component';
-export * from './src/onemrva-mat-panel-title-action.component';
-export * from './src/onemrva-mat-panel-icon.component';
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterViewInit } from '@angular/core';
+
+declare class OnemrvaMatPanelTitleActionComponent {
+    customNgClass: any;
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPanelTitleActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPanelTitleActionComponent, "onemrva-mat-panel-title-action", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelTitleComponent implements AfterViewInit {
+    customNgClass: any;
+    template?: TemplateRef<any>;
+    content?: OnemrvaMatPanelTitleActionComponent;
+    private readonly cd;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPanelTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPanelTitleComponent, "onemrva-mat-panel-title", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; }, {}, ["content"], ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelContentComponent {
+    customNgClass: any;
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPanelContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPanelContentComponent, "onemrva-mat-panel-content", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelIconComponent {
+    customNgClass: any;
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPanelIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPanelIconComponent, "onemrva-mat-panel-icon", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelComponent implements AfterViewInit {
+    id: string;
+    data_cy: string;
+    disabled: boolean;
+    title?: OnemrvaMatPanelTitleComponent;
+    content?: OnemrvaMatPanelContentComponent;
+    icon?: OnemrvaMatPanelIconComponent;
+    error?: string;
+    private readonly cd;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPanelComponent, "onemrva-mat-panel", never, { "id": { "alias": "id"; "required": false; }; "data_cy": { "alias": "data_cy"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "content", "icon"], never, true, never>;
+}
+
+declare class OnemrvaMatPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatPanelModule, never, [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent], [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatPanelModule>;
+}
+
+export { OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent };

package/mat-panel/src/onemrva-mat-panel.component.scss

@@ -1,13 +1,45 @@
-@use '../../utils';
+@use '@angular/material' as mat;
 
 :host {
   border-radius: var(--border-radius);
-  border: 1px solid var(--mat-sys-primary-container);
+  border: 1px solid var(--mat-sys-outline-variant);
   padding: var(--triple-spacer);
   display: block;
   position: relative;
+  background: var(--mat-sys-surface-container-lowest);
+
+  &[class*=' mat-'],
   &[class^='mat-'] {
     background: var(--mat-sys-primary-container);
+    color: var(--mat-sys-on-primary-container);
+    border: none;
+  }
+  &.mat-accent {
+    background: var(--background-gradient);
+    color: var(--on-background-gradient);
+    border: none;
+
+    @include mat.form-field-overrides(
+      (
+        outlined-label-text-color: var(--on-background-gradient),
+        outlined-outline-color: var(--on-background-gradient),
+        outlined-focus-label-text-color: var(--on-background-gradient),
+        outlined-focus-outline-color: var(--on-background-gradient),
+        outlined-hover-label-text-color: var(--on-background-gradient),
+        outlined-hover-outline-color: var(--on-background-gradient),
+        outlined-input-text-color: var(--on-background-gradient),
+        outlined-input-text-placeholder-color: var(--on-background-gradient),
+      )
+    );
+
+    @include mat.select-overrides(
+      (
+        enabled-arrow-color: var(--on-background-gradient),
+        focused-arrow-color: var(--on-background-gradient),
+        placeholder-text-color: var(--on-background-gradient),
+        enabled-trigger-text-color: var(--on-background-gradient),
+      )
+    );
   }
 
   a {

package/mat-pop-over/index.d.ts

@@ -1,4 +1,40 @@
-export * from './src/onemrva-mat-pop-over.module';
-export * from './src/onemrva-mat-pop-over.component';
-export * from './src/onemrva-mat-pop-over-content.component';
-export * from './src/onemrva-mat-pop-over-trigger.component';
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterViewInit } from '@angular/core';
+
+declare class OnemrvaMatPopOverTriggerComponent {
+    dataCy: string;
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPopOverTriggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPopOverTriggerComponent, "onemrva-mat-pop-over-trigger", never, { "dataCy": { "alias": "dataCy"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPopOverContentComponent {
+    dataCy: string;
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPopOverContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPopOverContentComponent, "onemrva-mat-pop-over-content", never, { "dataCy": { "alias": "dataCy"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPopOverComponent implements AfterViewInit {
+    isOpen: boolean;
+    position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    dataCyTrigger: string;
+    dataCyPo: string;
+    poId: string;
+    trigger?: OnemrvaMatPopOverTriggerComponent;
+    content?: OnemrvaMatPopOverContentComponent;
+    private readonly cd;
+    ngAfterViewInit(): void;
+    togglePopOver(): void;
+    closePopOver(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPopOverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatPopOverComponent, "onemrva-mat-pop-over", never, { "position": { "alias": "position"; "required": false; }; "dataCyTrigger": { "alias": "dataCyTrigger"; "required": false; }; "dataCyPo": { "alias": "dataCyPo"; "required": false; }; "poId": { "alias": "poId"; "required": false; }; }, {}, ["trigger", "content"], never, true, never>;
+}
+
+declare class OnemrvaMatPopOverModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatPopOverModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatPopOverModule, never, [typeof OnemrvaMatPopOverComponent, typeof OnemrvaMatPopOverContentComponent, typeof OnemrvaMatPopOverTriggerComponent], [typeof OnemrvaMatPopOverComponent, typeof OnemrvaMatPopOverContentComponent, typeof OnemrvaMatPopOverTriggerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatPopOverModule>;
+}
+
+export { OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent };