@leanix/components 0.4.503 → 0.4.505

package/lib/core-ui/components/badge/badge.component.d.ts

@@ -2,14 +2,6 @@ import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Badge component is used to show a small piece of information in a colored badge.
- *
- * ## Usage
- *
- * 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxCoreUiModule } from '@leanix/components';
- * ```
  */
 export declare class BadgeComponent implements OnInit {
     /**

package/lib/core-ui/components/banner/banner.component.d.ts

@@ -3,16 +3,6 @@ import { BannerSizes, BannerTypes } from './banner.models';
 import * as i0 from "@angular/core";
 /**
  * Banner can be used to display important information to the user. It allows for any type of content to be displayed in a banner.
- *
- * ## Usage
- *
- * 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxCoreUiModule } from '@leanix/components';
- * ```
- *
- * 2. Use the component in your template.
  */
 export declare class BannerComponent implements OnInit {
     private readonly _type;

package/lib/core-ui/components/button/button.component.d.ts

@@ -17,14 +17,6 @@ export declare const LX_BUTTON_USE_SAP_ICONS: InjectionToken<BehaviorSubject<boo
 /**
  * Button component is used to create a button with different styles and sizes. This uses native button element and
  * only provides styling and some additional features like loading spinner.
- *
- * ## Usage
- *
- * 1. Import the `ButtonComponent` from `@leanix/components` where you want to use the component.
- *
- * ```ts
- * import { ButtonComponent } from '@leanix/components';
- * ```
  */
 export declare class ButtonComponent {
     protected readonly useSAPIcons: import("@angular/core").Signal<boolean | undefined>;

package/lib/core-ui/components/card/card.component.d.ts

@@ -2,14 +2,6 @@ import * as i0 from "@angular/core";
 /**
  * Card component is a container component that can be used to display content in a card-like style.
  * This documentation provides details on the usage and configuration of the Card Component.
- *
- * ## Usage
- *
- * 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxCoreUiModule } from '@leanix/components';
- * ```
  */
 export declare class CardComponent {
     /**

package/lib/core-ui/components/counter/counter.component.d.ts

@@ -1,14 +1,6 @@
 import * as i0 from "@angular/core";
 /**
  * Counter component is used to create a counter with different styles and sizes.
- *
- * ## Usage
- *
- * 1. Import the `CounterComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { CounterComponent } from '@leanix/components';
- * ```
  */
 export declare class CounterComponent {
     /** The content of the counter. */

package/lib/core-ui/components/skeleton/skeleton.component.d.ts

@@ -2,20 +2,9 @@ import * as i0 from "@angular/core";
 /**
  * Skeleton is a component that can be used to show a loading state of a component.
  *
- * ## Usage
- *
- * 1. Import the `SkeletonComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { SkeletonComponent } from '@leanix/components';
- * ```
- *
  * Use skeleton loaders for pages or sections that load content progressively, like text and images. The component can
  * be used to compose various scenarios like placeholders for thumbnails, lists, and avatars. See the example
  * [patterns](?path=/docs/skeleton-patterns--docs) for more details.
- *
- * To get started, import the `SkeletonComponent` in your Angular module or standalone component and use it in the
- * template using the `<lx-skeleton />` selector with the desired width, height, and border radius.
  */
 export declare class SkeletonComponent {
     /**

package/lib/core-ui/components/tiny-spinner/tiny-spinner.component.d.ts

@@ -1,14 +1,6 @@
 import * as i0 from "@angular/core";
 /**
  * Tiny spinner component is used to show a small spinner.
- *
- * ## Usage
- *
- * 1. Import the `TinySpinnerComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { TinySpinnerComponent } from '@leanix/components';
- * ```
  */
 export declare class TinySpinnerComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TinySpinnerComponent, never>;

package/lib/core-ui/tooltip/tooltip.directive.d.ts

@@ -4,14 +4,6 @@ import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Tooltip directive is used to show a tooltip on hover or focus on an element.
- *
- * ## Usage
- *
- * 1. Import the `TooltipDirective` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { TooltipDirective } from '@leanix/components';
- * ```
  */
 export declare class TooltipDirective implements OnChanges, OnDestroy {
     private overlayPositionBuilder;

package/lib/forms-ui/components/breadcrumb/breadcrumb.component.d.ts

@@ -11,14 +11,6 @@ interface EllipsedBreadcrumb {
 type ViewBreadcrumb = Breadcrumb | EllipsedBreadcrumb;
 /**
  * Breadcrumb component is used to show a list of labels, usually to show the path of user's navigation.
- *
- * ## Usage
- *
- * 1. Import the LxFormsModule module from @leanix/components in your module where you want to use the component.
- *
- * ```ts
- * import { LxFormsModule } from '@leanix/components';
- * ```
  */
 export declare class BreadcrumbComponent implements OnChanges {
     /**

package/lib/forms-ui/components/date-input/date-input.component.d.ts

@@ -6,14 +6,6 @@ import * as i0 from "@angular/core";
 export type DateInputRenderingStyle = 'INPUT' | 'LINK' | 'BUTTON';
 /**
  * This is a date input component that can be used to select a date.
- *
- * ## Usage
- *
- * 1. Import the `LxFormsUiModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxFormsUiModule } from '@leanix/components';
- * ```
  */
 export declare class DateInputComponent implements OnChanges, OnInit, OnDestroy, ControlValueAccessor, Validator {
     private cd;

package/lib/forms-ui/components/single-select/single-select.component.d.ts

@@ -6,17 +6,6 @@ import { SingleSelectPadding } from '../../models/single-select-padding.interfac
 import { KeyboardSelectAction } from '../keyboard-select.directive';
 import * as i0 from "@angular/core";
 export type SingleSelectSize = 'default' | 'small' | 'select2' | 'large';
-/**
- * ## Usage
- *
- * 1. Import the `LxFormsModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxFormsModule } from '@leanix/components';
- * ```
- *
- * 2. Use the component in your template.
- */
 export declare class SingleSelectComponent extends BaseSelectDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {
     private cd;
     /** @internal */

package/lib/forms-ui/components/switch/switch.component.d.ts

@@ -2,14 +2,6 @@ import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Switch component is a toggle switch that can be used to switch between two states.
- *
- * ## Usage
- *
- * 1. Import the `SwitchComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { SwitchComponent } from '@leanix/components';
- * ```
  */
 export declare class SwitchComponent {
     /** Value of the switch */

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

@@ -5,14 +5,8 @@ import * as i0 from "@angular/core";
 /**
  * The Popover component is based on the [ncstate-sat/popover](https://github.com/ncstate-sat/popover) library.
  *
- * ## Usage
- *
- * 1. Import `LxPopoverUiModule` and `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxPopoverUiModule, LxCoreUiModule } from '@leanix/components';
- * ```
- *
+ * ## Examples
+
  * This popover encapsulates this open source library: https://github.com/ncstate-sat/popover,
  * make sure to also check out the docs over there.
  *

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

@@ -2,29 +2,6 @@ import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChange
 import { Observable, Subject } from 'rxjs';
 import { TabComponent } from '../tab/tab.component';
 import * as i0 from "@angular/core";
-/**
- * ## Usage
- *
- * 1. Import the `LxTabUiModule` module from `@leanix/components` in your module where you want to use the component.
- *
- * ```ts
- * import { LxTabUiModule } from '@leanix/components';
- *
- * // ...
- *
- * @NgModule({
- *   // ...
- *   imports: [
- *     // ...
- *     LxTabUiModule
- *     // ...
- *   ]
- * })
- * export class MyModule {}
- * ```
- *
- * 2. Use the component in your template.
- */
 export declare class TabGroupComponent implements OnChanges, AfterContentInit, OnDestroy {
     private cd;
     isCentered: boolean;
@@ -33,23 +10,33 @@ export declare class TabGroupComponent implements OnChanges, AfterContentInit, O
      */
     selectedIndex: number;
     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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.503",
+  "version": "0.4.505",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {