40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import { LitElement } from 'lit';
|
|
export interface GradientStop {
|
|
id: string;
|
|
position: number;
|
|
color: string;
|
|
}
|
|
export declare function generateGradientString(stops: GradientStop[]): string;
|
|
export declare function createDefaultGradientStops(): GradientStop[];
|
|
export declare function createLinearGradient(stops: GradientStop[]): string;
|
|
export declare function getColorAtPosition(stops: GradientStop[], position: number): string;
|
|
export declare function createStopAtLargestGap(stops: GradientStop[]): GradientStop;
|
|
export declare function normalizeBoundaryStops(stops: GradientStop[]): GradientStop[];
|
|
export declare class GradientEditor extends LitElement {
|
|
stops: GradientStop[];
|
|
barSize: 'thin' | 'regular' | 'thick' | 'thiccc';
|
|
barRadius: 'round' | 'square' | 'rounded-square';
|
|
barStyle: string;
|
|
private _draggedIndex;
|
|
static styles: import("lit").CSSResult;
|
|
render(): import("lit").TemplateResult<1>;
|
|
private _renderStopItem;
|
|
private _addStop;
|
|
private _resetStops;
|
|
private _deleteStop;
|
|
private _handleColorChange;
|
|
private _handlePositionChange;
|
|
private _validateAndSortStops;
|
|
private _notifyChange;
|
|
private _dispatchResetEvent;
|
|
private _handleDragStart;
|
|
private _handleDragEnd;
|
|
private _handleDragOver;
|
|
private _handleDrop;
|
|
}
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
'gradient-editor': GradientEditor;
|
|
}
|
|
}
|