@indigina/ui-kit 1.0.120 → 1.0.123
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/esm2020/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +3 -3
- package/esm2020/lib/services/kit-query-params.service.mjs +16 -15
- package/fesm2015/indigina-ui-kit.mjs +17 -16
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +17 -16
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-location-stepper/kit-location-stepper.component.d.ts +1 -0
- package/lib/services/kit-query-params.service.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1755,10 +1755,10 @@ class KitLocationStepperComponent {
|
|
|
1755
1755
|
}
|
|
1756
1756
|
}
|
|
1757
1757
|
KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1758
|
-
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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-
|
|
1758
|
+
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1759
1759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
|
|
1760
1760
|
type: Component,
|
|
1761
|
-
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-
|
|
1761
|
+
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"] }]
|
|
1762
1762
|
}], propDecorators: { items: [{
|
|
1763
1763
|
type: Input
|
|
1764
1764
|
}], toolTipPosition: [{
|
|
@@ -2683,33 +2683,34 @@ var KitQueryParamsName;
|
|
|
2683
2683
|
(function (KitQueryParamsName) {
|
|
2684
2684
|
KitQueryParamsName["FILTER"] = "filter";
|
|
2685
2685
|
})(KitQueryParamsName || (KitQueryParamsName = {}));
|
|
2686
|
+
const queryParamsDelimiter = ',';
|
|
2686
2687
|
class KitQueryParamsService {
|
|
2687
2688
|
constructor(activatedRoute) {
|
|
2688
2689
|
this.activatedRoute = activatedRoute;
|
|
2689
|
-
this.queryParams = this.activatedRoute.snapshot.queryParams;
|
|
2690
2690
|
}
|
|
2691
2691
|
getQueryParamsByName(name) {
|
|
2692
|
-
const
|
|
2693
|
-
const
|
|
2692
|
+
const queryParams = this.activatedRoute.snapshot.queryParams;
|
|
2693
|
+
const params = queryParams[name];
|
|
2694
2694
|
if (!params) {
|
|
2695
2695
|
return null;
|
|
2696
2696
|
}
|
|
2697
2697
|
if (typeof params === 'string') {
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
[name]: value,
|
|
2702
|
-
}];
|
|
2698
|
+
return [
|
|
2699
|
+
this.buildParams(params),
|
|
2700
|
+
];
|
|
2703
2701
|
}
|
|
2704
2702
|
return params?.map(params => {
|
|
2705
|
-
|
|
2706
|
-
const name = values[0];
|
|
2707
|
-
const value = values.slice(1);
|
|
2708
|
-
return {
|
|
2709
|
-
[name]: value.length > 1 && [...value] || value[0],
|
|
2710
|
-
};
|
|
2703
|
+
return this.buildParams(params);
|
|
2711
2704
|
});
|
|
2712
2705
|
}
|
|
2706
|
+
buildParams(params) {
|
|
2707
|
+
const values = params.split(queryParamsDelimiter);
|
|
2708
|
+
const name = values[0];
|
|
2709
|
+
const value = values.slice(1);
|
|
2710
|
+
return {
|
|
2711
|
+
[name]: value.length > 1 && [...value] || value[0],
|
|
2712
|
+
};
|
|
2713
|
+
}
|
|
2713
2714
|
}
|
|
2714
2715
|
KitQueryParamsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitQueryParamsService, deps: [{ token: i1$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2715
2716
|
KitQueryParamsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitQueryParamsService });
|