@indigina/ui-kit 1.1.521 → 1.1.522

package/fesm2022/indigina-ui-kit.mjs

@@ -1888,6 +1888,11 @@ var KitCodeEditorLanguage;
     KitCodeEditorLanguage["XSLT"] = "xslt";
     KitCodeEditorLanguage["SCRIBAN"] = "scriban";
 })(KitCodeEditorLanguage || (KitCodeEditorLanguage = {}));
+var KitCodeEditorMode;
+(function (KitCodeEditorMode) {
+    KitCodeEditorMode["SINGLE"] = "single";
+    KitCodeEditorMode["DIFF"] = "diff";
+})(KitCodeEditorMode || (KitCodeEditorMode = {}));
 
 const registerScribanLanguage = (monaco) => {
     const scribanLanguageId = KitCodeEditorLanguage.SCRIBAN;
@@ -2240,6 +2245,11 @@ class KitCodeEditorAdapterService {
     async create(container, options) {
         const monaco = monacoEditor;
         const languageId = await this.languageRegistryService.ensureRegistered(monaco, options.languageId);
+        return options.mode === KitCodeEditorMode.DIFF
+            ? this.createDiffAdapter(monaco, container, options, languageId)
+            : this.createSingleAdapter(monaco, container, options, languageId);
+    }
+    createSingleAdapter(monaco, container, options, languageId) {
         const editorInstance = monaco.editor.create(container, {
             value: options.value,
             language: languageId,
@@ -2257,7 +2267,6 @@ class KitCodeEditorAdapterService {
                 enabled: false,
             },
             scrollBeyondLastLine: false,
-            tabSize: 2,
             fontSize: 13,
             roundedSelection: false,
             glyphMargin: true,
@@ -2289,16 +2298,17 @@ class KitCodeEditorAdapterService {
             overflowWidgetsDomNode: document.body,
             renderValidationDecorations: 'on',
             placeholder: options.placeholder,
+            occurrencesHighlight: 'off',
         });
-        const isFindWidgetVisible = () => {
-            return container.querySelector('.find-widget.visible') !== null;
-        };
+        const isFindWidgetVisible = this.createFindWidgetVisibilityResolver(container);
         return {
+            getMode: () => KitCodeEditorMode.SINGLE,
             setValue: (value) => {
                 if (editorInstance.getValue() !== value) {
                     editorInstance.setValue(value);
                 }
             },
+            setOriginalValue: () => { },
             setLanguage: async (nextLanguageId) => {
                 const model = editorInstance.getModel();
                 if (!model) {
@@ -2327,47 +2337,167 @@ class KitCodeEditorAdapterService {
                 });
                 return () => subscription.dispose();
             },
-            openFindWidget: async () => {
-                editorInstance.focus();
-                const action = editorInstance.getAction('actions.find');
-                if (action) {
-                    await action.run();
-                    return true;
+            openFindWidget: async () => this.openFindWidget(editorInstance),
+            onFindWidgetVisibilityChange: (callback) => {
+                return this.observeFindWidgetVisibility(container, callback, isFindWidgetVisible);
+            },
+            runFormatDocument: async () => this.runFormatDocument(editorInstance),
+            onValueChange: (callback) => {
+                const subscription = editorInstance.onDidChangeModelContent(() => {
+                    callback(editorInstance.getValue());
+                });
+                return () => subscription.dispose();
+            },
+            dispose: () => {
+                editorInstance.dispose();
+            },
+        };
+    }
+    createDiffAdapter(monaco, container, options, languageId) {
+        const editorInstance = monaco.editor.createDiffEditor(container, {
+            readOnly: options.readOnly,
+            originalEditable: false,
+            theme: 'vs',
+            automaticLayout: true,
+            lineNumbers: options.showLineNumbers ? 'on' : 'off',
+            lineNumbersMinChars: 4,
+            wordWrap: options.wrap ? 'on' : 'off',
+            minimap: {
+                enabled: false,
+            },
+            scrollBeyondLastLine: false,
+            renderSideBySide: true,
+            enableSplitViewResizing: true,
+        });
+        const originalModel = monaco.editor.createModel(options.originalValue ?? '', languageId);
+        const modifiedModel = monaco.editor.createModel(options.value, languageId);
+        editorInstance.setModel({
+            original: originalModel,
+            modified: modifiedModel,
+        });
+        const originalEditor = editorInstance.getOriginalEditor();
+        const modifiedEditor = editorInstance.getModifiedEditor();
+        const isFindWidgetVisible = this.createFindWidgetVisibilityResolver(container);
+        const updateEditorsOptions = (editorOptions) => {
+            editorInstance.updateOptions(editorOptions);
+            originalEditor.updateOptions(editorOptions);
+            modifiedEditor.updateOptions(editorOptions);
+        };
+        updateEditorsOptions({
+            lineDecorationsWidth: 16,
+            fontSize: 13,
+            roundedSelection: false,
+            glyphMargin: true,
+            folding: true,
+            showFoldingControls: 'always',
+            foldingStrategy: 'indentation',
+            foldingHighlight: true,
+            matchBrackets: 'always',
+            bracketPairColorization: {
+                enabled: true,
+            },
+            guides: {
+                bracketPairs: true,
+                indentation: true,
+            },
+            contextmenu: false,
+            quickSuggestions: false,
+            suggestOnTriggerCharacters: false,
+            renderValidationDecorations: 'on',
+            scrollbar: {
+                alwaysConsumeMouseWheel: false,
+            },
+            occurrencesHighlight: 'off',
+        });
+        return {
+            getMode: () => KitCodeEditorMode.DIFF,
+            setValue: (value) => {
+                if (modifiedModel.getValue() !== value) {
+                    modifiedModel.setValue(value);
                 }
-                return false;
             },
-            onFindWidgetVisibilityChange: (callback) => {
-                const observer = new MutationObserver(() => {
-                    callback(isFindWidgetVisible());
+            setOriginalValue: (value) => {
+                if (originalModel.getValue() !== value) {
+                    originalModel.setValue(value);
+                }
+            },
+            setLanguage: async (nextLanguageId) => {
+                const monacoLanguageId = await this.languageRegistryService.ensureRegistered(monaco, nextLanguageId);
+                monaco.editor.setModelLanguage(originalModel, monacoLanguageId);
+                monaco.editor.setModelLanguage(modifiedModel, monacoLanguageId);
+            },
+            setReadOnly: (readOnly) => {
+                editorInstance.updateOptions({ readOnly });
+                modifiedEditor.updateOptions({ readOnly });
+            },
+            setWrap: (wrap) => {
+                updateEditorsOptions({
+                    wordWrap: wrap ? 'on' : 'off',
                 });
-                observer.observe(container, {
-                    subtree: true,
-                    childList: true,
-                    attributes: true,
-                    attributeFilter: ['class'],
+            },
+            setLineNumbers: (showLineNumbers) => {
+                updateEditorsOptions({
+                    lineNumbers: showLineNumbers ? 'on' : 'off',
                 });
-                callback(isFindWidgetVisible());
-                return () => observer.disconnect();
             },
-            runFormatDocument: async () => {
-                const action = editorInstance.getAction('editor.action.formatDocument');
-                if (!action) {
-                    return false;
-                }
-                await action.run();
-                return true;
+            getContentHeight: () => modifiedEditor.getContentHeight(),
+            onContentHeightChange: (callback) => {
+                const subscription = modifiedEditor.onDidContentSizeChange(() => {
+                    callback(modifiedEditor.getContentHeight());
+                });
+                return () => subscription.dispose();
+            },
+            openFindWidget: async () => this.openFindWidget(modifiedEditor),
+            onFindWidgetVisibilityChange: (callback) => {
+                return this.observeFindWidgetVisibility(container, callback, isFindWidgetVisible);
             },
+            runFormatDocument: async () => this.runFormatDocument(modifiedEditor),
             onValueChange: (callback) => {
-                const subscription = editorInstance.onDidChangeModelContent(() => {
-                    callback(editorInstance.getValue());
+                const subscription = modifiedEditor.onDidChangeModelContent(() => {
+                    callback(modifiedModel.getValue());
                 });
                 return () => subscription.dispose();
             },
             dispose: () => {
                 editorInstance.dispose();
+                originalModel.dispose();
+                modifiedModel.dispose();
             },
         };
     }
+    createFindWidgetVisibilityResolver(container) {
+        return () => container.querySelector('.find-widget.visible') !== null;
+    }
+    observeFindWidgetVisibility(container, callback, isFindWidgetVisible) {
+        const observer = new MutationObserver(() => {
+            callback(isFindWidgetVisible());
+        });
+        observer.observe(container, {
+            subtree: true,
+            childList: true,
+            attributes: true,
+            attributeFilter: ['class'],
+        });
+        callback(isFindWidgetVisible());
+        return () => observer.disconnect();
+    }
+    async openFindWidget(editorInstance) {
+        editorInstance.focus();
+        const action = editorInstance.getAction('actions.find');
+        if (action) {
+            await action.run();
+            return true;
+        }
+        return false;
+    }
+    async runFormatDocument(editorInstance) {
+        const action = editorInstance.getAction('editor.action.formatDocument');
+        if (!action) {
+            return false;
+        }
+        await action.run();
+        return true;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorAdapterService }); }
 }
@@ -2766,6 +2896,8 @@ class KitCodeEditorComponent {
         this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
         this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
         this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+        this.mode = model(KitCodeEditorMode.SINGLE, ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.originalValue = model(...(ngDevMode ? [undefined, { debugName: "originalValue" }] : /* istanbul ignore next */ []));
         this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
         this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         this.height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
@@ -2774,11 +2906,17 @@ class KitCodeEditorComponent {
         this.showToolbar = input(true, ...(ngDevMode ? [{ debugName: "showToolbar" }] : /* istanbul ignore next */ []));
         this.showFormatAction = input(true, ...(ngDevMode ? [{ debugName: "showFormatAction" }] : /* istanbul ignore next */ []));
         this.showFindAction = input(true, ...(ngDevMode ? [{ debugName: "showFindAction" }] : /* istanbul ignore next */ []));
+        this.invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+        this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
+        this.messageText = input(...(ngDevMode ? [undefined, { debugName: "messageText" }] : /* istanbul ignore next */ []));
         this.editorReady = output();
         this.contentChanged = output();
         this.formatFailed = output();
         this.findFailed = output();
+        this.diffAccepted = output();
+        this.diffDiscarded = output();
         this.editorContainer = viewChild.required('editorContainer');
+        this.isDiffMode = computed(() => this.mode() === KitCodeEditorMode.DIFF, ...(ngDevMode ? [{ debugName: "isDiffMode" }] : /* istanbul ignore next */ []));
         this.localWrap = signal(this.wrap(), ...(ngDevMode ? [{ debugName: "localWrap" }] : /* istanbul ignore next */ []));
         this.localShowLineNumbers = signal(this.showLineNumbers(), ...(ngDevMode ? [{ debugName: "localShowLineNumbers" }] : /* istanbul ignore next */ []));
         this.editorAutoHeight = signal(160, ...(ngDevMode ? [{ debugName: "editorAutoHeight" }] : /* istanbul ignore next */ []));
@@ -2799,7 +2937,7 @@ class KitCodeEditorComponent {
         };
         this.onTouched = () => {
         };
-        effect(() => this.writeValue(this.value() ?? ''));
+        effect(() => this.value() && this.writeValue(this.value()));
         effect(() => {
             const nextWrap = this.wrap();
             this.localWrap.set(nextWrap);
@@ -2811,6 +2949,13 @@ class KitCodeEditorComponent {
             this.editorAdapter?.setLineNumbers(nextShowLineNumbers);
         });
         effect(() => this.editorAdapter?.setReadOnly(this.isReadOnlyMode()));
+        effect(() => {
+            const originalValue = this.originalValue() ?? '';
+            if (!this.isDiffMode()) {
+                return;
+            }
+            this.editorAdapter?.setOriginalValue(originalValue);
+        });
         effect(() => {
             const lang = this.language();
             const adapter = this.editorAdapter;
@@ -2819,15 +2964,19 @@ class KitCodeEditorComponent {
             }
             adapter.setLanguage(lang);
         });
+        effect(() => {
+            const mode = this.mode();
+            if (!this.editorAdapter || this.editorAdapter.getMode() === mode) {
+                return;
+            }
+            this.reinitializeEditor();
+        });
     }
     ngAfterViewInit() {
         void this.initializeEditor();
     }
     ngOnDestroy() {
-        this.contentHeightUnsubscribe?.();
-        this.contentChangeUnsubscribe?.();
-        this.findWidgetVisibilityUnsubscribe?.();
-        this.editorAdapter?.dispose();
+        this.destroyEditorAdapter();
     }
     writeValue(value = '') {
         const nextValue = value ?? '';
@@ -2860,6 +3009,27 @@ class KitCodeEditorComponent {
         this.localShowLineNumbers.update((currentValue) => !currentValue);
         this.editorAdapter?.setLineNumbers(this.localShowLineNumbers());
     }
+    onAcceptDiffClicked() {
+        if (!this.isDiffMode()) {
+            return;
+        }
+        const acceptedValue = this.currentValue();
+        this.toolbarMessage.set(null);
+        this.mode.set(KitCodeEditorMode.SINGLE);
+        this.originalValue.set(undefined);
+        this.diffAccepted.emit(acceptedValue);
+    }
+    onDiscardDiffClicked() {
+        if (!this.isDiffMode()) {
+            return;
+        }
+        const restoredValue = this.originalValue() ?? '';
+        this.setContent(restoredValue);
+        this.toolbarMessage.set(null);
+        this.mode.set(KitCodeEditorMode.SINGLE);
+        this.originalValue.set(undefined);
+        this.diffDiscarded.emit(restoredValue);
+    }
     async onFormatClicked() {
         const currentValue = this.currentValue();
         const formatResult = await this.formatterService.format(this.language(), currentValue);
@@ -2885,12 +3055,23 @@ class KitCodeEditorComponent {
         this.onTouched();
     }
     getEditorHeight() {
-        return this.height() ?? `${this.editorAutoHeight()}px`;
+        const height = this.height();
+        const diffMaxHeight = 400;
+        if (height) {
+            return height;
+        }
+        if (this.isDiffMode()) {
+            return `${diffMaxHeight}px`;
+        }
+        return `${this.editorAutoHeight()}px`;
     }
     async initializeEditor() {
         try {
+            this.initializationError.set(null);
             this.editorAdapter = await this.adapterService.create(this.editorContainer().nativeElement, {
+                mode: this.mode(),
                 value: this.currentValue(),
+                originalValue: this.originalValue(),
                 languageId: this.language(),
                 readOnly: this.isReadOnlyMode(),
                 wrap: this.localWrap(),
@@ -2911,6 +3092,7 @@ class KitCodeEditorComponent {
                 this.contentChanged.emit(value);
             });
             this.editorReady.emit({
+                mode: this.mode(),
                 languageId: this.language(),
                 editor: this.editorAdapter,
             });
@@ -2923,6 +3105,24 @@ class KitCodeEditorComponent {
     isReadOnlyMode() {
         return this.readonly() || this.disabled();
     }
+    clearEditorSubscriptions() {
+        this.contentHeightUnsubscribe?.();
+        this.contentHeightUnsubscribe = null;
+        this.contentChangeUnsubscribe?.();
+        this.contentChangeUnsubscribe = null;
+        this.findWidgetVisibilityUnsubscribe?.();
+        this.findWidgetVisibilityUnsubscribe = null;
+    }
+    destroyEditorAdapter() {
+        this.clearEditorSubscriptions();
+        this.editorAdapter?.dispose();
+        this.editorAdapter = null;
+        this.isFindWidgetOpened.set(false);
+    }
+    async reinitializeEditor() {
+        this.destroyEditorAdapter();
+        await this.initializeEditor();
+    }
     setContent(value) {
         this.currentValue.set(value);
         this.editorAdapter?.setValue(value);
@@ -2930,7 +3130,7 @@ class KitCodeEditorComponent {
         this.contentChanged.emit(value);
     }
     updateEditorHeight(contentHeight) {
-        if (this.height()) {
+        if (this.height() || this.isDiffMode()) {
             return;
         }
         const minHeight = 60;
@@ -2938,7 +3138,7 @@ class KitCodeEditorComponent {
         this.editorAutoHeight.set(nextHeight);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitCodeEditorComponent, isStandalone: true, selector: "kit-code-editor", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, showLineNumbers: { classPropertyName: "showLineNumbers", publicName: "showLineNumbers", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFormatAction: { classPropertyName: "showFormatAction", publicName: "showFormatAction", isSignal: true, isRequired: false, transformFunction: null }, showFindAction: { classPropertyName: "showFindAction", publicName: "showFindAction", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", editorReady: "editorReady", contentChanged: "contentChanged", formatFailed: "formatFailed", findFailed: "findFailed" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitCodeEditorComponent, isStandalone: true, selector: "kit-code-editor", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, originalValue: { classPropertyName: "originalValue", publicName: "originalValue", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, showLineNumbers: { classPropertyName: "showLineNumbers", publicName: "showLineNumbers", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFormatAction: { classPropertyName: "showFormatAction", publicName: "showFormatAction", isSignal: true, isRequired: false, transformFunction: null }, showFindAction: { classPropertyName: "showFindAction", publicName: "showFindAction", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", originalValue: "originalValueChange", disabled: "disabledChange", editorReady: "editorReady", contentChanged: "contentChanged", formatFailed: "formatFailed", findFailed: "findFailed", diffAccepted: "diffAccepted", diffDiscarded: "diffDiscarded" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitCodeEditorComponent),
@@ -2947,7 +3147,7 @@ class KitCodeEditorComponent {
             KitCodeEditorAdapterService,
             KitCodeEditorFormatterService,
             KitCodeEditorLanguageRegistryService,
-        ], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-code-editor\">\n  @if (label()) {\n    <kit-form-label class=\"kit-code-editor-label\"\n                    [text]=\"label()\"\n    ></kit-form-label>\n  }\n\n  <div class=\"kit-code-editor-main\">\n    @if (showToolbar()) {\n      <div class=\"kit-code-editor-toolbar\">\n        @if (showFormatAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.format' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.MAGIC_WAND\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onFormatClicked()\"\n          ></kit-button>\n        }\n\n        @if (showFindAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.find' | translate\"\n                      [active]=\"isFindWidgetOpened()\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.SEARCH\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      (clicked)=\"onFindClicked()\"\n          ></kit-button>\n        }\n\n        <kit-button class=\"kit-code-editor-toolbar-button\"\n                    [label]=\"'kit.codeEditor.lines' | translate\"\n                    [active]=\"localShowLineNumbers()\"\n                    [disabled]=\"disabled()\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [kind]=\"kitButtonKind.SMALL\"\n                    [icon]=\"kitSvgIcon.NUMBER_LIST\"\n                    [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                    (clicked)=\"onToggleLineNumbersClicked()\"\n        ></kit-button>\n      </div>\n    }\n\n    @if (toolbarMessage()) {\n      <div class=\"kit-code-editor-toolbar-message\">\n        {{ toolbarMessage() | translate }}\n      </div>\n    }\n\n    <div class=\"kit-code-editor-input\"\n         [style.height]=\"getEditorHeight()\"\n         [class.disabled]=\"disabled()\">\n      @if (!initializationError()) {\n        <div #editorContainer\n             class=\"kit-code-editor-container\"\n             (focusout)=\"onEditorBlur()\"\n        ></div>\n      } @else {\n        <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-code-editor\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-form-label class=\"kit-code-editor-label\"\n                    [text]=\"label()\" />\n  }\n\n  <div class=\"kit-code-editor-main\">\n    @if (showToolbar()) {\n      <div class=\"kit-code-editor-toolbar\">\n        @if (showFormatAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.format' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.MAGIC_WAND\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onFormatClicked()\" />\n        }\n\n        @if (showFindAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.find' | translate\"\n                      [active]=\"isFindWidgetOpened()\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.SEARCH\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      (clicked)=\"onFindClicked()\" />\n        }\n\n        <kit-button class=\"kit-code-editor-toolbar-button\"\n                    [label]=\"'kit.codeEditor.lines' | translate\"\n                    [active]=\"localShowLineNumbers()\"\n                    [disabled]=\"disabled()\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [kind]=\"kitButtonKind.SMALL\"\n                    [icon]=\"kitSvgIcon.NUMBER_LIST\"\n                    [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                    (clicked)=\"onToggleLineNumbersClicked()\" />\n\n        @if (isDiffMode()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.discard' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onDiscardDiffClicked()\" />\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.accept' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.CHECK\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onAcceptDiffClicked()\" />\n        }\n      </div>\n    }\n\n    @if (toolbarMessage()) {\n      <div class=\"kit-code-editor-toolbar-message\">\n        {{ toolbarMessage() | translate }}\n      </div>\n    }\n\n    <div class=\"kit-code-editor-input\"\n         [style.height]=\"getEditorHeight()\"\n         [class.disabled]=\"disabled()\">\n      @if (!initializationError()) {\n        <div #editorContainer\n             class=\"kit-code-editor-container\"\n             (focusout)=\"onEditorBlur()\"\n        ></div>\n      } @else {\n        <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n      }\n    </div>\n  </div>\n\n  @if (messageText()) {\n    <kit-form-message [icon]=\"messageIcon()\"\n                      [message]=\"messageText()\"\n    ></kit-form-message>\n  }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorComponent, decorators: [{
             type: Component,
@@ -2964,8 +3164,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         KitButtonComponent,
                         KitFormLabelComponent,
                         TranslatePipe,
-                    ], template: "<div class=\"kit-code-editor\">\n  @if (label()) {\n    <kit-form-label class=\"kit-code-editor-label\"\n                    [text]=\"label()\"\n    ></kit-form-label>\n  }\n\n  <div class=\"kit-code-editor-main\">\n    @if (showToolbar()) {\n      <div class=\"kit-code-editor-toolbar\">\n        @if (showFormatAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.format' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.MAGIC_WAND\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onFormatClicked()\"\n          ></kit-button>\n        }\n\n        @if (showFindAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.find' | translate\"\n                      [active]=\"isFindWidgetOpened()\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.SEARCH\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      (clicked)=\"onFindClicked()\"\n          ></kit-button>\n        }\n\n        <kit-button class=\"kit-code-editor-toolbar-button\"\n                    [label]=\"'kit.codeEditor.lines' | translate\"\n                    [active]=\"localShowLineNumbers()\"\n                    [disabled]=\"disabled()\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [kind]=\"kitButtonKind.SMALL\"\n                    [icon]=\"kitSvgIcon.NUMBER_LIST\"\n                    [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                    (clicked)=\"onToggleLineNumbersClicked()\"\n        ></kit-button>\n      </div>\n    }\n\n    @if (toolbarMessage()) {\n      <div class=\"kit-code-editor-toolbar-message\">\n        {{ toolbarMessage() | translate }}\n      </div>\n    }\n\n    <div class=\"kit-code-editor-input\"\n         [style.height]=\"getEditorHeight()\"\n         [class.disabled]=\"disabled()\">\n      @if (!initializationError()) {\n        <div #editorContainer\n             class=\"kit-code-editor-container\"\n             (focusout)=\"onEditorBlur()\"\n        ></div>\n      } @else {\n        <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", 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"] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], showLineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLineNumbers", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFormatAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormatAction", required: false }] }], showFindAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFindAction", required: false }] }], editorReady: [{ type: i0.Output, args: ["editorReady"] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }], formatFailed: [{ type: i0.Output, args: ["formatFailed"] }], findFailed: [{ type: i0.Output, args: ["findFailed"] }], editorContainer: [{ type: i0.ViewChild, args: ['editorContainer', { isSignal: true }] }] } });
+                        KitFormMessageComponent,
+                    ], template: "<div class=\"kit-code-editor\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-form-label class=\"kit-code-editor-label\"\n                    [text]=\"label()\" />\n  }\n\n  <div class=\"kit-code-editor-main\">\n    @if (showToolbar()) {\n      <div class=\"kit-code-editor-toolbar\">\n        @if (showFormatAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.format' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.MAGIC_WAND\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onFormatClicked()\" />\n        }\n\n        @if (showFindAction()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.find' | translate\"\n                      [active]=\"isFindWidgetOpened()\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.SEARCH\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      (clicked)=\"onFindClicked()\" />\n        }\n\n        <kit-button class=\"kit-code-editor-toolbar-button\"\n                    [label]=\"'kit.codeEditor.lines' | translate\"\n                    [active]=\"localShowLineNumbers()\"\n                    [disabled]=\"disabled()\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [kind]=\"kitButtonKind.SMALL\"\n                    [icon]=\"kitSvgIcon.NUMBER_LIST\"\n                    [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                    (clicked)=\"onToggleLineNumbersClicked()\" />\n\n        @if (isDiffMode()) {\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.discard' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onDiscardDiffClicked()\" />\n          <kit-button class=\"kit-code-editor-toolbar-button\"\n                      [label]=\"'kit.codeEditor.accept' | translate\"\n                      [disabled]=\"disabled()\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.SMALL\"\n                      [icon]=\"kitSvgIcon.CHECK\"\n                      [iconType]=\"kitSvgIconType.STROKE\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      (clicked)=\"onAcceptDiffClicked()\" />\n        }\n      </div>\n    }\n\n    @if (toolbarMessage()) {\n      <div class=\"kit-code-editor-toolbar-message\">\n        {{ toolbarMessage() | translate }}\n      </div>\n    }\n\n    <div class=\"kit-code-editor-input\"\n         [style.height]=\"getEditorHeight()\"\n         [class.disabled]=\"disabled()\">\n      @if (!initializationError()) {\n        <div #editorContainer\n             class=\"kit-code-editor-container\"\n             (focusout)=\"onEditorBlur()\"\n        ></div>\n      } @else {\n        <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n      }\n    </div>\n  </div>\n\n  @if (messageText()) {\n    <kit-form-message [icon]=\"messageIcon()\"\n                      [message]=\"messageText()\"\n    ></kit-form-message>\n  }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], originalValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValue", required: false }] }, { type: i0.Output, args: ["originalValueChange"] }], 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"] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], showLineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLineNumbers", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFormatAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormatAction", required: false }] }], showFindAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFindAction", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], editorReady: [{ type: i0.Output, args: ["editorReady"] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }], formatFailed: [{ type: i0.Output, args: ["formatFailed"] }], findFailed: [{ type: i0.Output, args: ["findFailed"] }], diffAccepted: [{ type: i0.Output, args: ["diffAccepted"] }], diffDiscarded: [{ type: i0.Output, args: ["diffDiscarded"] }], editorContainer: [{ type: i0.ViewChild, args: ['editorContainer', { isSignal: true }] }] } });
 
 var KitTextLabelState;
 (function (KitTextLabelState) {
@@ -11063,6 +11264,8 @@ const kitTranslations = {
                 format: 'Format',
                 find: 'Find',
                 lines: 'Lines',
+                accept: 'Accept',
+                discard: 'Discard',
                 findUnavailable: 'Find is not available in the current editor mode.',
                 formatFailed: 'Formatting failed for the current content.',
                 formatUnavailable: 'Formatting is not available for the current language.',
@@ -11314,6 +11517,8 @@ const kitTranslations = {
                 format: 'Форматировать',
                 find: 'Поиск',
                 lines: 'Строки',
+                accept: 'Принять',
+                discard: 'Отменить',
                 findUnavailable: 'Поиск недоступен в текущем режиме редактора.',
                 formatFailed: 'Не удалось отформатировать текущее содержимое.',
                 formatUnavailable: 'Форматирование недоступно для текущего языка.',
@@ -16493,5 +16698,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_ALL_PERMISSIONS_PATH, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_DATE_FORMAT_SHORT, KIT_ENTITY_CREATE_SERVICE, 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, KitCodeEditorComponent, KitCodeEditorLanguage, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCreateEntityDialogComponent, 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, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitExpansionPanelView, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardSize, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridCheckboxColumnComponent, KitGridCheckboxColumnType, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridDropPosition, KitGridExportComponent, KitGridFiltersComponent, KitGridFiltersToggleComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, 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, KitTimelineCompactComponent, KitTimelineCompactItemTheme, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTreeComponent, KitTreeContentDirective, KitTreeContentFormat, KitTreeViewMode, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserRoleDetailsComponent, KitUserRolesComponent, KitUserRolesService, KitUserRolesState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, KitUsersSettingsComponent, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsService, KitUsersSettingsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, getTextboxState, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitUserRolesConfig, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_ALL_PERMISSIONS_PATH, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_DATE_FORMAT_SHORT, KIT_ENTITY_CREATE_SERVICE, 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, KitCodeEditorComponent, KitCodeEditorLanguage, KitCodeEditorMode, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCreateEntityDialogComponent, 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, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitExpansionPanelView, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardSize, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridCheckboxColumnComponent, KitGridCheckboxColumnType, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridDropPosition, KitGridExportComponent, KitGridFiltersComponent, KitGridFiltersToggleComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, 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, KitTimelineCompactComponent, KitTimelineCompactItemTheme, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTreeComponent, KitTreeContentDirective, KitTreeContentFormat, KitTreeViewMode, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserRoleDetailsComponent, KitUserRolesComponent, KitUserRolesService, KitUserRolesState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, KitUsersSettingsComponent, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsService, KitUsersSettingsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, getTextboxState, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitUserRolesConfig, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
 //# sourceMappingURL=indigina-ui-kit.mjs.map