@leanix/components 0.4.425 → 0.4.427

package/esm2022/lib/core-ui/components/content-panel/content-panel.component.mjs

@@ -29,11 +29,11 @@ export class ContentPanelComponent {
         this.body.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:20px;line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:20px;line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"] }]
+            args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], contentPanelClose: [{
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
                 type: ViewChild,
                 args: ['body']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY29udGVudC1wYW5lbC9jb250ZW50LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb250ZW50LXBhbmVsL2NvbnRlbnQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0Q7Ozs7Ozs7Ozs7R0FVRztBQVFILE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVRSxxREFBcUQ7UUFDM0Msc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUt2RCxnQkFBZ0I7UUFDaEIsY0FBUyxHQUFHLGNBQWMsQ0FBQztLQVc1QjtJQVRDLGdCQUFnQjtJQUNoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQzs4R0FwQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsMlBDdEJsQyw2YkFhQSxxWERLWSxZQUFZLCtCQUFFLGVBQWU7OzJGQUk1QixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBTS9CLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBR1ksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbnRlbnQgcGFuZWwgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHBhbmVsIHdpdGggYSB0aXRsZSBhbmQgY29udGVudC5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYENvbnRlbnRQYW5lbENvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IENvbnRlbnRQYW5lbENvbXBvbmVudCB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29udGVudC1wYW5lbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC1wYW5lbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRQYW5lbENvbXBvbmVudCB7XG4gIC8qKiBUaGUgdGl0bGUgdGV4dCBhdCB0aGUgcGFuZWwgaGVhZGVyICovXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBjbG9zZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBAT3V0cHV0KCkgY29udGVudFBhbmVsQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAVmlld0NoaWxkKCdib2R5JykgYm9keSE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBiYXNlQ2xhc3MgPSAnY29udGVudFBhbmVsJztcblxuICAvKiogQGludGVybmFsICovXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZW50UGFuZWxDbG9zZS5lbWl0KCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xuICAgIHRoaXMuYm9keS5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwLCBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cImJhc2VDbGFzc1wiPlxuICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19SGVhZGVyXCIgI2hlYWRlcj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19VGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICAgIH1cbiAgICA8YnV0dG9uIGx4LWJ1dHRvbiBbc3F1YXJlXT1cInRydWVcIiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUNsb3NlQnV0dG9uXCIgY29sb3I9XCJsaWdodFwiIG1vZGU9XCJzb2xpZFwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUJvZHlcIiAjYm9keT5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY29udGVudC1wYW5lbC9jb250ZW50LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb250ZW50LXBhbmVsL2NvbnRlbnQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0Q7Ozs7Ozs7Ozs7R0FVRztBQVFILE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVRSxxREFBcUQ7UUFDM0Msc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUt2RCxnQkFBZ0I7UUFDaEIsY0FBUyxHQUFHLGNBQWMsQ0FBQztLQVc1QjtJQVRDLGdCQUFnQjtJQUNoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQzs4R0FwQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsMlBDdEJsQyw2YkFhQSx5WURLWSxZQUFZLCtCQUFFLGVBQWU7OzJGQUk1QixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBTS9CLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBR1ksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbnRlbnQgcGFuZWwgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHBhbmVsIHdpdGggYSB0aXRsZSBhbmQgY29udGVudC5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYENvbnRlbnRQYW5lbENvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IENvbnRlbnRQYW5lbENvbXBvbmVudCB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29udGVudC1wYW5lbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC1wYW5lbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRQYW5lbENvbXBvbmVudCB7XG4gIC8qKiBUaGUgdGl0bGUgdGV4dCBhdCB0aGUgcGFuZWwgaGVhZGVyICovXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBjbG9zZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBAT3V0cHV0KCkgY29udGVudFBhbmVsQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAVmlld0NoaWxkKCdib2R5JykgYm9keSE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBiYXNlQ2xhc3MgPSAnY29udGVudFBhbmVsJztcblxuICAvKiogQGludGVybmFsICovXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZW50UGFuZWxDbG9zZS5lbWl0KCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xuICAgIHRoaXMuYm9keS5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwLCBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cImJhc2VDbGFzc1wiPlxuICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19SGVhZGVyXCIgI2hlYWRlcj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19VGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICAgIH1cbiAgICA8YnV0dG9uIGx4LWJ1dHRvbiBbc3F1YXJlXT1cInRydWVcIiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUNsb3NlQnV0dG9uXCIgY29sb3I9XCJsaWdodFwiIG1vZGU9XCJzb2xpZFwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUJvZHlcIiAjYm9keT5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/core-ui/components/empty-state/empty-state.component.mjs

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+import { CommonModule, NgIf } from '@angular/common';
 import { Component, EventEmitter, HostBinding, Output, computed, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { ButtonComponent } from '../button/button.component';
@@ -8,7 +8,6 @@ export class EmptyStateComponent {
         this.title = input.required();
         this.icon = input();
         this.buttonLabel = input();
-        this.secondaryButtonLabel = input();
         this.loading = input(false);
         this.moreLinkLabel = input();
         this.moreLink = input();
@@ -16,26 +15,23 @@ export class EmptyStateComponent {
         this.size = input('medium');
         this.useRouterLink = computed(() => Array.isArray(this.moreLink()));
         this.buttonClicked = new EventEmitter();
-        this.secondaryButtonClicked = new EventEmitter();
         this.moreLinkClicked = new EventEmitter();
     }
     get _size() {
         return this.size();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EmptyStateComponent, isStandalone: true, selector: "lx-empty-state", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, moreLinkLabel: { classPropertyName: "moreLinkLabel", publicName: "moreLinkLabel", isSignal: true, isRequired: false, transformFunction: null }, moreLink: { classPropertyName: "moreLink", publicName: "moreLink", isSignal: true, isRequired: false, transformFunction: null }, openMoreLinkInNewTab: { classPropertyName: "openMoreLinkInNewTab", publicName: "openMoreLinkInNewTab", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked", secondaryButtonClicked: "secondaryButtonClicked", moreLinkClicked: "moreLinkClicked" }, host: { properties: { "attr.size": "this._size" } }, ngImport: i0, template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  <div class=\"tw-flex tw-justify-center tw-gap-m\">\n    @if (secondaryButtonLabel()) {\n      <div class=\"secondaryButton tw-my-xl\">\n        <button lx-button size=\"large\" [showSpinner]=\"loading()\" (click)=\"secondaryButtonClicked.emit($event)\">\n          {{ secondaryButtonLabel() }}\n        </button>\n      </div>\n    }\n\n    @if (buttonLabel()) {\n      <div class=\"actionButton tw-my-xl\">\n        <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n          {{ buttonLabel() }}\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EmptyStateComponent, isStandalone: true, selector: "lx-empty-state", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, moreLinkLabel: { classPropertyName: "moreLinkLabel", publicName: "moreLinkLabel", isSignal: true, isRequired: false, transformFunction: null }, moreLink: { classPropertyName: "moreLink", publicName: "moreLink", isSignal: true, isRequired: false, transformFunction: null }, openMoreLinkInNewTab: { classPropertyName: "openMoreLinkInNewTab", publicName: "openMoreLinkInNewTab", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked", moreLinkClicked: "moreLinkClicked" }, host: { properties: { "attr.size": "this._size" } }, ngImport: i0, template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  @if (buttonLabel()) {\n    <div class=\"actionButton tw-my-xl\">\n      <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n        {{ buttonLabel() }}\n      </button>\n    </div>\n  }\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EmptyStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-empty-state', standalone: true, imports: [CommonModule, ButtonComponent, RouterLink], template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  <div class=\"tw-flex tw-justify-center tw-gap-m\">\n    @if (secondaryButtonLabel()) {\n      <div class=\"secondaryButton tw-my-xl\">\n        <button lx-button size=\"large\" [showSpinner]=\"loading()\" (click)=\"secondaryButtonClicked.emit($event)\">\n          {{ secondaryButtonLabel() }}\n        </button>\n      </div>\n    }\n\n    @if (buttonLabel()) {\n      <div class=\"actionButton tw-my-xl\">\n        <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n          {{ buttonLabel() }}\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"] }]
+            args: [{ selector: 'lx-empty-state', standalone: true, imports: [CommonModule, NgIf, ButtonComponent, RouterLink], template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  @if (buttonLabel()) {\n    <div class=\"actionButton tw-my-xl\">\n      <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n        {{ buttonLabel() }}\n      </button>\n    </div>\n  }\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"] }]
         }], propDecorators: { _size: [{
                 type: HostBinding,
                 args: ['attr.size']
             }], buttonClicked: [{
                 type: Output
-            }], secondaryButtonClicked: [{
-                type: Output
             }], moreLinkClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBVSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBUzdELE1BQU0sT0FBTyxtQkFBbUI7SUFQaEM7UUFRRSxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBRWpDLFNBQUksR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN2QixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLHlCQUFvQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3ZDLFlBQU8sR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDaEMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxhQUFRLEdBQUcsS0FBSyxFQUFxQixDQUFDO1FBQ3RDLHlCQUFvQixHQUFHLEtBQUssQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUM1QyxTQUFJLEdBQUcsS0FBSyxDQUFxQixRQUFRLENBQUMsQ0FBQztRQUVwQyxrQkFBYSxHQUFvQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBTzdFLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQUMvQywyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBQ3hELG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQUM1RDtJQVJDLElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7OEdBakJVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGs5Q0NaaEMsMHVEQXFEQSxtbEJEN0NZLFlBQVksK0JBQUUsZUFBZSx1S0FBRSxVQUFVOzsyRkFJeEMsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDOzhCQW1CaEQsS0FBSztzQkFEUixXQUFXO3VCQUFDLFdBQVc7Z0JBS2QsYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxzQkFBc0I7c0JBQS9CLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIE91dHB1dCwgU2lnbmFsLCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1lbXB0eS1zdGF0ZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgUm91dGVyTGlua10sXG4gIHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9lbXB0eS1zdGF0ZS5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZUNvbXBvbmVudCB7XG4gIHRpdGxlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gIGljb24gPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGJ1dHRvbkxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuICBzZWNvbmRhcnlCdXR0b25MYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbiAgbG9hZGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgbW9yZUxpbmtMYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbiAgbW9yZUxpbmsgPSBpbnB1dDxzdHJpbmcgfCBzdHJpbmdbXT4oKTtcbiAgb3Blbk1vcmVMaW5rSW5OZXdUYWIgPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgc2l6ZSA9IGlucHV0PCdzbWFsbCcgfCAnbWVkaXVtJz4oJ21lZGl1bScpO1xuXG4gIHB1YmxpYyB1c2VSb3V0ZXJMaW5rOiBTaWduYWw8Ym9vbGVhbj4gPSBjb21wdXRlZCgoKSA9PiBBcnJheS5pc0FycmF5KHRoaXMubW9yZUxpbmsoKSkpO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5zaXplJylcbiAgZ2V0IF9zaXplKCkge1xuICAgIHJldHVybiB0aGlzLnNpemUoKTtcbiAgfVxuXG4gIEBPdXRwdXQoKSBidXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuICBAT3V0cHV0KCkgc2Vjb25kYXJ5QnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbiAgQE91dHB1dCgpIG1vcmVMaW5rQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0dy1tYXgtdy1bNDM0cHhdIHR3LXRleHQtY2VudGVyXCI+XG4gIEBpZiAoaWNvbigpKSB7XG4gICAgPGkgY2xhc3M9XCJlbXB0eVN0YXRlSWNvbiBmYXMgdHctdGV4dC1wcmltYXJ5XCIgW2NsYXNzXT1cIidmYS0nICsgaWNvbigpXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICB9XG5cbiAgPGgzIGNsYXNzPVwiZW1wdHktc3RhdGUtdGl0bGUgdHctbWItbSB0dy1tdC14bCB0dy1mb250LWJvbGQgdHctdGV4dC1ibGFja1wiIFtpbm5lckhUTUxdPVwidGl0bGUoKVwiPjwvaDM+XG5cbiAgPGRpdiBjbGFzcz1cImVtcHR5LXN0YXRlLWNvbnRlbnQgdHctbGVhZGluZy1bMTZweF0gdHctdGV4dC1ncmF5LTUwXCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInR3LWZsZXggdHctanVzdGlmeS1jZW50ZXIgdHctZ2FwLW1cIj5cbiAgICBAaWYgKHNlY29uZGFyeUJ1dHRvbkxhYmVsKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJzZWNvbmRhcnlCdXR0b24gdHctbXkteGxcIj5cbiAgICAgICAgPGJ1dHRvbiBseC1idXR0b24gc2l6ZT1cImxhcmdlXCIgW3Nob3dTcGlubmVyXT1cImxvYWRpbmcoKVwiIChjbGljayk9XCJzZWNvbmRhcnlCdXR0b25DbGlja2VkLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgIHt7IHNlY29uZGFyeUJ1dHRvbkxhYmVsKCkgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICB9XG5cbiAgICBAaWYgKGJ1dHRvbkxhYmVsKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25CdXR0b24gdHctbXkteGxcIj5cbiAgICAgICAgPGJ1dHRvbiBseC1idXR0b24gc2l6ZT1cImxhcmdlXCIgY29sb3I9XCJwcmltYXJ5XCIgW3Nob3dTcGlubmVyXT1cImxvYWRpbmcoKVwiIChjbGljayk9XCJidXR0b25DbGlja2VkLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgIHt7IGJ1dHRvbkxhYmVsKCkgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuXG4gIEBpZiAobW9yZUxpbmtMYWJlbCgpICYmIG1vcmVMaW5rKCkpIHtcbiAgICA8ZGl2PlxuICAgICAgQGlmICh1c2VSb3V0ZXJMaW5rKCkpIHtcbiAgICAgICAgPGFcbiAgICAgICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgICBjbGFzcz1cInR3LXRleHQtc2l6ZS1tZCB0dy10ZXh0LXByaW1hcnlcIlxuICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIm1vcmVMaW5rKClcIlxuICAgICAgICAgIChjbGljayk9XCJtb3JlTGlua0NsaWNrZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICBbdGFyZ2V0XT1cIm9wZW5Nb3JlTGlua0luTmV3VGFiKCkgPyAnX2JsYW5rJyA6ICdfc2VsZidcIlxuICAgICAgICAgID57eyBtb3JlTGlua0xhYmVsKCkgfX08L2FcbiAgICAgICAgPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxhXG4gICAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgICAgY2xhc3M9XCJ0dy10ZXh0LXNpemUtbWQgdHctdGV4dC1wcmltYXJ5XCJcbiAgICAgICAgICBbaHJlZl09XCJtb3JlTGluaygpXCJcbiAgICAgICAgICAoY2xpY2spPVwibW9yZUxpbmtDbGlja2VkLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgW3RhcmdldF09XCJvcGVuTW9yZUxpbmtJbk5ld1RhYigpID8gJ19ibGFuaycgOiAnX3NlbGYnXCJcbiAgICAgICAgICA+e3sgbW9yZUxpbmtMYWJlbCgpIH19PC9hXG4gICAgICAgID5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQVUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQVM3RCxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUVqQyxTQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDdkIsZ0JBQVcsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUM5QixZQUFPLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsYUFBUSxHQUFHLEtBQUssRUFBcUIsQ0FBQztRQUN0Qyx5QkFBb0IsR0FBRyxLQUFLLENBQVUsSUFBSSxDQUFDLENBQUM7UUFDNUMsU0FBSSxHQUFHLEtBQUssQ0FBcUIsUUFBUSxDQUFDLENBQUM7UUFFcEMsa0JBQWEsR0FBb0IsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQztRQU83RSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFDL0Msb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0tBQzVEO0lBUEMsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzs4R0FoQlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsMnZDQ1poQyw2M0NBMENBLG1sQkRsQ1ksWUFBWSwrQkFBUSxlQUFlLHVLQUFFLFVBQVU7OzJGQUk5QyxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDOzhCQWtCdEQsS0FBSztzQkFEUixXQUFXO3VCQUFDLFdBQVc7Z0JBS2QsYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgT3V0cHV0LCBTaWduYWwsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTGluayB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWVtcHR5LXN0YXRlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTmdJZiwgQnV0dG9uQ29tcG9uZW50LCBSb3V0ZXJMaW5rXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2VtcHR5LXN0YXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlQ29tcG9uZW50IHtcbiAgdGl0bGUgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG5cbiAgaWNvbiA9IGlucHV0PHN0cmluZz4oKTtcbiAgYnV0dG9uTGFiZWwgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGxvYWRpbmcgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIG1vcmVMaW5rTGFiZWwgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIG1vcmVMaW5rID0gaW5wdXQ8c3RyaW5nIHwgc3RyaW5nW10+KCk7XG4gIG9wZW5Nb3JlTGlua0luTmV3VGFiID0gaW5wdXQ8Ym9vbGVhbj4odHJ1ZSk7XG4gIHNpemUgPSBpbnB1dDwnc21hbGwnIHwgJ21lZGl1bSc+KCdtZWRpdW0nKTtcblxuICBwdWJsaWMgdXNlUm91dGVyTGluazogU2lnbmFsPGJvb2xlYW4+ID0gY29tcHV0ZWQoKCkgPT4gQXJyYXkuaXNBcnJheSh0aGlzLm1vcmVMaW5rKCkpKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuc2l6ZScpXG4gIGdldCBfc2l6ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zaXplKCk7XG4gIH1cblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbiAgQE91dHB1dCgpIG1vcmVMaW5rQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0dy1tYXgtdy1bNDM0cHhdIHR3LXRleHQtY2VudGVyXCI+XG4gIEBpZiAoaWNvbigpKSB7XG4gICAgPGkgY2xhc3M9XCJlbXB0eVN0YXRlSWNvbiBmYXMgdHctdGV4dC1wcmltYXJ5XCIgW2NsYXNzXT1cIidmYS0nICsgaWNvbigpXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICB9XG5cbiAgPGgzIGNsYXNzPVwiZW1wdHktc3RhdGUtdGl0bGUgdHctbWItbSB0dy1tdC14bCB0dy1mb250LWJvbGQgdHctdGV4dC1ibGFja1wiIFtpbm5lckhUTUxdPVwidGl0bGUoKVwiPjwvaDM+XG5cbiAgPGRpdiBjbGFzcz1cImVtcHR5LXN0YXRlLWNvbnRlbnQgdHctbGVhZGluZy1bMTZweF0gdHctdGV4dC1ncmF5LTUwXCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgPC9kaXY+XG5cbiAgQGlmIChidXR0b25MYWJlbCgpKSB7XG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbkJ1dHRvbiB0dy1teS14bFwiPlxuICAgICAgPGJ1dHRvbiBseC1idXR0b24gc2l6ZT1cImxhcmdlXCIgY29sb3I9XCJwcmltYXJ5XCIgW3Nob3dTcGlubmVyXT1cImxvYWRpbmcoKVwiIChjbGljayk9XCJidXR0b25DbGlja2VkLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICB7eyBidXR0b25MYWJlbCgpIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgfVxuICBAaWYgKG1vcmVMaW5rTGFiZWwoKSAmJiBtb3JlTGluaygpKSB7XG4gICAgPGRpdj5cbiAgICAgIEBpZiAodXNlUm91dGVyTGluaygpKSB7XG4gICAgICAgIDxhXG4gICAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgICAgY2xhc3M9XCJ0dy10ZXh0LXNpemUtbWQgdHctdGV4dC1wcmltYXJ5XCJcbiAgICAgICAgICBbcm91dGVyTGlua109XCJtb3JlTGluaygpXCJcbiAgICAgICAgICAoY2xpY2spPVwibW9yZUxpbmtDbGlja2VkLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgW3RhcmdldF09XCJvcGVuTW9yZUxpbmtJbk5ld1RhYigpID8gJ19ibGFuaycgOiAnX3NlbGYnXCJcbiAgICAgICAgICA+e3sgbW9yZUxpbmtMYWJlbCgpIH19PC9hXG4gICAgICAgID5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8YVxuICAgICAgICAgIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgICAgIGNsYXNzPVwidHctdGV4dC1zaXplLW1kIHR3LXRleHQtcHJpbWFyeVwiXG4gICAgICAgICAgW2hyZWZdPVwibW9yZUxpbmsoKVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm1vcmVMaW5rQ2xpY2tlZC5lbWl0KCRldmVudClcIlxuICAgICAgICAgIFt0YXJnZXRdPVwib3Blbk1vcmVMaW5rSW5OZXdUYWIoKSA/ICdfYmxhbmsnIDogJ19zZWxmJ1wiXG4gICAgICAgICAgPnt7IG1vcmVMaW5rTGFiZWwoKSB9fTwvYVxuICAgICAgICA+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19

package/fesm2022/leanix-components.mjs

@@ -753,7 +753,6 @@ class EmptyStateComponent {
         this.title = input.required();
         this.icon = input();
         this.buttonLabel = input();
-        this.secondaryButtonLabel = input();
         this.loading = input(false);
         this.moreLinkLabel = input();
         this.moreLink = input();
@@ -761,25 +760,22 @@ class EmptyStateComponent {
         this.size = input('medium');
         this.useRouterLink = computed(() => Array.isArray(this.moreLink()));
         this.buttonClicked = new EventEmitter();
-        this.secondaryButtonClicked = new EventEmitter();
         this.moreLinkClicked = new EventEmitter();
     }
     get _size() {
         return this.size();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EmptyStateComponent, isStandalone: true, selector: "lx-empty-state", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, moreLinkLabel: { classPropertyName: "moreLinkLabel", publicName: "moreLinkLabel", isSignal: true, isRequired: false, transformFunction: null }, moreLink: { classPropertyName: "moreLink", publicName: "moreLink", isSignal: true, isRequired: false, transformFunction: null }, openMoreLinkInNewTab: { classPropertyName: "openMoreLinkInNewTab", publicName: "openMoreLinkInNewTab", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked", secondaryButtonClicked: "secondaryButtonClicked", moreLinkClicked: "moreLinkClicked" }, host: { properties: { "attr.size": "this._size" } }, ngImport: i0, template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  <div class=\"tw-flex tw-justify-center tw-gap-m\">\n    @if (secondaryButtonLabel()) {\n      <div class=\"secondaryButton tw-my-xl\">\n        <button lx-button size=\"large\" [showSpinner]=\"loading()\" (click)=\"secondaryButtonClicked.emit($event)\">\n          {{ secondaryButtonLabel() }}\n        </button>\n      </div>\n    }\n\n    @if (buttonLabel()) {\n      <div class=\"actionButton tw-my-xl\">\n        <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n          {{ buttonLabel() }}\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EmptyStateComponent, isStandalone: true, selector: "lx-empty-state", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, moreLinkLabel: { classPropertyName: "moreLinkLabel", publicName: "moreLinkLabel", isSignal: true, isRequired: false, transformFunction: null }, moreLink: { classPropertyName: "moreLink", publicName: "moreLink", isSignal: true, isRequired: false, transformFunction: null }, openMoreLinkInNewTab: { classPropertyName: "openMoreLinkInNewTab", publicName: "openMoreLinkInNewTab", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked", moreLinkClicked: "moreLinkClicked" }, host: { properties: { "attr.size": "this._size" } }, ngImport: i0, template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  @if (buttonLabel()) {\n    <div class=\"actionButton tw-my-xl\">\n      <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n        {{ buttonLabel() }}\n      </button>\n    </div>\n  }\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EmptyStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-empty-state', standalone: true, imports: [CommonModule, ButtonComponent, RouterLink], template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  <div class=\"tw-flex tw-justify-center tw-gap-m\">\n    @if (secondaryButtonLabel()) {\n      <div class=\"secondaryButton tw-my-xl\">\n        <button lx-button size=\"large\" [showSpinner]=\"loading()\" (click)=\"secondaryButtonClicked.emit($event)\">\n          {{ secondaryButtonLabel() }}\n        </button>\n      </div>\n    }\n\n    @if (buttonLabel()) {\n      <div class=\"actionButton tw-my-xl\">\n        <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n          {{ buttonLabel() }}\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"] }]
+            args: [{ selector: 'lx-empty-state', standalone: true, imports: [CommonModule, NgIf, ButtonComponent, RouterLink], template: "<div class=\"tw-max-w-[434px] tw-text-center\">\n  @if (icon()) {\n    <i class=\"emptyStateIcon fas tw-text-primary\" [class]=\"'fa-' + icon()\" aria-hidden=\"true\"></i>\n  }\n\n  <h3 class=\"empty-state-title tw-mb-m tw-mt-xl tw-font-bold tw-text-black\" [innerHTML]=\"title()\"></h3>\n\n  <div class=\"empty-state-content tw-leading-[16px] tw-text-gray-50\">\n    <ng-content />\n  </div>\n\n  @if (buttonLabel()) {\n    <div class=\"actionButton tw-my-xl\">\n      <button lx-button size=\"large\" color=\"primary\" [showSpinner]=\"loading()\" (click)=\"buttonClicked.emit($event)\">\n        {{ buttonLabel() }}\n      </button>\n    </div>\n  }\n  @if (moreLinkLabel() && moreLink()) {\n    <div>\n      @if (useRouterLink()) {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [routerLink]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      } @else {\n        <a\n          rel=\"noopener noreferrer\"\n          class=\"tw-text-size-md tw-text-primary\"\n          [href]=\"moreLink()\"\n          (click)=\"moreLinkClicked.emit($event)\"\n          [target]=\"openMoreLinkInNewTab() ? '_blank' : '_self'\"\n          >{{ moreLinkLabel() }}</a\n        >\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;justify-content:center}:host .emptyStateIcon{font-size:var(--lxFontHeader1Size, 32px)}:host[size=small] .empty-state-title{font-size:var(--lxFontSize, 13.5px)}:host[size=small] .empty-state-content{font-size:var(--lxFontSmallSize, 12px)}:host[size=medium] .empty-state-title{font-size:24px}:host[size=medium] .empty-state-content{font-size:13px}i{position:relative}i:after{content:\"\";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:6px;width:44px;background-color:#f0f2f5;border-radius:100%}\n"] }]
         }], propDecorators: { _size: [{
                 type: HostBinding,
                 args: ['attr.size']
             }], buttonClicked: [{
                 type: Output
-            }], secondaryButtonClicked: [{
-                type: Output
             }], moreLinkClicked: [{
                 type: Output
             }] } });
@@ -2416,11 +2412,11 @@ class ContentPanelComponent {
         this.body.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:20px;line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:20px;line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"] }]
+            args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n  <div class=\"{{ baseClass }}Header\" #header>\n    @if (title) {\n      <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n    }\n    <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n      <i class=\"far fa-times\"></i>\n    </button>\n  </div>\n  <div class=\"{{ baseClass }}Body\" #body>\n    <ng-content />\n  </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], contentPanelClose: [{