@indigina/ui-kit 1.0.114 → 1.0.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs +2 -2
  2. package/fesm2015/indigina-ui-kit.mjs +2 -2
  3. package/fesm2020/indigina-ui-kit.mjs +2 -2
  4. package/package.json +1 -1
package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs CHANGED
@@ -82,14 +82,14 @@ KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
82
82
  provide: NG_VALUE_ACCESSOR,
83
83
  useExisting: forwardRef(() => KitDropdownComponent),
84
84
  multi: true,
85
- }], 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 (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-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}.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 .k-dropdown-wrap{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 });
85
+ }], 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 (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-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}.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 });
86
86
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
87
87
  type: Component,
88
88
  args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
89
89
  provide: NG_VALUE_ACCESSOR,
90
90
  useExisting: forwardRef(() => KitDropdownComponent),
91
91
  multi: true,
92
- }], 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 (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-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}.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 .k-dropdown-wrap{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"] }]
92
+ }], 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 (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-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}.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"] }]
93
93
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
94
94
  type: Input
95
95
  }], selectedItem: [{
package/fesm2015/indigina-ui-kit.mjs CHANGED
@@ -945,14 +945,14 @@ KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
945
945
  provide: NG_VALUE_ACCESSOR,
946
946
  useExisting: forwardRef(() => KitDropdownComponent),
947
947
  multi: true,
948
- }], 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 (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-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}.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 .k-dropdown-wrap{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$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.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: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
948
+ }], 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 (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-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}.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$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.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: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
949
949
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
950
950
  type: Component,
951
951
  args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
952
952
  provide: NG_VALUE_ACCESSOR,
953
953
  useExisting: forwardRef(() => KitDropdownComponent),
954
954
  multi: true,
955
- }], 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 (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-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}.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 .k-dropdown-wrap{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"] }]
955
+ }], 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 (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-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}.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"] }]
956
956
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
957
957
  type: Input
958
958
  }], selectedItem: [{
package/fesm2020/indigina-ui-kit.mjs CHANGED
@@ -945,14 +945,14 @@ KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
945
945
  provide: NG_VALUE_ACCESSOR,
946
946
  useExisting: forwardRef(() => KitDropdownComponent),
947
947
  multi: true,
948
- }], 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 (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-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}.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 .k-dropdown-wrap{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$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.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: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
948
+ }], 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 (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-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}.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$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.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: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
949
949
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
950
950
  type: Component,
951
951
  args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
952
952
  provide: NG_VALUE_ACCESSOR,
953
953
  useExisting: forwardRef(() => KitDropdownComponent),
954
954
  multi: true,
955
- }], 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 (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-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}.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 .k-dropdown-wrap{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"] }]
955
+ }], 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 (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-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}.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"] }]
956
956
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
957
957
  type: Input
958
958
  }], selectedItem: [{
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "components",
8
8
  "shared"
9
9
  ],
10
- "version": "1.0.114",
10
+ "version": "1.0.115",
11
11
  "peerDependencies": {
12
12
  "@angular/common": "13.2.6",
13
13
  "@angular/core": "13.2.6"