@indigina/ui-kit 1.1.499 → 1.1.501
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.
|
@@ -3798,7 +3798,7 @@ class KitRadioButtonComponent {
|
|
|
3798
3798
|
provide: NG_VALUE_ACCESSOR,
|
|
3799
3799
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
3800
3800
|
multi: true,
|
|
3801
|
-
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n @if (label()
|
|
3801
|
+
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n @if (label() && !isSingleMode()) {\n <kit-form-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-form-label>\n }\n\n @if (radioItems().length) {\n <div class=\"kit-radio-button-items\"\n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of radioItems(); track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly() || disabled()\"\n [class.disabled]=\"item.disabled || disabled()\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name()\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n @if (item.label) {\n <kit-form-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-form-label>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;outline:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main);-webkit-mask-image:none;mask-image:none}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: RadioButtonModule }, { kind: "directive", type: i1$4.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3802
3802
|
}
|
|
3803
3803
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
3804
3804
|
type: Component,
|
|
@@ -3811,7 +3811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3811
3811
|
KitFormLabelComponent,
|
|
3812
3812
|
KitSvgIconComponent,
|
|
3813
3813
|
NgClass,
|
|
3814
|
-
], template: "<div class=\"kit-radio-button\">\n @if (label()
|
|
3814
|
+
], template: "<div class=\"kit-radio-button\">\n @if (label() && !isSingleMode()) {\n <kit-form-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-form-label>\n }\n\n @if (radioItems().length) {\n <div class=\"kit-radio-button-items\"\n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of radioItems(); track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly() || disabled()\"\n [class.disabled]=\"item.disabled || disabled()\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name()\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n @if (item.label) {\n <kit-form-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-form-label>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;outline:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main);-webkit-mask-image:none;mask-image:none}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"] }]
|
|
3815
3815
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
3816
3816
|
|
|
3817
3817
|
function kitWhitespaceValidator() {
|
|
@@ -3926,7 +3926,7 @@ class KitDialogComponent {
|
|
|
3926
3926
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3927
3927
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitDialogComponent, isStandalone: true, selector: "kit-dialog", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, backUrl: { classPropertyName: "backUrl", publicName: "backUrl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
3928
3928
|
KitDialogService,
|
|
3929
|
-
], ngImport: i0, template: "<div class=\"kit-dialog\"\n [ngClass]=\"type()\">\n @if (type() === kitDialogType.Service) {\n <div kendoDialogContainer\n class=\"kit-dialog-container\"\n [hidden]=\"true\"\n ></div>\n }\n\n @if (type() === kitDialogType.Declarative) {\n <kendo-dialog>\n <ng-content></ng-content>\n </kendo-dialog>\n }\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none;border:none}.kit-button .default.link:disabled{background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}.kit-button .success.link:disabled{background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}.kit-button .warning.link:disabled{background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}.kit-button .error.primary:hover{background:var(--ui-kit-color-red-4)}.kit-button .error.primary.active,.kit-button .error.primary:active{background:var(--ui-kit-color-red-1)}.kit-button .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.ghost.active,.kit-button .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}.kit-button .error.ghost.active .kit-button-icon.fill,.kit-button .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}.kit-button .error.ghost.active .kit-button-icon.stroke,.kit-button .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}.kit-button .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .error.text:disabled{border:none;background:none}.kit-button .error.text:hover,.kit-button .error.text.active,.kit-button .error.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .error.text:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.text.active,.kit-button .error.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .error.text.active .kit-button-icon.fill,.kit-button .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text.active .kit-button-icon.stroke,.kit-button .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}.kit-button .error.link:disabled{background:none}.kit-button .error.link:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.link.active,.kit-button .error.link:active{color:var(--ui-kit-color-red-1)}.kit-button .error.link.active .kit-button-icon.fill,.kit-button .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link.active .kit-button-icon.stroke,.kit-button .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .error.dashed:disabled{border-style:dashed}.kit-button .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.dashed.active,.kit-button .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}.kit-button .error.dashed.active .kit-button-icon.fill,.kit-button .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed.active .kit-button-icon.stroke,.kit-button .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog.declarative .k-dialog-content{padding:0}::ng-deep .kit-dialog.service .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary:hover{background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.primary.active,::ng-deep .kit-dialog .k-dialog-actions .error.primary:active{background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover,::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active,::ng-deep .kit-dialog .k-dialog-actions .error.link:active{color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "component", type: i1$a.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: i1$a.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3929
|
+
], ngImport: i0, template: "<div class=\"kit-dialog\"\n [ngClass]=\"type()\">\n @if (type() === kitDialogType.Service) {\n <div kendoDialogContainer\n class=\"kit-dialog-container\"\n [hidden]=\"true\"\n ></div>\n }\n\n @if (type() === kitDialogType.Declarative) {\n <kendo-dialog>\n <ng-content></ng-content>\n </kendo-dialog>\n }\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none;border:none}.kit-button .default.link:disabled{background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}.kit-button .success.link:disabled{background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}.kit-button .warning.link:disabled{background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}.kit-button .error.primary:hover{background:var(--ui-kit-color-red-4)}.kit-button .error.primary.active,.kit-button .error.primary:active{background:var(--ui-kit-color-red-1)}.kit-button .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.ghost.active,.kit-button .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}.kit-button .error.ghost.active .kit-button-icon.fill,.kit-button .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}.kit-button .error.ghost.active .kit-button-icon.stroke,.kit-button .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}.kit-button .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .error.text:disabled{border:none;background:none}.kit-button .error.text:hover,.kit-button .error.text.active,.kit-button .error.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .error.text:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.text.active,.kit-button .error.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .error.text.active .kit-button-icon.fill,.kit-button .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text.active .kit-button-icon.stroke,.kit-button .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}.kit-button .error.link:disabled{background:none}.kit-button .error.link:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.link.active,.kit-button .error.link:active{color:var(--ui-kit-color-red-1)}.kit-button .error.link.active .kit-button-icon.fill,.kit-button .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link.active .kit-button-icon.stroke,.kit-button .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .error.dashed:disabled{border-style:dashed}.kit-button .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.dashed.active,.kit-button .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}.kit-button .error.dashed.active .kit-button-icon.fill,.kit-button .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed.active .kit-button-icon.stroke,.kit-button .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog.declarative .k-dialog{max-height:calc(100vh - 15%);max-width:90%}::ng-deep .kit-dialog.declarative .k-dialog-content{padding:0;overflow:hidden}::ng-deep .kit-dialog.declarative .k-dialog-content .dialog-content{height:calc(100% - 45px);overflow:auto}::ng-deep .kit-dialog.declarative .k-dialog-content:has(.kit-dialog-actions) .dialog-content{height:calc(100% - 125px)}::ng-deep .kit-dialog.service .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary:hover{background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.primary.active,::ng-deep .kit-dialog .k-dialog-actions .error.primary:active{background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover,::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active,::ng-deep .kit-dialog .k-dialog-actions .error.link:active{color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "component", type: i1$a.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: i1$a.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3930
3930
|
}
|
|
3931
3931
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitDialogComponent, decorators: [{
|
|
3932
3932
|
type: Component,
|
|
@@ -3935,7 +3935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3935
3935
|
NgClass,
|
|
3936
3936
|
], providers: [
|
|
3937
3937
|
KitDialogService,
|
|
3938
|
-
], template: "<div class=\"kit-dialog\"\n [ngClass]=\"type()\">\n @if (type() === kitDialogType.Service) {\n <div kendoDialogContainer\n class=\"kit-dialog-container\"\n [hidden]=\"true\"\n ></div>\n }\n\n @if (type() === kitDialogType.Declarative) {\n <kendo-dialog>\n <ng-content></ng-content>\n </kendo-dialog>\n }\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none;border:none}.kit-button .default.link:disabled{background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}.kit-button .success.link:disabled{background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}.kit-button .warning.link:disabled{background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}.kit-button .error.primary:hover{background:var(--ui-kit-color-red-4)}.kit-button .error.primary.active,.kit-button .error.primary:active{background:var(--ui-kit-color-red-1)}.kit-button .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.ghost.active,.kit-button .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}.kit-button .error.ghost.active .kit-button-icon.fill,.kit-button .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}.kit-button .error.ghost.active .kit-button-icon.stroke,.kit-button .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}.kit-button .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .error.text:disabled{border:none;background:none}.kit-button .error.text:hover,.kit-button .error.text.active,.kit-button .error.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .error.text:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.text.active,.kit-button .error.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .error.text.active .kit-button-icon.fill,.kit-button .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text.active .kit-button-icon.stroke,.kit-button .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}.kit-button .error.link:disabled{background:none}.kit-button .error.link:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.link.active,.kit-button .error.link:active{color:var(--ui-kit-color-red-1)}.kit-button .error.link.active .kit-button-icon.fill,.kit-button .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link.active .kit-button-icon.stroke,.kit-button .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .error.dashed:disabled{border-style:dashed}.kit-button .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.dashed.active,.kit-button .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}.kit-button .error.dashed.active .kit-button-icon.fill,.kit-button .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed.active .kit-button-icon.stroke,.kit-button .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog.declarative .k-dialog-content{padding:0}::ng-deep .kit-dialog.service .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary:hover{background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.primary.active,::ng-deep .kit-dialog .k-dialog-actions .error.primary:active{background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover,::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active,::ng-deep .kit-dialog .k-dialog-actions .error.link:active{color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"] }]
|
|
3938
|
+
], template: "<div class=\"kit-dialog\"\n [ngClass]=\"type()\">\n @if (type() === kitDialogType.Service) {\n <div kendoDialogContainer\n class=\"kit-dialog-container\"\n [hidden]=\"true\"\n ></div>\n }\n\n @if (type() === kitDialogType.Declarative) {\n <kendo-dialog>\n <ng-content></ng-content>\n </kendo-dialog>\n }\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none;border:none}.kit-button .default.link:disabled{background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}.kit-button .success.link:disabled{background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}.kit-button .warning.link:disabled{background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}.kit-button .error.primary:hover{background:var(--ui-kit-color-red-4)}.kit-button .error.primary.active,.kit-button .error.primary:active{background:var(--ui-kit-color-red-1)}.kit-button .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.ghost.active,.kit-button .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}.kit-button .error.ghost.active .kit-button-icon.fill,.kit-button .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}.kit-button .error.ghost.active .kit-button-icon.stroke,.kit-button .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}.kit-button .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .error.text:disabled{border:none;background:none}.kit-button .error.text:hover,.kit-button .error.text.active,.kit-button .error.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .error.text:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.text.active,.kit-button .error.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .error.text.active .kit-button-icon.fill,.kit-button .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text.active .kit-button-icon.stroke,.kit-button .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}.kit-button .error.link:disabled{background:none}.kit-button .error.link:hover{color:var(--ui-kit-color-red-4)}.kit-button .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.link.active,.kit-button .error.link:active{color:var(--ui-kit-color-red-1)}.kit-button .error.link.active .kit-button-icon.fill,.kit-button .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link.active .kit-button-icon.stroke,.kit-button .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .error.dashed:disabled{border-style:dashed}.kit-button .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}.kit-button .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}.kit-button .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}.kit-button .error.dashed.active,.kit-button .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}.kit-button .error.dashed.active .kit-button-icon.fill,.kit-button .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed.active .kit-button-icon.stroke,.kit-button .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-button .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog.declarative .k-dialog{max-height:calc(100vh - 15%);max-width:90%}::ng-deep .kit-dialog.declarative .k-dialog-content{padding:0;overflow:hidden}::ng-deep .kit-dialog.declarative .k-dialog-content .dialog-content{height:calc(100% - 45px);overflow:auto}::ng-deep .kit-dialog.declarative .k-dialog-content:has(.kit-dialog-actions) .dialog-content{height:calc(100% - 125px)}::ng-deep .kit-dialog.service .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary:hover{background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.primary.active,::ng-deep .kit-dialog .k-dialog-actions .error.primary:active{background:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active{color:var(--ui-kit-color-red-3);border-color:var(--ui-kit-color-red-3);background:var(--ui-kit-color-red-3)}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-3);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-3);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover,::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active,::ng-deep .kit-dialog .k-dialog-actions .error.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link{color:var(--ui-kit-color-red-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover{color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active,::ng-deep .kit-dialog .k-dialog-actions .error.link:active{color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover{color:var(--ui-kit-color-red-4);border-color:var(--ui-kit-color-red-4)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-red-4);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-4);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1)}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .error.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .error.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-red-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"] }]
|
|
3939
3939
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], backUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "backUrl", required: false }] }] } });
|
|
3940
3940
|
|
|
3941
3941
|
class KitDialogActionsComponent {
|
|
@@ -6390,21 +6390,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
6390
6390
|
args: [{ selector: 'kit-entity-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-entity-section\">\n <div class=\"kit-entity-section-header\">\n <ng-content select=\"[header]\"></ng-content>\n </div>\n <div class=\"kit-entity-section-content\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n", styles: [".kit-entity-section{display:flex;flex-direction:column;gap:25px;padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-entity-section-header{padding-bottom:10px;font-size:16px;font-weight:400;line-height:22px;border-bottom:1px solid var(--ui-kit-color-grey-11)}\n"] }]
|
|
6391
6391
|
}] });
|
|
6392
6392
|
|
|
6393
|
-
|
|
6394
|
-
(
|
|
6395
|
-
|
|
6396
|
-
KitEntitySectionEditableMode["View"] = "view";
|
|
6397
|
-
KitEntitySectionEditableMode["Edit"] = "edit";
|
|
6398
|
-
})(KitEntitySectionEditableMode || (KitEntitySectionEditableMode = {}));
|
|
6399
|
-
|
|
6400
|
-
class KitEntitySectionEditableViewTemplateDirective {
|
|
6401
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableViewTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6402
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: KitEntitySectionEditableViewTemplateDirective, isStandalone: true, selector: "[kitEntitySectionEditableViewTemplate]", ngImport: i0 }); }
|
|
6393
|
+
class KitEntitySectionEditableActionsTemplateDirective {
|
|
6394
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableActionsTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6395
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: KitEntitySectionEditableActionsTemplateDirective, isStandalone: true, selector: "[kitEntitySectionEditableActionsTemplate]", ngImport: i0 }); }
|
|
6403
6396
|
}
|
|
6404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type:
|
|
6397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableActionsTemplateDirective, decorators: [{
|
|
6405
6398
|
type: Directive,
|
|
6406
6399
|
args: [{
|
|
6407
|
-
selector: '[
|
|
6400
|
+
selector: '[kitEntitySectionEditableActionsTemplate]',
|
|
6408
6401
|
}]
|
|
6409
6402
|
}] });
|
|
6410
6403
|
|
|
@@ -6419,17 +6412,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
6419
6412
|
}]
|
|
6420
6413
|
}] });
|
|
6421
6414
|
|
|
6422
|
-
class
|
|
6423
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type:
|
|
6424
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type:
|
|
6415
|
+
class KitEntitySectionEditableViewTemplateDirective {
|
|
6416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableViewTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6417
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: KitEntitySectionEditableViewTemplateDirective, isStandalone: true, selector: "[kitEntitySectionEditableViewTemplate]", ngImport: i0 }); }
|
|
6425
6418
|
}
|
|
6426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type:
|
|
6419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableViewTemplateDirective, decorators: [{
|
|
6427
6420
|
type: Directive,
|
|
6428
6421
|
args: [{
|
|
6429
|
-
selector: '[
|
|
6422
|
+
selector: '[kitEntitySectionEditableViewTemplate]',
|
|
6430
6423
|
}]
|
|
6431
6424
|
}] });
|
|
6432
6425
|
|
|
6426
|
+
var KitEntitySectionEditableMode;
|
|
6427
|
+
(function (KitEntitySectionEditableMode) {
|
|
6428
|
+
KitEntitySectionEditableMode["Add"] = "add";
|
|
6429
|
+
KitEntitySectionEditableMode["View"] = "view";
|
|
6430
|
+
KitEntitySectionEditableMode["Edit"] = "edit";
|
|
6431
|
+
})(KitEntitySectionEditableMode || (KitEntitySectionEditableMode = {}));
|
|
6432
|
+
|
|
6433
6433
|
class KitEntitySectionEditableComponent {
|
|
6434
6434
|
constructor() {
|
|
6435
6435
|
this.mode = model(KitEntitySectionEditableMode.View, ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
|
|
@@ -6442,6 +6442,7 @@ class KitEntitySectionEditableComponent {
|
|
|
6442
6442
|
this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
|
|
6443
6443
|
this.saveButtonClicked = output();
|
|
6444
6444
|
this.deleteButtonClicked = output();
|
|
6445
|
+
this.cancelButtonClicked = output();
|
|
6445
6446
|
this.viewTemplate = contentChild(KitEntitySectionEditableViewTemplateDirective, { ...(ngDevMode ? { debugName: "viewTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
6446
6447
|
this.editTemplate = contentChild(KitEntitySectionEditableEditTemplateDirective, { ...(ngDevMode ? { debugName: "editTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
6447
6448
|
this.actionsTemplate = contentChild(KitEntitySectionEditableActionsTemplateDirective, { ...(ngDevMode ? { debugName: "actionsTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
@@ -6461,6 +6462,7 @@ class KitEntitySectionEditableComponent {
|
|
|
6461
6462
|
}
|
|
6462
6463
|
onCancelClick() {
|
|
6463
6464
|
this.mode.set(this.previousMode());
|
|
6465
|
+
this.cancelButtonClicked.emit();
|
|
6464
6466
|
}
|
|
6465
6467
|
onSaveClick() {
|
|
6466
6468
|
if (this.changeModeOnSave()) {
|
|
@@ -6469,7 +6471,7 @@ class KitEntitySectionEditableComponent {
|
|
|
6469
6471
|
this.saveButtonClicked.emit();
|
|
6470
6472
|
}
|
|
6471
6473
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6472
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, hasEditButton: { classPropertyName: "hasEditButton", publicName: "hasEditButton", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, hasDeleteButton: { classPropertyName: "hasDeleteButton", publicName: "hasDeleteButton", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked", deleteButtonClicked: "deleteButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: KitEntitySectionEditableActionsTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasDeleteButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.delete' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"deleteButtonClicked.emit()\"\n ></kit-button>\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6474
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, hasEditButton: { classPropertyName: "hasEditButton", publicName: "hasEditButton", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, hasDeleteButton: { classPropertyName: "hasDeleteButton", publicName: "hasDeleteButton", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked", deleteButtonClicked: "deleteButtonClicked", cancelButtonClicked: "cancelButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: KitEntitySectionEditableActionsTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasDeleteButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.delete' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"deleteButtonClicked.emit()\"\n ></kit-button>\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6473
6475
|
}
|
|
6474
6476
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionEditableComponent, decorators: [{
|
|
6475
6477
|
type: Component,
|
|
@@ -6479,7 +6481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
6479
6481
|
TranslatePipe,
|
|
6480
6482
|
NgTemplateOutlet,
|
|
6481
6483
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasDeleteButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.delete' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"deleteButtonClicked.emit()\"\n ></kit-button>\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"] }]
|
|
6482
|
-
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], hasEditButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasEditButton", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], hasDeleteButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDeleteButton", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], deleteButtonClicked: [{ type: i0.Output, args: ["deleteButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableActionsTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
6484
|
+
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], hasEditButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasEditButton", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], hasDeleteButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDeleteButton", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], deleteButtonClicked: [{ type: i0.Output, args: ["deleteButtonClicked"] }], cancelButtonClicked: [{ type: i0.Output, args: ["cancelButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableActionsTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
6483
6485
|
|
|
6484
6486
|
class KitEntitySectionContainerComponent {
|
|
6485
6487
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitEntitySectionContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|