@indigina/ui-kit 1.0.154 → 1.0.155
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/rotate-left.svg +4 -0
- package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +2 -2
- package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +2 -1
- package/esm2020/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/fesm2015/indigina-ui-kit.mjs +5 -4
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +5 -4
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +2 -1
- package/package.json +1 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M0.416666 1.66675V4.16675H2.91667" stroke-linecap="round" stroke-linejoin="round" />
|
|
3
|
+
<path d="M1.4625 6.25002C1.73266 7.01684 2.24472 7.67509 2.92152 8.12559C3.59832 8.57609 4.4032 8.79443 5.21488 8.74772C6.02656 8.701 6.80107 8.39176 7.42172 7.86658C8.04236 7.34141 8.47552 6.62876 8.65592 5.836C8.83633 5.04325 8.7542 4.21333 8.42193 3.47131C8.08965 2.72929 7.52522 2.11535 6.81368 1.722C6.10214 1.32866 5.28204 1.17721 4.47695 1.29048C3.67185 1.40376 2.92538 1.77561 2.35 2.35002L0.416666 4.16669" stroke-linecap="round" stroke-linejoin="round" />
|
|
4
|
+
</svg>
|
|
@@ -16,10 +16,10 @@ export class KitLocationStepperComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitLocationStepperComponent, selector: "kit-location-stepper", inputs: { items: "items", toolTipPosition: "toolTipPosition" }, ngImport: i0, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
|
+
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitLocationStepperComponent, selector: "kit-location-stepper", inputs: { items: "items", toolTipPosition: "toolTipPosition" }, ngImport: i0, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;min-width:80px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'kit-location-stepper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"] }]
|
|
22
|
+
args: [{ selector: 'kit-location-stepper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;min-width:80px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"] }]
|
|
23
23
|
}], propDecorators: { items: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], toolTipPosition: [{
|
|
@@ -59,5 +59,6 @@ export var KitSvgIcon;
|
|
|
59
59
|
KitSvgIcon["WRENCH"] = "wrench";
|
|
60
60
|
KitSvgIcon["TIME"] = "time";
|
|
61
61
|
KitSvgIcon["WARNING_DEFAULT"] = "warning-default";
|
|
62
|
+
KitSvgIcon["ROTATE_LEFT"] = "rotate-left";
|
|
62
63
|
})(KitSvgIcon || (KitSvgIcon = {}));
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBNkRYO0FBN0RELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0FBQzdCLENBQUMsRUE3RFcsVUFBVSxLQUFWLFVBQVUsUUE2RHJCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gS2l0U3ZnSWNvbiB7XG4gIExPR08gPSAnbG9nbycsXG4gIENIRVZST05fRE9XTiA9ICdjaGV2cm9uLWRvd24nLFxuICBDSEVWUk9OX1VQID0gJ2NoZXZyb24tdXAnLFxuICBDSEVWUk9OX1JJR0hUID0gJ2NoZXZyb24tcmlnaHQnLFxuICBQTFVTID0gJ3BsdXMnLFxuICBJTkZPID0gJ2luZm8nLFxuICBDQUxFTkRBUiA9ICdjYWxlbmRhcicsXG4gIFdBUk5JTkcgPSAnd2FybmluZycsXG4gIEVSUk9SID0gJ2Vycm9yJyxcbiAgU1VDQ0VTUyA9ICdzdWNjZXNzJyxcbiAgRVlFID0gJ2V5ZScsXG4gIFNFQVJDSCA9ICdzZWFyY2gnLFxuICBFRElUID0gJ2VkaXQnLFxuICBMT0NBVElPTiA9ICdsb2NhdGlvbicsXG4gIENST1NTID0gJ2Nyb3NzJyxcbiAgQ0hFQ0sgPSAnY2hlY2snLFxuICBDSEVDS19DSVJDTEUgPSAnY2hlY2stY2lyY2xlJyxcbiAgRElTS0VUVEUgPSAnZGlza2V0dGUnLFxuICBDTElQQk9BUkQgPSAnY2xpcGJvYXJkJyxcbiAgTEFZRVJTID0gJ2xheWVycycsXG4gIEtOQVVGID0gJ2tuYXVmLWxvZ28nLFxuICBIT01FID0gJ2hvbWUnLFxuICBET1VCTEVfQ0lSQ0xFID0gJ2RvdWJsZS1jaXJjbGUnLFxuICBQRU5DSUwgPSAncGVuY2lsJyxcbiAgT1JERVIgPSAnb3JkZXInLFxuICBSRVNFVCA9ICdyZXNldCcsXG4gIENJUkNMRV9DUk9TUyA9ICdjaXJjbGUtY3Jvc3MnLFxuICBUUlVDSyA9ICd0cnVjaycsXG4gIERFTElWRVJFRCA9ICdkZWxpdmVyZWQnLFxuICBGVEwgPSAnZnRsJyxcbiAgTFRMID0gJ2x0bCcsXG4gIE9SRyA9ICdvcmcnLFxuICBBUkNISVZFID0gJ2FyY2hpdmUnLFxuICBMT0dPVVQgPSAnbG9nb3V0JyxcbiAgQ09OVEFJTkVSID0gJ2NvbnRhaW5lcicsXG4gIENBUlJJRVIgPSAnY2FycmllcicsXG4gIEVYUE9SVCA9ICdleHBvcnQnLFxuICBHRUFSID0gJ2dlYXInLFxuICBTVE9DSyA9ICdzdG9jaycsXG4gIFNUQVRVUyA9ICdzdGF0dXMnLFxuICBDTE9TRV9TSUdOID0gJ2Nsb3NlLXNpZ24nLFxuICBDTE9TRV9TSUdOX1JFRCA9ICdjbG9zZS1zaWduLXJlZCcsXG4gIE9QRU5fU0lHTl9HUkVFTiA9ICdvcGVuLXNpZ24tZ3JlZW4nLFxuICBBUlJPV19MRUZUID0gJ2Fycm93LWxlZnQnLFxuICBXQVJOSU5HX1lFTExPVyA9ICd3YXJuaW5nLXllbGxvdycsXG4gIENJUkNMRV9NSU5VUyA9ICdjaXJjbGUtbWludXMnLFxuICBDSVJDTEVfUExVUyA9ICdjaXJjbGUtcGx1cycsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19MRUZUID0gJ3RocmVlLWNpcmNsZS1hcnJvdy1sZWZ0JyxcbiAgVEhSRUVfQ0lSQ0xFX0FSUk9XX1JJR0hUID0gJ3RocmVlLWNpcmNsZS1hcnJvdy1yaWdodCcsXG4gIFNFTkQgPSAnc2VuZCcsXG4gIENBTEVOREFSX0NIRUNLID0gJ2NhbGVuZGFyLWNoZWNrJyxcbiAgQ0xJUEJPQVJEX1RISU4gPSAnY2xpcGJvYXJkLXRoaW4nLFxuICBXQUxMRVQgPSAnd2FsbGV0JyxcbiAgQ0lSQ0xFX1BVTFNFID0gJ2NpcmNsZS1wdWxzZScsXG4gIENJUkNMRV9DUk9TU19USElOID0gJ2NpcmNsZS1jcm9zcy10aGluJyxcbiAgVFJBU0ggPSAndHJhc2gnLFxuICBXUkVOQ0ggPSAnd3JlbmNoJyxcbiAgVElNRSA9ICd0aW1lJyxcbiAgV0FSTklOR19ERUZBVUxUID0gJ3dhcm5pbmctZGVmYXVsdCcsXG4gIFJPVEFURV9MRUZUID0gJ3JvdGF0ZS1sZWZ0Jyxcbn1cbiJdfQ==
|