@leanix/components 0.4.852 → 0.4.854

package/lib/tab-ui/components/tab/tab.component.d.ts

@@ -1,120 +0,0 @@
-import { TemplatePortal } from '@angular/cdk/portal';
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { ActivatedRoute, Router, RouterLinkActive } from '@angular/router';
-import { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * Individual tab component used inside `lx-tab-group`.
- * Supports icons, counters, router links, and keyboard navigation.
- * Content is projected and rendered by the parent tab group when the tab is active.
- *
- * ### Example
- * @example
- * ```html
- * <lx-tab-group>
- *   <lx-tab [label]="'General'" [icon]="'settings'" [disabled]="false">
- *     <p>General content</p>
- *   </lx-tab>
- *   <lx-tab [label]="'Notifications'" [counter]="3">
- *     <p>Notification content</p>
- *   </lx-tab>
- *   <lx-tab [label]="'Settings'" [tabLink]="['/settings']">
- *     <p>Settings content</p>
- *   </lx-tab>
- * </lx-tab-group>
- * ```
- */
-export declare class TabComponent {
-    private cd;
-    private router;
-    private activatedRoute;
-    /**
-     * The icon input takes an SAP icon name.
-     * WARNING: Currently this component does not support using an icon together with a counter.
-     */
-    icon?: string;
-    /**
-     * The design of the icon.
-     * @default NonInteractive
-     */
-    iconDesign: IconComponent['design'];
-    /**
-     * The label text displayed for the tab.
-     * @default ''
-     */
-    label: string;
-    /**
-     * Optional title attribute for the tab element (shown on hover).
-     */
-    title?: string;
-    /**
-     * Router link for tab navigation. Accepts both string and array formats.
-     * When set, the tab will navigate to the specified route when selected.
-     */
-    tabLink?: string | any[];
-    /**
-     * Counter badge displayed on the tab.
-     * WARNING: Currently this component does not support using a counter together with an icon.
-     */
-    counter?: number;
-    /**
-     * Options for the RouterLinkActive directive.
-     * @default { exact: true }
-     */
-    routerLinkActiveOptions: {
-        exact: boolean;
-    };
-    /**
-     * Size of the counter badge.
-     * @default 'default'
-     */
-    counterBadgeSize: 'default' | 'small';
-    /**
-     * Whether to remove margin from the tab.
-     * @default false
-     */
-    noMargin: boolean;
-    /**
-     * Whether to remove left margin for the first tab.
-     * @default false
-     */
-    noLeftMarginForFirstTab: boolean;
-    /**
-     * Background color of the tab.
-     * @default 'white'
-     */
-    background: 'white' | 'gray';
-    /**
-     * Whether the tab is disabled and cannot be selected.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Event emitted when the tab is selected.
-     */
-    switch: EventEmitter<any>;
-    /**
-     * Event emitted when a keyboard key is pressed on the tab.
-     */
-    keyDownAction: EventEmitter<KeyboardEvent>;
-    tabId: string;
-    content?: TemplatePortal<any>;
-    tabElement?: ElementRef<HTMLElement>;
-    routerLinkActive$: Observable<RouterLinkActive>;
-    routerLinkActive?: RouterLinkActive;
-    /**
-     * Used by the lx-tab-group to be notified when a lx-tab that is a link
-     * is set to active by the Angular router.
-     */
-    routerLinkActiveChange$: Observable<boolean>;
-    set isActive(value: boolean);
-    get isActive(): boolean;
-    private _isActive;
-    constructor(cd: ChangeDetectorRef, router: Router, activatedRoute: ActivatedRoute);
-    select(): void;
-    setFocus(): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "lx-tab", never, { "icon": { "alias": "icon"; "required": false; }; "iconDesign": { "alias": "iconDesign"; "required": false; }; "label": { "alias": "label"; "required": false; }; "title": { "alias": "title"; "required": false; }; "tabLink": { "alias": "tabLink"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "counterBadgeSize": { "alias": "counterBadgeSize"; "required": false; }; "noMargin": { "alias": "noMargin"; "required": false; }; "noLeftMarginForFirstTab": { "alias": "noLeftMarginForFirstTab"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "switch": "switch"; "keyDownAction": "keyDownAction"; }, never, ["*"], true, never>;
-}

package/lib/tab-ui/components/tab-group/tab-group-key-codes.enum.d.ts

@@ -1,10 +0,0 @@
-/**
- * Key codes that we listen to for
- * user action on our lx-tab-group
- */
-export declare enum LxTabGroupKeyCode {
-    ArrowRight = "ArrowRight",
-    ArrowLeft = "ArrowLeft",
-    Home = "Home",
-    End = "End"
-}

package/lib/tab-ui/components/tab-group/tab-group.component.d.ts

@@ -1,73 +0,0 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
-import { TabComponent } from '../tab/tab.component';
-import * as i0 from "@angular/core";
-/**
- * Container for tab navigation that manages active tab state and keyboard interactions.
- * Supports both static tabs and router-linked tabs with keyboard navigation (arrow keys, Home, End).
- *
- * ### Content Projection
- * - Project `lx-tab` components as children
- *
- * ### Example
- * @example
- * ```html
- * <lx-tab-group [selectedIndex]="0" (indexChange)="onTabChange($event)">
- *   <lx-tab [label]="'General'" [icon]="'settings'">
- *     <p>General content</p>
- *   </lx-tab>
- *   <lx-tab [label]="'Notifications'" [counter]="3">
- *     <p>Notification content</p>
- *   </lx-tab>
- * </lx-tab-group>
- * ```
- */
-export declare class TabGroupComponent implements OnChanges, AfterContentInit, OnDestroy {
-    private cd;
-    /**
-     * Whether the tabs should be centered.
-     * @default false
-     */
-    isCentered: boolean;
-    /**
-     * The index of the tab whose content should be displayed.
-     * @default 0
-     */
-    selectedIndex: number;
-    /**
-     * Event emitted when the selected tab index changes.
-     */
-    indexChange: EventEmitter<number>;
-    /** @internal */
-    tabsQueryList$: Observable<QueryList<TabComponent>>;
-    /** @internal */
-    tabsQueryList?: QueryList<TabComponent>;
-    /** @internal */
-    tabListElement?: ElementRef<HTMLElement>;
-    /**
-     * The tab that is currently focused via keyboard.
-     * @internal
-     */
-    focusedIndex: number;
-    /** @internal */
-    get tabIds(): string[];
-    private get tabs();
-    /** @internal */
-    get activeTabPortal(): import("@angular/cdk/portal").TemplatePortal<any> | undefined;
-    /** @internal */
-    readonly destroyed$: Subject<void>;
-    constructor(cd: ChangeDetectorRef);
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /** @internal */
-    onFocusOut(event: any): void;
-    /** @internal */
-    switchTo(tab: TabComponent): void;
-    /** @internal */
-    handleKeyDown(event: KeyboardEvent): void;
-    private focusTab;
-    private listenToFirstTabSelectByAngularRouterForTabLinks;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "lx-tab-group", never, { "isCentered": { "alias": "isCentered"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "indexChange": "indexChange"; }, ["tabsQueryList"], ["*"], true, never>;
-}

package/ui5/components/breadcrumbs-item.component.d.ts

@@ -1,22 +0,0 @@
-import { BreadcrumbsItemComponent as Ui5BreadcrumbsItemComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs-item';
-import * as i0 from "@angular/core";
-/**
- * This component extends the `ui5-breadcrumbs-item` component from `@ui5/webcomponents-ngx`.
- * This extension is needed for Angular versions before 20 to sync Angular's `RouterLink` directive
- * with the `href` attribute of the `ui5-breadcrumbs-item`.
- *
- * **Why?** Support for custom elements in the `RouterLink` directive was added in Angular 20.
- * For older versions, this component allows using the `RouterLink` on a `ui5-breadcrumb-item`.
- *
- * @see https://github.com/angular/angular/commit/ff98ccb19391ed4e04528b82771c04ad67067d68
- *
- */
-export declare class BreadcrumbsItemComponent extends Ui5BreadcrumbsItemComponent {
-    private readonly router;
-    private readonly routerLinkInstance;
-    private readonly locationStrategy;
-    readonly routerLink: import("@angular/core").InputSignal<string | any[] | import("@angular/router").UrlTree | null | undefined>;
-    readonly updateBreadcrumbHref: import("@angular/core").EffectRef;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsItemComponent, "ui5-breadcrumbs-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/ui5/components/breadcrumbs.component.d.ts

@@ -1,29 +0,0 @@
-import { BreadcrumbsComponent as Ui5BreadcrumbsComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs';
-import { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs.js';
-import * as i0 from "@angular/core";
-/**
- * Enables users to navigate between items by providing a list of links to previous steps in the user's navigation path.
- *
- * It helps the user to be aware of their location within the application and allows faster navigation.
- *
- * This component extends the `ui5-breadcrumbs` component from `@ui5/webcomponents-ngx`.
- * See the [UI5 Breadcrumb documentation](https://ui5.github.io/webcomponents/components/Breadcrumbs) for more info.
- *
- * This extension allows using the `RouterLink` directive on `ui5-breadcrumbs-item` components.
- *
- * @example ```html
- * <ui5-breadcrumbs>
- *   <ui5-breadcrumbs-item routerLink="/inventory">Inventory</ui5-breadcrumbs-item>
- *   <ui5-breadcrumbs-item routerLink="/inventory/agile-tracking">Agile Tracking</ui5-breadcrumbs-item>
- *   <ui5-breadcrumbs-item routerLink="/inventory/agile-tracking/settings">Settings</ui5-breadcrumbs-item>
- * </ui5-breadcrumbs>
- * ```
- */
-export declare class BreadcrumbsComponent extends Ui5BreadcrumbsComponent {
-    /**
-     * @internal
-     */
-    onClick(event: CustomEvent<BreadcrumbsItemClickEventDetail>): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "ui5-breadcrumbs", never, {}, {}, never, ["*"], true, never>;
-}

package/ui5/icons/register-icons.d.ts

@@ -1,4 +0,0 @@
-/**
- * Registers icon libraries with UI5.
- */
-export declare function registerIconsWithUi5(): Promise<void>;

package/ui5/ui5.provider.d.ts

@@ -1,15 +0,0 @@
-/**
- * Sets up providers necessary to use UI5 components in the application.
- *
- * @usageNotes
- *
- * Basic example of how you can add UI5 to your application:
- * ```ts
- * import { provideUi5 } from '@leanix/components/ui5';
- *
- * bootstrapApplication(AppComponent, {
- *   providers: [provideUi5()]
- * });
- * ```
- */
-export declare const provideUi5: () => import("@angular/core").EnvironmentProviders;

package/ui5/utils/get-outer-html-with-shadow-dom.d.ts

@@ -1,15 +0,0 @@
-/**
- *
- * A replacement for `HTMLElement.outerHTML`, but works with web components shadow DOM.
- * Returns a string of outer HTML of a DOM node, inlining shadow DOM for web components.
- * (@see TRAVERSED_ELEMENTS_SELECTOR for the list of supported web components.)
- *
- *
- * @description
- * Solves the problem of getting the full HTML structure of web components,
- * as `element.outerHTML` does not include shadow DOM.
- * This function inlines shadow DOM into a <template> tag inside the component root.
- * It helps to keep the shadow DOM structure and preserve style encapsulation.
- * Also includes whitelisted styles from computed styles into the component root as inline styles (@see WEB_COMPONENT_STYLE_PROPERTIES_WHITELIST).
- */
-export declare function getOuterHtmlWithShadowDom(rootNode: HTMLElement): string;