otimus-library 0.3.65 → 0.3.67

package/index.d.ts

@@ -1,11 +1,16 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, OnChanges, ElementRef, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges, ViewContainerRef, EnvironmentInjector, OnInit, EventEmitter, AfterViewInit, AfterContentInit, QueryList, TemplateRef } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { OnChanges, OnDestroy, ElementRef, ViewContainerRef, EnvironmentInjector, Renderer2, SimpleChanges, NgZone, ChangeDetectorRef, EventEmitter, AfterViewInit, QueryList, AfterContentInit, OnInit, TemplateRef } from '@angular/core';
 import { MaterialSymbol } from 'material-symbols';
 import * as rxjs from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import { Overlay } from '@angular/cdk/overlay';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { DomSanitizer } from '@angular/platform-browser';
+
+declare class OtimusLibraryComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtimusLibraryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtimusLibraryComponent, "lib-otimus-library", never, {}, {}, never, never, true, never>;
+}
 
 declare class OtimusLibraryService {
     constructor();
@@ -13,11 +18,6 @@ declare class OtimusLibraryService {
     static ɵprov: i0.ɵɵInjectableDeclaration<OtimusLibraryService>;
 }
 
-declare class OtimusLibraryComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OtimusLibraryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OtimusLibraryComponent, "lib-otimus-library", never, {}, {}, never, never, true, never>;
-}
-
 interface ToastType {
     id: number;
     status: string;
@@ -48,34 +48,6 @@ declare class StyleThemeService {
     static ɵprov: i0.ɵɵInjectableDeclaration<StyleThemeService>;
 }
 
-declare class OcTooltipDirective implements OnDestroy, OnChanges {
-    private elRef;
-    private renderer;
-    private zone;
-    private cdr;
-    content: string;
-    side: 'bottom' | 'upon' | 'left' | 'right' | 'top' | 'mouse';
-    private tooltip;
-    private moveScheduled;
-    private isHTMLCache;
-    private boundMouseOver;
-    private boundMouseMove;
-    private boundMouseOut;
-    constructor(elRef: ElementRef, renderer: Renderer2, zone: NgZone, cdr: ChangeDetectorRef);
-    ngOnChanges(changes: SimpleChanges): void;
-    private updateTooltipContent;
-    private setupEventBindings;
-    private createTooltip;
-    onMouseOver(event: MouseEvent): void;
-    onMouseMove(event: MouseEvent): void;
-    onMouseOut(event: MouseEvent): void;
-    private updateTooltipPosition;
-    private positionTooltipFixed;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OcTooltipDirective, "[ocTooltip]", never, { "content": { "alias": "content"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 interface OcMenuType {
     name: string;
     url?: string;
@@ -118,134 +90,63 @@ declare class OcMenuHorizDirective implements OnChanges, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<OcMenuHorizDirective, "[OcMenuHorizontal]", ["OcMenuHorizontal"], { "ocMenu": { "alias": "ocMenu"; "required": false; }; "ocMenuMaxWidth": { "alias": "ocMenuMaxWidth"; "required": false; }; "ocMenuWidth": { "alias": "ocMenuWidth"; "required": false; }; "ocMenuShouldCloseOnClickOut": { "alias": "ocMenuShouldCloseOnClickOut"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class OcBadgeComponent implements OnInit {
-    ocSize: 'small' | 'medium' | 'large';
-    ocColor: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning';
-    ocWaved: boolean;
-    classList: string[];
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcBadgeComponent, "oc-badge", never, { "ocSize": { "alias": "ocSize"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocWaved": { "alias": "ocWaved"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class OcCardComponent {
-    readonly ocSelected: i0.InputSignal<boolean>;
-    readonly ocColor: i0.InputSignal<"green" | "red" | "yellow" | "default">;
-    readonly ocClickable: i0.InputSignal<boolean>;
-    ocClick: EventEmitter<void>;
-    protected onClick(): void;
-    protected get color(): string;
-    protected get isSelected(): string;
-    protected get isClickable(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcCardComponent, "oc-card", never, { "ocSelected": { "alias": "ocSelected"; "required": false; "isSignal": true; }; "ocColor": { "alias": "ocColor"; "required": false; "isSignal": true; }; "ocClickable": { "alias": "ocClickable"; "required": false; "isSignal": true; }; }, { "ocClick": "ocClick"; }, never, ["[header]", "*", "[footer]"], true, never>;
-}
-
-declare class OcFilterComponent implements AfterViewInit {
-    private styleThemeService;
-    isOpen: boolean;
-    ocText: string;
-    ocActive: number;
-    ocSide: 'left' | 'right';
-    ocStyle: OcStyleThemeType;
-    constructor(styleThemeService: StyleThemeService);
-    ngAfterViewInit(): void;
-    toggleOpen(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcFilterComponent, "oc-filter", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "ocText": { "alias": "ocText"; "required": false; }; "ocActive": { "alias": "ocActive"; "required": false; }; "ocSide": { "alias": "ocSide"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, never, ["[row]", "[body]"], true, never>;
-}
-
-declare class OcInputComponent implements AfterContentInit, AfterViewInit, OnChanges {
-    private el;
+declare class OcTooltipDirective implements OnDestroy, OnChanges {
+    private elRef;
     private renderer;
-    private styleThemeService;
-    ocPrefix: any;
-    ocSuffix: any;
-    ocError?: string;
-    ocSize?: 'small' | 'medium' | 'large';
-    ocPlaceholder: string;
-    ocWidth?: string;
-    ocMinWidth?: string;
-    ocMaxWidth?: string;
-    ocRequired: boolean;
-    private _ocStyle;
-    set ocStyle(value: OcStyleThemeType);
-    get ocStyle(): OcStyleThemeType;
-    inputId: string;
-    hasSuffix: boolean;
-    hasPrefix: boolean;
-    get computedWidth(): string | null;
-    get computedMinWidth(): string;
-    get computedMaxWidth(): string;
-    constructor(el: ElementRef, renderer: Renderer2, styleThemeService: StyleThemeService);
+    private zone;
+    private cdr;
+    content: string;
+    side: 'bottom' | 'upon' | 'left' | 'right' | 'top' | 'mouse';
+    private tooltip;
+    private moveScheduled;
+    private isHTMLCache;
+    private boundMouseOver;
+    private boundMouseMove;
+    private boundMouseOut;
+    constructor(elRef: ElementRef, renderer: Renderer2, zone: NgZone, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcInputComponent, "oc-input", never, { "ocError": { "alias": "ocError"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocPlaceholder": { "alias": "ocPlaceholder"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMinWidth": { "alias": "ocMinWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocRequired": { "alias": "ocRequired"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, ["ocPrefix", "ocSuffix"], ["*", "ocPrefix", "ocSuffix"], true, never>;
+    private updateTooltipContent;
+    private setupEventBindings;
+    private createTooltip;
+    onMouseOver(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseOut(event: MouseEvent): void;
+    private updateTooltipPosition;
+    private positionTooltipFixed;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OcTooltipDirective, "[ocTooltip]", never, { "content": { "alias": "content"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class OcModalComponent implements AfterViewInit {
-    private elRef;
-    private styleThemeService;
-    private cdr;
-    constructor(elRef: ElementRef, styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
-    ocClose: boolean;
+declare class OcAccordionItemComponent {
+    ocIsOpen: boolean;
     ocTitle: string;
-    ocSize: 'small' | 'medium' | 'large' | 'screen';
-    ocBgColor?: string;
-    ocWidth: string;
-    ocMaxWidth: string;
     ocStyle: OcStyleThemeType;
-    ocLoading: boolean;
-    ocOnClose: EventEmitter<any>;
-    ocOnOpen: EventEmitter<any>;
-    isOpen: boolean;
-    closing: boolean;
-    ngAfterViewInit(): void;
-    open(): void;
-    close(): void;
-    protected getModalStyles(): {
-        [key: string]: string;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcModalComponent, "oc-modal", never, { "ocClose": { "alias": "ocClose"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, never, ["*"], true, never>;
+    ocToggle: EventEmitter<boolean>;
+    closeAllItems: EventEmitter<any>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcAccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionItemComponent, "oc-accordion-item", never, { "ocIsOpen": { "alias": "ocIsOpen"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocToggle": "ocToggle"; "closeAllItems": "closeAllItems"; }, never, ["[ocHeader]", "*"], true, never>;
 }
 
-declare class OcKeyValueComponent implements AfterViewInit {
+declare class OcAccordionComponent implements AfterViewInit, OnDestroy {
     private styleThemeService;
-    protected sanitizer: DomSanitizer;
-    constructor(styleThemeService: StyleThemeService, sanitizer: DomSanitizer);
-    ocKey: string;
-    ocValue: string;
+    items: QueryList<OcAccordionItemComponent>;
+    ocAlternate: boolean;
+    ocCurrentIndex?: number;
     ocStyle: OcStyleThemeType;
+    ocDynamicItems: boolean;
+    private itemSubscriptions;
+    private changesSubscription?;
+    constructor(styleThemeService: StyleThemeService);
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcKeyValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcKeyValueComponent, "oc-key-value", never, { "ocKey": { "alias": "ocKey"; "required": false; }; "ocValue": { "alias": "ocValue"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class OcChipComponent {
-    ocSelected: boolean;
-    ocType: 'select' | 'remove' | 'tag' | 'select_remove';
-    ocBg: 'green' | 'red' | 'yellow' | 'default';
-    ocBgHexColor?: string;
-    ocText: string;
-    ocFontSize: string;
-    ocClick: EventEmitter<any>;
-    ocRemove: EventEmitter<any>;
-    protected ocStyleTheme: OcStyleThemeType;
-    ocEvent(event: any): void;
-    ocRemoveEvent(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcChipComponent, "oc-chip", never, { "ocSelected": { "alias": "ocSelected"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocBg": { "alias": "ocBg"; "required": false; }; "ocBgHexColor": { "alias": "ocBgHexColor"; "required": false; }; "ocText": { "alias": "ocText"; "required": false; }; "ocFontSize": { "alias": "ocFontSize"; "required": false; }; }, { "ocClick": "ocClick"; "ocRemove": "ocRemove"; }, never, ["*"], true, never>;
-}
-
-declare class OcModalFooterComponent {
-    ocSide: 'left' | 'right';
-    ocBgColor?: string;
-    ocFixed: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcModalFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcModalFooterComponent, "oc-modal-footer", never, { "ocSide": { "alias": "ocSide"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocFixed": { "alias": "ocFixed"; "required": false; }; }, {}, never, ["*"], true, never>;
+    ngOnDestroy(): void;
+    private subscribeToItems;
+    private cleanupSubscriptions;
+    closeAllItems(): void;
+    alternateToIndex(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionComponent, "oc-accordion", never, { "ocAlternate": { "alias": "ocAlternate"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDynamicItems": { "alias": "ocDynamicItems"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
 }
 
 interface OcAutoCompleteType {
@@ -365,6 +266,7 @@ declare class OcAutocompleteComponent implements AfterContentInit, AfterViewInit
     clearValue(): void;
     protected incrementCounter(option: OcAutoCompleteType): void;
     protected decrementCounter(option: OcAutoCompleteType): void;
+    protected toggleCounterSelect(option: OcAutoCompleteType): void;
     emitCounterSelectChange(): void;
     moveSelection(delta: number): void;
     protected onKeyDown(event: Event): void;
@@ -377,62 +279,268 @@ declare class OcAutocompleteComponent implements AfterContentInit, AfterViewInit
     static ɵcmp: i0.ɵɵComponentDeclaration<OcAutocompleteComponent, "oc-autocomplete", never, { "ocData": { "alias": "ocData"; "required": false; }; "ocPlaceholder": { "alias": "ocPlaceholder"; "required": false; }; "ocError": { "alias": "ocError"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocValue": { "alias": "ocValue"; "required": false; }; "ocClearOnChange": { "alias": "ocClearOnChange"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMinWidth": { "alias": "ocMinWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocOptionsMaxHeight": { "alias": "ocOptionsMaxHeight"; "required": false; }; "ocOptionsWidth": { "alias": "ocOptionsWidth"; "required": false; }; "ocRequired": { "alias": "ocRequired"; "required": false; }; "ocMaxResults": { "alias": "ocMaxResults"; "required": false; }; "ocAllowNotListedValue": { "alias": "ocAllowNotListedValue"; "required": false; }; "ocNoAvailableOptionsText": { "alias": "ocNoAvailableOptionsText"; "required": false; }; "ocTypeForMoreResultsText": { "alias": "ocTypeForMoreResultsText"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "ocSemanticLike": { "alias": "ocSemanticLike"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "ocSelectByTyping": { "alias": "ocSelectByTyping"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocShowBackdrop": { "alias": "ocShowBackdrop"; "required": false; }; "ocHasDeleteButton": { "alias": "ocHasDeleteButton"; "required": false; }; "ocEnableKeyboard": { "alias": "ocEnableKeyboard"; "required": false; }; }, { "ocValueChange": "ocValueChange"; "ocChange": "ocChange"; "ocCounterSelectChange": "ocCounterSelectChange"; "ocMultipleSelectChange": "ocMultipleSelectChange"; "ocOptionNotFound": "ocOptionNotFound"; "ocClick": "ocClick"; }, ["ocPrefix", "ocSuffix"], ["*", "ocPrefix", "ocSuffix"], true, never>;
 }
 
-declare class OcProfileComponent implements OnInit {
-    ocUserName?: string;
-    ocProfilePic?: string;
-    ocSize: 'large' | 'medium' | 'small' | 'tiny';
-    nameInitials: string;
+declare class OcBadgeComponent implements OnInit {
+    ocSize: 'small' | 'medium' | 'large';
+    ocColor: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning';
+    ocWaved: boolean;
+    classList: string[];
     ngOnInit(): void;
-    getInitials(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcProfileComponent, "oc-profile", never, { "ocUserName": { "alias": "ocUserName"; "required": false; }; "ocProfilePic": { "alias": "ocProfilePic"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcBadgeComponent, "oc-badge", never, { "ocSize": { "alias": "ocSize"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocWaved": { "alias": "ocWaved"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class OcLogComponent {
-    ocProfilePic?: string;
-    ocUserName?: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcLogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcLogComponent, "oc-log", never, { "ocProfilePic": { "alias": "ocProfilePic"; "required": false; }; "ocUserName": { "alias": "ocUserName"; "required": false; }; }, {}, never, ["*"], true, never>;
+declare class OcButtonMenuComponent {
+    ocSize: 'tiny' | 'small' | 'medium' | 'large';
+    ocColor: 'purple' | 'green' | 'lightGray' | 'offWhite';
+    ocType: 'button' | 'submit';
+    ocMenu: OcMenuType[];
+    ocClick: EventEmitter<any>;
+    ocChange: EventEmitter<any>;
+    protected getStyleClass(): object;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcButtonMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcButtonMenuComponent, "oc-button-menu", never, { "ocSize": { "alias": "ocSize"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocMenu": { "alias": "ocMenu"; "required": false; }; }, { "ocClick": "ocClick"; "ocChange": "ocChange"; }, never, ["*"], true, never>;
 }
 
-declare class OcPaginationComponent implements OnInit {
-    private styleThemeService;
-    ocPage: number;
-    ocMaxPage?: number;
-    ocStyle: OcStyleThemeType;
-    ocItemName: string;
-    ocGetPage: EventEmitter<number>;
-    constructor(styleThemeService: StyleThemeService);
-    ngOnInit(): void;
-    firstPage(): void;
-    decrementPage(): void;
-    incrementPage(): void;
-    lastPage(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcPaginationComponent, "oc-pagination", never, { "ocPage": { "alias": "ocPage"; "required": false; }; "ocMaxPage": { "alias": "ocMaxPage"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocItemName": { "alias": "ocItemName"; "required": false; }; }, { "ocGetPage": "ocGetPage"; }, never, never, true, never>;
+interface OcCalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isInRange: boolean;
+    isDisabled: boolean;
+    isToday: boolean;
+    isPreviouslySelected: boolean;
 }
-
-declare class OcNotFoundComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcNotFoundComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcNotFoundComponent, "oc-not-found", never, {}, {}, never, never, true, never>;
+declare class OcCalendarComponent implements OnChanges {
+    private styleThemeService;
+    ocSelectionMode: 'single' | 'range' | 'multiple';
+    ocStartDate?: Date;
+    ocEndDate?: Date;
+    ocSelectedDates: Date[];
+    ocCurrentDate?: Date;
+    ocMinDate?: Date;
+    ocMaxDate?: Date;
+    ocWeekStartsOn: 0 | 1;
+    ocWidth?: string;
+    ocMaxWidth?: string;
+    ocLanguage: 'ptbr' | 'esch' | 'enus';
+    ocSelectWholeWeek: boolean;
+    ocSelectDaysCount?: number;
+    private _ocStyle;
+    set ocStyle(value: OcStyleThemeType);
+    get ocStyle(): OcStyleThemeType;
+    get computedWidth(): string | null;
+    get computedMaxWidth(): string | null;
+    ocDateSelected: EventEmitter<Date>;
+    ocRangeSelected: EventEmitter<{
+        start: Date;
+        end: Date;
+    }>;
+    ocMultipleDatesSelected: EventEmitter<Date[]>;
+    ocCurrentDateChange: EventEmitter<Date>;
+    currentMonth: Date;
+    weeks: OcCalendarDay[][];
+    weekDays: string[];
+    constructor(styleThemeService: StyleThemeService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    selectDay(day: OcCalendarDay): void;
+    private generateCalendar;
+    private isDateInMultipleSelection;
+    private isLastSelectedDate;
+    private isSameDate;
+    private isDateInRange;
+    private isDateDisabled;
+    private getWeekRange;
+    private getConsecutiveDaysRange;
+    onMonthChange(value: string): void;
+    private setWeekDays;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcCalendarComponent, "oc-calendar", never, { "ocSelectionMode": { "alias": "ocSelectionMode"; "required": false; }; "ocStartDate": { "alias": "ocStartDate"; "required": false; }; "ocEndDate": { "alias": "ocEndDate"; "required": false; }; "ocSelectedDates": { "alias": "ocSelectedDates"; "required": false; }; "ocCurrentDate": { "alias": "ocCurrentDate"; "required": false; }; "ocMinDate": { "alias": "ocMinDate"; "required": false; }; "ocMaxDate": { "alias": "ocMaxDate"; "required": false; }; "ocWeekStartsOn": { "alias": "ocWeekStartsOn"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocLanguage": { "alias": "ocLanguage"; "required": false; }; "ocSelectWholeWeek": { "alias": "ocSelectWholeWeek"; "required": false; }; "ocSelectDaysCount": { "alias": "ocSelectDaysCount"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocDateSelected": "ocDateSelected"; "ocRangeSelected": "ocRangeSelected"; "ocMultipleDatesSelected": "ocMultipleDatesSelected"; "ocCurrentDateChange": "ocCurrentDateChange"; }, never, never, true, never>;
 }
 
-declare class OcMenuComponent implements OnInit {
-    private renderer;
-    constructor(renderer: Renderer2);
-    menu: ElementRef;
-    ocChange: EventEmitter<any>;
-    ocMenu: OcMenuType[];
-    isMenuShown: boolean;
-    buttonId?: string;
+declare class OcCardComponent {
+    readonly ocSelected: i0.InputSignal<boolean>;
+    readonly ocColor: i0.InputSignal<"green" | "default" | "red" | "yellow">;
+    readonly ocClickable: i0.InputSignal<boolean>;
+    ocClick: EventEmitter<void>;
+    protected onClick(): void;
+    protected get color(): string;
+    protected get isSelected(): string;
+    protected get isClickable(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcCardComponent, "oc-card", never, { "ocSelected": { "alias": "ocSelected"; "required": false; "isSignal": true; }; "ocColor": { "alias": "ocColor"; "required": false; "isSignal": true; }; "ocClickable": { "alias": "ocClickable"; "required": false; "isSignal": true; }; }, { "ocClick": "ocClick"; }, never, ["[header]", "*", "[footer]"], true, never>;
+}
+
+declare class OcCheckboxComponent implements ControlValueAccessor, AfterViewInit {
+    private styleThemeService;
+    private cdr;
+    checkBoxId: string;
+    constructor(styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
+    ocChange: EventEmitter<boolean>;
+    ocCheckedChange: EventEmitter<boolean>;
+    ocChecked: boolean;
+    ocSize: 'tiny' | 'small';
+    ocLabel?: string;
+    ocName?: string;
+    ocColor: 'purple' | 'green';
+    ocBorderColor: 'white' | 'gray';
+    ocStyle: OcStyleThemeType;
+    ocDoubleClick: EventEmitter<boolean>;
+    formControl?: FormControl;
+    ocTabIndex?: number;
+    disableDoubleClickCheck: boolean;
+    ocDisabled: boolean;
+    private onChange?;
+    private onTouched;
+    ngAfterViewInit(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private doubleClickCounter;
+    private timeoutId;
+    protected onDoubleClick(): void;
+    toggleChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcCheckboxComponent, "oc-checkbox", never, { "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocLabel": { "alias": "ocLabel"; "required": false; }; "ocName": { "alias": "ocName"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocBorderColor": { "alias": "ocBorderColor"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "disableDoubleClickCheck": { "alias": "disableDoubleClickCheck"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; }, { "ocChange": "ocChange"; "ocCheckedChange": "ocCheckedChange"; "ocDoubleClick": "ocDoubleClick"; }, never, ["*"], true, never>;
+}
+
+declare class OcChipComponent {
+    ocSelected: boolean;
+    ocType: 'select' | 'remove' | 'tag' | 'select_remove';
+    ocBg: 'green' | 'red' | 'yellow' | 'default';
+    ocBgHexColor?: string;
+    ocText: string;
+    ocFontSize: string;
+    ocClick: EventEmitter<any>;
+    ocRemove: EventEmitter<any>;
+    protected ocStyleTheme: OcStyleThemeType;
+    ocEvent(event: any): void;
+    ocRemoveEvent(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcChipComponent, "oc-chip", never, { "ocSelected": { "alias": "ocSelected"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocBg": { "alias": "ocBg"; "required": false; }; "ocBgHexColor": { "alias": "ocBgHexColor"; "required": false; }; "ocText": { "alias": "ocText"; "required": false; }; "ocFontSize": { "alias": "ocFontSize"; "required": false; }; }, { "ocClick": "ocClick"; "ocRemove": "ocRemove"; }, never, ["*"], true, never>;
+}
+
+declare class OcDateSelectComponent implements AfterViewInit {
+    ocValue: string;
+    ocType: 'day' | 'month' | 'year';
+    ocSkipType: 'day' | 'week' | 'month' | 'year';
+    ocValueChange: EventEmitter<string>;
+    ocChange: EventEmitter<string>;
+    ocLanguage: 'ptbr' | 'enus' | 'esch';
+    ocMaxDate: string | null;
+    ocMinDate: string | null;
+    dateInput: ElementRef<HTMLInputElement>;
+    private intervalId;
+    ngAfterViewInit(): void;
+    private getCurrentDate;
+    protected getViewDate(): string;
+    private updateValue;
+    protected increaseDate(): void;
+    protected decreaseDate(): void;
+    protected startHold(direction: 'increase' | 'decrease'): void;
+    protected stopHold(): void;
+    protected openDatePicker(): void;
+    protected onDateChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcDateSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcDateSelectComponent, "oc-date-select", never, { "ocValue": { "alias": "ocValue"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocSkipType": { "alias": "ocSkipType"; "required": false; }; "ocLanguage": { "alias": "ocLanguage"; "required": false; }; "ocMaxDate": { "alias": "ocMaxDate"; "required": false; }; "ocMinDate": { "alias": "ocMinDate"; "required": false; }; }, { "ocValueChange": "ocValueChange"; "ocChange": "ocChange"; }, never, never, true, never>;
+}
+
+declare class OcDrawerComponent implements AfterViewInit {
+    private elRef;
+    private styleThemeService;
+    private cdr;
+    constructor(elRef: ElementRef, styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
+    ocClose: boolean;
+    ocTitle: string;
+    ocSize: 'small' | 'medium' | 'large';
+    ocBgColor?: string;
+    ocWidth: string;
+    ocStyle: OcStyleThemeType;
+    ocLoading: boolean;
+    ocOnClose: EventEmitter<any>;
+    ocOnOpen: EventEmitter<any>;
+    isOpen: boolean;
+    closing: boolean;
+    ngAfterViewInit(): void;
     open(): void;
-    ngOnInit(): void;
-    findParentButton(element: HTMLElement): HTMLButtonElement | null;
-    closeOnClickOut(): void;
-    changeCheckbox(name: string, checked: boolean): undefined;
-    typeof(key: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcMenuComponent, "oc-menu", never, { "ocMenu": { "alias": "ocMenu"; "required": false; }; }, { "ocChange": "ocChange"; }, never, never, true, never>;
+    close(): void;
+    protected getDrawerStyles(): {
+        [key: string]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcDrawerComponent, "oc-drawer", never, { "ocClose": { "alias": "ocClose"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, never, ["*"], true, never>;
+}
+
+declare class OcDrawerFooterComponent {
+    ocSide: 'left' | 'right';
+    ocBgColor?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcDrawerFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcDrawerFooterComponent, "oc-drawer-footer", never, { "ocSide": { "alias": "ocSide"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OcFilterComponent implements AfterViewInit {
+    private styleThemeService;
+    isOpen: boolean;
+    ocText: string;
+    ocActive: number;
+    ocSide: 'left' | 'right';
+    ocStyle: OcStyleThemeType;
+    constructor(styleThemeService: StyleThemeService);
+    ngAfterViewInit(): void;
+    toggleOpen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcFilterComponent, "oc-filter", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "ocText": { "alias": "ocText"; "required": false; }; "ocActive": { "alias": "ocActive"; "required": false; }; "ocSide": { "alias": "ocSide"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, never, ["[row]", "[body]"], true, never>;
+}
+
+declare class OcInputComponent implements AfterContentInit, AfterViewInit, OnChanges {
+    private el;
+    private renderer;
+    private styleThemeService;
+    ocPrefix: any;
+    ocSuffix: any;
+    ocError?: string;
+    ocSize?: 'small' | 'medium' | 'large';
+    ocPlaceholder: string;
+    ocWidth?: string;
+    ocMinWidth?: string;
+    ocMaxWidth?: string;
+    ocRequired: boolean;
+    private _ocStyle;
+    set ocStyle(value: OcStyleThemeType);
+    get ocStyle(): OcStyleThemeType;
+    inputId: string;
+    hasSuffix: boolean;
+    hasPrefix: boolean;
+    get computedWidth(): string | null;
+    get computedMinWidth(): string;
+    get computedMaxWidth(): string;
+    constructor(el: ElementRef, renderer: Renderer2, styleThemeService: StyleThemeService);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcInputComponent, "oc-input", never, { "ocError": { "alias": "ocError"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocPlaceholder": { "alias": "ocPlaceholder"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMinWidth": { "alias": "ocMinWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocRequired": { "alias": "ocRequired"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, ["ocPrefix", "ocSuffix"], ["*", "ocPrefix", "ocSuffix"], true, never>;
+}
+
+declare class OcKeyValueComponent implements AfterViewInit {
+    private styleThemeService;
+    protected sanitizer: DomSanitizer;
+    constructor(styleThemeService: StyleThemeService, sanitizer: DomSanitizer);
+    ocKey: string;
+    ocValue: string;
+    ocStyle: OcStyleThemeType;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcKeyValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcKeyValueComponent, "oc-key-value", never, { "ocKey": { "alias": "ocKey"; "required": false; }; "ocValue": { "alias": "ocValue"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OcLogComponent {
+    ocProfilePic?: string;
+    ocUserName?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcLogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcLogComponent, "oc-log", never, { "ocProfilePic": { "alias": "ocProfilePic"; "required": false; }; "ocUserName": { "alias": "ocUserName"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class OcMenuHorizComponent implements OnInit, OnDestroy {
@@ -472,57 +580,153 @@ declare class OcMenuHorizComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<OcMenuHorizComponent, "oc-menu-horiz", never, { "ocMenu": { "alias": "ocMenu"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "shouldCloseOnClickOut": { "alias": "shouldCloseOnClickOut"; "required": false; }; "hostElement": { "alias": "hostElement"; "required": false; }; }, { "ocChange": "ocChange"; }, never, never, true, never>;
 }
 
-declare class OcToastComponent {
-    toast: OcToastService;
-    constructor(toast: OcToastService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcToastComponent, "oc-toast", never, {}, {}, never, never, true, never>;
+declare class OcMenuComponent implements OnInit {
+    private renderer;
+    constructor(renderer: Renderer2);
+    menu: ElementRef;
+    ocChange: EventEmitter<any>;
+    ocMenu: OcMenuType[];
+    isMenuShown: boolean;
+    buttonId?: string;
+    open(): void;
+    ngOnInit(): void;
+    findParentButton(element: HTMLElement): HTMLButtonElement | null;
+    closeOnClickOut(): void;
+    changeCheckbox(name: string, checked: boolean): undefined;
+    typeof(key: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcMenuComponent, "oc-menu", never, { "ocMenu": { "alias": "ocMenu"; "required": false; }; }, { "ocChange": "ocChange"; }, never, never, true, never>;
+}
+
+declare class OcMessageComponent {
+    isOpen: boolean;
+    ocColor: 'default' | 'green' | 'red' | 'purple';
+    ocClosable: boolean;
+    ocIcon: string;
+    ocStyle: OcStyleThemeType;
+    private _ocTitle;
+    set ocTitle(value: string);
+    get ocTitle(): string;
+    ocOnClose: EventEmitter<any>;
+    ocOnOpen: EventEmitter<any>;
+    open(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcMessageComponent, "oc-message", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocClosable": { "alias": "ocClosable"; "required": false; }; "ocIcon": { "alias": "ocIcon"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, never, ["[ocIcon]", "[ocHeader]", "*"], true, never>;
+}
+
+declare class OcModalFooterComponent {
+    ocSide: 'left' | 'right';
+    ocBgColor?: string;
+    ocFixed: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcModalFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcModalFooterComponent, "oc-modal-footer", never, { "ocSide": { "alias": "ocSide"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocFixed": { "alias": "ocFixed"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OcModalComponent implements AfterViewInit {
+    private elRef;
+    private styleThemeService;
+    private cdr;
+    constructor(elRef: ElementRef, styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
+    ocClose: boolean;
+    ocTitle: string;
+    ocSize: 'small' | 'medium' | 'large' | 'screen';
+    ocBgColor?: string;
+    ocWidth: string;
+    ocMaxWidth: string;
+    ocStyle: OcStyleThemeType;
+    ocLoading: boolean;
+    ocOnClose: EventEmitter<any>;
+    ocOnOpen: EventEmitter<any>;
+    isOpen: boolean;
+    closing: boolean;
+    ngAfterViewInit(): void;
+    open(): void;
+    close(): void;
+    protected getModalStyles(): {
+        [key: string]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcModalComponent, "oc-modal", never, { "ocClose": { "alias": "ocClose"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, never, ["*"], true, never>;
+}
+
+declare class OcNotFoundComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcNotFoundComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcNotFoundComponent, "oc-not-found", never, {}, {}, never, never, true, never>;
+}
+
+declare class OcOverlayComponent implements AfterViewInit, OnDestroy {
+    private overlay;
+    private viewContainerRef;
+    ocContent: TemplateRef<any> | null;
+    ocTrigger: 'click' | 'hover';
+    ocPosition: 'center' | 'top' | 'bottom' | 'left' | 'right';
+    ocShowBackdrop: boolean;
+    ocCloseOnBackdropClick: boolean;
+    ocWidth: string | number;
+    ocHeight: string | number;
+    ocStyle: OcStyleThemeType;
+    ocDisabled: boolean;
+    ocZIndex: number;
+    ocOpen: EventEmitter<void>;
+    ocClose: EventEmitter<void>;
+    ocToggle: EventEmitter<boolean>;
+    trigger: ElementRef;
+    overlayTemplate: TemplateRef<any>;
+    private overlayRef;
+    private portal;
+    private isOverlayOpen;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupEventListeners;
+    toggleOverlay(): void;
+    openOverlay(): void;
+    closeOverlay(): void;
+    private getOverlayConfig;
+    private getPositions;
+    private parseSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcOverlayComponent, "oc-overlay", never, { "ocContent": { "alias": "ocContent"; "required": false; }; "ocTrigger": { "alias": "ocTrigger"; "required": false; }; "ocPosition": { "alias": "ocPosition"; "required": false; }; "ocShowBackdrop": { "alias": "ocShowBackdrop"; "required": false; }; "ocCloseOnBackdropClick": { "alias": "ocCloseOnBackdropClick"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocHeight": { "alias": "ocHeight"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocZIndex": { "alias": "ocZIndex"; "required": false; }; }, { "ocOpen": "ocOpen"; "ocClose": "ocClose"; "ocToggle": "ocToggle"; }, never, ["[ocTrigger]", "*"], true, never>;
+}
+
+declare class OcPaginationComponent implements OnInit {
+    private styleThemeService;
+    ocPage: number;
+    ocMaxPage?: number;
+    ocStyle: OcStyleThemeType;
+    ocItemName: string;
+    ocGetPage: EventEmitter<number>;
+    constructor(styleThemeService: StyleThemeService);
+    ngOnInit(): void;
+    firstPage(): void;
+    decrementPage(): void;
+    incrementPage(): void;
+    lastPage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcPaginationComponent, "oc-pagination", never, { "ocPage": { "alias": "ocPage"; "required": false; }; "ocMaxPage": { "alias": "ocMaxPage"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocItemName": { "alias": "ocItemName"; "required": false; }; }, { "ocGetPage": "ocGetPage"; }, never, never, true, never>;
+}
+
+declare class OcProfileComponent implements OnInit {
+    ocUserName?: string;
+    ocProfilePic?: string;
+    ocSize: 'large' | 'medium' | 'small' | 'tiny';
+    nameInitials: string;
+    ngOnInit(): void;
+    getInitials(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcProfileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcProfileComponent, "oc-profile", never, { "ocUserName": { "alias": "ocUserName"; "required": false; }; "ocProfilePic": { "alias": "ocProfilePic"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class OcCheckboxComponent implements ControlValueAccessor, AfterViewInit {
-    private styleThemeService;
-    private cdr;
-    checkBoxId: string;
-    constructor(styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
-    ocChange: EventEmitter<boolean>;
-    ocCheckedChange: EventEmitter<boolean>;
-    ocChecked: boolean;
-    ocSize: 'tiny' | 'small';
-    ocLabel?: string;
-    ocName?: string;
-    ocColor: 'purple' | 'green';
-    ocBorderColor: 'white' | 'gray';
-    ocStyle: OcStyleThemeType;
-    ocDoubleClick: EventEmitter<boolean>;
-    formControl?: FormControl;
-    ocTabIndex?: number;
-    disableDoubleClickCheck: boolean;
-    ocDisabled: boolean;
-    private onChange?;
-    private onTouched;
+declare class OcProgressComponent implements AfterViewInit {
+    ocWidth: string;
+    ocColor: 'purple' | 'green' | 'orange';
+    ocGradient: boolean;
+    ocStyle: 'otimus' | 'shui';
+    ocPercentage: number;
     ngAfterViewInit(): void;
-    writeValue(value: boolean): void;
-    registerOnChange(fn: (value: boolean) => void): void;
-    registerOnTouched(fn: () => void): void;
-    private doubleClickCounter;
-    private timeoutId;
-    protected onDoubleClick(): void;
-    toggleChecked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcCheckboxComponent, "oc-checkbox", never, { "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocLabel": { "alias": "ocLabel"; "required": false; }; "ocName": { "alias": "ocName"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocBorderColor": { "alias": "ocBorderColor"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "disableDoubleClickCheck": { "alias": "disableDoubleClickCheck"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; }, { "ocChange": "ocChange"; "ocCheckedChange": "ocCheckedChange"; "ocDoubleClick": "ocDoubleClick"; }, never, ["*"], true, never>;
-}
-
-declare class OcToggleComponent {
-    _ocChecked: boolean;
-    ocDisabled: boolean;
-    ocSize: 'medium' | 'large';
-    set ocChecked(value: boolean);
-    get ocChecked(): boolean;
-    ocColor: 'purple' | 'green';
-    ocCheckedChange: EventEmitter<boolean>;
-    toggleChecked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcToggleComponent, "oc-toggle", never, { "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; }, { "ocCheckedChange": "ocCheckedChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcProgressComponent, "oc-progress", never, { "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocGradient": { "alias": "ocGradient"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocPercentage": { "alias": "ocPercentage"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class OcStepComponent implements AfterViewInit {
@@ -595,194 +799,24 @@ declare class OcTabsComponent implements AfterContentInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<OcTabsComponent, "oc-tabs", never, { "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocClick": "ocClick"; }, ["ocTabs"], ["[row]", "*"], true, never>;
 }
 
-declare class OcAccordionItemComponent {
-    ocIsOpen: boolean;
-    ocTitle: string;
-    ocStyle: OcStyleThemeType;
-    ocToggle: EventEmitter<boolean>;
-    closeAllItems: EventEmitter<any>;
-    protected toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionItemComponent, "oc-accordion-item", never, { "ocIsOpen": { "alias": "ocIsOpen"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocToggle": "ocToggle"; "closeAllItems": "closeAllItems"; }, never, ["[ocHeader]", "*"], true, never>;
-}
-
-declare class OcAccordionComponent implements AfterViewInit, OnDestroy {
-    private styleThemeService;
-    items: QueryList<OcAccordionItemComponent>;
-    ocAlternate: boolean;
-    ocCurrentIndex?: number;
-    ocStyle: OcStyleThemeType;
-    ocDynamicItems: boolean;
-    private itemSubscriptions;
-    private changesSubscription?;
-    constructor(styleThemeService: StyleThemeService);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private subscribeToItems;
-    private cleanupSubscriptions;
-    closeAllItems(): void;
-    alternateToIndex(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionComponent, "oc-accordion", never, { "ocAlternate": { "alias": "ocAlternate"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDynamicItems": { "alias": "ocDynamicItems"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
-}
-
-declare class OcMessageComponent {
-    isOpen: boolean;
-    ocColor: 'default' | 'green' | 'red' | 'purple';
-    ocClosable: boolean;
-    ocIcon: string;
-    ocStyle: OcStyleThemeType;
-    private _ocTitle;
-    set ocTitle(value: string);
-    get ocTitle(): string;
-    ocOnClose: EventEmitter<any>;
-    ocOnOpen: EventEmitter<any>;
-    open(): void;
-    close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcMessageComponent, "oc-message", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocClosable": { "alias": "ocClosable"; "required": false; }; "ocIcon": { "alias": "ocIcon"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, never, ["[ocIcon]", "[ocHeader]", "*"], true, never>;
-}
-
-declare class OcDateSelectComponent implements AfterViewInit {
-    ocValue: string;
-    ocType: 'day' | 'month' | 'year';
-    ocSkipType: 'day' | 'week' | 'month' | 'year';
-    ocValueChange: EventEmitter<string>;
-    ocChange: EventEmitter<string>;
-    ocLanguage: 'ptbr' | 'enus' | 'esch';
-    ocMaxDate: string | null;
-    ocMinDate: string | null;
-    dateInput: ElementRef<HTMLInputElement>;
-    private intervalId;
-    ngAfterViewInit(): void;
-    private getCurrentDate;
-    protected getViewDate(): string;
-    private updateValue;
-    protected increaseDate(): void;
-    protected decreaseDate(): void;
-    protected startHold(direction: 'increase' | 'decrease'): void;
-    protected stopHold(): void;
-    protected openDatePicker(): void;
-    protected onDateChange(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcDateSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcDateSelectComponent, "oc-date-select", never, { "ocValue": { "alias": "ocValue"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocSkipType": { "alias": "ocSkipType"; "required": false; }; "ocLanguage": { "alias": "ocLanguage"; "required": false; }; "ocMaxDate": { "alias": "ocMaxDate"; "required": false; }; "ocMinDate": { "alias": "ocMinDate"; "required": false; }; }, { "ocValueChange": "ocValueChange"; "ocChange": "ocChange"; }, never, never, true, never>;
-}
-
-declare class OcButtonMenuComponent {
-    ocSize: 'tiny' | 'small' | 'medium' | 'large';
-    ocColor: 'purple' | 'green' | 'lightGray' | 'offWhite';
-    ocType: 'button' | 'submit';
-    ocMenu: OcMenuType[];
-    ocClick: EventEmitter<any>;
-    ocChange: EventEmitter<any>;
-    protected getStyleClass(): object;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcButtonMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcButtonMenuComponent, "oc-button-menu", never, { "ocSize": { "alias": "ocSize"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocMenu": { "alias": "ocMenu"; "required": false; }; }, { "ocClick": "ocClick"; "ocChange": "ocChange"; }, never, ["*"], true, never>;
-}
-
-declare class OcProgressComponent implements AfterViewInit {
-    ocWidth: string;
-    ocColor: 'purple' | 'green' | 'orange';
-    ocGradient: boolean;
-    ocStyle: 'otimus' | 'shui';
-    ocPercentage: number;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcProgressComponent, "oc-progress", never, { "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocGradient": { "alias": "ocGradient"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocPercentage": { "alias": "ocPercentage"; "required": false; }; }, {}, never, never, true, never>;
+declare class OcToastComponent {
+    toast: OcToastService;
+    constructor(toast: OcToastService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcToastComponent, "oc-toast", never, {}, {}, never, never, true, never>;
 }
 
-declare class OcOverlayComponent implements AfterViewInit, OnDestroy {
-    private overlay;
-    private viewContainerRef;
-    ocContent: TemplateRef<any> | null;
-    ocTrigger: 'click' | 'hover';
-    ocPosition: 'center' | 'top' | 'bottom' | 'left' | 'right';
-    ocShowBackdrop: boolean;
-    ocCloseOnBackdropClick: boolean;
-    ocWidth: string | number;
-    ocHeight: string | number;
-    ocStyle: OcStyleThemeType;
+declare class OcToggleComponent {
+    _ocChecked: boolean;
     ocDisabled: boolean;
-    ocZIndex: number;
-    ocOpen: EventEmitter<void>;
-    ocClose: EventEmitter<void>;
-    ocToggle: EventEmitter<boolean>;
-    trigger: ElementRef;
-    overlayTemplate: TemplateRef<any>;
-    private overlayRef;
-    private portal;
-    private isOverlayOpen;
-    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private setupEventListeners;
-    toggleOverlay(): void;
-    openOverlay(): void;
-    closeOverlay(): void;
-    private getOverlayConfig;
-    private getPositions;
-    private parseSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcOverlayComponent, "oc-overlay", never, { "ocContent": { "alias": "ocContent"; "required": false; }; "ocTrigger": { "alias": "ocTrigger"; "required": false; }; "ocPosition": { "alias": "ocPosition"; "required": false; }; "ocShowBackdrop": { "alias": "ocShowBackdrop"; "required": false; }; "ocCloseOnBackdropClick": { "alias": "ocCloseOnBackdropClick"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocHeight": { "alias": "ocHeight"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocZIndex": { "alias": "ocZIndex"; "required": false; }; }, { "ocOpen": "ocOpen"; "ocClose": "ocClose"; "ocToggle": "ocToggle"; }, never, ["[ocTrigger]", "*"], true, never>;
-}
-
-interface OcCalendarDay {
-    date: Date;
-    isCurrentMonth: boolean;
-    isSelected: boolean;
-    isInRange: boolean;
-    isDisabled: boolean;
-    isToday: boolean;
-    isPreviouslySelected: boolean;
-}
-declare class OcCalendarComponent implements OnChanges {
-    private styleThemeService;
-    ocSelectionMode: 'single' | 'range' | 'multiple';
-    ocStartDate?: Date;
-    ocEndDate?: Date;
-    ocSelectedDates: Date[];
-    ocCurrentDate?: Date;
-    ocMinDate?: Date;
-    ocMaxDate?: Date;
-    ocWeekStartsOn: 0 | 1;
-    ocWidth?: string;
-    ocMaxWidth?: string;
-    ocLanguage: 'ptbr' | 'esch' | 'enus';
-    ocSelectWholeWeek: boolean;
-    ocSelectDaysCount?: number;
-    private _ocStyle;
-    set ocStyle(value: OcStyleThemeType);
-    get ocStyle(): OcStyleThemeType;
-    get computedWidth(): string | null;
-    get computedMaxWidth(): string | null;
-    ocDateSelected: EventEmitter<Date>;
-    ocRangeSelected: EventEmitter<{
-        start: Date;
-        end: Date;
-    }>;
-    ocMultipleDatesSelected: EventEmitter<Date[]>;
-    ocCurrentDateChange: EventEmitter<Date>;
-    currentMonth: Date;
-    weeks: OcCalendarDay[][];
-    weekDays: string[];
-    constructor(styleThemeService: StyleThemeService);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    previousMonth(): void;
-    nextMonth(): void;
-    selectDay(day: OcCalendarDay): void;
-    private generateCalendar;
-    private isDateInMultipleSelection;
-    private isLastSelectedDate;
-    private isSameDate;
-    private isDateInRange;
-    private isDateDisabled;
-    private getWeekRange;
-    private getConsecutiveDaysRange;
-    onMonthChange(value: string): void;
-    private setWeekDays;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OcCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcCalendarComponent, "oc-calendar", never, { "ocSelectionMode": { "alias": "ocSelectionMode"; "required": false; }; "ocStartDate": { "alias": "ocStartDate"; "required": false; }; "ocEndDate": { "alias": "ocEndDate"; "required": false; }; "ocSelectedDates": { "alias": "ocSelectedDates"; "required": false; }; "ocCurrentDate": { "alias": "ocCurrentDate"; "required": false; }; "ocMinDate": { "alias": "ocMinDate"; "required": false; }; "ocMaxDate": { "alias": "ocMaxDate"; "required": false; }; "ocWeekStartsOn": { "alias": "ocWeekStartsOn"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocLanguage": { "alias": "ocLanguage"; "required": false; }; "ocSelectWholeWeek": { "alias": "ocSelectWholeWeek"; "required": false; }; "ocSelectDaysCount": { "alias": "ocSelectDaysCount"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocDateSelected": "ocDateSelected"; "ocRangeSelected": "ocRangeSelected"; "ocMultipleDatesSelected": "ocMultipleDatesSelected"; "ocCurrentDateChange": "ocCurrentDateChange"; }, never, never, true, never>;
+    ocSize: 'medium' | 'large';
+    set ocChecked(value: boolean);
+    get ocChecked(): boolean;
+    ocColor: 'purple' | 'green';
+    ocCheckedChange: EventEmitter<boolean>;
+    toggleChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcToggleComponent, "oc-toggle", never, { "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; }, { "ocCheckedChange": "ocCheckedChange"; }, never, never, true, never>;
 }
 
 interface OcTableType {
@@ -797,5 +831,5 @@ interface OcTableActionsType {
     print: () => any;
 }
 
-export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCalendarComponent, OcCardComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMenuHorizDirective, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcOverlayComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
+export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCalendarComponent, OcCardComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcDrawerComponent, OcDrawerFooterComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMenuHorizDirective, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcOverlayComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
 export type { OcAutoCompleteType, OcMenuHorizType, OcMenuType, OcStyleThemeType, OcTableType, ToastType };