@indigina/ui-kit 1.0.158 → 1.0.160

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

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { KitButtonKind } from '../kit-button/kit-button.const';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-upload";
+import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
+import * as i4 from "@angular/forms";
+var KitFileUploadValidationError;
+(function (KitFileUploadValidationError) {
+    KitFileUploadValidationError["INVALID_FILE_EXTENSION"] = "invalidFileExtension";
+    KitFileUploadValidationError["INVALID_MAX_FILE_SIZE"] = "invalidMaxFileSize";
+})(KitFileUploadValidationError || (KitFileUploadValidationError = {}));
+export class KitFileUploadComponent {
+    constructor() {
+        /**
+         * Defines the URL of the endpoint for the upload request
+         */
+        this.saveUrl = null;
+        /**
+         * Defines the initial list of files
+         */
+        this.files = [];
+        /**
+         * An action which is emitted when download file button clicked
+         */
+        this.fileDownloaded = new EventEmitter();
+        this.KitSvgIcon = KitSvgIcon;
+        this.KitButtonKind = KitButtonKind;
+        this.kitFileUploadValidationErrorMap = {
+            [KitFileUploadValidationError.INVALID_FILE_EXTENSION]: () => this.restrictionsErrorMessages?.allowedExtensions || '',
+            [KitFileUploadValidationError.INVALID_MAX_FILE_SIZE]: () => this.restrictionsErrorMessages?.maxFileSize || '',
+        };
+    }
+    onFileDownload(file) {
+        this.fileDownloaded.emit(file);
+    }
+    getValidationError(error) {
+        const valueGetter = this.kitFileUploadValidationErrorMap[error];
+        return valueGetter && valueGetter();
+    }
+    getTypedFiles(files) {
+        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: [{
+            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"] }]
+        }], propDecorators: { saveUrl: [{
+                type: Input
+            }], files: [{
+                type: Input
+            }], selectFilesLabel: [{
+                type: Input
+            }], dropzoneLabel: [{
+                type: Input
+            }], restrictions: [{
+                type: Input
+            }], restrictionsErrorMessages: [{
+                type: Input
+            }], fileDownloaded: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWZpbGUtdXBsb2FkL2tpdC1maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1maWxlLXVwbG9hZC9raXQtZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFHaEUsSUFBSyw0QkFHSjtBQUhELFdBQUssNEJBQTRCO0lBQy9CLCtFQUErQyxDQUFBO0lBQy9DLDRFQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFISSw0QkFBNEIsS0FBNUIsNEJBQTRCLFFBR2hDO0FBU0QsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFOztXQUVHO1FBQ00sWUFBTyxHQUFrQixJQUFJLENBQUM7UUFFdkM7O1dBRUc7UUFDTSxVQUFLLEdBQXdCLEVBQUUsQ0FBQztRQXNCekM7O1dBRUc7UUFDTyxtQkFBYyxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQUV6RixlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsb0NBQStCLEdBQWlDO1lBQ3ZFLENBQUMsNEJBQTRCLENBQUMsc0JBQXNCLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsaUJBQWlCLElBQUksRUFBRTtZQUNwSCxDQUFDLDRCQUE0QixDQUFDLHFCQUFxQixDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLFdBQVcsSUFBSSxFQUFFO1NBQzlHLENBQUM7S0FjSDtJQVpDLGNBQWMsQ0FBQyxJQUF1QjtRQUNwQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixNQUFNLFdBQVcsR0FBaUIsSUFBSSxDQUFDLCtCQUErQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlFLE9BQU8sV0FBVyxJQUFJLFdBQVcsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBMEI7UUFDdEMsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOzttSEF0RFUsc0JBQXNCO3VHQUF0QixzQkFBc0Isa1RDakJuQyw2dENBZ0NBOzJGRGZhLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFNNUIsT0FBTztzQkFBZixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLHlCQUF5QjtzQkFBakMsS0FBSztnQkFLSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0QnV0dG9uS2luZCB9IGZyb20gJy4uL2tpdC1idXR0b24va2l0LWJ1dHRvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRGaWxlVXBsb2FkRmlsZSwgS2l0RmlsZVVwbG9hZEZpbGVSZXN0cmljdGlvbnMsIEtpdEZpbGVVcGxvYWRGaWxlUmVzdHJpY3Rpb25zTWVzc2FnZXMgfSBmcm9tICdwcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1maWxlLXVwbG9hZC9raXQtZmlsZS11cGxvYWQubW9kZWwnO1xuXG5lbnVtIEtpdEZpbGVVcGxvYWRWYWxpZGF0aW9uRXJyb3Ige1xuICBJTlZBTElEX0ZJTEVfRVhURU5TSU9OID0gJ2ludmFsaWRGaWxlRXh0ZW5zaW9uJyxcbiAgSU5WQUxJRF9NQVhfRklMRV9TSVpFID0gJ2ludmFsaWRNYXhGaWxlU2l6ZScsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtZmlsZS11cGxvYWQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEtpdEZpbGVVcGxvYWRDb21wb25lbnQge1xuICAvKipcbiAgICogRGVmaW5lcyB0aGUgVVJMIG9mIHRoZSBlbmRwb2ludCBmb3IgdGhlIHVwbG9hZCByZXF1ZXN0XG4gICAqL1xuICBASW5wdXQoKSBzYXZlVXJsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgaW5pdGlhbCBsaXN0IG9mIGZpbGVzXG4gICAqL1xuICBASW5wdXQoKSBmaWxlczogS2l0RmlsZVVwbG9hZEZpbGVbXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGFiZWwgZm9yIFwiU2VsZWN0IGZpbGVzXCIgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RGaWxlc0xhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGFiZWwgZm9yIGRyb3B6b25lXG4gICAqL1xuICBASW5wdXQoKSBkcm9wem9uZUxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSByZXN0cmljdGlvbnMgZm9yIHNlbGVjdGVkIGZpbGVzXG4gICAqL1xuICBASW5wdXQoKSByZXN0cmljdGlvbnM/OiBLaXRGaWxlVXBsb2FkRmlsZVJlc3RyaWN0aW9ucztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGxpc3Qgb2YgZXJyb3IgbWVzc2FnZXMgZm9yIHNlbGVjdGVkIGZpbGVzXG4gICAqL1xuICBASW5wdXQoKSByZXN0cmljdGlvbnNFcnJvck1lc3NhZ2VzPzogS2l0RmlsZVVwbG9hZEZpbGVSZXN0cmljdGlvbnNNZXNzYWdlcztcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiBkb3dubG9hZCBmaWxlIGJ1dHRvbiBjbGlja2VkXG4gICAqL1xuICBAT3V0cHV0KCkgZmlsZURvd25sb2FkZWQ6IEV2ZW50RW1pdHRlcjxLaXRGaWxlVXBsb2FkRmlsZT4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEZpbGVVcGxvYWRGaWxlPigpO1xuXG4gIHJlYWRvbmx5IEtpdFN2Z0ljb246IHR5cGVvZiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbjtcbiAgcmVhZG9ubHkgS2l0QnV0dG9uS2luZDogdHlwZW9mIEtpdEJ1dHRvbktpbmQgPSBLaXRCdXR0b25LaW5kO1xuICByZWFkb25seSBraXRGaWxlVXBsb2FkVmFsaWRhdGlvbkVycm9yTWFwOiBSZWNvcmQ8c3RyaW5nLCAoKSA9PiBzdHJpbmc+ID0ge1xuICAgIFtLaXRGaWxlVXBsb2FkVmFsaWRhdGlvbkVycm9yLklOVkFMSURfRklMRV9FWFRFTlNJT05dOiAoKSA9PiB0aGlzLnJlc3RyaWN0aW9uc0Vycm9yTWVzc2FnZXM/LmFsbG93ZWRFeHRlbnNpb25zIHx8ICcnLFxuICAgIFtLaXRGaWxlVXBsb2FkVmFsaWRhdGlvbkVycm9yLklOVkFMSURfTUFYX0ZJTEVfU0laRV06ICgpID0+IHRoaXMucmVzdHJpY3Rpb25zRXJyb3JNZXNzYWdlcz8ubWF4RmlsZVNpemUgfHwgJycsXG4gIH07XG5cbiAgb25GaWxlRG93bmxvYWQoZmlsZTogS2l0RmlsZVVwbG9hZEZpbGUpOiB2b2lkIHtcbiAgICB0aGlzLmZpbGVEb3dubG9hZGVkLmVtaXQoZmlsZSk7XG4gIH1cblxuICBnZXRWYWxpZGF0aW9uRXJyb3IoZXJyb3I6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgY29uc3QgdmFsdWVHZXR0ZXI6ICgpID0+IHN0cmluZyA9IHRoaXMua2l0RmlsZVVwbG9hZFZhbGlkYXRpb25FcnJvck1hcFtlcnJvcl07XG4gICAgcmV0dXJuIHZhbHVlR2V0dGVyICYmIHZhbHVlR2V0dGVyKCk7XG4gIH1cblxuICBnZXRUeXBlZEZpbGVzKGZpbGVzOiBLaXRGaWxlVXBsb2FkRmlsZVtdKTogS2l0RmlsZVVwbG9hZEZpbGVbXSB7XG4gICAgcmV0dXJuIGZpbGVzO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LWZpbGUtdXBsb2FkXCI+XG4gIDxrZW5kby11cGxvYWQgW3NhdmVVcmxdPVwic2F2ZVVybFwiXG4gICAgICAgICAgICAgICAgW3dpdGhDcmVkZW50aWFsc109XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgW3Jlc3RyaWN0aW9uc109XCJyZXN0cmljdGlvbnNcIlxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiZmlsZXNcIj5cbiAgICA8a2VuZG8tdXBsb2FkLW1lc3NhZ2VzIFtzZWxlY3RdPVwic2VsZWN0RmlsZXNMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbZHJvcEZpbGVzSGVyZV09XCJkcm9wem9uZUxhYmVsXCJcbiAgICA+PC9rZW5kby11cGxvYWQtbWVzc2FnZXM+XG5cbiAgICA8bmctdGVtcGxhdGUga2VuZG9VcGxvYWRGaWxlVGVtcGxhdGUgbGV0LWZpbGVzPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImdldFR5cGVkRmlsZXMoZmlsZXMpOyBsZXQgZmlsZXNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZmlsZSBvZiBmaWxlc1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLWluZm9cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLW5hbWVcIj5cbiAgICAgICAgICAgICAge3sgZmlsZS5uYW1lIH19XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgZmlsZS52YWxpZGF0aW9uRXJyb3JzXCIgY2xhc3M9XCJmaWxlLXZhbGlkYXRpb24tbWVzc2FnZVwiPlxuICAgICAgICAgICAgICB7eyBnZXRWYWxpZGF0aW9uRXJyb3IoZXJyb3IpIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiIWZpbGUudmFsaWRhdGlvbkVycm9yc1wiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCI+XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkRPV05MT0FEXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRmlsZURvd25sb2FkKGZpbGUpXCJcbiAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2tlbmRvLXVwbG9hZD5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/kit-file-upload/kit-file-upload.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWZpbGUtdXBsb2FkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtZmlsZS11cGxvYWQva2l0LWZpbGUtdXBsb2FkLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxlSW5mbyB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLXVwbG9hZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0RmlsZVVwbG9hZEZpbGVSZXN0cmljdGlvbnMge1xuICBhbGxvd2VkRXh0ZW5zaW9ucz86IHN0cmluZ1tdO1xuICBtYXhGaWxlU2l6ZT86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRGaWxlVXBsb2FkRmlsZVJlc3RyaWN0aW9uc01lc3NhZ2VzIHtcbiAgYWxsb3dlZEV4dGVuc2lvbnM/OiBzdHJpbmc7XG4gIG1heEZpbGVTaXplPzogc3RyaW5nO1xufVxuXG5leHBvcnQgdHlwZSBLaXRGaWxlVXBsb2FkRmlsZSA9IEZpbGVJbmZvO1xuIl19

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

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { KitFileUploadComponent } from './kit-file-upload.component';
+import { UploadModule } from '@progress/kendo-angular-upload';
+import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
+import { FormsModule } from '@angular/forms';
+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,
+        UploadModule,
+        KitSvgIconModule,
+        FormsModule,
+        HttpClientModule], exports: [KitFileUploadComponent] });
+KitFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", 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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitFileUploadComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        UploadModule,
+                        KitSvgIconModule,
+                        FormsModule,
+                        HttpClientModule,
+                    ],
+                    exports: [
+                        KitFileUploadComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWZpbGUtdXBsb2FkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWZpbGUtdXBsb2FkL2tpdC1maWxlLXVwbG9hZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFpQnhELE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFiNUIsc0JBQXNCLGFBR3RCLFlBQVk7UUFDWixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLFdBQVc7UUFDWCxnQkFBZ0IsYUFHaEIsc0JBQXNCO2lIQUdiLG1CQUFtQixZQVY1QixZQUFZO1FBQ1osWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixXQUFXO1FBQ1gsZ0JBQWdCOzJGQU1QLG1CQUFtQjtrQkFmL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxzQkFBc0I7cUJBQ3ZCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBLaXRGaWxlVXBsb2FkQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtZmlsZS11cGxvYWQuY29tcG9uZW50JztcbmltcG9ydCB7IFVwbG9hZE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLXVwbG9hZCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uTW9kdWxlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRGaWxlVXBsb2FkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFVwbG9hZE1vZHVsZSxcbiAgICBLaXRTdmdJY29uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIEh0dHBDbGllbnRNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRGaWxlVXBsb2FkQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRGaWxlVXBsb2FkTW9kdWxlIHtcbn1cbiJdfQ==

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

@@ -21,9 +21,9 @@ export class KitInputMessageComponent {
         this.message = '';
     }
 }
-KitInputMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitInputMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitInputMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", 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.1.0", ngImport: i0, type: KitInputMessageComponent, decorators: [{
+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: [{
             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

@@ -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.1.0", ngImport: i0, type: KitInputMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitInputMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0", ngImport: i0, type: KitInputMessageModule, declarations: [KitInputMessageComponent], imports: [CommonModule,
+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,
         KitSvgIconModule], exports: [KitInputMessageComponent] });
-KitInputMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitInputMessageModule, imports: [CommonModule,
+KitInputMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageModule, imports: [CommonModule,
         KitSvgIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitInputMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitInputMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -10,9 +10,9 @@ export class KitLoaderComponent {
         this.SvgIconLogo = KitSvgIcon.LOGO;
     }
 }
-KitLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", 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.1.0", ngImport: i0, type: KitLoaderComponent, decorators: [{
+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: [{
             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

@@ -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.1.0", ngImport: i0, type: KitLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0", ngImport: i0, type: KitLoaderModule, declarations: [KitLoaderComponent], imports: [KitSvgIconModule], exports: [KitLoaderComponent] });
-KitLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLoaderModule, imports: [KitSvgIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLoaderModule, decorators: [{
+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: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -15,9 +15,9 @@ export class KitLocationStepperComponent {
         this.KitSvgIcon = KitSvgIcon;
     }
 }
-KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitLocationStepperComponent, selector: "kit-location-stepper", inputs: { items: "items", toolTipPosition: "toolTipPosition" }, ngImport: i0, template: "<ng-template #icon let-item=\"item\">\n  <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n                [title]=\"item.title\"\n  ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n  <ng-template #toolTip>\n    <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n  </ng-template>\n  <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n       kitTooltipFilter=\"div.description-location\"\n       tooltipClass=\"location-tooltip-wrapper\"\n       [kitTooltipTemplateRef]=\"toolTip\"\n       [kitTooltipPosition]=\"toolTipPosition\">\n    <div class=\"title\">{{ item.title }}</div>\n    <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n  </div>\n\n  <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n    <div class=\"title\">{{ item.title }}</div>\n    <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n  </div>\n\n  <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n  <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n    <span class=\"date-description\">{{ date.description }}</span>\n    <span>{{ date.value }}</span>\n  </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n  <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n       [class.first]=\"first\"\n       [class.last]=\"last\"\n       [class.has-sub-items]=\"!!item.subItems\">\n    <div class=\"step-inner display-flex\">\n      <div *ngIf=\"item.dates?.length\" class=\"dates\">\n        <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n      <div class=\"description\">\n        <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n      </div>\n    </div>\n    <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n      <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n        <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n          <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n        <div class=\"description\">\n          <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <div class=\"step-line\"></div>\n  </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;min-width:80px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
+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: [{
             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

@@ -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.1.0", ngImport: i0, type: KitLocationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitLocationStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperModule, declarations: [KitLocationStepperComponent], imports: [CommonModule,
+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,
         KitSvgIconModule,
         KitTooltipModule], exports: [KitLocationStepperComponent] });
-KitLocationStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperModule, imports: [CommonModule,
+KitLocationStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperModule, imports: [CommonModule,
         KitSvgIconModule,
         KitTooltipModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitLocationStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitLocationStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -25,9 +25,9 @@ export class KitNavigationTabsComponent {
         return item.iconType || KitNavigationTabsItemIconType.STROKE;
     }
 }
-KitNavigationTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", 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.1.0", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
+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: [{
             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: [{

package/esm2020/lib/components/kit-navigation-tabs/kit-navigation-tabs.module.mjs

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

package/esm2020/lib/components/kit-note/kit-note.component.mjs

@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class KitNoteComponent {
 }
-KitNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitNoteComponent, selector: "kit-note", ngImport: i0, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNoteComponent, decorators: [{
+KitNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitNoteComponent, selector: "kit-note", ngImport: i0, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNoteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-note', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"] }]
         }] });

package/esm2020/lib/components/kit-note/kit-note.module.mjs

@@ -3,10 +3,10 @@ import { KitNoteComponent } from './kit-note.component';
 import * as i0 from "@angular/core";
 export class KitNoteModule {
 }
-KitNoteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KitNoteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0", ngImport: i0, type: KitNoteModule, declarations: [KitNoteComponent], exports: [KitNoteComponent] });
-KitNoteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNoteModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNoteModule, decorators: [{
+KitNoteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitNoteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: KitNoteModule, declarations: [KitNoteComponent], exports: [KitNoteComponent] });
+KitNoteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNoteModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNoteModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/components/kit-notification/kit-notification.component.mjs

@@ -16,9 +16,9 @@ export class KitNotificationComponent {
         this.type = KitNotificationType.INFO;
     }
 }
-KitNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitNotificationComponent, selector: "kit-notification", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"kit-notification notification-{{ type }}\">\n  <kit-svg-icon class=\"notification-icon\"\n                [icon]=\"type\"\n  ></kit-svg-icon>\n  <div class=\"notification-text\">\n    <ng-content></ng-content>\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-notification{display:flex;align-items:center;padding:12px}.kit-notification .notification-icon{margin-right:10px;width:20px;height:20px;fill:none;flex-shrink:0}.kit-notification .notification-text{color:#000;font-size:14px;font-weight:400;line-height:1.26;white-space:pre-wrap}.kit-notification.notification-info{background-color:#fff8e0}.kit-notification.notification-warning{background-color:#ffeee5}.kit-notification.notification-error{background-color:#f8e0e0}.kit-notification.notification-success{background-color:#e7f4ec}\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.1.0", ngImport: i0, type: KitNotificationComponent, decorators: [{
+KitNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitNotificationComponent, selector: "kit-notification", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"kit-notification notification-{{ type }}\">\n  <kit-svg-icon class=\"notification-icon\"\n                [icon]=\"type\"\n  ></kit-svg-icon>\n  <div class=\"notification-text\">\n    <ng-content></ng-content>\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-notification{display:flex;align-items:center;padding:12px}.kit-notification .notification-icon{margin-right:10px;width:20px;height:20px;fill:none;flex-shrink:0}.kit-notification .notification-text{color:#000;font-size:14px;font-weight:400;line-height:1.26;white-space:pre-wrap}.kit-notification.notification-info{background-color:#fff8e0}.kit-notification.notification-warning{background-color:#ffeee5}.kit-notification.notification-error{background-color:#f8e0e0}.kit-notification.notification-success{background-color:#e7f4ec}\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: KitNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-notification notification-{{ type }}\">\n  <kit-svg-icon class=\"notification-icon\"\n                [icon]=\"type\"\n  ></kit-svg-icon>\n  <div class=\"notification-text\">\n    <ng-content></ng-content>\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-notification{display:flex;align-items:center;padding:12px}.kit-notification .notification-icon{margin-right:10px;width:20px;height:20px;fill:none;flex-shrink:0}.kit-notification .notification-text{color:#000;font-size:14px;font-weight:400;line-height:1.26;white-space:pre-wrap}.kit-notification.notification-info{background-color:#fff8e0}.kit-notification.notification-warning{background-color:#ffeee5}.kit-notification.notification-error{background-color:#f8e0e0}.kit-notification.notification-success{background-color:#e7f4ec}\n"] }]
         }], propDecorators: { type: [{

package/esm2020/lib/components/kit-notification/kit-notification.module.mjs

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

package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs

@@ -63,13 +63,13 @@ export class KitNumericTextboxComponent {
         this.changed.emit(value);
     }
 }
-KitNumericTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitNumericTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitNumericTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", disabled: "disabled", format: "format" }, outputs: { blured: "blured", changed: "changed" }, providers: [{
+KitNumericTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNumericTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitNumericTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", disabled: "disabled", format: "format" }, outputs: { blured: "blured", changed: "changed" }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => KitNumericTextboxComponent),
             multi: true,
         }], ngImport: i0, template: "<div class=\"kit-numeric-textbox textbox-{{ messageType }}\"\n     [class.textbox-disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n  <kendo-numerictextbox #textbox\n                        [placeholder]=\"placeholder\"\n                        [disabled]=\"disabled\"\n                        [value]=\"defaultValue\"\n                        [decimals]=\"decimals\"\n                        [min]=\"min\"\n                        [max]=\"max\"\n                        [maxlength]=\"maxlength\"\n                        [format]=\"format\"\n                        [autoCorrect]=\"true\"\n                        [spinners]=\"false\"\n                        [selectOnFocus]=\"false\"\n                        (blur)=\"onInputBlur()\"\n                        (valueChange)=\"onInputChange($event)\"\n  ></kendo-numerictextbox>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-numeric-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-numeric-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-numeric-textbox .k-input:focus-within{border-color:#00b0ad}.kit-numeric-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-numeric-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:#74777d}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.textbox-disabled .label{color:#74777d}.kit-numeric-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.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.1.0", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-numeric-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                             provide: NG_VALUE_ACCESSOR,

package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs

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

package/esm2020/lib/components/kit-pill/kit-pill.component.mjs

@@ -19,9 +19,9 @@ export class KitPillComponent {
         this.clicked.emit(!this.selected);
     }
 }
-KitPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitPillComponent, selector: "kit-pill", inputs: { removable: "removable", selectable: "selectable", selected: "selected" }, outputs: { clicked: "clicked", removed: "removed" }, host: { listeners: { "click": "onComponentClick()" } }, ngImport: i0, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n     [class.kit-pill-selectable]=\"selectable\"\n     [class.kit-pill-selected]=\"selected\">\n  <div class=\"kit-pill-content display-flex flex-align-items-center\">\n    <ng-content\n    ></ng-content>\n  </div>\n  <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n    <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n                  [icon]=\"closeIcon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"], dependencies: [{ kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitPillComponent, decorators: [{
+KitPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitPillComponent, selector: "kit-pill", inputs: { removable: "removable", selectable: "selectable", selected: "selected" }, outputs: { clicked: "clicked", removed: "removed" }, host: { listeners: { "click": "onComponentClick()" } }, ngImport: i0, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n     [class.kit-pill-selectable]=\"selectable\"\n     [class.kit-pill-selected]=\"selected\">\n  <div class=\"kit-pill-content display-flex flex-align-items-center\">\n    <ng-content\n    ></ng-content>\n  </div>\n  <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n    <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n                  [icon]=\"closeIcon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"], dependencies: [{ kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitPillComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-pill', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n     [class.kit-pill-selectable]=\"selectable\"\n     [class.kit-pill-selected]=\"selected\">\n  <div class=\"kit-pill-content display-flex flex-align-items-center\">\n    <ng-content\n    ></ng-content>\n  </div>\n  <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n    <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n                  [icon]=\"closeIcon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"] }]
         }], propDecorators: { removable: [{

package/esm2020/lib/components/kit-pill/kit-pill.module.mjs

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

package/esm2020/lib/components/kit-radio-button/kit-radio-button.component.mjs

@@ -56,13 +56,13 @@ export class KitRadioButtonComponent {
         return !!item.readonly || !!item.disabled;
     }
 }
-KitRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: { items: "items", label: "label", name: "name", readonly: "readonly", disabled: "disabled" }, outputs: { changed: "changed" }, providers: [{
+KitRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: { items: "items", label: "label", name: "name", readonly: "readonly", disabled: "disabled" }, outputs: { changed: "changed" }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => KitRadioButtonComponent),
             multi: true,
         }], ngImport: i0, template: "<div class=\"kit-radio-button\">\n  <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n  ></kendo-label>\n\n  <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n    <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n         [class.readonly]=\"item.readonly || readonly || disabled\"\n         [class.disabled]=\"item.disabled || disabled\">\n      <input kendoRadioButton type=\"radio\"\n             [id]=\"buildLabelId(index)\"\n             [name]=\"name\"\n             [value]=\"item.value\"\n             [checked]=\"item.checked\"\n             (click)=\"handleClick($event, item)\"\n             (change)=\"onRadioValueChange(item)\" />\n\n      <kendo-label [text]=\"item.label\"\n                   [for]=\"buildLabelId(index)\"\n      ></kendo-label>\n    </div>\n  </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\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: "component", type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
                             provide: NG_VALUE_ACCESSOR,