@leanix/components 0.4.731 → 0.4.732

package/fesm2022/leanix-components.mjs

@@ -224,6 +224,7 @@ const ICON_MAP = {
     'fa-info-circle': ['message-information', 'information'],
     'fa-info-square': ['message-information', 'information'],
     'fa-italic': ['italic-text'],
+    'fa-key': ['key'],
     'fa-keyboard': ['keyboard-and-mouse'],
     'fa-jira': ['rhombus-milestone'],
     'fa-lemon': ['lx-icons/lemon'],
@@ -1033,6 +1034,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 
 class EmptyStateComponent {
     constructor() {
+        /**
+         * The title to be displayed
+         */
         this.title = input.required();
         /**
          * The SAP icon to show in the empty state.
@@ -1040,12 +1044,37 @@ class EmptyStateComponent {
          * **Important:** Font Awesome icons are not supported anymore.
          */
         this.icon = input();
+        /**
+         * The main call-to-action button label
+         */
         this.buttonLabel = input();
+        /**
+         * The secondary call-to-action button label
+         */
         this.secondaryButtonLabel = input();
+        /**
+         * Whether the empty state is in a loading state. If true, main call-to-action button will show a spinner
+         */
         this.loading = input(false);
+        /**
+         * The more link label
+         */
         this.moreLinkLabel = input();
+        /**
+         * The URL of the more link
+         */
         this.moreLink = input();
+        /**
+         * Whether the more link should be opened in a new tab
+         *
+         * @default true
+         */
         this.openMoreLinkInNewTab = input(true);
+        /**
+         * The size of the empty state
+         *
+         * @default medium
+         */
         this.size = input('medium');
         this.useRouterLink = computed(() => Array.isArray(this.moreLink()));
         this.iconName = computed(() => {
@@ -1056,8 +1085,17 @@ class EmptyStateComponent {
             // Temporarily map icons, as long as consumers need to be adjusted.
             return isFontAwesomeIcon(icon) ? mapToSapIcon(icon) : icon;
         });
+        /**
+         * Emitted when the main call-to-action button is clicked
+         */
         this.buttonClicked = new EventEmitter();
+        /**
+         * Emitted when the secondary call-to-action button is clicked
+         */
         this.secondaryButtonClicked = new EventEmitter();
+        /**
+         * Emitted when the more link is clicked
+         */
         this.moreLinkClicked = new EventEmitter();
     }
     get _size() {