@indigina/ui-kit 1.1.85 → 1.1.86
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/assets/icons/warning-circle.svg +4 -0
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +2 -1
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2022/lib/components/kit-timeline/kit-timeline-card/kit-timeline-card.component.mjs +8 -3
- package/fesm2022/indigina-ui-kit.mjs +7 -4
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +1 -0
- package/lib/components/kit-timeline/kit-timeline-card/kit-timeline-card.component.d.ts +2 -0
- package/package.json +1 -1
package/esm2022/lib/components/kit-timeline/kit-timeline-card/kit-timeline-card.component.mjs
CHANGED
|
@@ -2,24 +2,29 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
|
2
2
|
import { KitSvgIcon, KitSvgIconType } from '../../kit-svg-icon/kit-svg-icon.const';
|
|
3
3
|
import { KitSvgIconModule } from '../../kit-svg-icon/kit-svg-icon.module';
|
|
4
4
|
import { NgClass } from '@angular/common';
|
|
5
|
+
import { KitTooltipModule } from '../../../directives/kit-tooltip/kit-tooltip.module';
|
|
6
|
+
import { KitTooltipPosition } from '../../../directives/kit-tooltip/kit-tooltip.directive';
|
|
5
7
|
import * as i0 from "@angular/core";
|
|
6
8
|
import * as i1 from "../../kit-svg-icon/kit-svg-icon.component";
|
|
9
|
+
import * as i2 from "../../../directives/kit-tooltip/kit-tooltip.directive";
|
|
7
10
|
export class KitTimelineCardComponent {
|
|
8
11
|
constructor() {
|
|
9
12
|
this.item = null;
|
|
10
13
|
this.kitSvgIcon = KitSvgIcon;
|
|
11
14
|
this.kitSvgIconType = KitSvgIconType;
|
|
15
|
+
this.kitTooltipPosition = KitTooltipPosition;
|
|
12
16
|
}
|
|
13
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTimelineCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTimelineCardComponent, isStandalone: true, selector: "kit-timeline-card", inputs: { item: "item" }, ngImport: i0, template: "@if (item) {\n <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n <div class=\"card-header\">\n @if (item.icon) {\n <div class=\"card-icon-wrapper\">\n <kit-svg-icon class=\"card-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n </div>\n }\n <div class=\"card-info\">\n <div class=\"card-info-top\">\n <div class=\"card-title\">{{ item.title }}</div>\n @if (item?.textBadge) {\n <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n }\n @if (item?.countBadge) {\n <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n }\n </div>\n <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n </div>\n </div>\n @if (item?.transportationType) {\n <div class=\"card-main\">\n <div class=\"card-route\"\n [ngClass]=\"item.transportationType\">\n <div class=\"card-route-item card-route-original\">\n {{ item?.originalPort }}\n </div>\n <kit-svg-icon class=\"card-route-icon\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n <div class=\"card-route-item card-route-destination\">\n {{ item?.destinationPort }}\n </div>\n <div class=\"card-route-label\">by</div>\n <div class=\"card-route-item card-route-type\">\n {{ item?.transitMode }}\n </div>\n </div>\n </div>\n }\n <div class=\"card-footer\">\n @for (date of item.date; track date) {\n <div class=\"card-date\">\n <div class=\"card-date-top\">\n <kit-svg-icon class=\"card-date-icon\"\n [icon]=\"kitSvgIcon.CALENDAR\"\n ></kit-svg-icon>\n <div class=\"card-date-label\">{{ date.label }}</div>\n </div>\n <div class=\"card-date-value\">{{ date.value }}</div>\n </div>\n }\n </div>\n </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTimelineCardComponent, isStandalone: true, selector: "kit-timeline-card", inputs: { item: "item" }, ngImport: i0, template: "@if (item) {\n <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n <div class=\"card-header\">\n @if (item.icon) {\n <div class=\"card-icon-wrapper\">\n <kit-svg-icon class=\"card-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n </div>\n }\n <div class=\"card-info\">\n <div class=\"card-info-top\">\n <div class=\"card-title\">{{ item.title }}</div>\n @if (item?.textBadge) {\n <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n }\n @if (item?.countBadge) {\n <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n }\n </div>\n <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n </div>\n </div>\n @if (item?.transportationType) {\n <div class=\"card-main\">\n <div class=\"card-route\"\n [ngClass]=\"item.transportationType\">\n <div kitTooltip\n kitTooltipFilter=\".card-route-item\"\n class=\"card-route-item card-route-original\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"item?.originalPort\">\n {{ item?.originalPort }}\n </div>\n <kit-svg-icon class=\"card-route-icon\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n <div kitTooltip\n kitTooltipFilter=\".card-route-item\"\n class=\"card-route-item card-route-destination\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"item?.destinationPort\">\n {{ item?.destinationPort }}\n </div>\n <div class=\"card-route-label\">by</div>\n <div kitTooltip\n kitTooltipFilter=\".card-route-item\"\n class=\"card-route-item card-route-type\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"item?.transitMode\">\n {{ item?.transitMode }}\n </div>\n </div>\n </div>\n }\n <div class=\"card-footer\">\n @for (date of item.date; track date) {\n <div class=\"card-date\">\n <div class=\"card-date-top\">\n <kit-svg-icon class=\"card-date-icon\"\n [icon]=\"kitSvgIcon.CALENDAR\"\n ></kit-svg-icon>\n <div class=\"card-date-label\">{{ date.label }}</div>\n </div>\n <div class=\"card-date-value\">{{ date.value }}</div>\n </div>\n }\n </div>\n </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitTooltipModule }, { kind: "directive", type: i2.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
19
|
}
|
|
16
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTimelineCardComponent, decorators: [{
|
|
17
21
|
type: Component,
|
|
18
22
|
args: [{ selector: 'kit-timeline-card', standalone: true, imports: [
|
|
19
23
|
KitSvgIconModule,
|
|
20
24
|
NgClass,
|
|
21
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (item) {\n <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n <div class=\"card-header\">\n @if (item.icon) {\n <div class=\"card-icon-wrapper\">\n <kit-svg-icon class=\"card-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n </div>\n }\n <div class=\"card-info\">\n <div class=\"card-info-top\">\n <div class=\"card-title\">{{ item.title }}</div>\n @if (item?.textBadge) {\n <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n }\n @if (item?.countBadge) {\n <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n }\n </div>\n <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n </div>\n </div>\n @if (item?.transportationType) {\n <div class=\"card-main\">\n <div class=\"card-route\"\n [ngClass]=\"item.transportationType\">\n <div class=\"card-route-item card-route-original\">\n {{ item?.originalPort }}\n </div>\n <kit-svg-icon class=\"card-route-icon\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n <div class=\"card-route-item card-route-destination\">\n {{ item?.destinationPort }}\n </div>\n <div class=\"card-route-label\">by</div>\n <div class=\"card-route-item card-route-type\">\n {{ item?.transitMode }}\n </div>\n </div>\n </div>\n }\n <div class=\"card-footer\">\n @for (date of item.date; track date) {\n <div class=\"card-date\">\n <div class=\"card-date-top\">\n <kit-svg-icon class=\"card-date-icon\"\n [icon]=\"kitSvgIcon.CALENDAR\"\n ></kit-svg-icon>\n <div class=\"card-date-label\">{{ date.label }}</div>\n </div>\n <div class=\"card-date-value\">{{ date.value }}</div>\n </div>\n }\n </div>\n </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"] }]
|
|
25
|
+
KitTooltipModule,
|
|
26
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (item) {\n <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n <div class=\"card-header\">\n @if (item.icon) {\n <div class=\"card-icon-wrapper\">\n <kit-svg-icon class=\"card-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n </div>\n }\n <div class=\"card-info\">\n <div class=\"card-info-top\">\n <div class=\"card-title\">{{ item.title }}</div>\n @if (item?.textBadge) {\n <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n }\n @if (item?.countBadge) {\n <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n }\n </div>\n <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n </div>\n </div>\n @if (item?.transportationType) {\n <div class=\"card-main\">\n <div class=\"card-route\"\n [ngClass]=\"item.transportationType\">\n <div kitTooltip\n kitTooltipFilter=\".card-route-item\"\n class=\"card-route-item card-route-original\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"item?.originalPort\">\n {{ item?.originalPort }}\n </div>\n <kit-svg-icon class=\"card-route-icon\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n <div kitTooltip\n kitTooltipFilter=\".card-route-item\"\n class=\"card-route-item card-route-destination\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"item?.destinationPort\">\n {{ item?.destinationPort }}\n </div>\n <div class=\"card-route-label\">by</div>\n <div kitTooltip\n kitTooltipFilter=\".card-route-item\"\n class=\"card-route-item card-route-type\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"item?.transitMode\">\n {{ item?.transitMode }}\n </div>\n </div>\n </div>\n }\n <div class=\"card-footer\">\n @for (date of item.date; track date) {\n <div class=\"card-date\">\n <div class=\"card-date-top\">\n <kit-svg-icon class=\"card-date-icon\"\n [icon]=\"kitSvgIcon.CALENDAR\"\n ></kit-svg-icon>\n <div class=\"card-date-label\">{{ date.label }}</div>\n </div>\n <div class=\"card-date-value\">{{ date.value }}</div>\n </div>\n }\n </div>\n </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"] }]
|
|
22
27
|
}], propDecorators: { item: [{
|
|
23
28
|
type: Input
|
|
24
29
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRpbWVsaW5lLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGltZWxpbmUva2l0LXRpbWVsaW5lLWNhcmQva2l0LXRpbWVsaW5lLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGltZWxpbmUva2l0LXRpbWVsaW5lLWNhcmQva2l0LXRpbWVsaW5lLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUVuRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDdEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdURBQXVELENBQUM7Ozs7QUFjM0YsTUFBTSxPQUFPLHdCQUF3QjtJQVpyQztRQWFXLFNBQUksR0FBMkIsSUFBSSxDQUFDO1FBRXBDLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLG1CQUFjLEdBQTBCLGNBQWMsQ0FBQztRQUN2RCx1QkFBa0IsR0FBOEIsa0JBQWtCLENBQUM7S0FDN0U7OEdBTlksd0JBQXdCO2tHQUF4Qix3QkFBd0IsdUdDcEJyQyxzcEZBdUVBLG10V0QzREksZ0JBQWdCLDZJQUNoQixPQUFPLG1GQUNQLGdCQUFnQjs7MkZBTVAsd0JBQXdCO2tCQVpwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixPQUFPO3dCQUNQLGdCQUFnQjtxQkFDakIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uLCBLaXRTdmdJY29uVHlwZSB9IGZyb20gJy4uLy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0VGltZWxpbmVJdGVtIH0gZnJvbSAnLi4va2l0LXRpbWVsaW5lLm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL2tpdC10b29sdGlwL2tpdC10b29sdGlwLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRUb29sdGlwUG9zaXRpb24gfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL2tpdC10b29sdGlwL2tpdC10b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC10aW1lbGluZS1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gICAgTmdDbGFzcyxcbiAgICBLaXRUb29sdGlwTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRpbWVsaW5lLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXRpbWVsaW5lLWNhcmQuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGltZWxpbmVDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbTogS2l0VGltZWxpbmVJdGVtIHwgbnVsbCA9IG51bGw7XG5cbiAgcmVhZG9ubHkga2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBraXRTdmdJY29uVHlwZTogdHlwZW9mIEtpdFN2Z0ljb25UeXBlID0gS2l0U3ZnSWNvblR5cGU7XG4gIHJlYWRvbmx5IGtpdFRvb2x0aXBQb3NpdGlvbjogdHlwZW9mIEtpdFRvb2x0aXBQb3NpdGlvbiA9IEtpdFRvb2x0aXBQb3NpdGlvbjtcbn1cbiIsIkBpZiAoaXRlbSkge1xuICA8ZGl2IGNsYXNzPVwia2l0LXRpbWVsaW5lLWNhcmQge3sgaXRlbS50aGVtZSB9fS10aGVtZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlclwiPlxuICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaWNvbi13cmFwcGVyXCI+XG4gICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImNhcmQtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbS5pY29uVHlwZSA/PyBraXRTdmdJY29uVHlwZS5GSUxMXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaW5mb1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1pbmZvLXRvcFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgIEBpZiAoaXRlbT8udGV4dEJhZGdlKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1iYWRnZSB0ZXh0LWJhZGdlXCI+e3sgaXRlbS50ZXh0QmFkZ2UgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChpdGVtPy5jb3VudEJhZGdlKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1iYWRnZSBjb3VudC1iYWRnZVwiPnt7IGl0ZW0uY291bnRCYWRnZSB9fTwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWluZm8tYm90dG9tXCI+e3sgaXRlbS5zdWJUaXRsZSB9fTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgQGlmIChpdGVtPy50cmFuc3BvcnRhdGlvblR5cGUpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLW1haW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtcm91dGVcIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0udHJhbnNwb3J0YXRpb25UeXBlXCI+XG4gICAgICAgICAgPGRpdiBraXRUb29sdGlwXG4gICAgICAgICAgICAgICBraXRUb29sdGlwRmlsdGVyPVwiLmNhcmQtcm91dGUtaXRlbVwiXG4gICAgICAgICAgICAgICBjbGFzcz1cImNhcmQtcm91dGUtaXRlbSBjYXJkLXJvdXRlLW9yaWdpbmFsXCJcbiAgICAgICAgICAgICAgIFtraXRUb29sdGlwUG9zaXRpb25dPVwia2l0VG9vbHRpcFBvc2l0aW9uLlRPUFwiXG4gICAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbT8ub3JpZ2luYWxQb3J0XCI+XG4gICAgICAgICAgICB7eyBpdGVtPy5vcmlnaW5hbFBvcnQgfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiY2FyZC1yb3V0ZS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cImtpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIDxkaXYga2l0VG9vbHRpcFxuICAgICAgICAgICAgICAga2l0VG9vbHRpcEZpbHRlcj1cIi5jYXJkLXJvdXRlLWl0ZW1cIlxuICAgICAgICAgICAgICAgY2xhc3M9XCJjYXJkLXJvdXRlLWl0ZW0gY2FyZC1yb3V0ZS1kZXN0aW5hdGlvblwiXG4gICAgICAgICAgICAgICBba2l0VG9vbHRpcFBvc2l0aW9uXT1cImtpdFRvb2x0aXBQb3NpdGlvbi5UT1BcIlxuICAgICAgICAgICAgICAgW3RpdGxlXT1cIml0ZW0/LmRlc3RpbmF0aW9uUG9ydFwiPlxuICAgICAgICAgICAge3sgaXRlbT8uZGVzdGluYXRpb25Qb3J0IH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtcm91dGUtbGFiZWxcIj5ieTwvZGl2PlxuICAgICAgICAgIDxkaXYga2l0VG9vbHRpcFxuICAgICAgICAgICAgICAga2l0VG9vbHRpcEZpbHRlcj1cIi5jYXJkLXJvdXRlLWl0ZW1cIlxuICAgICAgICAgICAgICAgY2xhc3M9XCJjYXJkLXJvdXRlLWl0ZW0gY2FyZC1yb3V0ZS10eXBlXCJcbiAgICAgICAgICAgICAgIFtraXRUb29sdGlwUG9zaXRpb25dPVwia2l0VG9vbHRpcFBvc2l0aW9uLlRPUFwiXG4gICAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbT8udHJhbnNpdE1vZGVcIj5cbiAgICAgICAgICAgIHt7IGl0ZW0/LnRyYW5zaXRNb2RlIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWZvb3RlclwiPlxuICAgICAgQGZvciAoZGF0ZSBvZiBpdGVtLmRhdGU7IHRyYWNrIGRhdGUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtZGF0ZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRhdGUtdG9wXCI+XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiY2FyZC1kYXRlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJraXRTdmdJY29uLkNBTEVOREFSXCJcbiAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRhdGUtbGFiZWxcIj57eyBkYXRlLmxhYmVsIH19PC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtZGF0ZS12YWx1ZVwiPnt7IGRhdGUudmFsdWUgfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxufVxuIl19
|