cats-ui-lib 2.0.17 → 2.0.19

package/index.d.ts

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, OnChanges, TemplateRef, ChangeDetectorRef, ElementRef, SimpleChanges, OnDestroy, Renderer2, QueryList, ViewContainerRef, ApplicationRef, EnvironmentInjector } from '@angular/core';
 import { ControlValueAccessor, Validator, FormControl } from '@angular/forms';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
-import { Router } from '@angular/router';
 import { Observable } from 'rxjs';
+import { Router } from '@angular/router';
 
 declare class CatsUiService {
     constructor();
@@ -1064,11 +1064,10 @@ interface HeaderConfig {
     showAiAgent?: boolean;
 }
 declare class HeaderComponent {
-    private router;
-    constructor(router: Router);
-    config: HeaderConfig;
+    headerConfig: HeaderConfig;
     dropdownItems: any[];
-    menuOpen: boolean;
+    onDropdownSelection: EventEmitter<any>;
+    profileOpen: boolean;
     dropdownOpen: boolean;
     selectedItem: any;
     ngOnInit(): void;
@@ -1077,7 +1076,7 @@ declare class HeaderComponent {
     toggleDropdown(): void;
     closeMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "cats-ui-header", never, { "config": { "alias": "config"; "required": false; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "cats-ui-header", never, { "headerConfig": { "alias": "headerConfig"; "required": false; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; }; }, { "onDropdownSelection": "onDropdownSelection"; }, never, never, true, never>;
 }
 
 declare class DialogRef<T = any> {
@@ -1116,14 +1115,16 @@ declare class DialogBoxService {
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogBoxService>;
 }
 
+interface SidebarConfig {
+    sidebarType?: 'sectional' | string;
+    switchOrganiser?: boolean;
+}
 interface SidebarAttribute {
     attributeId?: number;
     attributeName: string;
-    attributeDesc?: string;
-    viewAccess?: boolean;
-    createAccess?: boolean;
-    updateAccess?: boolean;
-    deleteAccess?: boolean;
+    icon?: string;
+    activeIcon?: string;
+    url?: string;
 }
 interface SidebarFeature {
     featureId?: number;
@@ -1133,7 +1134,7 @@ interface SidebarFeature {
     activeIcon?: string;
     expandable?: boolean;
     url?: string;
-    isEnable: boolean;
+    isEnable?: boolean;
     attributes?: SidebarAttribute[];
 }
 interface SidebarModule {
@@ -1142,19 +1143,48 @@ interface SidebarModule {
     activeIcon?: string;
     expandable?: boolean;
     url?: string;
-    isEnable: boolean;
+    isEnable?: boolean;
     features: SidebarFeature[];
 }
 declare class SidebarComponent {
-    config: SidebarModule[];
+    private router;
+    appMenus: SidebarModule[];
+    isCollapsed: boolean;
+    sidebarConfig: SidebarConfig;
     expandedFeatures: Set<string>;
-    activeItem: string | null;
-    toggleFeature(key: string): void;
-    isExpanded(key: string): boolean;
-    setActive(key: string): void;
+    activeSidebar: EventEmitter<any>;
+    collapsedOpenModule: number | null;
+    collapsedOpenFeature: string | null;
+    activeItem: {
+        moduleIndex: number;
+        featureIndex: number;
+        attrIndex: number;
+    } | null;
+    constructor(router: Router);
+    /** A feature is expandable if it has at least one attribute */
+    isExpandable(feature: SidebarFeature): boolean;
+    ngOnInit(): void;
+    toggleCollapse(): void;
+    expandedModules: Set<number>;
+    toggleModule(moduleIndex: number): void;
+    isModuleExpanded(moduleIndex: number): boolean;
+    toggleFeature(moduleIndex: number, featureIndex: number): void;
+    isFeatureExpanded(moduleIndex: number, featureIndex: number): boolean;
+    setActiveItem(moduleIndex: number, featureIndex: number, attrIndex: number): void;
+    onFeatureClick(moduleIndex: number, featureIndex: number, feature: SidebarFeature): void;
+    isActiveItem(moduleIndex: number, featureIndex?: number, attrIndex?: number): boolean;
+    collapsedModuleIndex: number | null;
+    collapsedFeatureIndex: number | null;
+    isOpenAttribute: boolean;
+    isCollapsedIconActive(mIdx: number, fIdx?: number): boolean;
+    onCollapsedSectionalIconClick(mIdx: number, fIdx: number, source?: string): void;
+    onCollapsedModuleIconClick(mIdx: number): void;
+    onCollapsedFeatureClick(mIdx: number, fIdx: number): void;
+    navigateToItem(module: SidebarModule, feature?: SidebarFeature, attribute?: SidebarAttribute): void;
+    handleOutsideClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "cats-ui-sidebar", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "cats-ui-sidebar", never, { "appMenus": { "alias": "appMenus"; "required": false; }; "sidebarConfig": { "alias": "sidebarConfig"; "required": false; }; }, { "activeSidebar": "activeSidebar"; }, never, never, true, never>;
 }
 
 export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DialogBoxComponent, DialogBoxService, FileUploadComponent, HeaderComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SidebarComponent, SingleSelectComponent, SingleSelectConfig, TabContentComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
-export type { CalenderView, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, DialogConfig, FilterType, HeaderConfig, RadioButtonConfig, SidebarAttribute, SidebarFeature, SidebarModule, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput, TimeFilterValue };
+export type { CalenderView, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, DialogConfig, FilterType, HeaderConfig, RadioButtonConfig, SidebarAttribute, SidebarConfig, SidebarFeature, SidebarModule, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput, TimeFilterValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cats-ui-lib",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"

package/styles/_utilities.scss

@@ -805,8 +805,8 @@ button.cats-btn {
 }
 
 // ------------------Checkbox Styles--------------------
-.checkbox-container,
-.item, .multiitem {
+.cats-checkbox-container,
+.cats-item, .cats-multiitem {
   @include flex(flex-start, center, rem(8px));
   @include fontStyle(var(--fs-16), rem(20px), 400);
   margin-bottom: rem(8px);