@leanix/components 0.4.443 → 0.4.445

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

@@ -1,17 +1,32 @@
+import { InjectionToken } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * @internal
+ * Opt-in to render SAP icons in the `ButtonComponent`
+ */
+export declare const LX_BUTTON_USE_SAP_ICONS: InjectionToken<BehaviorSubject<boolean>>;
+/**
+ * @internal
+ * Maps font awesome icons to SAP icons to toggle icons in `ButtonComponent`.
+ * Required if `LX_BUTTON_USE_SAP_ICONS` is provided with `true`.
+ */
+export declare const LX_BUTTON_ICON_MAP: InjectionToken<Record<string, string[]>>;
 /**
  * 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 `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
+ * 1. Import the `ButtonComponent` from `@leanix/components` where you want to use the component.
  *
  * ```ts
- * import { LxCoreUiModule } from '@leanix/components';
+ * import { ButtonComponent } from '@leanix/components';
  * ```
  */
 export declare class ButtonComponent {
+    private readonly iconMap;
+    protected readonly useSAPIcons: import("@angular/core").Signal<boolean | undefined>;
     /**
      * The size of the button.
      */
@@ -44,11 +59,33 @@ export declare class ButtonComponent {
      * This disables the button.
      */
     disabled: boolean;
+    get hasIcon(): boolean;
+    /**
+     * The icon name (font-awesome) to display inside the button.
+     * It is displayed before any additional content.
+     *
+     * @default undefined
+     * @example
+     * <button lx-button icon="fa-times">Close</button>
+     */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly iconName: import("@angular/core").Signal<string | null>;
+    /**
+     * The icon name (font-awesome) to display inside the button.
+     * It is displayed after any additional content.
+     *
+     * @default undefined
+     * @example
+     * <button lx-button endIcon="fa-times">Close</button>
+     */
+    readonly endIcon: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly endIconName: import("@angular/core").Signal<string | null>;
     /**
      * This shows a spinner inside the button.
      */
     showSpinner: boolean;
     get isDisabled(): boolean;
+    private getMappedIconName;
     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; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; }, {}, never, ["*"], true, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.443",
+  "version": "0.4.445",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@ncstate/sat-popover": "13.1.0",
+    "@ui5/webcomponents-ngx": "0.3.1",
     "color": "3.1.3",
     "date-fns": "1.30.1",
     "dompurify": "2.5.4",