otimus-library 0.3.9 → 0.3.11

package/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, OnChanges, ElementRef, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges, OnInit, AfterViewInit, AfterContentInit, EventEmitter, QueryList } from '@angular/core';
-import * as rxjs from 'rxjs';
-import { HttpClient } from '@angular/common/http';
 import { DomSanitizer } from '@angular/platform-browser';
 import { MaterialSymbol } from 'material-symbols';
+import * as rxjs from 'rxjs';
+import { HttpClient } from '@angular/common/http';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 
 declare class OtimusLibraryService {
@@ -47,22 +47,6 @@ declare class StyleThemeService {
     static ɵprov: i0.ɵɵInjectableDeclaration<StyleThemeService>;
 }
 
-declare class InternationalizationService {
-    private http;
-    constructor(http: HttpClient);
-    private queryLang;
-    getTranslation(code: string | number, params?: {
-        [key: string]: string | number;
-    } | null): string;
-    getTranslationsByLanguage(): rxjs.Subscription | undefined;
-    canUpdateStoredLanguages(): boolean;
-    setLanguage(language: string): void;
-    setUpdatedLastTime(): void;
-    setLanguages(translations: Object): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InternationalizationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<InternationalizationService>;
-}
-
 declare class OcTooltipDirective implements OnDestroy, OnChanges {
     private elRef;
     private renderer;
@@ -215,6 +199,22 @@ interface OcAutoCompleteType {
     counter?: number;
 }
 
+declare class InternationalizationService {
+    private http;
+    constructor(http: HttpClient);
+    private queryLang;
+    getTranslation(code: string | number, params?: {
+        [key: string]: string | number;
+    } | null): string;
+    getTranslationsByLanguage(): rxjs.Subscription | undefined;
+    canUpdateStoredLanguages(): boolean;
+    setLanguage(language: string): void;
+    setUpdatedLastTime(): void;
+    setLanguages(translations: Object): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InternationalizationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InternationalizationService>;
+}
+
 declare class OcAutocompleteComponent implements AfterContentInit, AfterViewInit, OnChanges, OnInit {
     private renderer;
     private el;
@@ -361,6 +361,45 @@ declare class OcMenuComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<OcMenuComponent, "oc-menu", never, { "ocMenu": { "alias": "ocMenu"; "required": false; }; }, { "ocChange": "ocChange"; }, never, never, true, never>;
 }
 
+interface OcMenuHorizType extends Omit<OcMenuType, 'checked'> {
+}
+
+declare class OcMenuHorizComponent implements OnInit, OnDestroy {
+    private readonly renderer;
+    private readonly cdr;
+    constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
+    ocMenu: OcMenuHorizType[];
+    maxWidth?: string;
+    width?: string;
+    shouldCloseOnClick: boolean;
+    shouldCloseOnClickOut: boolean;
+    ocChange: EventEmitter<any>;
+    menuElement?: ElementRef<HTMLDivElement>;
+    itemsListElement?: ElementRef<HTMLUListElement>;
+    protected isMenuShown: boolean;
+    protected buttonId?: string;
+    protected visibleItems: OcMenuHorizType[];
+    protected overflowItems: OcMenuHorizType[];
+    protected showOverflowMenu: boolean;
+    private itemWidths;
+    private isInitialized;
+    private resizeObserverSubscription?;
+    open(): void;
+    close(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private findParentButton;
+    private closeOnClickOut;
+    private measureItems;
+    private setupResizeObserver;
+    private initializeMenu;
+    private calculateVisibleItems;
+    protected toggleOverflowMenu(event: Event): void;
+    protected handleOverflowItemClick(callback?: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcMenuHorizComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcMenuHorizComponent, "oc-menu-horiz", never, { "ocMenu": { "alias": "ocMenu"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "shouldCloseOnClick": { "alias": "shouldCloseOnClick"; "required": false; }; "shouldCloseOnClickOut": { "alias": "shouldCloseOnClickOut"; "required": false; }; }, { "ocChange": "ocChange"; }, never, never, true, never>;
+}
+
 declare class OcToastComponent {
     toast: OcToastService;
     constructor(toast: OcToastService);
@@ -585,5 +624,5 @@ interface OcTableActionsType {
     print: () => any;
 }
 
-export { InternationalizationService, OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
+export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
 export type { OcAutoCompleteType, OcMenuType, OcStyleThemeType, OcTableType, ToastType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "otimus-library",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "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;
+  }
 }