@indigina/ui-kit 1.1.452 → 1.1.453

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/indigina-ui-kit.mjs +11 -8
  2. package/fesm2022/indigina-ui-kit.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/components/button-variants.scss +5 -0
  5. package/types/indigina-ui-kit.d.ts +4 -2
package/fesm2022/indigina-ui-kit.mjs CHANGED
@@ -289,6 +289,7 @@ var KitButtonState;
289
289
  KitButtonState["DEFAULT"] = "default";
290
290
  KitButtonState["SUCCESS"] = "success";
291
291
  KitButtonState["WARNING"] = "warning";
292
+ KitButtonState["ERROR"] = "error";
292
293
  })(KitButtonState || (KitButtonState = {}));
293
294
 
294
295
  class KitButtonComponent {
@@ -329,7 +330,7 @@ class KitButtonComponent {
329
330
  this.kitSvgIconType = KitSvgIconType;
330
331
  }
331
332
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
332
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitButtonComponent, isStandalone: true, selector: "kit-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: false, isRequired: false, transformFunction: null }, buttonClass: { classPropertyName: "buttonClass", publicName: "buttonClass", isSignal: false, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [class.active]=\"active\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass, state()]\"\n (click)=\"clicked.emit($event)\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n [ngClass]=\"iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </button>\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 .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"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
333
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitButtonComponent, isStandalone: true, selector: "kit-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: false, isRequired: false, transformFunction: null }, buttonClass: { classPropertyName: "buttonClass", publicName: "buttonClass", isSignal: false, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [class.active]=\"active\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass, state()]\"\n (click)=\"clicked.emit($event)\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n [ngClass]=\"iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </button>\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"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
333
334
  }
334
335
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitButtonComponent, decorators: [{
335
336
  type: Component,
@@ -337,7 +338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
337
338
  KitSvgIconComponent,
338
339
  NgClass,
339
340
  ButtonModule,
340
- ], template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [class.active]=\"active\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass, state()]\"\n (click)=\"clicked.emit($event)\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n [ngClass]=\"iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </button>\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 .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"] }]
341
+ ], template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [class.no-label]=\"!label\"\n [class.active]=\"active\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass, state()]\"\n (click)=\"clicked.emit($event)\">\n {{ label }}\n @if (icon) {\n <kit-svg-icon class=\"kit-button-icon\"\n [icon]=\"icon\"\n [ngClass]=\"iconType ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </button>\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"] }]
341
342
  }], propDecorators: { disabled: [{
342
343
  type: Input
343
344
  }], label: [{
@@ -3841,7 +3842,7 @@ class KitDialogComponent {
3841
3842
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3842
3843
  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: [
3843
3844
  KitDialogService,
3844
- ], 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 .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 .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 }); }
3845
+ ], 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 }); }
3845
3846
  }
3846
3847
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitDialogComponent, decorators: [{
3847
3848
  type: Component,
@@ -3850,7 +3851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
3850
3851
  NgClass,
3851
3852
  ], providers: [
3852
3853
  KitDialogService,
3853
- ], 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 .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 .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"] }]
3854
+ ], 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"] }]
3854
3855
  }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], backUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "backUrl", required: false }] }] } });
3855
3856
 
3856
3857
  class KitDialogActionsComponent {
@@ -4592,6 +4593,7 @@ class KitMultiselectComponent {
4592
4593
  this.autoSummaryTag = input(false, ...(ngDevMode ? [{ debugName: "autoSummaryTag" }] : /* istanbul ignore next */ []));
4593
4594
  this.autoSummaryTagContainerClass = input(null, ...(ngDevMode ? [{ debugName: "autoSummaryTagContainerClass" }] : /* istanbul ignore next */ []));
4594
4595
  this.fallbackGroupChipWidth = input(40, ...(ngDevMode ? [{ debugName: "fallbackGroupChipWidth" }] : /* istanbul ignore next */ []));
4596
+ this.showCheckIcon = input(true, ...(ngDevMode ? [{ debugName: "showCheckIcon" }] : /* istanbul ignore next */ []));
4595
4597
  /**
4596
4598
  * An action which is emitted when value is changed
4597
4599
  */
@@ -4825,11 +4827,11 @@ class KitMultiselectComponent {
4825
4827
  });
4826
4828
  }
4827
4829
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4828
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitMultiselectComponent, isStandalone: true, selector: "kit-multiselect", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: false, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: false, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: false, isRequired: false, transformFunction: null }, shouldAddAllAsOption: { classPropertyName: "shouldAddAllAsOption", publicName: "shouldAddAllAsOption", isSignal: true, isRequired: false, transformFunction: null }, allOptionLabel: { classPropertyName: "allOptionLabel", publicName: "allOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, tagMapper: { classPropertyName: "tagMapper", publicName: "tagMapper", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, useCheckboxes: { classPropertyName: "useCheckboxes", publicName: "useCheckboxes", isSignal: true, isRequired: false, transformFunction: null }, popupClass: { classPropertyName: "popupClass", publicName: "popupClass", isSignal: true, isRequired: false, transformFunction: null }, listHeight: { classPropertyName: "listHeight", publicName: "listHeight", isSignal: true, isRequired: false, transformFunction: null }, allowCustom: { classPropertyName: "allowCustom", publicName: "allowCustom", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, itemsDirection: { classPropertyName: "itemsDirection", publicName: "itemsDirection", isSignal: true, isRequired: false, transformFunction: null }, autoSummaryTag: { classPropertyName: "autoSummaryTag", publicName: "autoSummaryTag", isSignal: true, isRequired: false, transformFunction: null }, autoSummaryTagContainerClass: { classPropertyName: "autoSummaryTagContainerClass", publicName: "autoSummaryTagContainerClass", isSignal: true, isRequired: false, transformFunction: null }, fallbackGroupChipWidth: { classPropertyName: "fallbackGroupChipWidth", publicName: "fallbackGroupChipWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, providers: [{
4830
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitMultiselectComponent, isStandalone: true, selector: "kit-multiselect", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: false, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: false, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: false, isRequired: false, transformFunction: null }, shouldAddAllAsOption: { classPropertyName: "shouldAddAllAsOption", publicName: "shouldAddAllAsOption", isSignal: true, isRequired: false, transformFunction: null }, allOptionLabel: { classPropertyName: "allOptionLabel", publicName: "allOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, tagMapper: { classPropertyName: "tagMapper", publicName: "tagMapper", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, useCheckboxes: { classPropertyName: "useCheckboxes", publicName: "useCheckboxes", isSignal: true, isRequired: false, transformFunction: null }, popupClass: { classPropertyName: "popupClass", publicName: "popupClass", isSignal: true, isRequired: false, transformFunction: null }, listHeight: { classPropertyName: "listHeight", publicName: "listHeight", isSignal: true, isRequired: false, transformFunction: null }, allowCustom: { classPropertyName: "allowCustom", publicName: "allowCustom", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, itemsDirection: { classPropertyName: "itemsDirection", publicName: "itemsDirection", isSignal: true, isRequired: false, transformFunction: null }, autoSummaryTag: { classPropertyName: "autoSummaryTag", publicName: "autoSummaryTag", isSignal: true, isRequired: false, transformFunction: null }, autoSummaryTagContainerClass: { classPropertyName: "autoSummaryTagContainerClass", publicName: "autoSummaryTagContainerClass", isSignal: true, isRequired: false, transformFunction: null }, fallbackGroupChipWidth: { classPropertyName: "fallbackGroupChipWidth", publicName: "fallbackGroupChipWidth", isSignal: true, isRequired: false, transformFunction: null }, showCheckIcon: { classPropertyName: "showCheckIcon", publicName: "showCheckIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, providers: [{
4829
4831
  provide: NG_VALUE_ACCESSOR,
4830
4832
  useExisting: forwardRef(() => KitMultiselectComponent),
4831
4833
  multi: true,
4832
- }], queries: [{ propertyName: "multiSelectGroupTagTemplate", first: true, predicate: KitMultiselectGroupTagTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "multiselectComponent", first: true, predicate: MultiSelectComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\"\n [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input .k-input-inner{padding:0}.kit-multiselect .k-input .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:12px;height:12px;opacity:0}.kit-multiselect .k-chip-action{display:flex;padding:0;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:12px;height:12px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:12px;height:12px}.kit-multiselect .k-chip:has(.chip-text.all-option){display:flex}.kit-multiselect .k-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect.all-option-selected .k-chip{display:none}.kit-multiselect-popup{margin-top:10px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup.k-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}.kit-multiselect-popup .k-checkbox{background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);margin-right:4px}.kit-multiselect-popup .k-checkbox:checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$5.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$5.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$5.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1$5.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "directive", type: i1$5.GroupTagTemplateDirective, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]" }, { kind: "directive", type: i1$5.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
4834
+ }], queries: [{ propertyName: "multiSelectGroupTagTemplate", first: true, predicate: KitMultiselectGroupTagTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "multiselectComponent", first: true, predicate: MultiSelectComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\"\n [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n @if (showCheckIcon()) {\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input .k-input-inner{padding:0}.kit-multiselect .k-input .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:12px;height:12px;opacity:0}.kit-multiselect .k-chip-action{display:flex;padding:0;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:12px;height:12px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:12px;height:12px}.kit-multiselect .k-chip:has(.chip-text.all-option){display:flex}.kit-multiselect .k-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect.all-option-selected .k-chip{display:none}.kit-multiselect-popup{margin-top:10px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup.k-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}.kit-multiselect-popup .k-checkbox{background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);margin-right:4px}.kit-multiselect-popup .k-checkbox:checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$5.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$5.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$5.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1$5.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "directive", type: i1$5.GroupTagTemplateDirective, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]" }, { kind: "directive", type: i1$5.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
4833
4835
  }
4834
4836
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMultiselectComponent, decorators: [{
4835
4837
  type: Component,
@@ -4845,7 +4847,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
4845
4847
  KitFormMessageComponent,
4846
4848
  KitFormLabelComponent,
4847
4849
  NgClass,
4848
- ], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\"\n [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input .k-input-inner{padding:0}.kit-multiselect .k-input .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:12px;height:12px;opacity:0}.kit-multiselect .k-chip-action{display:flex;padding:0;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:12px;height:12px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:12px;height:12px}.kit-multiselect .k-chip:has(.chip-text.all-option){display:flex}.kit-multiselect .k-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect.all-option-selected .k-chip{display:none}.kit-multiselect-popup{margin-top:10px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup.k-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}.kit-multiselect-popup .k-checkbox{background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);margin-right:4px}.kit-multiselect-popup .k-checkbox:checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}\n"] }]
4850
+ KitTruncateTextComponent,
4851
+ ], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\"\n [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n @if (showCheckIcon()) {\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input .k-input-inner{padding:0}.kit-multiselect .k-input .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:12px;height:12px;opacity:0}.kit-multiselect .k-chip-action{display:flex;padding:0;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:12px;height:12px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:12px;height:12px}.kit-multiselect .k-chip:has(.chip-text.all-option){display:flex}.kit-multiselect .k-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect.all-option-selected .k-chip{display:none}.kit-multiselect-popup{margin-top:10px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup.k-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}.kit-multiselect-popup .k-checkbox{background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);margin-right:4px}.kit-multiselect-popup .k-checkbox:checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}\n"] }]
4849
4852
  }], ctorParameters: () => [], propDecorators: { items: [{
4850
4853
  type: Input
4851
4854
  }], selectedItems: [{
@@ -4862,7 +4865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
4862
4865
  type: Input
4863
4866
  }], messageText: [{
4864
4867
  type: Input
4865
- }], shouldAddAllAsOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldAddAllAsOption", required: false }] }], allOptionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "allOptionLabel", required: false }] }], tagMapper: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagMapper", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], useCheckboxes: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCheckboxes", required: false }] }], popupClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupClass", required: false }] }], listHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "listHeight", required: false }] }], allowCustom: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCustom", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], itemsDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsDirection", required: false }] }], autoSummaryTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSummaryTag", required: false }] }], autoSummaryTagContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSummaryTagContainerClass", required: false }] }], fallbackGroupChipWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackGroupChipWidth", required: false }] }], changed: [{
4868
+ }], shouldAddAllAsOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldAddAllAsOption", required: false }] }], allOptionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "allOptionLabel", required: false }] }], tagMapper: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagMapper", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], useCheckboxes: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCheckboxes", required: false }] }], popupClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupClass", required: false }] }], listHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "listHeight", required: false }] }], allowCustom: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCustom", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], itemsDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsDirection", required: false }] }], autoSummaryTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSummaryTag", required: false }] }], autoSummaryTagContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSummaryTagContainerClass", required: false }] }], fallbackGroupChipWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackGroupChipWidth", required: false }] }], showCheckIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckIcon", required: false }] }], changed: [{
4866
4869
  type: Output
4867
4870
  }], multiselectComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MultiSelectComponent), { isSignal: true }] }], multiSelectGroupTagTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitMultiselectGroupTagTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
4868
4871