@leanix/components 0.4.255 → 0.4.257
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/icon-scale/icon-scale.component.mjs +5 -11
- package/esm2022/lib/core-ui/components/integration-link-card/integration-link-card.component.mjs +6 -5
- package/fesm2022/leanix-components.mjs +10 -16
- package/fesm2022/leanix-components.mjs.map +1 -1
- package/lib/core-ui/components/icon-scale/icon-scale.component.d.ts +2 -0
- package/lib/core-ui/components/integration-link-card/integration-link-card.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -12,17 +12,11 @@ export class IconScaleComponent {
|
|
|
12
12
|
this.iconArray = [];
|
|
13
13
|
}
|
|
14
14
|
ngOnChanges(_changes) {
|
|
15
|
-
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.
|
|
15
|
+
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.order || 'ASC');
|
|
16
16
|
}
|
|
17
|
-
createIconArray(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return index >= totalItems - coloredItems;
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
return index < coloredItems;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
17
|
+
createIconArray(items, totalItems, order) {
|
|
18
|
+
const coloredItems = order === 'DESC' ? totalItems - items + 1 : items;
|
|
19
|
+
return [...Array(totalItems).keys()].map((index) => index < coloredItems);
|
|
26
20
|
}
|
|
27
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IconScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
22
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: IconScaleComponent, isStandalone: true, selector: "lx-icon-scale", inputs: { icon: "icon", numberOfColoredItems: "numberOfColoredItems", numberOfItems: "numberOfItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngFor=\"let isColored of iconArray\"\n data-testid=\"icon-scale\"\n class=\"iconElement fas fa-{{ icon.type }}\"\n [ngStyle]=\"isColored ? { color: icon.color } : {}\"\n>\n</span>\n", styles: [".iconElement{color:#c2c9d6;width:15px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -37,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
37
31
|
}], numberOfItems: [{
|
|
38
32
|
type: Input
|
|
39
33
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zY2FsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvaWNvbi1zY2FsZS9pY29uLXNjYWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pY29uLXNjYWxlL2ljb24tc2NhbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7O0FBbUJwRyxNQUFNLE9BQU8sa0JBQWtCO0lBUi9CO1FBU2tCLFNBQUksR0FBUztZQUMzQixJQUFJLEVBQUUsTUFBTTtTQUNiLENBQUM7UUFDYyx5QkFBb0IsR0FBRyxDQUFDLENBQUM7UUFDekIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFFekIsU0FBSSxHQUFHLG9CQUFvQixDQUFDO1FBQ3JDLGNBQVMsR0FBYyxFQUFFLENBQUM7S0FXM0I7SUFUUSxXQUFXLENBQUMsUUFBdUI7UUFDeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ2xILENBQUM7SUFFTyxlQUFlLENBQUMsS0FBYSxFQUFFLFVBQWtCLEVBQUUsS0FBcUI7UUFDOUUsTUFBTSxZQUFZLEdBQUcsS0FBSyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUV2RSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsQ0FBQztJQUM1RSxDQUFDOzhHQWxCVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzTUNwQi9CLG9NQU9BLGtHRFdZLEtBQUssbUhBQUUsT0FBTzs7MkZBRWIsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDOzhCQUdULElBQUk7c0JBQW5CLEtBQUs7Z0JBR1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbiB7XG4gIC8qKiBGb250LWF3ZXNvbWUgaWNvbiBjbGFzcywgZS5nLiAnYWRkcmVzcy1ib29rJy4gU2VlIGh0dHA6Ly9mb250YXdlc29tZS5pby9pY29ucy8gKi9cbiAgdHlwZTogc3RyaW5nO1xuICBjb2xvcj86IHN0cmluZztcbiAgLyoqIEBkZXByZWNhdGVkICovXG4gIHJldmVyc2U/OiBib29sZWFuO1xuICBvcmRlcj86ICdBU0MnIHwgJ0RFU0MnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1pY29uLXNjYWxlJyxcbiAgdGVtcGxhdGVVcmw6ICdpY29uLXNjYWxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2ljb24tc2NhbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0ZvciwgTmdTdHlsZV1cbn0pXG5leHBvcnQgY2xhc3MgSWNvblNjYWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGljb246IEljb24gPSB7XG4gICAgdHlwZTogJ3N0YXInXG4gIH07XG4gIEBJbnB1dCgpIHB1YmxpYyBudW1iZXJPZkNvbG9yZWRJdGVtcyA9IDA7XG4gIEBJbnB1dCgpIHB1YmxpYyBudW1iZXJPZkl0ZW1zID0gMDtcblxuICByZWFkb25seSBOQU1FID0gJ0ljb25TY2FsZUNvbXBvbmVudCc7XG4gIGljb25BcnJheTogYm9vbGVhbltdID0gW107XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKF9jaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgdGhpcy5pY29uQXJyYXkgPSB0aGlzLmNyZWF0ZUljb25BcnJheSh0aGlzLm51bWJlck9mQ29sb3JlZEl0ZW1zLCB0aGlzLm51bWJlck9mSXRlbXMsIHRoaXMuaWNvbj8ub3JkZXIgfHwgJ0FTQycpO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVJY29uQXJyYXkoaXRlbXM6IG51bWJlciwgdG90YWxJdGVtczogbnVtYmVyLCBvcmRlcjogJ0FTQycgfCAnREVTQycpOiBib29sZWFuW10ge1xuICAgIGNvbnN0IGNvbG9yZWRJdGVtcyA9IG9yZGVyID09PSAnREVTQycgPyB0b3RhbEl0ZW1zIC0gaXRlbXMgKyAxIDogaXRlbXM7XG5cbiAgICByZXR1cm4gWy4uLkFycmF5KHRvdGFsSXRlbXMpLmtleXMoKV0ubWFwKChpbmRleCkgPT4gaW5kZXggPCBjb2xvcmVkSXRlbXMpO1xuICB9XG59XG4iLCI8c3BhblxuICAqbmdGb3I9XCJsZXQgaXNDb2xvcmVkIG9mIGljb25BcnJheVwiXG4gIGRhdGEtdGVzdGlkPVwiaWNvbi1zY2FsZVwiXG4gIGNsYXNzPVwiaWNvbkVsZW1lbnQgZmFzIGZhLXt7IGljb24udHlwZSB9fVwiXG4gIFtuZ1N0eWxlXT1cImlzQ29sb3JlZCA/IHsgY29sb3I6IGljb24uY29sb3IgfSA6IHt9XCJcbj5cbjwvc3Bhbj5cbiJdfQ==
|
package/esm2022/lib/core-ui/components/integration-link-card/integration-link-card.component.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { RouterLink } from '@angular/router';
|
|
2
3
|
import { TooltipDirective } from '../../tooltip/tooltip.directive';
|
|
3
4
|
import { BadgeComponent } from '../badge/badge.component';
|
|
4
5
|
import { ButtonComponent } from '../button/button.component';
|
|
@@ -15,11 +16,11 @@ export class IntegrationLinkCardComponent {
|
|
|
15
16
|
this.linkClicked.emit(event);
|
|
16
17
|
}
|
|
17
18
|
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",
|
|
19
|
+
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"] }] }); }
|
|
19
20
|
}
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, decorators: [{
|
|
21
22
|
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\">\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 (
|
|
23
|
+
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"] }]
|
|
23
24
|
}], propDecorators: { sourceIconClasses: [{
|
|
24
25
|
type: Input,
|
|
25
26
|
args: [{ required: true }]
|
|
@@ -29,10 +30,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
29
30
|
}], title: [{
|
|
30
31
|
type: Input,
|
|
31
32
|
args: [{ required: true }]
|
|
32
|
-
}],
|
|
33
|
+
}], link: [{
|
|
33
34
|
type: Input,
|
|
34
35
|
args: [{ required: false }]
|
|
35
|
-
}],
|
|
36
|
+
}], externalLink: [{
|
|
36
37
|
type: Input,
|
|
37
38
|
args: [{ required: false }]
|
|
38
39
|
}], tooltipContent: [{
|
|
@@ -55,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
55
56
|
}], linkClicked: [{
|
|
56
57
|
type: Output
|
|
57
58
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBUzdELE1BQU0sT0FBTyw0QkFBNEI7SUFQekM7UUFxQlksd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMvQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FTeEQ7SUFQQyxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBaUI7UUFDN0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0F2QlUsNEJBQTRCO2tHQUE1Qiw0QkFBNEIsK2NDYnpDLG93REE4Q0EsOGlDRG5DWSxnQkFBZ0IsZ0pBQUUsY0FBYyxpSEFBRSxlQUFlLHVLQUFFLFVBQVU7OzJGQUU1RCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBR3hCLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDOzhCQUc3QyxpQkFBaUI7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFVBQVU7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLEtBQUs7c0JBQS9CLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUVHLElBQUk7c0JBQS9CLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUVFLGNBQWM7c0JBQXpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLGdCQUFnQjtzQkFBM0MsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsU0FBUztzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBdkMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBRWhCLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1pbnRlZ3JhdGlvbi1saW5rLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtUb29sdGlwRGlyZWN0aXZlLCBCYWRnZUNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBSb3V0ZXJMaW5rXVxufSlcbmV4cG9ydCBjbGFzcyBJbnRlZ3JhdGlvbkxpbmtDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc291cmNlSWNvbkNsYXNzZXMhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNvdXJjZU5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRpdGxlITogc3RyaW5nO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBsaW5rPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgZXh0ZXJuYWxMaW5rPzogYm9vbGVhbjtcblxuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdG9vbHRpcENvbnRlbnQ/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBiYWRnZUNvbnRlbnQ/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBhY3Rpb25CdXR0b25OYW1lPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGltZXN0YW1wPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGVydGlhcnlJbmZvPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBhY3Rpb25CdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgbGlua0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgb25BY3Rpb25CdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbkxpbmtDbGlja2VkKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5saW5rQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1ib2R5XCI+XG4gIEBpZiAoYmFkZ2VDb250ZW50KSB7XG4gICAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1iYWRnZVwiPlxuICAgICAgPGx4LWJhZGdlIFtjb250ZW50XT1cImJhZGdlQ29udGVudFwiIC8+XG4gICAgPC9kaXY+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1zb3VyY2VcIj48aSBbY2xhc3NdPVwic291cmNlSWNvbkNsYXNzZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+e3sgc291cmNlTmFtZSB9fTwvZGl2PlxuICA8aDIgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtaGVhZGluZ1wiPnt7IHRpdGxlIH19PC9oMj5cbiAgQGlmICh0ZXJ0aWFyeUluZm8pIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLXRlcnRpYXJ5LWluZm9cIj57eyB0ZXJ0aWFyeUluZm8gfX08L2Rpdj5cbiAgfVxuICBAaWYgKHRpbWVzdGFtcCkge1xuICAgIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtdGltZXN0YW1wXCI+e3sgdGltZXN0YW1wIH19PC9kaXY+XG4gIH1cbiAgQGlmIChhY3Rpb25CdXR0b25OYW1lKSB7XG4gICAgPGJ1dHRvbiBseC1idXR0b24gY29sb3I9XCJsaWdodFwiIGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwib25BY3Rpb25CdXR0b25DbGlja2VkKClcIj5cbiAgICAgIHt7IGFjdGlvbkJ1dHRvbk5hbWUgfX1cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9kaXY+XG5AaWYgKGxpbmspIHtcbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1saW5rXCI+XG4gICAgQGlmIChleHRlcm5hbExpbmspIHtcbiAgICAgIDxhXG4gICAgICAgIFtocmVmXT1cImxpbmtcIlxuICAgICAgICBbYXR0ci50YXJnZXRdPVwiJ19ibGFuaydcIlxuICAgICAgICBbYXR0ci5yZWxdPVwiJ25vb3BlbmVyIG5vcmVmZmVyZXInXCJcbiAgICAgICAgW2x4VG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiXG4gICAgICAgIFtseFRvb2x0aXBQb3NpdGlvbl09XCJ7IHk6ICd0b3AnLCB4OiAnbGVmdCcgfVwiXG4gICAgICAgIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1leHRlcm5hbC1saW5rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgPC9hPlxuICAgIH0gQGVsc2Uge1xuICAgICAgQGlmIChsaW5rLnN0YXJ0c1dpdGgoJ2h0dHAnKSkge1xuICAgICAgICA8YSBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCIgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCIgW2hyZWZdPVwibGlua1wiIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hcnJvdy1jaXJjbGUtcmlnaHRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvYT5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8YSBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCIgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCIgW3JvdXRlckxpbmtdPVwibGlua1wiIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hcnJvdy1jaXJjbGUtcmlnaHRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvYT5cbiAgICAgIH1cbiAgICB9XG4gIDwvZGl2PlxufVxuIl19
|
|
@@ -20,6 +20,8 @@ import { isArray, isEqual, split, uniqueId, isString, pick, intersection, isNil,
|
|
|
20
20
|
import { Renderer, marked } from 'marked';
|
|
21
21
|
import { CdkStepper, CdkStepperModule } from '@angular/cdk/stepper';
|
|
22
22
|
import * as i1$3 from '@angular/cdk/bidi';
|
|
23
|
+
import * as i1$a from '@angular/router';
|
|
24
|
+
import { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
|
|
23
25
|
import * as i1$5 from '@angular/cdk/clipboard';
|
|
24
26
|
import { ClipboardModule } from '@angular/cdk/clipboard';
|
|
25
27
|
import * as i1$6 from '@angular/forms';
|
|
@@ -35,8 +37,6 @@ import { style, animate, transition, trigger } from '@angular/animations';
|
|
|
35
37
|
import * as i1$9 from '@ncstate/sat-popover';
|
|
36
38
|
import { SatPopover, SatPopoverModule } from '@ncstate/sat-popover';
|
|
37
39
|
import { coerceNumberProperty } from '@angular/cdk/coercion';
|
|
38
|
-
import * as i1$a from '@angular/router';
|
|
39
|
-
import { RouterLinkActive, RouterLink, RouterModule } from '@angular/router';
|
|
40
40
|
|
|
41
41
|
const DATE_FORMATS = new InjectionToken('DATE_FORMATS', {
|
|
42
42
|
providedIn: 'root',
|
|
@@ -889,17 +889,11 @@ class IconScaleComponent {
|
|
|
889
889
|
this.iconArray = [];
|
|
890
890
|
}
|
|
891
891
|
ngOnChanges(_changes) {
|
|
892
|
-
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.
|
|
892
|
+
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.order || 'ASC');
|
|
893
893
|
}
|
|
894
|
-
createIconArray(
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
return index >= totalItems - coloredItems;
|
|
898
|
-
}
|
|
899
|
-
else {
|
|
900
|
-
return index < coloredItems;
|
|
901
|
-
}
|
|
902
|
-
});
|
|
894
|
+
createIconArray(items, totalItems, order) {
|
|
895
|
+
const coloredItems = order === 'DESC' ? totalItems - items + 1 : items;
|
|
896
|
+
return [...Array(totalItems).keys()].map((index) => index < coloredItems);
|
|
903
897
|
}
|
|
904
898
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IconScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
905
899
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: IconScaleComponent, isStandalone: true, selector: "lx-icon-scale", inputs: { icon: "icon", numberOfColoredItems: "numberOfColoredItems", numberOfItems: "numberOfItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngFor=\"let isColored of iconArray\"\n data-testid=\"icon-scale\"\n class=\"iconElement fas fa-{{ icon.type }}\"\n [ngStyle]=\"isColored ? { color: icon.color } : {}\"\n>\n</span>\n", styles: [".iconElement{color:#c2c9d6;width:15px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -1997,11 +1991,11 @@ class IntegrationLinkCardComponent {
|
|
|
1997
1991
|
this.linkClicked.emit(event);
|
|
1998
1992
|
}
|
|
1999
1993
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2000
|
-
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",
|
|
1994
|
+
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"] }] }); }
|
|
2001
1995
|
}
|
|
2002
1996
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IntegrationLinkCardComponent, decorators: [{
|
|
2003
1997
|
type: Component,
|
|
2004
|
-
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 (
|
|
1998
|
+
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"] }]
|
|
2005
1999
|
}], propDecorators: { sourceIconClasses: [{
|
|
2006
2000
|
type: Input,
|
|
2007
2001
|
args: [{ required: true }]
|
|
@@ -2011,10 +2005,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
2011
2005
|
}], title: [{
|
|
2012
2006
|
type: Input,
|
|
2013
2007
|
args: [{ required: true }]
|
|
2014
|
-
}],
|
|
2008
|
+
}], link: [{
|
|
2015
2009
|
type: Input,
|
|
2016
2010
|
args: [{ required: false }]
|
|
2017
|
-
}],
|
|
2011
|
+
}], externalLink: [{
|
|
2018
2012
|
type: Input,
|
|
2019
2013
|
args: [{ required: false }]
|
|
2020
2014
|
}], tooltipContent: [{
|