@cuby-ui/core 0.0.491 → 0.0.493

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@cuby-ui/core",
-  "version": "0.0.491",
+  "version": "0.0.493",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/elements": ">=18.0.0",
     "@angular/forms": ">=18.0.0",
-    "@cuby-ui/api": "^0.0.491",
-    "@cuby-ui/cdk": "^0.0.491",
-    "@cuby-ui/icons": "^0.0.491",
+    "@cuby-ui/api": "^0.0.493",
+    "@cuby-ui/cdk": "^0.0.493",
+    "@cuby-ui/icons": "^0.0.493",
     "@editorjs/editorjs": "2.29.1",
     "@editorjs/header": "^2.8.1",
     "@editorjs/list": "^1.9.0",

package/widgets/ui/criterion-info/criterion-info.component.d.ts

@@ -1,9 +1,8 @@
 import type { ElementRef, OnInit } from '@angular/core';
-import { Criterion, StorageObject, TreeStruct } from '@cuby-ui/api';
-import { TreeStructType } from '@cuby-ui/api';
+import { Criterion, StorageObject, TreeStruct, TreeStructType } from '@cuby-ui/api';
 import type { CuiNullable } from '@cuby-ui/cdk';
+import type { CuiEditorConfig } from '../../../editor';
 import { CuiCriterionFormValues } from '../criterion-info-form';
-import type { CuiTools, CuiEditorConfig } from '../../../editor';
 import * as i0 from "@angular/core";
 export declare class CuiCriterionInfoComponent implements OnInit {
     private readonly destroyRef;
@@ -12,9 +11,9 @@ export declare class CuiCriterionInfoComponent implements OnInit {
     private readonly cuiCategoriesModalService;
     private readonly treeStructNavigatorApiService;
     private readonly criterionApiService;
+    protected readonly TYPE = TreeStructType.Instruction;
     private subscription;
     private skipCategoryChange;
-    protected readonly TYPE = TreeStructType.Criteria;
     protected readonly categoryId: string;
     protected readonly category: import("@angular/core").Signal<CuiNullable<TreeStruct<import("@cuby-ui/api").Job<import("@cuby-ui/api").JobContentStructureType>>>>;
     protected readonly isFormValid: import("@angular/core").WritableSignal<boolean>;
@@ -24,8 +23,7 @@ export declare class CuiCriterionInfoComponent implements OnInit {
     protected readonly selectTitle: import("@angular/core").Signal<string>;
     protected readonly element: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly criterion: import("@angular/core").ModelSignal<StorageObject<Criterion> | undefined>;
-    readonly tools: import("@angular/core").InputSignal<CuiTools>;
-    readonly editorResourceUrl: import("@angular/core").InputSignal<string>;
+    readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     readonly validationChanged: import("@angular/core").OutputEmitterRef<boolean>;
     readonly criterionCreated: import("@angular/core").OutputEmitterRef<string>;
     constructor();
@@ -38,6 +36,7 @@ export declare class CuiCriterionInfoComponent implements OnInit {
     private changeCategory;
     private createCriterion;
     private changeTitle;
+    private changeDescription;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiCriterionInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionInfoComponent, "cui-criterion-info", never, { "criterion": { "alias": "criterion"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": true; "isSignal": true; }; "editorResourceUrl": { "alias": "editorResourceUrl"; "required": true; "isSignal": true; }; }, { "criterion": "criterionChange"; "validationChanged": "validationChanged"; "criterionCreated": "criterionCreated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionInfoComponent, "cui-criterion-info", never, { "criterion": { "alias": "criterion"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "criterion": "criterionChange"; "validationChanged": "validationChanged"; "criterionCreated": "criterionCreated"; }, never, never, true, never>;
 }

package/widgets/ui/criterion-info-form/criterion-info-form.component.d.ts

@@ -7,24 +7,28 @@ export declare class CuiCriterionInfoFormComponent {
     private readonly destroy;
     private readonly formBuilder;
     private readonly frameApiService;
+    private readonly resourceApiService;
     private readonly cuiIdService;
     protected readonly CONTROL_DELAY = 500;
     protected readonly titleId: string;
+    protected readonly descriptionId: string;
     protected readonly form: import("@angular/forms").FormGroup<{
         readonly title: import("@angular/forms").FormControl<string>;
+        readonly description: import("@angular/forms").FormControl<string>;
     }>;
     protected heading: CuiNullable<string>;
     protected readonly isDescriptionEmpty: import("@angular/core").WritableSignal<boolean>;
     protected readonly editorId: import("@angular/core").WritableSignal<CuiNullable<string>>;
     protected readonly thumbnail: import("@angular/core").WritableSignal<CuiNullable<ResourceFragment>>;
     readonly title: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
     readonly framerId: import("@angular/core").InputSignal<string>;
-    readonly baseResourceUrl: import("@angular/core").InputSignal<string>;
     readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     readonly formChanged: import("@angular/core").OutputEmitterRef<Partial<CuiCriterionFormValues>>;
     readonly isFormValidChanged: import("@angular/core").OutputEmitterRef<boolean>;
     protected get controls(): CuiCriterionFormGroup;
     protected get isTitleError(): boolean;
+    protected get isDescriptionError(): boolean;
     constructor();
     protected onEditorEmpty(isEmpty: boolean): void;
     private initUtilityEffect;
@@ -35,5 +39,5 @@ export declare class CuiCriterionInfoFormComponent {
     private getCaptureFromVideo;
     private checkFormValidation;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiCriterionInfoFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionInfoFormComponent, "cui-criterion-info-form", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "baseResourceUrl": { "alias": "baseResourceUrl"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "formChanged": "formChanged"; "isFormValidChanged": "isFormValidChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionInfoFormComponent, "cui-criterion-info-form", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "formChanged": "formChanged"; "isFormValidChanged": "isFormValidChanged"; }, never, never, true, never>;
 }

package/widgets/ui/criterion-info-form/criterion-info-form.options.d.ts

@@ -1,7 +1,9 @@
 import type { FormControl } from '@angular/forms';
 export interface CuiCriterionFormGroup {
     readonly title: FormControl<string>;
+    readonly description: FormControl<string>;
 }
 export interface CuiCriterionFormValues {
     readonly title: string;
+    readonly description: string;
 }

package/widgets/ui/criterion-readonly-info/criterion-readonly-info.component.d.ts

@@ -1,26 +1,27 @@
-import type { JTextFragment } from '@cuby-ui/api';
+import type { JTextFragment, ResourceFragment } from '@cuby-ui/api';
 import type { CuiNullable } from '@cuby-ui/cdk';
-import type { CuiImgUrl } from '../../../interfaces';
-import type { CuiTools, CuiEditorConfig } from '../../../editor';
+import type { CuiEditorConfig } from '../../../editor';
 import * as i0 from "@angular/core";
 export declare class CuiCriterionReadonlyInfoComponent {
     private readonly hostElement;
     private readonly frameApiService;
+    private readonly resourceApiService;
     private subscription;
     protected isVideo: boolean;
     protected editorConfig: CuiEditorConfig;
     protected readonly jText: import("@angular/core").WritableSignal<CuiNullable<JTextFragment>>;
-    protected readonly thumbnailUrl: import("@angular/core").WritableSignal<CuiNullable<CuiImgUrl>>;
+    protected readonly resource: import("@angular/core").WritableSignal<CuiNullable<ResourceFragment>>;
+    protected readonly thumbnailUrl: import("@angular/core").Signal<import("rxjs").Observable<null> | import("rxjs").Observable<{
+        src: string;
+        name: string;
+    }>>;
     protected readonly isDescriptionEmpty: import("@angular/core").Signal<boolean>;
     readonly framerId: import("@angular/core").InputSignal<string>;
-    readonly element: import("@angular/core").InputSignal<HTMLElement>;
-    readonly tools: import("@angular/core").InputSignal<CuiTools>;
-    readonly editorResourceUrl: import("@angular/core").InputSignal<string>;
+    readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     constructor();
     private initConfigEffect;
     private initFramerIdEffect;
     private initFrameFragments;
-    private setResourceFile;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiCriterionReadonlyInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionReadonlyInfoComponent, "cui-criterion-readonly-info", never, { "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "element": { "alias": "element"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": true; "isSignal": true; }; "editorResourceUrl": { "alias": "editorResourceUrl"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionReadonlyInfoComponent, "cui-criterion-readonly-info", never, { "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/widgets/ui/index.d.ts

@@ -4,11 +4,10 @@ export { CuiLinearLoaderComponent } from './linear-loader';
 export { CuiDeleteModalComponent } from './delete-modal';
 export { CuiCategoriesComponent, CuiSelectedCategoryService } from './categories';
 export { CuiChecklistBlockComponent } from './checklist-block';
-export { CuiInstructionReadonlyInfoComponent } from './instruction-readonly-info';
-export { CuiCriterionInfoComponent } from './criterion-info';
-export { CuiInstructionInfoComponent } from './instruction-info';
 export { CuiGeneralControlErrorHintComponent } from './general-control-error-hint';
 export { CuiFramerPreviewComponent, CuiImageUrl } from './framer-preview';
+export * from './criterion-info';
+export * from './instruction-info';
 export * from './instruction-info-form';
 export * from './select-modal';
 export * from './storage-list';
@@ -26,4 +25,9 @@ export * from './resources-block';
 export * from './utility-info-readonly';
 export * from './inserted';
 export * from './instruction-readonly-info';
+export * from './criterion-readonly-info';
 export * from './button-change-theme';
+export * from './criterion-info-form';
+export * from './utility-modal';
+export * from './utility-readonly-thumbnail';
+export * from './utility-thumbnail';

package/widgets/ui/instruction-info/instruction-info.component.d.ts

@@ -3,7 +3,6 @@ import type { Instruction, StorageObject, TreeStruct } from '@cuby-ui/api';
 import { TreeStructType } from '@cuby-ui/api';
 import type { CuiNullable } from '@cuby-ui/cdk';
 import { CuiEditorConfig } from '../../../editor';
-import type { CuiTools } from '../../../editor';
 import type { CuiInstructionFormValues } from '../instruction-info-form';
 import * as i0 from "@angular/core";
 export declare class CuiInstructionInfoComponent implements OnInit {
@@ -25,8 +24,7 @@ export declare class CuiInstructionInfoComponent implements OnInit {
     protected readonly selectTitle: import("@angular/core").Signal<string>;
     protected readonly element: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly instruction: import("@angular/core").ModelSignal<StorageObject<Instruction> | undefined>;
-    readonly tools: import("@angular/core").InputSignal<CuiTools>;
-    readonly editorResourceUrl: import("@angular/core").InputSignal<string>;
+    readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     readonly validationChanged: import("@angular/core").OutputEmitterRef<boolean>;
     readonly instructionCreated: import("@angular/core").OutputEmitterRef<string>;
     constructor();
@@ -41,5 +39,5 @@ export declare class CuiInstructionInfoComponent implements OnInit {
     private changeTitle;
     private changeDescription;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiInstructionInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionInfoComponent, "cui-instruction-info", never, { "instruction": { "alias": "instruction"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": true; "isSignal": true; }; "editorResourceUrl": { "alias": "editorResourceUrl"; "required": true; "isSignal": true; }; }, { "instruction": "instructionChange"; "validationChanged": "validationChanged"; "instructionCreated": "instructionCreated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionInfoComponent, "cui-instruction-info", never, { "instruction": { "alias": "instruction"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "instruction": "instructionChange"; "validationChanged": "validationChanged"; "instructionCreated": "instructionCreated"; }, never, never, true, never>;
 }

package/widgets/ui/instruction-info-form/instruction-info-form.component.d.ts

@@ -7,6 +7,7 @@ export declare class CuiInstructionInfoFormComponent {
     private readonly destroy;
     private readonly formBuilder;
     private readonly frameApiService;
+    private readonly resourceApiService;
     private readonly cuiIdService;
     protected readonly CONTROL_DELAY = 500;
     protected readonly titleId: string;
@@ -22,7 +23,6 @@ export declare class CuiInstructionInfoFormComponent {
     readonly title: import("@angular/core").InputSignal<string>;
     readonly description: import("@angular/core").InputSignal<string>;
     readonly framerId: import("@angular/core").InputSignal<string>;
-    readonly baseResourceUrl: import("@angular/core").InputSignal<string>;
     readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     readonly formChanged: import("@angular/core").OutputEmitterRef<Partial<CuiInstructionFormValues>>;
     readonly isFormValidChanged: import("@angular/core").OutputEmitterRef<boolean>;
@@ -39,5 +39,5 @@ export declare class CuiInstructionInfoFormComponent {
     private getCaptureFromVideo;
     private checkFormValidation;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiInstructionInfoFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionInfoFormComponent, "cui-instruction-info-form", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "baseResourceUrl": { "alias": "baseResourceUrl"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "formChanged": "formChanged"; "isFormValidChanged": "isFormValidChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionInfoFormComponent, "cui-instruction-info-form", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "formChanged": "formChanged"; "isFormValidChanged": "isFormValidChanged"; }, never, never, true, never>;
 }

package/widgets/ui/instruction-readonly-info/instruction-readonly-info.component.d.ts

@@ -1,26 +1,27 @@
-import type { JTextFragment } from '@cuby-ui/api';
+import type { JTextFragment, ResourceFragment } from '@cuby-ui/api';
 import type { CuiNullable } from '@cuby-ui/cdk';
-import type { CuiImgUrl } from '../../../interfaces';
-import type { CuiTools, CuiEditorConfig } from '../../../editor';
+import type { CuiEditorConfig } from '../../../editor';
 import * as i0 from "@angular/core";
 export declare class CuiInstructionReadonlyInfoComponent {
     private readonly hostElement;
     private readonly frameApiService;
+    private readonly resourceApiService;
     private subscription;
     protected isVideo: boolean;
     protected editorConfig: CuiEditorConfig;
     protected readonly jText: import("@angular/core").WritableSignal<CuiNullable<JTextFragment>>;
-    protected readonly thumbnailUrl: import("@angular/core").WritableSignal<CuiNullable<CuiImgUrl>>;
+    protected readonly resource: import("@angular/core").WritableSignal<CuiNullable<ResourceFragment>>;
+    protected readonly thumbnailUrl: import("@angular/core").Signal<import("rxjs").Observable<null> | import("rxjs").Observable<{
+        src: string;
+        name: string;
+    }>>;
     protected readonly isDescriptionEmpty: import("@angular/core").Signal<boolean>;
     readonly framerId: import("@angular/core").InputSignal<string>;
-    readonly element: import("@angular/core").InputSignal<HTMLElement>;
-    readonly tools: import("@angular/core").InputSignal<CuiTools>;
-    readonly editorResourceUrl: import("@angular/core").InputSignal<string>;
+    readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     constructor();
     private initConfigEffect;
     private initFramerIdEffect;
     private initFrameFragments;
-    private setResourceFile;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiInstructionReadonlyInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionReadonlyInfoComponent, "cui-instruction-readonly-info", never, { "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "element": { "alias": "element"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": true; "isSignal": true; }; "editorResourceUrl": { "alias": "editorResourceUrl"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionReadonlyInfoComponent, "cui-instruction-readonly-info", never, { "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/widgets/ui/utility-modal/components/criterion-modal-create/criterion-modal-create.component.d.ts

@@ -1,4 +1,5 @@
 import { Criterion, StorageObject } from '@cuby-ui/api';
+import { CuiEditorConfig } from '../../../../../editor';
 import * as i0 from "@angular/core";
 export declare class CuiCriterionModalCreateComponent {
     private readonly destroyRef;
@@ -12,7 +13,8 @@ export declare class CuiCriterionModalCreateComponent {
     protected readonly isFormValid: import("@angular/core").WritableSignal<boolean>;
     protected readonly criterion: import("@angular/core").Signal<StorageObject<Criterion>>;
     readonly initialUtility: import("@angular/core").InputSignal<StorageObject<Criterion>>;
+    readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     protected onCriterionCreated(storageNodeId: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiCriterionModalCreateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionModalCreateComponent, "ng-component", never, { "initialUtility": { "alias": "initialUtility"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiCriterionModalCreateComponent, "ng-component", never, { "initialUtility": { "alias": "initialUtility"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/widgets/ui/utility-modal/components/index.d.ts

@@ -2,3 +2,5 @@ export { CuiCriterionModalCreateComponent } from './criterion-modal-create';
 export { CuiInstructionModalCreateComponent } from './instruction-modal-create';
 export { CuiReadonlyCriterionModalComponent } from './readonly-criterion-modal';
 export { CuiReadonlyInstructionModalComponent } from './readonly-instruction-modal';
+export { CuiReadonlyUtilityModalComponent } from './readonly-utility-modal';
+export { CuiUtilityModalCreateComponent } from './utility-modal-create';

package/widgets/ui/utility-modal/components/instruction-modal-create/instruction-modal-create.component.d.ts

@@ -1,18 +1,19 @@
 import type { Instruction, StorageObject } from '@cuby-ui/api';
+import { CuiEditorConfig } from '../../../../../editor';
 import * as i0 from "@angular/core";
 export declare class CuiInstructionModalCreateComponent {
     private readonly destroyRef;
     private readonly cuiDialogContext;
     private readonly instructionApiService;
     private isCreated;
-    protected readonly editorResourceUrl: any;
     protected readonly tools: any;
     protected readonly header: any;
     private readonly _instruction;
     protected readonly isFormValid: import("@angular/core").WritableSignal<boolean>;
     protected readonly instruction: import("@angular/core").Signal<StorageObject<Instruction>>;
     readonly initialUtility: import("@angular/core").InputSignal<StorageObject<Instruction>>;
+    readonly config: import("@angular/core").InputSignal<CuiEditorConfig>;
     protected onInstructionCreated(storageNodeId: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiInstructionModalCreateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionModalCreateComponent, "ng-component", never, { "initialUtility": { "alias": "initialUtility"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiInstructionModalCreateComponent, "ng-component", never, { "initialUtility": { "alias": "initialUtility"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/widgets/ui/utility-modal/components/readonly-criterion-modal/readonly-criterion-modal.component.d.ts

@@ -1,16 +1,23 @@
-import type { Criterion, StorageObject } from '@cuby-ui/api';
+import { ElementRef } from '@angular/core';
+import type { Criterion, CuiApiContext, StorageObject } from '@cuby-ui/api';
 import { UtilityElement } from '../../utility-modal.options';
 import * as i0 from "@angular/core";
 export declare class CuiReadonlyCriterionModalComponent {
     private readonly cuiDialogContext;
     private readonly cuiRenderDynamicComponentsService;
-    protected readonly editorResourceUrl: any;
     protected readonly tools: any;
     protected readonly header: any;
     protected readonly isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly config: import("@angular/core").Signal<{
+        tools: any;
+        requestOptions: CuiApiContext;
+        element: HTMLElement | undefined;
+    }>;
     protected readonly framerId: import("@angular/core").Signal<string>;
+    readonly element: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly criterion: import("@angular/core").InputSignal<StorageObject<Criterion>>;
+    readonly context: import("@angular/core").InputSignal<CuiApiContext>;
     protected onUnbind(criterion: StorageObject<UtilityElement>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiReadonlyCriterionModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiReadonlyCriterionModalComponent, "cui-readonly-criterion-modal", never, { "criterion": { "alias": "criterion"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiReadonlyCriterionModalComponent, "cui-readonly-criterion-modal", never, { "criterion": { "alias": "criterion"; "required": true; "isSignal": true; }; "context": { "alias": "context"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/widgets/ui/utility-modal/components/readonly-instruction-modal/readonly-instruction-modal.component.d.ts

@@ -1,16 +1,23 @@
-import type { Instruction, StorageObject } from '@cuby-ui/api';
+import { ElementRef } from '@angular/core';
+import type { CuiApiContext, Instruction, StorageObject } from '@cuby-ui/api';
 import { UtilityElement } from '../../utility-modal.options';
 import * as i0 from "@angular/core";
 export declare class CuiReadonlyInstructionModalComponent {
     private readonly cuiDialogContext;
     private readonly cuiRenderDynamicComponentsService;
-    protected readonly editorResourceUrl: any;
     protected readonly tools: any;
     protected readonly header: any;
     protected readonly isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly config: import("@angular/core").Signal<{
+        tools: any;
+        requestOptions: CuiApiContext;
+        element: HTMLElement | undefined;
+    }>;
     protected readonly framerId: import("@angular/core").Signal<string>;
+    readonly element: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly instruction: import("@angular/core").InputSignal<StorageObject<Instruction>>;
+    readonly context: import("@angular/core").InputSignal<CuiApiContext>;
     protected onUnbind(instruction: StorageObject<UtilityElement>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiReadonlyInstructionModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiReadonlyInstructionModalComponent, "cui-readonly-instruction-modal", never, { "instruction": { "alias": "instruction"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiReadonlyInstructionModalComponent, "cui-readonly-instruction-modal", never, { "instruction": { "alias": "instruction"; "required": true; "isSignal": true; }; "context": { "alias": "context"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/widgets/ui/utility-modal/utility-modal.options.d.ts

@@ -1,11 +1,11 @@
 import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
-import type { Instruction, StorageObject, Criterion } from '@cuby-ui/api';
+import type { Instruction, StorageObject, Criterion, CuiApiContext } from '@cuby-ui/api';
 export declare const UTILITY_MODAL_SERVICE_TOKEN: InjectionToken<UtilityModalService<UtilityElement>>;
 export interface UtilityModalService<T extends UtilityElement> {
     createUtility(id: string): Observable<StorageObject<T>>;
-    changeTitle(utilityId: string, title: string): Observable<void>;
-    changeDescription?(utilityId: string, shortDescription: string): Observable<void>;
+    changeTitle(utilityId: string, title: string, context?: CuiApiContext): Observable<void>;
+    changeDescription?(utilityId: string, shortDescription: string, context?: CuiApiContext): Observable<void>;
     unbindUtility(id: string): Observable<StorageObject<T>>;
     deleteUtility(utility: StorageObject<T>): Observable<void>;
 }

package/widgets/ui/utility-thumbnail/utility-thumbnail.component.d.ts

@@ -6,16 +6,15 @@ export declare class CuiUtilityThumbnailComponent {
     private readonly translocoService;
     private readonly frameApiService;
     protected readonly MAX_FILE_SIZE = 20971520;
-    protected readonly thumbnailUrl: import("@angular/core").Signal<string>;
+    protected readonly thumbnailUrl: import("@angular/core").Signal<string | null>;
     protected readonly uploadButtonName: import("@angular/core").Signal<string>;
     readonly thumbnail: import("@angular/core").ModelSignal<CuiNullable<ResourceFragment>>;
     readonly framerId: import("@angular/core").InputSignal<string>;
-    readonly baseResourceUrl: import("@angular/core").InputSignal<string>;
     protected onSelectFile(): void;
     protected onRemoveThumbnail(): void;
     private getFile;
     private uploadFile;
     private getCaptureFromVideo;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiUtilityThumbnailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiUtilityThumbnailComponent, "cui-utility-thumbnail", never, { "thumbnail": { "alias": "thumbnail"; "required": true; "isSignal": true; }; "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; "baseResourceUrl": { "alias": "baseResourceUrl"; "required": true; "isSignal": true; }; }, { "thumbnail": "thumbnailChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiUtilityThumbnailComponent, "cui-utility-thumbnail", never, { "thumbnail": { "alias": "thumbnail"; "required": true; "isSignal": true; }; "framerId": { "alias": "framerId"; "required": true; "isSignal": true; }; }, { "thumbnail": "thumbnailChange"; }, never, never, true, never>;
 }