@cuby-ui/core 0.0.452 → 0.0.454

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';
@@ -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, requestOptions: SHARED_CONSTRUCTION_HTTP_OPTIONS };
         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 {