shirkasoft-ui-components 1.2.0 → 1.3.0

package/types/shirkasoft-ui-components-rail-sidebar.d.ts

@@ -0,0 +1,121 @@
+import * as _angular_core from '@angular/core';
+
+interface RailSidebarItem {
+    id: string;
+    label: string;
+    icon?: string | any;
+    routerLink?: string;
+    children?: RailSidebarItem[];
+    roles?: string[];
+    badge?: string | number;
+    disabled?: boolean;
+    separator?: boolean;
+}
+interface RailSidebarSection {
+    key: string;
+    label: string;
+    icon?: string | any;
+    routerLink?: string;
+    matchPrefixes?: string[];
+    items?: RailSidebarItem[];
+}
+interface RailSidebarSectionEvent {
+    key: string;
+    routerLink?: string;
+}
+/**
+ * Shirkasoft UI Components.
+ * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).
+ * Belongs to Shirkasoft.
+ */
+/**
+ * Narrow "rail" sidebar that expands into sections. Supports sections, roles,
+ * language switching, collapse/expand and responsive tooltips.
+ */
+declare class RailSidebarComponent {
+    /** Sections presented as expandable areas of the rail. */
+    sections: _angular_core.InputSignal<RailSidebarSection[]>;
+    /** Current location url used to detect the active section/item. */
+    activeUrl: _angular_core.InputSignal<string>;
+    /** Key of the active section, bindable with [(activeSectionKey)]. */
+    activeSectionKey: _angular_core.ModelSignal<string>;
+    /** Collapsed (rail only) state, bindable with [(collapsed)]. */
+    collapsed: _angular_core.ModelSignal<boolean>;
+    /** Active language code. */
+    activeLang: _angular_core.InputSignal<string>;
+    /** Languages available in the language switcher. */
+    langs: _angular_core.InputSignal<string[]>;
+    /** Brand logo image/url. */
+    logo: _angular_core.InputSignal<string>;
+    /** Application name shown when expanded. */
+    appName: _angular_core.InputSignal<string>;
+    /** Role used to filter items that declare `roles`. */
+    userRole: _angular_core.InputSignal<string>;
+    /** Optional transform applied to item labels (e.g. i18n). */
+    labelPipe: _angular_core.InputSignal<(label: string) => string>;
+    /** Width of the collapsed rail. */
+    railWidth: _angular_core.InputSignal<string>;
+    /** Width when a section is expanded. */
+    expandedWidth: _angular_core.InputSignal<string>;
+    /** Tooltip for the workspace/home action. */
+    workspaceTooltip: _angular_core.InputSignal<string>;
+    /** Tooltip for the logout action. */
+    logoutTooltip: _angular_core.InputSignal<string>;
+    /** Tooltip for collapsing the sidebar. */
+    collapseTooltip: _angular_core.InputSignal<string>;
+    /** Tooltip for expanding the sidebar. */
+    expandTooltip: _angular_core.InputSignal<string>;
+    /** Emitted when a section is selected, with its key and optional route. */
+    sectionSelected: _angular_core.OutputEmitterRef<RailSidebarSectionEvent>;
+    /** Emitted when a navigation item is clicked. */
+    itemClick: _angular_core.OutputEmitterRef<RailSidebarItem>;
+    /** Emitted with the next language code when the user switches language. */
+    setLang: _angular_core.OutputEmitterRef<string>;
+    /** Emitted when the user requests to log out. */
+    logoutRequested: _angular_core.OutputEmitterRef<void>;
+    /** Emitted with the new collapsed state after toggling. */
+    toggleSidebar: _angular_core.OutputEmitterRef<boolean>;
+    /** Emitted when the workspace/home entry is clicked. */
+    workspaceClick: _angular_core.OutputEmitterRef<void>;
+    protected getIcon: (name: any) => any;
+    /** Set of group ids currently expanded. */
+    protected expandedGroups: _angular_core.WritableSignal<Set<string>>;
+    constructor();
+    /** Current sidebar width depending on the collapsed state. */
+    protected width: _angular_core.Signal<string>;
+    /** The section currently selected. */
+    protected activeSection: _angular_core.Signal<RailSidebarSection | null>;
+    /** Items of the active section, filtered by role. */
+    protected navItems: _angular_core.Signal<RailSidebarItem[]>;
+    /** Applies the `labelPipe` transform to a label. */
+    protected label(label: string): string;
+    /** Whether the section matches the active key. */
+    protected isSectionActive(section: RailSidebarSection): boolean;
+    /** Whether the item is the best route match for the active url. */
+    protected isItemActive(item: RailSidebarItem): boolean;
+    /** Whether one of the item's children matches the active url. */
+    protected isGroupActive(item: RailSidebarItem): boolean;
+    /** Exact or prefix match between a router link and the active url. */
+    private matchesUrl;
+    /** Longest (most specific) item whose route matches the active url. */
+    private bestMatchItem;
+    /** Whether a group is expanded. */
+    protected isGroupExpanded(item: RailSidebarItem): boolean;
+    /** Toggles the expanded state of a group. */
+    protected toggleGroup(item: RailSidebarItem): void;
+    /** Selects a section, emits `sectionSelected` and expands the rail when collapsed. */
+    protected onSectionClick(section: RailSidebarSection): void;
+    /** Emits `itemClick` for a navigation item (skipping disabled items). */
+    protected onItemClick(item: RailSidebarItem): void;
+    /** Emits `workspaceClick` and expands the sidebar if it was collapsed. */
+    protected onWorkspace(): void;
+    /** Cycles to the next language and emits `setLang`. */
+    protected onToggleLang(): void;
+    /** Toggles collapse and emits `toggleSidebar`. */
+    protected onToggleSidebar(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RailSidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RailSidebarComponent, "shk-rail-sidebar", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "activeUrl": { "alias": "activeUrl"; "required": false; "isSignal": true; }; "activeSectionKey": { "alias": "activeSectionKey"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeLang": { "alias": "activeLang"; "required": false; "isSignal": true; }; "langs": { "alias": "langs"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": false; "isSignal": true; }; "userRole": { "alias": "userRole"; "required": false; "isSignal": true; }; "labelPipe": { "alias": "labelPipe"; "required": false; "isSignal": true; }; "railWidth": { "alias": "railWidth"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "workspaceTooltip": { "alias": "workspaceTooltip"; "required": false; "isSignal": true; }; "logoutTooltip": { "alias": "logoutTooltip"; "required": false; "isSignal": true; }; "collapseTooltip": { "alias": "collapseTooltip"; "required": false; "isSignal": true; }; "expandTooltip": { "alias": "expandTooltip"; "required": false; "isSignal": true; }; }, { "activeSectionKey": "activeSectionKeyChange"; "collapsed": "collapsedChange"; "sectionSelected": "sectionSelected"; "itemClick": "itemClick"; "setLang": "setLang"; "logoutRequested": "logoutRequested"; "toggleSidebar": "toggleSidebar"; "workspaceClick": "workspaceClick"; }, never, never, true, never>;
+}
+
+export { RailSidebarComponent };
+export type { RailSidebarItem, RailSidebarSection, RailSidebarSectionEvent };

package/types/shirkasoft-ui-components-select.d.ts

@@ -0,0 +1,182 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
+
+/** Option rendered by the select, optionally prefixed with a "new entry" badge. */
+interface SelectOption {
+    label: string;
+    value: any;
+    custom?: boolean;
+}
+/**
+ * Shirkasoft UI Components.
+ * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).
+ * Belongs to Shirkasoft.
+ */
+/**
+ * Custom select that works as a ControlValueAccessor: single/multiple
+ * selection, searchable, keyboard navigation, pagination, custom entries and
+ * reactive-form integration.
+ */
+declare class SelectComponent implements ControlValueAccessor {
+    private elementRef;
+    /** Resolves icon names to lucide components, falling back to a chevron. */
+    protected getIcon: (name: any) => any;
+    /** Available options. */
+    options: _angular_core.InputSignal<SelectOption[]>;
+    /** Enables multi-select mode. */
+    multiple: _angular_core.InputSignal<boolean>;
+    /** Restricts multi-selection to the given value combinations. */
+    validCombinations: _angular_core.InputSignal<string[][] | undefined>;
+    /** Placeholder shown when there is no selection. */
+    placeholder: _angular_core.InputSignal<string>;
+    /** Label used to bind the control inside a `formGroup`. */
+    label: _angular_core.InputSignal<string | undefined>;
+    /** Shows a loading state while options are being fetched. */
+    isLoading: _angular_core.InputSignal<boolean>;
+    /** Marks that all options have been loaded (used with pagination + search). */
+    isAllDataLoaded: _angular_core.InputSignal<boolean>;
+    /** Allows creating new entries from the typed search term. */
+    allowCustomEntries: _angular_core.InputSignal<boolean>;
+    /** Parent form group to resolve the control from `label`. */
+    formGroup: _angular_core.InputSignal<FormGroup<any> | undefined>;
+    /** Enables the search input inside the dropdown. */
+    isSearchable: _angular_core.InputSignal<boolean>;
+    /** Number of options loaded per page when pagination is enabled. */
+    itemsPerPage: _angular_core.InputSignal<number>;
+    /** FormControl bound externally (used instead of `formGroup`/`label`). */
+    control: _angular_core.InputSignal<FormControl<any> | undefined>;
+    /** Paginates the option list instead of rendering it all at once. */
+    usePagination: _angular_core.InputSignal<boolean>;
+    /** Disables the whole select. */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Custom per-validation-error messages shown under the select. */
+    errorMessages: _angular_core.InputSignal<{
+        [key: string]: string;
+    }>;
+    /** Keeps the search term when options reload. */
+    preserveSearchOnLoad: _angular_core.InputSignal<boolean>;
+    /** Translation key of the "no records" empty message. */
+    emptyMessageKey: _angular_core.InputSignal<string>;
+    /** Opens the dropdown above the trigger instead of below. */
+    dropdownUpward: _angular_core.InputSignal<boolean>;
+    /** Shows the "no selection" option in single-select mode. */
+    showEmptyOption: _angular_core.InputSignal<boolean>;
+    /** Emits when the selection changes (new value or array in multiple mode). */
+    selectionChange: _angular_core.OutputEmitterRef<any>;
+    /** Emits the debounced search term while typing. */
+    search: _angular_core.OutputEmitterRef<string>;
+    /** Reference to the filter input inside the dropdown (when searchable). */
+    filterInput: _angular_core.Signal<ElementRef<any> | undefined>;
+    /** Reference to the select container element. */
+    private selectContainer;
+    /** Reference to the trigger button. */
+    private selectTrigger;
+    /** Reference to the dropdown list container. */
+    private dropdownContainer;
+    /** Underlying selection value (mirrors the reactive control). */
+    private _value;
+    /** Whether the dropdown is open. */
+    isOpen: _angular_core.WritableSignal<boolean>;
+    /** Index of the currently focused option for keyboard navigation. */
+    focusedIndex: _angular_core.WritableSignal<number>;
+    /** Current search term (searchable mode). */
+    searchTerm: _angular_core.WritableSignal<string>;
+    /** Current page of the paginated dropdown. */
+    currentPage: _angular_core.WritableSignal<number>;
+    /** Tracks whether the user typed in the search input. */
+    private searchTermChanged;
+    /** Internal disabled state from the reactive form (setDisabledState). */
+    private _isDisabled;
+    /** Debounce timer handle for the search output. */
+    private debounceTimer;
+    /** Error-state counter used to recompute error helpers reactively. */
+    private errorTracker;
+    /** Whether an error has been shown at some point (for "fixed" messaging). */
+    hadError: _angular_core.WritableSignal<boolean>;
+    /** Whether control status/value subscriptions have been attached. */
+    private subscribed;
+    private valueSubscribed;
+    /** Current selection value. */
+    value: _angular_core.Signal<any>;
+    /** True when the select is disabled via input or by the reactive form. */
+    isDisabled: _angular_core.Signal<boolean>;
+    /** Resolves the form control from `control` or from `formGroup`+`label`. */
+    actualControl: _angular_core.Signal<FormControl<any> | undefined>;
+    /** Whether the bound control should display its error (invalid + touched/dirty). */
+    shouldShowError: _angular_core.Signal<boolean | undefined>;
+    /** Whether an error was shown before and the control is now valid + touched. */
+    wasFixedError: _angular_core.Signal<boolean | undefined>;
+    /** Text shown in the trigger: the selected label(s) or the placeholder. */
+    displayValue: _angular_core.Signal<any>;
+    /** List of validation error messages for the bound control. */
+    getErrorMessages: _angular_core.Signal<string[]>;
+    /** Options filtered by the search term (matches first, then contains). */
+    filteredOptions: _angular_core.Signal<SelectOption[]>;
+    /** Options for the current page, with a synthetic custom entry when allowed. */
+    paginatedOptions: _angular_core.Signal<SelectOption[]>;
+    /** Non-custom options, including the empty option in single-select mode. */
+    regularOptions: _angular_core.Signal<SelectOption[]>;
+    /** Total pages of the filtered option list (1 when pagination is off). */
+    totalPages: _angular_core.Signal<number>;
+    /** Whether there is at least one selected value. */
+    hasSelectedValues: _angular_core.Signal<any>;
+    /** Whether the custom optional entry should be offered for the current term. */
+    showCustomOption: _angular_core.Signal<boolean>;
+    private transloco;
+    /** ControlValueAccessor onChange callback. */
+    private onChange;
+    /** ControlValueAccessor onTouched callback. */
+    private onTouched;
+    private destroyRef;
+    constructor(elementRef: ElementRef);
+    /** Sets the disabled state coming from the reactive form infrastructure. */
+    setDisabledState(isDisabled: boolean): void;
+    /** Marks the control as touched and updates validity and error state. */
+    private markAsTouchedAndUpdate;
+    /** Strips accents and lowercases text for accent-insensitive matching. */
+    normalizeText(text: string): string;
+    /** Keyboard handler for the trigger element (open/close/navigate/select). */
+    onKeydown(event: KeyboardEvent): void;
+    /** Keyboard handler for the search input inside a searchable dropdown. */
+    handleKeyDown(event: KeyboardEvent): void;
+    /** Moves the focused option index by `direction`, skipping disabled ones. */
+    private moveFocus;
+    /** Index of the currently selected option, or -1. */
+    private getSelectedIndex;
+    /** Whether an option is disabled based on the valid combinations rule. */
+    isOptionDisabled(option: SelectOption): boolean;
+    /** Whether an option is currently selected. */
+    isSelected(option: SelectOption): boolean;
+    /** Goes to the next options page when possible. */
+    nextPage(): void;
+    /** Goes to the previous options page when possible. */
+    previousPage(): void;
+    /** Closes the dropdown when a click happens outside the component. */
+    onClickOutside(event: MouseEvent): void;
+    /** Selects a typed free-text value as a new custom entry. */
+    onCustomOptionClick(): void;
+    /** Handles typing in the search input (updates term and emits search). */
+    onInputChange(event: Event): void;
+    /** Selects or toggles the clicked option (custom entries included). */
+    onOptionClick(option: SelectOption): void;
+    /** Selects a single option and updates the control/outputs. */
+    selectOption(option: SelectOption): void;
+    /** Toggles an option in multiple mode, honoring the valid combinations. */
+    toggleOption(option: SelectOption): void;
+    /** Opens/closes the dropdown and manages focus/selection state. */
+    toggleDropdown(): void;
+    /** trackBy for rendered options so Angular reuses DOM nodes by value. */
+    trackByFn(index: number, option: SelectOption): any;
+    /** Writes an external value into the internal signal (ControlValueAccessor). */
+    writeValue(value: any): void;
+    /** Stores the onChange callback (ControlValueAccessor). */
+    registerOnChange(fn: any): void;
+    /** Stores the onTouched callback (ControlValueAccessor). */
+    registerOnTouched(fn: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "shk-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validCombinations": { "alias": "validCombinations"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isAllDataLoaded": { "alias": "isAllDataLoaded"; "required": false; "isSignal": true; }; "allowCustomEntries": { "alias": "allowCustomEntries"; "required": false; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; "isSearchable": { "alias": "isSearchable"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "usePagination": { "alias": "usePagination"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "preserveSearchOnLoad": { "alias": "preserveSearchOnLoad"; "required": false; "isSignal": true; }; "emptyMessageKey": { "alias": "emptyMessageKey"; "required": false; "isSignal": true; }; "dropdownUpward": { "alias": "dropdownUpward"; "required": false; "isSignal": true; }; "showEmptyOption": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "search": "search"; }, never, never, true, never>;
+}
+
+export { SelectComponent };
+export type { SelectOption };

package/types/shirkasoft-ui-components-sidebar.d.ts

@@ -0,0 +1,106 @@
+import * as _angular_core from '@angular/core';
+
+interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: string | any;
+    route?: string;
+    children?: SidebarItem[];
+    roles?: string[];
+    badge?: string | number;
+    disabled?: boolean;
+    separator?: boolean;
+}
+interface SidebarGroup {
+    id?: string;
+    label?: string;
+    items: SidebarItem[];
+}
+/**
+ * Shirkasoft UI Components.
+ * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).
+ * Belongs to Shirkasoft.
+ */
+/**
+ * Collapsible vertical navigation sidebar with groups, icons, badges,
+ * role-based filtering, responsive mobile drawer and tooltips.
+ */
+declare class SidebarComponent {
+    private platformId;
+    /** Flat list of navigation items (used when no groups are provided). */
+    items: _angular_core.InputSignal<SidebarItem[]>;
+    /** Grouped navigation items; takes precedence over `items`. */
+    groups: _angular_core.InputSignal<SidebarGroup[]>;
+    /** Brand title shown at the top of the sidebar. */
+    title: _angular_core.InputSignal<string>;
+    /** Subtitle under the title. */
+    subtitle: _angular_core.InputSignal<string>;
+    /** Brand logo image/url shown at the top. */
+    logo: _angular_core.InputSignal<string>;
+    /** id of the item currently highlighted as active. */
+    activeItemId: _angular_core.InputSignal<string>;
+    /** Role used to filter items that declare `roles`. */
+    userRole: _angular_core.InputSignal<string>;
+    /** Whether the sidebar can collapse into a rail. */
+    collapsible: _angular_core.InputSignal<boolean>;
+    /** Shows the expand/collapse toggle button. */
+    showToggle: _angular_core.InputSignal<boolean>;
+    /** Enables the mobile drawer behaviour below lg breakpoint. */
+    responsive: _angular_core.InputSignal<boolean>;
+    /** Keeps the sidebar fixed while the page scrolls. */
+    fixed: _angular_core.InputSignal<boolean>;
+    /** Adds a drop shadow to the sidebar. */
+    hasShadow: _angular_core.InputSignal<boolean>;
+    /** Width in expanded state. */
+    expandedWidth: _angular_core.InputSignal<string>;
+    /** Width when collapsed. */
+    collapsedWidth: _angular_core.InputSignal<string>;
+    /** Group ids opened by default on load. */
+    defaultExpanded: _angular_core.InputSignal<string[]>;
+    /** Optional transform applied to item labels (e.g. i18n). */
+    labelPipe: _angular_core.InputSignal<(label: string) => string>;
+    /** Tooltip for the expand action. */
+    expandTooltip: _angular_core.InputSignal<string>;
+    /** Tooltip for the collapse action. */
+    collapseTooltip: _angular_core.InputSignal<string>;
+    /** Collapsed state, bindable with [(collapsed)]. */
+    collapsed: _angular_core.ModelSignal<boolean>;
+    /** Mobile drawer open state, bindable with [(mobileOpen)]. */
+    mobileOpen: _angular_core.ModelSignal<boolean>;
+    /** Emitted when a navigation item is clicked. */
+    itemClick: _angular_core.OutputEmitterRef<SidebarItem>;
+    /** Emitted with the new collapsed state after toggling. */
+    toggle: _angular_core.OutputEmitterRef<boolean>;
+    protected getIcon: (name: any) => any;
+    /** Currently selected item id. */
+    protected selectedId: _angular_core.WritableSignal<string>;
+    /** Set of group ids currently expanded. */
+    protected expandedGroups: _angular_core.WritableSignal<Set<string>>;
+    private isBrowser;
+    constructor();
+    /** Current sidebar width depending on the collapsed state. */
+    protected width: _angular_core.Signal<string>;
+    /** Navigation items after group flattening and role filtering. */
+    protected navItems: _angular_core.Signal<SidebarItem[]>;
+    /** Closes the mobile drawer when the window grows below lg. */
+    onResize(_event: Event): void;
+    /** Applies the `labelPipe` transform to an item label. */
+    protected label(item: SidebarItem): string;
+    /** Whether the item matches the selected id. */
+    protected isItemActive(item: SidebarItem): boolean;
+    /** Whether one of the item's children is currently active. */
+    protected isGroupActive(item: SidebarItem): boolean;
+    /** Whether a group is expanded. */
+    protected isGroupExpanded(item: SidebarItem): boolean;
+    /** Toggles the expanded state of a group. */
+    protected toggleGroup(item: SidebarItem): void;
+    /** Selects an item, emits `itemClick` and closes the mobile drawer when needed. */
+    protected onItemClick(item: SidebarItem): void;
+    /** Toggles collapse (desktop) or the mobile drawer (below lg). */
+    protected onToggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "shk-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "userRole": { "alias": "userRole"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hasShadow": { "alias": "hasShadow"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; "isSignal": true; }; "labelPipe": { "alias": "labelPipe"; "required": false; "isSignal": true; }; "expandTooltip": { "alias": "expandTooltip"; "required": false; "isSignal": true; }; "collapseTooltip": { "alias": "collapseTooltip"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "mobileOpen": "mobileOpenChange"; "itemClick": "itemClick"; "toggle": "toggle"; }, never, ["[sidebarHeader]", "[sidebarContent]", "[sidebarFooter]"], true, never>;
+}
+
+export { SidebarComponent };
+export type { SidebarGroup, SidebarItem };

package/types/shirkasoft-ui-components-skeleton.d.ts

@@ -0,0 +1,36 @@
+import * as _angular_core from '@angular/core';
+
+type SkeletonShape = 'rectangle' | 'circle';
+type SkeletonAnimation = 'wave' | 'pulse' | 'none';
+/**
+ * Shirkasoft UI Components.
+ * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).
+ * Belongs to Shirkasoft.
+ */
+/** Placeholder block shown while content is loading. */
+declare class SkeletonComponent {
+    /** Shape of the skeleton: rectangle (default) or circle. */
+    shape: _angular_core.InputSignal<SkeletonShape>;
+    /** When shape is circle, sets both width and height. */
+    size: _angular_core.InputSignal<string>;
+    /** Width of the rectangle skeleton. */
+    width: _angular_core.InputSignal<string>;
+    /** Height of the rectangle skeleton. */
+    height: _angular_core.InputSignal<string>;
+    /** Custom border radius (rectangle only). */
+    borderRadius: _angular_core.InputSignal<string>;
+    /** Animation effect: 'wave' (default), 'pulse' or 'none'. */
+    animation: _angular_core.InputSignal<SkeletonAnimation>;
+    /** Inline styles applied to the skeleton block. */
+    style: _angular_core.InputSignal<Record<string, string | number>>;
+    /** Extra CSS classes. */
+    styleClass: _angular_core.InputSignal<string>;
+    protected rootStyle: _angular_core.Signal<{
+        [x: string]: string | number;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "shk-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkeletonComponent };
+export type { SkeletonAnimation, SkeletonShape };