@liwe3/webcomponents 1.1.0 → 1.1.10

package/dist/ResizableCropper.d.ts

@@ -0,0 +1,158 @@
+/**
+ * ResizableCropper Web Component
+ * A container that wraps a single child element with drag-to-scale (resizing) and drag-to-crop (panning) capabilities
+ */
+export interface ResizableCropperState {
+    width: number;
+    height: number;
+    minWidth: number;
+    minHeight: number;
+    aspectRatio: string | null;
+    contentElement: HTMLElement | null;
+    contentLeft: number;
+    contentTop: number;
+    rotation: number;
+    wrapperLeft: number;
+    wrapperTop: number;
+}
+export interface ResizableCropperValues {
+    wrapperWidth: number;
+    wrapperHeight: number;
+    wrapperLeft: number;
+    wrapperTop: number;
+    contentWidth: number;
+    contentHeight: number;
+    contentLeft: number;
+    contentTop: number;
+    zoom: number;
+    rotation: number;
+}
+export interface ResizableCropperComponentState {
+    mode: 'transform' | 'crop';
+    disabled: boolean;
+    allowCrop: boolean;
+    allowResize: boolean;
+    allowRotate: boolean;
+    allowDrag: boolean;
+    minWidth: number;
+    minHeight: number;
+    aspectRatio: string | null;
+    values: ResizableCropperValues;
+}
+export interface ResizableCropEventDetail {
+    width: number;
+    height: number;
+    wrapperLeft: number;
+    wrapperTop: number;
+    contentLeft: number;
+    contentTop: number;
+    action: 'scale' | 'crop' | 'pan' | 'rotate' | 'move';
+    rotation?: number;
+    handle?: string;
+}
+export declare class ResizableCropperElement extends HTMLElement {
+    shadowRoot: ShadowRoot;
+    private state;
+    private wrapper;
+    private contentSlot;
+    private handlesContainer;
+    private isDragging;
+    private dragAction;
+    private dragHandle;
+    private dragStartX;
+    private dragStartY;
+    private dragStartWidth;
+    private dragStartHeight;
+    private dragStartContentLeft;
+    private dragStartContentTop;
+    private dragStartContentWidth;
+    private dragStartContentHeight;
+    private initialContentWidth;
+    private initialContentHeight;
+    private _dragStartRotation;
+    private _dragStartPointerAngle;
+    private _dragRotateCenterX;
+    private _dragRotateCenterY;
+    private _interactionMode;
+    private _dragPointerOffsetX;
+    private _dragPointerOffsetY;
+    private _dragMoveContainer;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _applyInteractionModeUI;
+    private _setInteractionMode;
+    private updateContentElement;
+    private initializeContentSize;
+    private updateWrapperDimensions;
+    private _applyWrapperTransform;
+    private updateHandlesVisibility;
+    private bindEvents;
+    private unbindEvents;
+    private handleWrapperDoubleClick;
+    private handleDocumentPointerDown;
+    private _getContainerForMove;
+    private _ensureContainerPositionedForMove;
+    private _syncWrapperPositionFromLayout;
+    private _ensureAbsolutePositionForMove;
+    private handleWrapperPointerDown;
+    private handlePointerDown;
+    private handleContentPointerDown;
+    private handlePointerMove;
+    private handleRotate;
+    private handlePointerUp;
+    private handleScale;
+    private handleCrop;
+    private clampContentPosition;
+    private handlePan;
+    private parseAspectRatio;
+    private dispatchChange;
+    private dispatchOnChange;
+    private render;
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    get minWidth(): number;
+    set minWidth(value: number);
+    get minHeight(): number;
+    set minHeight(value: number);
+    get aspectRatio(): string | null;
+    set aspectRatio(value: string | null);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get allowCrop(): boolean;
+    set allowCrop(value: boolean);
+    get allowResize(): boolean;
+    set allowResize(value: boolean);
+    get allowRotate(): boolean;
+    set allowRotate(value: boolean);
+    get allowDrag(): boolean;
+    set allowDrag(value: boolean);
+    /**
+     * Gets the current values including wrapper size, content size, position, and zoom level
+     */
+    getValues(): ResizableCropperValues;
+    /**
+     * Sets the values to reproduce size, zoom and pan
+     * @param values - The values to set
+     */
+    setValues(values: Partial<ResizableCropperValues>): void;
+    /**
+     * Gets a serializable state snapshot of the component including flags, constraints, mode,
+     * and the current transform/crop values.
+     */
+    getState(): ResizableCropperComponentState;
+    /**
+     * Restores a state snapshot produced by getState().
+     * @param state - State to restore
+     */
+    setState(state: Partial<ResizableCropperComponentState>): void;
+}
+/**
+ * Conditionally defines the custom element if in a browser environment.
+ */
+export declare const defineResizableCropper: (tagName?: string) => void;
+//# sourceMappingURL=ResizableCropper.d.ts.map

package/dist/ResizableCropper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableCropper.d.ts","sourceRoot":"","sources":["../src/ResizableCropper.ts"],"names":[],"mappings":"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"}