@leanix/components 0.4.853 → 0.4.855

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.853",
+  "version": "0.4.855",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {
@@ -9,7 +9,7 @@
     "directory": "libs/components"
   },
   "dependencies": {
-    "@ncstate/sat-popover": "14.1.0",
+    "@ncstate/sat-popover": "15.0.0",
     "@tiptap/core": "2.7.0",
     "@tiptap/extension-bold": "2.6.6",
     "@tiptap/extension-bubble-menu": "2.6.6",
@@ -50,18 +50,18 @@
     "lodash": "4.18.1",
     "lodash-es": "4.18.1",
     "marked": "4.0.10",
-    "ngx-infinite-scroll": "19.0.0",
+    "ngx-infinite-scroll": "20.0.0",
     "tiptap-markdown": "0.8.10",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/animations": "19.2.18",
-    "@angular/cdk": "19.2.18",
-    "@angular/common": "19.2.18",
-    "@angular/core": "19.2.18",
-    "@angular/forms": "19.2.18",
-    "@angular/platform-browser": "19.2.18",
-    "@angular/router": "19.2.18",
+    "@angular/animations": "20.3.9",
+    "@angular/cdk": "20.2.9",
+    "@angular/common": "20.3.9",
+    "@angular/core": "20.3.9",
+    "@angular/forms": "20.3.9",
+    "@angular/platform-browser": "20.3.9",
+    "@angular/router": "20.3.9",
     "@ngx-translate/core": "16.0.4",
     "rxjs": "7.8.1"
   },

package/ui5/index.d.ts

@@ -1,10 +1,90 @@
-/**
- * All UI5-related components / directives supported by the SAP LeanIX Design System.
- */
-export * from './ui5.provider';
+import * as i0 from '@angular/core';
 export { BusyIndicatorComponent } from '@ui5/webcomponents-ngx/main/busy-indicator';
 export { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
-export type { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs.js';
-export { BreadcrumbsItemComponent } from './components/breadcrumbs-item.component';
-export { BreadcrumbsComponent } from './components/breadcrumbs.component';
-export { getOuterHtmlWithShadowDom } from './utils/get-outer-html-with-shadow-dom';
+import { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs.js';
+export { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs.js';
+import * as _angular_router from '@angular/router';
+import { BreadcrumbsItemComponent as BreadcrumbsItemComponent$1 } from '@ui5/webcomponents-ngx/main/breadcrumbs-item';
+import { BreadcrumbsComponent as BreadcrumbsComponent$1 } from '@ui5/webcomponents-ngx/main/breadcrumbs';
+
+/**
+ * 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()]
+ * });
+ * ```
+ */
+declare const provideUi5: () => i0.EnvironmentProviders;
+
+/**
+ * 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
+ *
+ */
+declare class BreadcrumbsItemComponent extends BreadcrumbsItemComponent$1 {
+    private readonly router;
+    private readonly routerLinkInstance;
+    private readonly locationStrategy;
+    readonly routerLink: i0.InputSignal<string | readonly any[] | _angular_router.UrlTree | null | undefined>;
+    readonly updateBreadcrumbHref: i0.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>;
+}
+
+/**
+ * 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>
+ * ```
+ */
+declare class BreadcrumbsComponent extends BreadcrumbsComponent$1 {
+    /**
+     * @internal
+     */
+    onClick(event: CustomEvent<BreadcrumbsItemClickEventDetail>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "ui5-breadcrumbs", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ *
+ * 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).
+ */
+declare function getOuterHtmlWithShadowDom(rootNode: HTMLElement): string;
+
+export { BreadcrumbsComponent, BreadcrumbsItemComponent, getOuterHtmlWithShadowDom, provideUi5 };

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

@@ -1,45 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import { ImageReader, User, UserAvatarSize } from './avatar.model';
-import * as i0 from "@angular/core";
-/**
- * Avatar component displays a user's profile picture or a placeholder icon for technical users.
- * Optionally includes a mailto link when an email is provided.
- *
- * ### Example
- * @example
- * ```html
- * <lx-avatar [user]="currentUser" size="M" />
- * <lx-avatar [user]="{ displayName: 'Bot', technicalUser: true }" [showMailToLink]="false" />
- * <lx-avatar [user]="inactiveUser" [disabled]="true" size="S" />
- * ```
- */
-export declare class AvatarComponent implements OnChanges {
-    private imageReader;
-    /**
-     * The user object containing display name, email, and optional technicalUser flag.
-     */
-    user: User & {
-        technicalUser?: boolean;
-    };
-    /**
-     * The size of the avatar.
-     * @default 'M'
-     */
-    size: UserAvatarSize;
-    /**
-     * Whether to show a mailto link when clicking on the avatar.
-     * @default true
-     */
-    showMailToLink: boolean;
-    /**
-     * Whether the avatar should appear in a disabled state.
-     * @default false
-     */
-    disabled: boolean;
-    readonly NAME = "AvatarComponent";
-    imageURL: Promise<string>;
-    constructor(imageReader: ImageReader);
-    ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "lx-avatar", never, { "user": { "alias": "user"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showMailToLink": { "alias": "showMailToLink"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/core-ui/components/avatar/avatar.helpers.d.ts

@@ -1,8 +0,0 @@
-import { UserAvatarSize } from './avatar.model';
-/**
- * Generates an SVG for the avatar initials
- * @param displayName The name of the user
- * @param size The size of the avatar
- * @returns A promise with the data URL of the generated SVG
- */
-export declare function getInitialsUrl(displayName: string, size?: UserAvatarSize): Promise<string>;

package/lib/core-ui/components/avatar/avatar.model.d.ts

@@ -1,38 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Observable } from 'rxjs';
-/** This is a temporary storage for our user and image related models, before we find a better place for them
- *
- * We relocated the models here to facilitate moving the avatar and avatar group components out of the user-ui directory.
- *
- * This ensures we maintain a single source of truth and adhere to the current strict no-shared-nx policy, since all
- * libraries and apps already support importing from `@leanix/components` already.
- */
-export type UserAvatarSize = 'XS' | 'S' | 'M' | 'L' | 'XL';
-export interface ImageReader {
-    getAvatar(userId?: string, size?: UserAvatarSize, displayName?: string): Promise<string>;
-    getAvatarUrl(userId?: string, size?: UserAvatarSize): string;
-    getStorageServiceAvatarUrl(userId?: string, size?: UserAvatarSize): string;
-    getThumbnailUrl(imageId: string): string;
-    loadThumbnail(imageId: string): Observable<string>;
-}
-export declare const IMAGE_READER: InjectionToken<ImageReader>;
-export declare const DEFAULT_IMAGE_ID = "00000000-0000-4000-0000-000000000001";
-/**
- * This User model includes common properties that the ui avatar components care about in order to respresent a user
- * in the UI.
- */
-export interface User {
-    id?: string;
-    displayName?: string;
-    email?: string;
-    firstName?: string;
-    lastName?: string;
-}
-export declare const AVATAR_SIZE_MAPPING: {
-    XS: number;
-    S: number;
-    M: number;
-    L: number;
-    XL: number;
-};
-export declare const AVATAR_COLORS: string[];

package/lib/core-ui/components/avatar-group/avatar-group.component.d.ts

@@ -1,75 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
-import { ResizeObserverService } from '../../services/resize-observer.service';
-import { User, UserAvatarSize } from '../avatar/avatar.model';
-import * as i0 from "@angular/core";
-/**
- * Avatar group component displays multiple user avatars in a compact layout.
- * Supports automatic overflow handling with a "+N" indicator and overlay expansion.
- * Includes tooltip showing all user names on hover and click-to-expand functionality.
- *
- * ### Example
- * @example
- * ```html
- * <lx-avatar-group [users]="teamMembers" size="M" />
- * <lx-avatar-group [users]="assignees" type="individual" [maxLength]="5" />
- * <lx-avatar-group
- *   [users]="participants"
- *   [title]="'Project Team'"
- *   [disabledUserIds]="inactiveUserIds"
- *   [autoScale]="true"
- * />
- * ```
- */
-export declare class AvatarGroupComponent implements AfterViewInit, OnDestroy {
-    private cdr;
-    private zone;
-    private resizeObserverService;
-    readonly NAME = "AvatarGroupComponent";
-    /**
-     * Optional title displayed in the expanded overlay.
-     */
-    title?: string;
-    /**
-     * Array of user objects to display as avatars.
-     * @default []
-     */
-    users: (User & {
-        technicalUser?: boolean;
-    })[];
-    /**
-     * The size of all avatars in the group.
-     * @default 'M'
-     */
-    size: UserAvatarSize;
-    /**
-     * The display type: 'individual' for separate avatars or 'group' for overlapping.
-     * @default 'group'
-     */
-    type: 'individual' | 'group';
-    /**
-     * Maximum number of avatars to display before showing "+N" indicator.
-     * @default 0
-     */
-    maxLength: number;
-    /**
-     * Whether to automatically scale down avatars to fit container width.
-     * @default false
-     */
-    autoScale: boolean;
-    /**
-     * Array of user IDs that should be displayed in a disabled state.
-     * @default []
-     */
-    disabledUserIds: string[];
-    userGroupElement: ElementRef<HTMLElement>;
-    get userNames(): string;
-    overlayVisible: boolean;
-    constructor(cdr: ChangeDetectorRef, zone: NgZone, resizeObserverService: ResizeObserverService);
-    ngAfterViewInit(): void;
-    handleClick(event: Event): void;
-    ngOnDestroy(): void;
-    isUserDisabled(user: User): boolean;
-    userTrackBy(index: number, user: User): string | number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroupComponent, "lx-avatar-group", never, { "title": { "alias": "title"; "required": false; }; "users": { "alias": "users"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autoScale": { "alias": "autoScale"; "required": false; }; "disabledUserIds": { "alias": "disabledUserIds"; "required": false; }; }, {}, never, never, true, never>;
-}

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

@@ -1,27 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Badge component is used to show a small piece of information in a colored badge.
- * Commonly used for status indicators, counts, or labels.
- *
- * ### Example
- * @example
- * ```html
- * <lx-badge [content]="42" color="blue" />
- * <lx-badge [content]="'New'" color="green" />
- * <lx-badge [content]="errorCount" color="red" />
- * ```
- */
-export declare class BadgeComponent {
-    /**
-     * The content to show in the badge
-     */
-    content: string | number;
-    /**
-     * The color of the badge component
-     * @default 'blue'
-     */
-    color: 'blue' | 'gray' | 'red' | 'yellow' | 'green' | 'purple' | 'white';
-    get colorClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "lx-badge", never, { "content": { "alias": "content"; "required": true; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
-}

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

@@ -1,40 +0,0 @@
-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.
- * Banners automatically display an icon based on the type when using the 'big' size.
- *
- * ### Projection slots
- * - Default slot: Main content of the banner (text, links, actions)
- *
- * ### Example
- * @example
- * ```html
- * <lx-banner [type]="'warning'" [size]="'big'">
- *   <p>Your session will expire in 5 minutes.</p>
- * </lx-banner>
- *
- * <lx-banner [type]="'success'" [size]="'small'">
- *   Changes saved successfully!
- * </lx-banner>
- * ```
- */
-export declare class BannerComponent {
-    /**
-     * The type of the banner
-     * @default BANNER_TYPE.WARNING
-     */
-    readonly type: import("@angular/core").InputSignal<BannerTypes>;
-    /**
-     * The size of the banner
-     * @default BANNER_SIZE.BIG
-     */
-    readonly size: import("@angular/core").InputSignal<BannerSizes>;
-    protected readonly showIcon: import("@angular/core").Signal<boolean>;
-    protected readonly iconName: import("@angular/core").Signal<string>;
-    protected readonly iconDesign: import("@angular/core").Signal<"Contrast" | "Critical" | "Default" | "Information" | "Negative" | "Neutral" | "NonInteractive" | "Positive">;
-    private getIconName;
-    private getIconDesign;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BannerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "lx-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

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

@@ -1,14 +0,0 @@
-type ObjectValues<T> = T[keyof T];
-export declare const BANNER_TYPE: {
-    readonly SUCCESS: "success";
-    readonly INFO: "info";
-    readonly WARNING: "warning";
-    readonly DANGER: "danger";
-};
-export type BannerTypes = ObjectValues<typeof BANNER_TYPE>;
-export declare const BANNER_SIZE: {
-    readonly BIG: "big";
-    readonly SMALL: "small";
-};
-export type BannerSizes = ObjectValues<typeof BANNER_SIZE>;
-export {};

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

@@ -1,87 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * 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.
- *
- * ### Projection slots
- * - Default slot: Button label or content
- *
- * ### Example
- * @example
- * ```html
- * <button lx-button color="primary" size="medium">Save</button>
- * <button lx-button icon="delete" color="danger" mode="outline">Delete</button>
- * <button lx-button [showSpinner]="isLoading" [disabled]="isLoading">Submit</button>
- * <button lx-button icon="download" endIcon="slim-arrow-down" mode="ghost">Export</button>
- * <button lx-button icon="action-settings" [square]="true" [circle]="true" mode="ghost"></button>
- * ```
- */
-export declare class ButtonComponent {
-    /**
-     * The size of the button.
-     * @default 'medium'
-     */
-    size: 'small' | 'medium' | 'large' | 'auto';
-    /**
-     * The color of the button.
-     * @default 'default'
-     */
-    color: 'default' | 'primary' | 'danger' | 'success' | 'light';
-    /**
-     * The mode of the button.
-     * @default 'solid'
-     */
-    mode: 'solid' | 'ghost' | 'outline' | 'link';
-    /**
-     * The pressed state of the button. This simulates the `:active` state of the button.
-     * @default false
-     */
-    pressed: boolean;
-    /**
-     * The selected state of the button. This simulates the `:hover` state of the button.
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * This makes the button square.
-     * @default false
-     */
-    square: boolean;
-    /**
-     * This makes corners rounded. Use with `square` for a true circle.
-     * @default false
-     */
-    circle: boolean;
-    /**
-     * This disables the button.
-     * @default false
-     */
-    disabled: boolean;
-    get hasIcon(): boolean;
-    /**
-     * The SAP icon to display inside the button.
-     * It is displayed before any additional content.
-     *
-     * @default undefined
-     * @example
-     * <button lx-button icon="decline">Close</button>
-     */
-    readonly icon: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * The SAP icon to display inside the button.
-     * It is displayed after any additional content.
-     *
-     * @default undefined
-     * @example
-     * <button lx-button endIcon="decline">Close</button>
-     */
-    readonly endIcon: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * This shows a spinner inside the button.
-     * @default false
-     */
-    showSpinner: boolean;
-    get isDisabled(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[lx-button]", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "square": { "alias": "square"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; }, {}, never, ["*"], true, never>;
-}

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

@@ -1,34 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Button group component arranges multiple buttons in a horizontal layout with configurable separators.
- * Use 'margin' for spaced buttons or 'border' for connected buttons with dividing lines.
- *
- * ### Projection slots
- * - Default slot: Button elements to display in the group
- *
- * ### Example
- * @example
- * ```html
- * <lx-button-group separator="margin">
- *   <button lx-button color="primary">Save</button>
- *   <button lx-button>Cancel</button>
- * </lx-button-group>
- *
- * <lx-button-group separator="border">
- *   <button lx-button mode="outline">View</button>
- *   <button lx-button mode="outline">Edit</button>
- *   <button lx-button mode="outline">Delete</button>
- * </lx-button-group>
- * ```
- */
-export declare class ButtonGroupComponent {
-    /**
-     * The type of separator between buttons: 'margin' for spacing or 'border' for dividing lines.
-     * @default 'margin'
-     */
-    separator: 'margin' | 'border';
-    get hasMarginSeperator(): boolean;
-    get hasBorderSeparator(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "lx-button-group", never, { "separator": { "alias": "separator"; "required": false; }; }, {}, never, ["*"], true, never>;
-}

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

@@ -1,26 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * A simple container component for displaying content in a card-like style.
- * Provides consistent styling and layout for grouped content.
- *
- * ### Projection slots
- * - Default slot: All card content including title, body, and any other elements
- *
- * ### Example
- * @example
- * ```html
- * <lx-card [dataStyle]="'white'">
- *   <h3>Card Title</h3>
- *   <p>Card content goes here.</p>
- * </lx-card>
- * ```
- */
-export declare class CardComponent {
-    /**
-     * The visual style variant of the card.
-     * @default 'white'
-     */
-    dataStyle: 'white';
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "lx-card", never, { "dataStyle": { "alias": "dataStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
-}

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

@@ -1,56 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { ButtonComponent } from '../button/button.component';
-import * as i0 from "@angular/core";
-/**
- * An expandable and collapsible section container with a toggle button.
- * Useful for organizing content that can be shown or hidden on demand.
- *
- * ### Projection slots
- * - Default slot: The title or header content that is always visible. The entire component is clickable to toggle.
- *
- * ### Example
- * @example
- * ```html
- * <lx-collapsible [toggleTitle]="'Show Details'" [(collapsed)]="isCollapsed">
- *   <h3>Section Title</h3>
- *   <span class="subtitle">Additional info</span>
- * </lx-collapsible>
- * ```
- */
-export declare class CollapsibleComponent {
-    readonly NAME = "CollapsibleComponent";
-    /**
-     * When true, prevents the section from being toggled. The toggle button remains visible but disabled.
-     * @default false
-     */
-    disableSectionToggle: boolean;
-    /**
-     * When true, hides the toggle button entirely. The section cannot be collapsed/expanded.
-     * @default false
-     */
-    hideSectionToggle: boolean;
-    /**
-     * Size of the toggle button (arrow icon).
-     * @default 'small'
-     */
-    toggleSize: ButtonComponent['size'];
-    /**
-     * Text label displayed as the title attribute of the toggle button for accessibility.
-     * @default ''
-     */
-    toggleTitle: string;
-    /**
-     * Whether the section is currently collapsed. Can be used with two-way binding.
-     * @default false
-     */
-    collapsed: boolean;
-    /**
-     * Emitted when the collapsed state changes, either through user interaction or programmatic changes.
-     */
-    collapsedChange: EventEmitter<boolean>;
-    get notClickable(): boolean;
-    onClick(event: MouseEvent): void;
-    onToggleSection(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CollapsibleComponent, "lx-collapsible", never, { "disableSectionToggle": { "alias": "disableSectionToggle"; "required": false; }; "hideSectionToggle": { "alias": "hideSectionToggle"; "required": false; }; "toggleSize": { "alias": "toggleSize"; "required": false; }; "toggleTitle": { "alias": "toggleTitle"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
-}

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

@@ -1,32 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Counter component is used to create a counter with different styles and sizes.
- * Useful for displaying notification counts, item quantities, or numeric indicators.
- *
- * ### Example
- * @example
- * ```html
- * <lx-counter [content]="5" color="primary" size="default" />
- * <lx-counter [content]="99" color="red" size="small" />
- * <lx-counter [content]="unreadCount" color="green" />
- * ```
- */
-export declare class CounterComponent {
-    /**
-     * The content of the counter.
-     */
-    content?: string | number;
-    /**
-     * The size of the counter.
-     * @default 'default'
-     */
-    size: 'default' | 'small';
-    /**
-     * The color of the counter.
-     * @default 'primary'
-     */
-    color: 'primary' | 'gray' | 'darkgray' | 'red' | 'yellow' | 'green';
-    get classes(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CounterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CounterComponent, "lx-counter", never, { "content": { "alias": "content"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
-}