@3ddv/software-division-components 1.5.0 → 2.0.0

package/dist/types/3ddv-software-division-components-backoffice-radio.d.ts

@@ -0,0 +1,76 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+
+type RadioStyleClasses = ReturnType<(typeof RadioComponent.prototype)['styleClass']>;
+/**
+ * A customizable radio component.
+ *
+ * This component supports various configurations and exposes all Spartan UI radio functionality.
+ * All HTML radio attributes and events are automatically forwarded to the inner radio element.
+ *
+ * @since 1.0.0-alpha.1
+ */
+declare class RadioComponent implements OnInit, OnDestroy {
+    private readonly allowedVariants;
+    private readonly allowedSizes;
+    /**
+     * The current theme applied to the component.
+     */
+    readonly theme: _angular_core.InputSignal<"theme-backoffice" | "theme-sdc">;
+    /**
+     * Predefined styles to apply to the component.
+     * Can be a single class or multiple classes from different categories.
+     */
+    readonly styleClass: _angular_core.InputSignal<("variant-primary" | "variant-secondary" | "variant-alternative" | "variant-success" | "variant-warning" | "variant-danger" | "size-sm" | "size-md" | "size-lg" | "size-xl")[]>;
+    private readonly _validatedStyleClass;
+    /**
+     * Additional CSS classes to apply to the component.
+     */
+    readonly className: _angular_core.InputSignal<string>;
+    /**
+     * Whether the component is disabled.
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * The label text to display above or to the left of the radio.
+     * Only visible when a value is provided.
+     */
+    readonly label: _angular_core.InputSignal<string>;
+    /**
+     * The position of the label relative to the radio.
+     */
+    readonly labelPosition: _angular_core.InputSignal<"left" | "right">;
+    /**
+     * The name of the form control.
+     */
+    readonly name: _angular_core.InputSignal<string>;
+    /**
+     * The FormControl instance to bind to this radio.
+     * This allows the component to access form state without circular dependencies.
+     */
+    readonly control: _angular_core.InputSignal<FormControl<any>>;
+    /**
+     * The value of the radio button.
+     */
+    readonly value: _angular_core.InputSignal<string>;
+    /**
+     * Whether the radio is checked.
+     */
+    readonly isChecked: _angular_core.WritableSignal<boolean>;
+    /**
+     * Computed class string that combines theme and user classes.
+     */
+    protected readonly computedClass: _angular_core.Signal<string>;
+    /**
+     * Subscriptions to the control's value changes.
+     */
+    private readonly subscriptions;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "sdc-radio", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { RadioComponent };
+export type { RadioStyleClasses };

package/dist/types/3ddv-software-division-components-backoffice-table.d.ts

@@ -0,0 +1,130 @@
+import * as _tanstack_angular_table from '@tanstack/angular-table';
+import { ColumnDef, SortingState, RowSelectionState, PaginationState } from '@tanstack/angular-table';
+export { ColumnDef, RowSelectionState, SortingState, flexRenderComponent } from '@tanstack/angular-table';
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+declare class SortTableHeadButtonComponent {
+    readonly isSorted: _angular_core.InputSignal<boolean>;
+    readonly columnName: _angular_core.InputSignal<string>;
+    readonly sortDirection: _angular_core.InputSignal<false | "asc" | "desc">;
+    readonly enableSorting: _angular_core.InputSignal<boolean>;
+    readonly sortClick: _angular_core.OutputEmitterRef<void>;
+    protected isHovered: _angular_core.WritableSignal<boolean>;
+    protected onSortClick(): void;
+    protected onMouseEnter(): void;
+    protected onMouseLeave(): void;
+    protected iconName(): "lucideArrowDown" | "lucideArrowUp" | "lucideArrowUpDown" | "";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortTableHeadButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortTableHeadButtonComponent, "sdc-table-head-sort-button", never, { "isSorted": { "alias": "isSorted"; "required": false; "isSignal": true; }; "columnName": { "alias": "columnName"; "required": true; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": true; "isSignal": true; }; "enableSorting": { "alias": "enableSorting"; "required": false; "isSignal": true; }; }, { "sortClick": "sortClick"; }, never, never, true, never>;
+}
+
+type TableStyleClasses = ReturnType<(typeof TableComponent.prototype)['styleClass']>;
+declare class TableComponent<T extends Record<string, any>> implements OnDestroy {
+    private readonly allowedVariants;
+    /**
+     * The data to display in the table.
+     */
+    readonly data: _angular_core.InputSignal<T[]>;
+    /**
+     * The columns to display in the table.
+     */
+    readonly columns: _angular_core.InputSignal<ColumnDef<T>[]>;
+    /**
+     * Whether to show the selection column.
+     */
+    readonly showSelection: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to enable sorting for the table.
+     */
+    readonly enableSort: _angular_core.InputSignal<boolean | string[]>;
+    /**
+     * The maximum number of pages to display in the pagination.
+     */
+    readonly maxVisiblePages: _angular_core.InputSignal<number>;
+    /**
+     * The page size for the table pagination.
+     */
+    readonly pageSize: _angular_core.InputSignal<number>;
+    /**
+     * The initial page index for the table pagination.
+     */
+    readonly initialPageIndex: _angular_core.InputSignal<number>;
+    /**
+     * Whether to show the first and last buttons in the pagination.
+     */
+    readonly showFirstLastButtons: _angular_core.InputSignal<boolean>;
+    /**
+     * The current theme applied to the component.
+     */
+    readonly theme: _angular_core.InputSignal<"theme-backoffice" | "theme-sdc">;
+    /**
+     * Predefined styles to apply to the component.
+     * Can be a single class or multiple classes from different categories.
+     */
+    readonly styleClass: _angular_core.InputSignal<("full-table" | "minimal-table")[]>;
+    private readonly _validatedStyleClass;
+    /**
+     * Additional CSS classes to apply to the component.
+     */
+    readonly className: _angular_core.InputSignal<string>;
+    /**
+     * The text to display in the export button.
+     */
+    readonly exportButtonText: _angular_core.InputSignal<string>;
+    /**
+     * Event emitted when the export button is clicked.
+     * Includes selected rows and all rows for export functionality.
+     */
+    readonly exportClick: _angular_core.OutputEmitterRef<{
+        selectedRows: T[];
+        allRows: T[];
+    }>;
+    /**
+     * Event emitted when the sorting state changes.
+     */
+    readonly sortingChange: _angular_core.OutputEmitterRef<SortingState>;
+    /**
+     * Event emitted when the selection state changes.
+     */
+    readonly selectionChange: _angular_core.OutputEmitterRef<RowSelectionState>;
+    /**
+     * Whether to pin/freeze the table headers so they remain visible during vertical scrolling.
+     * When enabled, headers will stay at the top of the viewport while scrolling through table data.
+     */
+    readonly pinningHeaders: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to show the pagination controls at the bottom of the table.
+     * When disabled, all rows will be displayed without pagination.
+     */
+    readonly showPagination: _angular_core.InputSignal<boolean>;
+    /**
+     * Event emitted when the pagination state changes.
+     */
+    readonly paginationChange: _angular_core.OutputEmitterRef<PaginationState>;
+    /**
+     * Computed class string that combines theme and user classes.
+     */
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected _handleSortClick(columnId: string): void;
+    protected _getSortDirection(columnId: string): 'asc' | 'desc' | false;
+    protected _isColumnSorted(columnId: string): boolean;
+    protected _isSortEnabled(columnId: string): boolean;
+    protected _createSortableHeader(column: ColumnDef<T>, columnId: string): _tanstack_angular_table.FlexRenderComponent<SortTableHeadButtonComponent>;
+    protected _processColumns(): ColumnDef<T>[];
+    private readonly _sorting;
+    private readonly _rowSelection;
+    private readonly _pagination;
+    private readonly _paginationEffect;
+    ngOnDestroy(): void;
+    private readonly _table;
+    get headerGroups(): _tanstack_angular_table.HeaderGroup<T>[];
+    get rows(): _tanstack_angular_table.Row<T>[];
+    get paginatedRows(): _tanstack_angular_table.Row<T>[];
+    get tableForPagination(): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "sdc-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSelection": { "alias": "showSelection"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "initialPageIndex": { "alias": "initialPageIndex"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "exportButtonText": { "alias": "exportButtonText"; "required": false; "isSignal": true; }; "pinningHeaders": { "alias": "pinningHeaders"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; }, { "exportClick": "exportClick"; "sortingChange": "sortingChange"; "selectionChange": "selectionChange"; "paginationChange": "paginationChange"; }, never, never, true, never>;
+}
+
+export { TableComponent };
+export type { TableStyleClasses };

package/dist/types/3ddv-software-division-components-dvm-cart-item.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+
+declare class CartItemComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartItemComponent, "sdc-cart-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class CartItemService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartItemService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CartItemService>;
+}
+
+export { CartItemComponent, CartItemService };

package/dist/types/3ddv-software-division-components-dvm-cart.d.ts

@@ -0,0 +1,76 @@
+import * as _angular_core from '@angular/core';
+
+interface CartItem {
+    id: string | number;
+    section: string;
+    row: string;
+    seat: string;
+    price: number;
+}
+
+interface SeatGroup {
+    id: string | number;
+    title: string;
+    count?: string;
+    seats: CartItem[];
+    expanded?: boolean;
+    indicatorColor?: string;
+    actionButtonText?: string;
+}
+declare class SeatListComponent {
+    seats: _angular_core.InputSignal<CartItem[]>;
+    groups: _angular_core.InputSignal<SeatGroup[]>;
+    actionButtonText: _angular_core.InputSignal<string>;
+    indicatorColor: _angular_core.InputSignal<string>;
+    mapPinClick: _angular_core.OutputEmitterRef<CartItem>;
+    eyeClick: _angular_core.OutputEmitterRef<CartItem>;
+    actionClick: _angular_core.OutputEmitterRef<CartItem>;
+    groupToggle: _angular_core.OutputEmitterRef<{
+        groupId: string | number;
+        expanded: boolean;
+    }>;
+    removeClick: _angular_core.OutputEmitterRef<CartItem>;
+    isGroupedMode: _angular_core.Signal<boolean>;
+    onMapPinClick(item: CartItem): void;
+    onEyeClick(item: CartItem): void;
+    onActionClick(item: CartItem): void;
+    onRemoveClick(item: CartItem): void;
+    isGroupExpanded(group: SeatGroup): boolean;
+    toggleGroup(group: SeatGroup): void;
+    getGroupIndicatorColor(group: SeatGroup): string;
+    getGroupActionButtonText(group: SeatGroup): string;
+    getGroupSeatCount(group: SeatGroup): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SeatListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SeatListComponent, "sdc-seat-list", never, { "seats": { "alias": "seats"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "actionButtonText": { "alias": "actionButtonText"; "required": false; "isSignal": true; }; "indicatorColor": { "alias": "indicatorColor"; "required": false; "isSignal": true; }; }, { "mapPinClick": "mapPinClick"; "eyeClick": "eyeClick"; "actionClick": "actionClick"; "groupToggle": "groupToggle"; "removeClick": "removeClick"; }, never, never, true, never>;
+}
+
+declare class CartComponent {
+    headerTitle: _angular_core.InputSignal<string>;
+    selectAllText: _angular_core.InputSignal<string>;
+    relocateButtonText: _angular_core.InputSignal<string>;
+    items: _angular_core.InputSignal<CartItem[]>;
+    groups: _angular_core.InputSignal<SeatGroup[]>;
+    selectAll: _angular_core.OutputEmitterRef<void>;
+    mapPinClick: _angular_core.OutputEmitterRef<CartItem>;
+    eyeClick: _angular_core.OutputEmitterRef<CartItem>;
+    relocateClick: _angular_core.OutputEmitterRef<CartItem>;
+    removeClick: _angular_core.OutputEmitterRef<CartItem>;
+    groupToggle: _angular_core.OutputEmitterRef<{
+        groupId: string | number;
+        expanded: boolean;
+    }>;
+    onSelectAll(): void;
+    onMapPinClick(item: CartItem): void;
+    onEyeClick(item: CartItem): void;
+    onRelocateClick(item: CartItem): void;
+    onRemoveClick(item: CartItem): void;
+    onGroupToggle(event: {
+        groupId: string | number;
+        expanded: boolean;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CartComponent, "sdc-cart", never, { "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "relocateButtonText": { "alias": "relocateButtonText"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; }, { "selectAll": "selectAll"; "mapPinClick": "mapPinClick"; "eyeClick": "eyeClick"; "relocateClick": "relocateClick"; "removeClick": "removeClick"; "groupToggle": "groupToggle"; }, never, never, true, never>;
+}
+
+export { CartComponent, SeatListComponent };
+export type { CartItem, SeatGroup };

package/dist/types/3ddv-software-division-components-dvm-legend.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { Size } from '@3ddv/software-division-components/shared';
+
+interface LegendElement {
+    color: string;
+    name: string;
+}
+type LegendSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+
+declare class LegendComponent {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<Size>;
+    readonly elements: _angular_core.InputSignal<LegendElement[]>;
+    readonly className: _angular_core.InputSignal<string>;
+    private readonly supportedSizes;
+    /** Normalize any Size → LegendSize by flooring to nearest supported size. */
+    private normalizeSize;
+    private readonly _effectiveSize;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LegendComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LegendComponent, "sdc-legend", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "elements": { "alias": "elements"; "required": true; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LegendElementsComponent {
+    readonly size: _angular_core.InputSignal<Size>;
+    readonly elements: _angular_core.InputSignal<LegendElement[]>;
+    readonly className: _angular_core.InputSignal<string>;
+    private readonly supportedSizes;
+    private normalizeSize;
+    private readonly _effectiveSize;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected readonly itemClasses: _angular_core.Signal<"justify-center" | "justify-start">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LegendElementsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LegendElementsComponent, "sdc-legend-elements", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "elements": { "alias": "elements"; "required": true; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { LegendComponent, LegendElementsComponent };
+export type { LegendElement, LegendSize };

package/dist/types/3ddv-software-division-components-dvm-loader.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+
+declare class LoaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "sdc-loader", never, {}, {}, never, never, true, never>;
+}
+
+declare class LoaderService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoaderService>;
+}
+
+export { LoaderComponent, LoaderService };

package/{dvm/map-loader/map-loader.component.d.ts → dist/types/3ddv-software-division-components-dvm-map-loader.d.ts}

@@ -1,18 +1,19 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class MapLoaderComponent implements OnInit, OnDestroy {
-    viewerService: import("@angular/core").InputSignal<{
+
+declare class MapLoaderComponent implements OnInit, OnDestroy {
+    viewerService: _angular_core.InputSignal<{
         waitInitialize: () => Observable<any>;
         getObservable: (value: "load_success" | "load_start") => Observable<any>;
     }>;
-    logo: import("@angular/core").InputSignal<string>;
-    color: import("@angular/core").InputSignal<string>;
-    duration: import("@angular/core").InputSignal<number>;
-    size: import("@angular/core").InputSignal<"sm" | "md">;
-    pill: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    pillContainer: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    container: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    logo: _angular_core.InputSignal<string>;
+    color: _angular_core.InputSignal<string>;
+    duration: _angular_core.InputSignal<number>;
+    size: _angular_core.InputSignal<"sm" | "md">;
+    pill: _angular_core.Signal<ElementRef<any> | undefined>;
+    pillContainer: _angular_core.Signal<ElementRef<any> | undefined>;
+    container: _angular_core.Signal<ElementRef<any> | undefined>;
     private isFirstLoad;
     private varName;
     private readonly handlers;
@@ -50,7 +51,8 @@ export declare class MapLoaderComponent implements OnInit, OnDestroy {
      * Recorre el array de handlers y se desuscribe de cada uno de ellos.
      */
     private destroyComponent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MapLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MapLoaderComponent, "sdc-map-loader", never, { "viewerService": { "alias": "viewerService"; "required": true; "isSignal": true; }; "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapLoaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapLoaderComponent, "sdc-map-loader", never, { "viewerService": { "alias": "viewerService"; "required": true; "isSignal": true; }; "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-//# sourceMappingURL=map-loader.component.d.ts.map
+
+export { MapLoaderComponent };

package/dist/types/3ddv-software-division-components-dvm-neighbors.d.ts

@@ -0,0 +1,57 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef, EventEmitter } from '@angular/core';
+
+type Direction = 'prev' | 'next';
+type DirectionObjectKeys = 'l' | 'r';
+type NeighborsData = Record<string, Record<DirectionObjectKeys, string>>;
+type NeighborsStyleClasses = {
+    sideButtonsClass?: string;
+    middleDivClass?: string;
+};
+type TranslateSectionIdFn = (sectionId: string) => string | null;
+type HasAvailabilityFn = (tdcId: string) => boolean;
+type SectionChangeEvent = {
+    direction: Direction;
+    sectionId: string;
+};
+
+declare class NeighborsComponent implements OnDestroy {
+    readonly neighborsContainer: ElementRef<HTMLDivElement>;
+    readonly currentSection: ElementRef<HTMLSpanElement>;
+    readonly currentSection3d: ElementRef<HTMLSpanElement>;
+    readonly leftSectionElement: ElementRef<HTMLSpanElement>;
+    readonly rightSectionElement: ElementRef<HTMLSpanElement>;
+    private readonly cdr;
+    readonly neighborsData: _angular_core.InputSignal<NeighborsData>;
+    readonly currentSectionId: _angular_core.InputSignal<string | null>;
+    readonly translateTdcToMmc: _angular_core.InputSignal<TranslateSectionIdFn>;
+    readonly translateMmcToTdc: _angular_core.InputSignal<TranslateSectionIdFn>;
+    readonly hasAvailability: _angular_core.InputSignal<HasAvailabilityFn>;
+    readonly isLoading: _angular_core.InputSignal<boolean>;
+    readonly showElement: _angular_core.InputSignal<boolean>;
+    readonly modeLr: _angular_core.InputSignal<boolean>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly theme: _angular_core.InputSignal<"theme-backoffice" | "theme-sdc">;
+    sectionChange: EventEmitter<SectionChangeEvent>;
+    /**
+     * Computed class string that combines theme and user classes.
+     */
+    protected readonly computedClass: _angular_core.Signal<string>;
+    private readonly subscriptions;
+    protected readonly leftSectionId: _angular_core.Signal<string | null>;
+    protected readonly rightSectionId: _angular_core.Signal<string | null>;
+    protected readonly currentSectionLabel: _angular_core.Signal<string>;
+    protected readonly leftSectionLabel: _angular_core.Signal<string | null>;
+    protected readonly rightSectionLabel: _angular_core.Signal<string | null>;
+    private findAvailableNeighbor;
+    get leftSection(): string | null;
+    get rightSection(): string | null;
+    get section(): string | null;
+    ngOnDestroy(): void;
+    navigateToSection(section: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeighborsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeighborsComponent, "sdc-neighbors", never, { "neighborsData": { "alias": "neighborsData"; "required": true; "isSignal": true; }; "currentSectionId": { "alias": "currentSectionId"; "required": true; "isSignal": true; }; "translateTdcToMmc": { "alias": "translateTdcToMmc"; "required": true; "isSignal": true; }; "translateMmcToTdc": { "alias": "translateMmcToTdc"; "required": true; "isSignal": true; }; "hasAvailability": { "alias": "hasAvailability"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "showElement": { "alias": "showElement"; "required": false; "isSignal": true; }; "modeLr": { "alias": "modeLr"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
+}
+
+export { NeighborsComponent };
+export type { Direction, DirectionObjectKeys, HasAvailabilityFn, NeighborsData, NeighborsStyleClasses, SectionChangeEvent, TranslateSectionIdFn };