@indigina/ui-kit 1.1.418 → 1.1.420
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.
|
@@ -326,7 +326,7 @@ class KitButtonComponent {
|
|
|
326
326
|
this.kitSvgIconType = KitSvgIconType;
|
|
327
327
|
}
|
|
328
328
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
329
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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}.kit-button .default.link:disabled{border:none;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}.kit-button .success.link:disabled{border:none;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}.kit-button .warning.link:disabled{border:none;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 }); }
|
|
329
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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 }); }
|
|
330
330
|
}
|
|
331
331
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
332
332
|
type: Component,
|
|
@@ -334,7 +334,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
334
334
|
KitSvgIconComponent,
|
|
335
335
|
NgClass,
|
|
336
336
|
ButtonModule,
|
|
337
|
-
], 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}.kit-button .default.link:disabled{border:none;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}.kit-button .success.link:disabled{border:none;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}.kit-button .warning.link:disabled{border:none;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"] }]
|
|
337
|
+
], 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"] }]
|
|
338
338
|
}], propDecorators: { disabled: [{
|
|
339
339
|
type: Input
|
|
340
340
|
}], label: [{
|
|
@@ -3497,6 +3497,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
3497
3497
|
], template: "<div class=\"kit-radio-button\">\n @if (label()) {\n <kit-input-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-input-label>\n }\n\n @if (items().length) {\n <div class=\"kit-radio-button-items\" \n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of items(); track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly() || disabled()\"\n [class.disabled]=\"item.disabled || disabled()\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name()\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <kit-input-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-input-label>\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;outline:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main);-webkit-mask-image:none;mask-image:none}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"] }]
|
|
3498
3498
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
3499
3499
|
|
|
3500
|
+
function kitWhitespaceValidator() {
|
|
3501
|
+
return (control) => {
|
|
3502
|
+
if (typeof control.value === 'string') {
|
|
3503
|
+
return control.value.trim().length ? null : { required: true };
|
|
3504
|
+
}
|
|
3505
|
+
return Validators.required(control);
|
|
3506
|
+
};
|
|
3507
|
+
}
|
|
3508
|
+
|
|
3500
3509
|
var KitNavigationTabsType;
|
|
3501
3510
|
(function (KitNavigationTabsType) {
|
|
3502
3511
|
KitNavigationTabsType["TEXT"] = "text";
|
|
@@ -3600,7 +3609,7 @@ class KitDialogComponent {
|
|
|
3600
3609
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3601
3610
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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: [
|
|
3602
3611
|
KitDialogService,
|
|
3603
|
-
], 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}.kit-button .default.link:disabled{border:none;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}.kit-button .success.link:disabled{border:none;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}.kit-button .warning.link:disabled{border:none;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}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{border:none;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}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{border:none;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}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{border:none;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$8.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$8.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3612
|
+
], 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$8.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$8.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3604
3613
|
}
|
|
3605
3614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDialogComponent, decorators: [{
|
|
3606
3615
|
type: Component,
|
|
@@ -3609,7 +3618,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
3609
3618
|
NgClass,
|
|
3610
3619
|
], providers: [
|
|
3611
3620
|
KitDialogService,
|
|
3612
|
-
], 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}.kit-button .default.link:disabled{border:none;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}.kit-button .success.link:disabled{border:none;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}.kit-button .warning.link:disabled{border:none;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}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{border:none;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}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{border:none;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}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{border:none;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"] }]
|
|
3621
|
+
], 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"] }]
|
|
3613
3622
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], backUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "backUrl", required: false }] }] } });
|
|
3614
3623
|
|
|
3615
3624
|
class KitDialogActionsComponent {
|
|
@@ -4704,11 +4713,11 @@ class KitTabComponent {
|
|
|
4704
4713
|
this.kitTabContent = null;
|
|
4705
4714
|
}
|
|
4706
4715
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4707
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: KitTabComponent, isStandalone: true, selector: "kit-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip
|
|
4716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: KitTabComponent, isStandalone: true, selector: "kit-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-items .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item{height:46px;background:transparent}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item .k-link{border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active{margin:0;color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active .k-link{border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item{color:var(--ui-kit-color-grey-14);border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active{height:auto;border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-tabstrip-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-tabstrip-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-tabstrip-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-tabstrip-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-tabstrip-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-tabstrip-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-tabstrip-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-tabstrip-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-tabstrip-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-tabstrip-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-tabstrip-item span{font-size:18px;line-height:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4708
4717
|
}
|
|
4709
4718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTabComponent, decorators: [{
|
|
4710
4719
|
type: Component,
|
|
4711
|
-
args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep .kit-tabs .k-tabstrip-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip
|
|
4720
|
+
args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep .kit-tabs .k-tabstrip-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-items .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item{height:46px;background:transparent}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item .k-link{border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active{margin:0;color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active .k-link{border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip .k-tabstrip-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item{color:var(--ui-kit-color-grey-14);border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active{height:auto;border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-tabstrip-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-tabstrip-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-tabstrip-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-tabstrip-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-tabstrip-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-tabstrip-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-tabstrip-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-tabstrip-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-tabstrip-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-tabstrip-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-tabstrip-item span{font-size:18px;line-height:24px}\n"] }]
|
|
4712
4721
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], icon: [{
|
|
4713
4722
|
type: Input
|
|
4714
4723
|
}], iconType: [{
|
|
@@ -5278,7 +5287,7 @@ class KitGridComponent {
|
|
|
5278
5287
|
{ provide: L10N_PREFIX, useValue: '' },
|
|
5279
5288
|
PagerContextService,
|
|
5280
5289
|
PagerNavigationService,
|
|
5281
|
-
], queries: [{ propertyName: "columnsContent", predicate: KitGridColumnComponent, isSignal: true }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "@if (data()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [data]=\"data()\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (sortChange)=\"onSortChange($event)\"\n (pageChange)=\"onPageChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n [pagerOf]=\"'of'\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n@if (gridDataBinding()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [kendoGridBinding]=\"gridDataBinding()\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (pageChange)=\"onPageChange($event)\"\n (sortChange)=\"onSortChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages pagerOf=\"of\"\n [pagerItems]=\"pagerInfoText()\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n <div class=\"grid-title\"\n [class.sortable]=\"isColumnSortable(column)\">\n @if (column.titleIcon) {\n <kit-svg-icon class=\"grid-title-icon\"\n [icon]=\"column.titleIcon\"\n [ngClass]=\"column.titleIconType\"\n ></kit-svg-icon>\n }\n\n <div class=\"grid-title-text\">\n {{ column.title }}\n </div>\n\n @if (sortable && column.sortable) {\n @switch (getSortingDirection(column.field)) {\n @case (kitSortDirection.ASC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n ></kit-svg-icon>\n }\n @case (kitSortDirection.DESC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n ></kit-svg-icon>\n }\n }\n }\n </div>\n</ng-template>\n\n<ng-template #footerTemplate let-column>\n @if (columns(); as columns) {\n @if (footerTitle && column === columns[0]) {\n {{ footerTitle }}\n } @else {\n {{ footerData?.[column.field] || '' }}\n }\n }\n</ng-template>\n\n<ng-template #pagerTemplate\n kendoPagerTemplate>\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none;max-height:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:after,.kit-grid ::ng-deep .k-pager-numbers .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-caret-alt-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-caret-alt-down:before{content:\"\\e015\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$c.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i1$c.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "component", type: i1$c.CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: i1$c.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i1$c.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$c.FooterTemplateDirective, selector: "[kendoGridFooterTemplate]" }, { kind: "directive", type: i1$c.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i1$c.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$c.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i2.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i2.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i2.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i2.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i2.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$c.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$c.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5290
|
+
], queries: [{ propertyName: "columnsContent", predicate: KitGridColumnComponent, isSignal: true }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "@if (data()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [data]=\"data()\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (sortChange)=\"onSortChange($event)\"\n (pageChange)=\"onPageChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n [pagerOf]=\"'of'\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n@if (gridDataBinding()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [kendoGridBinding]=\"gridDataBinding()\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (pageChange)=\"onPageChange($event)\"\n (sortChange)=\"onSortChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages pagerOf=\"of\"\n [pagerItems]=\"pagerInfoText()\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n <div class=\"grid-title\"\n [class.sortable]=\"isColumnSortable(column)\">\n @if (column.titleIcon) {\n <kit-svg-icon class=\"grid-title-icon\"\n [icon]=\"column.titleIcon\"\n [ngClass]=\"column.titleIconType\"\n ></kit-svg-icon>\n }\n\n <div class=\"grid-title-text\">\n {{ column.title }}\n </div>\n\n @if (sortable && column.sortable) {\n @switch (getSortingDirection(column.field)) {\n @case (kitSortDirection.ASC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n ></kit-svg-icon>\n }\n @case (kitSortDirection.DESC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n ></kit-svg-icon>\n }\n }\n }\n </div>\n</ng-template>\n\n<ng-template #footerTemplate let-column>\n @if (columns(); as columns) {\n @if (footerTitle && column === columns[0]) {\n {{ footerTitle }}\n } @else {\n {{ footerData?.[column.field] || '' }}\n }\n }\n</ng-template>\n\n<ng-template #pagerTemplate\n kendoPagerTemplate>\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none;max-height:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-table-td:first-child .ng-star-inserted{display:flex;justify-content:center}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:after,.kit-grid ::ng-deep .k-pager-numbers .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-caret-alt-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-caret-alt-down:before{content:\"\\e015\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-container.k-popup{padding:0}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$c.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i1$c.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "component", type: i1$c.CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: i1$c.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i1$c.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$c.FooterTemplateDirective, selector: "[kendoGridFooterTemplate]" }, { kind: "directive", type: i1$c.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i1$c.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$c.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i2.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i2.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i2.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i2.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i2.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$c.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$c.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5282
5291
|
}
|
|
5283
5292
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridComponent, decorators: [{
|
|
5284
5293
|
type: Component,
|
|
@@ -5294,7 +5303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
5294
5303
|
{ provide: L10N_PREFIX, useValue: '' },
|
|
5295
5304
|
PagerContextService,
|
|
5296
5305
|
PagerNavigationService,
|
|
5297
|
-
], template: "@if (data()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [data]=\"data()\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (sortChange)=\"onSortChange($event)\"\n (pageChange)=\"onPageChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n [pagerOf]=\"'of'\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n@if (gridDataBinding()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [kendoGridBinding]=\"gridDataBinding()\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (pageChange)=\"onPageChange($event)\"\n (sortChange)=\"onSortChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages pagerOf=\"of\"\n [pagerItems]=\"pagerInfoText()\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n <div class=\"grid-title\"\n [class.sortable]=\"isColumnSortable(column)\">\n @if (column.titleIcon) {\n <kit-svg-icon class=\"grid-title-icon\"\n [icon]=\"column.titleIcon\"\n [ngClass]=\"column.titleIconType\"\n ></kit-svg-icon>\n }\n\n <div class=\"grid-title-text\">\n {{ column.title }}\n </div>\n\n @if (sortable && column.sortable) {\n @switch (getSortingDirection(column.field)) {\n @case (kitSortDirection.ASC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n ></kit-svg-icon>\n }\n @case (kitSortDirection.DESC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n ></kit-svg-icon>\n }\n }\n }\n </div>\n</ng-template>\n\n<ng-template #footerTemplate let-column>\n @if (columns(); as columns) {\n @if (footerTitle && column === columns[0]) {\n {{ footerTitle }}\n } @else {\n {{ footerData?.[column.field] || '' }}\n }\n }\n</ng-template>\n\n<ng-template #pagerTemplate\n kendoPagerTemplate>\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none;max-height:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:after,.kit-grid ::ng-deep .k-pager-numbers .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-caret-alt-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-caret-alt-down:before{content:\"\\e015\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"] }]
|
|
5306
|
+
], template: "@if (data()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [data]=\"data()\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (sortChange)=\"onSortChange($event)\"\n (pageChange)=\"onPageChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n [pagerOf]=\"'of'\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n@if (gridDataBinding()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [kendoGridBinding]=\"gridDataBinding()\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (pageChange)=\"onPageChange($event)\"\n (sortChange)=\"onSortChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages pagerOf=\"of\"\n [pagerItems]=\"pagerInfoText()\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n <div class=\"grid-title\"\n [class.sortable]=\"isColumnSortable(column)\">\n @if (column.titleIcon) {\n <kit-svg-icon class=\"grid-title-icon\"\n [icon]=\"column.titleIcon\"\n [ngClass]=\"column.titleIconType\"\n ></kit-svg-icon>\n }\n\n <div class=\"grid-title-text\">\n {{ column.title }}\n </div>\n\n @if (sortable && column.sortable) {\n @switch (getSortingDirection(column.field)) {\n @case (kitSortDirection.ASC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n ></kit-svg-icon>\n }\n @case (kitSortDirection.DESC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n ></kit-svg-icon>\n }\n }\n }\n </div>\n</ng-template>\n\n<ng-template #footerTemplate let-column>\n @if (columns(); as columns) {\n @if (footerTitle && column === columns[0]) {\n {{ footerTitle }}\n } @else {\n {{ footerData?.[column.field] || '' }}\n }\n }\n</ng-template>\n\n<ng-template #pagerTemplate\n kendoPagerTemplate>\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none;max-height:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-table-td:first-child .ng-star-inserted{display:flex;justify-content:center}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:after,.kit-grid ::ng-deep .k-pager-numbers .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-caret-alt-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-caret-alt-down:before{content:\"\\e015\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-container.k-popup{padding:0}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"] }]
|
|
5298
5307
|
}], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], gridDataBinding: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridDataBinding", required: false }] }], sortable: [{
|
|
5299
5308
|
type: Input
|
|
5300
5309
|
}], sort: [{
|
|
@@ -11386,7 +11395,10 @@ class KitApiTokenMaintenanceFormComponent {
|
|
|
11386
11395
|
this.saved = output();
|
|
11387
11396
|
this.apiToken = this.store.selectSignal(KIT_API_TOKEN_DETAILS_STATE_TOKEN);
|
|
11388
11397
|
this.isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : []));
|
|
11389
|
-
this.validators = [
|
|
11398
|
+
this.validators = [
|
|
11399
|
+
Validators.required,
|
|
11400
|
+
kitWhitespaceValidator(),
|
|
11401
|
+
];
|
|
11390
11402
|
this.tokenValuePlaceholder = '••••••••••••••••••••';
|
|
11391
11403
|
this.apiTokensForm = this.formBuilder.group({
|
|
11392
11404
|
id: null,
|
|
@@ -11780,5 +11792,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
11780
11792
|
* Generated bundle index. Do not edit.
|
|
11781
11793
|
*/
|
|
11782
11794
|
|
|
11783
|
-
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitConvertDateToUTC, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
|
|
11795
|
+
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitConvertDateToUTC, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
|
|
11784
11796
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|