otimus-library 0.3.51 → 0.3.53

package/index.d.ts

@@ -129,7 +129,7 @@ declare class OcBadgeComponent implements OnInit {
 
 declare class OcCardComponent {
     readonly ocSelected: i0.InputSignal<boolean>;
-    readonly ocColor: i0.InputSignal<"green" | "red" | "yellow" | "default">;
+    readonly ocColor: i0.InputSignal<"default" | "green" | "red" | "yellow">;
     readonly ocClickable: i0.InputSignal<boolean>;
     ocClick: EventEmitter<void>;
     protected onClick(): void;
@@ -311,17 +311,19 @@ declare class OcAutocompleteComponent implements AfterContentInit, AfterViewInit
     iconSize: 'small' | 'medium' | 'large';
     ocSelectByTyping: boolean;
     ocDisabled: boolean;
-    ocType: 'counterSelect' | 'default';
+    ocType: 'counterSelect' | 'default' | 'multipleSelect';
     ocShowBackdrop: boolean;
     ocHasDeleteButton?: boolean;
     ocEnableKeyboard: boolean;
     ocValueChange: EventEmitter<string>;
     ocChange: EventEmitter<string | null>;
     ocCounterSelectChange: EventEmitter<OcAutoCompleteType[]>;
+    ocMultipleSelectChange: EventEmitter<OcAutoCompleteType[]>;
     ocOptionNotFound: EventEmitter<any>;
     ocClick: EventEmitter<any>;
     hasSuffix: boolean;
     hasPrefix: boolean;
+    selectedValues: OcAutoCompleteType[];
     private isOptionsShown;
     private _filteredData;
     get filteredData(): OcAutoCompleteType[];
@@ -364,9 +366,13 @@ declare class OcAutocompleteComponent implements AfterContentInit, AfterViewInit
     emitCounterSelectChange(): void;
     moveSelection(delta: number): void;
     protected onKeyDown(event: Event): void;
+    toggleMultipleSelect(data: OcAutoCompleteType): void;
+    removeSelectedValue(item: OcAutoCompleteType): void;
+    getCounterItems(): OcAutoCompleteType[];
+    private updateInputPaddingForChips;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OcAutocompleteComponent, never>;
-    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"; "ocOptionNotFound": "ocOptionNotFound"; "ocClick": "ocClick"; }, ["ocPrefix", "ocSuffix"], ["*", "ocPrefix", "ocSuffix"], true, never>;
+    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 {
@@ -712,6 +718,49 @@ declare class OcOverlayComponent implements AfterViewInit, OnDestroy {
     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;
+}
+declare class OcCalendarComponent {
+    private styleThemeService;
+    ocSelectionMode: 'single' | 'range';
+    ocStartDate?: Date;
+    ocEndDate?: Date;
+    ocMinDate?: Date;
+    ocMaxDate?: Date;
+    ocWeekStartsOn: 0 | 1;
+    ocWidth?: string;
+    ocMaxWidth?: string;
+    ocLanguage: 'ptbr' | 'esch' | 'enus';
+    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;
+    }>;
+    currentMonth: Date;
+    weeks: OcCalendarDay[][];
+    weekDays: string[];
+    constructor(styleThemeService: StyleThemeService);
+    ngOnInit(): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    selectDay(day: OcCalendarDay): void;
+    private generateCalendar;
+    private isSameDate;
+    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; }; "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; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocDateSelected": "ocDateSelected"; "ocRangeSelected": "ocRangeSelected"; }, never, never, true, never>;
+}
+
 interface OcTableType {
     data: any;
     id?: string | number | null;
@@ -724,5 +773,5 @@ interface OcTableActionsType {
     print: () => any;
 }
 
-export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, 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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "otimus-library",
-  "version": "0.3.51",
+  "version": "0.3.53",
   "license": "MIT",
   "peerDependencies": {
     "@angular/cdk": "^20.2.5",

package/styles/colors.scss

@@ -1,71 +1,71 @@
-@use './variables.scss';
-
-.oc.color {
-  // Purple Colors
-  &.p-1 {
-    color: variables.$color-brand-p-1;
-  }
-  &.p-2 {
-    color: variables.$color-brand-dp-1;
-  }
-  &.p-3 {
-    color: variables.$color-brand-p-3;
-  }
-  &.p-4 {
-    color: variables.$color-brand-p-4;
-  }
-  &.p-5 {
-    color: variables.$color-brand-p-5;
-  }
-  &.p-6 {
-    color: variables.$color-brand-p-6;
-  }
-
-  // Dark Purple Colors
-  &.dp-1 {
-    color: variables.$color-brand-dp-1;
-  }
-  &.dp-2 {
-    color: variables.$color-brand-dp-2;
-  }
-  &.dp-3 {
-    color: variables.$color-brand-dp-3;
-  }
-  &.dp-4 {
-    color: variables.$color-brand-dp-4;
-  }
-  &.dp-5 {
-    color: variables.$color-brand-dp-5;
-  }
-
-  // Green Colors
-  &.g-1 {
-    color: variables.$color-brand-g-1;
-  }
-  &.g-2 {
-    color: variables.$color-brand-g-2;
-  }
-  &.g-3 {
-    color: variables.$color-brand-g-3;
-  }
-  &.g-4 {
-    color: variables.$color-brand-g-4;
-  }
-  &.g-5 {
-    color: variables.$color-brand-g-5;
-  }
-  &.g-6 {
-    color: variables.$color-brand-g-6;
-  }
-
-  // Status Colors
-  &.error {
-    color: variables.$color-error;
-  }
-  &.success {
-    color: variables.$color-success;
-  }
-  &.error {
-    color: variables.$color-error;
-  }
+@use './variables.scss';
+
+.oc.color {
+  // Purple Colors
+  &.p-1 {
+    color: variables.$color-brand-p-1;
+  }
+  &.p-2 {
+    color: variables.$color-brand-dp-1;
+  }
+  &.p-3 {
+    color: variables.$color-brand-p-3;
+  }
+  &.p-4 {
+    color: variables.$color-brand-p-4;
+  }
+  &.p-5 {
+    color: variables.$color-brand-p-5;
+  }
+  &.p-6 {
+    color: variables.$color-brand-p-6;
+  }
+
+  // Dark Purple Colors
+  &.dp-1 {
+    color: variables.$color-brand-dp-1;
+  }
+  &.dp-2 {
+    color: variables.$color-brand-dp-2;
+  }
+  &.dp-3 {
+    color: variables.$color-brand-dp-3;
+  }
+  &.dp-4 {
+    color: variables.$color-brand-dp-4;
+  }
+  &.dp-5 {
+    color: variables.$color-brand-dp-5;
+  }
+
+  // Green Colors
+  &.g-1 {
+    color: variables.$color-brand-g-1;
+  }
+  &.g-2 {
+    color: variables.$color-brand-g-2;
+  }
+  &.g-3 {
+    color: variables.$color-brand-g-3;
+  }
+  &.g-4 {
+    color: variables.$color-brand-g-4;
+  }
+  &.g-5 {
+    color: variables.$color-brand-g-5;
+  }
+  &.g-6 {
+    color: variables.$color-brand-g-6;
+  }
+
+  // Status Colors
+  &.error {
+    color: variables.$color-error;
+  }
+  &.success {
+    color: variables.$color-success;
+  }
+  &.error {
+    color: variables.$color-error;
+  }
 }