@lucca-front/ng 21.0.1 → 21.0.3

package/types/lucca-front-ng-listbox.d.ts

@@ -1,9 +1,21 @@
 import * as _angular_core from '@angular/core';
 
 declare class ListboxComponent {
+    /**
+     * Applies multiple mod to the listbox
+     */
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines listbox role tree or listbox by default
+     */
     readonly tree: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Listbox state
+     */
     readonly state: _angular_core.InputSignal<"loading" | "empty">;
+    /**
+     * Add message when listbox state loading or empty
+     */
     readonly statusMsg: _angular_core.InputSignal<string>;
     readonly listboxId: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListboxComponent, never>;
@@ -16,10 +28,6 @@ declare class Treeitem {
 }
 declare class OptionComponent {
     #private;
-    readonly multiple: _angular_core.Signal<boolean>;
-    readonly tree: _angular_core.Signal<boolean>;
-    readonly empty: _angular_core.Signal<boolean>;
-    readonly id: _angular_core.Signal<string>;
     readonly checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -28,6 +36,10 @@ declare class OptionComponent {
     readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly select: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly selectAll: _angular_core.InputSignal<"string">;
+    readonly multiple: _angular_core.Signal<boolean>;
+    readonly tree: _angular_core.Signal<boolean>;
+    readonly empty: _angular_core.Signal<boolean>;
+    readonly id: _angular_core.Signal<string>;
     readonly groupId: string;
     readonly treeitemContent: _angular_core.Signal<Treeitem>;
     readonly level: number;

package/types/lucca-front-ng-listing.d.ts

@@ -1,24 +1,55 @@
-import * as _lucca_front_ng_listing from '@lucca-front/ng/listing';
 import * as _angular_core from '@angular/core';
+import * as _lucca_front_ng_listing from '@lucca-front/ng/listing';
 import { LuccaIcon } from '@lucca-front/icons';
 import { Palette } from '@lucca-front/ng/core';
 
 declare class ListingItemComponent {
-    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     protected listingRef: _lucca_front_ng_listing.ListingComponent;
+    /**
+     * Adds an icon to the listing item
+     */
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListingItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingItemComponent, "lu-listing-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class ListingComponent {
+    /**
+     * Create HTMLOListElement
+     */
     readonly ordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Applies checklist mod to the listing
+     */
     readonly checklist: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Adds an icon to the listing
+     */
     readonly icons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Gives the desired icon.
+     * If the icon input is not enabled it will not be displayed (signConfirm by default)
+     */
     readonly defaultIcon: _angular_core.InputSignal<LuccaIcon>;
+    /**
+     * Applies a color palette to the listing
+     */
     readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Allows you to start a list at a value other than 1
+     */
     readonly start: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Applies inline mod to the listing
+     */
     readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Applies divider between list item
+     */
     readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Reversed the listing
+     */
     readonly reversed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;

package/types/lucca-front-ng-main-layout.d.ts

@@ -7,7 +7,13 @@ declare class MainLayoutBlockComponent {
 }
 
 declare class MainLayoutComponent {
+    /**
+     * Sticks header on the screen
+     */
     readonly headerSticky: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sticks footer on the screen
+     */
     readonly footerSticky: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MainLayoutComponent, "lu-main-layout", never, { "headerSticky": { "alias": "headerSticky"; "required": false; "isSignal": true; }; "footerSticky": { "alias": "footerSticky"; "required": false; "isSignal": true; }; }, {}, never, ["[mainLayoutSidebar]", "[mainLayoutHeader]", "*", "[mainLayoutFooter]"], true, never>;

package/types/lucca-front-ng-mobile-push.d.ts

@@ -7,11 +7,18 @@ interface MobilePushTranslate {
     altGooglePlay: string;
     srcAppStore: string;
     srcGooglePlay: string;
+    newTab: string;
 }
 
 declare class MobilePushComponent {
     intl: MobilePushTranslate;
+    /**
+     * Emit event when appStoreLink is clicked
+     */
     appStoreLinkClicked: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emit event when googlePlayLink is clicked
+     */
     googlePlayLinkClicked: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobilePushComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobilePushComponent, "lu-mobile-push", never, {}, { "appStoreLinkClicked": "appStoreLinkClicked"; "googlePlayLinkClicked": "googlePlayLinkClicked"; }, never, ["*"], true, never>;

package/types/lucca-front-ng-multi-select.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Signal, ChangeDetectorRef, ElementRef, Injector, ViewContainerRef, OnDestroy, OnInit, Type, TemplateRef, DestroyRef, InjectionToken } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, Injector, ViewContainerRef, OnDestroy, OnInit, Type, TemplateRef, Signal, DestroyRef, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_multi_select from '@lucca-front/ng/multi-select';
 import { ControlValueAccessor, AbstractControl, ValidationErrors } from '@angular/forms';
-import { ɵIsSelectedStrategy as _IsSelectedStrategy, LuSelectPanelRef, ALuSelectInputComponent, LuOptionContext, ILuOptionContext } from '@lucca-front/ng/core-select';
+import { LuSelectPanelRef, ALuSelectInputComponent, LuOptionContext, ɵIsSelectedStrategy as _IsSelectedStrategy, ILuOptionContext } from '@lucca-front/ng/core-select';
 import * as rxjs from 'rxjs';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { Overlay, OverlayPositionBuilder, ScrollStrategyOptions, OverlayConfig, ConnectedPosition } from '@angular/cdk/overlay';
@@ -23,33 +23,6 @@ type LuMultiSelection<T> = {
 };
 type LuMultiSelectionMode = LuMultiSelection<unknown>['mode'];
 
-interface LuMultiSelectWithSelectAllContext {
-    setSelectAll(value: boolean): void;
-    mode: Signal<LuMultiSelectionMode>;
-    values: Signal<unknown[]>;
-    displayerLabel: Signal<string>;
-    totalCount: Signal<number>;
-    displayerCount: Signal<number>;
-}
-
-declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStrategy<TValue> implements LuMultiSelectWithSelectAllContext {
-    #private;
-    readonly displayerLabel: i0.InputSignal<string>;
-    readonly mode: i0.Signal<"include" | "exclude" | "none" | "all">;
-    readonly values: i0.Signal<TValue[]>;
-    readonly totalCount: i0.Signal<number>;
-    readonly displayerCount: i0.Signal<number>;
-    constructor();
-    setSelectAll(selectAll: boolean): void;
-    isSelected(option: TValue, selectedOptions: TValue[], optionComparer: LuOptionComparer<TValue>): boolean;
-    isGroupSelected(_options: TValue[], notSelectedOptions: TValue[]): boolean;
-    registerOnChange(fn: (value: TValue[] | LuMultiSelection<TValue>) => void): void;
-    writeValue(value: TValue[] | LuMultiSelection<TValue>): void;
-    clearValue($event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectWithSelectAllDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare abstract class LuMultiSelectPanelRef<T> extends LuSelectPanelRef<T, T[]> {
     abstract changeDetectorRef?: ChangeDetectorRef;
     abstract updateSelectedOptions(selectedOptions: T[]): void;
@@ -123,6 +96,34 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     static ngAcceptInputType_keepSearchAfterSelection: unknown;
 }
 
+interface LuMultiSelectWithSelectAllContext {
+    setSelectAll(value: boolean): void;
+    mode: Signal<LuMultiSelectionMode>;
+    values: Signal<unknown[]>;
+    displayerLabel: Signal<string>;
+    totalCount: Signal<number>;
+    displayerCount: Signal<number>;
+}
+
+declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStrategy<TValue> implements LuMultiSelectWithSelectAllContext {
+    #private;
+    readonly select: LuMultiSelectInputComponent<TValue>;
+    readonly displayerLabel: i0.InputSignal<string>;
+    readonly mode: i0.Signal<"include" | "exclude" | "none" | "all">;
+    readonly values: i0.Signal<TValue[]>;
+    readonly totalCount: i0.Signal<number>;
+    readonly displayerCount: i0.Signal<number>;
+    constructor();
+    setSelectAll(selectAll: boolean): void;
+    isSelected(option: TValue, selectedOptions: TValue[], optionComparer: LuOptionComparer<TValue>): boolean;
+    isGroupSelected(_options: TValue[], notSelectedOptions: TValue[]): boolean;
+    registerOnChange(fn: (value: TValue[] | LuMultiSelection<TValue>) => void): void;
+    writeValue(value: TValue[] | LuMultiSelection<TValue>): void;
+    clearValue($event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectWithSelectAllDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class LuMultiSelectContentDisplayerComponent<T> {
     select: LuMultiSelectInputComponent<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectContentDisplayerComponent<any>, never>;

package/types/lucca-front-ng-new-badge.d.ts

@@ -1,6 +1,9 @@
 import * as i0 from '@angular/core';
 
 declare class NewBadgeComponent {
+    /**
+     * Changes the text displayed by the newBadge
+     */
     readonly label: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewBadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NewBadgeComponent, "lu-new-badge", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/types/lucca-front-ng-numeric-badge.d.ts

@@ -15,8 +15,17 @@ declare class NumericBadgeComponent {
      * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
      */
     readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Applies the loading state
+     */
     readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates the maximum value of number for the numeric badge
+     */
     readonly maxValue: _angular_core.InputSignal<number>;
+    /**
+     * Disabled tooltip on numeric badge
+     */
     readonly disableTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly numericBadgeClasses: _angular_core.Signal<{
         [x: string]: boolean;

package/types/lucca-front-ng-page-header.d.ts

@@ -2,8 +2,17 @@ import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 declare class PageHeaderComponent {
+    /**
+     * Changes the description text displayed in page header
+     */
     readonly description: _angular_core.InputSignal<PortalContent>;
+    /**
+     * Changes the title text displayed in page header
+     */
     readonly label: _angular_core.InputSignal<PortalContent>;
+    /**
+     * Apply a container around the content
+     */
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly descriptionIsString: _angular_core.Signal<boolean>;
     readonly labelIsString: _angular_core.Signal<boolean>;

package/types/lucca-front-ng-pagination.d.ts

@@ -9,13 +9,37 @@ interface LuPaginationLabel {
 
 declare class PaginationComponent {
     protected intl: LuPaginationLabel;
+    /**
+     * Disabled the previous page arrow
+     */
     readonly isFirstPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disabled the next page arrow
+     */
     readonly isLastPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Where the pagination start
+     */
     readonly from: _angular_core.InputSignal<number>;
+    /**
+     * Where the pagination end
+     */
     readonly to: _angular_core.InputSignal<number>;
+    /**
+     * Total number of items in the pagination
+     */
     readonly itemsCount: _angular_core.InputSignal<number>;
+    /**
+     * Pagination mod (default or compact)
+     */
     readonly mod: _angular_core.InputSignal<"default" | "compact">;
+    /**
+     * Emit event when click on previous arrow
+     */
     readonly previousPage: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emit event when click on next arrow
+     */
     readonly nextPage: _angular_core.OutputEmitterRef<void>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;

package/types/lucca-front-ng-plg-push.d.ts

@@ -6,7 +6,13 @@ interface LuPlgPushLabel {
 
 declare class PLGPushComponent {
     protected intl: LuPlgPushLabel;
+    /**
+     * Changes the title displayed in plg
+     */
     readonly heading: _angular_core.InputSignal<string>;
+    /**
+     * Display sign close button
+     */
     readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Is the callout removed? Works with two way binding too.

package/types/lucca-front-ng-popover2.d.ts

@@ -17,6 +17,7 @@ declare class PopoverDirective implements OnDestroy {
     intl: LuCalloutLabel;
     content: TemplateRef<unknown> | Type<unknown>;
     luPopoverPosition: PopoverPosition;
+    overlayScrollStrategy: 'reposition' | 'block' | 'close';
     luPopoverDisabled: boolean;
     luPopoverTrigger: _angular_core.ModelSignal<"click" | "click+hover" | "hover+focus">;
     customPositions?: ConnectionPositionPair[];
@@ -48,15 +49,15 @@ declare class PopoverDirective implements OnDestroy {
     close(): void;
     openPopover(withBackdrop?: boolean, disableCloseButtonFocus?: boolean, disableInitialTriggerFocus?: boolean): void;
     focusBackToContent(event: Event): void;
-    focusOutBefore(_event: Event): void;
+    focusOutBefore(): void;
     updatePosition(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[luPopover2]", ["luPopover2"], { "content": { "alias": "luPopover2"; "required": false; }; "luPopoverPosition": { "alias": "luPopoverPosition"; "required": false; }; "luPopoverDisabled": { "alias": "luPopoverDisabled"; "required": false; }; "luPopoverTrigger": { "alias": "luPopoverTrigger"; "required": false; "isSignal": true; }; "customPositions": { "alias": "customPositions"; "required": false; }; "luPopoverNoCloseButton": { "alias": "luPopoverNoCloseButton"; "required": false; }; "luPopoverAnchor": { "alias": "luPopoverAnchor"; "required": false; "isSignal": true; }; "luPopoverOpenDelay": { "alias": "luPopoverOpenDelay"; "required": false; "isSignal": true; }; "luPopoverCloseDelay": { "alias": "luPopoverCloseDelay"; "required": false; "isSignal": true; }; }, { "luPopoverTrigger": "luPopoverTriggerChange"; "luPopoverClosed": "luPopoverClosed"; "luPopoverOpened": "luPopoverOpened"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[luPopover2]", ["luPopover2"], { "content": { "alias": "luPopover2"; "required": false; }; "luPopoverPosition": { "alias": "luPopoverPosition"; "required": false; }; "overlayScrollStrategy": { "alias": "overlayScrollStrategy"; "required": false; }; "luPopoverDisabled": { "alias": "luPopoverDisabled"; "required": false; }; "luPopoverTrigger": { "alias": "luPopoverTrigger"; "required": false; "isSignal": true; }; "customPositions": { "alias": "customPositions"; "required": false; }; "luPopoverNoCloseButton": { "alias": "luPopoverNoCloseButton"; "required": false; }; "luPopoverAnchor": { "alias": "luPopoverAnchor"; "required": false; "isSignal": true; }; "luPopoverOpenDelay": { "alias": "luPopoverOpenDelay"; "required": false; "isSignal": true; }; "luPopoverCloseDelay": { "alias": "luPopoverCloseDelay"; "required": false; "isSignal": true; }; }, { "luPopoverTrigger": "luPopoverTriggerChange"; "luPopoverClosed": "luPopoverClosed"; "luPopoverOpened": "luPopoverOpened"; }, never, never, true, never>;
     static ngAcceptInputType_luPopoverDisabled: unknown;
     static ngAcceptInputType_luPopoverNoCloseButton: unknown;
 }
 
-declare class PopoverContentComponent implements AfterViewInit {
+declare class PopoverContentComponent implements AfterViewInit, OnDestroy {
     #private;
     intl: _lucca_front_ng_popover2.ILuPopover2Label;
     config: _lucca_front_ng_popover2.PopoverConfig;
@@ -70,6 +71,7 @@ declare class PopoverContentComponent implements AfterViewInit {
     mouseLeave$: Subject<void>;
     mouseLeave(): void;
     contentChanged(): void;
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
     grabFocus(): void;
     close(): void;

package/types/lucca-front-ng-progress-bar.d.ts

@@ -1,8 +1,17 @@
 import * as _angular_core from '@angular/core';
 
 declare class ProgressBarComponent {
+    /**
+     * Progress percentage (0 to 100)
+     */
     readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Progress bar state
+     */
     readonly state: _angular_core.InputSignal<"success" | "error" | "null">;
+    /**
+     * Displays a loading state without progress information
+     */
     readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly stateClass: _angular_core.Signal<{
         [x: string]: boolean;

package/types/lucca-front-ng-read-more.d.ts

@@ -8,14 +8,29 @@ interface ReadMoreTranslate {
 
 declare class ReadMoreComponent implements OnInit {
     intl: ReadMoreTranslate;
+    /**
+     * Change the number of lines displayed when collapsed
+     */
     readonly lineClamp: _angular_core.InputSignal<number>;
+    /**
+     * Prevent the component from closing by hiding the "Read less" button
+     */
     readonly openOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Change the background color under the "Read more / less" button
+     */
     readonly textFlow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Apply the spacing of the Text Flow component
+     */
     readonly surface: _angular_core.InputSignal<string>;
+    /**
+     * Allow content to be passed via innerHTML
+     */
+    readonly innerContent: _angular_core.InputSignal<string>;
     labelReadMore: string;
     labelReadLess: string;
     label: _angular_core.WritableSignal<string>;
-    innerContent: _angular_core.InputSignal<string>;
     readonly contentRef: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     expanded: _angular_core.WritableSignal<boolean>;
     isClamped: _angular_core.WritableSignal<boolean>;

package/types/lucca-front-ng-resource-card.d.ts

@@ -1,12 +1,18 @@
 import * as _angular_core from '@angular/core';
 
 declare class ResourceCardButtonComponent {
+    /**
+     * Disabled the resource card button
+     */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceCardButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardButtonComponent, "button[luResourceCardAction]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class ResourceCardLinkComponent {
+    /**
+     * Disabled the resource card link
+     */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceCardLinkComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardLinkComponent, "a[luResourceCardAction]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

package/types/lucca-front-ng-scroll-box.d.ts

@@ -3,9 +3,12 @@ import { OnInit } from '@angular/core';
 
 declare class ScrollBoxComponent implements OnInit {
     #private;
+    /**
+     * Scroll box content vertically
+     */
+    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     isFirstVisible: _angular_core.WritableSignal<boolean>;
     isLastVisible: _angular_core.WritableSignal<boolean>;
-    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     scroll(): void;
     constructor();
     ngOnInit(): void;

package/types/lucca-front-ng-segmented-control-tabs.d.ts

@@ -16,12 +16,18 @@ declare class SegmentedControlTabsPanelComponent<T = unknown> {
 }
 
 declare class SegmentedControlTabsComponent<T = unknown> implements AfterContentInit {
+    /**
+     * Applies small size to segmented control tabs
+     */
     readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Display segmented control tabs vertically
+     */
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    active: _angular_core.ModelSignal<T>;
     readonly id: string;
     readonly tabs: _angular_core.Signal<readonly SegmentedControlTabsPanelComponent<T>[]>;
     readonly tabButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
-    active: _angular_core.ModelSignal<T>;
     readonly currentIndex: _angular_core.Signal<number>;
     previous(): void;
     next(): void;

package/types/lucca-front-ng-segmented-control.d.ts

@@ -6,11 +6,20 @@ import * as i1 from '@lucca-front/ng/forms';
 
 declare class SegmentedControlFilterComponent<T = unknown> {
     protected segmentedControlRef: _lucca_front_ng_segmented_control.SegmentedControlComponent;
+    /**
+     * Disabled the segmented control filter
+     */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines filtered value used
+     */
     readonly value: _angular_core.InputSignal<T>;
+    /**
+     * Changes the text displayed by the segmented control filter
+     */
+    readonly label: _angular_core.InputSignal<PortalContent>;
     readonly id: string;
     readonly name: string;
-    readonly label: _angular_core.InputSignal<PortalContent>;
     get formControl(): _angular_forms.FormControl<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlFilterComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlFilterComponent<any>, "lu-segmented-control-filter", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -18,7 +27,13 @@ declare class SegmentedControlFilterComponent<T = unknown> {
 
 declare class SegmentedControlComponent {
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    /**
+     * Applies small size to segmented control
+     */
     readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Display segmented control vertically
+     */
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly id: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;

package/types/lucca-front-ng-skeleton.d.ts

@@ -1,26 +1,52 @@
 import * as _angular_core from '@angular/core';
 
 declare class SkeletonButtonComponent {
+    /**
+     * Applies dark color for skeleton
+     */
     readonly dark: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Changes the size of the skeleton button
+     */
     readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonButtonComponent, "lu-skeleton-button", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type ColAlignDataTable = 'start' | 'center' | 'end';
 declare class SkeletonDataTableComponent {
+    /**
+     * Skeleton only show in data table body
+     */
     readonly dataTableBodyOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the number of cols (5 by default)
+     */
     readonly cols: _angular_core.InputSignal<number>;
-    readonly colsNumber: _angular_core.Signal<unknown[]>;
+    readonly colsAlign: _angular_core.InputSignal<Record<number, ColAlignDataTable>>;
+    /**
+     * Defines the number of row (8 by default)
+     */
     readonly rows: _angular_core.InputSignal<number>;
+    readonly colsNumber: _angular_core.Signal<unknown[]>;
     readonly rowsNumber: _angular_core.Signal<unknown[]>;
     readonly getRandomPercent: (min?: number, max?: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonDataTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonDataTableComponent, "lu-skeleton-data-table", never, { "dataTableBodyOnly": { "alias": "dataTableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonDataTableComponent, "lu-skeleton-data-table", never, { "dataTableBodyOnly": { "alias": "dataTableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "colsAlign": { "alias": "colsAlign"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonFieldComponent {
+    /**
+     * Applies dark color for skeleton
+     */
     readonly dark: _angular_core.InputSignalWithTransform<boolean, boolean | "false" | "true">;
+    /**
+     * Hide the field label skeleton
+     */
     readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "false" | "true">;
+    /**
+     * Defines the number of row
+     */
     readonly rows: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly lines: _angular_core.Signal<unknown[]>;
     readonly getRandomPercent: (min?: number, max?: number) => string;
@@ -29,23 +55,40 @@ declare class SkeletonFieldComponent {
 }
 
 declare class SkeletonHeaderComponent {
+    /**
+     * Applies dark color for skeleton
+     */
     readonly dark: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonHeaderComponent, "lu-skeleton-header", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type ColAlignIndexTable = 'start' | 'center' | 'end';
 declare class SkeletonIndexTableComponent {
+    /**
+     * Skeleton only show in index table body
+     */
     readonly tableBodyOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the number of cols (5 by default)
+     */
     readonly cols: _angular_core.InputSignal<number>;
-    readonly colsNumber: _angular_core.Signal<unknown[]>;
+    readonly colsAlign: _angular_core.InputSignal<Record<number, ColAlignIndexTable>>;
+    /**
+     * Defines the number of row (8 by default)
+     */
     readonly rows: _angular_core.InputSignal<number>;
     readonly rowsNumber: _angular_core.Signal<unknown[]>;
+    readonly colsNumber: _angular_core.Signal<unknown[]>;
     readonly getRandomPercent: (min?: number, max?: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonIndexTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonIndexTableComponent, "lu-skeleton-index-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonIndexTableComponent, "lu-skeleton-index-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "colsAlign": { "alias": "colsAlign"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonResourceCardComponent {
+    /**
+     * Defines the number of description lines in resource card
+     */
     descriptionLines: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly lines: _angular_core.Signal<unknown[]>;
     getRandomPercent: (min?: number, max?: number) => string;
@@ -53,15 +96,27 @@ declare class SkeletonResourceCardComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonResourceCardComponent, "lu-skeleton-resource-card", never, { "descriptionLines": { "alias": "descriptionLines"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type ColAlignTable = 'start' | 'center' | 'end';
 declare class SkeletonTableComponent {
+    /**
+     * Skeleton only show in table body
+     */
     readonly tableBodyOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the number of cols (5 by default)
+     */
     readonly cols: _angular_core.InputSignal<number>;
-    readonly colsNumber: _angular_core.Signal<unknown[]>;
+    readonly colsAlign: _angular_core.InputSignal<Record<number, ColAlignTable>>;
+    /**
+     * Defines the number of row (8 by default)
+     */
     readonly rows: _angular_core.InputSignal<number>;
+    readonly colsNumber: _angular_core.Signal<unknown[]>;
     readonly rowsNumber: _angular_core.Signal<unknown[]>;
     readonly randomPercent: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonTableComponent, "lu-skeleton-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonTableComponent, "lu-skeleton-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "colsAlign": { "alias": "colsAlign"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkeletonButtonComponent, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonResourceCardComponent, SkeletonTableComponent };
+export type { ColAlignDataTable, ColAlignIndexTable, ColAlignTable };