@cuby-ui/core 0.0.451 → 0.0.453

package/fesm2022/cuby-ui-core.mjs

@@ -11,7 +11,7 @@ import { __decorate, __metadata } from 'tslib';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { trigger, transition, query, animateChild, style, animate, stagger } from '@angular/animations';
 import { OAuthService, OAuthErrorEvent, OAuthSuccessEvent, OAuthInfoEvent, provideOAuthClient } from 'angular-oauth2-oidc';
-import { CuiExchangeContextApiService, CuiJTextApiService, CuiTreeStructNavigatorApiService, CuiNodeChecklistApiService, CuiTreeStructApiService, CuiFrameApiService, UserCompanyApiService, CuiQuantumGroupResourcesStructureApiService, ResourceContentType, CuiFactoryApiService, SeasonType, SHARED_FACTORY_HTTP_OPTIONS, UtilityApiService, CuiCriterionApiService, CuiStorageObjectType, CuiJobApiService, JobType, SHARED_INSTRUCTION_HTTP_OPTIONS } from '@cuby-ui/api';
+import { CuiExchangeContextApiService, CuiJTextApiService, CuiTreeStructNavigatorApiService, CuiNodeChecklistApiService, CuiTreeStructApiService, CuiFrameApiService, UserCompanyApiService, SHARED_CONSTRUCTION_HTTP_OPTIONS, SHARED_INSTRUCTION_HTTP_OPTIONS, CuiQuantumGroupResourcesStructureApiService, ResourceContentType, CuiFactoryApiService, SeasonType, SHARED_FACTORY_HTTP_OPTIONS, UtilityApiService, CuiCriterionApiService, CuiStorageObjectType, CuiJobApiService, JobType } from '@cuby-ui/api';
 import * as i2$1 from '@angular/forms';
 import { Validators, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormControl, NonNullableFormBuilder } from '@angular/forms';
 import * as i2 from '@taiga-ui/polymorpheus';
@@ -10048,6 +10048,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiSelectedCategoryService], template: "<div\n    class=\"wrapper\"\n    *transloco=\"let t\"\n>\n    <div\n        #scrollContent\n        class=\"content content_scrollable\"\n    >\n        <div class=\"category\">\n            <cui-form-field>\n                <label\n                    cuiLabel\n                    [for]=\"categoryId\"\n                    [isRequired]=\"true\"\n                >\n                    {{ t('SELECT_CATEGORY') }}\n                </label>\n                <cui-categories\n                    [buttonId]=\"categoryId\"\n                    [treeStructType]=\"TYPE\"\n                >\n                    <div class=\"select\">\n                        <span [style.color]=\"labelColor()\">\n                            {{ selectTitle() }}\n                        </span>\n\n                        <cui-svg icon=\"cuiIconChevronDown\" />\n                    </div>\n                </cui-categories>\n            </cui-form-field>\n        </div>\n\n        @let criterionData = criterion();\n        @let editorConfigData = editorConfig();\n\n        @if (editorConfigData && criterionData) {\n            <cui-criterion-info-form\n                [config]=\"editorConfigData\"\n                [baseResourceUrl]=\"editorResourceUrl()\"\n                [title]=\"criterionData.storageElement.title\"\n                [framerId]=\"criterionData.storageElement.framerCriterionId\"\n                class=\"utility\"\n                (isFormValidChanged)=\"onFormValidationChanged($event)\"\n                (formChanged)=\"onFormChanged($event, criterionData.id)\"\n            />\n        }\n    </div>\n</div>\n", styles: [".wrapper{display:flex;flex-direction:column;height:100%}.content{height:calc(100vh - 109px)}.content_scrollable{overflow:auto}.category{padding-top:16px;padding-right:23px;padding-left:23px}.select{padding:7px 13px;font-weight:400;font-size:14px;line-height:20px;display:flex;justify-content:space-between;height:36px;border-radius:8px;border:1px solid var(--cui-base-200);color:var(--cui-base-900);background:var(--cui-input)}.utility{--editor-height: none}\n"] }]
         }], ctorParameters: () => [] });
 
+class CuiFramerPreviewComponent {
+    constructor() {
+        this.hostElement = inject(ElementRef).nativeElement;
+        this.frameApiService = inject(CuiFrameApiService);
+        this.isVideo = false;
+        this.jText = signal(null);
+        this.thumbnailUrl = signal(null);
+        this.isDescriptionEmpty = computed(() => !this.jText()?.notEmpty);
+        this.framerId = input.required();
+        this.config = input.required();
+        this.editorResourceUrl = input.required();
+        this.title = input();
+        this.initConfigEffect();
+        this.initFramerIdEffect();
+    }
+    initConfigEffect() {
+        effect(() => {
+            this.editorConfig = {
+                element: this.hostElement,
+                ...this.config(),
+                readOnly: true
+            };
+        }, { allowSignalWrites: true });
+    }
+    initFramerIdEffect() {
+        effect(() => {
+            const framerId = this.framerId();
+            if (!framerId) {
+                return;
+            }
+            this.subscription?.unsubscribe();
+            this.initFrameFragments();
+        }, { allowSignalWrites: true });
+    }
+    initFrameFragments() {
+        const frameId = this.framerId();
+        this.jText.set(null);
+        this.thumbnailUrl.set(null);
+        if (!frameId) {
+            return;
+        }
+        const fragmentActions = {
+            J_TEXT: (fragment) => {
+                this.jText.set(fragment);
+            },
+            RESOURCE_FILE: (fragment) => {
+                this.setResourceFile(fragment);
+            }
+        };
+        this.subscription = this.frameApiService
+            .getFrame(frameId, this.editorConfig.requestOptions)
+            .subscribe((frame) => {
+            frame.fragments.forEach((fragment) => fragmentActions[fragment.type](fragment));
+        });
+    }
+    setResourceFile(resource) {
+        const url = `${this.editorResourceUrl()}/${resource.fileId}`;
+        this.isVideo = resource?.name?.split('.').pop() === 'mp4';
+        if (!url) {
+            return;
+        }
+        this.thumbnailUrl.set({ src: resource.fileId && url, name: resource.name || resource.type });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFramerPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiFramerPreviewComponent, isStandalone: true, selector: "cui-framer-preview", inputs: { framerId: { classPropertyName: "framerId", publicName: "framerId", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, editorResourceUrl: { classPropertyName: "editorResourceUrl", publicName: "editorResourceUrl", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    @if (jText()) {\n        @if (!isDescriptionEmpty()) {\n            @let url = thumbnailUrl();\n\n            @if (url?.src; as src) {\n                @if (isVideo) {\n                    <video\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        controls\n                    ></video>\n                } @else {\n                    <img\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        [alt]=\"url?.name\"\n                    />\n                }\n            }\n\n            <div class=\"content\">\n                @if (title(); as title) {\n                    <div class=\"title\">{{ title }}</div>\n                }\n\n                @if (jText()?.id; as id) {\n                    <div class=\"wrapper\">\n                        <cui-editor\n                            class=\"editor\"\n                            [editorApiId]=\"id\"\n                            [config]=\"editorConfig\"\n                        />\n                    </div>\n                }\n            </div>\n        } @else {\n            <cui-empty-state [subtitle]=\"t('NO_DESCRIPTION_WAS_PROVIDED')\" />\n        }\n    }\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:auto}.thumbnail{width:100%;max-height:271px;object-fit:contain}.content{display:flex;flex-direction:column;gap:14px;padding:16px 12px}.title{font-weight:500;font-size:18px;line-height:28px}.editor{display:block;height:100%;overflow:auto}\n"], dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorApiId", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFramerPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-framer-preview', imports: [TranslocoDirective, CuiEditorComponent, CuiEmptyStateComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n    @if (jText()) {\n        @if (!isDescriptionEmpty()) {\n            @let url = thumbnailUrl();\n\n            @if (url?.src; as src) {\n                @if (isVideo) {\n                    <video\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        controls\n                    ></video>\n                } @else {\n                    <img\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        [alt]=\"url?.name\"\n                    />\n                }\n            }\n\n            <div class=\"content\">\n                @if (title(); as title) {\n                    <div class=\"title\">{{ title }}</div>\n                }\n\n                @if (jText()?.id; as id) {\n                    <div class=\"wrapper\">\n                        <cui-editor\n                            class=\"editor\"\n                            [editorApiId]=\"id\"\n                            [config]=\"editorConfig\"\n                        />\n                    </div>\n                }\n            </div>\n        } @else {\n            <cui-empty-state [subtitle]=\"t('NO_DESCRIPTION_WAS_PROVIDED')\" />\n        }\n    }\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:auto}.thumbnail{width:100%;max-height:271px;object-fit:contain}.content{display:flex;flex-direction:column;gap:14px;padding:16px 12px}.title{font-weight:500;font-size:18px;line-height:28px}.editor{display:block;height:100%;overflow:auto}\n"] }]
+        }], ctorParameters: () => [] });
+
 class CuiSelectModalFolderComponent {
     constructor() {
         this.icon = computed(() => (this.isOpen() ? 'cuiIconFolderOpen' : 'cuiIconFolder'));
@@ -10463,77 +10534,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let currentTheme = theme$ | async;\n@let currentLang = lang$ | async;\n\n<ng-container *transloco=\"let t\">\n    <button\n        type=\"button\"\n        [cuiDropdown]=\"content\"\n        class=\"select\"\n        (isOpened)=\"onToggleOpenState($event)\"\n    >\n        <ng-content />\n    </button>\n\n    <ng-template #content>\n        @if (isOpen()) {\n            <cui-dropdown-wrapper\n                width=\"300px\"\n                maxHeight=\"500px\"\n            >\n                <div\n                    #dropdownContainer\n                    class=\"wrapper\"\n                >\n                    <div class=\"block-name\">\n                        <div>\n                            <cui-letter-box\n                                [letter]=\"fullName[0]\"\n                                [shape]=\"'rounded'\"\n                                size=\"md\"\n                            />\n                        </div>\n                        <div>\n                            <ul class=\"title-text\">\n                                {{\n                                    fullName\n                                }}\n                            </ul>\n                            <ul class=\"subtitle-text\">\n                                {{\n                                    email\n                                }}\n                            </ul>\n                        </div>\n                    </div>\n                    <div\n                        class=\"wrapper-platform block-platform\"\n                        (click)=\"onGoToPlatform()\"\n                    >\n                        <cui-svg\n                            icon=\"cuiIconLogo\"\n                            color=\"var(--cui-base-900)\"\n                        />\n                        <div>{{ t('CUBY_PLATFORM') }}</div>\n                    </div>\n                    <div class=\"list-company\">\n                        @for (company of companies(); track company.id) {\n                            <cui-company-item [company]=\"company\" />\n\n                            <div class=\"list-activity\">\n                                @for (activity of company.contexts; track activity) {\n                                    <cui-activity-item\n                                        class=\"activity-item\"\n                                        [activity]=\"activity\"\n                                        [companyId]=\"company.companyId\"\n                                    />\n                                } @empty {\n                                    <div class=\"sub-title-text\">{{ t('YOU_DONT_HAVE_ACTIVITY_IN_THIS_COMPANY') }}</div>\n                                }\n                            </div>\n                        } @empty {\n                            <div class=\"sub-title-text\">{{ t('YOU_DONT_HAVE_COMPANY') }}</div>\n                        }\n                    </div>\n                    <div class=\"block-button\">\n                        <button type=\"button\">\n                            <div class=\"content-button\">\n                                <cui-svg icon=\"cuiIconPaletteSm\" />\n                                <div class=\"text-and-sub-button\">\n                                    {{ t('SWITCH_THEME') }}\n                                    <div class=\"group-sub-button\">\n                                        <div\n                                            [class.container-sub-button__select]=\"currentTheme === 'dark'\"\n                                            class=\"container-sub-button\"\n                                        >\n                                            <cui-svg\n                                                icon=\"cuiIconMoon\"\n                                                color=\"var(--cui-base-500)\"\n                                                (click)=\"onChangeTheme('dark')\"\n                                            />\n                                        </div>\n                                        <div\n                                            [class.container-sub-button__select]=\"currentTheme === 'light'\"\n                                            class=\"container-sub-button\"\n                                        >\n                                            <cui-svg\n                                                icon=\"cuiIconSun\"\n                                                color=\"var(--cui-base-500)\"\n                                                (click)=\"onChangeTheme('light')\"\n                                            />\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </button>\n                        <button type=\"button\">\n                            <div class=\"content-button\">\n                                <cui-svg icon=\"cuiIconGlobeSm\" />\n                                <div class=\"text-and-sub-button\">\n                                    {{ t('LANGUAGE') }}\n                                    <div class=\"group-sub-button\">\n                                        @for (lang of langs; track lang) {\n                                            <div\n                                                [class.container-sub-button__select]=\"currentLang === lang\"\n                                                class=\"container-sub-button\"\n                                                (click)=\"onChangeLang(lang)\"\n                                            >\n                                                {{ lang }}\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        </button>\n                        <button\n                            type=\"button\"\n                            (click)=\"onLogout()\"\n                        >\n                            <div class=\"content-button\">\n                                <cui-svg icon=\"cuiIconLogOutSm\" />\n                                <div class=\"text-and-sub-button\">{{ t('LOG_OUT') }}</div>\n                            </div>\n                        </button>\n                    </div>\n                </div>\n            </cui-dropdown-wrapper>\n        }\n    </ng-template>\n</ng-container>\n", styles: [".wrapper{padding:8px}.wrapper-platform{padding:8px 16px;margin-top:4px}.block-name{display:flex;gap:12px;align-items:center;padding-bottom:8px;border-bottom:solid 1px var(--cui-base-200);color:var(--cui-base-900)}.title-text{font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900)}.subtitle-text{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-900)}.list-company{display:flex;flex-direction:column;padding:8px;max-height:250px;overflow-y:auto}.list-activity{display:flex;flex-direction:column;gap:4px;padding-top:4px;padding-bottom:4px;border-bottom:solid 1px var(--cui-base-200);margin-bottom:4px}.block-button{display:flex;flex-direction:column;gap:8px;padding-top:8px;width:100%}.content-button{display:flex;gap:8px;align-items:center;padding-right:8px;padding-left:8px;height:36px;color:var(--cui-base-900)}.text-and-sub-button{display:flex;align-items:center;justify-content:space-between;width:100%}.container-sub-button{display:flex;align-items:center;justify-content:center;text-transform:capitalize;border:solid 1px var(--cui-base-200);border-radius:4px;width:28px;height:28px}.group-sub-button{display:flex;gap:4px}.container-sub-button__select{border:solid 1px var(--cui-badge-blue-border);background-color:var(--cui-badge-blue-bg)}.block-platform{display:flex;gap:8px;color:var(--cui-base-900);cursor:pointer}.block-platform:hover{background-color:var(--cui-badge-light-blue-bg);border-radius:8px}.sub-title-text{display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-900);text-align:center}.activity-item{border-radius:8px;cursor:pointer}.activity-item:hover{background-color:var(--cui-badge-light-blue-bg)}\n"] }]
         }], ctorParameters: () => [] });
 
-class CuiFramerPreviewComponent {
-    constructor() {
-        this.hostElement = inject(ElementRef).nativeElement;
-        this.frameApiService = inject(CuiFrameApiService);
-        this.isVideo = false;
-        this.jText = signal(null);
-        this.thumbnailUrl = signal(null);
-        this.isDescriptionEmpty = computed(() => !this.jText()?.notEmpty);
-        this.framerId = input.required();
-        this.config = input.required();
-        this.editorResourceUrl = input.required();
-        this.title = input();
-        this.initConfigEffect();
-        this.initFramerIdEffect();
-    }
-    initConfigEffect() {
-        effect(() => {
-            this.editorConfig = {
-                element: this.hostElement,
-                ...this.config(),
-                readOnly: true
-            };
-        }, { allowSignalWrites: true });
-    }
-    initFramerIdEffect() {
-        effect(() => {
-            const framerId = this.framerId();
-            if (!framerId) {
-                return;
-            }
-            this.subscription?.unsubscribe();
-            this.initFrameFragments();
-        }, { allowSignalWrites: true });
-    }
-    initFrameFragments() {
-        const frameId = this.framerId();
-        this.jText.set(null);
-        this.thumbnailUrl.set(null);
-        if (!frameId) {
-            return;
-        }
-        const fragmentActions = {
-            J_TEXT: (fragment) => {
-                this.jText.set(fragment);
-            },
-            RESOURCE_FILE: (fragment) => {
-                this.setResourceFile(fragment);
-            }
-        };
-        this.subscription = this.frameApiService
-            .getFrame(frameId, this.editorConfig.requestOptions)
-            .subscribe((frame) => {
-            frame.fragments.forEach((fragment) => fragmentActions[fragment.type](fragment));
-        });
-    }
-    setResourceFile(resource) {
-        const url = `${this.editorResourceUrl()}/${resource.fileId}`;
-        this.isVideo = resource?.name?.split('.').pop() === 'mp4';
-        if (!url) {
-            return;
-        }
-        this.thumbnailUrl.set({ src: resource.fileId && url, name: resource.name || resource.type });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFramerPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiFramerPreviewComponent, isStandalone: true, selector: "cui-framer-preview", inputs: { framerId: { classPropertyName: "framerId", publicName: "framerId", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, editorResourceUrl: { classPropertyName: "editorResourceUrl", publicName: "editorResourceUrl", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    @if (jText()) {\n        @if (!isDescriptionEmpty()) {\n            @let url = thumbnailUrl();\n\n            @if (url?.src; as src) {\n                @if (isVideo) {\n                    <video\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        controls\n                    ></video>\n                } @else {\n                    <img\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        [alt]=\"url?.name\"\n                    />\n                }\n            }\n\n            <div class=\"content\">\n                @if (title(); as title) {\n                    <div class=\"title\">{{ title }}</div>\n                }\n\n                @if (jText()?.id; as id) {\n                    <div class=\"wrapper\">\n                        <cui-editor\n                            class=\"editor\"\n                            [editorApiId]=\"id\"\n                            [config]=\"editorConfig\"\n                        />\n                    </div>\n                }\n            </div>\n        } @else {\n            <cui-empty-state [subtitle]=\"t('NO_DESCRIPTION_WAS_PROVIDED')\" />\n        }\n    }\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:auto}.thumbnail{width:100%;max-height:271px;object-fit:contain}.content{display:flex;flex-direction:column;gap:14px;padding:16px 12px}.title{font-weight:500;font-size:18px;line-height:28px}.editor{display:block;height:100%;overflow:auto}\n"], dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorApiId", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFramerPreviewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cui-framer-preview', imports: [TranslocoDirective, CuiEditorComponent, CuiEmptyStateComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n    @if (jText()) {\n        @if (!isDescriptionEmpty()) {\n            @let url = thumbnailUrl();\n\n            @if (url?.src; as src) {\n                @if (isVideo) {\n                    <video\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        controls\n                    ></video>\n                } @else {\n                    <img\n                        class=\"thumbnail\"\n                        [src]=\"src\"\n                        [alt]=\"url?.name\"\n                    />\n                }\n            }\n\n            <div class=\"content\">\n                @if (title(); as title) {\n                    <div class=\"title\">{{ title }}</div>\n                }\n\n                @if (jText()?.id; as id) {\n                    <div class=\"wrapper\">\n                        <cui-editor\n                            class=\"editor\"\n                            [editorApiId]=\"id\"\n                            [config]=\"editorConfig\"\n                        />\n                    </div>\n                }\n            </div>\n        } @else {\n            <cui-empty-state [subtitle]=\"t('NO_DESCRIPTION_WAS_PROVIDED')\" />\n        }\n    }\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%;overflow:auto}.thumbnail{width:100%;max-height:271px;object-fit:contain}.content{display:flex;flex-direction:column;gap:14px;padding:16px 12px}.title{font-weight:500;font-size:18px;line-height:28px}.editor{display:block;height:100%;overflow:auto}\n"] }]
-        }], ctorParameters: () => [] });
-
 class AssigneeRoleItemComponent {
     constructor() {
         this.translocoService = inject(TranslocoService);
@@ -10609,7 +10609,7 @@ class UtilityInfoReadonlyComponent {
         this.isDescriptionEmpty = computed(() => !this.jText()?.notEmpty);
         this.environmentUrlForResources = input();
         this.environmentUrlForInstruction = input();
-        this.context = input();
+        this.context = signal(SHARED_CONSTRUCTION_HTTP_OPTIONS);
         this.isVideo = false;
         this.framerId = input.required();
         this.element = input(this.hostElement);
@@ -10638,10 +10638,19 @@ class UtilityInfoReadonlyComponent {
             if (!framerId) {
                 return;
             }
+            this.setContext();
             this.subscription?.unsubscribe();
             this.initFrameFragments();
         }, { allowSignalWrites: true });
     }
+    setContext() {
+        if (this.environmentUrlForInstruction()) {
+            this.context.set(SHARED_INSTRUCTION_HTTP_OPTIONS);
+        }
+        else {
+            this.context.set(SHARED_CONSTRUCTION_HTTP_OPTIONS);
+        }
+    }
     initFrameFragments() {
         const frameId = this.framerId();
         this.jText.set(null);
@@ -10672,7 +10681,7 @@ class UtilityInfoReadonlyComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UtilityInfoReadonlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UtilityInfoReadonlyComponent, isStandalone: true, selector: "cui-utility-info-readonly", inputs: { environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, framerId: { classPropertyName: "framerId", publicName: "framerId", isSignal: true, isRequired: true, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    @if (jText()) {\n        @if (!isDescriptionEmpty()) {\n            @if (thumbnailUrl(); as url) {\n                @if (url?.src; as src) {\n                    @if (isVideo) {\n                        <video\n                            class=\"thumbnail\"\n                            [src]=\"src\"\n                            controls\n                        ></video>\n                    } @else {\n                        <img\n                            class=\"thumbnail\"\n                            [src]=\"src\"\n                            [alt]=\"url?.name\"\n                        />\n                    }\n                }\n            }\n            @if (jText()?.id; as id) {\n                <div class=\"wrapper\">\n                    <cui-editor\n                        class=\"editor\"\n                        [editorApiId]=\"id\"\n                        [config]=\"editorConfig\"\n                    />\n                </div>\n            }\n        } @else {\n            <cui-empty-state [subtitle]=\"t('NO_DESCRIPTION_WAS_PROVIDED')\" />\n        }\n    }\n</ng-container>\n", styles: [":host{padding-top:16px;padding-right:16px;padding-left:16px;display:flex;flex-direction:column;gap:12px;height:100%;overflow:auto}.thumbnail{width:100%;max-height:271px;object-fit:contain}.wrapper{padding:12px}.editor{display:block;height:100%;overflow:auto}\n"], dependencies: [{ kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorApiId", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UtilityInfoReadonlyComponent, isStandalone: true, selector: "cui-utility-info-readonly", inputs: { environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, framerId: { classPropertyName: "framerId", publicName: "framerId", isSignal: true, isRequired: true, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    @if (jText()) {\n        @if (!isDescriptionEmpty()) {\n            @if (thumbnailUrl(); as url) {\n                @if (url?.src; as src) {\n                    @if (isVideo) {\n                        <video\n                            class=\"thumbnail\"\n                            [src]=\"src\"\n                            controls\n                        ></video>\n                    } @else {\n                        <img\n                            class=\"thumbnail\"\n                            [src]=\"src\"\n                            [alt]=\"url?.name\"\n                        />\n                    }\n                }\n            }\n            @if (jText()?.id; as id) {\n                <div class=\"wrapper\">\n                    <cui-editor\n                        class=\"editor\"\n                        [editorApiId]=\"id\"\n                        [config]=\"editorConfig\"\n                    />\n                </div>\n            }\n        } @else {\n            <cui-empty-state [subtitle]=\"t('NO_DESCRIPTION_WAS_PROVIDED')\" />\n        }\n    }\n</ng-container>\n", styles: [":host{padding-top:16px;padding-right:16px;padding-left:16px;display:flex;flex-direction:column;gap:12px;height:100%;overflow:auto}.thumbnail{width:100%;max-height:271px;object-fit:contain}.wrapper{padding:12px}.editor{display:block;height:100%;overflow:auto}\n"], dependencies: [{ kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorApiId", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UtilityInfoReadonlyComponent, decorators: [{
             type: Component,
@@ -10714,7 +10723,7 @@ class ModalDividedSectionComponent {
         this.selectedStorageObject.set(this.storageObjects()[0]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalDividedSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalDividedSectionComponent, isStandalone: true, selector: "cui-modal-divided-section", inputs: { storageElementTypeName: { classPropertyName: "storageElementTypeName", publicName: "storageElementTypeName", isSignal: true, isRequired: true, transformFunction: null }, storageObjects: { classPropertyName: "storageObjects", publicName: "storageObjects", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    @if (selectedStorageObject(); as selectedStorageObject) {\n        @if (storageObjects(); as storageObjects) {\n            @if (storageObjects.length) {\n                <div class=\"block block_left\">\n                    <ul class=\"list\">\n                        @for (storageObject of storageObjects; track storageObject.id) {\n                            @if (storageObject.storageElement; as storageElement) {\n                                <li>\n                                    <button\n                                        type=\"button\"\n                                        [title]=\"storageElement.title\"\n                                        cuiCardWrapper\n                                        [isSelected]=\"selectedStorageObject?.id === storageObject.id\"\n                                        (click)=\"onSelect(storageObject)\"\n                                    >\n                                        <div class=\"button__content\">\n                                            @switch (storageElementTypeName()) {\n                                                @case ('CRITERIA') {\n                                                    <cui-letter-box\n                                                        letter=\"c\"\n                                                        backgroundColor=\"var(--cui-violet-400)\"\n                                                    />\n                                                }\n                                                @case ('INSTRUCTION') {\n                                                    <cui-svg\n                                                        icon=\"cuiIconFileText\"\n                                                        color=\"var(--cui-base-500)\"\n                                                    />\n                                                }\n                                            }\n                                            <span class=\"button__text\">{{ storageElement.title }}</span>\n                                        </div>\n                                    </button>\n                                </li>\n                            }\n                        }\n                    </ul>\n                </div>\n                <div class=\"block block_right\">\n                    @if (selectedStorageObject?.storageElement; as selectedStorageElement) {\n                        <header class=\"header\">{{ selectedStorageElement.title }}</header>\n                        <cui-utility-info-readonly\n                            [framerId]=\"selectedFramerId()!\"\n                            [context]=\"context()\"\n                            [environmentUrlForResources]=\"environmentUrlForResources()\"\n                            [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n                            class=\"utility-info\"\n                        />\n                    }\n                </div>\n            } @else {\n                <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n            }\n        }\n    }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }, { kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "component", type: CuiCardWrapperComponent, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: ["withBorder", "isSelected"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: UtilityInfoReadonlyComponent, selector: "cui-utility-info-readonly", inputs: ["environmentUrlForResources", "environmentUrlForInstruction", "context", "framerId", "element"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalDividedSectionComponent, isStandalone: true, selector: "cui-modal-divided-section", inputs: { storageElementTypeName: { classPropertyName: "storageElementTypeName", publicName: "storageElementTypeName", isSignal: true, isRequired: true, transformFunction: null }, storageObjects: { classPropertyName: "storageObjects", publicName: "storageObjects", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    @if (selectedStorageObject(); as selectedStorageObject) {\n        @if (storageObjects(); as storageObjects) {\n            @if (storageObjects.length) {\n                <div class=\"block block_left\">\n                    <ul class=\"list\">\n                        @for (storageObject of storageObjects; track storageObject.id) {\n                            @if (storageObject.storageElement; as storageElement) {\n                                <li>\n                                    <button\n                                        type=\"button\"\n                                        [title]=\"storageElement.title\"\n                                        cuiCardWrapper\n                                        [isSelected]=\"selectedStorageObject?.id === storageObject.id\"\n                                        (click)=\"onSelect(storageObject)\"\n                                    >\n                                        <div class=\"button__content\">\n                                            @switch (storageElementTypeName()) {\n                                                @case ('CRITERIA') {\n                                                    <cui-letter-box\n                                                        letter=\"c\"\n                                                        backgroundColor=\"var(--cui-violet-400)\"\n                                                    />\n                                                }\n                                                @case ('INSTRUCTION') {\n                                                    <cui-svg\n                                                        icon=\"cuiIconFileText\"\n                                                        color=\"var(--cui-base-500)\"\n                                                    />\n                                                }\n                                            }\n                                            <span class=\"button__text\">{{ storageElement.title }}</span>\n                                        </div>\n                                    </button>\n                                </li>\n                            }\n                        }\n                    </ul>\n                </div>\n                <div class=\"block block_right\">\n                    @if (selectedStorageObject?.storageElement; as selectedStorageElement) {\n                        <header class=\"header\">{{ selectedStorageElement.title }}</header>\n                        <cui-utility-info-readonly\n                            [framerId]=\"selectedFramerId()!\"\n                            [environmentUrlForResources]=\"environmentUrlForResources()\"\n                            [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n                            class=\"utility-info\"\n                        />\n                    }\n                </div>\n            } @else {\n                <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n            }\n        }\n    }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: CuiEmptyStateComponent, selector: "cui-empty-state, [cuiEmptyState]", inputs: ["title", "subtitle"] }, { kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "component", type: CuiCardWrapperComponent, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: ["withBorder", "isSelected"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: UtilityInfoReadonlyComponent, selector: "cui-utility-info-readonly", inputs: ["environmentUrlForResources", "environmentUrlForInstruction", "framerId", "element"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalDividedSectionComponent, decorators: [{
             type: Component,
@@ -10725,7 +10734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         CuiCardWrapperComponent,
                         TranslocoDirective,
                         UtilityInfoReadonlyComponent
-                    ], template: "<ng-container *transloco=\"let t\">\n    @if (selectedStorageObject(); as selectedStorageObject) {\n        @if (storageObjects(); as storageObjects) {\n            @if (storageObjects.length) {\n                <div class=\"block block_left\">\n                    <ul class=\"list\">\n                        @for (storageObject of storageObjects; track storageObject.id) {\n                            @if (storageObject.storageElement; as storageElement) {\n                                <li>\n                                    <button\n                                        type=\"button\"\n                                        [title]=\"storageElement.title\"\n                                        cuiCardWrapper\n                                        [isSelected]=\"selectedStorageObject?.id === storageObject.id\"\n                                        (click)=\"onSelect(storageObject)\"\n                                    >\n                                        <div class=\"button__content\">\n                                            @switch (storageElementTypeName()) {\n                                                @case ('CRITERIA') {\n                                                    <cui-letter-box\n                                                        letter=\"c\"\n                                                        backgroundColor=\"var(--cui-violet-400)\"\n                                                    />\n                                                }\n                                                @case ('INSTRUCTION') {\n                                                    <cui-svg\n                                                        icon=\"cuiIconFileText\"\n                                                        color=\"var(--cui-base-500)\"\n                                                    />\n                                                }\n                                            }\n                                            <span class=\"button__text\">{{ storageElement.title }}</span>\n                                        </div>\n                                    </button>\n                                </li>\n                            }\n                        }\n                    </ul>\n                </div>\n                <div class=\"block block_right\">\n                    @if (selectedStorageObject?.storageElement; as selectedStorageElement) {\n                        <header class=\"header\">{{ selectedStorageElement.title }}</header>\n                        <cui-utility-info-readonly\n                            [framerId]=\"selectedFramerId()!\"\n                            [context]=\"context()\"\n                            [environmentUrlForResources]=\"environmentUrlForResources()\"\n                            [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n                            class=\"utility-info\"\n                        />\n                    }\n                </div>\n            } @else {\n                <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n            }\n        }\n    }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"] }]
+                    ], template: "<ng-container *transloco=\"let t\">\n    @if (selectedStorageObject(); as selectedStorageObject) {\n        @if (storageObjects(); as storageObjects) {\n            @if (storageObjects.length) {\n                <div class=\"block block_left\">\n                    <ul class=\"list\">\n                        @for (storageObject of storageObjects; track storageObject.id) {\n                            @if (storageObject.storageElement; as storageElement) {\n                                <li>\n                                    <button\n                                        type=\"button\"\n                                        [title]=\"storageElement.title\"\n                                        cuiCardWrapper\n                                        [isSelected]=\"selectedStorageObject?.id === storageObject.id\"\n                                        (click)=\"onSelect(storageObject)\"\n                                    >\n                                        <div class=\"button__content\">\n                                            @switch (storageElementTypeName()) {\n                                                @case ('CRITERIA') {\n                                                    <cui-letter-box\n                                                        letter=\"c\"\n                                                        backgroundColor=\"var(--cui-violet-400)\"\n                                                    />\n                                                }\n                                                @case ('INSTRUCTION') {\n                                                    <cui-svg\n                                                        icon=\"cuiIconFileText\"\n                                                        color=\"var(--cui-base-500)\"\n                                                    />\n                                                }\n                                            }\n                                            <span class=\"button__text\">{{ storageElement.title }}</span>\n                                        </div>\n                                    </button>\n                                </li>\n                            }\n                        }\n                    </ul>\n                </div>\n                <div class=\"block block_right\">\n                    @if (selectedStorageObject?.storageElement; as selectedStorageElement) {\n                        <header class=\"header\">{{ selectedStorageElement.title }}</header>\n                        <cui-utility-info-readonly\n                            [framerId]=\"selectedFramerId()!\"\n                            [environmentUrlForResources]=\"environmentUrlForResources()\"\n                            [environmentUrlForInstruction]=\"environmentUrlForInstruction()\"\n                            class=\"utility-info\"\n                        />\n                    }\n                </div>\n            } @else {\n                <cui-empty-state [subtitle]=\"t(emptyStateSubtitle())\" />\n            }\n        }\n    }\n</ng-container>\n", styles: [":host{display:contents}.block{overflow:auto;flex:1}.block_left{padding:15px 16px 16px 24px}.block_right{display:flex;flex-direction:column;border-left:1px solid var(--cui-base-200)}.list{display:flex;flex-direction:column;gap:8px}.button__content{display:flex;gap:8px}.button__text{max-width:482px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{padding:11px 24px 11px 15px;font-weight:500;font-size:16px;line-height:24px}.utility-info{padding-right:24px}\n"] }]
         }] });
 
 class ModalHeaderInsertedButtonsComponent {
@@ -11602,11 +11611,11 @@ class ModalHeaderTabsComponent {
         this.selectedIndex = input(0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalHeaderTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalHeaderTabsComponent, isStandalone: true, selector: "cui-modal-header-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <cui-tabs\n        class=\"tabs\"\n        [selectedIndex]=\"selectedIndex()\"\n        [headerSlot]=\"headerSlot\"\n    >\n        <ng-template\n            #headerSlot\n            let-buttons\n        >\n            <header class=\"header\">\n                <div\n                    #buttons\n                    class=\"buttons\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"buttons\" />\n                </div>\n            </header>\n        </ng-template>\n\n        @for (tab of tabs(); track tab) {\n            <cui-tab\n                [data]=\"tab\"\n                [buttonSlot]=\"cuiButtonSlot\"\n                [contentSlot]=\"cuiContentSlot\"\n                class=\"tab\"\n            >\n                <ng-template\n                    #cuiButtonSlot\n                    let-isActive=\"isActive\"\n                    let-element\n                >\n                    <div\n                        class=\"button\"\n                        [class.button_active]=\"isActive\"\n                    >\n                        {{ t(element.title) }}\n                    </div>\n                </ng-template>\n                <ng-template\n                    #cuiContentSlot\n                    let-element\n                >\n                    <div class=\"content\">\n                        <ng-container\n                            [ngComponentOutlet]=\"element.component\"\n                            [ngComponentOutletInputs]=\"element.inputs\"\n                        />\n                    </div>\n                </ng-template>\n            </cui-tab>\n        }\n    </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%;height:calc(100% - 70px);padding-bottom:32px}.tabs{display:flex;flex-direction:column;height:100%}.header{padding-bottom:8px;border-bottom:1px solid var(--cui-base-200)}.content{height:100%;overflow:auto}.buttons{padding-right:24px;padding-left:24px;display:flex;gap:8px;align-items:center;justify-content:space-evenly}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.button{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px;flex:1}@media (hover: hover){.button:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}.button:active{color:var(--cui-base-900);background:var(--cui-base-50)}.button_active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"], dependencies: [{ kind: "component", type: CuiTabsComponent, selector: "cui-tabs", inputs: ["headerSlot", "selectedIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CuiTabDirective, selector: "cui-tab, [cuiTab]", inputs: ["buttonSlot", "contentSlot", "data"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalHeaderTabsComponent, isStandalone: true, selector: "cui-modal-header-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <cui-tabs\n        class=\"tabs\"\n        [selectedIndex]=\"selectedIndex()\"\n        [headerSlot]=\"headerSlot\"\n    >\n        <ng-template\n            #headerSlot\n            let-buttons\n        >\n            <header class=\"header\">\n                <div\n                    #buttons\n                    class=\"buttons\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"buttons\" />\n                </div>\n            </header>\n        </ng-template>\n\n        @for (tab of tabs(); track tab) {\n            <cui-tab\n                [data]=\"tab\"\n                [buttonSlot]=\"cuiButtonSlot\"\n                [contentSlot]=\"cuiContentSlot\"\n                class=\"tab\"\n            >\n                <ng-template\n                    #cuiButtonSlot\n                    let-isActive=\"isActive\"\n                    let-element\n                >\n                    <div\n                        class=\"button\"\n                        [class.button_active]=\"isActive\"\n                    >\n                        {{ t(element.title) }}\n                    </div>\n                </ng-template>\n                <ng-template\n                    #cuiContentSlot\n                    let-element\n                >\n                    <div class=\"content\">\n                        <ng-container\n                            [ngComponentOutlet]=\"element.component\"\n                            [ngComponentOutletInputs]=\"element.inputs\"\n                        />\n                    </div>\n                </ng-template>\n            </cui-tab>\n        }\n    </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%;height:calc(100% - 70px);padding-bottom:32px}.tabs{display:flex;flex-direction:column;height:100%}.tabs ::ng-deep cui-abstract-tabs{height:100%}.header{padding-bottom:8px;border-bottom:1px solid var(--cui-base-200)}.content{height:100%;overflow:auto}.buttons{padding-right:24px;padding-left:24px;display:flex;gap:8px;align-items:center;justify-content:space-evenly}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.button{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px;flex:1}@media (hover: hover){.button:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}.button:active{color:var(--cui-base-900);background:var(--cui-base-50)}.button_active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"], dependencies: [{ kind: "component", type: CuiTabsComponent, selector: "cui-tabs", inputs: ["headerSlot", "selectedIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CuiTabDirective, selector: "cui-tab, [cuiTab]", inputs: ["buttonSlot", "contentSlot", "data"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalHeaderTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-modal-header-tabs', standalone: true, imports: [CuiTabsComponent, NgTemplateOutlet, CuiTabDirective, NgComponentOutlet, TranslocoDirective], template: "<ng-container *transloco=\"let t\">\n    <cui-tabs\n        class=\"tabs\"\n        [selectedIndex]=\"selectedIndex()\"\n        [headerSlot]=\"headerSlot\"\n    >\n        <ng-template\n            #headerSlot\n            let-buttons\n        >\n            <header class=\"header\">\n                <div\n                    #buttons\n                    class=\"buttons\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"buttons\" />\n                </div>\n            </header>\n        </ng-template>\n\n        @for (tab of tabs(); track tab) {\n            <cui-tab\n                [data]=\"tab\"\n                [buttonSlot]=\"cuiButtonSlot\"\n                [contentSlot]=\"cuiContentSlot\"\n                class=\"tab\"\n            >\n                <ng-template\n                    #cuiButtonSlot\n                    let-isActive=\"isActive\"\n                    let-element\n                >\n                    <div\n                        class=\"button\"\n                        [class.button_active]=\"isActive\"\n                    >\n                        {{ t(element.title) }}\n                    </div>\n                </ng-template>\n                <ng-template\n                    #cuiContentSlot\n                    let-element\n                >\n                    <div class=\"content\">\n                        <ng-container\n                            [ngComponentOutlet]=\"element.component\"\n                            [ngComponentOutletInputs]=\"element.inputs\"\n                        />\n                    </div>\n                </ng-template>\n            </cui-tab>\n        }\n    </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%;height:calc(100% - 70px);padding-bottom:32px}.tabs{display:flex;flex-direction:column;height:100%}.header{padding-bottom:8px;border-bottom:1px solid var(--cui-base-200)}.content{height:100%;overflow:auto}.buttons{padding-right:24px;padding-left:24px;display:flex;gap:8px;align-items:center;justify-content:space-evenly}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.button{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px;flex:1}@media (hover: hover){.button:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}.button:active{color:var(--cui-base-900);background:var(--cui-base-50)}.button_active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"] }]
+            args: [{ selector: 'cui-modal-header-tabs', standalone: true, imports: [CuiTabsComponent, NgTemplateOutlet, CuiTabDirective, NgComponentOutlet, TranslocoDirective], template: "<ng-container *transloco=\"let t\">\n    <cui-tabs\n        class=\"tabs\"\n        [selectedIndex]=\"selectedIndex()\"\n        [headerSlot]=\"headerSlot\"\n    >\n        <ng-template\n            #headerSlot\n            let-buttons\n        >\n            <header class=\"header\">\n                <div\n                    #buttons\n                    class=\"buttons\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"buttons\" />\n                </div>\n            </header>\n        </ng-template>\n\n        @for (tab of tabs(); track tab) {\n            <cui-tab\n                [data]=\"tab\"\n                [buttonSlot]=\"cuiButtonSlot\"\n                [contentSlot]=\"cuiContentSlot\"\n                class=\"tab\"\n            >\n                <ng-template\n                    #cuiButtonSlot\n                    let-isActive=\"isActive\"\n                    let-element\n                >\n                    <div\n                        class=\"button\"\n                        [class.button_active]=\"isActive\"\n                    >\n                        {{ t(element.title) }}\n                    </div>\n                </ng-template>\n                <ng-template\n                    #cuiContentSlot\n                    let-element\n                >\n                    <div class=\"content\">\n                        <ng-container\n                            [ngComponentOutlet]=\"element.component\"\n                            [ngComponentOutletInputs]=\"element.inputs\"\n                        />\n                    </div>\n                </ng-template>\n            </cui-tab>\n        }\n    </cui-tabs>\n</ng-container>\n", styles: [":host{display:block;width:100%;height:calc(100% - 70px);padding-bottom:32px}.tabs{display:flex;flex-direction:column;height:100%}.tabs ::ng-deep cui-abstract-tabs{height:100%}.header{padding-bottom:8px;border-bottom:1px solid var(--cui-base-200)}.content{height:100%;overflow:auto}.buttons{padding-right:24px;padding-left:24px;display:flex;gap:8px;align-items:center;justify-content:space-evenly}.actions{padding-left:4px;border-left:1px solid var(--cui-base-200)}.button{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px;flex:1}@media (hover: hover){.button:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}.button:active{color:var(--cui-base-900);background:var(--cui-base-50)}.button_active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"] }]
         }] });
 
 class ModalCriteriaTabComponent {
@@ -11654,6 +11663,7 @@ class ModalOperationPartComponent {
     constructor() {
         this.context = inject(CUI_DIALOG_CONTEXT);
         this.jobApiService = inject(CuiJobApiService);
+        this.editorConfig = { readOnly: true };
         this.tabs = signal([]);
         this.ptFormat = computed(() => CuiTime.fromPT(this.storageObjectOperation().storageElement.estimatedTime).toString('HH:MM:SS'));
         this.storageObjectOperation = input.required();
@@ -11733,7 +11743,7 @@ class ModalOperationPartComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalOperationPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalOperationPartComponent, isStandalone: true, selector: "cui-modal-operation-part", inputs: { storageObjectOperation: { classPropertyName: "storageObjectOperation", publicName: "storageObjectOperation", isSignal: true, isRequired: true, transformFunction: null }, isInserted: { classPropertyName: "isInserted", publicName: "isInserted", isSignal: true, isRequired: false, transformFunction: null }, containerId: { classPropertyName: "containerId", publicName: "containerId", isSignal: true, isRequired: false, transformFunction: null }, quantumId: { classPropertyName: "quantumId", publicName: "quantumId", isSignal: true, isRequired: false, transformFunction: null }, jobId: { classPropertyName: "jobId", publicName: "jobId", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "estimatedTime", first: true, predicate: ["estimatedTime"], descendants: true, isSignal: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (storageObjectOperation().storageElement; as operation) {\n    <ng-container *transloco=\"let t\">\n        <cui-modal-header\n            [heading]=\"operation.title\"\n            [isInserted]=\"isInserted()\"\n        >\n            <cui-letter-box\n                cuiModalHeaderIcon\n                letter=\"o\"\n                backgroundColor=\"var(--cui-success)\"\n            />\n\n            @if (isInserted()) {\n                <cui-modal-header-inserted-buttons\n                    cuiModalHeaderButtons\n                    (unbindClicked)=\"onUnbindOperation()\"\n                />\n            }\n        </cui-modal-header>\n\n        @if (tabs().length) {\n            <cui-modal-header-tabs [tabs]=\"tabs()\" />\n        }\n    </ng-container>\n\n    <ng-template #estimatedTime>\n        {{ ptFormat() }}\n    </ng-template>\n\n    <ng-template #editor>\n        <cui-editor [editorApiId]=\"operation.textContainerId\" />\n    </ng-template>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorApiId", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "component", type: ModalHeaderTabsComponent, selector: "cui-modal-header-tabs", inputs: ["tabs", "selectedIndex"] }, { kind: "component", type: ModalHeaderInsertedButtonsComponent, selector: "cui-modal-header-inserted-buttons", outputs: ["unbindClicked"] }, { kind: "component", type: ModalHeaderComponent, selector: "cui-modal-header", inputs: ["heading", "isInserted"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalOperationPartComponent, isStandalone: true, selector: "cui-modal-operation-part", inputs: { storageObjectOperation: { classPropertyName: "storageObjectOperation", publicName: "storageObjectOperation", isSignal: true, isRequired: true, transformFunction: null }, isInserted: { classPropertyName: "isInserted", publicName: "isInserted", isSignal: true, isRequired: false, transformFunction: null }, containerId: { classPropertyName: "containerId", publicName: "containerId", isSignal: true, isRequired: false, transformFunction: null }, quantumId: { classPropertyName: "quantumId", publicName: "quantumId", isSignal: true, isRequired: false, transformFunction: null }, jobId: { classPropertyName: "jobId", publicName: "jobId", isSignal: true, isRequired: false, transformFunction: null }, environmentUrlForResources: { classPropertyName: "environmentUrlForResources", publicName: "environmentUrlForResources", isSignal: true, isRequired: true, transformFunction: null }, environmentUrlForInstruction: { classPropertyName: "environmentUrlForInstruction", publicName: "environmentUrlForInstruction", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "estimatedTime", first: true, predicate: ["estimatedTime"], descendants: true, isSignal: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (storageObjectOperation().storageElement; as operation) {\n    <ng-container *transloco=\"let t\">\n        <cui-modal-header\n            [heading]=\"operation.title\"\n            [isInserted]=\"isInserted()\"\n        >\n            <cui-letter-box\n                cuiModalHeaderIcon\n                letter=\"o\"\n                backgroundColor=\"var(--cui-success)\"\n            />\n\n            @if (isInserted()) {\n                <cui-modal-header-inserted-buttons\n                    cuiModalHeaderButtons\n                    (unbindClicked)=\"onUnbindOperation()\"\n                />\n            }\n        </cui-modal-header>\n\n        @if (tabs().length) {\n            <cui-modal-header-tabs [tabs]=\"tabs()\" />\n        }\n    </ng-container>\n\n    <ng-template #estimatedTime>\n        {{ ptFormat() }}\n    </ng-template>\n\n    <ng-template #editor>\n        <cui-editor\n            [editorApiId]=\"operation.textContainerId\"\n            [config]=\"editorConfig\"\n        />\n    </ng-template>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorApiId", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "component", type: ModalHeaderTabsComponent, selector: "cui-modal-header-tabs", inputs: ["tabs", "selectedIndex"] }, { kind: "component", type: ModalHeaderInsertedButtonsComponent, selector: "cui-modal-header-inserted-buttons", outputs: ["unbindClicked"] }, { kind: "component", type: ModalHeaderComponent, selector: "cui-modal-header", inputs: ["heading", "isInserted"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalOperationPartComponent, decorators: [{
             type: Component,
@@ -11747,7 +11757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ModalHeaderTabsComponent,
                         ModalHeaderComponent,
                         TranslocoDirective
-                    ], template: "@if (storageObjectOperation().storageElement; as operation) {\n    <ng-container *transloco=\"let t\">\n        <cui-modal-header\n            [heading]=\"operation.title\"\n            [isInserted]=\"isInserted()\"\n        >\n            <cui-letter-box\n                cuiModalHeaderIcon\n                letter=\"o\"\n                backgroundColor=\"var(--cui-success)\"\n            />\n\n            @if (isInserted()) {\n                <cui-modal-header-inserted-buttons\n                    cuiModalHeaderButtons\n                    (unbindClicked)=\"onUnbindOperation()\"\n                />\n            }\n        </cui-modal-header>\n\n        @if (tabs().length) {\n            <cui-modal-header-tabs [tabs]=\"tabs()\" />\n        }\n    </ng-container>\n\n    <ng-template #estimatedTime>\n        {{ ptFormat() }}\n    </ng-template>\n\n    <ng-template #editor>\n        <cui-editor [editorApiId]=\"operation.textContainerId\" />\n    </ng-template>\n}\n", styles: [":host{display:contents}\n"] }]
+                    ], template: "@if (storageObjectOperation().storageElement; as operation) {\n    <ng-container *transloco=\"let t\">\n        <cui-modal-header\n            [heading]=\"operation.title\"\n            [isInserted]=\"isInserted()\"\n        >\n            <cui-letter-box\n                cuiModalHeaderIcon\n                letter=\"o\"\n                backgroundColor=\"var(--cui-success)\"\n            />\n\n            @if (isInserted()) {\n                <cui-modal-header-inserted-buttons\n                    cuiModalHeaderButtons\n                    (unbindClicked)=\"onUnbindOperation()\"\n                />\n            }\n        </cui-modal-header>\n\n        @if (tabs().length) {\n            <cui-modal-header-tabs [tabs]=\"tabs()\" />\n        }\n    </ng-container>\n\n    <ng-template #estimatedTime>\n        {{ ptFormat() }}\n    </ng-template>\n\n    <ng-template #editor>\n        <cui-editor\n            [editorApiId]=\"operation.textContainerId\"\n            [config]=\"editorConfig\"\n        />\n    </ng-template>\n}\n", styles: [":host{display:contents}\n"] }]
         }] });
 
 class RenderDynamicModalComponent {
@@ -11956,5 +11966,5 @@ const CuiLibTranslations = {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertHintComponent, AngularOutsideLoaderService, AssigneeRoleItemComponent, AssigneeRolesTabsComponent, CUI_ACTIVITY_SERVICE_TOKEN, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_RESOURCE_STATE_SERVICE_TOKEN, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_SUBJECT_MODAL_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CUI_USED_ELEMENTS_SERVICE_TOKEN, CUI_UTILITY_SERVICE_TOKEN, ContentHeaderComponent, CuiAbstractTabsComponent, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiActivityBaseService, CuiActivityImplService, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionModalCreateComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileIconComponent, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiFramerPreviewComponent, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLibTranslations, CuiLinkMarker, CuiListTool, CuiLoaderComponent, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiUserActionContextMenuComponent, CuiUtilityModalComponent, CuiVideoTool, CuiVisualViewportService, InsertedComponent, ModalDividedSectionComponent, ModalHeaderComponent, ModalHeaderInsertedButtonsComponent, ModalInfoTabComponent, ModalOperationPartComponent, ModalResourcesTabComponent, OptionsButtonComponent, RenderDynamicModalComponent, ResourceStateBaseService, ResourcesBlockComponent, ResourcesBlockPartComponent, ResourcesBlockTabsComponent$1 as ResourcesBlockTabsComponent, ResourcesOptionsComponent, SubjectModalBaseService, UTILITY_MODAL_SERVICE_TOKEN, UsedElementsBaseService, UtilityBaseService, UtilityInfoReadonlyComponent, createEditorTools, cuiAuthInterceptor, cuiCheckFixedPosition, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, openFileInBrowser, provideCuiAuth, provideCuiTabs, setLoading };
+export { AlertHintComponent, AngularOutsideLoaderService, AssigneeRoleItemComponent, AssigneeRolesTabsComponent, CUI_ACTIVITY_SERVICE_TOKEN, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_RESOURCE_STATE_SERVICE_TOKEN, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_SUBJECT_MODAL_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CUI_USED_ELEMENTS_SERVICE_TOKEN, CUI_UTILITY_SERVICE_TOKEN, ContentHeaderComponent, CuiAbstractTabsComponent, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiActivityBaseService, CuiActivityImplService, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionModalCreateComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileIconComponent, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiFramerPreviewComponent, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionInfoFormComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLibTranslations, CuiLinkMarker, CuiListTool, CuiLoaderComponent, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiUserActionContextMenuComponent, CuiUtilityModalComponent, CuiVideoTool, CuiVisualViewportService, InsertedComponent, ModalDividedSectionComponent, ModalHeaderComponent, ModalHeaderInsertedButtonsComponent, ModalInfoTabComponent, ModalOperationPartComponent, ModalResourcesTabComponent, OptionsButtonComponent, RenderDynamicModalComponent, ResourceStateBaseService, ResourcesBlockComponent, ResourcesBlockPartComponent, ResourcesBlockTabsComponent$1 as ResourcesBlockTabsComponent, ResourcesOptionsComponent, SubjectModalBaseService, UTILITY_MODAL_SERVICE_TOKEN, UsedElementsBaseService, UtilityBaseService, UtilityInfoReadonlyComponent, createEditorTools, cuiAuthInterceptor, cuiCheckFixedPosition, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, openFileInBrowser, provideCuiAuth, provideCuiTabs, setLoading };
 //# sourceMappingURL=cuby-ui-core.mjs.map