@corp-products/ui-components 3.2.9 → 3.3.1

package/index.d.ts

@@ -0,0 +1,653 @@
+import { Button } from 'primeng/button';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, EventEmitter, PipeTransform, OnDestroy, Type, EnvironmentInjector, ApplicationRef, ViewContainerRef, ElementRef } from '@angular/core';
+import { Params, Router, ActivatedRoute } from '@angular/router';
+import { DynamicDialogRef, DialogService, DynamicDialogConfig } from 'primeng/dynamicdialog';
+import { FormGroup, FormControl, ValidationErrors, AbstractControl } from '@angular/forms';
+import { AutoCompleteSelectEvent, AutoCompleteCompleteEvent } from 'primeng/autocomplete';
+import * as rxjs from 'rxjs';
+import { Subject, Observable } from 'rxjs';
+import { SelectButtonChangeEvent } from 'primeng/selectbutton';
+import { SelectChangeEvent } from 'primeng/select';
+import { MenuItem } from 'primeng/api';
+import { NgbDateStruct, NgbCalendarIslamicUmalqura, NgbDate } from '@ng-bootstrap/ng-bootstrap';
+
+type AppButtonSeverity = 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast';
+type AppButtonSize = 'large' | 'small';
+type AppButtonIconPos = 'left' | 'right' | 'top' | 'bottom';
+type AppButtonVariant = 'outlined' | 'text' | undefined;
+
+declare class AppButtonComponent extends Button {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppButtonComponent, "app-button", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface Tab {
+    title: string;
+    iconName?: string;
+    iconPathCount?: number;
+    disabled?: boolean;
+    count?: number;
+    permissionKey?: string;
+}
+interface RoutedTab extends Tab {
+    link: string;
+}
+interface TemplateTab<T = unknown> extends Tab {
+    contentTemplate: TemplateRef<unknown>;
+    queryParamValue?: T;
+}
+type AppTabs = ({
+    isRouted: true;
+    items: RoutedTab[];
+} | {
+    isRouted: false;
+    items: TemplateTab[];
+});
+
+declare class AppTabsComponent implements OnInit {
+    tabs: AppTabs;
+    tabsStyle: 'basic' | 'primary_light' | 'primary';
+    responsive: boolean;
+    twoDigitCount: boolean;
+    selectedTabIndex: i0.ModelSignal<number>;
+    activeTabIndex: number;
+    private router;
+    private route;
+    ngOnInit(): void;
+    private updateActiveTab;
+    onTabChange(index: number): void;
+    getTabCount(count: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppTabsComponent, "app-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "tabsStyle": { "alias": "tabsStyle"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "twoDigitCount": { "alias": "twoDigitCount"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndexChange"; }, never, never, true, never>;
+}
+
+interface DropdownMenuItem {
+    title: string;
+    routerLink?: string;
+    queryParams?: Params;
+    callback?: () => void;
+    icon?: string;
+    show?: boolean;
+    permissionKey?: string;
+    permissionAction?: string;
+    iconPosition?: AppButtonIconPos;
+    textColor?: DropdownTextColor;
+}
+type DropdownTextColor = 'white' | 'purple' | 'green';
+
+declare class AppDropdownMenuComponent implements OnInit {
+    buttonTitle: string;
+    menuItems: DropdownMenuItem[];
+    popupMenuStyle: "white" | "purple";
+    buttonIcon: string;
+    buttonClass: string;
+    buttonStyle: AppButtonSeverity;
+    buttonIconPosition: AppButtonIconPos;
+    router: Router;
+    showMenu: boolean;
+    ngOnInit(): void;
+    onMenuItemClick(item: DropdownMenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppDropdownMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppDropdownMenuComponent, "app-dropdown-menu", never, { "buttonTitle": { "alias": "buttonTitle"; "required": true; }; "menuItems": { "alias": "menuItems"; "required": true; }; "popupMenuStyle": { "alias": "popupMenuStyle"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonIconPosition": { "alias": "buttonIconPosition"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class SideBarComponent {
+    show: boolean;
+    title: string;
+    closable: boolean;
+    dismissible: boolean;
+    closeOnEscape: boolean;
+    sidebarSize: "sm" | "md" | "lg" | "xl";
+    styleClass: string;
+    hide: EventEmitter<boolean>;
+    onShow: EventEmitter<boolean>;
+    contentTemplate: TemplateRef<unknown>;
+    footerTemplate: TemplateRef<unknown>;
+    position: string;
+    hideSidebar(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideBarComponent, "app-side-bar", never, { "show": { "alias": "show"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "sidebarSize": { "alias": "sidebarSize"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "hide": "hide"; "onShow": "onShow"; }, never, never, true, never>;
+}
+
+declare class IcoMoonIconComponent {
+    iconName: string;
+    iconClass: string;
+    iconPathCount: number;
+    get getPathCount(): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<IcoMoonIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IcoMoonIconComponent, "app-ico-moon-card", never, { "iconName": { "alias": "iconName"; "required": true; }; "iconClass": { "alias": "iconClass"; "required": false; }; "iconPathCount": { "alias": "iconPathCount"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class UserInfoComponent {
+    profileImage: string;
+    name: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserInfoComponent, "user-info", never, { "profileImage": { "alias": "profileImage"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class FormUtils {
+    static getFormControl(controlName: string, form: FormGroup): FormControl;
+}
+
+declare enum BasicErrorKeysEnum {
+    required = "REQUIRED",
+    email = "EMAIL",
+    pattern = "PATTERN",
+    invalidArFormat = "INVALID_AR_FORMAT",
+    invalidLink = "INVALID_LINK",
+    endDateBeforeStartDate = "END_DATE_BEFORE_START_DATE",
+    startDateEqualsEndDate = "START_DATE_EQUALS_END_DATE",
+    endTimeBeforeStartTime = "END_TIME_BEFORE_START_TIME",
+    startTimeEqualsEndTime = "START_TIME_EQUALS_END_TIME",
+    integer = "INTEGER",
+    positiveNumber = "POSITIVE_NUMBER",
+    fileSelected = "FILE_SELECTED",
+    default = "DEFAULT"
+}
+declare enum ErrorsWithValuesKeysEnum {
+    minlength = "MIN_LENGTH",
+    maxlength = "MAX_LENGTH",
+    min = "MIN",
+    max = "MAX",
+    maxSize = "MAX_SIZE",
+    maxFiles = "MAX_FILES",
+    allowedTypes = "ALLOWED_TYPES"
+}
+
+declare class ValidationErrorsPipe implements PipeTransform {
+    private formValidationService;
+    transform(errors: ValidationErrors | null, allowedKeys?: string[]): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValidationErrorsPipe, "validationErrors", true>;
+}
+
+declare class FormValidationService {
+    private translate;
+    private getTranslation;
+    getErrorMessage(errorKey: string, errorValue: any): string;
+    private isBasicErrorKey;
+    private isErrorWithValueKey;
+    private getErrorWithValueMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormValidationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormValidationService>;
+}
+
+declare abstract class BaseInputComponent implements OnInit, OnDestroy {
+    control: FormControl;
+    name: string;
+    label?: string;
+    placeholder: string;
+    inputId: string;
+    readonly: boolean;
+    disabled: boolean;
+    hint?: string;
+    protected destroy$: Subject<void>;
+    get required(): boolean;
+    get isInvalid(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseInputComponent, "ng-component", never, { "control": { "alias": "control"; "required": true; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AutoCompleteComponent extends BaseInputComponent {
+    selectedItemTemplate: TemplateRef<unknown> | null;
+    onSearch: EventEmitter<string>;
+    selectOption: EventEmitter<AutoCompleteSelectEvent>;
+    items: any[];
+    minLengthToSearch: number;
+    delay: number;
+    basicInput: boolean;
+    typeAhead: boolean;
+    variant: 'in' | 'over' | 'on';
+    constructor();
+    search(event: AutoCompleteCompleteEvent): void;
+    onSelect(event: AutoCompleteSelectEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "stc-auto-complete", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; "minLengthToSearch": { "alias": "minLengthToSearch"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "typeAhead": { "alias": "typeAhead"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "onSearch": "onSearch"; "selectOption": "selectOption"; }, never, never, true, never>;
+}
+
+declare class DatePickerComponent extends BaseInputComponent {
+    showIcon: boolean;
+    showClear: boolean;
+    basicInput: boolean;
+    isTimeOnly: boolean;
+    minDate: Date | undefined | null;
+    maxDate: Date | undefined | null;
+    hourFormat: '12' | '24';
+    nowTime: Date;
+    selectionMode: 'single' | 'range';
+    onAfterClearDate: EventEmitter<void>;
+    variant: 'in' | 'over' | 'on';
+    constructor();
+    selectCurrentTime(e: any): void;
+    clearButtonClick(e: any): void;
+    afterClearDate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "stc-date-picker", never, { "showIcon": { "alias": "showIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "isTimeOnly": { "alias": "isTimeOnly"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "onAfterClearDate": "onAfterClearDate"; }, never, never, true, never>;
+}
+
+declare class InputComponent extends BaseInputComponent {
+    type: 'text' | 'textarea';
+    contentType: 'text' | 'email' | 'number';
+    size: 'small' | 'large';
+    prefix: string;
+    rows: number;
+    cols: number;
+    autoResize: boolean;
+    basicInput: boolean;
+    noStyle: boolean;
+    hideOptionalLabel: boolean;
+    inputDirection: 'ltr' | 'rtl' | 'inherit';
+    variant: 'in' | 'over' | 'on';
+    defaultColor: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "stc-input", never, { "type": { "alias": "type"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "size": { "alias": "size"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "noStyle": { "alias": "noStyle"; "required": false; }; "hideOptionalLabel": { "alias": "hideOptionalLabel"; "required": false; }; "inputDirection": { "alias": "inputDirection"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "defaultColor": { "alias": "defaultColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+interface LabelValue<T> {
+    label: string;
+    value: T | any;
+}
+
+declare class SelectButtonComponent extends BaseInputComponent {
+    onChange: EventEmitter<any>;
+    options: LabelValue<any>[];
+    title: string;
+    changeValue(e: SelectButtonChangeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectButtonComponent, "stc-select-button", never, { "options": { "alias": "options"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
+declare class SelectComponent extends BaseInputComponent {
+    selectedItemTemplate: TemplateRef<unknown> | null;
+    optionTemplate: TemplateRef<unknown> | null;
+    options: unknown[];
+    optionLabel: string;
+    checkmark: boolean;
+    showClear: boolean;
+    editable: boolean;
+    filter: boolean;
+    multiple: boolean;
+    filterBy: string;
+    size: 'small' | 'large';
+    selectedItemsLabel: string;
+    basicInput: boolean;
+    variant: 'in' | 'over' | 'on';
+    change: EventEmitter<any>;
+    defaultColor: string;
+    constructor();
+    onChange(e: SelectChangeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "stc-select", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "defaultColor": { "alias": "defaultColor"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+declare class SwitchComponent {
+    label: string;
+    key: string;
+    checked: boolean;
+    onChange: EventEmitter<string>;
+    sendUpdatedValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "stc-switch", never, { "label": { "alias": "label"; "required": false; }; "key": { "alias": "key"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
+type InputType = 'text' | 'textarea';
+type InputContentType = 'text' | 'email' | 'number';
+interface Dropdown<T = unknown> {
+    id?: string;
+    keyValue: T;
+    label: string;
+    icon?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+}
+interface InputsMapData {
+    label: string;
+    rowSize?: string;
+    fieldType: FormFieldTypeEnum;
+    inputId?: string;
+    placeholder?: string;
+    hint?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    required?: boolean;
+    maxLength?: number;
+    minlength?: number;
+    dateRange?: DateRangeInterface;
+    isTimeOnly?: boolean;
+    showIcon?: boolean;
+    selectButtonOptions?: LabelValue<any>[];
+    inputType?: InputType;
+    contentType?: InputContentType;
+    rows?: number;
+    cols?: number;
+    autoResize?: boolean;
+    prefix?: string;
+    size?: 'small' | 'large';
+    variant?: 'in' | 'over' | 'on';
+    selectOptions?: unknown[];
+    optionLabel?: string;
+    filter?: boolean;
+    multiple?: boolean;
+    showClear?: boolean;
+    checkmark?: boolean;
+    filterBy?: string;
+    selectedItemsLabel?: string;
+    autoCompleteItems?: unknown[];
+    minLengthToSearch?: number;
+    delay?: number;
+}
+interface InputsMap {
+    [key: string]: InputsMapData;
+}
+interface DynamicFormData {
+    isActive?: boolean;
+    formGroup: FormGroup | null;
+    inputsMap: InputsMap | null;
+    title?: string;
+    isReadOnlyForm?: boolean;
+    formValidationErrorsKeys?: string[];
+}
+interface DateRangeInterface {
+    min?: Date | null;
+    max?: Date | null;
+    notBeforeDateInput?: string;
+    notAfterDateInput?: string;
+    notBeforeOrSameDateInput?: string;
+    notAfterOrSameDateInput?: string;
+}
+declare enum FormFieldTypeEnum {
+    DATE_PICKER = "date-picker",
+    SELECT_BUTTON = "select-button",
+    INPUT = "input",
+    SELECT = "select",
+    SWITCH = "switch",
+    AUTO_COMPLETE = "auto-complete",
+    HIJRI_DATE_PICKER = "hijri-date"
+}
+
+declare class ConfirmationDialogComponent extends DynamicDialogRef implements OnInit, OnDestroy {
+    router: Router;
+    dialogService: DialogService;
+    dynamicDialogConfig: DynamicDialogConfig<any, any>;
+    private readonly _ref;
+    private readonly _subscription;
+    dialogFormData: DynamicFormData;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    submit(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "app-confirm-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class ReadMoreComponent {
+    text: string;
+    styleClass: string;
+    maxCharacters: number;
+    isExpanded: boolean;
+    toggleReadMore(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReadMoreComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReadMoreComponent, "app-read-more", never, { "text": { "alias": "text"; "required": true; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AppAccordionComponent {
+    iconName: string;
+    iconClass: string;
+    iconPathCount: number;
+    title: string;
+    contentBorderTop: boolean;
+    accordionPanelBorder: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppAccordionComponent, "app-accordion", never, { "iconName": { "alias": "iconName"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "iconPathCount": { "alias": "iconPathCount"; "required": false; }; "title": { "alias": "title"; "required": true; }; "contentBorderTop": { "alias": "contentBorderTop"; "required": false; }; "accordionPanelBorder": { "alias": "accordionPanelBorder"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DynamicFormComponent implements OnInit {
+    dynamicFormData: DynamicFormData;
+    selectButtonChange: EventEmitter<{
+        name: string;
+        value: any;
+    }>;
+    selectChange: EventEmitter<{
+        name: string;
+        event: any;
+    }>;
+    switchChange: EventEmitter<{
+        name: string;
+        value: boolean;
+    }>;
+    autoCompleteSearch: EventEmitter<{
+        name: string;
+        query: string;
+    }>;
+    autoCompleteSelect: EventEmitter<{
+        name: string;
+        event: any;
+    }>;
+    inputsNames: string[];
+    formGroup: FormGroup;
+    inputsMap: InputsMap;
+    readonly fieldType: typeof FormFieldTypeEnum;
+    getFormControl: typeof FormUtils.getFormControl;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "app-dynamic-form", never, { "dynamicFormData": { "alias": "dynamicFormData"; "required": true; }; }, { "selectButtonChange": "selectButtonChange"; "selectChange": "selectChange"; "switchChange": "switchChange"; "autoCompleteSearch": "autoCompleteSearch"; "autoCompleteSelect": "autoCompleteSelect"; }, never, never, true, never>;
+}
+
+declare class UserAutocompleteCardComponent {
+    select: EventEmitter<any>;
+    delete: EventEmitter<any>;
+    userData: any;
+    explicitRole: string;
+    showDeleteAction: boolean;
+    onDelete(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserAutocompleteCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserAutocompleteCardComponent, "app-user-autocomplete-card", never, { "userData": { "alias": "userData"; "required": true; }; "explicitRole": { "alias": "explicitRole"; "required": false; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; }; }, { "select": "select"; "delete": "delete"; }, never, never, true, never>;
+}
+
+interface BreadcrumbItem {
+    notClickable: boolean;
+    label: string;
+    routerLink: string;
+    isShown: boolean;
+    extraBreadcrumbs?: BreadCrumbExtraData[];
+}
+interface BreadCrumbPosition {
+    position: 'before' | 'after';
+}
+type BreadCrumbExtraData = MenuItem & BreadCrumbPosition;
+
+declare class AppBreadcrumbComponent implements OnInit {
+    private activatedRoute;
+    private router;
+    items: BreadcrumbItem[] | undefined;
+    isShown: boolean;
+    constructor(activatedRoute: ActivatedRoute, router: Router);
+    ngOnInit(): void;
+    private _checkHiddenBreadcrumb;
+    private _createBreadcrumbs;
+    private _checkEmpty;
+    private _getRecursiveKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBreadcrumbComponent, "app-breadcrumb", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface SidebarActionConfig {
+    title?: string;
+    icon?: string;
+    size?: AppButtonSize;
+    style?: AppButtonSeverity;
+    iconPos?: AppButtonIconPos;
+    variant?: AppButtonVariant;
+}
+interface SidebarConfig {
+    title: string;
+    show: boolean;
+    visible: boolean;
+    closable: boolean;
+    dismissible: boolean;
+    closeOnEscape: boolean;
+    sidebarSize: "sm" | "md" | "lg" | "xl";
+    styleClass?: string;
+    showCancelBtn: boolean;
+    showSaveBtn: boolean;
+    showSaveAndMoreBtn: boolean;
+    actions?: {
+        cancel?: SidebarActionConfig;
+        save?: SidebarActionConfig;
+        saveAndMore?: SidebarActionConfig;
+    };
+}
+declare const SidebarConfigDefaults: SidebarConfig;
+
+declare enum SidebarActionType {
+    SAVE = "SAVE",
+    SaveMore = "SaveMore",
+    CANCEL = "CANCEL",
+    SUBMIT = "SUBMIT",
+    CLOSE = "CLOSE",
+    CloseWithData = "CloseWithData"
+}
+interface SidebarActionEvent {
+    type: SidebarActionType;
+    payload?: any;
+}
+
+declare class DynamicSidebarService {
+    private environmentInjector;
+    private appRef;
+    contentComponentRef: Type<any> | null;
+    contentComponentData: unknown;
+    sidebarConfig: SidebarConfig;
+    activeForm: AbstractControl | null;
+    private componentRef;
+    private sidebarAction$;
+    action$: rxjs.Observable<SidebarActionEvent>;
+    private sidebarSideEffectAction$;
+    sideEffectAction$: rxjs.Observable<SidebarActionEvent>;
+    private isOpen$;
+    isOpenObservable$: rxjs.Observable<boolean>;
+    constructor(environmentInjector: EnvironmentInjector, appRef: ApplicationRef);
+    notifyAction(type: SidebarActionType, payload?: any): void;
+    notifySideEffectAction(type: SidebarActionType, payload?: any): void;
+    setActiveForm(control: AbstractControl): void;
+    resetActiveForm(): void;
+    isButtonDisabled(): boolean;
+    open(component: unknown, config: SidebarConfig, data?: any): void;
+    /**
+     * Closes the currently open sidebar, if any.
+     */
+    close(): void;
+    cancel(): void;
+    submit(flag?: boolean): void;
+    /**
+     * Provides the default configuration for the sidebar.
+     * @returns The default SidebarConfig object.
+     */
+    private getDefaultConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSidebarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DynamicSidebarService>;
+}
+
+interface ConfirmationDialogData {
+    header: string;
+    message: string;
+    confirmBtnId: string;
+    cancelBtnId: string;
+    cancelBtnLabel?: string;
+    confirmBtnLabel?: string;
+    confirmBtnIcon?: string;
+    confirmBtnPosition?: string;
+    hint?: string;
+    inputForm?: any;
+    breakpoints?: any;
+}
+
+declare class ConfirmationDialogService {
+    private dialogService;
+    constructor(dialogService: DialogService);
+    open(data: ConfirmationDialogData): Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmationDialogService>;
+}
+
+declare class BottomSheetComponent {
+    show: boolean;
+    contentTemplate: TemplateRef<unknown>;
+    onHide: EventEmitter<boolean>;
+    onShow: EventEmitter<boolean>;
+    hideBottomSheet(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheetComponent, "app-bottom-sheet", never, { "show": { "alias": "show"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; }, { "onHide": "onHide"; "onShow": "onShow"; }, never, never, true, never>;
+}
+
+interface DynamicSidebarV2Actions {
+    submit: () => void;
+    close: () => void;
+}
+interface DynamicSidebarV2Config<T = any> {
+    title?: string;
+    component: Type<T>;
+    data?: Partial<T>;
+    size?: 'sm' | 'md' | 'lg';
+    position?: 'left' | 'right';
+    styleClass?: string;
+    viewContainerRef?: ViewContainerRef;
+    actions?: SidebarV2Actions;
+}
+interface SidebarActionV2Config {
+    title?: string;
+    icon?: string;
+    size?: AppButtonSize;
+    style?: AppButtonSeverity;
+    iconPos?: AppButtonIconPos;
+    variant?: AppButtonVariant;
+}
+interface SidebarV2Actions {
+    cancel?: SidebarActionV2Config;
+    save?: SidebarActionV2Config;
+}
+
+declare class DynamicSidebarV2Service {
+    private sidebarRef?;
+    private readonly appRef;
+    private readonly injector;
+    private readonly envInjector;
+    open<T>(options: DynamicSidebarV2Config<T>): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSidebarV2Service, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DynamicSidebarV2Service>;
+}
+
+declare class DualCalendarComponent {
+    selectedDate: string;
+    control: FormControl<any>;
+    label: string;
+    mode: 'gregorian' | 'hijri';
+    gregorianModel: NgbDateStruct;
+    hijriModel: NgbDateStruct;
+    currentLang: 'ar' | 'en';
+    selectButtonChange: EventEmitter<{
+        name: string;
+        value: any;
+    }>;
+    isCalendarOpen: boolean;
+    calendarContainer: ElementRef;
+    hijriCal: NgbCalendarIslamicUmalqura;
+    constructor();
+    onDocumentClick(event: MouseEvent): void;
+    private structToNgbDate;
+    onSelectGregorian(date: NgbDateStruct): void;
+    onSelectHijri(date: NgbDateStruct): void;
+    showCalender(isOpen: boolean): void;
+    formatHijri(h: NgbDate): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DualCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DualCalendarComponent, "app-dual-calendar", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "selectButtonChange": "selectButtonChange"; }, never, never, true, never>;
+}
+
+export { AppAccordionComponent, AppBreadcrumbComponent, AppButtonComponent, AppDropdownMenuComponent, AppTabsComponent, AutoCompleteComponent, BasicErrorKeysEnum, BottomSheetComponent, ConfirmationDialogComponent, ConfirmationDialogService, DatePickerComponent, DualCalendarComponent, DynamicFormComponent, DynamicSidebarService, DynamicSidebarV2Service, ErrorsWithValuesKeysEnum, FormFieldTypeEnum, FormUtils, FormValidationService, IcoMoonIconComponent, InputComponent, ReadMoreComponent, SelectButtonComponent, SelectComponent, SideBarComponent, SidebarConfigDefaults, SwitchComponent, UserAutocompleteCardComponent, UserInfoComponent, ValidationErrorsPipe };
+export type { AppButtonIconPos, AppButtonSeverity, AppButtonSize, AppButtonVariant, AppTabs, BreadCrumbExtraData, BreadCrumbPosition, BreadcrumbItem, ConfirmationDialogData, DateRangeInterface, Dropdown, DropdownMenuItem, DropdownTextColor, DynamicFormData, DynamicSidebarV2Actions, DynamicSidebarV2Config, InputContentType, InputType, InputsMap, InputsMapData, LabelValue, RoutedTab, SidebarActionConfig, SidebarActionV2Config, SidebarConfig, SidebarV2Actions, TemplateTab };