@goat-bravos/intern-hub-layout 4.0.4 → 4.0.6

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@goat-bravos/intern-hub-layout",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "Angular library for intern hub layout components",
   "peerDependencies": {
     "@angular/common": "^21.1.0",
     "@angular/core": "^21.1.0",
     "@angular/forms": "^21.1.0",
     "@angular/router": "^21.1.0",
-    "dynamic-ds": "1.0.5",
+    "dynamic-ds": "1.0.12",
     "ng-zorro-antd": "^21.1.0"
   },
   "peerDependenciesMeta": {

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, TemplateRef, OnInit } from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, OnInit, AfterViewInit, OnDestroy } from '@angular/core';
 import * as _goat_bravos_intern_hub_layout from '@goat-bravos/intern-hub-layout';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -306,6 +306,8 @@ declare class InputTextComponent {
     get value(): string;
     get currentLength(): number;
     get limit(): string;
+    /** Block invalid characters (e, E, +, -) for number inputs */
+    onKeydown(event: KeyboardEvent): void;
     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; }; "errorMessage": { "alias": "errorMessage"; "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>;
@@ -417,12 +419,27 @@ declare class PopUpConfirmComponent {
     title: string;
     content: string;
     colorButton: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    showCancel: boolean;
     confirmClick: EventEmitter<void>;
     cancelClick: EventEmitter<void>;
     onConfirm(): void;
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopUpConfirmComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopUpConfirmComponent, "app-pop-up-confirm", never, { "imgUrl": { "alias": "imgUrl"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "colorButton": { "alias": "colorButton"; "required": false; }; }, { "confirmClick": "confirmClick"; "cancelClick": "cancelClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopUpConfirmComponent, "app-pop-up-confirm", never, { "imgUrl": { "alias": "imgUrl"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "colorButton": { "alias": "colorButton"; "required": false; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; }, { "confirmClick": "confirmClick"; "cancelClick": "cancelClick"; }, never, never, true, never>;
+}
+
+declare class PopUpInfoComponent {
+    imgUrl: string;
+    title: string;
+    content: string;
+    colorButton: string;
+    actionLabel: string;
+    actionClick: EventEmitter<void>;
+    onAction(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopUpInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopUpInfoComponent, "app-pop-up-info", never, { "imgUrl": { "alias": "imgUrl"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "colorButton": { "alias": "colorButton"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
 }
 
 declare class ModalComponent {
@@ -505,7 +522,13 @@ declare class FileUploadDropzoneComponent {
 type DatePickerMode = 'date' | 'week' | 'month' | 'quarter' | 'year';
 type RangePickerMode = 'date' | 'week' | 'month' | 'year';
 type DatePickerValue = Date | [Date, Date] | null;
-declare class DatePickerComponent implements OnInit, ControlValueAccessor {
+declare class DatePickerComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+    private el;
+    private keydownHandler;
+    private pasteHandler;
+    private inputHandler;
+    private isDeleting;
+    constructor(el: ElementRef);
     /** Picker mode: date, week, month, quarter, year */
     mode: DatePickerMode;
     /** Enable time selection */
@@ -565,6 +588,20 @@ declare class DatePickerComponent implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Allow: digits, date separators (/ - : .), and control keys */
+    private readonly ALLOWED_KEYS;
+    private onInputKeydown;
+    private onInputPaste;
+    /**
+     * Auto-insert separator characters (e.g. '/') as user types digits.
+     * Parses the format string to find separator positions.
+     * E.g. 'dd/MM/yyyy' → separators at index 2 and 5
+     */
+    private onInputAutoSeparator;
+    private attachInputListeners;
+    private detachInputListeners;
     private initializeFormat;
     onDateChange(date: Date | null): void;
     onRangeChange(range: [Date, Date] | null): void;
@@ -579,5 +616,5 @@ declare class DatePickerComponent implements OnInit, ControlValueAccessor {
     static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "mode": { "alias": "mode"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "rangeMode": { "alias": "rangeMode"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rangePlaceholder": { "alias": "rangePlaceholder"; "required": false; }; "format": { "alias": "format"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "popupClassName": { "alias": "popupClassName"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, { "dateChange": "dateChange"; "rangeChange": "rangeChange"; "openChange": "openChange"; "ok": "ok"; "panelChange": "panelChange"; }, never, never, true, never>;
 }
 
-export { ApprovalListComponent, ApprovalListItemComponent, AvatarUploadButtonComponent, BUTTON_SIZE_MAP, ButtonContainerComponent, DatePickerComponent, FileUploadDropzoneComponent, FunctionalLabelComponent, HeaderComponent, IconComponent, InputCalendarComponent, InputStepperComponent, InputTextComponent, LabelButtonComponent, ModalComponent, PopUpConfirmComponent, SidebarComponent, TableBodyComponent, TableHeaderComponent };
+export { ApprovalListComponent, ApprovalListItemComponent, AvatarUploadButtonComponent, BUTTON_SIZE_MAP, ButtonContainerComponent, DatePickerComponent, FileUploadDropzoneComponent, FunctionalLabelComponent, HeaderComponent, IconComponent, InputCalendarComponent, InputStepperComponent, InputTextComponent, LabelButtonComponent, ModalComponent, PopUpConfirmComponent, PopUpInfoComponent, SidebarComponent, TableBodyComponent, TableHeaderComponent };
 export type { ApprovalListItemInterface, AvatarUploadedFile, ButtonContainerData, ButtonContainerInterface, ButtonSize, ButtonSizeConfig, ColumnConfig, DatePickerMode, DatePickerValue, HeaderAction, HeaderData, IconData, RangePickerMode, SidebarData, SidebarItem, UploadedFile };