@goat-bravos/intern-hub-layout 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goat-bravos/intern-hub-layout",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "Angular library for intern hub layout components",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -27,9 +27,6 @@
     "type": "git",
     "url": "git+https://github.com/FPT-IS-Intern/Intern-Hub-FE-Layout.git"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
   "module": "fesm2022/goat-bravos-intern-hub-layout.mjs",
   "typings": "types/goat-bravos-intern-hub-layout.d.ts",
   "exports": {
@@ -41,5 +38,8 @@
       "default": "./fesm2022/goat-bravos-intern-hub-layout.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/types/goat-bravos-intern-hub-layout.d.ts

@@ -50,7 +50,6 @@ interface HeaderData {
     dropdownIcon?: IconData | string;
     dropdownIconColor?: string;
     logo?: string;
-    minWidth?: string;
 }
 declare class HeaderComponent {
     data: HeaderData;
@@ -67,17 +66,24 @@ interface SidebarItem {
     content: string;
     url?: string;
     colorIconLeft?: string;
+    colorIconLeftExpanded?: string;
     colorIconLeftHover?: string;
     colorIconRight?: string;
+    colorIconRightExpanded?: string;
     colorIconRightHover?: string;
     colorContent?: string;
+    colorContentExpanded?: string;
     colorContentHover?: string;
     backgroundColor?: string;
+    backgroundColorExpanded?: string;
     backgroundColorHover?: string;
+    backgroundColorHoverExpanded?: string;
     borderRadius?: string;
     borderRadiusHover?: string;
     width?: string;
     height?: string;
+    children?: SidebarItem[];
+    disabled?: boolean;
 }
 interface SidebarData {
     menuItems: SidebarItem[];
@@ -94,6 +100,26 @@ interface SidebarData {
     toggleButtonHeight?: string;
     closeButtonMarginRight?: string;
     closeButtonMarginLeft?: string;
+    defaultWidth?: string;
+    defaultHeight?: string;
+    defaultBorderRadius?: string;
+    defaultColorIconLeft?: string;
+    defaultColorContent?: string;
+    defaultBackgroundColor?: string;
+    defaultColorIconLeftHover?: string;
+    defaultColorContentHover?: string;
+    defaultBackgroundColorHover?: string;
+    activeColorIconLeft?: string;
+    activeColorContent?: string;
+    activeBackgroundColor?: string;
+    disabledColorIconLeft?: string;
+    disabledColorContent?: string;
+    disabledBackgroundColor?: string;
+    defaultColorIconLeftExpanded?: string;
+    defaultColorIconRightExpanded?: string;
+    defaultColorContentExpanded?: string;
+    defaultBackgroundColorExpanded?: string;
+    defaultBackgroundColorHoverExpanded?: string;
 }
 declare class SidebarComponent {
     data: SidebarData;
@@ -105,7 +131,12 @@ declare class SidebarComponent {
     sidebarToggled: EventEmitter<boolean>;
     toggleButtonIconData?: IconData[];
     closeButtonIconData?: IconData[];
+    expandedItems: Set<SidebarItem>;
+    activeItem: SidebarItem | null;
     toggleSidebar(): void;
+    toggleSubMenu(item: SidebarItem, event: Event): void;
+    isItemExpanded(item: SidebarItem): boolean;
+    getRightIcon(item: SidebarItem): string | IconData | undefined;
     onMenuItemClick(item: SidebarItem, event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "app-sidebar", never, { "data": { "alias": "data"; "required": false; }; "sidebarWidthCollapse": { "alias": "sidebarWidthCollapse"; "required": false; }; "sidebarWidthExpand": { "alias": "sidebarWidthExpand"; "required": false; }; "isSidebarExpanded": { "alias": "isSidebarExpanded"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "toggleButtonIconData": { "alias": "toggleButtonIconData"; "required": false; }; "closeButtonIconData": { "alias": "closeButtonIconData"; "required": false; }; }, { "sidebarToggled": "sidebarToggled"; }, never, never, true, never>;
@@ -114,6 +145,7 @@ declare class SidebarComponent {
 declare class FunctionalLabelComponent {
     iconLeft?: IconData | string;
     iconRight?: IconData | string;
+    rightIconTitle?: string;
     colorIconLeft?: string;
     colorIconRight?: string;
     widthIconLeft?: string;
@@ -125,6 +157,12 @@ declare class FunctionalLabelComponent {
     colorContentHover?: string;
     backgroundColorHover?: string;
     borderRadiusHover?: string;
+    isActive: boolean;
+    activeBackgroundColor?: string;
+    activeColorContent?: string;
+    activeColorIconLeft?: string;
+    activeColorIconRight?: string;
+    expandedHoverBackgroundColor?: string;
     content?: string;
     fontSizeContent?: string;
     colorContent?: string;
@@ -134,19 +172,25 @@ declare class FunctionalLabelComponent {
     borderRadius?: string;
     width?: string;
     height?: string;
+    disabled: boolean;
+    disabledColorIconLeft?: string;
+    disabledColorContent?: string;
+    disabledBackgroundColor?: string;
     routerLink?: string;
     isSidebarExpanded: boolean;
     clicked: EventEmitter<Event>;
+    rightIconClicked: EventEmitter<Event>;
     get currentBackgroundColor(): string | undefined;
     get currentBorderRadius(): string | undefined;
-    get currentColorContent(): string | undefined;
+    get currentColorContent(): string;
     get hasIconLeft(): boolean;
     get hasIconRight(): boolean;
     get iconLeftData(): IconData | undefined;
     get iconRightData(): IconData | undefined;
     handleClick(event: Event): void;
+    handleRightIconClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FunctionalLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FunctionalLabelComponent, "app-functional-label", never, { "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "colorIconLeft": { "alias": "colorIconLeft"; "required": false; }; "colorIconRight": { "alias": "colorIconRight"; "required": false; }; "widthIconLeft": { "alias": "widthIconLeft"; "required": false; }; "heightIconLeft": { "alias": "heightIconLeft"; "required": false; }; "widthIconRight": { "alias": "widthIconRight"; "required": false; }; "heightIconRight": { "alias": "heightIconRight"; "required": false; }; "colorIconLeftHover": { "alias": "colorIconLeftHover"; "required": false; }; "colorIconRightHover": { "alias": "colorIconRightHover"; "required": false; }; "colorContentHover": { "alias": "colorContentHover"; "required": false; }; "backgroundColorHover": { "alias": "backgroundColorHover"; "required": false; }; "borderRadiusHover": { "alias": "borderRadiusHover"; "required": false; }; "content": { "alias": "content"; "required": false; }; "fontSizeContent": { "alias": "fontSizeContent"; "required": false; }; "colorContent": { "alias": "colorContent"; "required": false; }; "widthContent": { "alias": "widthContent"; "required": false; }; "heightContent": { "alias": "heightContent"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "isSidebarExpanded": { "alias": "isSidebarExpanded"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FunctionalLabelComponent, "app-functional-label", never, { "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "rightIconTitle": { "alias": "rightIconTitle"; "required": false; }; "colorIconLeft": { "alias": "colorIconLeft"; "required": false; }; "colorIconRight": { "alias": "colorIconRight"; "required": false; }; "widthIconLeft": { "alias": "widthIconLeft"; "required": false; }; "heightIconLeft": { "alias": "heightIconLeft"; "required": false; }; "widthIconRight": { "alias": "widthIconRight"; "required": false; }; "heightIconRight": { "alias": "heightIconRight"; "required": false; }; "colorIconLeftHover": { "alias": "colorIconLeftHover"; "required": false; }; "colorIconRightHover": { "alias": "colorIconRightHover"; "required": false; }; "colorContentHover": { "alias": "colorContentHover"; "required": false; }; "backgroundColorHover": { "alias": "backgroundColorHover"; "required": false; }; "borderRadiusHover": { "alias": "borderRadiusHover"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "activeBackgroundColor": { "alias": "activeBackgroundColor"; "required": false; }; "activeColorContent": { "alias": "activeColorContent"; "required": false; }; "activeColorIconLeft": { "alias": "activeColorIconLeft"; "required": false; }; "activeColorIconRight": { "alias": "activeColorIconRight"; "required": false; }; "expandedHoverBackgroundColor": { "alias": "expandedHoverBackgroundColor"; "required": false; }; "content": { "alias": "content"; "required": false; }; "fontSizeContent": { "alias": "fontSizeContent"; "required": false; }; "colorContent": { "alias": "colorContent"; "required": false; }; "widthContent": { "alias": "widthContent"; "required": false; }; "heightContent": { "alias": "heightContent"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledColorIconLeft": { "alias": "disabledColorIconLeft"; "required": false; }; "disabledColorContent": { "alias": "disabledColorContent"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "isSidebarExpanded": { "alias": "isSidebarExpanded"; "required": false; }; }, { "clicked": "clicked"; "rightIconClicked": "rightIconClicked"; }, never, never, true, never>;
 }
 
 interface ButtonContainerInterface {
@@ -171,35 +215,48 @@ interface ButtonSizeConfig {
 }
 declare const BUTTON_SIZE_MAP: Record<ButtonSize, ButtonSizeConfig>;
 
+interface ButtonContainerData {
+    size?: ButtonSize | '';
+    content?: string;
+    fontSize?: string;
+    leftIcon?: string;
+    leftIconData?: IconData[];
+    rightIcon?: string;
+    rightIconData?: IconData[];
+    color?: string;
+    backgroundColor?: string;
+    border?: string;
+    borderRadius: '8px';
+    width?: string;
+    height: '36px';
+    padding?: string;
+    marginLeft?: string;
+    marginRight?: string;
+}
 declare class ButtonContainerComponent {
+    buttonData?: ButtonContainerData;
     size: ButtonSize | '';
-    get sizeStyle(): _goat_bravos_intern_hub_layout.ButtonSizeConfig | {
-        minWidth: string;
-        minHeight: string;
-        fontSize: string;
-    };
     content?: string;
     fontSize?: string;
     leftIcon?: string;
     leftIconData?: IconData[];
     rightIcon?: string;
     rightIconData?: IconData[];
-    bgDefault: string;
-    bgHover: string;
-    bgDisabled: string;
-    colorDefault: string;
-    colorHover: string;
-    colorDisabled: string;
+    color?: string;
+    backgroundColor?: string;
     border?: string;
     borderRadius: string;
     width?: string;
     height: string;
     padding?: string;
-    disabled: boolean;
-    buttonClick: EventEmitter<void>;
-    handleClick(): void;
+    marginLeft?: string;
+    marginRight?: string;
+    borderColor?: string;
+    buttonClick: EventEmitter<any>;
+    get sizeStyle(): _goat_bravos_intern_hub_layout.ButtonSizeConfig;
+    handleClick(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonContainerComponent, "app-button-container", never, { "size": { "alias": "size"; "required": false; }; "content": { "alias": "content"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "rightIconData": { "alias": "rightIconData"; "required": false; }; "bgDefault": { "alias": "bgDefault"; "required": false; }; "bgHover": { "alias": "bgHover"; "required": false; }; "bgDisabled": { "alias": "bgDisabled"; "required": false; }; "colorDefault": { "alias": "colorDefault"; "required": false; }; "colorHover": { "alias": "colorHover"; "required": false; }; "colorDisabled": { "alias": "colorDisabled"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonContainerComponent, "app-button-container", never, { "buttonData": { "alias": "buttonData"; "required": false; }; "size": { "alias": "size"; "required": false; }; "content": { "alias": "content"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "rightIconData": { "alias": "rightIconData"; "required": false; }; "color": { "alias": "color"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
 declare class LabelButtonComponent {
@@ -238,6 +295,8 @@ declare class InputTextComponent {
     fontWeightLabel: string;
     colorLabel: string;
     backgroundColor: string;
+    borderColor?: string;
+    borderColorHover?: string;
     valueChange: EventEmitter<string>;
     iconClick: EventEmitter<void>;
     private _value;
@@ -248,7 +307,7 @@ declare class InputTextComponent {
     get limit(): string;
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "app-input-text", never, { "headerInput": { "alias": "headerInput"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showLimit": { "alias": "showLimit"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "widthIcon": { "alias": "widthIcon"; "required": false; }; "heightIcon": { "alias": "heightIcon"; "required": false; }; "typeInput": { "alias": "typeInput"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "height": { "alias": "height"; "required": false; }; "fontSizeContent": { "alias": "fontSizeContent"; "required": false; }; "fontWeightContent": { "alias": "fontWeightContent"; "required": false; }; "colorContent": { "alias": "colorContent"; "required": false; }; "fontSizeLabel": { "alias": "fontSizeLabel"; "required": false; }; "fontWeightLabel": { "alias": "fontWeightLabel"; "required": false; }; "colorLabel": { "alias": "colorLabel"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "iconClick": "iconClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "app-input-text", never, { "headerInput": { "alias": "headerInput"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showLimit": { "alias": "showLimit"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "widthIcon": { "alias": "widthIcon"; "required": false; }; "heightIcon": { "alias": "heightIcon"; "required": false; }; "typeInput": { "alias": "typeInput"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "height": { "alias": "height"; "required": false; }; "fontSizeContent": { "alias": "fontSizeContent"; "required": false; }; "fontWeightContent": { "alias": "fontWeightContent"; "required": false; }; "colorContent": { "alias": "colorContent"; "required": false; }; "fontSizeLabel": { "alias": "fontSizeLabel"; "required": false; }; "fontWeightLabel": { "alias": "fontWeightLabel"; "required": false; }; "colorLabel": { "alias": "colorLabel"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderColorHover": { "alias": "borderColorHover"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "iconClick": "iconClick"; }, never, never, true, never>;
 }
 
 declare class InputStepperComponent {
@@ -371,10 +430,11 @@ declare class ModalComponent {
     minHeight: string;
     isOpen: boolean;
     theme: 'default' | 'white';
-    closeModal: EventEmitter<void>;
+    close: EventEmitter<void>;
+    onOverlayClick(event: Event): void;
     onCloseClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "app-modal", never, { "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "closeModal": "closeModal"; }, never, ["[modal-body]", "[modal-footer]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "app-modal", never, { "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "close": "close"; }, never, ["[modal-body]", "[modal-footer]"], true, never>;
 }
 
 interface AvatarUploadedFile {
@@ -515,4 +575,4 @@ declare class DatePickerComponent implements OnInit, ControlValueAccessor {
 }
 
 export { ApprovalListComponent, ApprovalListItemComponent, AvatarUploadButtonComponent, BUTTON_SIZE_MAP, ButtonContainerComponent, DatePickerComponent, FileUploadDropzoneComponent, FunctionalLabelComponent, HeaderComponent, IconComponent, InputCalendarComponent, InputStepperComponent, InputTextComponent, LabelButtonComponent, ModalComponent, PopUpConfirmComponent, SidebarComponent, TableBodyComponent, TableHeaderComponent };
-export type { ApprovalListItemInterface, AvatarUploadedFile, ButtonContainerInterface, ButtonSize, ButtonSizeConfig, ColumnConfig, DatePickerMode, DatePickerValue, HeaderAction, HeaderData, IconData, RangePickerMode, SidebarData, SidebarItem, UploadedFile };
+export type { ApprovalListItemInterface, AvatarUploadedFile, ButtonContainerData, ButtonContainerInterface, ButtonSize, ButtonSizeConfig, ColumnConfig, DatePickerMode, DatePickerValue, HeaderAction, HeaderData, IconData, RangePickerMode, SidebarData, SidebarItem, UploadedFile };