@uploadcare/file-uploader 1.27.1 → 1.28.0-alpha.0

package/dist/blocks/CloudImageEditor/src/EditorOperationControl.d.ts

@@ -0,0 +1,15 @@
+import { EditorButtonControl } from './EditorButtonControl.js';
+import { ColorOperation } from './toolbar-constants';
+export declare class EditorOperationControl extends EditorButtonControl {
+    private _operation;
+    get operation(): ColorOperation | '';
+    set operation(value: ColorOperation | '');
+    private _updateOperationMetadata;
+    initCallback(): void;
+    protected onClick(e: MouseEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-editor-operation-control': EditorOperationControl;
+    }
+}

package/dist/blocks/CloudImageEditor/src/EditorScroller.d.ts

@@ -0,0 +1,15 @@
+import { LitBlock } from '../../../lit/LitBlock';
+export declare class EditorScroller extends LitBlock {
+    /**
+     * CSS-only attribute
+     */
+    hiddenScrollbar: boolean;
+    private readonly _handleWheel;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-editor-scroller': EditorScroller;
+    }
+}

package/dist/blocks/CloudImageEditor/src/EditorSlider.d.ts

@@ -0,0 +1,33 @@
+import { PropertyValues } from 'lit';
+import { LitBlock } from '../../../lit/LitBlock';
+import { ColorOperation, FilterId } from './toolbar-constants';
+type SliderOperation = ColorOperation | 'filter';
+type SliderFilter = FilterId | typeof FAKE_ORIGINAL_FILTER;
+export declare const FAKE_ORIGINAL_FILTER = "original";
+export declare class EditorSlider extends LitBlock {
+    state: {
+        operation: SliderOperation;
+        filter: SliderFilter | undefined;
+        originalUrl: string;
+        disabled: boolean;
+        min: number;
+        max: number;
+        value: number;
+        defaultValue: number;
+        zero: number;
+    };
+    private _handleInput;
+    setOperation(operation: SliderOperation, filter?: SliderFilter): void;
+    private _initializeValues;
+    apply(): void;
+    cancel(): void;
+    initCallback(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-editor-slider': EditorSlider;
+    }
+}
+export {};

package/dist/blocks/CloudImageEditor/src/EditorToolbar.d.ts

@@ -0,0 +1,68 @@
+import { PropertyValues, TemplateResult } from 'lit';
+import { Ref } from 'lit/directives/ref.js';
+import { LitBlock } from '../../../lit/LitBlock';
+import { TabId } from './toolbar-constants';
+type TabIdValue = (typeof TabId)[keyof typeof TabId];
+export declare class EditorToolbar extends LitBlock {
+    private _showLoader;
+    showMainToolbar: boolean;
+    showSubToolbar: boolean;
+    private _showTabToggles;
+    tabList: readonly TabIdValue[];
+    activeTab: TabIdValue;
+    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 readonly _debouncedShowLoader;
+    private readonly _updateInfoTooltip;
+    private readonly _subTopToolbarStyles;
+    private readonly _subBottomToolbarStyles;
+    private readonly _tabToggleStyles;
+    private readonly _tabTogglesStyles;
+    init$: Record<string, unknown>;
+    private _onSliderClose;
+    private _activateTab;
+    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;
+    initCallback(): void;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _assignSharedElements;
+    private readonly _handleCancel;
+    private readonly _handleApply;
+    private readonly _handleApplySlider;
+    private readonly _handleCancelSlider;
+    private readonly _handleTabClick;
+    private _renderTabToggle;
+    private _renderTabContent;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-editor-toolbar': EditorToolbar;
+    }
+}
+export {};

package/dist/blocks/CloudImageEditor/src/crop-utils.d.ts

@@ -0,0 +1,36 @@
+import { Direction, ImageSize, Rectangle } from './types';
+type SvgAttributes = Record<string, string | number>;
+type SideDirection = 'n' | 's' | 'e' | 'w';
+type ResizeOptions = {
+    rect: Rectangle;
+    delta: [number, number];
+    aspectRatio?: number;
+    imageBox: Rectangle;
+};
+type MoveRectOptions = {
+    rect: Rectangle;
+    delta: [number, number];
+    imageBox: Rectangle;
+};
+type PathResult = {
+    d: string;
+    center: [number, number];
+};
+export declare function setSvgNodeAttrs(node: SVGElement, attrs: SvgAttributes): void;
+export declare function createSvgNode(name: string, attrs?: SvgAttributes): SVGElement;
+export declare function cornerPath(rect: Rectangle, direction: Direction, sizeMultiplier: number): PathResult;
+export declare function sidePath(rect: Rectangle, direction: SideDirection, sizeMultiplier: number): PathResult;
+export declare function thumbCursor(direction: Direction): string;
+export declare function moveRect({ rect, delta: [dx, dy], imageBox }: MoveRectOptions): Rectangle;
+export declare function constraintRect(rect1: Rectangle, rect2: Rectangle): Rectangle;
+export declare function resizeRect({ direction, ...rest }: ResizeOptions & {
+    direction: Direction;
+}): Rectangle;
+export declare function rectContainsPoint(rect: Rectangle, [x, y]: [number, number]): boolean;
+export declare function isRectInsideRect(rect1: Rectangle, rect2: Rectangle): boolean;
+export declare function isRectMatchesAspectRatio(rect: Rectangle, aspectRatio: number): boolean;
+export declare function rotateSize({ width, height }: ImageSize, angle: number): ImageSize;
+export declare function calculateMaxCenteredCropFrame(width: number, height: number, aspectRatio: number): Rectangle;
+export declare function roundRect(rect: Rectangle): Rectangle;
+export declare function clamp(value: number, min: number, max: number): number;
+export {};

package/dist/blocks/CloudImageEditor/src/crop-utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/blocks/CloudImageEditor/src/cropper-constants.d.ts

@@ -0,0 +1,10 @@
+export declare const CROP_PADDING = 20;
+export declare const THUMB_CORNER_SIZE = 24;
+export declare const THUMB_SIDE_SIZE = 34;
+export declare const THUMB_STROKE_WIDTH = 3;
+export declare const THUMB_OFFSET: number;
+export declare const GUIDE_STROKE_WIDTH = 1;
+export declare const GUIDE_THIRD: number;
+export declare const MIN_CROP_SIZE = 1;
+export declare const MAX_INTERACTION_SIZE = 24;
+export declare const MIN_INTERACTION_SIZE = 6;

package/dist/blocks/CloudImageEditor/src/elements/button/BtnUi.d.ts

@@ -0,0 +1,31 @@
+import { PropertyValues } from 'lit';
+import { LitBlock } from '../../../../../lit/LitBlock';
+import { AriaRole } from '../../../../../types/dom';
+type Theme = string | null;
+export declare class BtnUi extends LitBlock {
+    text: string;
+    icon: string;
+    reverse: boolean;
+    theme: Theme;
+    ariaRole: AriaRole | undefined;
+    ariaControls: string;
+    titleProp: string;
+    /**
+     * CSS-only attribute
+     */
+    active: boolean;
+    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(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-btn-ui': BtnUi;
+    }
+}
+export {};

package/dist/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.d.ts

@@ -0,0 +1,19 @@
+import { PropertyValues } from 'lit';
+import { LitBlock } from '../../../../../lit/LitBlock';
+export 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(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-line-loader-ui': LineLoaderUi;
+    }
+}

package/dist/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.d.ts

@@ -0,0 +1,27 @@
+import { LitBlock } from '../../../../../lit/LitBlock';
+type PresenceToggleStyle = {
+    transition?: string;
+    visible?: string;
+    hidden?: string;
+};
+export declare class PresenceToggle extends LitBlock {
+    private _visible;
+    private _styles;
+    private _visibleStyle;
+    private _hiddenStyle;
+    private _externalTransitions;
+    private _initialRenderComplete;
+    set visible(value: boolean);
+    get visible(): boolean;
+    set styles(styles: PresenceToggleStyle);
+    get styles(): PresenceToggleStyle;
+    private _handleVisible;
+    private _dispatchInitialRenderEvent;
+    initCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-presence-toggle': PresenceToggle;
+    }
+}
+export {};

package/dist/blocks/CloudImageEditor/src/elements/slider/SliderUi.d.ts

@@ -0,0 +1,38 @@
+import { PropertyValues } from 'lit';
+import { LitBlock } from '../../../../../lit/LitBlock';
+export declare class SliderUi extends LitBlock {
+    private _observer?;
+    private _thumbSize;
+    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();
+    private _emitSliderEvent;
+    private readonly _handleSliderInput;
+    private readonly _handleSliderChange;
+    private readonly _handleInputFocus;
+    private readonly _handleInputBlur;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _updateValue;
+    private _updateZeroDot;
+    private _updateSteps;
+    disconnectedCallback(): void;
+    private _setCurrentValue;
+    private _syncInputValue;
+    private _extractEventValue;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-slider-ui': SliderUi;
+    }
+}

package/dist/blocks/CloudImageEditor/src/index.d.ts

@@ -0,0 +1,15 @@
+export { CloudImageEditorBlock } from './CloudImageEditorBlock';
+export { CropFrame } from './CropFrame';
+export { EditorAspectRatioButtonControl, EditorFreeformButtonControl } from './EditorAspectRatioButtonControl';
+export { EditorCropButtonControl } from './EditorCropButtonControl';
+export { EditorFilterControl } from './EditorFilterControl';
+export { EditorImageCropper } from './EditorImageCropper';
+export { EditorImageFader } from './EditorImageFader';
+export { EditorOperationControl } from './EditorOperationControl';
+export { EditorScroller } from './EditorScroller';
+export { EditorSlider } from './EditorSlider';
+export { EditorToolbar } from './EditorToolbar';
+export { BtnUi } from './elements/button/BtnUi';
+export { LineLoaderUi } from './elements/line-loader/LineLoaderUi';
+export { PresenceToggle } from './elements/presence-toggle/PresenceToggle';
+export { SliderUi } from './elements/slider/SliderUi';

package/dist/blocks/CloudImageEditor/src/lib/classNames.d.ts

@@ -0,0 +1,5 @@
+type ClassNameMapping = Record<string, boolean | undefined | null>;
+type ClassNameArg = string | ClassNameMapping;
+export declare function classNames(...args: ClassNameArg[]): string;
+export declare function applyClassNames(element: Element, ...args: ClassNameArg[]): void;
+export {};

package/dist/blocks/CloudImageEditor/src/lib/classNames.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/blocks/CloudImageEditor/src/lib/linspace.d.ts

@@ -0,0 +1 @@
+export declare function linspace(a: number, b: number, n: number): number[];

package/dist/blocks/CloudImageEditor/src/lib/linspace.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/blocks/CloudImageEditor/src/lib/parseCropPreset.d.ts

@@ -0,0 +1,4 @@
+import { ConfigType } from '../../../../types/exported';
+import { CropAspectRatio, CropPresetList } from '../types';
+export declare const parseCropPreset: (cropPreset: ConfigType["cropPreset"]) => CropAspectRatio[];
+export declare const getClosestAspectRatio: (width: number, height: number, ratios: CropPresetList, tolerance?: number) => CropAspectRatio | null;

package/dist/blocks/CloudImageEditor/src/lib/parseCropPreset.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/blocks/CloudImageEditor/src/lib/parseTabs.d.ts

@@ -0,0 +1,2 @@
+import { TabIdValue } from '../toolbar-constants';
+export declare const parseTabs: (tabs?: string) => readonly TabIdValue[];

package/dist/blocks/CloudImageEditor/src/lib/pick.d.ts

@@ -0,0 +1 @@
+export declare function pick<T extends object, K extends keyof T>(obj: T, keys: readonly K[]): Pick<T, K>;

package/dist/blocks/CloudImageEditor/src/lib/pick.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts

@@ -0,0 +1,7 @@
+import { Transformations } from '../types';
+type OperationDefaults = Readonly<Record<keyof Transformations, unknown>>;
+export declare const OPERATIONS_DEFAULTS: OperationDefaults;
+export declare function transformationsToOperations(transformations: Transformations): string;
+export declare const COMMON_OPERATIONS: string;
+export declare function operationsToTransformations(operations: string[]): Transformations;
+export {};

package/dist/blocks/CloudImageEditor/src/state.d.ts

@@ -0,0 +1,20 @@
+import { CloudImageEditorBlock } from './CloudImageEditorBlock';
+import { LoadingOperations, Transformations } from './types';
+export 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;
+};

package/dist/blocks/CloudImageEditor/src/svg-sprite.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "<svg width='0' height='0' style='position:absolute'><symbol fill='none' viewBox='0 0 9 6' id='uc-icon-arrow-dropdown' xmlns='http://www.w3.org/2000/svg'><path stroke='currentColor' d='m1.5 1.667 3 2.666 3-2.666' opacity='.5'/></symbol><symbol viewBox='0 0 24 24' id='uc-icon-aspect-ratio' xmlns='http://www.w3.org/2000/svg'/><symbol viewBox='0 0 20 20' id='uc-icon-brightness' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M15 10a5 5 0 0 1-5 5m5-5a5 5 0 0 0-5-5m5 5h-5m0 5a5 5 0 0 1 0-10m0 10V5m0 15v-3M2.93 2.929 5.05 5.05M0 10h3m-.07 7.071 2.12-2.121M10 0v3m7.07 14.071-2.12-2.121M20 10h-3m.07-7.071L14.95 5.05m-.626 2.45H10m4.324 5H10'/></symbol><symbol fill='currentColor' viewBox='0 0 20 20' id='uc-icon-closeMax' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.232 10 3.585 5.353l1.768-1.768L10 8.232l4.648-4.647 1.767 1.768L11.768 10l4.647 4.648-1.767 1.767L10 11.768l-4.647 4.647-1.768-1.767L8.232 10Z' clip-rule='evenodd'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-contrast' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M2 10a8 8 0 1 0 16 0 8 8 0 1 0-16 0m8-8v16m8-8h-8m7.598 2.5H10m6.24 2.5H10m7.6-7.5H10M16.242 5H10'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-crop' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M20 14H7.005C6.45 14 6 13.55 6 12.995V0M0 6h13.067c.515 0 .933.418.933.933V20M14.5.4 13 2l1.5 1.6M13 2h2a3 3 0 0 1 3 3v2M5.5 19.6 7 18l-1.5-1.6M7 18H5a3 3 0 0 1-3-3v-2'/></symbol><symbol fill='currentColor' viewBox='0 0 20 20' id='uc-icon-done' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m18.057 6.333-9.365 9.125a1.25 1.25 0 0 1-1.768-.023L1.92 10.296l1.791-1.744 4.132 4.243 8.47-8.253 1.744 1.79Z' clip-rule='evenodd'/></symbol><symbol fill='currentColor' viewBox='0 0 25 24' id='uc-icon-edit-file' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M18.558 2.804a.78.78 0 0 0-.557.235l-.008.007-2.472 2.46 3.847 3.848 2.46-2.473.004-.003a.78.78 0 0 0 0-1.108l-.004-.003-2.712-2.728a.78.78 0 0 0-.558-.235Zm-.248 7.613-3.852-3.852-8.93 8.887-1.516 5.41 5.41-1.515 8.888-8.93Zm-.636-8.934a2.28 2.28 0 0 1 2.512.505l2.702 2.717.002.002a2.278 2.278 0 0 1 0 3.234l-.002.002-12.541 12.602a.75.75 0 0 1-.33.193l-6.884 1.928a.75.75 0 0 1-.925-.924l1.928-6.885a.75.75 0 0 1 .193-.33l12.603-12.54a2.28 2.28 0 0 1 .742-.504Z' clip-rule='evenodd'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-enhance' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M19 13h-2m0 0a4 4 0 0 1-4-4m4 4a4 4 0 0 0-4 4m0-8V7m0 2a4 4 0 0 1-4 4m-2 0h2m0 0a4 4 0 0 1 4 4m0 0v2M8 8.5H6.5m0 0a2 2 0 0 1-2-2m2 2a2 2 0 0 0-2 2m0-4V5m0 1.5a2 2 0 0 1-2 2M1 8.5h1.5m0 0a2 2 0 0 1 2 2m0 0V12M12 3h-1m0 0a1 1 0 0 1-1-1m1 1a1 1 0 0 0-1 1m0-2V1m0 1a1 1 0 0 1-1 1M8 3h1m0 0a1 1 0 0 1 1 1m0 0v1'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-exposure' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M10 20v-3M2.93 2.929 5.05 5.05M0 10h3m-.07 7.071 2.12-2.121M10 0v3m7.07 14.071-2.12-2.121M20 10h-3m.07-7.071L14.95 5.05M5 10a5 5 0 1 0 10 0 5 5 0 1 0-10 0'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-filters' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M4.5 6.5a5.5 5.5 0 1 0 11 0 5.5 5.5 0 1 0-11 0m-3.5 6a5.5 5.5 0 1 0 11 0 5.5 5.5 0 1 0-11 0m7 0a5.5 5.5 0 1 0 11 0 5.5 5.5 0 1 0-11 0'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-flip' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M19.6 5 18 3.5 16.4 5m3.2 10L18 16.5 16.4 15M18 3.523v12.954M3.3 8.5h10.654c.301 0 .415-.395.159-.554L3.459 1.286A.3.3 0 0 0 3 1.542V8.2a.3.3 0 0 0 .3.3zm0 3h10.654c.301 0 .415.395.159.554l-10.654 6.66A.3.3 0 0 1 3 18.458v-6.66a.3.3 0 0 1 .3-.3z'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-gamma' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M17 3C9 6 2.5 11.5 2.5 17.5m0 0h1m-1 0v-1m14 1h1m-3 0h1m-3 0h1m-3 0h1m-3 0h1m-3 0h1m-3 0h1m-3-14v-1m0 3v-1m0 3v-1m0 3v-1m0 3v-1m0 3v-1m0 3v-1'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-mirror' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M5 .4 3.5 2 5 3.6M15 .4 16.5 2 15 3.6M3.52 2h12.957M8.5 16.7V6.046c0-.301-.394-.415-.554-.159L1.287 16.541a.3.3 0 0 0 .255.459H8.2a.3.3 0 0 0 .3-.3zm3 0V6.046c0-.301.395-.415.555-.159l6.659 10.654a.3.3 0 0 1-.255.459H11.8a.3.3 0 0 1-.3-.3z'/></symbol><symbol viewBox='0 0 40 40' id='uc-icon-original' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.5' d='M0 40 40 0'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-rotate' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M13.5.4 12 2l1.5 1.6M12.023 2H14.4A3.6 3.6 0 0 1 18 5.6V8M4 17h9a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1z'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-sad' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M2 17c4.418-4 11.582-4 16 0M16.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-11 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-saturation' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='ruc-icon-id__a' x1='10.001' y1='1' x2='10.001' y2='19' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient></defs><circle cx='10.001' cy='10' r='9' transform='rotate(90 10 10)' fill='url(#ruc-icon-id__a)'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-slider' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M0 10h11m0 0a2 2 0 1 0 4 0m-4 0a2 2 0 1 1 4 0m0 0h5'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-tuning' xmlns='http://www.w3.org/2000/svg'><path stroke-linejoin='round' fill='none' stroke='currentColor' stroke-width='1.2' d='M8 10h11M1 10h4M1 4.5h11m3 0h4m-18 11h11m3 0h4m-7-11a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0M5 10a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0m7 5.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0'/></symbol><symbol viewBox='0 0 20 20' id='uc-icon-vibrance' xmlns='http://www.w3.org/2000/svg'><path d='M2.125 5.64A8.96 8.96 0 0 0 1.001 10a8.96 8.96 0 0 0 1.124 4.36V5.64z' fill='url(#uuc-icon-id__a)'/><path d='M2.875 15.499V4.502a9.053 9.053 0 0 1 1.75-1.72v14.437a9.05 9.05 0 0 1-1.75-1.72z' fill='url(#uuc-icon-id__b)'/><path d='M5.375 17.722c.548.33 1.134.601 1.75.809V1.469a8.956 8.956 0 0 0-1.75.81v15.443z' fill='url(#uuc-icon-id__c)'/><path d='M7.875 1.253v17.495c.564.136 1.15.22 1.75.244V1.008a9 9 0 0 0-1.75.245z' fill='url(#uuc-icon-id__d)'/><path d='M10.375 1.008v17.984a9 9 0 0 0 1.75-.244V1.252a9 9 0 0 0-1.75-.244z' fill='url(#uuc-icon-id__e)'/><path d='M12.875 1.469V18.53a8.957 8.957 0 0 0 1.75-.808V2.277a8.957 8.957 0 0 0-1.75-.808z' fill='url(#uuc-icon-id__f)'/><path d='M15.375 2.78v14.44a9.053 9.053 0 0 0 1.75-1.72v-11a9.054 9.054 0 0 0-1.75-1.72z' fill='url(#uuc-icon-id__g)'/><path d='M17.875 5.638v8.724A8.959 8.959 0 0 0 19.001 10a8.96 8.96 0 0 0-1.126-4.362z' fill='url(#uuc-icon-id__h)'/><defs><linearGradient id='uuc-icon-id__a' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__b' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__c' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__d' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__e' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__f' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__g' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient><linearGradient id='uuc-icon-id__h' x1='19.001' y1='10' x2='1.001' y2='10' gradientUnits='userSpaceOnUse'><stop stop-color='#DE15FF'/><stop offset='.203' stop-color='#0029FF'/><stop offset='.479' stop-color='#2AE4F0'/><stop offset='.604' stop-color='#15EF11'/><stop offset='.75' stop-color='#FAE528'/><stop offset='1' stop-color='#EB2A2A'/></linearGradient></defs></symbol><symbol viewBox='0 0 20 20' id='uc-icon-warmth' xmlns='http://www.w3.org/2000/svg'><path d='m7.5 13.05.429.42.171-.175v-.244h-.6zm5 0h-.6v.245l.172.175.428-.42zM8.1 3.5c0-1.05.85-1.9 1.9-1.9V.4a3.1 3.1 0 0 0-3.1 3.1h1.2zm0 9.55V3.5H6.9v9.55h1.2zm-1 2.45c0-.79.315-1.506.829-2.03l-.858-.84A4.088 4.088 0 0 0 5.9 15.5h1.2zm2.9 2.9a2.9 2.9 0 0 1-2.9-2.9H5.9a4.1 4.1 0 0 0 4.1 4.1v-1.2zm2.9-2.9a2.9 2.9 0 0 1-2.9 2.9v1.2a4.1 4.1 0 0 0 4.1-4.1h-1.2zm-.829-2.03c.514.524.829 1.24.829 2.03h1.2c0-1.117-.447-2.13-1.171-2.87l-.858.84zM11.9 3.5v9.55h1.2V3.5h-1.2zM10 1.6c1.05 0 1.9.85 1.9 1.9h1.2A3.1 3.1 0 0 0 10 .4v1.2z' fill='currentColor'/><path d='M10 14V8' stroke='currentColor' stroke-width='1.2' stroke-linecap='round'/><path d='M14 3h3m-3 3h3m-3 3h3m-8 6.5a1 1 0 1 0 2 0 1 1 0 1 0-2 0' stroke='currentColor' stroke-width='1.2'/></symbol></svg>";
+export default _default;

package/dist/blocks/CloudImageEditor/src/toolbar-constants.d.ts

@@ -0,0 +1,61 @@
+export declare const TabId: Readonly<{
+    readonly CROP: "crop";
+    readonly TUNING: "tuning";
+    readonly FILTERS: "filters";
+}>;
+export type TabIdValue = (typeof TabId)[keyof typeof TabId];
+export declare const ALL_TABS: readonly ["crop", "tuning", "filters"];
+export declare const ALL_COLOR_OPERATIONS: readonly ["brightness", "exposure", "gamma", "contrast", "saturation", "vibrance", "warmth", "enhance"];
+export type ColorOperation = (typeof ALL_COLOR_OPERATIONS)[number];
+export 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"];
+export type FilterId = (typeof ALL_FILTERS)[number];
+export declare const ALL_CROP_OPERATIONS: readonly ["rotate", "mirror", "flip"];
+export type CropOperation = (typeof ALL_CROP_OPERATIONS)[number];
+/** KeypointsNumber is the number of keypoints loaded from each side of zero, not total number */
+export declare const COLOR_OPERATIONS_CONFIG: Readonly<{
+    brightness: {
+        zero: number;
+        range: readonly [-100, 100];
+        keypointsNumber: number;
+    };
+    exposure: {
+        zero: number;
+        range: readonly [-500, 500];
+        keypointsNumber: number;
+    };
+    gamma: {
+        zero: number;
+        range: readonly [0, 1000];
+        keypointsNumber: number;
+    };
+    contrast: {
+        zero: number;
+        range: readonly [-100, 500];
+        keypointsNumber: number;
+    };
+    saturation: {
+        zero: number;
+        range: readonly [-100, 500];
+        keypointsNumber: number;
+    };
+    vibrance: {
+        zero: number;
+        range: readonly [-100, 500];
+        keypointsNumber: number;
+    };
+    warmth: {
+        zero: number;
+        range: readonly [-100, 100];
+        keypointsNumber: number;
+    };
+    enhance: {
+        zero: number;
+        range: readonly [0, 100];
+        keypointsNumber: number;
+    };
+    filter: {
+        zero: number;
+        range: readonly [0, 100];
+        keypointsNumber: number;
+    };
+}>;

package/dist/blocks/CloudImageEditor/src/types.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Mapping of loading resources per operation
+ */
+export type LoadingOperations = Map<string, Map<string, boolean>>;
+/**
+ * Image size
+ */
+export interface ImageSize {
+    width: number;
+    height: number;
+}
+export interface Rectangle {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Transformations {
+    enhance?: number;
+    brightness?: number;
+    exposure?: number;
+    gamma?: number;
+    contrast?: number;
+    saturation?: number;
+    vibrance?: number;
+    warmth?: number;
+    rotate?: number;
+    mirror?: boolean;
+    flip?: boolean;
+    filter?: {
+        name: string;
+        amount: number;
+    };
+    crop?: {
+        dimensions: [number, number];
+        coords: [number, number];
+    };
+}
+export interface ApplyResult {
+    originalUrl: string;
+    cdnUrlModifiers: string;
+    cdnUrl: string;
+    transformations: Transformations;
+}
+export type ChangeResult = ApplyResult;
+export interface CropAspectRatio {
+    type: 'aspect-ratio';
+    width: number;
+    height: number;
+    id: string;
+    hasFreeform?: boolean;
+}
+export type CropPresetList = CropAspectRatio[];
+export type Direction = '' | 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+export type FrameThumbs = Partial<Record<Direction, {
+    direction: Direction;
+    pathNode: SVGElement;
+    interactionNode: SVGElement;
+    groupNode: SVGElement;
+}>>;

package/dist/blocks/CloudImageEditor/src/util.d.ts

@@ -0,0 +1,2 @@
+import { Transformations } from './types';
+export declare function viewerImageSrc(originalUrl: string, width: number, transformations: Transformations): string;

package/dist/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Parses a string like "iothari 100" into an object { filter: "iothari", value: 100 }
+ */
+export declare function parseFilterValue(str: string | null): {
+    filter: string;
+    value: number;
+} | null;

package/dist/blocks/CloudImageEditor/src/utils/parseFilterValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts

@@ -0,0 +1,25 @@
+import { nothing } from 'lit';
+import { LitUploaderBlock } from '../../lit/LitUploaderBlock';
+import { ChangeResult } from '../CloudImageEditor/src/types';
+export type ActivityParams = {
+    internalId: string;
+};
+export declare class CloudImageEditorActivity extends LitUploaderBlock {
+    private _entry?;
+    private _editorConfig;
+    get activityParams(): ActivityParams;
+    initCallback(): void;
+    disconnectedCallback(): void;
+    private _handleApply;
+    private _handleCancel;
+    handleChange(event: CustomEvent<ChangeResult>): void;
+    private _mountEditor;
+    private _unmountEditor;
+    render(): import('lit-html').TemplateResult<1> | typeof nothing;
+    private _createEditorConfig;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uc-cloud-image-editor-activity': CloudImageEditorActivity;
+    }
+}