@uploadcare/file-uploader 1.24.4 → 1.25.0-alpha.0

package/dist/index.d.ts

@@ -1,264 +1,42 @@
-import { BaseComponent } from '@symbiotejs/symbiote';
-export { BaseComponent, Data, UID } from '@symbiotejs/symbiote';
+import { PubSub } from '@symbiotejs/symbiote';
+export { PubSub as Data, PubSub, UID } from '@symbiotejs/symbiote';
+export { loadFileUploaderFrom } from './abstract/loadFileUploaderFrom.js';
+import * as lit_html from 'lit-html';
+import { nothing, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { TelemetryRequest } from '@uploadcare/quality-insights';
 import * as _uploadcare_upload_client from '@uploadcare/upload-client';
 import { UploadcareFile, Metadata, UploadError, NetworkError, UploadcareGroup, FileFromOptions } from '@uploadcare/upload-client';
 export { Metadata, NetworkError, UploadError, UploadcareError, UploadcareFile, UploadcareGroup } from '@uploadcare/upload-client';
-export { loadFileUploaderFrom } from './abstract/loadFileUploaderFrom.js';
-import { TelemetryRequest } from '@uploadcare/quality-insights';
+import { Ref } from 'lit/directives/ref.js';
 export { PACKAGE_NAME, PACKAGE_VERSION } from './env.js';
 
+declare function defineComponents(blockExports: Record<string, any>): void;
+
+type LocaleDefinition = Record<string, string>;
+type LocaleDefinitionResolver = () => Promise<LocaleDefinition>;
+declare const defineLocale: (localeName: string, definitionOrResolver: LocaleDefinition | LocaleDefinitionResolver) => void;
+
+type Constructor$1<T = {}> = new (...args: any[]) => T;
+
 declare class A11y {
     private _destroyKeyUX;
     private readonly _scopedWindow;
     constructor();
-    registerBlock(scope: Block): void;
+    registerBlock(scope: LitBlock): void;
     destroy(): void;
 }
 
-type LocaleChangeCallback = () => void;
 declare class LocaleManager {
     private _blockInstance;
     private _localeName;
-    private _callbacks;
-    private _boundBlocks;
-    constructor(blockInstance: Block);
-    onLocaleChange(callback: LocaleChangeCallback): () => void;
-    bindL10n(block: Block, key: string, resolver: LocaleChangeCallback): void;
-    destroyL10nBindings(block: Block): void;
-    destroy(): void;
-}
-
-declare class Modal extends Block {
-    static styleAttrs: string[];
-    static StateConsumerScope: string;
-    private _mouseDownTarget;
-    handleModalOpen: ModalCb;
-    handleModalClose: ModalCb;
-    handleModalCloseAll: ModalCb;
-    constructor();
-    _handleBackdropClick: () => void;
-    _closeDialog: () => void;
-    _handleDialogClose: () => void;
-    _handleDialogMouseDown: (e: MouseEvent) => void;
-    _handleDialogMouseUp: (e: MouseEvent) => void;
-    show(): void;
-    hide(): void;
-    private _handleModalOpen;
-    private _handleModalClose;
-    private _handleModalCloseAll;
-    initCallback(): void;
-    destroyCallback(): void;
-}
-
-declare const ModalEvents: Readonly<{
-    readonly ADD: "modal:add";
-    readonly DELETE: "modal:delete";
-    readonly OPEN: "modal:open";
-    readonly CLOSE: "modal:close";
-    readonly CLOSE_ALL: "modal:closeAll";
-    readonly DESTROY: "modal:destroy";
-}>;
-type ModalId = ActivityType;
-type ModalCb = (data: {
-    id: ModalId;
-    modal: Modal;
-}) => void;
-type ModalEventType = (typeof ModalEvents)[keyof typeof ModalEvents];
-declare class ModalManager {
-    private _modals;
-    private _activeModals;
-    private _subscribers;
-    private _block;
-    constructor(block: Block);
-    private _debugPrint;
-    /**
-     * Register a modal with the manager
-     * @param id Unique identifier for the modal
-     * @param modal Modal component instance
-     */
-    registerModal(id: ModalId, modal: Modal): void;
-    /** Remove a modal by ID. */
-    deleteModal(id: ModalId): boolean;
-    /** Open a modal by its ID. */
-    open(id: ModalId): boolean;
-    /** Close a specific modal by ID. */
-    close(id: ModalId): boolean;
-    /** Toggle a modal - open if closed, close if open. */
-    toggle(id: ModalId): boolean;
-    /** True if there are any active modals. */
-    get hasActiveModals(): boolean;
-    /** Close the most recently opened modal and return to the previous one. */
-    back(): boolean;
-    /** Close all open modals. */
-    closeAll(): number;
-    /**
-     * Subscribe to modal events
-     * @returns Unsubscribe function
-     */
-    subscribe(event: ModalEventType, callback: ModalCb): () => void;
-    /** Unsubscribe from modal events */
-    unsubscribe(event: ModalEventType, callback: ModalCb | undefined): void;
-    /** Notify all subscribers of a modal event. */
-    private _notify;
-    /** Destroy the modal manager, clean up resources */
-    destroy(): void;
-}
-
-type CommonEventType = InternalEventKey | EventKey;
-type TelemetryState = TelemetryRequest & {
-    eventTimestamp: number;
-};
-type TelemetryEventBody = Partial<Pick<TelemetryState, 'payload' | 'config'>> & {
-    modalId?: string;
-    eventType?: CommonEventType;
-};
-declare class TelemetryManager {
-    private readonly _sessionId;
-    private readonly _telemetryInstance;
-    private readonly _block;
-    private _config;
-    private _initialized;
-    private _lastPayload;
-    private readonly _queue;
-    constructor(block: Block);
-    private _init;
-    private _setConfig;
-    private _formattingPayload;
-    private _excludedEvents;
-    sendEvent(body: TelemetryEventBody): void;
-    sendEventError(error: unknown, context?: string): void;
-    /**
-     * Method to send telemetry event for Cloud Image Editor.
-     */
-    sendEventCloudImageEditor(e: MouseEvent, tabId: string, options?: Record<string, unknown>): void;
-    /**
-     * Deeply compares two objects and returns true if they are equal, false otherwise.
-     */
-    private _checkObj;
-    private get _timestamp();
-    private get _solution();
-    private get _activity();
-}
-
-declare class Block extends BaseComponent<any> {
-    private __cfgProxy?;
-    protected l10nProcessorSubs: Map<string, Set<{
-        remove: () => void;
-    }>>;
-    static StateConsumerScope: string | null;
-    static styleAttrs: string[];
-    protected requireCtxName: boolean;
-    activityType: ActivityType;
-    init$: {};
-    l10n(str: string, variables?: Record<string, string | number>): string;
-    private pluralize;
-    protected bindL10n(key: string, resolver: () => void): void;
-    constructor();
-    emit(type: Parameters<EventEmitter['emit']>[0], payload?: Parameters<EventEmitter['emit']>[1], options?: Parameters<EventEmitter['emit']>[2]): void;
-    hasBlockInCtx(callback: (block: Block) => boolean): boolean;
-    setOrAddState(prop: string, newVal: any): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    initCallback(): void;
-    get testId(): string;
-    get modalManager(): ModalManager | undefined;
-    get telemetryManager(): TelemetryManager | {
-        sendEvent: () => void;
-        sendEventCloudImageEditor: () => void;
-        sendEventError: () => void;
-    };
-    protected get localeManager(): LocaleManager | null;
-    protected get a11y(): A11y | null;
-    protected get blocksRegistry(): Set<Block>;
-    destroyCallback(): void;
-    /**
-     * Called when the last block is removed from the context. Note that inheritors must run their callback before that.
-     */
-    protected destroyCtxCallback(): void;
-    protected proxyUrl(url: string): Promise<string>;
-    get cfg(): ConfigType;
-    subConfigValue<T extends keyof ConfigType>(key: T, callback: (value: ConfigType[T]) => void): void;
-    debugPrint(...args: unknown[]): void;
-    static reg(name?: string): void;
-}
-
-declare const InternalEventType: Readonly<{
-    readonly INIT_SOLUTION: "init-solution";
-    readonly CHANGE_CONFIG: "change-config";
-    readonly ACTION_EVENT: "action-event";
-    readonly ERROR_EVENT: "error-event";
-}>;
-declare const EventType: Readonly<{
-    readonly FILE_ADDED: "file-added";
-    readonly FILE_REMOVED: "file-removed";
-    readonly FILE_UPLOAD_START: "file-upload-start";
-    readonly FILE_UPLOAD_PROGRESS: "file-upload-progress";
-    readonly FILE_UPLOAD_SUCCESS: "file-upload-success";
-    readonly FILE_UPLOAD_FAILED: "file-upload-failed";
-    readonly FILE_URL_CHANGED: "file-url-changed";
-    readonly MODAL_OPEN: "modal-open";
-    readonly MODAL_CLOSE: "modal-close";
-    readonly DONE_CLICK: "done-click";
-    readonly UPLOAD_CLICK: "upload-click";
-    readonly ACTIVITY_CHANGE: "activity-change";
-    readonly COMMON_UPLOAD_START: "common-upload-start";
-    readonly COMMON_UPLOAD_PROGRESS: "common-upload-progress";
-    readonly COMMON_UPLOAD_SUCCESS: "common-upload-success";
-    readonly COMMON_UPLOAD_FAILED: "common-upload-failed";
-    readonly CHANGE: "change";
-    readonly GROUP_CREATED: "group-created";
-}>;
-type EventKey = (typeof EventType)[keyof typeof EventType];
-type InternalEventKey = (typeof InternalEventType)[keyof typeof InternalEventType];
-type EventPayload = {
-    [EventType.FILE_ADDED]: OutputFileEntry<'idle'>;
-    [EventType.FILE_REMOVED]: OutputFileEntry<'removed'>;
-    [EventType.FILE_UPLOAD_START]: OutputFileEntry<'uploading'>;
-    [EventType.FILE_UPLOAD_PROGRESS]: OutputFileEntry<'uploading'>;
-    [EventType.FILE_UPLOAD_SUCCESS]: OutputFileEntry<'success'>;
-    [EventType.FILE_UPLOAD_FAILED]: OutputFileEntry<'failed'>;
-    [EventType.FILE_URL_CHANGED]: OutputFileEntry<'success'>;
-    [EventType.MODAL_OPEN]: {
-        modalId: ModalId;
-    };
-    [EventType.MODAL_CLOSE]: {
-        modalId: ModalId;
-        hasActiveModals: boolean;
-    };
-    [EventType.ACTIVITY_CHANGE]: {
-        activity: ActivityType;
-    };
-    [EventType.UPLOAD_CLICK]: void;
-    [EventType.DONE_CLICK]: OutputCollectionState;
-    [EventType.COMMON_UPLOAD_START]: OutputCollectionState<'uploading'>;
-    [EventType.COMMON_UPLOAD_PROGRESS]: OutputCollectionState<'uploading'>;
-    [EventType.COMMON_UPLOAD_SUCCESS]: OutputCollectionState<'success'>;
-    [EventType.COMMON_UPLOAD_FAILED]: OutputCollectionState<'failed'>;
-    [EventType.CHANGE]: OutputCollectionState;
-    [EventType.GROUP_CREATED]: OutputCollectionState<'success', 'has-group'>;
-};
-declare class EventEmitter {
-    private _timeoutStore;
-    private _targets;
-    private _debugPrint;
-    constructor(debugPrint: (...args: unknown[]) => void);
-    bindTarget(target: Block): void;
-    unbindTarget(target: Block): void;
-    private _dispatch;
-    emit<T extends EventKey, TDebounce extends boolean | number | undefined = undefined>(type: T, payload?: TDebounce extends false | undefined ? EventPayload[T] : () => EventPayload[T], options?: {
-        debounce?: TDebounce;
-    }): void;
+    constructor(blockInstance: LitBlock);
 }
 
 type EventMap = {
     [T in keyof EventPayload]: CustomEvent<EventPayload[T]>;
 };
 
-type LocaleDefinition = Record<string, string>;
-type LocaleDefinitionResolver = () => Promise<LocaleDefinition>;
-declare const defineLocale: (localeName: string, definitionOrResolver: LocaleDefinition | LocaleDefinitionResolver) => void;
-
-declare function buildOutputCollectionState<TCollectionStatus extends OutputCollectionStatus, TGroupFlag extends GroupFlag = 'maybe-has-group'>(uploaderBlock: UploaderBlock): OutputCollectionState<TCollectionStatus, TGroupFlag>;
+declare function buildOutputCollectionState<TCollectionStatus extends OutputCollectionStatus, TGroupFlag extends GroupFlag = 'maybe-has-group'>(uploaderBlock: LitUploaderBlock): OutputCollectionState<TCollectionStatus, TGroupFlag>;
 
 type TypedSchema = Record<string, {
     type: unknown;
@@ -283,7 +61,7 @@ declare class TypedData<T extends TypedSchema> {
     getValue<K extends ExtractKeysFromSchema<T>>(prop: K): ExtractDataFromSchema<T>[K];
     subscribe<K extends ExtractKeysFromSchema<T>>(prop: K, handler: (newVal: ExtractDataFromSchema<T>[K]) => void): {
         remove: () => void;
-        callback: Function;
+        callback: (val: unknown) => void;
     };
     remove(): void;
 }
@@ -437,7 +215,7 @@ declare class ValidationManager {
     private _queue;
     private _runQueueDebounced;
     private _entryValidationState;
-    constructor(blockInstance: UploaderBlock);
+    constructor(blockInstance: LitUploaderBlock);
     runFileValidators(runOn: FileValidatorDescriptor['runOn'], entryIds?: string[]): void;
     runCollectionValidators(): void;
     cleanupValidationForEntry(entry: TypedData<typeof uploadEntrySchema>): void;
@@ -448,9 +226,17 @@ declare class ValidationManager {
     private _getValidatorDescriptorsForEntry;
 }
 
+type CameraDeviceOption = {
+    text: string;
+    value: string;
+};
+type AudioDeviceOption = {
+    text: string;
+    value: string;
+};
 type CameraMode = 'photo' | 'video';
 type CameraStatus = 'shot' | 'retake' | 'accept' | 'play' | 'stop' | 'pause' | 'resume';
-declare class CameraSource extends UploaderBlock {
+declare class CameraSource extends LitUploaderBlock {
     couldBeCtxOwner: boolean;
     activityType: "camera";
     private _unsubPermissions;
@@ -467,8 +253,43 @@ declare class CameraSource extends UploaderBlock {
     private _cameraDevices;
     private _audioDevices;
     private _permissionResponses;
-    constructor();
+    private timerRef;
+    private lineRef;
+    private videoRef;
+    private switcherRef;
+    private _startTime;
+    private _elapsedTime;
+    protected video: MediaStream | null;
+    protected videoTransformCss: string | null;
+    protected videoHidden: boolean;
+    protected messageHidden: boolean;
+    protected requestBtnHidden: boolean;
+    protected cameraSelectOptions: CameraDeviceOption[];
+    protected cameraSelectHidden: boolean;
+    protected l10nMessage: string;
+    protected timerHidden: boolean;
+    protected cameraHidden: boolean;
+    protected cameraActionsHidden: boolean;
+    protected audioSelectOptions: AudioDeviceOption[];
+    protected audioSelectHidden: boolean;
+    protected audioSelectDisabled: boolean;
+    protected audioToggleMicrophoneHidden: boolean;
+    protected tabCameraHidden: boolean;
+    protected tabVideoHidden: boolean;
+    protected currentIcon: string;
+    protected currentTimelineIcon: string;
+    protected toggleMicrophoneIcon: string;
+    protected mutableClassButton: string;
     _chooseActionWithCamera: () => void;
+    private _handleCameraSelectChange;
+    private _handleAudioSelectChange;
+    private _handleRequestPermissions;
+    private _handleStartCamera;
+    private _handleToggleRecording;
+    private _handleToggleAudio;
+    private _handleRetake;
+    private _handleAccept;
+    private _handleClickTab;
     _updateTimer: () => void;
     _startTimer: () => void;
     _stopTimer: () => void;
@@ -512,7 +333,8 @@ declare class CameraSource extends UploaderBlock {
     _handleCameraModes: (cameraModes: CameraMode[]) => void;
     initCallback(): void;
     _destroy(): void;
-    destroyCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 /**
@@ -521,9 +343,9 @@ declare class CameraSource extends UploaderBlock {
 declare const complexConfigKeys: readonly ["metadata", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators", "mediaRecorderOptions"];
 /** Mapping of attribute names to state */
 declare const attrStateMapping: Record<string, string>;
-declare class Config extends Block {
-    requireCtxName: boolean;
-    constructor();
+declare class Config extends LitBlock {
+    init$: LitBlock["init$"] & ConfigType;
+    private computationControllers;
     private _flushValueToAttribute;
     private _flushValueToState;
     private _setValue;
@@ -531,23 +353,36 @@ declare class Config extends Block {
     _assertSameValueDifferentReference(key: string, previousValue: unknown, nextValue: unknown): void;
     initCallback(): void;
     attributeChangedCallback(name: keyof typeof attrStateMapping, oldVal: string, newVal: string): void;
-    get computationControllers(): any;
+    static get observedAttributes(): string[];
 }
 interface Config extends ConfigType {
 }
 
 type FilesViewMode = 'grid' | 'list';
-declare class UploadList extends UploaderBlock {
+declare class UploadList extends LitUploaderBlock {
     couldBeCtxOwner: boolean;
     historyTracked: boolean;
     activityType: "upload-list";
-    constructor();
+    private doneBtnVisible;
+    private doneBtnEnabled;
+    private uploadBtnVisible;
+    private addMoreBtnVisible;
+    private addMoreBtnEnabled;
+    private commonErrorMessage;
+    private hasFiles;
+    private _latestSummary;
+    protected get headerText(): string;
+    private _handleAdd;
+    private _handleUpload;
+    private _handleDone;
+    private _handleCancel;
     private _throttledHandleCollectionUpdate;
-    private _updateUploadsState;
+    protected _updateUploadsState(): void;
     private _getHeaderText;
     get couldOpenActivity(): boolean;
     initCallback(): void;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 declare const ExternalUploadSource: Readonly<{
@@ -598,7 +433,7 @@ type ApiAddFileCommonOptions = {
 };
 declare class UploaderPublicApi {
     private _ctx;
-    constructor(ctx: UploaderBlock);
+    constructor(ctx: LitUploaderBlock);
     private get _uploadCollection();
     get cfg(): ConfigType;
     get l10n(): (str: string, variables?: Record<string, string | number>) => string;
@@ -1097,7 +932,7 @@ type OutputCollectionState<TStatus extends OutputCollectionStatus = OutputCollec
 declare class SecureUploadsManager {
     private readonly _block;
     private _secureToken;
-    constructor(block: UploaderBlock);
+    constructor(block: LitUploaderBlock);
     private _debugPrint;
     getSecureToken(): Promise<SecureUploadsSignatureAndExpire | null>;
 }
@@ -1143,7 +978,7 @@ declare class TypedCollection<T extends TypedSchema> {
     destroy(): void;
 }
 
-declare class UploaderBlock extends ActivityBlock {
+declare class LitUploaderBlock extends LitActivityBlock {
     static extSrcList: Readonly<typeof ExternalUploadSource>;
     static sourceTypes: Readonly<typeof UploadSource>;
     protected couldBeCtxOwner: boolean;
@@ -1174,7 +1009,6 @@ declare class UploaderBlock extends ActivityBlock {
     destroyCtxCallback(): void;
     disconnectedCallback(): void;
     connectedCallback(): void;
-    destroyCallback(): void;
     private _initCtxOwner;
     private _observeUploadCollection;
     private _unobserveUploadCollection;
@@ -1190,6 +1024,10 @@ declare class UploaderBlock extends ActivityBlock {
     getOutputData(): OutputFileEntry[];
 }
 
+/**
+ * Mapping of loading resources per operation
+ */
+type LoadingOperations = Map<string, Map<string, boolean>>;
 /**
  * Image size
  */
@@ -1224,6 +1062,7 @@ interface ApplyResult {
     cdnUrl: string;
     transformations: Transformations;
 }
+type ChangeResult = ApplyResult;
 interface CropAspectRatio {
     type: 'aspect-ratio';
     width: number;
@@ -1235,27 +1074,41 @@ interface CropAspectRatio {
 type ActivityParams$1 = {
     internalId: string;
 };
-declare class CloudImageEditorActivity extends UploaderBlock {
+declare class CloudImageEditorActivity extends LitUploaderBlock {
     couldBeCtxOwner: boolean;
     activityType: "cloud-image-edit";
     private _entry?;
-    private _instance?;
+    private editorConfig;
     get activityParams(): ActivityParams$1;
     initCallback(): void;
     handleApply(e: CustomEvent<ApplyResult>): void;
-    handleCancel(): void;
+    handleCancel(event?: Event): void;
+    handleChange(event: CustomEvent<ChangeResult>): void;
     mountEditor(): void;
     unmountEditor(): void;
+    render(): lit_html.TemplateResult<1> | typeof nothing;
+    private _createEditorConfig;
 }
 
 type ActivityParams = {
     externalSourceType: string;
 };
-declare class ExternalSource extends UploaderBlock {
+declare class ExternalSource extends LitUploaderBlock {
     couldBeCtxOwner: boolean;
     activityType: "external";
     private _messageBridge?;
-    constructor();
+    private iframeRef;
+    private _latestSelectionSummary;
+    private selectedList;
+    private isSelectionReady;
+    private isDoneBtnEnabled;
+    private couldSelectAll;
+    private couldDeselectAll;
+    private showSelectionStatus;
+    private showDoneBtn;
+    private doneBtnTextClass;
+    private toolbarVisible;
+    private get counterText();
     get activityParams(): ActivityParams;
     initCallback(): void;
     private extractUrlFromSelectedFile;
@@ -1266,9 +1119,15 @@ declare class ExternalSource extends UploaderBlock {
     private applyEmbedCss;
     private setupL10n;
     private remoteUrl;
+    private _handleDone;
+    private _handleCancel;
+    private _handleSelectAll;
+    private _handleDeselectAll;
+    private _setSelectionSummary;
     private mountIframe;
     private unmountIframe;
     private resetSelectionStatus;
+    render(): lit_html.TemplateResult<1>;
 }
 
 declare const ACTIVE_PROP = "___ACTIVITY_IS_ACTIVE___";
@@ -1276,7 +1135,7 @@ type ActivityParamsMap = {
     'cloud-image-edit': ActivityParams$1;
     external: ActivityParams;
 };
-declare class ActivityBlock extends Block {
+declare class LitActivityBlock extends LitBlock {
     protected historyTracked: boolean;
     private [ACTIVE_PROP]?;
     init$: {
@@ -1312,66 +1171,331 @@ declare class ActivityBlock extends Block {
         onDeactivate?: () => void;
     }): void;
     unregisterActivity(): void;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
     get activityKey(): string;
     get activityParams(): ActivityParamsMap[keyof ActivityParamsMap];
-    get initActivity(): string;
-    get doneActivity(): string;
+    get initActivity(): string | null;
+    get doneActivity(): string | null;
     historyBack(): void;
 }
-type RegisteredActivityType = (typeof ActivityBlock)['activities'][keyof (typeof ActivityBlock)['activities']];
+type RegisteredActivityType = (typeof LitActivityBlock)['activities'][keyof (typeof LitActivityBlock)['activities']];
 type ActivityType = RegisteredActivityType | (string & {}) | null;
 
-declare function defineComponents(blockExports: Record<string, any>): void;
-
-declare class SolutionBlock extends Block {
-    static styleAttrs: string[];
-    protected requireCtxName: boolean;
-    init$: {
-        '*solution': string | null;
-        '*commonProgress': number;
-        '*uploadList': never[];
-        '*uploadQueue': _uploadcare_upload_client.Queue;
-        '*collectionErrors': OutputErrorCollection[];
-        '*collectionState': OutputCollectionState | null;
-        '*groupInfo': _uploadcare_upload_client.UploadcareGroup | null;
-        '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': SecureUploadsManager | null;
-        '*currentActivity': null;
-        '*currentActivityParams': {};
-        '*history': never[];
-        '*historyBack': null;
-        '*closeModal': () => void;
-    };
-    private static _template;
-    initCallback(): void;
-    static set template(value: string);
-    static get template(): string;
-}
-
-declare class ActivityHeader extends ActivityBlock {
-}
-
-declare class CloudImageEditorBlock extends Block {
-    ctxOwner: boolean;
+declare const InternalEventType: Readonly<{
+    readonly INIT_SOLUTION: "init-solution";
+    readonly CHANGE_CONFIG: "change-config";
+    readonly ACTION_EVENT: "action-event";
+    readonly ERROR_EVENT: "error-event";
+}>;
+declare const EventType: Readonly<{
+    readonly FILE_ADDED: "file-added";
+    readonly FILE_REMOVED: "file-removed";
+    readonly FILE_UPLOAD_START: "file-upload-start";
+    readonly FILE_UPLOAD_PROGRESS: "file-upload-progress";
+    readonly FILE_UPLOAD_SUCCESS: "file-upload-success";
+    readonly FILE_UPLOAD_FAILED: "file-upload-failed";
+    readonly FILE_URL_CHANGED: "file-url-changed";
+    readonly MODAL_OPEN: "modal-open";
+    readonly MODAL_CLOSE: "modal-close";
+    readonly DONE_CLICK: "done-click";
+    readonly UPLOAD_CLICK: "upload-click";
+    readonly ACTIVITY_CHANGE: "activity-change";
+    readonly COMMON_UPLOAD_START: "common-upload-start";
+    readonly COMMON_UPLOAD_PROGRESS: "common-upload-progress";
+    readonly COMMON_UPLOAD_SUCCESS: "common-upload-success";
+    readonly COMMON_UPLOAD_FAILED: "common-upload-failed";
+    readonly CHANGE: "change";
+    readonly GROUP_CREATED: "group-created";
+}>;
+type EventKey = (typeof EventType)[keyof typeof EventType];
+type InternalEventKey = (typeof InternalEventType)[keyof typeof InternalEventType];
+type EventPayload = {
+    [EventType.FILE_ADDED]: OutputFileEntry<'idle'>;
+    [EventType.FILE_REMOVED]: OutputFileEntry<'removed'>;
+    [EventType.FILE_UPLOAD_START]: OutputFileEntry<'uploading'>;
+    [EventType.FILE_UPLOAD_PROGRESS]: OutputFileEntry<'uploading'>;
+    [EventType.FILE_UPLOAD_SUCCESS]: OutputFileEntry<'success'>;
+    [EventType.FILE_UPLOAD_FAILED]: OutputFileEntry<'failed'>;
+    [EventType.FILE_URL_CHANGED]: OutputFileEntry<'success'>;
+    [EventType.MODAL_OPEN]: {
+        modalId: ModalId;
+    };
+    [EventType.MODAL_CLOSE]: {
+        modalId: ModalId;
+        hasActiveModals: boolean;
+    };
+    [EventType.ACTIVITY_CHANGE]: {
+        activity: ActivityType;
+    };
+    [EventType.UPLOAD_CLICK]: void;
+    [EventType.DONE_CLICK]: OutputCollectionState;
+    [EventType.COMMON_UPLOAD_START]: OutputCollectionState<'uploading'>;
+    [EventType.COMMON_UPLOAD_PROGRESS]: OutputCollectionState<'uploading'>;
+    [EventType.COMMON_UPLOAD_SUCCESS]: OutputCollectionState<'success'>;
+    [EventType.COMMON_UPLOAD_FAILED]: OutputCollectionState<'failed'>;
+    [EventType.CHANGE]: OutputCollectionState;
+    [EventType.GROUP_CREATED]: OutputCollectionState<'success', 'has-group'>;
+};
+declare class EventEmitter {
+    private _timeoutStore;
+    private _targets;
+    private _debugPrint;
+    constructor(debugPrint: (...args: unknown[]) => void);
+    bindTarget(target: LitBlock): void;
+    unbindTarget(target: LitBlock): void;
+    private _dispatch;
+    emit<T extends EventKey, TDebounce extends boolean | number | undefined = undefined>(type: T, payload?: TDebounce extends false | undefined ? EventPayload[T] : () => EventPayload[T], options?: {
+        debounce?: TDebounce;
+    }): void;
+}
+
+type CommonEventType = InternalEventKey | EventKey;
+type TelemetryState = TelemetryRequest & {
+    eventTimestamp: number;
+    location: string;
+};
+type TelemetryEventBody = Partial<Pick<TelemetryState, 'payload' | 'config'>> & {
+    modalId?: string;
+    eventType?: CommonEventType;
+};
+declare class TelemetryManager {
+    private readonly _sessionId;
+    private readonly _telemetryInstance;
+    private readonly _block;
+    private _config;
+    private _initialized;
+    private _lastPayload;
+    private readonly _queue;
+    constructor(block: LitBlock);
+    private _init;
+    private _setConfig;
+    private _formattingPayload;
+    private _excludedEvents;
+    sendEvent(body: TelemetryEventBody): void;
+    sendEventError(error: unknown, context?: string): void;
+    /**
+     * Method to send telemetry event for Cloud Image Editor.
+     */
+    sendEventCloudImageEditor(e: MouseEvent, tabId: string, options?: Record<string, unknown>): void;
+    /**
+     * Deeply compares two objects and returns true if they are equal, false otherwise.
+     */
+    private _checkObj;
+    private get _timestamp();
+    private get _solution();
+    private get _activity();
+    private get _location();
+}
+
+declare const LitBlockBase: typeof LitElement & Constructor$1<{
+    yield(slot: string, defaultContent?: unknown): unknown;
+}> & Constructor$1<{
+    getCssData(propName: string, silentCheck?: boolean): string | number | boolean | null | undefined;
+}> & Constructor$1<{
+    $: {
+        [x: string]: any;
+    };
+    sub<T = unknown>(key: string, callback: (value: T) => void, init?: boolean): () => void;
+    pub(key: string, value: unknown): void;
+    set$(obj: {
+        [x: string]: any;
+    }): void;
+    has(key: string): boolean;
+    add(key: string, val: unknown, rewrite?: boolean): void;
+    add$(obj: {
+        [x: string]: any;
+    }, rewrite?: boolean): void;
+    initCallback(): void;
+    sharedCtx: PubSub<Record<string, unknown>>;
+    ctxName: string;
+}> & Constructor$1<LitElement> & {
+    reg(tagName: string): void;
+};
+declare class LitBlock extends LitBlockBase {
+    private __cfgProxy;
     static styleAttrs: string[];
-    private _debouncedShowLoader;
+    activityType: ActivityType;
+    init$: {};
     constructor();
-    private _showLoader;
+    l10n(str: string, variables?: Record<string, string | number>): string;
+    private pluralize;
+    emit(type: Parameters<EventEmitter['emit']>[0], payload?: Parameters<EventEmitter['emit']>[1], options?: Parameters<EventEmitter['emit']>[2]): void;
+    hasBlockInCtx(callback: (block: LitBlock) => boolean): boolean;
+    setOrAddState(prop: string, newVal: unknown): void;
+    connectedCallback(): void;
+    initCallback(): void;
+    get testId(): string;
+    get modalManager(): ModalManager | undefined;
+    get telemetryManager(): TelemetryManager | {
+        sendEvent: () => void;
+        sendEventCloudImageEditor: () => void;
+        sendEventError: () => void;
+    };
+    protected get localeManager(): LocaleManager | null;
+    protected get a11y(): A11y | null;
+    protected get blocksRegistry(): Set<LitBlock>;
+    disconnectedCallback(): void;
+    /**
+     * Called when the last block is removed from the context. Note that inheritors must run their callback before that.
+     */
+    protected destroyCtxCallback(): void;
+    protected proxyUrl(url: string): Promise<string>;
+    get cfg(): ConfigType;
+    subConfigValue<T extends keyof ConfigType>(key: T, callback: (value: ConfigType[T]) => void): () => void;
+    debugPrint(...args: unknown[]): void;
+}
+
+declare class Modal extends LitBlock {
+    static styleAttrs: string[];
+    private _mouseDownTarget;
+    private dialogEl;
+    handleModalOpen: ModalCb;
+    handleModalClose: ModalCb;
+    handleModalCloseAll: ModalCb;
+    _handleBackdropClick: () => void;
+    _closeDialog: () => void;
+    _handleDialogClose: () => void;
+    _handleDialogMouseDown: (e: MouseEvent) => void;
+    _handleDialogMouseUp: (e: MouseEvent) => void;
+    show(): void;
+    hide(): void;
+    private _handleModalOpen;
+    private _handleModalClose;
+    private _handleModalCloseAll;
+    initCallback(): void;
+    disconnectedCallback(): void;
+    private handleDialogRef;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare const ModalEvents: Readonly<{
+    readonly ADD: "modal:add";
+    readonly DELETE: "modal:delete";
+    readonly OPEN: "modal:open";
+    readonly CLOSE: "modal:close";
+    readonly CLOSE_ALL: "modal:closeAll";
+    readonly DESTROY: "modal:destroy";
+}>;
+type ModalId = ActivityType;
+type ModalCb = (data: {
+    id: ModalId;
+    modal: Modal;
+}) => void;
+type ModalEventType = (typeof ModalEvents)[keyof typeof ModalEvents];
+declare class ModalManager {
+    private _modals;
+    private _activeModals;
+    private _subscribers;
+    private _block;
+    constructor(block: LitBlock);
+    private _debugPrint;
+    /**
+     * Register a modal with the manager
+     * @param id Unique identifier for the modal
+     * @param modal Modal component instance
+     */
+    registerModal(id: ModalId, modal: Modal): void;
+    /** Remove a modal by ID. */
+    deleteModal(id: ModalId): boolean;
+    /** Open a modal by its ID. */
+    open(id: ModalId): boolean;
+    /** Close a specific modal by ID. */
+    close(id: ModalId): boolean;
+    /** Toggle a modal - open if closed, close if open. */
+    toggle(id: ModalId): boolean;
+    /** True if there are any active modals. */
+    get hasActiveModals(): boolean;
+    /** Close the most recently opened modal and return to the previous one. */
+    back(): boolean;
+    /** Close all open modals. */
+    closeAll(): number;
+    /**
+     * Subscribe to modal events
+     * @returns Unsubscribe function
+     */
+    subscribe(event: ModalEventType, callback: ModalCb): () => void;
+    /** Unsubscribe from modal events */
+    unsubscribe(event: ModalEventType, callback: ModalCb | undefined): void;
+    /** Notify all subscribers of a modal event. */
+    private _notify;
+    /** Destroy the modal manager, clean up resources */
+    destroy(): void;
+}
+
+declare class ActivityHeader extends LitActivityBlock {
+}
+
+declare function initState(fnCtx: CloudImageEditorBlock): {
+    '*originalUrl': null;
+    '*loadingOperations': LoadingOperations;
+    '*faderEl': null;
+    '*cropperEl': null;
+    '*imgEl': null;
+    '*imgContainerEl': null;
+    '*networkProblems': boolean;
+    '*imageSize': null;
+    '*editorTransformations': {};
+    '*cropPresetList': never[];
+    '*currentAspectRatio': null;
+    '*tabList': readonly ["crop", "tuning", "filters"];
+    '*tabId': "crop";
+    '*on.retryNetwork': () => void;
+    '*on.apply': (transformations: Transformations) => void;
+    '*on.cancel': () => void;
+};
+
+declare class CloudImageEditorBlock extends LitBlock {
+    ctxOwner: boolean;
+    static styleAttrs: string[];
+    entry: unknown;
+    extension: string | null;
+    editorMode: boolean;
+    modalCaption: string;
+    isImage: boolean;
+    msg: string;
+    src: string;
+    fileType: string;
+    showLoader: boolean;
+    uuid: string | null;
+    cdnUrl: string | null;
+    cropPreset: string;
+    tabs: string | null;
+    presenceNetworkProblems: boolean;
+    presenceModalCaption: boolean;
+    presenceEditorToolbar: boolean;
+    presenceViewerToolbar: boolean;
+    private isInitialized;
+    private pendingInitUpdate;
+    private readonly _debouncedShowLoader;
+    private readonly imgRef;
+    private readonly cropperRef;
+    private readonly faderRef;
+    private readonly imgContainerRef;
+    private readonly handleImageLoad;
+    private readonly handleImageError;
+    private readonly handleRetryNetwork;
+    private scheduleInitialization;
+    init$: ReturnType<typeof initState>;
+    initCallback(): void;
+    private assignSharedElements;
+    private attachImageListeners;
+    private detachImageListeners;
+    private get imageClassName();
     /**
      * To proper work, we need non-zero size the element. So, we'll wait for it.
      */
     private _waitForSize;
-    initCallback(): void;
+    firstUpdated(_changedProperties: Map<PropertyKey, unknown>): void;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    private syncTabListFromProp;
+    private syncCropPresetState;
     updateImage(): Promise<void>;
     initEditor(): Promise<void>;
 }
 
-declare class CropFrame extends Block {
-    private readonly _handlePointerUp;
-    private readonly _handlePointerMove;
-    private readonly _handleSvgPointerMove;
-    private readonly _backdropMaskId;
+declare class CropFrame extends LitBlock {
     private _backdropMask?;
     private _backdropMaskInner?;
     private _frameThumbs?;
@@ -1382,7 +1506,14 @@ declare class CropFrame extends Block {
     private _dragStartCrop?;
     private _frameImage?;
     private _guidesHidden;
-    constructor();
+    private _dragging;
+    private readonly svgRef;
+    private _svgReady;
+    private _pendingMaskHref;
+    private get _svgElement();
+    private get dragging();
+    private set dragging(value);
+    private _applyGuidesDragState;
     private _shouldThumbBeDisabled;
     private _createBackdrop;
     /**
@@ -1397,41 +1528,57 @@ declare class CropFrame extends Block {
     private _createGuides;
     private _createFrame;
     private _handlePointerDown;
-    private _handlePointerUp_;
-    private _handlePointerMove_;
+    private readonly _handlePointerUp;
+    private readonly _handlePointerMove;
     private _calcCropBox;
-    private _handleSvgPointerMove_;
+    private readonly _handleSvgPointerMove;
     private _updateCursor;
     private _createMask;
     private _updateMask;
     private _render;
     toggleThumbs(visible: boolean): void;
     initCallback(): void;
-    destroyCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    private _initializeSvg;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
 }
 
-declare class EditorButtonControl extends Block {
-    private _titleEl?;
-    constructor();
-    initCallback(): void;
+declare class EditorButtonControl extends LitBlock {
+    active: boolean;
+    title: string;
+    icon: string;
+    titleProp: string;
+    protected get buttonClasses(): Record<string, boolean>;
+    private updateHostStateClasses;
+    protected onClick(_event: MouseEvent): void;
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValues): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 declare class EditorFreeformButtonControl extends EditorButtonControl {
     initCallback(): void;
-    handleClick(): void;
+    onClick(): void;
+    private computeTitle;
+    render(): lit_html.TemplateResult<1>;
 }
-interface EditorAspectRatioButtonControl {
+declare class EditorAspectRatioButtonControl extends EditorButtonControl {
+    private _aspectRatio?;
     get aspectRatio(): CropAspectRatio | undefined;
     set aspectRatio(value: CropAspectRatio | undefined);
-}
-declare class EditorAspectRatioButtonControl extends EditorButtonControl {
-    constructor();
     initCallback(): void;
-    handleClick(): void;
-    private _renderRectBasedOnAspectRatio;
-    private _aspectRatio?;
+    onClick(): void;
+    private updateAspectRatioPresentation;
+    private renderIcon;
+    render(): lit_html.TemplateResult<1>;
 }
 
+declare const TabId: Readonly<{
+    readonly CROP: "crop";
+    readonly TUNING: "tuning";
+    readonly FILTERS: "filters";
+}>;
 declare const ALL_COLOR_OPERATIONS: readonly ["brightness", "exposure", "gamma", "contrast", "saturation", "vibrance", "warmth", "enhance"];
 type ColorOperation = (typeof ALL_COLOR_OPERATIONS)[number];
 declare const ALL_FILTERS: readonly ["adaris", "briaril", "calarel", "carris", "cynarel", "cyren", "elmet", "elonni", "enzana", "erydark", "fenralan", "ferand", "galen", "gavin", "gethriel", "iorill", "iothari", "iselva", "jadis", "lavra", "misiara", "namala", "nerion", "nethari", "pamaya", "sarnar", "sedis", "sewen", "sorahel", "sorlen", "tarian", "thellassan", "varriel", "varven", "vevera", "virkas", "yedis", "yllara", "zatvel", "zevcen"];
@@ -1487,13 +1634,10 @@ declare const COLOR_OPERATIONS_CONFIG: Readonly<{
     };
 }>;
 
-interface EditorCropButtonControl {
-    get operation(): CropOperation | undefined;
-    set operation(value: CropOperation | undefined);
-}
 declare class EditorCropButtonControl extends EditorButtonControl {
-    private _operation;
-    initCallback(): void;
+    operation: CropOperation | undefined;
+    protected willUpdate(_changedProperties: PropertyValues): void;
+    onClick(e: MouseEvent): void;
 }
 
 declare class EditorFilterControl extends EditorButtonControl {
@@ -1502,11 +1646,27 @@ declare class EditorFilterControl extends EditorButtonControl {
     private _originalUrl;
     private _observer?;
     private _cancelPreload?;
-    constructor();
+    private _lastPreviewRequestId;
+    private previewVisibilityCheckRaf?;
+    private previewVisibilityCheckTimeout?;
+    private previewImage;
+    private previewLoaded;
+    isOriginal: boolean;
+    iconSize: number;
+    get filter(): string;
+    set filter(value: string);
+    onClick(e: MouseEvent): void;
     private _previewSrc;
     private _observerCallback;
     initCallback(): void;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    private updateFilterLabels;
+    private loadPreview;
+    private schedulePreviewVisibilityCheck;
+    private clearPreviewVisibilityChecks;
+    private get shouldShowPreview();
+    render(): lit_html.TemplateResult<1>;
 }
 
 type Operations = {
@@ -1514,7 +1674,7 @@ type Operations = {
     mirror: boolean;
     rotate: number;
 };
-declare class EditorImageCropper extends Block {
+declare class EditorImageCropper extends LitBlock {
     ctxOwner: boolean;
     private _commitDebounced;
     private _handleResizeThrottled;
@@ -1523,9 +1683,12 @@ declare class EditorImageCropper extends Block {
     private _ctx;
     private _isActive;
     private _observer?;
+    private _image;
     private _cancelPreload?;
+    private readonly canvasRef;
+    private readonly frameRef;
     constructor();
-    private _handleResize;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     private _syncTransformations;
     private _initCanvas;
     private _alignImage;
@@ -1550,11 +1713,12 @@ declare class EditorImageCropper extends Block {
     private _waitForImage;
     private _handleImageLoading;
     initCallback(): void;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
 }
 
 type OperationKey = keyof typeof COLOR_OPERATIONS_CONFIG;
-declare class EditorImageFader extends Block {
+declare class EditorImageFader extends LitBlock {
     private _isActive;
     private _hidden;
     private _operation;
@@ -1562,7 +1726,6 @@ declare class EditorImageFader extends Block {
     private _value?;
     private _transformations;
     private _keypoints;
-    private _container?;
     private _previewImage?;
     private _cancelLastImages?;
     private _cancelBatchPreload?;
@@ -1570,6 +1733,8 @@ declare class EditorImageFader extends Block {
     private _fromViewer?;
     private _raf;
     private _addKeypointDebounced;
+    private readonly _previewHostRef;
+    private readonly _layersHostRef;
     constructor();
     private _handleImageLoading;
     private _flush;
@@ -1579,7 +1744,6 @@ declare class EditorImageFader extends Block {
      * Check if current operation and filter equals passed ones
      */
     private _isSame;
-    private _addKeypoint;
     set(value: string | number): void;
     private _update;
     private _createPreviewImage;
@@ -1602,121 +1766,228 @@ declare class EditorImageFader extends Block {
     deactivate({ hide }?: {
         hide?: boolean;
     }): void;
+    private _ensurePreviewAttached;
+    private _clearLayersHost;
+    render(): TemplateResult;
 }
 
 declare class EditorOperationControl extends EditorButtonControl {
     private _operation;
+    get operation(): ColorOperation | '';
+    set operation(value: ColorOperation | '');
+    private updateOperationMetadata;
     initCallback(): void;
+    onClick(e: MouseEvent): void;
 }
 
-declare class EditorScroller extends Block {
-    initCallback(): void;
+declare class EditorScroller extends LitBlock {
+    private readonly handleWheel;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
 }
 
 type SliderOperation = ColorOperation | 'filter';
 type SliderFilter = FilterId | typeof FAKE_ORIGINAL_FILTER;
 declare const FAKE_ORIGINAL_FILTER = "original";
-declare class EditorSlider extends Block {
-    private _operation;
-    private _filter?;
-    private _originalUrl;
-    constructor();
+declare class EditorSlider extends LitBlock {
+    private state;
+    handleInput: (e: CustomEvent<{
+        value: number;
+    }>) => void;
     setOperation(operation: SliderOperation, filter?: SliderFilter): void;
     private _initializeValues;
     apply(): void;
     cancel(): void;
     initCallback(): void;
-}
-
-declare class EditorToolbar extends Block {
-    private _debouncedShowLoader;
+    protected updated(changedProperties: Map<PropertyKey, unknown>): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type TabIdValue = (typeof TabId)[keyof typeof TabId];
+declare class EditorToolbar extends LitBlock {
+    private showLoader;
+    private showMainToolbar;
+    private showSubToolbar;
+    private showTabToggles;
+    private tabList;
+    private activeTab;
+    private useSliderPanel;
+    private tooltipVisible;
+    private operationTooltip;
+    private tabIndicatorOffset;
+    private tabIndicatorWidth;
+    private readonly sliderRef;
+    private readonly tabIndicatorRef;
+    protected readonly tabToggleRefs: Record<TabIdValue, Ref<HTMLElement>>;
+    private readonly handleWindowResize;
+    private cropPresets;
     private _cancelPreload?;
-    private _updateInfoTooltip;
-    constructor();
+    private readonly _debouncedShowLoader;
+    private readonly _updateInfoTooltip;
+    private readonly subTopToolbarStyles;
+    private readonly subBottomToolbarStyles;
+    private readonly tabContentStyles;
+    private readonly tabToggleStyles;
+    private readonly tabTogglesStyles;
+    init$: Record<string, unknown>;
     private _onSliderClose;
-    private _createOperationControl;
-    private _createFilterControl;
-    private _createToggleControl;
-    private _createAspectRatioControl;
-    private _createFreeformControl;
-    private _clearListAspectRatio;
-    private _renderControlsList;
     private _activateTab;
-    private _unmountTabControls;
+    private applyTabState;
     private _syncTabIndicator;
+    private get hasAspectRatioPicker();
+    private renderControlsByTab;
+    private renderCropTabControls;
+    private renderFilterTabControls;
+    private renderTuningTabControls;
+    private renderControlGroup;
+    private renderFreeformControl;
+    private renderAspectRatioControl;
+    private renderCropOperationControl;
+    private renderFilterControl;
+    private renderOperationControl;
+    private renderAspectRatioList;
     private _preloadEditedImage;
-    private _showLoader;
-    private _updateInfoTooltipHandler;
     initCallback(): void;
-    destroyCallback(): void;
-}
-
-declare class BtnUi extends Block {
-    private _iconReversed;
-    private _iconSingle;
-    private _iconHidden;
-    constructor();
-    private _iconCss;
-    initCallback(): void;
-    set reverse(_value: boolean);
-}
-
-declare class LineLoaderUi extends Block {
-    private _active;
-    private readonly _handleTransitionEndRight;
-    initCallback(): void;
-    private _start;
-    private _stop;
-}
-
-declare class PresenceToggle extends Block {
+    connectedCallback(): void;
+    firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    private assignSharedElements;
+    private handleCancel;
+    private handleApply;
+    private handleApplySlider;
+    private handleCancelSlider;
+    private handleTabClick;
+    private renderTabToggle;
+    private renderTabContent;
+    render(): TemplateResult<1>;
+}
+
+type Theme = string | null;
+declare class BtnUi extends LitBlock {
+    text: string;
+    icon: string;
+    active: boolean;
+    reverse: boolean;
+    theme: Theme;
+    ariaRole: string;
+    ariaControls: string;
+    titleProp: string;
+    protected firstUpdated(_changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    private applyReverse;
+    private applyThemeClass;
+    private get iconClassMap();
+    private get computedIconHidden();
+    private get computedIconSingle();
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class LineLoaderUi extends LitBlock {
+    active: boolean;
+    private readonly lineRef;
+    private _isAnimating;
+    private readonly handleTransitionEndRight;
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    private start;
+    private stop;
+    private resetLine;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type PresenceToggleStyle = {
+    transition?: string;
+    visible?: string;
+    hidden?: string;
+};
+declare class PresenceToggle extends LitBlock {
     private _visible;
+    private _styles;
     private _visibleStyle;
     private _hiddenStyle;
     private _externalTransitions;
-    constructor();
+    private initialRenderComplete;
+    set visible(value: boolean);
+    get visible(): boolean;
+    set styles(styles: PresenceToggleStyle);
+    get styles(): PresenceToggleStyle;
     private _handleVisible;
+    private dispatchInitialRenderEvent;
     initCallback(): void;
 }
 
-declare class SliderUi extends Block {
+declare class SliderUi extends LitBlock {
     private _observer?;
     private _thumbSize;
-    private _zero;
     private _zeroDotEl?;
     private _stepsCount?;
+    private readonly inputRef;
+    private readonly thumbRef;
+    private readonly stepsRef;
+    disabled: boolean;
+    min: number;
+    max: number;
+    defaultValue: number;
+    zero: number;
+    private _currentValue;
     constructor();
-    initCallback(): void;
-    private _inputEl;
-    private _thumbEl;
-    private _stepsEl;
+    private emitSliderEvent;
+    private readonly handleSliderInput;
+    private readonly handleSliderChange;
+    private readonly handleInputFocus;
+    private readonly handleInputBlur;
+    protected firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     private _updateValue;
     private _updateZeroDot;
     private _updateSteps;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
+    private _setCurrentValue;
+    private _syncInputValue;
+    private _extractEventValue;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class Copyright extends Block {
+declare class Copyright extends LitBlock {
     initCallback(): void;
-    static template: string;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class DropArea extends UploaderBlock {
+declare class DropArea extends LitUploaderBlock {
     static styleAttrs: string[];
+    disabled: boolean;
+    clickable: boolean;
+    withIcon: boolean;
+    fullscreen: boolean;
+    initflow: boolean;
+    text?: string;
+    private isEnabled;
+    private isVisible;
+    private get localizedText();
     private _destroyDropzone;
     private _destroyContentWrapperDropzone;
-    private _onAreaClicked;
-    constructor();
+    private contentWrapperRef;
+    private readonly handleAreaInteraction;
+    private sourceListAllowsLocal;
+    private clickableListenersAttached;
     isActive(): boolean;
     initCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
     /** Ignore drop events if there are other visible drop areas on the page. */
     private _shouldIgnore;
     private _couldHandleFiles;
-    destroyCallback(): void;
+    private updateIsEnabled;
+    private updateVisibility;
+    private updateDragStateAttribute;
+    private updateClickableListeners;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 type EntrySubscription = ReturnType<UploadEntryTypedData['subscribe']>;
-declare class FileItemConfig extends UploaderBlock {
+declare class FileItemConfig extends LitUploaderBlock {
     protected _entrySubs: Set<EntrySubscription>;
     protected _entry: UploadEntryTypedData | null;
     protected _withEntry<A extends unknown[], R>(fn: (entry: UploadEntryTypedData, ...args: A) => R): (...args: A) => R | undefined;
@@ -1728,11 +1999,27 @@ declare class FileItemConfig extends UploaderBlock {
 declare class FileItem extends FileItemConfig {
     couldBeCtxOwner: boolean;
     pauseRender: boolean;
+    uid: string;
+    protected itemName: string;
+    protected errorText: string;
+    protected hint: string;
+    protected progressValue: number;
+    protected progressVisible: boolean;
+    protected badgeIcon: string;
+    protected isFinished: boolean;
+    protected isFailed: boolean;
+    protected isUploading: boolean;
+    protected isFocused: boolean;
+    protected isEditable: boolean;
+    protected showFileNames: boolean;
+    protected ariaLabelStatusFile: string;
     private _renderedOnce;
     private _observer?;
     protected _isIntersecting: boolean;
     protected _thumbRect?: DOMRectReadOnly;
-    constructor();
+    private _handleEdit;
+    private _handleRemove;
+    private _handleUploadClick;
     private _calculateState;
     private _debouncedCalculateState;
     private _updateHintAndProgress;
@@ -1741,170 +2028,153 @@ declare class FileItem extends FileItemConfig {
     private _observerCallback;
     private _handleEntryId;
     private _updateShowFileNames;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     initCallback(): void;
-    destroyCallback(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private _settingsOfShrink;
-    private _processShrink;
     upload: () => Promise<void> | undefined;
-    static template: string;
     static activeInstances: Set<FileItem>;
+    protected shouldUpdate(_changedProperties: PropertyValues): boolean;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class FormInput extends UploaderBlock {
-    requireCtxName: boolean;
+declare class FormInput extends LitUploaderBlock {
     _validationInputElement: HTMLInputElement | null;
     _dynamicInputsContainer: HTMLDivElement | null;
     _createValidationInput(): HTMLInputElement;
     initCallback(): void;
 }
 
-declare class Icon extends Block {
-    constructor();
+declare class Icon extends LitBlock {
+    name: string;
+    private resolvedHref;
+    private iconHrefResolver;
     initCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private updateResolvedHref;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class ImgConfig extends BaseComponent<any> {
-    static get observedAttributes(): string[];
+declare const ImgTypeEnum: Readonly<{
+    PREVIEW: "PREVIEW";
+    MAIN: "MAIN";
+}>;
+
+type CssPropValue = string | number | undefined | null;
+declare const ImgConfig_base: typeof LitElement & Constructor$1<LitElement> & {
+    reg(tagName: string): void;
+} & Constructor$1<{
+    getCssData(propName: string, silentCheck?: boolean): string | number | boolean | null | undefined;
+}>;
+declare class ImgConfig extends ImgConfig_base {
+    private _state;
+    private _subscribers;
+    private _isnObserver;
+    private _observed;
+    createRenderRoot(): HTMLElement | ShadowRoot;
     constructor();
-    cssInit$: any;
-    /**
-     * @param {String} key
-     * @returns {any}
-     */
-    $$(key: string): any;
-    /** @param {Object<String, String | Number>} kvObj */
-    set$$(kvObj: any): void;
-    /**
-     * @param {String} key
-     * @param {(val: any) => void} kbFn
-     */
-    sub$$(key: string, kbFn: (val: any) => void): void;
+    $$(key: string): unknown;
+    set$$(kvObj: Record<string, CssPropValue>): void;
+    sub$$<T = unknown>(key: string, kbFn: (val: T) => void): void;
+    private _notify;
     analyticsParams(): string;
-    initAttributes(el: any): void;
-    /**
-     * @param {HTMLElement} el
-     * @param {() => void} cbkFn
-     */
+    initAttributes(el: HTMLElement): void;
     initIntersection(el: HTMLElement, cbkFn: () => void): void;
-    /** @private */
-    private _isnObserver;
-    /** @private */
-    private _observed;
-    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    connectedCallback(): void;
+    private _initCssProperties;
+    disconnectedCallback(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldVal: string | null, newVal: string | null): void;
 }
 
+type ImgType = (typeof ImgTypeEnum)[keyof typeof ImgTypeEnum];
+type LoaderParams = {
+    src?: string;
+    srcset?: string;
+    elNode: HTMLImageElement;
+};
+type CurrentImg = {
+    type: ImgType;
+    img: HTMLImageElement;
+};
 declare class ImgBase extends ImgConfig {
-    _img: HTMLImageElement;
-    _imgPreview: HTMLImageElement;
-    /**
-     * @private
-     * @param {String} src
-     */
+    protected _img: HTMLImageElement;
+    protected _imgPreview: HTMLImageElement;
     private _fmtAbs;
-    /**
-     * Validate size
-     *
-     * @param {String} [size]
-     * @returns {String | Number}
-     */
-    _validateSize(size?: string): string | number;
-    /**
-     * Image operations
-     *
-     * @param {String} [size]
-     * @param {String} [blur]
-     */
-    _getCdnModifiers(size?: string, blur?: string): string;
-    /**
-     * @private
-     * @param {String} [size]
-     * @param {String} [blur]
-     * @returns {any}
-     */
+    private _validateSize;
+    private _getCdnModifiers;
+    private _getTypedCssValue;
     private _getUrlBase;
-    /**
-     * @private
-     * @param {String} url
-     * @returns {String}
-     */
     private _proxyUrl;
-    /**
-     * @param {HTMLElement} el
-     * @param {Number} [k]
-     * @param {Boolean} [wOnly]
-     */
-    _getElSize(el: HTMLElement, k?: number, wOnly?: boolean): string | null;
-    /** @param {HTMLImageElement} img */
-    _setupEventProxy(img: HTMLImageElement): void;
-    /** @type {HTMLImageElement} */
+    protected _getElSize(el: HTMLElement, k?: number, wOnly?: boolean): string | null;
+    private _setupEventProxy;
     get img(): HTMLImageElement;
-    get currentImg(): {
-        type: "PREVIEW";
-        img: HTMLImageElement;
-    } | {
-        type: "MAIN";
-        img: HTMLImageElement;
-    };
-    get hasPreviewImage(): any;
-    get bgSelector(): any;
+    get currentImg(): CurrentImg;
+    get hasPreviewImage(): string | number | boolean | undefined;
+    get bgSelector(): string | undefined;
     get breakpoints(): number[] | null;
     get hasFormatJPG(): boolean;
-    /** @param {HTMLElement} el */
     renderBg(el: HTMLElement): void;
     getSrcset(): string;
-    getSrc(): any;
-    get srcUrlPreview(): any;
+    getSrc(): string | undefined;
+    get srcUrlPreview(): string | undefined;
     renderBackground(): void;
-    _appendURL({ elNode, src, srcset }: {
-        elNode: any;
-        src: any;
-        srcset: any;
-    }): void;
-    _setupConfigForImage({ elNode }: {
-        elNode: any;
-    }): void;
-    loaderImage({ src, srcset, elNode }: {
-        src: any;
-        srcset: any;
-        elNode: any;
-    }): Promise<any>;
+    private _appendURL;
+    private _setupConfigForImage;
+    loaderImage({ src, srcset, elNode }: LoaderParams): Promise<HTMLImageElement>;
     renderImage(): Promise<void>;
     init(): void;
 }
 
 declare class Img extends ImgBase {
+    connectedCallback(): void;
 }
 
-declare class ProgressBar extends Block {
-    private _value;
-    private _visible;
-    constructor();
-    initCallback(): void;
+declare class ProgressBar extends LitBlock {
+    value: number;
+    visible: boolean;
+    private _progressValue;
+    private readonly fakeProgressLineRef;
+    private readonly handleFakeProgressAnimation;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private normalizeProgressValue;
+    private updateProgressValueStyle;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class ProgressBarCommon extends UploaderBlock {
+declare class ProgressBarCommon extends LitUploaderBlock {
     private _unobserveCollectionCb?;
+    protected visible: boolean;
+    protected value: number;
     constructor();
     initCallback(): void;
-    destroyCallback(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class Select extends Block {
-    ref: {
-        select: HTMLSelectElement;
-    } & Record<string, HTMLElement>;
+type SelectOption = {
+    text: string;
     value: string;
-    constructor();
-    initCallback(): void;
+};
+declare class Select extends LitBlock {
+    value: string;
+    disabled: boolean;
+    options: SelectOption[];
+    render(): lit_html.TemplateResult<1>;
+    private _handleChange;
 }
 
-declare class SimpleBtn extends UploaderBlock {
+declare class SimpleBtn extends LitUploaderBlock {
     static styleAttrs: string[];
     couldBeCtxOwner: boolean;
-    constructor();
+    dropzone: boolean;
+    private buttonTextKey;
+    private readonly handleClick;
     initCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 type SourceTypeConfig = {
@@ -1915,54 +2185,76 @@ type SourceTypeConfig = {
     activate?: () => boolean;
     activityParams?: Record<string, unknown>;
 };
-declare class SourceBtn extends UploaderBlock {
+declare class SourceBtn extends LitUploaderBlock {
     couldBeCtxOwner: boolean;
-    private type;
     private _registeredTypes;
-    constructor();
+    type?: string;
+    private iconName;
+    private srcTypeKey;
     initTypes(): void;
     initCallback(): void;
     registerType(typeConfig: SourceTypeConfig): void;
     getType(type: string): SourceTypeConfig | undefined;
     activate(): void;
     applyType(type: string): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class SourceList extends Block {
+declare class SourceList extends LitBlock {
+    private _rawSourceList;
+    private _cameraModes;
+    private _resolvedSources;
     initCallback(): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private _updateSources;
+    sources: string[];
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class Spinner extends BaseComponent<void> {
+declare class Spinner extends LitBlock {
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class StartFrom extends ActivityBlock {
+declare class StartFrom extends LitActivityBlock {
     historyTracked: boolean;
     activityType: ActivityType;
     initCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 declare class Thumb extends FileItemConfig {
-    private _renderedGridOnce;
-    private _thumbRect;
-    private _isIntersecting;
-    private _firstViewMode;
-    private _observer?;
-    constructor();
-    private _calculateThumbSize;
-    private _generateThumbnail;
-    private _debouncedGenerateThumb;
+    badgeIcon: string;
+    uid: string;
+    private thumbUrl;
+    private renderedGridOnce;
+    private thumbRect;
+    private isIntersecting;
+    private firstViewMode;
+    private observer?;
+    private pendingThumbUpdate?;
+    private calculateThumbSize;
+    private generateThumbnail;
+    private debouncedGenerateThumb;
+    private decodeImage;
+    private cancelPendingThumbUpdate;
+    private scheduleThumbUpdate;
+    private requestThumbGeneration;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
     private _observerCallback;
     protected _reset(): void;
-    private _handleEntryId;
+    private bindToEntry;
     initCallback(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 type EventListenerMap = {
     [K in (typeof EventType)[keyof typeof EventType]]: (e: CustomEvent<EventPayload[K]>) => void;
 };
-declare class UploadCtxProvider extends UploaderBlock {
+declare class UploadCtxProvider extends LitUploaderBlock {
     static styleAttrs: string[];
     static EventType: Readonly<{
         readonly FILE_ADDED: "file-added";
@@ -1984,20 +2276,45 @@ declare class UploadCtxProvider extends UploaderBlock {
         readonly CHANGE: "change";
         readonly GROUP_CREATED: "group-created";
     }>;
-    requireCtxName: boolean;
     initCallback(): void;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
 }
-interface UploadCtxProvider extends UploaderBlock {
+interface UploadCtxProvider extends LitUploaderBlock {
     addEventListener<T extends keyof EventListenerMap>(type: T, listener: EventListenerMap[T], options?: boolean | AddEventListenerOptions): void;
     removeEventListener<T extends keyof EventListenerMap>(type: T, listener: EventListenerMap[T], options?: boolean | EventListenerOptions): void;
 }
 
-declare class UrlSource extends UploaderBlock {
+declare class UrlSource extends LitUploaderBlock {
     couldBeCtxOwner: boolean;
     activityType: ActivityType;
-    constructor();
+    private formState;
     initCallback(): void;
+    private inputRef;
+    private handleInput;
+    private handleUpload;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class LitSolutionBlock extends LitBlock {
+    static styleAttrs: string[];
+    init$: {
+        '*solution': string | null;
+        '*commonProgress': number;
+        '*uploadList': never[];
+        '*uploadQueue': _uploadcare_upload_client.Queue;
+        '*collectionErrors': OutputErrorCollection[];
+        '*collectionState': OutputCollectionState | null;
+        '*groupInfo': _uploadcare_upload_client.UploadcareGroup | null;
+        '*uploadTrigger': Set<string>;
+        '*secureUploadsManager': SecureUploadsManager | null;
+        '*currentActivity': null;
+        '*currentActivityParams': {};
+        '*history': never[];
+        '*historyBack': null;
+        '*closeModal': () => void;
+    };
+    initCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 declare class CloudImageEditor extends CloudImageEditorBlock {
@@ -2006,32 +2323,44 @@ declare class CloudImageEditor extends CloudImageEditorBlock {
     initCallback(): void;
 }
 
-declare class FileUploaderInline extends SolutionBlock {
+declare class FileUploaderInline extends LitSolutionBlock {
     static styleAttrs: string[];
+    private couldCancel;
     constructor();
+    private _handleCancel;
     get couldHistoryBack(): boolean;
     get couldShowList(): boolean;
+    private _getInitActivity;
     initCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class FileUploaderMinimal extends SolutionBlock {
+declare class FileUploaderMinimal extends LitSolutionBlock {
     static styleAttrs: string[];
+    protected singleUpload: boolean;
+    protected isHiddenStartFrom: boolean;
+    protected classUploadList: string;
+    protected classStartFrom: string;
     private handleModalOpen?;
     private handleModalClose?;
+    private _getInitActivity;
     constructor();
     private _handleModalOpen;
     private _handleModalClose;
     initCallback(): void;
-    destroyCallback(): void;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
-declare class FileUploaderRegular extends SolutionBlock {
+declare class FileUploaderRegular extends LitSolutionBlock {
     static styleAttrs: string[];
+    headless: boolean;
     constructor();
     initCallback(): void;
+    render(): lit_html.TemplateResult<1>;
 }
 
 type KebabCase<T extends string> = T extends `${infer Head} ${infer Tail}` ? `${Lowercase<Head>}-${KebabCase<Tail>}` : Lowercase<T>;
 declare const toKebabCase: <T extends string>(str: T) => KebabCase<T>;
 
-export { ActivityBlock, ActivityHeader, type ApiAddFileCommonOptions, Block, BtnUi, CameraSource, CloudImageEditor, CloudImageEditorActivity, CloudImageEditorBlock, type CollectionValidators, Config, type ConfigAttributesType, type ConfigComplexType, type ConfigPlainType, type ConfigType, Copyright, CropFrame, DropArea, EditorAspectRatioButtonControl, EditorCropButtonControl, EditorFilterControl, EditorFreeformButtonControl, EditorImageCropper, EditorImageFader, EditorOperationControl, EditorScroller, EditorSlider, EditorToolbar, type EventMap, type EventPayload, EventType, ExternalSource, ExternalUploadSource, FileItem, FileUploaderInline, FileUploaderMinimal, FileUploaderRegular, type FileValidator, type FileValidatorDescriptor, type FileValidators, FormInput, type FuncCollectionValidator, type FuncFileValidator, type GroupFlag, Icon, type IconHrefResolver, Img, type KebabCase$1 as KebabCase, type KebabCaseKeys, LineLoaderUi, type LocaleDefinitionOverride, type LowerCase, type LowerCaseKeys, type MetadataCallback, Modal, ModalEvents, type ModalId, type OutputCollectionErrorType, type OutputCollectionState, type OutputCollectionStatus, type OutputCustomErrorType, type OutputError, type OutputErrorCollection, type OutputErrorFile, type OutputErrorTypePayload, type OutputFileEntry, type OutputFileErrorPayload, type OutputFileErrorType, type OutputFileStatus, PresenceToggle, ProgressBar, ProgressBarCommon, type SecureDeliveryProxyUrlResolver, type SecureUploadsSignatureAndExpire, type SecureUploadsSignatureResolver, Select, SimpleBtn, SliderUi, SolutionBlock, SourceBtn, SourceList, type SourceTypes, Spinner, StartFrom, Thumb, UploadCtxProvider, UploadList, UploadSource, UploaderBlock, UploaderPublicApi, UrlSource, defineComponents, defineLocale, toKebabCase };
+export { LitActivityBlock as ActivityBlock, ActivityHeader, type ApiAddFileCommonOptions, LitBlock as Block, BtnUi, CameraSource, CloudImageEditor, CloudImageEditorActivity, CloudImageEditorBlock, type CollectionValidators, Config, type ConfigAttributesType, type ConfigComplexType, type ConfigPlainType, type ConfigType, Copyright, CropFrame, DropArea, EditorAspectRatioButtonControl, EditorCropButtonControl, EditorFilterControl, EditorFreeformButtonControl, EditorImageCropper, EditorImageFader, EditorOperationControl, EditorScroller, EditorSlider, EditorToolbar, type EventMap, type EventPayload, EventType, ExternalSource, ExternalUploadSource, FileItem, FileUploaderInline, FileUploaderMinimal, FileUploaderRegular, type FileValidator, type FileValidatorDescriptor, type FileValidators, FormInput, type FuncCollectionValidator, type FuncFileValidator, type GroupFlag, Icon, type IconHrefResolver, Img, type KebabCase$1 as KebabCase, type KebabCaseKeys, LineLoaderUi, type LocaleDefinitionOverride, type LowerCase, type LowerCaseKeys, type MetadataCallback, Modal, ModalEvents, type ModalId, type OutputCollectionErrorType, type OutputCollectionState, type OutputCollectionStatus, type OutputCustomErrorType, type OutputError, type OutputErrorCollection, type OutputErrorFile, type OutputErrorTypePayload, type OutputFileEntry, type OutputFileErrorPayload, type OutputFileErrorType, type OutputFileStatus, PresenceToggle, ProgressBar, ProgressBarCommon, type SecureDeliveryProxyUrlResolver, type SecureUploadsSignatureAndExpire, type SecureUploadsSignatureResolver, Select, SimpleBtn, SliderUi, LitSolutionBlock as SolutionBlock, SourceBtn, SourceList, type SourceTypes, Spinner, StartFrom, Thumb, UploadCtxProvider, UploadList, UploadSource, LitUploaderBlock as UploaderBlock, UploaderPublicApi, UrlSource, defineComponents, defineLocale, toKebabCase };