@leanix/components 0.4.237 → 0.4.239
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.
package/esm2022/lib/core-ui/components/integration-link-card/integration-link-card.component.mjs
CHANGED
|
@@ -15,11 +15,11 @@ export class IntegrationLinkCardComponent {
|
|
|
15
15
|
this.linkClicked.emit();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
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\"><lx-badge [content]=\"badgeContent\" /></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
|
|
18
|
+
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\"><lx-badge [content]=\"badgeContent\" /></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()\"\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"] }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
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\"><lx-badge [content]=\"badgeContent\" /></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
|
|
22
|
+
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\"><lx-badge [content]=\"badgeContent\" /></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()\"\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"] }]
|
|
23
23
|
}], propDecorators: { sourceIconClasses: [{
|
|
24
24
|
type: Input,
|
|
25
25
|
args: [{ required: true }]
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
55
55
|
}], linkClicked: [{
|
|
56
56
|
type: Output
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFTN0QsTUFBTSxPQUFPLDRCQUE0QjtJQVB6QztRQXFCWSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQy9DLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVNsRDtJQVBDLHFCQUFxQjtRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7OEdBdkJVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLHVkQ1p6QywyMENBb0NBLDhpQ0QxQlksZ0JBQWdCLGdKQUFFLGNBQWMsaUhBQUUsZUFBZTs7MkZBRWhELDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDRSwwQkFBMEIsY0FHeEIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQzs4QkFHakMsaUJBQWlCO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxVQUFVO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFRyxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxRQUFRO3NCQUFuQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxjQUFjO3NCQUF6QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFRSxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxnQkFBZ0I7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFNBQVM7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUVoQixtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdG9vbHRpcC90b29sdGlwLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWludGVncmF0aW9uLWxpbmstY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnRlZ3JhdGlvbi1saW5rLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnRlZ3JhdGlvbi1saW5rLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1Rvb2x0aXBEaXJlY3RpdmUsIEJhZGdlQ29tcG9uZW50LCBCdXR0b25Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEludGVncmF0aW9uTGlua0NhcmRDb21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzb3VyY2VJY29uQ2xhc3NlcyE6IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc291cmNlTmFtZSE6IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdGl0bGUhOiBzdHJpbmc7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIGV4dGVybmFsTGluaz86IGJvb2xlYW47XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBsaW5rSHJlZj86IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIHRvb2x0aXBDb250ZW50Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBiYWRnZUNvbnRlbnQ/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBhY3Rpb25CdXR0b25OYW1lPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGltZXN0YW1wPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGVydGlhcnlJbmZvPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBhY3Rpb25CdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgbGlua0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25BY3Rpb25CdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbkxpbmtDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMubGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWJvZHlcIj5cbiAgQGlmIChiYWRnZUNvbnRlbnQpIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWJhZGdlXCI+PGx4LWJhZGdlIFtjb250ZW50XT1cImJhZGdlQ29udGVudFwiIC8+PC9kaXY+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1zb3VyY2VcIj48aSBbY2xhc3NdPVwic291cmNlSWNvbkNsYXNzZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+e3sgc291cmNlTmFtZSB9fTwvZGl2PlxuICA8aDIgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtaGVhZGluZ1wiPnt7IHRpdGxlIH19PC9oMj5cbiAgQGlmICh0ZXJ0aWFyeUluZm8pIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLXRlcnRpYXJ5LWluZm9cIj57eyB0ZXJ0aWFyeUluZm8gfX08L2Rpdj5cbiAgfVxuICBAaWYgKHRpbWVzdGFtcCkge1xuICAgIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtdGltZXN0YW1wXCI+e3sgdGltZXN0YW1wIH19PC9kaXY+XG4gIH1cbiAgQGlmIChhY3Rpb25CdXR0b25OYW1lKSB7XG4gICAgPGJ1dHRvbiBseC1idXR0b24gY29sb3I9XCJsaWdodFwiIGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwib25BY3Rpb25CdXR0b25DbGlja2VkKClcIj5cbiAgICAgIHt7IGFjdGlvbkJ1dHRvbk5hbWUgfX1cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9kaXY+XG5AaWYgKGxpbmtIcmVmKSB7XG4gIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtbGlua1wiPlxuICAgIDxhXG4gICAgICBbaHJlZl09XCJsaW5rSHJlZlwiXG4gICAgICBbYXR0ci50YXJnZXRdPVwiZXh0ZXJuYWxMaW5rID8gJ19ibGFuaycgOiBudWxsXCJcbiAgICAgIFthdHRyLnJlbF09XCJleHRlcm5hbExpbmsgPyAnbm9vcGVuZXIgbm9yZWZmZXJlcicgOiBudWxsXCJcbiAgICAgIFtseFRvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIlxuICAgICAgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCJcbiAgICAgIChjbGljayk9XCJvbkxpbmtDbGlja2VkKClcIlxuICAgID5cbiAgICAgIEBpZiAoZXh0ZXJuYWxMaW5rKSB7XG4gICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWV4dGVybmFsLWxpbmtcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYXJyb3ctY2lyY2xlLXJpZ2h0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgfVxuICAgIDwvYT5cbiAgPC9kaXY+XG59XG4iXX0=
|
|
@@ -1990,11 +1990,11 @@ class IntegrationLinkCardComponent {
|
|
|
1990
1990
|
this.linkClicked.emit();
|
|
1991
1991
|
}
|
|
1992
1992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1993
|
-
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\"><lx-badge [content]=\"badgeContent\" /></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
|
|
1993
|
+
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\"><lx-badge [content]=\"badgeContent\" /></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()\"\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"] }] }); }
|
|
1994
1994
|
}
|
|
1995
1995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, decorators: [{
|
|
1996
1996
|
type: Component,
|
|
1997
|
-
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\"><lx-badge [content]=\"badgeContent\" /></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
|
|
1997
|
+
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\"><lx-badge [content]=\"badgeContent\" /></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()\"\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"] }]
|
|
1998
1998
|
}], propDecorators: { sourceIconClasses: [{
|
|
1999
1999
|
type: Input,
|
|
2000
2000
|
args: [{ required: true }]
|