@indigina/ui-kit 1.0.121 → 1.0.124
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/components/kit-toggle/kit-toggle.component.mjs +5 -5
- package/esm2020/lib/services/kit-query-params.service.mjs +14 -13
- 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 -0
- package/package.json +1 -1
|
@@ -16,13 +16,13 @@ export class KitLocationStepperComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
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-
|
|
19
|
+
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: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", 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-
|
|
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"] }]
|
|
23
23
|
}], propDecorators: { items: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], toolTipPosition: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWxvY2F0aW9uLXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtbG9jYXRpb24tc3RlcHBlci9raXQtbG9jYXRpb24tc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1sb2NhdGlvbi1zdGVwcGVyL2tpdC1sb2NhdGlvbi1zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7QUF5QmhFLE1BQU0sT0FBTywyQkFBMkI7SUFQeEM7UUFRRTs7V0FFRztRQUNNLFVBQUssR0FBNkIsRUFBRSxDQUFDO1FBQ3JDLG9CQUFlLEdBQXVCLGtCQUFrQixDQUFDLEtBQUssQ0FBQztRQUUvRCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztLQUNyRDs7d0hBUlksMkJBQTJCOzRHQUEzQiwyQkFBMkIsNEhDM0J4QyxnckZBa0VBOzJGRHZDYSwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0Usc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBTTVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRUb29sdGlwUG9zaXRpb24gfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2tpdC10b29sdGlwL2tpdC10b29sdGlwLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TG9jYXRpb25TdGVwcGVySXRlbURhdGUge1xuICB2YWx1ZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRMb2NhdGlvblN0ZXBwZXJJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaWNvbjogS2l0U3ZnSWNvbjtcbiAgbmFtZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRhdGVzPzogS2l0TG9jYXRpb25TdGVwcGVySXRlbURhdGVbXTtcbiAgY3NzQ2xhc3M/OiBzdHJpbmc7XG4gIHN1Ykl0ZW1zPzogS2l0TG9jYXRpb25TdGVwcGVySXRlbVtdO1xuICB0b29sVGlwVGV4dD86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWxvY2F0aW9uLXN0ZXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWxvY2F0aW9uLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtbG9jYXRpb24tc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TG9jYXRpb25TdGVwcGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFuIGl0ZW1zIGxpc3QgdG8gYmUgc2hvd24gYXMgc3RlcHNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXRMb2NhdGlvblN0ZXBwZXJJdGVtW10gPSBbXTtcbiAgQElucHV0KCkgdG9vbFRpcFBvc2l0aW9uOiBLaXRUb29sdGlwUG9zaXRpb24gPSBLaXRUb29sdGlwUG9zaXRpb24uUklHSFQ7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xufVxuIiwiPG5nLXRlbXBsYXRlICNpY29uIGxldC1pdGVtPVwiaXRlbVwiPlxuICA8a2l0LXN2Zy1pY29uIFtpY29uXT1cIml0ZW0uaWNvblwiIGNsYXNzPVwiZGlzcGxheS1ibG9jayBsb2NhdGlvbi1pY29uXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbS50aXRsZVwiXG4gID48L2tpdC1zdmctaWNvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGVzY3JpcHRpb24gbGV0LWl0ZW09XCJpdGVtXCI+XG4gIDxuZy10ZW1wbGF0ZSAjdG9vbFRpcD5cbiAgICA8c3BhbiBjbGFzcz1cImxvY2F0aW9uLXRvb2x0aXBcIj57eyBpdGVtLnRvb2xUaXBUZXh0IH19PC9zcGFuPlxuICA8L25nLXRlbXBsYXRlPlxuICA8ZGl2ICpuZ0lmPVwiaXRlbS50b29sVGlwVGV4dFwiIGNsYXNzPVwiZGVzY3JpcHRpb24tbG9jYXRpb25cIiBraXRUb29sdGlwXG4gICAgICAga2l0VG9vbHRpcEZpbHRlcj1cImRpdi5kZXNjcmlwdGlvbi1sb2NhdGlvblwiXG4gICAgICAgdG9vbHRpcENsYXNzPVwibG9jYXRpb24tdG9vbHRpcC13cmFwcGVyXCJcbiAgICAgICBba2l0VG9vbHRpcFRlbXBsYXRlUmVmXT1cInRvb2xUaXBcIlxuICAgICAgIFtraXRUb29sdGlwUG9zaXRpb25dPVwidG9vbFRpcFBvc2l0aW9uXCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpdGVtLmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJjYXB0aW9uXCI+e3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwiIWl0ZW0udG9vbFRpcFRleHRcIiBjbGFzcz1cImRlc2NyaXB0aW9uLWxvY2F0aW9uXCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpdGVtLmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJjYXB0aW9uXCI+e3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwiaXRlbS5uYW1lXCIgY2xhc3M9XCJkZXNjcmlwdGlvbi1uYW1lXCI+e3sgaXRlbS5uYW1lIH19PC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RhdGVzIGxldC1kYXRlcz1cImRhdGVzXCI+XG4gIDxkaXYgKm5nRm9yPVwibGV0IGRhdGUgb2YgZGF0ZXNcIiBjbGFzcz1cImRhdGUgZGlzcGxheS1mbGV4XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJkYXRlLWRlc2NyaXB0aW9uXCI+e3sgZGF0ZS5kZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgICA8c3Bhbj57eyBkYXRlLnZhbHVlIH19PC9zcGFuPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxkaXYgY2xhc3M9XCJraXQtbG9jYXRpb24tc3RlcHBlclwiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgZmlyc3QgPSBmaXJzdDsgbGV0IGxhc3QgPSBsYXN0XCIgY2xhc3M9XCJzdGVwIHt7IGl0ZW0uY3NzQ2xhc3MgfX1cIlxuICAgICAgIFtjbGFzcy5maXJzdF09XCJmaXJzdFwiXG4gICAgICAgW2NsYXNzLmxhc3RdPVwibGFzdFwiXG4gICAgICAgW2NsYXNzLmhhcy1zdWItaXRlbXNdPVwiISFpdGVtLnN1Ykl0ZW1zXCI+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtaW5uZXIgZGlzcGxheS1mbGV4XCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5kYXRlcz8ubGVuZ3RoXCIgY2xhc3M9XCJkYXRlc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGF0ZXM7IGNvbnRleHQ6IHsgZGF0ZXM6IGl0ZW0uZGF0ZXMgfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uOyBjb250ZXh0OiB7IGl0ZW06IGl0ZW0gfVwiPjwvbmctY29udGFpbmVyPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRlc2NyaXB0aW9uOyBjb250ZXh0OiB7IGl0ZW06IGl0ZW0gfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIml0ZW0uc3ViSXRlbXM/Lmxlbmd0aFwiIGNsYXNzPVwic3ViLWl0ZW1zXCI+XG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBzdWJJdGVtIG9mIGl0ZW0uc3ViSXRlbXNcIiBjbGFzcz1cInN1Yi1pdGVtIGRpc3BsYXktZmxleCB7eyBzdWJJdGVtLmNzc0NsYXNzIH19XCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJzdWJJdGVtLmRhdGVzPy5sZW5ndGhcIiBjbGFzcz1cImRhdGVzXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRhdGVzOyBjb250ZXh0OiB7IGRhdGVzOiBzdWJJdGVtLmRhdGVzIH1cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb247IGNvbnRleHQ6IHsgaXRlbTogc3ViSXRlbSB9XCI+PC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRlc2NyaXB0aW9uOyBjb250ZXh0OiB7IGl0ZW06IHN1Ykl0ZW0gfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwLWxpbmVcIj48L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Ou
|
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@progress/kendo-angular-
|
|
6
|
-
import * as i2 from "@progress/kendo-angular-
|
|
5
|
+
import * as i1 from "@progress/kendo-angular-label";
|
|
6
|
+
import * as i2 from "@progress/kendo-angular-inputs";
|
|
7
7
|
import * as i3 from "../kit-input-message/kit-input-message.component";
|
|
8
8
|
import * as i4 from "@angular/common";
|
|
9
9
|
export class KitToggleComponent {
|
|
@@ -61,14 +61,14 @@ KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
61
61
|
provide: NG_VALUE_ACCESSOR,
|
|
62
62
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
63
63
|
multi: true,
|
|
64
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <
|
|
64
|
+
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\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-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "disabled", "readonly", "tabindex", "checked", "size", "thumbRounded", "trackRounded", "tabIndex", "onLabel", "offLabel"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
67
|
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
68
68
|
provide: NG_VALUE_ACCESSOR,
|
|
69
69
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
70
70
|
multi: true,
|
|
71
|
-
}], template: "<div class=\"kit-toggle\">\n <
|
|
71
|
+
}], template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\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-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"] }]
|
|
72
72
|
}], propDecorators: { label: [{
|
|
73
73
|
type: Input
|
|
74
74
|
}], disabled: [{
|
|
@@ -84,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
84
84
|
}], changed: [{
|
|
85
85
|
type: Output
|
|
86
86
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7OztBQWN2RixNQUFNLE9BQU8sa0JBQWtCO0lBWi9CO1FBa0JFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBWXpDOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDO1FBRXhFOztXQUVHO1FBQ08sWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBVXZFOztXQUVHO1FBQ0gsYUFBUSxHQUFHLENBQUMsS0FBYyxFQUFRLEVBQUU7UUFDcEMsQ0FBQyxDQUFDO1FBRUY7O1dBRUc7UUFDSCxjQUFTLEdBQUcsR0FBUyxFQUFFO1FBQ3ZCLENBQUMsQ0FBQztLQWtCSDtJQXBDQzs7T0FFRztJQUNILGtCQUFrQixDQUFDLE9BQWdCO1FBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQWNELGdCQUFnQixDQUFDLEVBQXdCO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDOzsrR0F2RVUsa0JBQWtCO21HQUFsQixrQkFBa0IsOE9BTmxCLENBQUM7WUFDVixPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7WUFDakQsS0FBSyxFQUFFLElBQUk7U0FDWixDQUFDLDBCQ2ZKLHNoQkFjQTsyRkRHYSxrQkFBa0I7a0JBWjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsbUJBQW1CLENBQUM7NEJBQ2pELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7OEJBTU8sS0FBSztzQkFBYixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0SW5wdXRNZXNzYWdlVHlwZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXRUb2dnbGVDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvKipcbiAgICogRGVmaW5lcyBhIGxhYmVsIHRleHQgd2hpY2ggd2lsbCBiZSBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgdG9nZ2xlXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpbiBkaXNhYmxlZCBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGRlZmF1bHQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRDaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBPY2N1cnMgYXMgc29vbiBhcyB0b2dnbGUgc3RhdGUgaXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0b2dnbGUgc3RhdGUgY2hhbmdlZFxuICAgKi9cbiAgb25JbnB1dFN0YXRlQ2hhbmdlKGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKGNoZWNrZWQpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KGNoZWNrZWQpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCBldmVyeSB0aW1lIHRoZSBmb3JtIGNvbnRyb2wgdmFsdWUgY2hhbmdlc1xuICAgKi9cbiAgb25DaGFuZ2UgPSAodmFsdWU6IGJvb2xlYW4pOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRDaGVja2VkID0gdmFsdWU7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXRvZ2dsZVwiPlxuICA8a2VuZG8tbGFiZWwgY2xhc3M9XCJsYWJlbFwiIFt0ZXh0XT1cImxhYmVsXCI+PC9rZW5kby1sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImtpdC10b2dnbGUtd3JhcHBlclwiPlxuICAgIDxrZW5kby1zd2l0Y2ggW2NoZWNrZWRdPVwiZGVmYXVsdENoZWNrZWRcIlxuICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvbklucHV0U3RhdGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgPjwva2VuZG8tc3dpdGNoPlxuICA8L2Rpdj5cbiAgPGtpdC1pbnB1dC1tZXNzYWdlICpuZ0lmPVwibWVzc2FnZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwibWVzc2FnZVR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwibWVzc2FnZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICA+PC9raXQtaW5wdXQtbWVzc2FnZT5cbjwvZGl2PlxuIl19
|
|
@@ -5,6 +5,7 @@ export var KitQueryParamsName;
|
|
|
5
5
|
(function (KitQueryParamsName) {
|
|
6
6
|
KitQueryParamsName["FILTER"] = "filter";
|
|
7
7
|
})(KitQueryParamsName || (KitQueryParamsName = {}));
|
|
8
|
+
const queryParamsDelimiter = ',';
|
|
8
9
|
export class KitQueryParamsService {
|
|
9
10
|
constructor(activatedRoute) {
|
|
10
11
|
this.activatedRoute = activatedRoute;
|
|
@@ -12,30 +13,30 @@ export class KitQueryParamsService {
|
|
|
12
13
|
getQueryParamsByName(name) {
|
|
13
14
|
const queryParams = this.activatedRoute.snapshot.queryParams;
|
|
14
15
|
const params = queryParams[name];
|
|
15
|
-
const paramsDelimiter = ',';
|
|
16
16
|
if (!params) {
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
19
|
if (typeof params === 'string') {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
[name]: value,
|
|
24
|
-
}];
|
|
20
|
+
return [
|
|
21
|
+
this.buildParams(params),
|
|
22
|
+
];
|
|
25
23
|
}
|
|
26
24
|
return params?.map(params => {
|
|
27
|
-
|
|
28
|
-
const name = values[0];
|
|
29
|
-
const value = values.slice(1);
|
|
30
|
-
return {
|
|
31
|
-
[name]: value.length > 1 && [...value] || value[0],
|
|
32
|
-
};
|
|
25
|
+
return this.buildParams(params);
|
|
33
26
|
});
|
|
34
27
|
}
|
|
28
|
+
buildParams(params) {
|
|
29
|
+
const values = params.split(queryParamsDelimiter);
|
|
30
|
+
const name = values[0];
|
|
31
|
+
const value = values.slice(1);
|
|
32
|
+
return {
|
|
33
|
+
[name]: value.length > 1 && [...value] || value[0],
|
|
34
|
+
};
|
|
35
|
+
}
|
|
35
36
|
}
|
|
36
37
|
KitQueryParamsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitQueryParamsService, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
37
38
|
KitQueryParamsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitQueryParamsService });
|
|
38
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitQueryParamsService, decorators: [{
|
|
39
40
|
type: Injectable
|
|
40
41
|
}], ctorParameters: function () { return [{ type: i1.ActivatedRoute }]; } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXF1ZXJ5LXBhcmFtcy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvc2VydmljZXMva2l0LXF1ZXJ5LXBhcmFtcy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUczQyxNQUFNLENBQU4sSUFBWSxrQkFFWDtBQUZELFdBQVksa0JBQWtCO0lBQzVCLHVDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFGVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBRTdCO0FBSUQsTUFBTSxvQkFBb0IsR0FBVyxHQUFHLENBQUM7QUFHekMsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxZQUNVLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtJQUV4QyxDQUFDO0lBRUQsb0JBQW9CLENBQUMsSUFBd0I7UUFDM0MsTUFBTSxXQUFXLEdBQW1CLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQztRQUM3RSxNQUFNLE1BQU0sR0FBNkIsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTNELElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsSUFBSSxPQUFPLE1BQU0sS0FBSyxRQUFRLEVBQUU7WUFDOUIsT0FBTztnQkFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQzthQUN6QixDQUFDO1NBQ0g7UUFFRCxPQUFPLE1BQU0sRUFBRSxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDMUIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLFdBQVcsQ0FBQyxNQUFjO1FBQ2hDLE1BQU0sTUFBTSxHQUFhLE1BQU0sQ0FBQyxLQUFLLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUM1RCxNQUFNLElBQUksR0FBVyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0IsTUFBTSxLQUFLLEdBQWEsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUV4QyxPQUFPO1lBQ0wsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQztTQUNuRCxDQUFDO0lBQ0osQ0FBQzs7a0hBakNVLHFCQUFxQjtzSEFBckIscUJBQXFCOzJGQUFyQixxQkFBcUI7a0JBRGpDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmV4cG9ydCBlbnVtIEtpdFF1ZXJ5UGFyYW1zTmFtZSB7XG4gIEZJTFRFUiA9ICdmaWx0ZXInLFxufVxuXG5leHBvcnQgdHlwZSBLaXRRdWVyeVBhcmFtcyA9IFJlY29yZDxzdHJpbmcsIHN0cmluZyB8IHN0cmluZ1tdPjtcblxuY29uc3QgcXVlcnlQYXJhbXNEZWxpbWl0ZXI6IHN0cmluZyA9ICcsJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEtpdFF1ZXJ5UGFyYW1zU2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICApIHtcbiAgfVxuXG4gIGdldFF1ZXJ5UGFyYW1zQnlOYW1lKG5hbWU6IEtpdFF1ZXJ5UGFyYW1zTmFtZSk6IEtpdFF1ZXJ5UGFyYW1zW10gfCBudWxsIHtcbiAgICBjb25zdCBxdWVyeVBhcmFtczogS2l0UXVlcnlQYXJhbXMgPSB0aGlzLmFjdGl2YXRlZFJvdXRlLnNuYXBzaG90LnF1ZXJ5UGFyYW1zO1xuICAgIGNvbnN0IHBhcmFtczogc3RyaW5nIHwgc3RyaW5nW10gfCBudWxsID0gcXVlcnlQYXJhbXNbbmFtZV07XG5cbiAgICBpZiAoIXBhcmFtcykge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKHR5cGVvZiBwYXJhbXMgPT09ICdzdHJpbmcnKSB7XG4gICAgICByZXR1cm4gW1xuICAgICAgICB0aGlzLmJ1aWxkUGFyYW1zKHBhcmFtcyksXG4gICAgICBdO1xuICAgIH1cblxuICAgIHJldHVybiBwYXJhbXM/Lm1hcChwYXJhbXMgPT4ge1xuICAgICAgcmV0dXJuIHRoaXMuYnVpbGRQYXJhbXMocGFyYW1zKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYnVpbGRQYXJhbXMocGFyYW1zOiBzdHJpbmcpOiBLaXRRdWVyeVBhcmFtcyB7XG4gICAgY29uc3QgdmFsdWVzOiBzdHJpbmdbXSA9IHBhcmFtcy5zcGxpdChxdWVyeVBhcmFtc0RlbGltaXRlcik7XG4gICAgY29uc3QgbmFtZTogc3RyaW5nID0gdmFsdWVzWzBdO1xuICAgIGNvbnN0IHZhbHVlOiBzdHJpbmdbXSA9IHZhbHVlcy5zbGljZSgxKTtcblxuICAgIHJldHVybiB7XG4gICAgICBbbmFtZV06IHZhbHVlLmxlbmd0aCA+IDEgJiYgWy4uLnZhbHVlXSB8fCB2YWx1ZVswXSxcbiAgICB9O1xuICB9XG59XG5cbiJdfQ==
|
|
@@ -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: [{
|
|
@@ -2033,14 +2033,14 @@ KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
2033
2033
|
provide: NG_VALUE_ACCESSOR,
|
|
2034
2034
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2035
2035
|
multi: true,
|
|
2036
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <
|
|
2036
|
+
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\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-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "disabled", "readonly", "tabindex", "checked", "size", "thumbRounded", "trackRounded", "tabIndex", "onLabel", "offLabel"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2037
2037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
2038
2038
|
type: Component,
|
|
2039
2039
|
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
2040
2040
|
provide: NG_VALUE_ACCESSOR,
|
|
2041
2041
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2042
2042
|
multi: true,
|
|
2043
|
-
}], template: "<div class=\"kit-toggle\">\n <
|
|
2043
|
+
}], template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\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-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"] }]
|
|
2044
2044
|
}], propDecorators: { label: [{
|
|
2045
2045
|
type: Input
|
|
2046
2046
|
}], disabled: [{
|
|
@@ -2684,6 +2684,7 @@ var KitQueryParamsName;
|
|
|
2684
2684
|
(function (KitQueryParamsName) {
|
|
2685
2685
|
KitQueryParamsName["FILTER"] = "filter";
|
|
2686
2686
|
})(KitQueryParamsName || (KitQueryParamsName = {}));
|
|
2687
|
+
const queryParamsDelimiter = ',';
|
|
2687
2688
|
class KitQueryParamsService {
|
|
2688
2689
|
constructor(activatedRoute) {
|
|
2689
2690
|
this.activatedRoute = activatedRoute;
|
|
@@ -2691,26 +2692,26 @@ class KitQueryParamsService {
|
|
|
2691
2692
|
getQueryParamsByName(name) {
|
|
2692
2693
|
const queryParams = this.activatedRoute.snapshot.queryParams;
|
|
2693
2694
|
const params = queryParams[name];
|
|
2694
|
-
const paramsDelimiter = ',';
|
|
2695
2695
|
if (!params) {
|
|
2696
2696
|
return null;
|
|
2697
2697
|
}
|
|
2698
2698
|
if (typeof params === 'string') {
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
[name]: value,
|
|
2703
|
-
}];
|
|
2699
|
+
return [
|
|
2700
|
+
this.buildParams(params),
|
|
2701
|
+
];
|
|
2704
2702
|
}
|
|
2705
2703
|
return params === null || params === void 0 ? void 0 : params.map(params => {
|
|
2706
|
-
|
|
2707
|
-
const name = values[0];
|
|
2708
|
-
const value = values.slice(1);
|
|
2709
|
-
return {
|
|
2710
|
-
[name]: value.length > 1 && [...value] || value[0],
|
|
2711
|
-
};
|
|
2704
|
+
return this.buildParams(params);
|
|
2712
2705
|
});
|
|
2713
2706
|
}
|
|
2707
|
+
buildParams(params) {
|
|
2708
|
+
const values = params.split(queryParamsDelimiter);
|
|
2709
|
+
const name = values[0];
|
|
2710
|
+
const value = values.slice(1);
|
|
2711
|
+
return {
|
|
2712
|
+
[name]: value.length > 1 && [...value] || value[0],
|
|
2713
|
+
};
|
|
2714
|
+
}
|
|
2714
2715
|
}
|
|
2715
2716
|
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 });
|
|
2716
2717
|
KitQueryParamsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitQueryParamsService });
|