npm - @indigina/ui-kit - Versions diffs - 1.0.162 → 1.1.1 - Mend

@indigina/ui-kit 1.0.162 → 1.1.1

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.

Files changed (79) hide show

package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs CHANGED Viewed

@@ -87,13 +87,13 @@ export class KitDatetimepickerComponent {
         this.disabled = disabled;
     }
 }
-KitDatetimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDatetimepickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-KitDatetimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitDatetimepickerComponent, selector: "kit-datetimepicker", inputs: { label: "label", placeholder: "placeholder", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", isValid: "isValid", format: "format", defaultDate: "defaultDate", min: "min", max: "max" }, outputs: { changed: "changed" }, providers: [{
+KitDatetimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDatetimepickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+KitDatetimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitDatetimepickerComponent, selector: "kit-datetimepicker", inputs: { label: "label", placeholder: "placeholder", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", isValid: "isValid", format: "format", defaultDate: "defaultDate", min: "min", max: "max" }, outputs: { changed: "changed" }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => KitDatetimepickerComponent),
             multi: true,
         }], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n     [class.datetimepicker-disabled]=\"disabled\"\n     [class.datetimepicker-invalid]=\"!isValid\"\n     [class.datetimepicker-opened]=\"datetimepicker.isOpen\"\n>\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"datetimepicker\"\n  ></kendo-label>\n  <div class=\"datetimepicker-wrap\">\n    <button class=\"toggle-btn\" (click)=\"onPopupToggle()\">\n      <kit-svg-icon *ngIf=\"icon\"\n                    class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n    <kendo-datetimepicker #datetimepicker\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\" [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\"\n                          (close)=\"onClose()\"\n    ></kendo-datetimepicker>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\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-datetimepicker .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker .k-datetimepicker{padding:4px 8px 4px 28px;height:34px;width:100%;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;border:1px solid #efefef}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:#00b0ad;box-shadow:none}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0;line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:#74777d}.kit-datetimepicker .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-datetimepicker .toggle-btn{position:absolute;top:0;left:0;padding:0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-datetimepicker.datetimepicker-opened .toggle-btn .button-icon{stroke:#00b0ad}.kit-datetimepicker:focus-within .k-datetimepicker{color:#27282a}.kit-datetimepicker.datetimepicker-disabled .label{color:#74777d}.kit-datetimepicker.datetimepicker-disabled .k-datetimepicker{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-datetimepicker.datetimepicker-disabled .toggle-btn{cursor:default}.kit-datetimepicker.datetimepicker-disabled .toggle-btn .button-icon{stroke:#c1c7d0}.kit-datetimepicker.datetimepicker-invalid .k-datetimepicker{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup{margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:296px}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{padding:4px;border-radius:6px 6px 0 0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{height:32px;color:#27282a;font-size:13px;font-weight:400;border-radius:6px 6px 0 0;border:1px solid #c1c7d0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{background:#ffffff}.kit-datetimepicker-popup.k-popup .k-datetime-selector{padding-top:6px;background:none}.kit-datetimepicker-popup.k-popup .kalendar-view{padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:296px}.kit-datetimepicker-popup.k-popup .k-calendar{width:100%;background:none}.kit-datetimepicker-popup.k-popup .k-link{align-items:center;width:100%;height:100%;color:#27282a;font-size:13px;font-weight:500;border-radius:50%;box-shadow:none}.kit-datetimepicker-popup.k-popup .k-link:hover{color:#7ccdf4;background:none}.kit-datetimepicker-popup.k-popup .k-calendar-view{padding:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-view:after{display:none}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-calendar-th{padding:6px 0;height:auto;color:#9a9fa6;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-link{width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-table{border-collapse:collapse}.kit-datetimepicker-popup.k-popup .k-calendar-header,.kit-datetimepicker-popup.k-popup .k-time-header{margin:0 0 6px;padding:4px 30px;border-radius:6px 6px 0 0;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-title{padding:0;color:#27282a;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now,.kit-datetimepicker-popup.k-popup .k-time-header .k-today,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:#7ccdf4;font-size:16px;font-weight:400;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays{padding:6px 8px 0}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays .k-calendar-th{padding:0;height:40px;color:#27282a;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-content{margin:0;padding:0 8px;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-content>.k-calendar-table{margin:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:40px;height:40px;border:1px solid #dfdfdf}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{background:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-empty{border:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-selected .k-link{color:#fff;border:1px solid #dfdfdf;background:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-focused .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-action-buttons{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-datetimepicker-popup.k-popup .k-action-buttons .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-time-cancel{color:#27282a;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-time-accept{color:#fff;background:#006890}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{padding:0;height:252px;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper.k-state-focused{background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{margin-top:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDatetimepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDatetimepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-datetimepicker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                             provide: NG_VALUE_ACCESSOR,

package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.module.mjs CHANGED Viewed

@@ -9,18 +9,18 @@ import '@progress/kendo-angular-intl/locales/en-GB/all';
 import * as i0 from "@angular/core";
 export class KitDatetimepickerModule {
 }
-KitDatetimepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDatetimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitDatetimepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitDatetimepickerModule, declarations: [KitDatetimepickerComponent], imports: [CommonModule,
+KitDatetimepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDatetimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitDatetimepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitDatetimepickerModule, declarations: [KitDatetimepickerComponent], imports: [CommonModule,
         DateInputsModule,
         LabelModule,
         KitSvgIconModule,
         KitInputMessageModule], exports: [KitDatetimepickerComponent] });
-KitDatetimepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDatetimepickerModule, imports: [CommonModule,
+KitDatetimepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDatetimepickerModule, imports: [CommonModule,
         DateInputsModule,
         LabelModule,
         KitSvgIconModule,
         KitInputMessageModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDatetimepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDatetimepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-dialog/kit-dialog.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
 export class KitDialogComponent {
 }
-KitDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-titlebar-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-titlebar-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogComponent, decorators: [{
+KitDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-titlebar-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-titlebar-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-titlebar-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-titlebar-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"] }]
         }] });

package/esm2020/lib/components/kit-dialog/kit-dialog.module.mjs CHANGED Viewed

@@ -6,14 +6,14 @@ import { ButtonModule } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 export class KitDialogModule {
 }
-KitDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitDialogModule, declarations: [KitDialogComponent], imports: [DialogModule,
+KitDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitDialogModule, declarations: [KitDialogComponent], imports: [DialogModule,
         ButtonModule], exports: [KitDialogComponent] });
-KitDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogModule, providers: [
+KitDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogModule, providers: [
         KitDialogService,
     ], imports: [DialogModule,
         ButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-dialog/kit-dialog.service.mjs CHANGED Viewed

@@ -23,9 +23,9 @@ export class KitDialogService {
         this.closed.emit(this.dialogRef);
     }
 }
-KitDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogService, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-KitDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogService, decorators: [{
+KitDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogService, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+KitDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DialogService }]; }, propDecorators: { opened: [{
                 type: Output

package/esm2020/lib/components/kit-dialog-actions/kit-dialog-actions.component.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
 export class KitDialogActionsComponent {
 }
-KitDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitDialogActionsComponent, selector: "kit-dialog-actions", ngImport: i0, template: "<kendo-dialog-actions class=\"kit-dialog-actions d-flex flex-justify-content-end\" layout=\"normal\">\n  <ng-content\n  ></ng-content>\n</kendo-dialog-actions>\n", styles: ["::ng-deep .kit-dialog-actions{margin-top:10px;padding:20px 0 0;border:0;border-top:6px solid var(--ui-kit-color-grey-3)}\n"], dependencies: [{ kind: "component", type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogActionsComponent, decorators: [{
+KitDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitDialogActionsComponent, selector: "kit-dialog-actions", ngImport: i0, template: "<kendo-dialog-actions class=\"kit-dialog-actions d-flex flex-justify-content-end\" layout=\"normal\">\n  <ng-content\n  ></ng-content>\n</kendo-dialog-actions>\n", styles: ["::ng-deep .kit-dialog-actions{margin-top:10px;padding:20px 0 0;border:0;border-top:6px solid var(--ui-kit-color-grey-3)}\n"], dependencies: [{ kind: "component", type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-dialog-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-dialog-actions class=\"kit-dialog-actions d-flex flex-justify-content-end\" layout=\"normal\">\n  <ng-content\n  ></ng-content>\n</kendo-dialog-actions>\n", styles: ["::ng-deep .kit-dialog-actions{margin-top:10px;padding:20px 0 0;border:0;border-top:6px solid var(--ui-kit-color-grey-3)}\n"] }]
         }] });

package/esm2020/lib/components/kit-dialog-actions/kit-dialog-actions.module.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { WindowModule } from '@progress/kendo-angular-dialog';
 import * as i0 from "@angular/core";
 export class KitDialogActionsModule {
 }
-KitDialogActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitDialogActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitDialogActionsModule, declarations: [KitDialogActionsComponent], imports: [WindowModule], exports: [KitDialogActionsComponent] });
-KitDialogActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogActionsModule, imports: [WindowModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDialogActionsModule, decorators: [{
+KitDialogActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitDialogActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitDialogActionsModule, declarations: [KitDialogActionsComponent], imports: [WindowModule], exports: [KitDialogActionsComponent] });
+KitDialogActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogActionsModule, imports: [WindowModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDialogActionsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs CHANGED Viewed

@@ -99,13 +99,13 @@ export class KitDropdownComponent {
         this.changeDetectorRef.markForCheck();
     }
 }
-KitDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitDropdownComponent, selector: "kit-dropdown", inputs: { items: "items", selectedItem: "selectedItem", label: "label", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state", defaultItem: "defaultItem", listHeight: "listHeight", hideDefaultItem: "hideDefaultItem" }, outputs: { selected: "selected" }, providers: [{
+KitDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitDropdownComponent, selector: "kit-dropdown", inputs: { items: "items", selectedItem: "selectedItem", label: "label", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state", defaultItem: "defaultItem", listHeight: "listHeight", hideDefaultItem: "hideDefaultItem" }, outputs: { selected: "selected" }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => KitDropdownComponent),
             multi: true,
         }], queries: [{ propertyName: "kitDropdownItemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"dropdown\"\n  ></kendo-label>\n  <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n                      [data]=\"items\"\n                      [(ngModel)]=\"selectedItem\"\n                      [valuePrimitive]=\"true\"\n                      [disabled]=\"disabled\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem\"\n                      [listHeight]=\"listHeight\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template *ngIf=\"kitDropdownItemTemplate\" kendoDropDownListItemTemplate let-dataItem>\n      <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n      ></ng-container>\n    </ng-template>\n  </kendo-dropdownlist>\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}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #002a3a}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-optionlabel:not(:last-of-type),.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], dependencies: [{ kind: "component", type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                             provide: NG_VALUE_ACCESSOR,

package/esm2020/lib/components/kit-dropdown/kit-dropdown.module.mjs CHANGED Viewed

@@ -8,20 +8,20 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class KitDropdownModule {
 }
-KitDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitDropdownModule, declarations: [KitDropdownComponent], imports: [DropDownListModule,
+KitDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitDropdownModule, declarations: [KitDropdownComponent], imports: [DropDownListModule,
         LabelModule,
         CommonModule,
         KitInputMessageModule,
         ReactiveFormsModule,
         FormsModule], exports: [KitDropdownComponent] });
-KitDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDropdownModule, imports: [DropDownListModule,
+KitDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDropdownModule, imports: [DropDownListModule,
         LabelModule,
         CommonModule,
         KitInputMessageModule,
         ReactiveFormsModule,
         FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-file-upload/kit-file-upload.component.mjs CHANGED Viewed

@@ -16,7 +16,7 @@ export class KitFileUploadComponent {
         /**
          * Defines the URL of the endpoint for the upload request
          */
-        this.saveUrl = null;
+        this.saveUrl = '';
         /**
          * Defines the initial list of files
          */
@@ -25,6 +25,10 @@ export class KitFileUploadComponent {
          * An action which is emitted when download file button clicked
          */
         this.fileDownloaded = new EventEmitter();
+        /**
+         * An action which is emitted when files are selected
+         */
+        this.filesSelected = new EventEmitter();
         this.KitSvgIcon = KitSvgIcon;
         this.KitButtonKind = KitButtonKind;
         this.kitFileUploadValidationErrorMap = {
@@ -35,6 +39,9 @@ export class KitFileUploadComponent {
     onFileDownload(file) {
         this.fileDownloaded.emit(file);
     }
+    onFilesSelect(files) {
+        this.filesSelected.emit(files);
+    }
     getValidationError(error) {
         const valueGetter = this.kitFileUploadValidationErrorMap[error];
         return valueGetter && valueGetter();
@@ -43,11 +50,11 @@ export class KitFileUploadComponent {
         return files;
     }
 }
-KitFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitFileUploadComponent, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages" }, outputs: { fileDownloaded: "fileDownloaded" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [(ngModel)]=\"files\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      <ng-container *ngIf=\"getTypedFiles(files); let files\">\n        <ng-container *ngFor=\"let file of files\">\n          <div class=\"file-info\">\n            <div class=\"file-name\">\n              {{ file.name }}\n            </div>\n\n            <div *ngFor=\"let error of file.validationErrors\" class=\"file-validation-message\">\n              {{ getValidationError(error) }}\n            </div>\n          </div>\n          <button *ngIf=\"!file.validationErrors\" class=\"download-button\">\n            <kit-svg-icon class=\"download-button-icon\"\n                          [icon]=\"KitSvgIcon.DOWNLOAD\"\n                          (click)=\"onFileDownload(file)\"\n            ></kit-svg-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </kendo-upload>\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt);font-size:14px}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}\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: i2.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i2.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i2.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitFileUploadComponent, decorators: [{
+KitFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitFileUploadComponent, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [autoUpload]=\"false\"\n                [(ngModel)]=\"files\"\n                (select)=\"onFilesSelect($event.files)\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      <ng-container *ngIf=\"getTypedFiles(files); let files\">\n        <ng-container *ngFor=\"let file of files\">\n          <div class=\"file-info\">\n            <div class=\"file-name\">\n              {{ file.name }}\n            </div>\n\n            <div *ngFor=\"let error of file.validationErrors\" class=\"file-validation-message\">\n              {{ getValidationError(error) }}\n            </div>\n          </div>\n          <button *ngIf=\"!file.validationErrors\" class=\"download-button\">\n            <kit-svg-icon class=\"download-button-icon\"\n                          [icon]=\"KitSvgIcon.DOWNLOAD\"\n                          (click)=\"onFileDownload(file)\"\n            ></kit-svg-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </kendo-upload>\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt);font-size:14px}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}\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: i2.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i2.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i2.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitFileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-file-upload', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [(ngModel)]=\"files\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      <ng-container *ngIf=\"getTypedFiles(files); let files\">\n        <ng-container *ngFor=\"let file of files\">\n          <div class=\"file-info\">\n            <div class=\"file-name\">\n              {{ file.name }}\n            </div>\n\n            <div *ngFor=\"let error of file.validationErrors\" class=\"file-validation-message\">\n              {{ getValidationError(error) }}\n            </div>\n          </div>\n          <button *ngIf=\"!file.validationErrors\" class=\"download-button\">\n            <kit-svg-icon class=\"download-button-icon\"\n                          [icon]=\"KitSvgIcon.DOWNLOAD\"\n                          (click)=\"onFileDownload(file)\"\n            ></kit-svg-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </kendo-upload>\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt);font-size:14px}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}\n"] }]
+            args: [{ selector: 'kit-file-upload', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [autoUpload]=\"false\"\n                [(ngModel)]=\"files\"\n                (select)=\"onFilesSelect($event.files)\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      <ng-container *ngIf=\"getTypedFiles(files); let files\">\n        <ng-container *ngFor=\"let file of files\">\n          <div class=\"file-info\">\n            <div class=\"file-name\">\n              {{ file.name }}\n            </div>\n\n            <div *ngFor=\"let error of file.validationErrors\" class=\"file-validation-message\">\n              {{ getValidationError(error) }}\n            </div>\n          </div>\n          <button *ngIf=\"!file.validationErrors\" class=\"download-button\">\n            <kit-svg-icon class=\"download-button-icon\"\n                          [icon]=\"KitSvgIcon.DOWNLOAD\"\n                          (click)=\"onFileDownload(file)\"\n            ></kit-svg-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </kendo-upload>\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt);font-size:14px}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}\n"] }]
         }], propDecorators: { saveUrl: [{
                 type: Input
             }], files: [{
@@ -62,5 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                 type: Input
             }], fileDownloaded: [{
                 type: Output
+            }], filesSelected: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWZpbGUtdXBsb2FkL2tpdC1maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1maWxlLXVwbG9hZC9raXQtZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFHaEUsSUFBSyw0QkFHSjtBQUhELFdBQUssNEJBQTRCO0lBQy9CLCtFQUErQyxDQUFBO0lBQy9DLDRFQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFISSw0QkFBNEIsS0FBNUIsNEJBQTRCLFFBR2hDO0FBU0QsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFOztXQUVHO1FBQ00sWUFBTyxHQUFrQixJQUFJLENBQUM7UUFFdkM7O1dBRUc7UUFDTSxVQUFLLEdBQXdCLEVBQUUsQ0FBQztRQXNCekM7O1dBRUc7UUFDTyxtQkFBYyxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQUV6RixlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsb0NBQStCLEdBQWlDO1lBQ3ZFLENBQUMsNEJBQTRCLENBQUMsc0JBQXNCLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsaUJBQWlCLElBQUksRUFBRTtZQUNwSCxDQUFDLDRCQUE0QixDQUFDLHFCQUFxQixDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLFdBQVcsSUFBSSxFQUFFO1NBQzlHLENBQUM7S0FjSDtJQVpDLGNBQWMsQ0FBQyxJQUF1QjtRQUNwQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixNQUFNLFdBQVcsR0FBaUIsSUFBSSxDQUFDLCtCQUErQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlFLE9BQU8sV0FBVyxJQUFJLFdBQVcsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBMEI7UUFDdEMsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOzttSEF0RFUsc0JBQXNCO3VHQUF0QixzQkFBc0Isa1RDakJuQyw2dENBZ0NBOzJGRGZhLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFNNUIsT0FBTztzQkFBZixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLHlCQUF5QjtzQkFBakMsS0FBSztnQkFLSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0QnV0dG9uS2luZCB9IGZyb20gJy4uL2tpdC1idXR0b24va2l0LWJ1dHRvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRGaWxlVXBsb2FkRmlsZSwgS2l0RmlsZVVwbG9hZEZpbGVSZXN0cmljdGlvbnMsIEtpdEZpbGVVcGxvYWRGaWxlUmVzdHJpY3Rpb25zTWVzc2FnZXMgfSBmcm9tICcuL2tpdC1maWxlLXVwbG9hZC5tb2RlbCc7XG5cbmVudW0gS2l0RmlsZVVwbG9hZFZhbGlkYXRpb25FcnJvciB7XG4gIElOVkFMSURfRklMRV9FWFRFTlNJT04gPSAnaW52YWxpZEZpbGVFeHRlbnNpb24nLFxuICBJTlZBTElEX01BWF9GSUxFX1NJWkUgPSAnaW52YWxpZE1heEZpbGVTaXplJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWZpbGUtdXBsb2FkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1maWxlLXVwbG9hZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0RmlsZVVwbG9hZENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBVUkwgb2YgdGhlIGVuZHBvaW50IGZvciB0aGUgdXBsb2FkIHJlcXVlc3RcbiAgICovXG4gIEBJbnB1dCgpIHNhdmVVcmw6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpbml0aWFsIGxpc3Qgb2YgZmlsZXNcbiAgICovXG4gIEBJbnB1dCgpIGZpbGVzOiBLaXRGaWxlVXBsb2FkRmlsZVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBsYWJlbCBmb3IgXCJTZWxlY3QgZmlsZXNcIiBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdEZpbGVzTGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBsYWJlbCBmb3IgZHJvcHpvbmVcbiAgICovXG4gIEBJbnB1dCgpIGRyb3B6b25lTGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHJlc3RyaWN0aW9ucyBmb3Igc2VsZWN0ZWQgZmlsZXNcbiAgICovXG4gIEBJbnB1dCgpIHJlc3RyaWN0aW9ucz86IEtpdEZpbGVVcGxvYWRGaWxlUmVzdHJpY3Rpb25zO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGlzdCBvZiBlcnJvciBtZXNzYWdlcyBmb3Igc2VsZWN0ZWQgZmlsZXNcbiAgICovXG4gIEBJbnB1dCgpIHJlc3RyaWN0aW9uc0Vycm9yTWVzc2FnZXM/OiBLaXRGaWxlVXBsb2FkRmlsZVJlc3RyaWN0aW9uc01lc3NhZ2VzO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIGRvd25sb2FkIGZpbGUgYnV0dG9uIGNsaWNrZWRcbiAgICovXG4gIEBPdXRwdXQoKSBmaWxlRG93bmxvYWRlZDogRXZlbnRFbWl0dGVyPEtpdEZpbGVVcGxvYWRGaWxlPiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0RmlsZVVwbG9hZEZpbGU+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRCdXR0b25LaW5kOiB0eXBlb2YgS2l0QnV0dG9uS2luZCA9IEtpdEJ1dHRvbktpbmQ7XG4gIHJlYWRvbmx5IGtpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3JNYXA6IFJlY29yZDxzdHJpbmcsICgpID0+IHN0cmluZz4gPSB7XG4gICAgW0tpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3IuSU5WQUxJRF9GSUxFX0VYVEVOU0lPTl06ICgpID0+IHRoaXMucmVzdHJpY3Rpb25zRXJyb3JNZXNzYWdlcz8uYWxsb3dlZEV4dGVuc2lvbnMgfHwgJycsXG4gICAgW0tpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3IuSU5WQUxJRF9NQVhfRklMRV9TSVpFXTogKCkgPT4gdGhpcy5yZXN0cmljdGlvbnNFcnJvck1lc3NhZ2VzPy5tYXhGaWxlU2l6ZSB8fCAnJyxcbiAgfTtcblxuICBvbkZpbGVEb3dubG9hZChmaWxlOiBLaXRGaWxlVXBsb2FkRmlsZSk6IHZvaWQge1xuICAgIHRoaXMuZmlsZURvd25sb2FkZWQuZW1pdChmaWxlKTtcbiAgfVxuXG4gIGdldFZhbGlkYXRpb25FcnJvcihlcnJvcjogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCB2YWx1ZUdldHRlcjogKCkgPT4gc3RyaW5nID0gdGhpcy5raXRGaWxlVXBsb2FkVmFsaWRhdGlvbkVycm9yTWFwW2Vycm9yXTtcbiAgICByZXR1cm4gdmFsdWVHZXR0ZXIgJiYgdmFsdWVHZXR0ZXIoKTtcbiAgfVxuXG4gIGdldFR5cGVkRmlsZXMoZmlsZXM6IEtpdEZpbGVVcGxvYWRGaWxlW10pOiBLaXRGaWxlVXBsb2FkRmlsZVtdIHtcbiAgICByZXR1cm4gZmlsZXM7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtZmlsZS11cGxvYWRcIj5cbiAgPGtlbmRvLXVwbG9hZCBbc2F2ZVVybF09XCJzYXZlVXJsXCJcbiAgICAgICAgICAgICAgICBbd2l0aENyZWRlbnRpYWxzXT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBbcmVzdHJpY3Rpb25zXT1cInJlc3RyaWN0aW9uc1wiXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJmaWxlc1wiPlxuICAgIDxrZW5kby11cGxvYWQtbWVzc2FnZXMgW3NlbGVjdF09XCJzZWxlY3RGaWxlc0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkcm9wRmlsZXNIZXJlXT1cImRyb3B6b25lTGFiZWxcIlxuICAgID48L2tlbmRvLXVwbG9hZC1tZXNzYWdlcz5cblxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1VwbG9hZEZpbGVUZW1wbGF0ZSBsZXQtZmlsZXM+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ2V0VHlwZWRGaWxlcyhmaWxlcyk7IGxldCBmaWxlc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBmaWxlIG9mIGZpbGVzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtaW5mb1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtbmFtZVwiPlxuICAgICAgICAgICAgICB7eyBmaWxlLm5hbWUgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBlcnJvciBvZiBmaWxlLnZhbGlkYXRpb25FcnJvcnNcIiBjbGFzcz1cImZpbGUtdmFsaWRhdGlvbi1tZXNzYWdlXCI+XG4gICAgICAgICAgICAgIHt7IGdldFZhbGlkYXRpb25FcnJvcihlcnJvcikgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZmlsZS52YWxpZGF0aW9uRXJyb3JzXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIj5cbiAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJkb3dubG9hZC1idXR0b24taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uRE9XTkxPQURcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25GaWxlRG93bmxvYWQoZmlsZSlcIlxuICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwva2VuZG8tdXBsb2FkPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWZpbGUtdXBsb2FkL2tpdC1maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1maWxlLXVwbG9hZC9raXQtZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFHaEUsSUFBSyw0QkFHSjtBQUhELFdBQUssNEJBQTRCO0lBQy9CLCtFQUErQyxDQUFBO0lBQy9DLDRFQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFISSw0QkFBNEIsS0FBNUIsNEJBQTRCLFFBR2hDO0FBU0QsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFOztXQUVHO1FBQ00sWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUU5Qjs7V0FFRztRQUNNLFVBQUssR0FBd0IsRUFBRSxDQUFDO1FBc0J6Qzs7V0FFRztRQUNPLG1CQUFjLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBRWxHOztXQUVHO1FBQ08sa0JBQWEsR0FBc0MsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFFNUYsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBeUIsYUFBYSxDQUFDO1FBQ3BELG9DQUErQixHQUFpQztZQUN2RSxDQUFDLDRCQUE0QixDQUFDLHNCQUFzQixDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLGlCQUFpQixJQUFJLEVBQUU7WUFDcEgsQ0FBQyw0QkFBNEIsQ0FBQyxxQkFBcUIsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxXQUFXLElBQUksRUFBRTtTQUM5RyxDQUFDO0tBa0JIO0lBaEJDLGNBQWMsQ0FBQyxJQUF1QjtRQUNwQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQTBCO1FBQ3RDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFhO1FBQzlCLE1BQU0sV0FBVyxHQUFpQixJQUFJLENBQUMsK0JBQStCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUUsT0FBTyxXQUFXLElBQUksV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUEwQjtRQUN0QyxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O21IQS9EVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixrVkNqQm5DLCt6Q0FrQ0E7MkZEakJhLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFNNUIsT0FBTztzQkFBZixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLHlCQUF5QjtzQkFBakMsS0FBSztnQkFLSSxjQUFjO3NCQUF2QixNQUFNO2dCQUtHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRCdXR0b25LaW5kIH0gZnJvbSAnLi4va2l0LWJ1dHRvbi9raXQtYnV0dG9uLmNvbnN0JztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdEZpbGVVcGxvYWRGaWxlLCBLaXRGaWxlVXBsb2FkRmlsZVJlc3RyaWN0aW9ucywgS2l0RmlsZVVwbG9hZEZpbGVSZXN0cmljdGlvbnNNZXNzYWdlcyB9IGZyb20gJy4va2l0LWZpbGUtdXBsb2FkLm1vZGVsJztcblxuZW51bSBLaXRGaWxlVXBsb2FkVmFsaWRhdGlvbkVycm9yIHtcbiAgSU5WQUxJRF9GSUxFX0VYVEVOU0lPTiA9ICdpbnZhbGlkRmlsZUV4dGVuc2lvbicsXG4gIElOVkFMSURfTUFYX0ZJTEVfU0laRSA9ICdpbnZhbGlkTWF4RmlsZVNpemUnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZmlsZS11cGxvYWQnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRGaWxlVXBsb2FkQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIFVSTCBvZiB0aGUgZW5kcG9pbnQgZm9yIHRoZSB1cGxvYWQgcmVxdWVzdFxuICAgKi9cbiAgQElucHV0KCkgc2F2ZVVybDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIGluaXRpYWwgbGlzdCBvZiBmaWxlc1xuICAgKi9cbiAgQElucHV0KCkgZmlsZXM6IEtpdEZpbGVVcGxvYWRGaWxlW10gPSBbXTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGxhYmVsIGZvciBcIlNlbGVjdCBmaWxlc1wiIGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0RmlsZXNMYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGxhYmVsIGZvciBkcm9wem9uZVxuICAgKi9cbiAgQElucHV0KCkgZHJvcHpvbmVMYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgcmVzdHJpY3Rpb25zIGZvciBzZWxlY3RlZCBmaWxlc1xuICAgKi9cbiAgQElucHV0KCkgcmVzdHJpY3Rpb25zPzogS2l0RmlsZVVwbG9hZEZpbGVSZXN0cmljdGlvbnM7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBsaXN0IG9mIGVycm9yIG1lc3NhZ2VzIGZvciBzZWxlY3RlZCBmaWxlc1xuICAgKi9cbiAgQElucHV0KCkgcmVzdHJpY3Rpb25zRXJyb3JNZXNzYWdlcz86IEtpdEZpbGVVcGxvYWRGaWxlUmVzdHJpY3Rpb25zTWVzc2FnZXM7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gZG93bmxvYWQgZmlsZSBidXR0b24gY2xpY2tlZFxuICAgKi9cbiAgQE91dHB1dCgpIGZpbGVEb3dubG9hZGVkOiBFdmVudEVtaXR0ZXI8S2l0RmlsZVVwbG9hZEZpbGU+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXRGaWxlVXBsb2FkRmlsZT4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiBmaWxlcyBhcmUgc2VsZWN0ZWRcbiAgICovXG4gIEBPdXRwdXQoKSBmaWxlc1NlbGVjdGVkOiBFdmVudEVtaXR0ZXI8S2l0RmlsZVVwbG9hZEZpbGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEZpbGVVcGxvYWRGaWxlW10+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRCdXR0b25LaW5kOiB0eXBlb2YgS2l0QnV0dG9uS2luZCA9IEtpdEJ1dHRvbktpbmQ7XG4gIHJlYWRvbmx5IGtpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3JNYXA6IFJlY29yZDxzdHJpbmcsICgpID0+IHN0cmluZz4gPSB7XG4gICAgW0tpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3IuSU5WQUxJRF9GSUxFX0VYVEVOU0lPTl06ICgpID0+IHRoaXMucmVzdHJpY3Rpb25zRXJyb3JNZXNzYWdlcz8uYWxsb3dlZEV4dGVuc2lvbnMgfHwgJycsXG4gICAgW0tpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3IuSU5WQUxJRF9NQVhfRklMRV9TSVpFXTogKCkgPT4gdGhpcy5yZXN0cmljdGlvbnNFcnJvck1lc3NhZ2VzPy5tYXhGaWxlU2l6ZSB8fCAnJyxcbiAgfTtcblxuICBvbkZpbGVEb3dubG9hZChmaWxlOiBLaXRGaWxlVXBsb2FkRmlsZSk6IHZvaWQge1xuICAgIHRoaXMuZmlsZURvd25sb2FkZWQuZW1pdChmaWxlKTtcbiAgfVxuXG4gIG9uRmlsZXNTZWxlY3QoZmlsZXM6IEtpdEZpbGVVcGxvYWRGaWxlW10pOiB2b2lkIHtcbiAgICB0aGlzLmZpbGVzU2VsZWN0ZWQuZW1pdChmaWxlcyk7XG4gIH1cblxuICBnZXRWYWxpZGF0aW9uRXJyb3IoZXJyb3I6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgY29uc3QgdmFsdWVHZXR0ZXI6ICgpID0+IHN0cmluZyA9IHRoaXMua2l0RmlsZVVwbG9hZFZhbGlkYXRpb25FcnJvck1hcFtlcnJvcl07XG4gICAgcmV0dXJuIHZhbHVlR2V0dGVyICYmIHZhbHVlR2V0dGVyKCk7XG4gIH1cblxuICBnZXRUeXBlZEZpbGVzKGZpbGVzOiBLaXRGaWxlVXBsb2FkRmlsZVtdKTogS2l0RmlsZVVwbG9hZEZpbGVbXSB7XG4gICAgcmV0dXJuIGZpbGVzO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LWZpbGUtdXBsb2FkXCI+XG4gIDxrZW5kby11cGxvYWQgW3NhdmVVcmxdPVwic2F2ZVVybFwiXG4gICAgICAgICAgICAgICAgW3dpdGhDcmVkZW50aWFsc109XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgW3Jlc3RyaWN0aW9uc109XCJyZXN0cmljdGlvbnNcIlxuICAgICAgICAgICAgICAgIFthdXRvVXBsb2FkXT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImZpbGVzXCJcbiAgICAgICAgICAgICAgICAoc2VsZWN0KT1cIm9uRmlsZXNTZWxlY3QoJGV2ZW50LmZpbGVzKVwiPlxuICAgIDxrZW5kby11cGxvYWQtbWVzc2FnZXMgW3NlbGVjdF09XCJzZWxlY3RGaWxlc0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkcm9wRmlsZXNIZXJlXT1cImRyb3B6b25lTGFiZWxcIlxuICAgID48L2tlbmRvLXVwbG9hZC1tZXNzYWdlcz5cblxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1VwbG9hZEZpbGVUZW1wbGF0ZSBsZXQtZmlsZXM+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ2V0VHlwZWRGaWxlcyhmaWxlcyk7IGxldCBmaWxlc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBmaWxlIG9mIGZpbGVzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtaW5mb1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtbmFtZVwiPlxuICAgICAgICAgICAgICB7eyBmaWxlLm5hbWUgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBlcnJvciBvZiBmaWxlLnZhbGlkYXRpb25FcnJvcnNcIiBjbGFzcz1cImZpbGUtdmFsaWRhdGlvbi1tZXNzYWdlXCI+XG4gICAgICAgICAgICAgIHt7IGdldFZhbGlkYXRpb25FcnJvcihlcnJvcikgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZmlsZS52YWxpZGF0aW9uRXJyb3JzXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIj5cbiAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJkb3dubG9hZC1idXR0b24taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uRE9XTkxPQURcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25GaWxlRG93bmxvYWQoZmlsZSlcIlxuICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwva2VuZG8tdXBsb2FkPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/kit-file-upload/kit-file-upload.module.mjs CHANGED Viewed

@@ -8,18 +8,18 @@ import { HttpClientModule } from '@angular/common/http';
 import * as i0 from "@angular/core";
 export class KitFileUploadModule {
 }
-KitFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitFileUploadModule, declarations: [KitFileUploadComponent], imports: [CommonModule,
+KitFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitFileUploadModule, declarations: [KitFileUploadComponent], imports: [CommonModule,
         UploadModule,
         KitSvgIconModule,
         FormsModule,
         HttpClientModule], exports: [KitFileUploadComponent] });
-KitFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitFileUploadModule, imports: [CommonModule,
+KitFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitFileUploadModule, imports: [CommonModule,
         UploadModule,
         KitSvgIconModule,
         FormsModule,
         HttpClientModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-input-message/kit-input-message.component.mjs CHANGED Viewed

@@ -21,9 +21,9 @@ export class KitInputMessageComponent {
         this.message = '';
     }
 }
-KitInputMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitInputMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitInputMessageComponent, selector: "kit-input-message", inputs: { type: "type", icon: "icon", message: "message" }, ngImport: i0, template: "<div class=\"kit-input-message kit-input-message-{{type}} display-flex flex-align-items-center\">\n  <kit-svg-icon *ngIf=\"icon\"\n                class=\"message-icon\"\n                [icon]=\"icon\"\n  ></kit-svg-icon>\n  <div class=\"message-text\">{{ message }}</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-input-message{margin-top:4px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:#27282a}.kit-input-message.kit-input-message-hint .message-text{color:#4d5053}.kit-input-message.kit-input-message-success .message-text{color:#0f8732}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageComponent, decorators: [{
+KitInputMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitInputMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitInputMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitInputMessageComponent, selector: "kit-input-message", inputs: { type: "type", icon: "icon", message: "message" }, ngImport: i0, template: "<div class=\"kit-input-message kit-input-message-{{type}} display-flex flex-align-items-center\">\n  <kit-svg-icon *ngIf=\"icon\"\n                class=\"message-icon\"\n                [icon]=\"icon\"\n  ></kit-svg-icon>\n  <div class=\"message-text\">{{ message }}</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-input-message{margin-top:4px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:#27282a}.kit-input-message.kit-input-message-hint .message-text{color:#4d5053}.kit-input-message.kit-input-message-success .message-text{color:#0f8732}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitInputMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-input-message', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-message kit-input-message-{{type}} display-flex flex-align-items-center\">\n  <kit-svg-icon *ngIf=\"icon\"\n                class=\"message-icon\"\n                [icon]=\"icon\"\n  ></kit-svg-icon>\n  <div class=\"message-text\">{{ message }}</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-input-message{margin-top:4px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:#27282a}.kit-input-message.kit-input-message-hint .message-text{color:#4d5053}.kit-input-message.kit-input-message-success .message-text{color:#0f8732}\n"] }]
         }], propDecorators: { type: [{

package/esm2020/lib/components/kit-input-message/kit-input-message.module.mjs CHANGED Viewed

@@ -5,12 +5,12 @@ import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class KitInputMessageModule {
 }
-KitInputMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitInputMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageModule, declarations: [KitInputMessageComponent], imports: [CommonModule,
+KitInputMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitInputMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitInputMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitInputMessageModule, declarations: [KitInputMessageComponent], imports: [CommonModule,
         KitSvgIconModule], exports: [KitInputMessageComponent] });
-KitInputMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageModule, imports: [CommonModule,
+KitInputMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitInputMessageModule, imports: [CommonModule,
         KitSvgIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitInputMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-loader/kit-loader.component.mjs CHANGED Viewed

@@ -10,9 +10,9 @@ export class KitLoaderComponent {
         this.SvgIconLogo = KitSvgIcon.LOGO;
     }
 }
-KitLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitLoaderComponent, selector: "kit-loader", ngImport: i0, template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"], dependencies: [{ kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLoaderComponent, decorators: [{
+KitLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitLoaderComponent, selector: "kit-loader", ngImport: i0, template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"], dependencies: [{ kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-loader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"] }]
         }] });

package/esm2020/lib/components/kit-loader/kit-loader.module.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
 import * as i0 from "@angular/core";
 export class KitLoaderModule {
 }
-KitLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitLoaderModule, declarations: [KitLoaderComponent], imports: [KitSvgIconModule], exports: [KitLoaderComponent] });
-KitLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLoaderModule, imports: [KitSvgIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLoaderModule, decorators: [{
+KitLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitLoaderModule, declarations: [KitLoaderComponent], imports: [KitSvgIconModule], exports: [KitLoaderComponent] });
+KitLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLoaderModule, imports: [KitSvgIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLoaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.component.mjs CHANGED Viewed

@@ -15,9 +15,9 @@ export class KitLocationStepperComponent {
         this.KitSvgIcon = KitSvgIcon;
     }
 }
-KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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;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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
+KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
             type: Component,
             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"] }]
         }], propDecorators: { items: [{

package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.module.mjs CHANGED Viewed

@@ -6,14 +6,14 @@ import { KitTooltipModule } from '../../directives/kit-tooltip/kit-tooltip.modul
 import * as i0 from "@angular/core";
 export class KitLocationStepperModule {
 }
-KitLocationStepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitLocationStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperModule, declarations: [KitLocationStepperComponent], imports: [CommonModule,
+KitLocationStepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLocationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitLocationStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitLocationStepperModule, declarations: [KitLocationStepperComponent], imports: [CommonModule,
         KitSvgIconModule,
         KitTooltipModule], exports: [KitLocationStepperComponent] });
-KitLocationStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperModule, imports: [CommonModule,
+KitLocationStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLocationStepperModule, imports: [CommonModule,
         KitSvgIconModule,
         KitTooltipModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitLocationStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs CHANGED Viewed

@@ -25,9 +25,9 @@ export class KitNavigationTabsComponent {
         return item.iconType || KitNavigationTabsItemIconType.STROKE;
     }
 }
-KitNavigationTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\">\n    <a *ngFor=\"let item of items\"\n       class=\"tab-item\"\n       routerLinkActive=\"tab-item-active\"\n       [routerLink]=\"getRouterLink(item)\">\n      <kit-svg-icon *ngIf=\"item.icon\"\n                    class=\"tab-item-icon\"\n                    [icon]=\"item.icon\"\n                    [ngClass]=\"getItemIconCssClass(item)\"\n      ></kit-svg-icon>\n      \n      <span class=\"tab-item-title\"\n            [innerHTML]=\"item.title\"\n      ></span>\n    </a>\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
+KitNavigationTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\">\n    <a *ngFor=\"let item of items\"\n       class=\"tab-item\"\n       routerLinkActive=\"tab-item-active\"\n       [routerLink]=\"getRouterLink(item)\">\n      <kit-svg-icon *ngIf=\"item.icon\"\n                    class=\"tab-item-icon\"\n                    [icon]=\"item.icon\"\n                    [ngClass]=\"getItemIconCssClass(item)\"\n      ></kit-svg-icon>\n      \n      <span class=\"tab-item-title\"\n            [innerHTML]=\"item.title\"\n      ></span>\n    </a>\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\">\n    <a *ngFor=\"let item of items\"\n       class=\"tab-item\"\n       routerLinkActive=\"tab-item-active\"\n       [routerLink]=\"getRouterLink(item)\">\n      <kit-svg-icon *ngIf=\"item.icon\"\n                    class=\"tab-item-icon\"\n                    [icon]=\"item.icon\"\n                    [ngClass]=\"getItemIconCssClass(item)\"\n      ></kit-svg-icon>\n      \n      <span class=\"tab-item-title\"\n            [innerHTML]=\"item.title\"\n      ></span>\n    </a>\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"] }]
         }], propDecorators: { items: [{