@indigina/ui-kit 1.0.133 → 1.0.136

package/assets/icons/circle-cross-thin.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.0889 10L10 20.0888" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 10L20.0888 20.0888" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/trash.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 4H3.33333H14" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33337 4.00016V2.66683C5.33337 2.31321 5.47385 1.97407 5.7239 1.72402C5.97395 1.47397 6.31309 1.3335 6.66671 1.3335H9.33337C9.687 1.3335 10.0261 1.47397 10.2762 1.72402C10.5262 1.97407 10.6667 2.31321 10.6667 2.66683V4.00016M12.6667 4.00016V13.3335C12.6667 13.6871 12.5262 14.0263 12.2762 14.2763C12.0261 14.5264 11.687 14.6668 11.3334 14.6668H4.66671C4.31309 14.6668 3.97395 14.5264 3.7239 14.2763C3.47385 14.0263 3.33337 13.6871 3.33337 13.3335V4.00016H12.6667Z" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.66663 7.3335V11.3335" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33337 7.3335V11.3335" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/icons/wrench.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 11.911,6.97745 11.4672,5.58091 13.0026,4.05126 c 1e-4,-5e-5 1e-4,-1.1e-4 2e-4,-1.7e-4 0.224,-0.22315 0.2971,-0.55531 0.1892,-0.85101 l -5e-4,-0.00125 C 13.0827,2.90313 12.813,2.69755 12.4992,2.67052 l -10e-5,-10e-6 C 11.2893,2.56667 10.1021,2.99723 9.2438,3.85238 8.15387,4.9383 7.80729,6.48626 8.19958,7.8663 l -5.77003,5.4242 -3e-5,-10e-5 -0.00376,0.0036 -0.00226,0.002 -0.0107,0.0107 c -0.88375,0.8805 -0.88371,2.3126 -3e-5,3.1932 h 8e-5 c 0.88444,0.881 2.3075,0.868 3.18737,-0.0042 0.00932,-0.009 0.01875,-0.0187 0.02825,-0.0291 l 5.39223,-5.7877 c 1.431372,0.09346 3.032233,-0.09071 4.238015,-1.2271463 C 16.354554,8.418936 16.639657,6.1256996 16.32463,5.8317564 16.016718,5.2914816 15.360648,5.3790845 15.08629,5.6513908 l -1.707155,1.6943894 z m -7.89332,8.07385 -8e-5,10e-5 c -0.05813,0.0579 -0.15305,0.0581 -0.21146,-10e-5 -0.05689,-0.0566 -0.057,-0.1479 -2e-5,-0.2048 0.05826,-0.058 0.15328,-0.058 0.2116,10e-5 0.05696,0.0568 0.05684,0.1481 -4e-5,0.2047 z"/>
+</svg>

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

@@ -128,14 +128,14 @@ KitAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => KitAutocompleteComponent),
             multi: true,
-        }], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n     [class.autocomplete-empty]=\"!items || !items.length\"\n     [class.autocomplete-disabled]=\"disabled\"\n     [class.autocomplete-loading]=\"loaderVisible\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"combobox\">\n  </kendo-label>\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox  #combobox textField=\"text\" valueField=\"value\"\n                     kendoDropDownFilter\n                     [data]=\"items\"\n                     [placeholder]=\"placeholder\"\n                     [filterable]=\"true\"\n                     [disabled]=\"disabled\"\n                     [clearButton]=\"false\"\n                     [value]=\"selectedValue\"\n                     [allowCustom]=\"true\"\n                     [valueNormalizer]=\"normalizedSelectedValue$\"\n                     [popupSettings]=\"dropdownPopupSettings\"\n                     (focus)=\"onFocus()\"\n                     (blur)=\"onBlur()\"\n                     (selectionChange)=\"onValueSelect($event)\"\n                     (filterChange)=\"onFilterChange($event)\"\n    >\n      <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n      <ng-template kendoComboBoxHeaderTemplate>\n        <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["focusableId", "allowCustom", "valueNormalizer", "placeholder", "listHeight", "suggest", "clearButton", "disabled", "readonly", "tabindex", "filterable", "data", "value", "valuePrimitive", "popupSettings", "itemDisabled", "tabIndex", "virtual", "size", "rounded", "fillMode", "loading", "textField", "valueField", "iconClass"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { type: i3.KitLoaderComponent, selector: "kit-loader" }, { type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["filterable", "data", "kendoDropDownFilter"] }, { type: i2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { type: i2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        }], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n     [class.autocomplete-empty]=\"!items || !items.length\"\n     [class.autocomplete-disabled]=\"disabled\"\n     [class.autocomplete-loading]=\"loaderVisible\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"combobox\">\n  </kendo-label>\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox  #combobox textField=\"text\" valueField=\"value\"\n                     kendoDropDownFilter\n                     [data]=\"items\"\n                     [placeholder]=\"placeholder\"\n                     [filterable]=\"true\"\n                     [disabled]=\"disabled\"\n                     [clearButton]=\"false\"\n                     [value]=\"selectedValue\"\n                     [allowCustom]=\"true\"\n                     [valueNormalizer]=\"normalizedSelectedValue$\"\n                     [popupSettings]=\"dropdownPopupSettings\"\n                     (focus)=\"onFocus()\"\n                     (blur)=\"onBlur()\"\n                     (selectionChange)=\"onValueSelect($event)\"\n                     (filterChange)=\"onFilterChange($event)\"\n    >\n      <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n      <ng-template kendoComboBoxHeaderTemplate>\n        <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-blue: #6178f3}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["focusableId", "allowCustom", "valueNormalizer", "placeholder", "listHeight", "suggest", "clearButton", "disabled", "readonly", "tabindex", "filterable", "data", "value", "valuePrimitive", "popupSettings", "itemDisabled", "tabIndex", "virtual", "size", "rounded", "fillMode", "loading", "textField", "valueField", "iconClass"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { type: i3.KitLoaderComponent, selector: "kit-loader" }, { type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["filterable", "data", "kendoDropDownFilter"] }, { type: i2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { type: i2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => KitAutocompleteComponent),
                             multi: true,
-                        }], template: "<div class=\"kit-autocomplete {{ state }}\"\n     [class.autocomplete-empty]=\"!items || !items.length\"\n     [class.autocomplete-disabled]=\"disabled\"\n     [class.autocomplete-loading]=\"loaderVisible\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"combobox\">\n  </kendo-label>\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox  #combobox textField=\"text\" valueField=\"value\"\n                     kendoDropDownFilter\n                     [data]=\"items\"\n                     [placeholder]=\"placeholder\"\n                     [filterable]=\"true\"\n                     [disabled]=\"disabled\"\n                     [clearButton]=\"false\"\n                     [value]=\"selectedValue\"\n                     [allowCustom]=\"true\"\n                     [valueNormalizer]=\"normalizedSelectedValue$\"\n                     [popupSettings]=\"dropdownPopupSettings\"\n                     (focus)=\"onFocus()\"\n                     (blur)=\"onBlur()\"\n                     (selectionChange)=\"onValueSelect($event)\"\n                     (filterChange)=\"onFilterChange($event)\"\n    >\n      <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n      <ng-template kendoComboBoxHeaderTemplate>\n        <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
+                        }], template: "<div class=\"kit-autocomplete {{ state }}\"\n     [class.autocomplete-empty]=\"!items || !items.length\"\n     [class.autocomplete-disabled]=\"disabled\"\n     [class.autocomplete-loading]=\"loaderVisible\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"combobox\">\n  </kendo-label>\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox  #combobox textField=\"text\" valueField=\"value\"\n                     kendoDropDownFilter\n                     [data]=\"items\"\n                     [placeholder]=\"placeholder\"\n                     [filterable]=\"true\"\n                     [disabled]=\"disabled\"\n                     [clearButton]=\"false\"\n                     [value]=\"selectedValue\"\n                     [allowCustom]=\"true\"\n                     [valueNormalizer]=\"normalizedSelectedValue$\"\n                     [popupSettings]=\"dropdownPopupSettings\"\n                     (focus)=\"onFocus()\"\n                     (blur)=\"onBlur()\"\n                     (selectionChange)=\"onValueSelect($event)\"\n                     (filterChange)=\"onFilterChange($event)\"\n    >\n      <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n      <ng-template kendoComboBoxHeaderTemplate>\n        <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-blue: #6178f3}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
                 type: Input
             }], placeholder: [{

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

@@ -33,10 +33,10 @@ export class KitButtonComponent {
     }
 }
 KitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n  <button kendoButton\n          [disabled]=\"disabled\"\n          [ngClass]=\"[type, kind, iconPosition]\"\n          (click)=\"clicked.emit()\">\n    {{ label }}\n    <kit-svg-icon *ngIf=\"icon\"\n                  class=\"button-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n  <button kendoButton\n          [disabled]=\"disabled\"\n          [ngClass]=\"[type, kind, iconPosition]\"\n          (click)=\"clicked.emit()\">\n    {{ label }}\n    <kit-svg-icon *ngIf=\"icon\"\n                  class=\"button-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-blue: #6178f3}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n  <button kendoButton\n          [disabled]=\"disabled\"\n          [ngClass]=\"[type, kind, iconPosition]\"\n          (click)=\"clicked.emit()\">\n    {{ label }}\n    <kit-svg-icon *ngIf=\"icon\"\n                  class=\"button-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
+            args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n  <button kendoButton\n          [disabled]=\"disabled\"\n          [ngClass]=\"[type, kind, iconPosition]\"\n          (click)=\"clicked.emit()\">\n    {{ label }}\n    <kit-svg-icon *ngIf=\"icon\"\n                  class=\"button-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-blue: #6178f3}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], label: [{

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

@@ -87,14 +87,14 @@ KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => KitDropdownComponent),
             multi: true,
-        }], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"dropdown\"\n  ></kendo-label>\n  <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n                      [data]=\"items\"\n                      [(ngModel)]=\"selectedItem\"\n                      [valuePrimitive]=\"true\"\n                      [disabled]=\"disabled\"\n                      [popupSettings]=\"dropdownPopupSettings\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem\"\n                      [listHeight]=\"listHeight\"\n                      (selectionChange)=\"onItemSelect($event)\"\n  ></kendo-dropdownlist>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        }], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"dropdown\"\n  ></kendo-label>\n  <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n                      [data]=\"items\"\n                      [(ngModel)]=\"selectedItem\"\n                      [valuePrimitive]=\"true\"\n                      [disabled]=\"disabled\"\n                      [popupSettings]=\"dropdownPopupSettings\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem\"\n                      [listHeight]=\"listHeight\"\n                      (selectionChange)=\"onItemSelect($event)\"\n  ></kendo-dropdownlist>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-blue: #6178f3}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => KitDropdownComponent),
                             multi: true,
-                        }], template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"dropdown\"\n  ></kendo-label>\n  <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n                      [data]=\"items\"\n                      [(ngModel)]=\"selectedItem\"\n                      [valuePrimitive]=\"true\"\n                      [disabled]=\"disabled\"\n                      [popupSettings]=\"dropdownPopupSettings\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem\"\n                      [listHeight]=\"listHeight\"\n                      (selectionChange)=\"onItemSelect($event)\"\n  ></kendo-dropdownlist>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"] }]
+                        }], template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               [for]=\"dropdown\"\n  ></kendo-label>\n  <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n                      [data]=\"items\"\n                      [(ngModel)]=\"selectedItem\"\n                      [valuePrimitive]=\"true\"\n                      [disabled]=\"disabled\"\n                      [popupSettings]=\"dropdownPopupSettings\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem\"\n                      [listHeight]=\"listHeight\"\n                      (selectionChange)=\"onItemSelect($event)\"\n  ></kendo-dropdownlist>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-blue: #6178f3}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
                 type: Input
             }], selectedItem: [{

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

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import * as i0 from "@angular/core";
+import * as i1 from "../kit-svg-icon/kit-svg-icon.component";
+export class KitModalComponent {
+    constructor() {
+        /**
+         * An action that fires when close button clicked
+         */
+        this.closed = new EventEmitter();
+        this.closeIcon = KitSvgIcon.CIRCLE_CROSS_THIN;
+    }
+    close() {
+        this.closed.emit();
+    }
+}
+KitModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitModalComponent, selector: "kit-modal", inputs: { width: "width" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"kit-modal\">\n  <div class=\"modal-overlay\" (click)=\"close()\"></div>\n  <div class=\"modal-content\" [style.width]=\"width\">\n    <div class=\"modal-header\">\n      <ng-content select=\".modal-header-title\"></ng-content>\n      <button class=\"modal-header-button\" type=\"button\" (click)=\"close()\">\n        <kit-svg-icon [icon]=\"closeIcon\"></kit-svg-icon>\n      </button>\n    </div>\n    <ng-content select=\".modal-body\"></ng-content>\n    <ng-content select=\".modal-actions\"></ng-content>\n  </div>\n</div>\n", styles: [".kit-modal{--ui-kit-color-grey-2-rgb: 167, 178, 195;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10001}.kit-modal .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;background:rgba(var(--ui-kit-color-grey-2-rgb)/.4)}.kit-modal .modal-content{position:relative;padding:17px 25px;max-height:100%;overflow:auto;box-sizing:border-box;border:3px solid var(--ui-kit-color-grey-2);border-radius:12px;background:var(--ui-kit-color-white);z-index:100002}.kit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;color:var(--ui-kit-color-grey-0);font-size:13px;border-bottom:1px solid var(--ui-kit-color-grey-3)}.kit-modal .modal-header-button{padding:0;width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-blue);border:none;background:none;cursor:pointer}.kit-modal ::ng-deep .modal-actions{padding:18px 8px 8px;border-top:6px solid var(--ui-kit-color-grey-3)}\n"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-modal\">\n  <div class=\"modal-overlay\" (click)=\"close()\"></div>\n  <div class=\"modal-content\" [style.width]=\"width\">\n    <div class=\"modal-header\">\n      <ng-content select=\".modal-header-title\"></ng-content>\n      <button class=\"modal-header-button\" type=\"button\" (click)=\"close()\">\n        <kit-svg-icon [icon]=\"closeIcon\"></kit-svg-icon>\n      </button>\n    </div>\n    <ng-content select=\".modal-body\"></ng-content>\n    <ng-content select=\".modal-actions\"></ng-content>\n  </div>\n</div>\n", styles: [".kit-modal{--ui-kit-color-grey-2-rgb: 167, 178, 195;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10001}.kit-modal .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;background:rgba(var(--ui-kit-color-grey-2-rgb)/.4)}.kit-modal .modal-content{position:relative;padding:17px 25px;max-height:100%;overflow:auto;box-sizing:border-box;border:3px solid var(--ui-kit-color-grey-2);border-radius:12px;background:var(--ui-kit-color-white);z-index:100002}.kit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;color:var(--ui-kit-color-grey-0);font-size:13px;border-bottom:1px solid var(--ui-kit-color-grey-3)}.kit-modal .modal-header-button{padding:0;width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-blue);border:none;background:none;cursor:pointer}.kit-modal ::ng-deep .modal-actions{padding:18px 8px 8px;border-top:6px solid var(--ui-kit-color-grey-3)}\n"] }]
+        }], propDecorators: { width: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW1vZGFsL2tpdC1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1tb2RhbC9raXQtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQVFoRSxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBWUU7O1dBRUc7UUFDTyxXQUFNLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdkQsY0FBUyxHQUFlLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQztLQUsvRDtJQUhDLEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7OzhHQWZVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDRHQ1Q5QiwraEJBYUE7MkZESmEsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsS0FBSztzQkFBYixLQUFLO2dCQUtJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRNb2RhbENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIG1vZGFsIHdpZHRoXG4gICAqL1xuICBASW5wdXQoKSB3aWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHRoYXQgZmlyZXMgd2hlbiBjbG9zZSBidXR0b24gY2xpY2tlZFxuICAgKi9cbiAgQE91dHB1dCgpIGNsb3NlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHJlYWRvbmx5IGNsb3NlSWNvbjogS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb24uQ0lSQ0xFX0NST1NTX1RISU47XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW1vZGFsXCI+XG4gIDxkaXYgY2xhc3M9XCJtb2RhbC1vdmVybGF5XCIgKGNsaWNrKT1cImNsb3NlKClcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIiBbc3R5bGUud2lkdGhdPVwid2lkdGhcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCIubW9kYWwtaGVhZGVyLXRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cIm1vZGFsLWhlYWRlci1idXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNsb3NlKClcIj5cbiAgICAgICAgPGtpdC1zdmctaWNvbiBbaWNvbl09XCJjbG9zZUljb25cIj48L2tpdC1zdmctaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIi5tb2RhbC1ib2R5XCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIi5tb2RhbC1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { KitModalComponent } from './kit-modal.component';
+import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
+import { KitButtonModule } from '../kit-button/kit-button.module';
+import * as i0 from "@angular/core";
+export class KitModalModule {
+}
+KitModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalModule, declarations: [KitModalComponent], imports: [CommonModule,
+        KitButtonModule,
+        KitSvgIconModule], exports: [KitModalComponent] });
+KitModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalModule, imports: [[
+            CommonModule,
+            KitButtonModule,
+            KitSvgIconModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitModalComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        KitButtonModule,
+                        KitSvgIconModule,
+                    ],
+                    exports: [
+                        KitModalComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW1vZGFsL2tpdC1tb2RhbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQWVsRSxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQVh2QixpQkFBaUIsYUFHakIsWUFBWTtRQUNaLGVBQWU7UUFDZixnQkFBZ0IsYUFHaEIsaUJBQWlCOzRHQUdSLGNBQWMsWUFUaEI7WUFDUCxZQUFZO1lBQ1osZUFBZTtZQUNmLGdCQUFnQjtTQUNqQjsyRkFLVSxjQUFjO2tCQWIxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0TW9kYWxDb21wb25lbnQgfSBmcm9tICcuL2tpdC1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEtpdEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1idXR0b24va2l0LWJ1dHRvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRNb2RhbENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBLaXRCdXR0b25Nb2R1bGUsXG4gICAgS2l0U3ZnSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdE1vZGFsQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRNb2RhbE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/lib/components/kit-modal-actions/kit-modal-actions.component.mjs

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { KitButtonIconPosition, KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
+import * as i0 from "@angular/core";
+import * as i1 from "../kit-button/kit-button.component";
+import * as i2 from "@angular/common";
+export class KitModalActionsComponent {
+    constructor() {
+        /**
+         * Items which are going to be rendered as modal action buttons
+         */
+        this.actions = [];
+        this.buttonKind = KitButtonKind.SMALL;
+        this.buttonType = KitButtonType.FILLED;
+        this.iconPosition = KitButtonIconPosition.RIGHT;
+    }
+}
+KitModalActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KitModalActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitModalActionsComponent, selector: "kit-modal-actions", inputs: { actions: "actions" }, ngImport: i0, template: "<div class=\"kit-modal-actions\">\n  <kit-button *ngFor=\"let action of actions\"\n              [label]=\"action.title\"\n              [disabled]=\"action.disabled || false\"\n              [ngClass]=\"action.cssClass\"\n              [kind]=\"action.kind || buttonKind\"\n              [type]=\"action.type || buttonType\"\n              [icon]=\"action.icon\"\n              [iconPosition]=\"action.iconPosition || iconPosition\"\n              (clicked)=\"action.action && action.action()\"\n  ></kit-button>\n</div>\n", styles: [".kit-modal-actions{display:flex;align-items:center;gap:10px}\n"], components: [{ type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-modal-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-modal-actions\">\n  <kit-button *ngFor=\"let action of actions\"\n              [label]=\"action.title\"\n              [disabled]=\"action.disabled || false\"\n              [ngClass]=\"action.cssClass\"\n              [kind]=\"action.kind || buttonKind\"\n              [type]=\"action.type || buttonType\"\n              [icon]=\"action.icon\"\n              [iconPosition]=\"action.iconPosition || iconPosition\"\n              (clicked)=\"action.action && action.action()\"\n  ></kit-button>\n</div>\n", styles: [".kit-modal-actions{display:flex;align-items:center;gap:10px}\n"] }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtbW9kYWwtYWN0aW9ucy9raXQtbW9kYWwtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1tb2RhbC1hY3Rpb25zL2tpdC1tb2RhbC1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7QUFxQnJHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPRTs7V0FFRztRQUNNLFlBQU8sR0FBcUIsRUFBRSxDQUFDO1FBRS9CLGVBQVUsR0FBa0IsYUFBYSxDQUFDLEtBQUssQ0FBQztRQUNoRCxlQUFVLEdBQWtCLGFBQWEsQ0FBQyxNQUFNLENBQUM7UUFDakQsaUJBQVksR0FBMEIscUJBQXFCLENBQUMsS0FBSyxDQUFDO0tBQzVFOztxSEFUWSx3QkFBd0I7eUdBQXhCLHdCQUF3Qix5RkN0QnJDLDZnQkFZQTsyRkRVYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRCdXR0b25JY29uUG9zaXRpb24sIEtpdEJ1dHRvbktpbmQsIEtpdEJ1dHRvblR5cGUgfSBmcm9tICcuLi9raXQtYnV0dG9uL2tpdC1idXR0b24uY29uc3QnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEtpdE1vZGFsQWN0aW9uIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogS2l0QnV0dG9uVHlwZTtcbiAga2luZD86IEtpdEJ1dHRvbktpbmQ7XG4gIGljb24/OiBLaXRTdmdJY29uO1xuICBpY29uUG9zaXRpb24/OiBLaXRCdXR0b25JY29uUG9zaXRpb247XG4gIGNzc0NsYXNzPzogc3RyaW5nO1xuXG4gIGFjdGlvbj8oKTogdm9pZDtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LW1vZGFsLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtbW9kYWwtYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TW9kYWxBY3Rpb25zQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEl0ZW1zIHdoaWNoIGFyZSBnb2luZyB0byBiZSByZW5kZXJlZCBhcyBtb2RhbCBhY3Rpb24gYnV0dG9uc1xuICAgKi9cbiAgQElucHV0KCkgYWN0aW9uczogS2l0TW9kYWxBY3Rpb25bXSA9IFtdO1xuXG4gIHJlYWRvbmx5IGJ1dHRvbktpbmQ6IEtpdEJ1dHRvbktpbmQgPSBLaXRCdXR0b25LaW5kLlNNQUxMO1xuICByZWFkb25seSBidXR0b25UeXBlOiBLaXRCdXR0b25UeXBlID0gS2l0QnV0dG9uVHlwZS5GSUxMRUQ7XG4gIHJlYWRvbmx5IGljb25Qb3NpdGlvbjogS2l0QnV0dG9uSWNvblBvc2l0aW9uID0gS2l0QnV0dG9uSWNvblBvc2l0aW9uLlJJR0hUO1xufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1tb2RhbC1hY3Rpb25zXCI+XG4gIDxraXQtYnV0dG9uICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYWN0aW9uc1wiXG4gICAgICAgICAgICAgIFtsYWJlbF09XCJhY3Rpb24udGl0bGVcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiYWN0aW9uLmRpc2FibGVkIHx8IGZhbHNlXCJcbiAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiYWN0aW9uLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICAgW2tpbmRdPVwiYWN0aW9uLmtpbmQgfHwgYnV0dG9uS2luZFwiXG4gICAgICAgICAgICAgIFt0eXBlXT1cImFjdGlvbi50eXBlIHx8IGJ1dHRvblR5cGVcIlxuICAgICAgICAgICAgICBbaWNvbl09XCJhY3Rpb24uaWNvblwiXG4gICAgICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiYWN0aW9uLmljb25Qb3NpdGlvbiB8fCBpY29uUG9zaXRpb25cIlxuICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJhY3Rpb24uYWN0aW9uICYmIGFjdGlvbi5hY3Rpb24oKVwiXG4gID48L2tpdC1idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/kit-modal-actions/kit-modal-actions.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { KitButtonModule } from '../kit-button/kit-button.module';
+import { KitModalActionsComponent } from '../kit-modal-actions/kit-modal-actions.component';
+import * as i0 from "@angular/core";
+export class KitModalActionsModule {
+}
+KitModalActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KitModalActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalActionsModule, declarations: [KitModalActionsComponent], imports: [CommonModule,
+        KitButtonModule], exports: [KitModalActionsComponent] });
+KitModalActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalActionsModule, imports: [[
+            CommonModule,
+            KitButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitModalActionsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitModalActionsComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        KitButtonModule,
+                    ],
+                    exports: [
+                        KitModalActionsComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW1vZGFsLWFjdGlvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtbW9kYWwtYWN0aW9ucy9raXQtbW9kYWwtYWN0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOztBQWM1RixNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBVjlCLHdCQUF3QixhQUd4QixZQUFZO1FBQ1osZUFBZSxhQUdmLHdCQUF3QjttSEFHZixxQkFBcUIsWUFSdkI7WUFDUCxZQUFZO1lBQ1osZUFBZTtTQUNoQjsyRkFLVSxxQkFBcUI7a0JBWmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1idXR0b24va2l0LWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgS2l0TW9kYWxBY3Rpb25zQ29tcG9uZW50IH0gZnJvbSAnLi4va2l0LW1vZGFsLWFjdGlvbnMva2l0LW1vZGFsLWFjdGlvbnMuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0TW9kYWxBY3Rpb25zQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEtpdEJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdE1vZGFsQWN0aW9uc0NvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TW9kYWxBY3Rpb25zTW9kdWxlIHtcbn1cbiJdfQ==

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

@@ -26,11 +26,11 @@ export class KitNavigationTabsComponent {
     }
 }
 KitNavigationTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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      <span class=\"tab-item-title\">{{ item.title }}</span>\n    </a>\n  </div>\n  <router-outlet></router-outlet>\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"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.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      <span class=\"tab-item-title\">{{ item.title }}</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"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.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      <span class=\"tab-item-title\">{{ item.title }}</span>\n    </a>\n  </div>\n  <router-outlet></router-outlet>\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"] }]
+            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      <span class=\"tab-item-title\">{{ item.title }}</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: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXckYsTUFBTSxDQUFOLElBQVksNkJBR1g7QUFIRCxXQUFZLDZCQUE2QjtJQUN2Qyw4Q0FBYSxDQUFBO0lBQ2Isa0RBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLDZCQUE2QixLQUE3Qiw2QkFBNkIsUUFHeEM7QUFRRCxNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT0U7O1dBRUc7UUFDTSxVQUFLLEdBQTRCLEVBQUUsQ0FBQztLQWE5QztJQVhDLGFBQWEsQ0FBQyxJQUEyQjtRQUN2QyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN4QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxJQUEyQjtRQUM3QyxPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksNkJBQTZCLENBQUMsTUFBTSxDQUFDO0lBQy9ELENBQUM7O3VIQWhCVSwwQkFBMEI7MkdBQTFCLDBCQUEwQix1RkN0QnZDLGdqQkFnQkE7MkZETWEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgUHJlZGljYXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TmF2aWdhdGlvblRhYnNJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgbGluazogc3RyaW5nIHwgc3RyaW5nW107XG4gIGljb24/OiBLaXRTdmdJY29uO1xuICBpY29uVHlwZT86IEtpdE5hdmlnYXRpb25UYWJzSXRlbUljb25UeXBlO1xuICBkaXNhYmxlZD86IFByZWRpY2F0ZTxLaXROYXZpZ2F0aW9uVGFic0l0ZW0+O1xufVxuXG5leHBvcnQgZW51bSBLaXROYXZpZ2F0aW9uVGFic0l0ZW1JY29uVHlwZSB7XG4gIEZJTEwgPSAnZmlsbCcsXG4gIFNUUk9LRSA9ICdzdHJva2UnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbmF2aWdhdGlvbi10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtbmF2aWdhdGlvbi10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXROYXZpZ2F0aW9uVGFic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBJdGVtcyB3aGljaCBhcmUgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgdGFicyBuYXZpZ2F0aW9uIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0TmF2aWdhdGlvblRhYnNJdGVtW10gPSBbXTtcblxuICBnZXRSb3V0ZXJMaW5rKGl0ZW06IEtpdE5hdmlnYXRpb25UYWJzSXRlbSk6IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbCB7XG4gICAgaWYgKGl0ZW0uZGlzYWJsZWQgJiYgaXRlbS5kaXNhYmxlZChpdGVtKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIGl0ZW0ubGluaztcbiAgfVxuXG4gIGdldEl0ZW1JY29uQ3NzQ2xhc3MoaXRlbTogS2l0TmF2aWdhdGlvblRhYnNJdGVtKTogS2l0TmF2aWdhdGlvblRhYnNJdGVtSWNvblR5cGUge1xuICAgIHJldHVybiBpdGVtLmljb25UeXBlIHx8IEtpdE5hdmlnYXRpb25UYWJzSXRlbUljb25UeXBlLlNUUk9LRTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1uYXZpZ2F0aW9uLXRhYnNcIj5cbiAgPGRpdiBjbGFzcz1cInRhYnMtbmF2XCI+XG4gICAgPGEgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgICAgIGNsYXNzPVwidGFiLWl0ZW1cIlxuICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJ0YWItaXRlbS1hY3RpdmVcIlxuICAgICAgIFtyb3V0ZXJMaW5rXT1cImdldFJvdXRlckxpbmsoaXRlbSlcIj5cbiAgICAgIDxraXQtc3ZnLWljb24gKm5nSWY9XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInRhYi1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJnZXRJdGVtSWNvbkNzc0NsYXNzKGl0ZW0pXCJcbiAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidGFiLWl0ZW0tdGl0bGVcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgIDwvYT5cbiAgPC9kaXY+XG4gIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFhckYsTUFBTSxDQUFOLElBQVksNkJBR1g7QUFIRCxXQUFZLDZCQUE2QjtJQUN2Qyw4Q0FBYSxDQUFBO0lBQ2Isa0RBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLDZCQUE2QixLQUE3Qiw2QkFBNkIsUUFHeEM7QUFRRCxNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT0U7O1dBRUc7UUFDTSxVQUFLLEdBQTRCLEVBQUUsQ0FBQztLQWE5QztJQVhDLGFBQWEsQ0FBQyxJQUEyQjtRQUN2QyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN4QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxJQUEyQjtRQUM3QyxPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksNkJBQTZCLENBQUMsTUFBTSxDQUFDO0lBQy9ELENBQUM7O3VIQWhCVSwwQkFBMEI7MkdBQTFCLDBCQUEwQix1RkN4QnZDLDZnQkFlQTsyRkRTYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBQcmVkaWNhdGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuZXhwb3J0IHR5cGUgS2l0TmF2aWdhdGlvblRhYnNJdGVtTGluayA9IHN0cmluZyB8IG51bWJlcjtcblxuZXhwb3J0IGludGVyZmFjZSBLaXROYXZpZ2F0aW9uVGFic0l0ZW0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBsaW5rOiBzdHJpbmcgfCBLaXROYXZpZ2F0aW9uVGFic0l0ZW1MaW5rW107XG4gIGljb24/OiBLaXRTdmdJY29uO1xuICBpY29uVHlwZT86IEtpdE5hdmlnYXRpb25UYWJzSXRlbUljb25UeXBlO1xuICBkaXNhYmxlZD86IFByZWRpY2F0ZTxLaXROYXZpZ2F0aW9uVGFic0l0ZW0+O1xufVxuXG5leHBvcnQgZW51bSBLaXROYXZpZ2F0aW9uVGFic0l0ZW1JY29uVHlwZSB7XG4gIEZJTEwgPSAnZmlsbCcsXG4gIFNUUk9LRSA9ICdzdHJva2UnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbmF2aWdhdGlvbi10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtbmF2aWdhdGlvbi10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXROYXZpZ2F0aW9uVGFic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBJdGVtcyB3aGljaCBhcmUgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgdGFicyBuYXZpZ2F0aW9uIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0TmF2aWdhdGlvblRhYnNJdGVtW10gPSBbXTtcblxuICBnZXRSb3V0ZXJMaW5rKGl0ZW06IEtpdE5hdmlnYXRpb25UYWJzSXRlbSk6IHN0cmluZyB8IEtpdE5hdmlnYXRpb25UYWJzSXRlbUxpbmtbXSB8IG51bGwge1xuICAgIGlmIChpdGVtLmRpc2FibGVkICYmIGl0ZW0uZGlzYWJsZWQoaXRlbSkpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBpdGVtLmxpbms7XG4gIH1cblxuICBnZXRJdGVtSWNvbkNzc0NsYXNzKGl0ZW06IEtpdE5hdmlnYXRpb25UYWJzSXRlbSk6IEtpdE5hdmlnYXRpb25UYWJzSXRlbUljb25UeXBlIHtcbiAgICByZXR1cm4gaXRlbS5pY29uVHlwZSB8fCBLaXROYXZpZ2F0aW9uVGFic0l0ZW1JY29uVHlwZS5TVFJPS0U7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtbmF2aWdhdGlvbi10YWJzXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJzLW5hdlwiPlxuICAgIDxhICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCJcbiAgICAgICBjbGFzcz1cInRhYi1pdGVtXCJcbiAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwidGFiLWl0ZW0tYWN0aXZlXCJcbiAgICAgICBbcm91dGVyTGlua109XCJnZXRSb3V0ZXJMaW5rKGl0ZW0pXCI+XG4gICAgICA8a2l0LXN2Zy1pY29uICpuZ0lmPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0YWItaXRlbS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiZ2V0SXRlbUljb25Dc3NDbGFzcyhpdGVtKVwiXG4gICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cInRhYi1pdGVtLXRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgICA8L2E+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.const.mjs

@@ -53,5 +53,8 @@ export var KitSvgIcon;
     KitSvgIcon["CLIPBOARD_THIN"] = "clipboard-thin";
     KitSvgIcon["WALLET"] = "wallet";
     KitSvgIcon["CIRCLE_PULSE"] = "circle-pulse";
+    KitSvgIcon["CIRCLE_CROSS_THIN"] = "circle-cross-thin";
+    KitSvgIcon["TRASH"] = "trash";
+    KitSvgIcon["WRENCH"] = "wrench";
 })(KitSvgIcon || (KitSvgIcon = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBc0RYO0FBdERELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtBQUMvQixDQUFDLEVBdERXLFVBQVUsS0FBVixVQUFVLFFBc0RyQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBBUlJPV19MRUZUID0gJ2Fycm93LWxlZnQnLFxuICBXQVJOSU5HX1lFTExPVyA9ICd3YXJuaW5nLXllbGxvdycsXG4gIENJUkNMRV9NSU5VUyA9ICdjaXJjbGUtbWludXMnLFxuICBDSVJDTEVfUExVUyA9ICdjaXJjbGUtcGx1cycsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19MRUZUID0gJ3RocmVlLWNpcmNsZS1hcnJvdy1sZWZ0JyxcbiAgVEhSRUVfQ0lSQ0xFX0FSUk9XX1JJR0hUID0gJ3RocmVlLWNpcmNsZS1hcnJvdy1yaWdodCcsXG4gIFNFTkQgPSAnc2VuZCcsXG4gIENBTEVOREFSX0NIRUNLID0gJ2NhbGVuZGFyLWNoZWNrJyxcbiAgQ0xJUEJPQVJEX1RISU4gPSAnY2xpcGJvYXJkLXRoaW4nLFxuICBXQUxMRVQgPSAnd2FsbGV0JyxcbiAgQ0lSQ0xFX1BVTFNFID0gJ2NpcmNsZS1wdWxzZScsXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBeURYO0FBekRELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQXpEVyxVQUFVLEtBQVYsVUFBVSxRQXlEckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBLaXRTdmdJY29uIHtcbiAgTE9HTyA9ICdsb2dvJyxcbiAgQ0hFVlJPTl9ET1dOID0gJ2NoZXZyb24tZG93bicsXG4gIENIRVZST05fVVAgPSAnY2hldnJvbi11cCcsXG4gIENIRVZST05fUklHSFQgPSAnY2hldnJvbi1yaWdodCcsXG4gIFBMVVMgPSAncGx1cycsXG4gIElORk8gPSAnaW5mbycsXG4gIENBTEVOREFSID0gJ2NhbGVuZGFyJyxcbiAgV0FSTklORyA9ICd3YXJuaW5nJyxcbiAgRVJST1IgPSAnZXJyb3InLFxuICBTVUNDRVNTID0gJ3N1Y2Nlc3MnLFxuICBFWUUgPSAnZXllJyxcbiAgU0VBUkNIID0gJ3NlYXJjaCcsXG4gIEVESVQgPSAnZWRpdCcsXG4gIExPQ0FUSU9OID0gJ2xvY2F0aW9uJyxcbiAgQ1JPU1MgPSAnY3Jvc3MnLFxuICBDSEVDSyA9ICdjaGVjaycsXG4gIENIRUNLX0NJUkNMRSA9ICdjaGVjay1jaXJjbGUnLFxuICBESVNLRVRURSA9ICdkaXNrZXR0ZScsXG4gIENMSVBCT0FSRCA9ICdjbGlwYm9hcmQnLFxuICBMQVlFUlMgPSAnbGF5ZXJzJyxcbiAgS05BVUYgPSAna25hdWYtbG9nbycsXG4gIEhPTUUgPSAnaG9tZScsXG4gIERPVUJMRV9DSVJDTEUgPSAnZG91YmxlLWNpcmNsZScsXG4gIFBFTkNJTCA9ICdwZW5jaWwnLFxuICBPUkRFUiA9ICdvcmRlcicsXG4gIFJFU0VUID0gJ3Jlc2V0JyxcbiAgQ0lSQ0xFX0NST1NTID0gJ2NpcmNsZS1jcm9zcycsXG4gIFRSVUNLID0gJ3RydWNrJyxcbiAgREVMSVZFUkVEID0gJ2RlbGl2ZXJlZCcsXG4gIEZUTCA9ICdmdGwnLFxuICBMVEwgPSAnbHRsJyxcbiAgT1JHID0gJ29yZycsXG4gIEFSQ0hJVkUgPSAnYXJjaGl2ZScsXG4gIExPR09VVCA9ICdsb2dvdXQnLFxuICBDT05UQUlORVIgPSAnY29udGFpbmVyJyxcbiAgQ0FSUklFUiA9ICdjYXJyaWVyJyxcbiAgRVhQT1JUID0gJ2V4cG9ydCcsXG4gIEdFQVIgPSAnZ2VhcicsXG4gIFNUT0NLID0gJ3N0b2NrJyxcbiAgU1RBVFVTID0gJ3N0YXR1cycsXG4gIENMT1NFX1NJR04gPSAnY2xvc2Utc2lnbicsXG4gIENMT1NFX1NJR05fUkVEID0gJ2Nsb3NlLXNpZ24tcmVkJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG59XG4iXX0=