@rolatech/angular-components 20.2.9-beta.7 → 20.3.0-beta.2

package/types/rolatech-angular-components.d.ts

@@ -10,12 +10,12 @@ import { Subscription } from 'rxjs';
 import * as _angular_cdk_layout from '@angular/cdk/layout';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as _rolatech_angular_components from '@rolatech/angular-components';
+import { NavLink, Media } from '@rolatech/angular-common';
 import * as i44 from '@angular/cdk/scrolling';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { Platform } from '@angular/cdk/platform';
 import * as i26 from '@angular/material/menu';
 import { MatMenuPanel } from '@angular/material/menu';
-import { Media } from '@rolatech/angular-common';
 import { Router, ActivatedRoute } from '@angular/router';
 import * as i1 from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/clipboard';
@@ -206,20 +206,11 @@ declare class ContainerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContainerComponent, "rolatech-container", never, {}, {}, never, ["rolatech-toolbar", "rolatech-filter", "rolatech-tabs", "rolatech-chip-bar", "rolatech-list", "rolatech-content", "*"], true, never>;
 }
 
-interface LINK {
-    title: string;
-    subtitle?: string;
-    openinView?: boolean;
-    icon?: string;
-    link?: string;
-    children?: LINK[];
-    button?: boolean;
-    exact?: boolean;
-}
+type LINK = NavLink;
 declare class DrawerComponent implements AfterContentInit, AfterContentChecked {
     private _enableAnimations;
     persistent: boolean | undefined;
-    links: _angular_core.InputSignal<LINK[] | undefined>;
+    links: _angular_core.InputSignal<NavLink[] | undefined>;
     /** index of the FIRST item that has children (or -1 if none) */
     readonly firstChildrenIndex: _angular_core.Signal<number>;
     position: _angular_core.InputSignal<string>;
@@ -241,6 +232,11 @@ declare class DrawerComponent implements AfterContentInit, AfterContentChecked {
     open(): void;
     close(): void;
     toggle(): void;
+    labelOf(item: LINK): string;
+    subtitleOf(item: LINK): string;
+    routerLinkOf(item: LINK): string | any[] | undefined;
+    hrefOf(item: LINK): string | undefined;
+    isExternal(item: LINK): boolean;
     isNextItemChildren(index: number): boolean;
     init(isMobile: boolean): void;
     ngAfterContentInit(): void;
@@ -735,32 +731,54 @@ declare class ImageComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "rolatech-image", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class TabsComponent implements OnInit, AfterViewInit, AfterContentInit {
-    renderer: Renderer2;
-    tabs: _angular_core.Signal<readonly ElementRef<any>[]>;
-    selectionBar: _angular_core.Signal<ElementRef<any>>;
-    select: _angular_core.ModelSignal<number>;
-    loading: _angular_core.InputSignal<boolean>;
-    block: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    preSelect: number;
-    clientWidths: number[];
-    protected _isServer: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
-    init(): void;
-    getOffset(index: number): number;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "rolatech-tabs", never, { "select": { "alias": "select"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; }, { "select": "selectChange"; }, ["tabs"], ["*"], true, never>;
-}
+type TabMode = 'selectionBar' | 'background';
 
 declare class TabComponent {
-    hasId: string;
+    private readonly elementRef;
     hasClass: boolean;
-    label: _angular_core.InputSignal<unknown>;
-    item: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly role = "tab";
+    readonly tabindex = 0;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly selectRequested: _angular_core.OutputEmitterRef<void>;
+    readonly item: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly active: _angular_core.WritableSignal<boolean>;
+    readonly mode: _angular_core.WritableSignal<TabMode>;
+    readonly index: _angular_core.WritableSignal<number>;
+    get dataActive(): "true" | "false";
+    get dataMode(): TabMode;
+    get ariaSelected(): "true" | "false";
+    get host(): HTMLElement;
+    requestSelection(): void;
+    onKeyboardSelection(): void;
+    setActive(active: boolean): void;
+    setMode(mode: TabMode): void;
+    setIndex(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "rolatech-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "rolatech-tab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "selectRequested": "selectRequested"; }, never, never, true, never>;
+}
+
+declare class TabsComponent implements AfterViewInit, OnDestroy {
+    private readonly renderer;
+    private readonly platform;
+    private removeWindowResizeListener?;
+    readonly tabs: _angular_core.Signal<readonly TabComponent[]>;
+    readonly selectionBar: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly select: _angular_core.ModelSignal<number>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly mode: _angular_core.InputSignal<TabMode>;
+    protected readonly indicatorLeft: _angular_core.WritableSignal<string>;
+    protected readonly indicatorWidth: _angular_core.WritableSignal<string>;
+    protected readonly currentMode: _angular_core.Signal<TabMode>;
+    protected readonly showSelectionBar: _angular_core.Signal<boolean>;
+    get dataMode(): TabMode;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private getActiveIndex;
+    private updateIndicator;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "rolatech-tabs", never, { "select": { "alias": "select"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "select": "selectChange"; }, ["tabs"], ["*"], true, never>;
 }
 
 declare class MenuIconComponent {
@@ -1001,4 +1019,4 @@ interface Message {
 }
 
 export { APP_LAYOUT, AcceptDialogComponent, AccordionComponent, AngularComponentsModule, AppPageComponent, AvatarComponent, BaseComponent, ChatBox, ChipBarComponent, ConfirmationComponent, ConfirmationDialogComponent, ConsoleLayoutComponent, ContainerComponent, ContentComponent, ConversationContent, ConversationHeader, ConversationInput, ConversationMessage, DrawerComponent, EditorComponent, EmptyComponent, EnumSelect, FilterComponent, FolderComponent, FooterComponent, IconButtonComponent, IconComponent, ImageComponent, ImagePlaceholderComponent, ImagePreviewDialogComponent, InputComponent, LayoutComponent, ListComponent, Loading, LocationSelectorComponent, MaterialModule, MediaListComponent, MediaListItemComponent, MediaPreviewComponent, MediaPreviewDialogComponent, MediaUploadComponent, MediaUploadDialogComponent, MenuIconComponent, MenuUserComponent, MiniGuideComponent, NotFoundComponent, PaginatorComponent, PanelComponent, PanelHeaderComponent, PdfViewerComponent, RejectDialogComponent, ResizableContainerComponent, RichGridMediaComponent, RichItemComponent, RichLabelComponent, RichViewComponent, SearchBar, SearchIcon, Skeleton, SpinnerComponent, StorageBucketCreateComponent, StorageFileUploadComponent, StorageFolderCreateComponent, TabComponent, TableComponent, TabsComponent, ThumbnailComponent, TitleComponent, ToolbarComponent, TopbarAvatarMenuComponent, TopbarComponent, VideoUpload, WechatConnectDialogComponent, provideAngularLayout };
-export type { AppLayoutConfig, AppTopbarConfig, Column, DrawerConfig, Message, MiniGuide, Role, TableData };
+export type { AppLayoutConfig, AppTopbarConfig, Column, DrawerConfig, Message, MiniGuide, Role, TabMode, TableData };