sidesys-generic-ui 2.4.6 → 2.4.7

package/lib/animation/animation.component.d.ts

@@ -4,6 +4,7 @@ import { ANIMATION, AnimationConfig } from './enums/animation.enum';
 import * as i0 from "@angular/core";
 export declare class AnimationComponent implements AfterViewInit {
     animation: ANIMATION;
+    id: string;
     playOnHoverEvent: EventEmitter<void>;
     pauseOnLeaveEvent: EventEmitter<void>;
     animationConfig: AnimationConfig;
@@ -12,5 +13,5 @@ export declare class AnimationComponent implements AfterViewInit {
     playOnHover(): void;
     pauseOnLeave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationComponent, "s-animation", never, { "animation": { "alias": "animation"; "required": false; }; }, { "playOnHoverEvent": "playOnHoverEvent"; "pauseOnLeaveEvent": "pauseOnLeaveEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationComponent, "s-animation", never, { "animation": { "alias": "animation"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "playOnHoverEvent": "playOnHoverEvent"; "pauseOnLeaveEvent": "pauseOnLeaveEvent"; }, never, never, false, never>;
 }

package/lib/avatar/s-avatar.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SAvatarComponent implements OnInit {
+    id?: string;
     urlProfileImage?: string;
     letters?: string;
     get status(): string;
@@ -10,8 +11,7 @@ export declare class SAvatarComponent implements OnInit {
     size: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     _display: string;
     _status: any;
-    constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SAvatarComponent, "s-avatar", never, { "urlProfileImage": { "alias": "urlProfileImage"; "required": false; }; "letters": { "alias": "letters"; "required": false; }; "status": { "alias": "status"; "required": false; }; "display": { "alias": "display"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SAvatarComponent, "s-avatar", never, { "id": { "alias": "id"; "required": false; }; "urlProfileImage": { "alias": "urlProfileImage"; "required": false; }; "letters": { "alias": "letters"; "required": false; }; "status": { "alias": "status"; "required": false; }; "display": { "alias": "display"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/badge/s-badge.component.d.ts

@@ -1,11 +1,9 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SBadgeComponent implements OnInit {
+export declare class SBadgeComponent {
+    id?: string;
     type: 'primary' | 'secondary' | 'green' | 'yellow' | 'red' | string;
     size: 'xs' | 'sm';
     new: boolean;
-    constructor();
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SBadgeComponent, "s-badge", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "new": { "alias": "new"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SBadgeComponent, "s-badge", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "new": { "alias": "new"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/bottom-status-bar/bottom-status-bar.component.d.ts

@@ -6,6 +6,7 @@ export type controlType = 'checkbox' | 'switch';
 export interface SBottomStatusBar {
     counter?: number;
     disabled?: boolean;
+    id?: string;
     label?: string;
     selectionControl?: controlType;
     selectionState?: WritableSignal<boolean>;
@@ -15,6 +16,7 @@ export declare class SBottomStatusBarComponent {
     config: import("@angular/core").InputSignal<SBottomStatusBar>;
     stateChange: import("@angular/core").OutputEmitterRef<boolean>;
     stateChangeEvent: import("@angular/core").OutputEmitterRef<boolean>;
+    id: WritableSignal<string>;
     configSCheckbox: import("@angular/core").Signal<SCheckbox>;
     configSSwitch: import("@angular/core").Signal<SSwitch>;
     selectionControlChange(state: boolean): void;

package/lib/breadcrum/s-breadcrum.component.d.ts

@@ -1,10 +1,11 @@
 import { BreadcrumNav } from './interface/breadcrum-nav.interface';
 import * as i0 from "@angular/core";
 export declare class SBreadcrumComponent {
+    id?: string;
     nav: BreadcrumNav[];
     size: 'sm' | 'md' | 'lg';
     getStateClass(i: number, nav: BreadcrumNav): string;
     getIconClass(i: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SBreadcrumComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SBreadcrumComponent, "s-breadcrum", never, { "nav": { "alias": "nav"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SBreadcrumComponent, "s-breadcrum", never, { "id": { "alias": "id"; "required": false; }; "nav": { "alias": "nav"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/button/components/button/s-button.component.d.ts

@@ -2,16 +2,17 @@ import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SButtonComponent implements OnInit {
     disabled: boolean;
+    id: string;
     pill: boolean;
-    size: "xl" | "lg" | "md" | "sm";
+    size: 'xl' | 'lg' | 'md' | 'sm';
     invert: boolean;
-    type: "primary" | "secondary" | "tertiary" | string;
+    type: 'primary' | 'secondary' | 'tertiary' | string;
     loading: boolean;
-    position?: "normal" | "reverse";
-    theme?: "default" | "green" | "yellow" | "red";
+    position?: 'normal' | 'reverse';
+    theme?: 'default' | 'green' | 'yellow' | 'red';
     active?: boolean;
     roundedPrivate: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SButtonComponent, "s-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "size": { "alias": "size"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SButtonComponent, "s-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "size": { "alias": "size"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/card/s-card.component.d.ts

@@ -10,10 +10,11 @@ export declare class SCardComponent implements OnInit {
     menu?: SSubMenu;
     check?: SCheckData | null;
     showHorizontal: boolean;
+    id?: string;
     image: string;
     fullimage: boolean;
     icon: string;
-    size: "sm" | "md" | "lg" | "full";
+    size: 'sm' | 'md' | 'lg' | 'full';
     label: string;
     shadow: 0 | 100 | 200 | 300 | 400 | 500 | 600;
     clickEvent: EventEmitter<string>;
@@ -26,5 +27,5 @@ export declare class SCardComponent implements OnInit {
     onClickEvent(event: any): void;
     onCheckEvent(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SCardComponent, "s-card", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "check": { "alias": "check"; "required": false; }; "showHorizontal": { "alias": "showHorizontal"; "required": false; }; "image": { "alias": "image"; "required": false; }; "fullimage": { "alias": "fullimage"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; }, { "clickEvent": "clickEvent"; "checkEvent": "checkEvent"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SCardComponent, "s-card", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "check": { "alias": "check"; "required": false; }; "showHorizontal": { "alias": "showHorizontal"; "required": false; }; "id": { "alias": "id"; "required": false; }; "image": { "alias": "image"; "required": false; }; "fullimage": { "alias": "fullimage"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; }, { "clickEvent": "clickEvent"; "checkEvent": "checkEvent"; }, never, ["*"], false, never>;
 }

package/lib/checkbox/checkbox-new/s-checkbox.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ControlBooleanAccessorDirective } from '../../input/directives/control-boolean-accessor.directive';
 import * as i0 from "@angular/core";
 export declare class SCheckbox {
@@ -12,14 +12,16 @@ export declare class SCheckbox {
     tabIndex?: number;
     readOnly?: boolean;
 }
-export declare class SCheckboxComponent<T> extends ControlBooleanAccessorDirective<T> {
+export declare class SCheckboxComponent<T> extends ControlBooleanAccessorDirective<T> implements OnInit {
     config: SCheckbox;
+    id?: string;
     blur: EventEmitter<void>;
     focus: EventEmitter<void>;
+    ngOnInit(): void;
     onInput(event: Event): void;
     registerOnChange(fn: any): void;
     onBlur(event: any): void;
     onFocus(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SCheckboxComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SCheckboxComponent<any>, "s-checkbox", never, { "config": { "alias": "config"; "required": false; }; }, { "blur": "blur"; "focus": "focus"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SCheckboxComponent<any>, "s-checkbox", never, { "config": { "alias": "config"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "blur": "blur"; "focus": "focus"; }, never, never, false, never>;
 }

package/lib/collapse/s-collapse.component.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SCollapseComponent {
+    id?: string;
     title: string;
     subtitle: string;
     expand: boolean;
     arrowClick: EventEmitter<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SCollapseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SCollapseComponent, "s-collapse", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; }, { "arrowClick": "arrowClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SCollapseComponent, "s-collapse", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; }, { "arrowClick": "arrowClick"; }, never, ["*"], false, never>;
 }

package/lib/company-logo/s-company-logo.component.d.ts

@@ -5,6 +5,7 @@ interface StyleInterface {
     height?: string;
 }
 export declare class SCompanyLogoComponent implements OnInit, OnChanges {
+    id?: string;
     width?: number;
     height?: number;
     customImage?: string;
@@ -13,6 +14,6 @@ export declare class SCompanyLogoComponent implements OnInit, OnChanges {
     ngOnChanges(): void;
     applyStyle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SCompanyLogoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SCompanyLogoComponent, "s-company-logo", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "customImage": { "alias": "customImage"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SCompanyLogoComponent, "s-company-logo", never, { "id": { "alias": "id"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "customImage": { "alias": "customImage"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

package/lib/container/s-container.component.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SContainerComponent {
     background: 'default' | 'primary';
+    id?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SContainerComponent, "s-container", never, { "background": { "alias": "background"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SContainerComponent, "s-container", never, { "background": { "alias": "background"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/content/s-content.component.d.ts

@@ -6,6 +6,7 @@ export declare class SContentComponent implements OnInit, OnDestroy {
     localStorage: LocalstorageService;
     sidebar: boolean;
     expand?: boolean;
+    id?: string;
     subscriptionRefresh: Subscription;
     animated: boolean;
     constructor(localStorage: LocalstorageService);
@@ -14,5 +15,5 @@ export declare class SContentComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     onLoad(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SContentComponent, "s-content", never, { "sidebar": { "alias": "sidebar"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SContentComponent, "s-content", never, { "sidebar": { "alias": "sidebar"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/empty/empty.component.d.ts

@@ -6,6 +6,7 @@ export interface SEmpty {
     buttonIcon?: string;
     detail?: string;
     detailBold?: string;
+    id?: string;
     image?: string;
     title?: string;
     size?: 'sm' | 'md' | 'lg';
@@ -15,6 +16,7 @@ export declare class EmptyComponent implements OnInit {
     config: SEmpty;
     buttonEvent: EventEmitter<void>;
     image: SafeResourceUrl | undefined;
+    id: string;
     constructor(domSanitizer: DomSanitizer);
     ngOnInit(): void;
     action(): void;

package/lib/icon-material/s-icon-material.component.d.ts

@@ -10,6 +10,7 @@ export declare class SIconMaterialComponent implements OnInit {
     grade: SIcon['grade'];
     style?: SIcon['style'];
     type: SIcon['type'];
+    id?: string;
     optionsType: string;
     fillTemp: number;
     computedStyles: {
@@ -17,5 +18,5 @@ export declare class SIconMaterialComponent implements OnInit {
     };
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SIconMaterialComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SIconMaterialComponent, "s-icon-mat", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "style": { "alias": "style"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SIconMaterialComponent, "s-icon-mat", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "style": { "alias": "style"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/input/components/calendar/s-calendar.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ICON_THEME } from '../../enums/icon-theme.enum';
 import { ControlValueAccessorDirective } from '../../directives/control-value-accessor.directive';
 import { THEME } from '../../../enums/theme.enum';
@@ -22,15 +22,16 @@ export declare class SCalendar {
     size?: INPUT_SIZE;
     theme?: THEME;
     useFormControl?: boolean;
-    constructor(config?: Partial<SCalendar>);
 }
-export declare class SCalendarComponent<T> extends ControlValueAccessorDirective<T> {
+export declare class SCalendarComponent<T> extends ControlValueAccessorDirective<T> implements OnInit {
     config: SCalendar;
     clickHelpIconEvent: EventEmitter<void>;
     blur: EventEmitter<void>;
     focus: EventEmitter<void>;
+    id: string;
     ICON_THEME: typeof ICON_THEME;
     isFocused: boolean;
+    ngOnInit(): void;
     onInput(event: Event): void;
     registerOnChange(fn: any): void;
     clickHelp(): void;

package/lib/input/components/color/s-color.component.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ICON_THEME } from '../../enums/icon-theme.enum';
 import * as i0 from "@angular/core";
-export declare class SColorComponent {
+export declare class SColorComponent implements OnInit {
     onChange: (_: any) => void;
     onTouch: () => void;
     value: string;
-    id: string;
+    id?: string;
     name: string;
     label?: string;
     placeHolder?: string;
@@ -27,6 +27,7 @@ export declare class SColorComponent {
     clickHelpIconEvent: EventEmitter<void>;
     blur: EventEmitter<void>;
     focus: EventEmitter<void>;
+    ngOnInit(): void;
     onTextChange(): void;
     clickIcon(): void;
     colorClick(): void;

package/lib/input/components/error-control/s-error-control.component.d.ts

@@ -5,9 +5,10 @@ export declare class SErrorControl implements OnInit {
     icon: boolean;
     iconCustom: string;
     size: 'sm' | 'md';
+    id?: string;
     iconName: string;
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SErrorControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SErrorControl, "s-error-control", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconCustom": { "alias": "iconCustom"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SErrorControl, "s-error-control", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconCustom": { "alias": "iconCustom"; "required": false; }; "size": { "alias": "size"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/input/components/input/s-input-model.d.ts

@@ -21,7 +21,6 @@ export declare class SInput {
     theme?: THEME;
     type?: INPUT_TYPE;
     useFormControl?: boolean;
-    constructor(config?: Partial<SInput>);
 }
 export declare const INPUTS_REGEX: {
     URL: RegExp;

package/lib/input/components/input/s-input.component.d.ts

@@ -1,14 +1,16 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { THEME } from '../../../enums/theme.enum';
 import { ICON_THEME } from '../../enums/icon-theme.enum';
 import { ControlValueAccessorDirective } from '../../directives/control-value-accessor.directive';
 import { INPUT_TYPE, SInput } from './s-input-model';
 import * as i0 from "@angular/core";
-export declare class SInputComponent<T> extends ControlValueAccessorDirective<T> {
+export declare class SInputComponent<T> extends ControlValueAccessorDirective<T> implements OnInit {
     config: SInput;
     clickHelpIconEvent: EventEmitter<void>;
     blur: EventEmitter<void>;
     focus: EventEmitter<void>;
+    id: string;
+    private _sTranslateService;
     iconSymbol: boolean;
     iconType?: string;
     showPassword: boolean;
@@ -18,6 +20,7 @@ export declare class SInputComponent<T> extends ControlValueAccessorDirective<T>
     THEME: typeof THEME;
     ICON_THEME: typeof ICON_THEME;
     isFocused: boolean;
+    ngOnInit(): void;
     onInput(event: Event): void;
     registerOnChange(fn: any): void;
     getIconType(): 'symbol' | 'icon';

package/lib/input/components/input-number/s-input-number.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { THEME } from '../../../enums/theme.enum';
 import { ICON_THEME } from '../../enums/icon-theme.enum';
@@ -26,7 +26,7 @@ export declare class SInputNumber {
     useFormControl?: boolean;
     constructor(config?: Partial<SInputNumber>);
 }
-export declare class SInputNumberComponent<T> extends ControlValueAccessorDirective<T> {
+export declare class SInputNumberComponent<T> extends ControlValueAccessorDirective<T> implements OnInit {
     config: SInputNumber;
     clickHelpIconEvent: EventEmitter<void>;
     blur: EventEmitter<void>;
@@ -36,6 +36,8 @@ export declare class SInputNumberComponent<T> extends ControlValueAccessorDirect
     ICON_THEME: typeof ICON_THEME;
     numberControl: FormControl<number | null>;
     isFocused: boolean;
+    id: string;
+    ngOnInit(): void;
     getControl(): FormControl<number | null>;
     onInput(event: Event): void;
     registerOnChange(fn: any): void;

package/lib/input/components/input-textarea/s-input-textarea.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessorDirective } from '../../directives/control-value-accessor.directive';
 import { THEME } from '../../../enums/theme.enum';
 import * as i0 from "@angular/core";
@@ -20,12 +20,14 @@ export declare class STextArea {
     theme?: THEME;
     useFormControl?: boolean;
 }
-export declare class SInputTextAreaComponent<T> extends ControlValueAccessorDirective<T> {
+export declare class SInputTextAreaComponent<T> extends ControlValueAccessorDirective<T> implements OnInit {
     config: STextArea;
     blur: EventEmitter<void>;
     focus: EventEmitter<void>;
     THEME: typeof THEME;
     isFocused: boolean;
+    id: string;
+    ngOnInit(): void;
     onInput(event: Event): void;
     registerOnChange(fn: any): void;
     onBlur(event: any): void;

package/lib/input/components/time/s-time.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ICON_THEME } from '../../enums/icon-theme.enum';
 import { INPUT_SIZE } from '../../enums/size.enum';
 import { THEME } from '../../../enums/theme.enum';
@@ -22,13 +22,14 @@ export declare class STime {
     size?: INPUT_SIZE;
     theme?: THEME;
     useFormControl?: boolean;
-    constructor(config?: Partial<STime>);
 }
-export declare class STimeComponent<T> extends ControlValueAccessorDirective<T> {
+export declare class STimeComponent<T> extends ControlValueAccessorDirective<T> implements OnInit {
     config: STime;
     clickHelpIconEvent: EventEmitter<void>;
     blur: EventEmitter<void>;
     focus: EventEmitter<void>;
+    id: string;
+    ngOnInit(): void;
     inputTimeout?: any;
     ICON_THEME: typeof ICON_THEME;
     isFocused: boolean;

package/lib/input/components/validation-error/s-validation-error.component.d.ts

@@ -4,8 +4,9 @@ import * as i0 from "@angular/core";
 export declare class SValidationError implements OnChanges {
     errors: Record<string, ValidationErrors> | null;
     customErrorMessages?: Record<string, string>;
+    id?: string;
     errorMessages: Record<string, string>;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SValidationError, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SValidationError, "s-validation-error", never, { "errors": { "alias": "errors"; "required": false; }; "customErrorMessages": { "alias": "customErrorMessages"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SValidationError, "s-validation-error", never, { "errors": { "alias": "errors"; "required": false; }; "customErrorMessages": { "alias": "customErrorMessages"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/link/s-link.component.d.ts

@@ -6,6 +6,7 @@ export declare class SLinkComponent {
     target?: '_blank' | '_parent' | '_self' | '_top';
     href?: string;
     visited: boolean;
+    id?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SLinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SLinkComponent, "s-link", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "target": { "alias": "target"; "required": false; }; "href": { "alias": "href"; "required": false; }; "visited": { "alias": "visited"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SLinkComponent, "s-link", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "target": { "alias": "target"; "required": false; }; "href": { "alias": "href"; "required": false; }; "visited": { "alias": "visited"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/list/s-list.component.d.ts

@@ -3,6 +3,7 @@ export declare class SListComponent {
     disabled: boolean;
     selected: boolean;
     size: 'md' | 'sm' | 'xs';
+    id?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SListComponent, "s-list", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SListComponent, "s-list", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "size": { "alias": "size"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/list-simple/s-list-simple.component.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SListSimpleComponent {
     listStyle: 'check' | 'chevron' | 'dot' | 'a1' | 'folder' | 'default';
+    id?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SListSimpleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SListSimpleComponent, "s-list-simple", never, { "listStyle": { "alias": "listStyle"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SListSimpleComponent, "s-list-simple", never, { "listStyle": { "alias": "listStyle"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/modal/modal-confirm/modal-confirm.component.d.ts

@@ -13,6 +13,7 @@ export declare class SModalConfirmComponent implements OnInit, OnDestroy {
     private configSubscription;
     configCheckbox: SCheckbox;
     valueCheckbox: boolean;
+    id: string;
     private readonly modalConfirmService;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/modal/modal-confirm/models/modal-confirm.interface.d.ts

@@ -11,4 +11,5 @@ export interface SModalConfirmConfig {
     checkbox?: boolean;
     checkboxLabel?: string;
     checkboxValue?: boolean;
+    id?: string;
 }

package/lib/navbar/s-navbar.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { SMenuMain } from './components/menu-main';
 import { SSubMenu, SUser } from '../sub-menu/s-sub-menu-model';
 import { SIconMenuModel } from './components/icon-menu';
 import * as i0 from "@angular/core";
-export declare class SNavbarComponent {
+export declare class SNavbarComponent implements OnInit {
     user: SUser;
     userFull: boolean;
     menuProfile: SSubMenu;
@@ -17,12 +17,14 @@ export declare class SNavbarComponent {
     height?: number;
     width?: number;
     iconMenu: SIconMenuModel[];
+    id: string;
     clickEvent: EventEmitter<string>;
     clickEventMenu: EventEmitter<Event>;
     clickUnread: EventEmitter<Event>;
     clickDelete: EventEmitter<Event>;
     clickTitle: EventEmitter<Event>;
     controlMenuProfile: boolean;
+    ngOnInit(): void;
     toogleMenuProfile(event: Event): void;
     closeMenuProfile(event: Event): void;
     clickMenuProfile(event: any): void;
@@ -30,5 +32,5 @@ export declare class SNavbarComponent {
     _clickDelete(id: any): void;
     _clickTitle(id: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SNavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SNavbarComponent, "s-navbar", never, { "user": { "alias": "user"; "required": false; }; "userFull": { "alias": "userFull"; "required": false; }; "menuProfile": { "alias": "menuProfile"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "showProfile": { "alias": "showProfile"; "required": false; }; "company": { "alias": "company"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "customImage": { "alias": "customImage"; "required": false; }; "link": { "alias": "link"; "required": false; }; "linkHref": { "alias": "linkHref"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "iconMenu": { "alias": "iconMenu"; "required": false; }; }, { "clickEvent": "clickEvent"; "clickEventMenu": "clickEventMenu"; "clickUnread": "clickUnread"; "clickDelete": "clickDelete"; "clickTitle": "clickTitle"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SNavbarComponent, "s-navbar", never, { "user": { "alias": "user"; "required": false; }; "userFull": { "alias": "userFull"; "required": false; }; "menuProfile": { "alias": "menuProfile"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "showProfile": { "alias": "showProfile"; "required": false; }; "company": { "alias": "company"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "customImage": { "alias": "customImage"; "required": false; }; "link": { "alias": "link"; "required": false; }; "linkHref": { "alias": "linkHref"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "iconMenu": { "alias": "iconMenu"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "clickEvent": "clickEvent"; "clickEventMenu": "clickEventMenu"; "clickUnread": "clickUnread"; "clickDelete": "clickDelete"; "clickTitle": "clickTitle"; }, never, never, false, never>;
 }

package/lib/pagination/s-pagination.component.d.ts

@@ -17,6 +17,7 @@ export declare class SPaginationComponent implements OnInit, OnChanges {
     totalItems: number;
     pageSize: number;
     pageSizes?: IPageSizes[];
+    id?: string;
     pageEmitter: EventEmitter<number>;
     paginationEmitter: EventEmitter<number>;
     startIndex: number;
@@ -39,5 +40,5 @@ export declare class SPaginationComponent implements OnInit, OnChanges {
     selectPagination(event: string): void;
     initConfig(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SPaginationComponent, "s-pagination", never, { "showing": { "alias": "showing"; "required": false; }; "to": { "alias": "to"; "required": false; }; "of": { "alias": "of"; "required": false; }; "items": { "alias": "items"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; }, { "pageEmitter": "pageEmitter"; "paginationEmitter": "paginationEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SPaginationComponent, "s-pagination", never, { "showing": { "alias": "showing"; "required": false; }; "to": { "alias": "to"; "required": false; }; "of": { "alias": "of"; "required": false; }; "items": { "alias": "items"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "pageEmitter": "pageEmitter"; "paginationEmitter": "paginationEmitter"; }, never, never, false, never>;
 }

package/lib/popup/s-popup.component.d.ts

@@ -12,6 +12,7 @@ export declare class SPopupComponent implements OnInit, AfterViewInit {
     iconCustomName: string;
     footer: TemplateRef<any>;
     body: TemplateRef<any>;
+    id?: string;
     closeEvent: EventEmitter<void>;
     style: any;
     show70: boolean;
@@ -27,7 +28,7 @@ export declare class SPopupComponent implements OnInit, AfterViewInit {
     onWindowResize(): void;
     checkScreenSize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SPopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SPopupComponent, "s-popup", never, { "title": { "alias": "title"; "required": false; }; "type": { "alias": "type"; "required": false; }; "iconType": { "alias": "iconType"; "required": false; }; "borderBody": { "alias": "borderBody"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showPopup": { "alias": "showPopup"; "required": false; }; "iconCustom": { "alias": "iconCustom"; "required": false; }; "iconCustomName": { "alias": "iconCustomName"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "body": { "alias": "body"; "required": false; }; }, { "closeEvent": "closeEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SPopupComponent, "s-popup", never, { "title": { "alias": "title"; "required": false; }; "type": { "alias": "type"; "required": false; }; "iconType": { "alias": "iconType"; "required": false; }; "borderBody": { "alias": "borderBody"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showPopup": { "alias": "showPopup"; "required": false; }; "iconCustom": { "alias": "iconCustom"; "required": false; }; "iconCustomName": { "alias": "iconCustomName"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "body": { "alias": "body"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "closeEvent": "closeEvent"; }, never, never, false, never>;
 }
 export declare class STemplatePopup implements AfterContentInit {
     private element;

package/lib/precode/s-precode.component.d.ts

@@ -1,13 +1,11 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SPrecodeComponent implements OnInit {
+export declare class SPrecodeComponent {
     copy?: string;
     copySucces?: string;
     expand: boolean;
     copyId?: string;
-    constructor();
-    ngOnInit(): void;
+    id?: string;
     copyCode(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SPrecodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SPrecodeComponent, "s-precode", never, { "copy": { "alias": "copy"; "required": false; }; "copySucces": { "alias": "copySucces"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "copyId": { "alias": "copyId"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SPrecodeComponent, "s-precode", never, { "copy": { "alias": "copy"; "required": false; }; "copySucces": { "alias": "copySucces"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "copyId": { "alias": "copyId"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/progressbar/s-progressbar.component.d.ts

@@ -4,8 +4,9 @@ import * as i0 from "@angular/core";
 export declare class SProgressbarComponent extends TemperatureComponent implements OnInit {
     percentage: number;
     customColor: string;
+    id?: string;
     color: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SProgressbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SProgressbarComponent, "s-progressbar", never, { "percentage": { "alias": "percentage"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SProgressbarComponent, "s-progressbar", never, { "percentage": { "alias": "percentage"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
 }