npm - @leanix/components - Versions diffs - 0.4.255 → 0.4.256 - Mend

@leanix/components 0.4.255 → 0.4.256

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/esm2022/lib/core-ui/components/integration-link-card/integration-link-card.component.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { RouterLink } from '@angular/router';
 import { TooltipDirective } from '../../tooltip/tooltip.directive';
 import { BadgeComponent } from '../badge/badge.component';
 import { ButtonComponent } from '../button/button.component';
@@ -15,11 +16,11 @@ export class IntegrationLinkCardComponent {
         this.linkClicked.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: IntegrationLinkCardComponent, isStandalone: true, selector: "lx-integration-link-card", inputs: { sourceIconClasses: "sourceIconClasses", sourceName: "sourceName", title: "title", externalLink: "externalLink", linkHref: "linkHref", tooltipContent: "tooltipContent", badgeContent: "badgeContent", actionButtonName: "actionButtonName", timestamp: "timestamp", tertiaryInfo: "tertiaryInfo" }, outputs: { actionButtonClicked: "actionButtonClicked", linkClicked: "linkClicked" }, ngImport: i0, template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (linkHref) {\n  <div class=\"integration-link-card-link\">\n    <a\n      [href]=\"linkHref\"\n      [attr.target]=\"externalLink ? '_blank' : null\"\n      [attr.rel]=\"externalLink ? 'noopener norefferer' : null\"\n      [lxTooltip]=\"tooltipContent\"\n      [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n      (click)=\"onLinkClicked($event)\"\n    >\n      @if (externalLink) {\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      } @else {\n        <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n      }\n    </a>\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[lxTooltip]", inputs: ["lxTooltip", "lxTooltipPosition", "lxTooltipDelay", "lxTooltipIsHtmlContent"] }, { kind: "component", type: BadgeComponent, selector: "lx-badge", inputs: ["content", "color", "calculateColorsDynamically"] }, { 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: "17.1.0", type: IntegrationLinkCardComponent, isStandalone: true, selector: "lx-integration-link-card", inputs: { sourceIconClasses: "sourceIconClasses", sourceName: "sourceName", title: "title", link: "link", externalLink: "externalLink", tooltipContent: "tooltipContent", badgeContent: "badgeContent", actionButtonName: "actionButtonName", timestamp: "timestamp", tertiaryInfo: "tertiaryInfo" }, outputs: { actionButtonClicked: "actionButtonClicked", linkClicked: "linkClicked" }, ngImport: i0, template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (link) {\n  <div class=\"integration-link-card-link\">\n    @if (externalLink) {\n      <a\n        [href]=\"link\"\n        [attr.target]=\"'_blank'\"\n        [attr.rel]=\"'noopener norefferer'\"\n        [lxTooltip]=\"tooltipContent\"\n        [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n        (click)=\"onLinkClicked($event)\"\n      >\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      </a>\n    } @else {\n      @if (link.startsWith('http')) {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [href]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      } @else {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [routerLink]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      }\n    }\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[lxTooltip]", inputs: ["lxTooltip", "lxTooltipPosition", "lxTooltipDelay", "lxTooltipIsHtmlContent"] }, { kind: "component", type: BadgeComponent, selector: "lx-badge", inputs: ["content", "color", "calculateColorsDynamically"] }, { 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: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-integration-link-card', standalone: true, imports: [TooltipDirective, BadgeComponent, ButtonComponent], template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (linkHref) {\n  <div class=\"integration-link-card-link\">\n    <a\n      [href]=\"linkHref\"\n      [attr.target]=\"externalLink ? '_blank' : null\"\n      [attr.rel]=\"externalLink ? 'noopener norefferer' : null\"\n      [lxTooltip]=\"tooltipContent\"\n      [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n      (click)=\"onLinkClicked($event)\"\n    >\n      @if (externalLink) {\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      } @else {\n        <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n      }\n    </a>\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"] }]
+            args: [{ selector: 'lx-integration-link-card', standalone: true, imports: [TooltipDirective, BadgeComponent, ButtonComponent, RouterLink], template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (link) {\n  <div class=\"integration-link-card-link\">\n    @if (externalLink) {\n      <a\n        [href]=\"link\"\n        [attr.target]=\"'_blank'\"\n        [attr.rel]=\"'noopener norefferer'\"\n        [lxTooltip]=\"tooltipContent\"\n        [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n        (click)=\"onLinkClicked($event)\"\n      >\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      </a>\n    } @else {\n      @if (link.startsWith('http')) {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [href]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      } @else {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [routerLink]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      }\n    }\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"] }]
         }], propDecorators: { sourceIconClasses: [{
                 type: Input,
                 args: [{ required: true }]
@@ -29,10 +30,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }], title: [{
                 type: Input,
                 args: [{ required: true }]
-            }], externalLink: [{
+            }], link: [{
                 type: Input,
                 args: [{ required: false }]
-            }], linkHref: [{
+            }], externalLink: [{
                 type: Input,
                 args: [{ required: false }]
             }], tooltipContent: [{
@@ -55,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }], linkClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFTN0QsTUFBTSxPQUFPLDRCQUE0QjtJQVB6QztRQXFCWSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQy9DLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQVN4RDtJQVBDLHFCQUFxQjtRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFpQjtRQUM3QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOzhHQXZCVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qix1ZENaekMsKzFDQXNDQSw4aUNENUJZLGdCQUFnQixnSkFBRSxjQUFjLGlIQUFFLGVBQWU7OzJGQUVoRCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBR3hCLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxlQUFlLENBQUM7OEJBR2pDLGlCQUFpQjtzQkFBM0MsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsS0FBSztzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBRUcsWUFBWTtzQkFBdkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBbkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsY0FBYztzQkFBekMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBRUUsWUFBWTtzQkFBdkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsZ0JBQWdCO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxTQUFTO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFaEIsbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1pbnRlZ3JhdGlvbi1saW5rLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtUb29sdGlwRGlyZWN0aXZlLCBCYWRnZUNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBJbnRlZ3JhdGlvbkxpbmtDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc291cmNlSWNvbkNsYXNzZXMhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNvdXJjZU5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRpdGxlITogc3RyaW5nO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBleHRlcm5hbExpbms/OiBib29sZWFuO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgbGlua0hyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSB0b29sdGlwQ29udGVudD86IHN0cmluZztcblxuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgYmFkZ2VDb250ZW50Pzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgYWN0aW9uQnV0dG9uTmFtZT86IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIHRpbWVzdGFtcD86IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIHRlcnRpYXJ5SW5mbz86IHN0cmluZztcblxuICBAT3V0cHV0KCkgYWN0aW9uQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGxpbmtDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIG9uQWN0aW9uQnV0dG9uQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbkJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgb25MaW5rQ2xpY2tlZChldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMubGlua0NsaWNrZWQuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtYm9keVwiPlxuICBAaWYgKGJhZGdlQ29udGVudCkge1xuICAgIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtYmFkZ2VcIj5cbiAgICAgIDxseC1iYWRnZSBbY29udGVudF09XCJiYWRnZUNvbnRlbnRcIiAvPlxuICAgIDwvZGl2PlxuICB9XG4gIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtc291cmNlXCI+PGkgW2NsYXNzXT1cInNvdXJjZUljb25DbGFzc2VzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPnt7IHNvdXJjZU5hbWUgfX08L2Rpdj5cbiAgPGgyIGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWhlYWRpbmdcIj57eyB0aXRsZSB9fTwvaDI+XG4gIEBpZiAodGVydGlhcnlJbmZvKSB7XG4gICAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC10ZXJ0aWFyeS1pbmZvXCI+e3sgdGVydGlhcnlJbmZvIH19PC9kaXY+XG4gIH1cbiAgQGlmICh0aW1lc3RhbXApIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLXRpbWVzdGFtcFwiPnt7IHRpbWVzdGFtcCB9fTwvZGl2PlxuICB9XG4gIEBpZiAoYWN0aW9uQnV0dG9uTmFtZSkge1xuICAgIDxidXR0b24gbHgtYnV0dG9uIGNvbG9yPVwibGlnaHRcIiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1hY3Rpb24tYnV0dG9uXCIgKGNsaWNrKT1cIm9uQWN0aW9uQnV0dG9uQ2xpY2tlZCgpXCI+XG4gICAgICB7eyBhY3Rpb25CdXR0b25OYW1lIH19XG4gICAgPC9idXR0b24+XG4gIH1cbjwvZGl2PlxuQGlmIChsaW5rSHJlZikge1xuICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWxpbmtcIj5cbiAgICA8YVxuICAgICAgW2hyZWZdPVwibGlua0hyZWZcIlxuICAgICAgW2F0dHIudGFyZ2V0XT1cImV4dGVybmFsTGluayA/ICdfYmxhbmsnIDogbnVsbFwiXG4gICAgICBbYXR0ci5yZWxdPVwiZXh0ZXJuYWxMaW5rID8gJ25vb3BlbmVyIG5vcmVmZmVyZXInIDogbnVsbFwiXG4gICAgICBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCJcbiAgICAgIFtseFRvb2x0aXBQb3NpdGlvbl09XCJ7IHk6ICd0b3AnLCB4OiAnbGVmdCcgfVwiXG4gICAgICAoY2xpY2spPVwib25MaW5rQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICA+XG4gICAgICBAaWYgKGV4dGVybmFsTGluaykge1xuICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1leHRlcm5hbC1saW5rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWFycm93LWNpcmNsZS1yaWdodFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgIH1cbiAgICA8L2E+XG4gIDwvZGl2PlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBUzdELE1BQU0sT0FBTyw0QkFBNEI7SUFQekM7UUFxQlksd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMvQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FTeEQ7SUFQQyxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBaUI7UUFDN0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0F2QlUsNEJBQTRCO2tHQUE1Qiw0QkFBNEIsK2NDYnpDLG93REE4Q0EsOGlDRG5DWSxnQkFBZ0IsZ0pBQUUsY0FBYyxpSEFBRSxlQUFlLHVLQUFFLFVBQVU7OzJGQUU1RCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBR3hCLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDOzhCQUc3QyxpQkFBaUI7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFVBQVU7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLEtBQUs7c0JBQS9CLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUVHLElBQUk7c0JBQS9CLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUVFLGNBQWM7c0JBQXpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLGdCQUFnQjtzQkFBM0MsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsU0FBUztzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBdkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBRWhCLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1pbnRlZ3JhdGlvbi1saW5rLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtUb29sdGlwRGlyZWN0aXZlLCBCYWRnZUNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBSb3V0ZXJMaW5rXVxufSlcbmV4cG9ydCBjbGFzcyBJbnRlZ3JhdGlvbkxpbmtDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc291cmNlSWNvbkNsYXNzZXMhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNvdXJjZU5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRpdGxlITogc3RyaW5nO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBsaW5rPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgZXh0ZXJuYWxMaW5rPzogYm9vbGVhbjtcblxuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdG9vbHRpcENvbnRlbnQ/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBiYWRnZUNvbnRlbnQ/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBhY3Rpb25CdXR0b25OYW1lPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGltZXN0YW1wPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGVydGlhcnlJbmZvPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBhY3Rpb25CdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgbGlua0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgb25BY3Rpb25CdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbkxpbmtDbGlja2VkKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5saW5rQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1ib2R5XCI+XG4gIEBpZiAoYmFkZ2VDb250ZW50KSB7XG4gICAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1iYWRnZVwiPlxuICAgICAgPGx4LWJhZGdlIFtjb250ZW50XT1cImJhZGdlQ29udGVudFwiIC8+XG4gICAgPC9kaXY+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1zb3VyY2VcIj48aSBbY2xhc3NdPVwic291cmNlSWNvbkNsYXNzZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+e3sgc291cmNlTmFtZSB9fTwvZGl2PlxuICA8aDIgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtaGVhZGluZ1wiPnt7IHRpdGxlIH19PC9oMj5cbiAgQGlmICh0ZXJ0aWFyeUluZm8pIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLXRlcnRpYXJ5LWluZm9cIj57eyB0ZXJ0aWFyeUluZm8gfX08L2Rpdj5cbiAgfVxuICBAaWYgKHRpbWVzdGFtcCkge1xuICAgIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtdGltZXN0YW1wXCI+e3sgdGltZXN0YW1wIH19PC9kaXY+XG4gIH1cbiAgQGlmIChhY3Rpb25CdXR0b25OYW1lKSB7XG4gICAgPGJ1dHRvbiBseC1idXR0b24gY29sb3I9XCJsaWdodFwiIGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwib25BY3Rpb25CdXR0b25DbGlja2VkKClcIj5cbiAgICAgIHt7IGFjdGlvbkJ1dHRvbk5hbWUgfX1cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9kaXY+XG5AaWYgKGxpbmspIHtcbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1saW5rXCI+XG4gICAgQGlmIChleHRlcm5hbExpbmspIHtcbiAgICAgIDxhXG4gICAgICAgIFtocmVmXT1cImxpbmtcIlxuICAgICAgICBbYXR0ci50YXJnZXRdPVwiJ19ibGFuaydcIlxuICAgICAgICBbYXR0ci5yZWxdPVwiJ25vb3BlbmVyIG5vcmVmZmVyZXInXCJcbiAgICAgICAgW2x4VG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiXG4gICAgICAgIFtseFRvb2x0aXBQb3NpdGlvbl09XCJ7IHk6ICd0b3AnLCB4OiAnbGVmdCcgfVwiXG4gICAgICAgIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1leHRlcm5hbC1saW5rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgPC9hPlxuICAgIH0gQGVsc2Uge1xuICAgICAgQGlmIChsaW5rLnN0YXJ0c1dpdGgoJ2h0dHAnKSkge1xuICAgICAgICA8YSBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCIgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCIgW2hyZWZdPVwibGlua1wiIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hcnJvdy1jaXJjbGUtcmlnaHRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvYT5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8YSBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCIgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCIgW3JvdXRlckxpbmtdPVwibGlua1wiIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hcnJvdy1jaXJjbGUtcmlnaHRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvYT5cbiAgICAgIH1cbiAgICB9XG4gIDwvZGl2PlxufVxuIl19

package/fesm2022/leanix-components.mjs CHANGED Viewed

@@ -20,6 +20,8 @@ import { isArray, isEqual, split, uniqueId, isString, pick, intersection, isNil,
 import { Renderer, marked } from 'marked';
 import { CdkStepper, CdkStepperModule } from '@angular/cdk/stepper';
 import * as i1$3 from '@angular/cdk/bidi';
+import * as i1$a from '@angular/router';
+import { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
 import * as i1$5 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
 import * as i1$6 from '@angular/forms';
@@ -35,8 +37,6 @@ import { style, animate, transition, trigger } from '@angular/animations';
 import * as i1$9 from '@ncstate/sat-popover';
 import { SatPopover, SatPopoverModule } from '@ncstate/sat-popover';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
-import * as i1$a from '@angular/router';
-import { RouterLinkActive, RouterLink, RouterModule } from '@angular/router';
 const DATE_FORMATS = new InjectionToken('DATE_FORMATS', {
     providedIn: 'root',
@@ -1997,11 +1997,11 @@ class IntegrationLinkCardComponent {
         this.linkClicked.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: IntegrationLinkCardComponent, isStandalone: true, selector: "lx-integration-link-card", inputs: { sourceIconClasses: "sourceIconClasses", sourceName: "sourceName", title: "title", externalLink: "externalLink", linkHref: "linkHref", tooltipContent: "tooltipContent", badgeContent: "badgeContent", actionButtonName: "actionButtonName", timestamp: "timestamp", tertiaryInfo: "tertiaryInfo" }, outputs: { actionButtonClicked: "actionButtonClicked", linkClicked: "linkClicked" }, ngImport: i0, template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (linkHref) {\n  <div class=\"integration-link-card-link\">\n    <a\n      [href]=\"linkHref\"\n      [attr.target]=\"externalLink ? '_blank' : null\"\n      [attr.rel]=\"externalLink ? 'noopener norefferer' : null\"\n      [lxTooltip]=\"tooltipContent\"\n      [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n      (click)=\"onLinkClicked($event)\"\n    >\n      @if (externalLink) {\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      } @else {\n        <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n      }\n    </a>\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[lxTooltip]", inputs: ["lxTooltip", "lxTooltipPosition", "lxTooltipDelay", "lxTooltipIsHtmlContent"] }, { kind: "component", type: BadgeComponent, selector: "lx-badge", inputs: ["content", "color", "calculateColorsDynamically"] }, { 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: "17.1.0", type: IntegrationLinkCardComponent, isStandalone: true, selector: "lx-integration-link-card", inputs: { sourceIconClasses: "sourceIconClasses", sourceName: "sourceName", title: "title", link: "link", externalLink: "externalLink", tooltipContent: "tooltipContent", badgeContent: "badgeContent", actionButtonName: "actionButtonName", timestamp: "timestamp", tertiaryInfo: "tertiaryInfo" }, outputs: { actionButtonClicked: "actionButtonClicked", linkClicked: "linkClicked" }, ngImport: i0, template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (link) {\n  <div class=\"integration-link-card-link\">\n    @if (externalLink) {\n      <a\n        [href]=\"link\"\n        [attr.target]=\"'_blank'\"\n        [attr.rel]=\"'noopener norefferer'\"\n        [lxTooltip]=\"tooltipContent\"\n        [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n        (click)=\"onLinkClicked($event)\"\n      >\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      </a>\n    } @else {\n      @if (link.startsWith('http')) {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [href]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      } @else {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [routerLink]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      }\n    }\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[lxTooltip]", inputs: ["lxTooltip", "lxTooltipPosition", "lxTooltipDelay", "lxTooltipIsHtmlContent"] }, { kind: "component", type: BadgeComponent, selector: "lx-badge", inputs: ["content", "color", "calculateColorsDynamically"] }, { 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: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-integration-link-card', standalone: true, imports: [TooltipDirective, BadgeComponent, ButtonComponent], template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (linkHref) {\n  <div class=\"integration-link-card-link\">\n    <a\n      [href]=\"linkHref\"\n      [attr.target]=\"externalLink ? '_blank' : null\"\n      [attr.rel]=\"externalLink ? 'noopener norefferer' : null\"\n      [lxTooltip]=\"tooltipContent\"\n      [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n      (click)=\"onLinkClicked($event)\"\n    >\n      @if (externalLink) {\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      } @else {\n        <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n      }\n    </a>\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"] }]
+            args: [{ selector: 'lx-integration-link-card', standalone: true, imports: [TooltipDirective, BadgeComponent, ButtonComponent, RouterLink], template: "<div class=\"integration-link-card-body\">\n  @if (badgeContent) {\n    <div class=\"integration-link-card-badge\">\n      <lx-badge [content]=\"badgeContent\" />\n    </div>\n  }\n  <div class=\"integration-link-card-source\"><i [class]=\"sourceIconClasses\" aria-hidden=\"true\"></i>{{ sourceName }}</div>\n  <h2 class=\"integration-link-card-heading\">{{ title }}</h2>\n  @if (tertiaryInfo) {\n    <div class=\"integration-link-card-tertiary-info\">{{ tertiaryInfo }}</div>\n  }\n  @if (timestamp) {\n    <div class=\"integration-link-card-timestamp\">{{ timestamp }}</div>\n  }\n  @if (actionButtonName) {\n    <button lx-button color=\"light\" class=\"integration-link-card-action-button\" (click)=\"onActionButtonClicked()\">\n      {{ actionButtonName }}\n    </button>\n  }\n</div>\n@if (link) {\n  <div class=\"integration-link-card-link\">\n    @if (externalLink) {\n      <a\n        [href]=\"link\"\n        [attr.target]=\"'_blank'\"\n        [attr.rel]=\"'noopener norefferer'\"\n        [lxTooltip]=\"tooltipContent\"\n        [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\"\n        (click)=\"onLinkClicked($event)\"\n      >\n        <i class=\"far fa-external-link\" aria-hidden=\"true\"></i>\n      </a>\n    } @else {\n      @if (link.startsWith('http')) {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [href]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      } @else {\n        <a [lxTooltip]=\"tooltipContent\" [lxTooltipPosition]=\"{ y: 'top', x: 'left' }\" [routerLink]=\"link\" (click)=\"onLinkClicked($event)\">\n          <i class=\"far fa-arrow-circle-right\" aria-hidden=\"true\"></i>\n        </a>\n      }\n    }\n  </div>\n}\n", styles: [":host{width:203px;border-radius:4px;position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:4px;background-color:#e1e5eb;font-size:12px}.integration-link-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.integration-link-card-badge{margin-bottom:8px}.integration-link-card-source{margin-bottom:4px}.integration-link-card-source i{margin-right:4px}.integration-link-card-tertiary-info{margin-bottom:4px;color:#99a5bb}.integration-link-card-timestamp{margin-bottom:4px;color:#526179}.integration-link-card-action-button{margin:4px 0}.integration-link-card-heading{padding-bottom:4px;font-weight:700;font-size:14px;line-height:16px;margin:0}.integration-link-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color .18s;transition-delay:0s;transition-timing-function:ease;cursor:pointer}.integration-link-card-link:hover,.integration-link-card-link:focus{text-decoration:none}\n"] }]
         }], propDecorators: { sourceIconClasses: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2011,10 +2011,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }], title: [{
                 type: Input,
                 args: [{ required: true }]
-            }], externalLink: [{
+            }], link: [{
                 type: Input,
                 args: [{ required: false }]
-            }], linkHref: [{
+            }], externalLink: [{
                 type: Input,
                 args: [{ required: false }]
             }], tooltipContent: [{