builder-settings-types 0.0.270 → 0.0.272
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/builder-settings-types.cjs.js +79 -72
- package/dist/builder-settings-types.es.js +1263 -1552
- package/dist/index.css +1 -1
- package/dist/settings/gradient-settings/GradientSetting.d.ts +48 -0
- package/dist/settings/gradient-settings/components/CustomColorPicker.d.ts +34 -0
- package/dist/settings/gradient-settings/components/EmbeddedColorPicker.d.ts +29 -0
- package/dist/settings/gradient-settings/index.d.ts +1 -1
- package/dist/settings/gradient-settings/parsers/gradientParser.d.ts +5 -0
- package/dist/settings/gradient-settings/recent/RecentColorManager.d.ts +12 -0
- package/dist/settings/gradient-settings/recent/createRecentColorsSection.d.ts +2 -0
- package/dist/settings/gradient-settings/utils/color.d.ts +29 -0
- package/dist/settings/gradient-settings/utils/dom.d.ts +1 -0
- package/dist/settings/gradient-settings/utils/icon.d.ts +4 -0
- package/dist/settings/gradient-settings/utils/types.d.ts +25 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/settings/gradient-settings/gradientSettings.d.ts +0 -84
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { InputTypes, Setting, SettingProps } from '../../base/settings';
|
|
2
|
-
export interface GradientStop {
|
|
3
|
-
color: string;
|
|
4
|
-
position: number;
|
|
5
|
-
opacity?: number;
|
|
6
|
-
}
|
|
7
|
-
export interface GradientValue {
|
|
8
|
-
type: "linear" | "radial" | "solid";
|
|
9
|
-
angle: number;
|
|
10
|
-
stops: GradientStop[];
|
|
11
|
-
}
|
|
12
|
-
export interface GradientSettingProps extends SettingProps<GradientValue> {
|
|
13
|
-
detectChange?: (value: GradientValue | undefined) => void;
|
|
14
|
-
forText?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare class GradientSetting extends Setting<GradientValue, GradientSettingProps> {
|
|
17
|
-
inputType: {
|
|
18
|
-
type: InputTypes;
|
|
19
|
-
angle: InputTypes;
|
|
20
|
-
stops: InputTypes;
|
|
21
|
-
};
|
|
22
|
-
private element;
|
|
23
|
-
private previewElement;
|
|
24
|
-
private textInputElement;
|
|
25
|
-
private popoverElement;
|
|
26
|
-
private placeholderTrigger;
|
|
27
|
-
private isPopoverOpen;
|
|
28
|
-
private isUserEditing;
|
|
29
|
-
detectChange?: (value: GradientValue | undefined) => void;
|
|
30
|
-
private forText;
|
|
31
|
-
constructor(props?: GradientSettingProps);
|
|
32
|
-
private getDefaultValue;
|
|
33
|
-
private normalizeGradientValue;
|
|
34
|
-
private resolveValueFromString;
|
|
35
|
-
setValue(newValue: GradientValue | string | undefined): void;
|
|
36
|
-
private updateUI;
|
|
37
|
-
private generateDisplayText;
|
|
38
|
-
draw(): HTMLElement;
|
|
39
|
-
private generateCSS;
|
|
40
|
-
private addOpacityToColor;
|
|
41
|
-
private hexToRgb;
|
|
42
|
-
private createPopover;
|
|
43
|
-
private createTypeTabs;
|
|
44
|
-
private switchType;
|
|
45
|
-
private updatePopoverContent;
|
|
46
|
-
private createSolidEditor;
|
|
47
|
-
private createEmbeddedColorPickerWithOpacity;
|
|
48
|
-
private createEmbeddedColorPicker;
|
|
49
|
-
private setupEmbeddedColorPicker;
|
|
50
|
-
private hsvToHex;
|
|
51
|
-
private setupOpacitySlider;
|
|
52
|
-
private hexToHsv;
|
|
53
|
-
private hsvToHsl;
|
|
54
|
-
private createGradientEditor;
|
|
55
|
-
private updateGradientPreview;
|
|
56
|
-
private createGradientHandles;
|
|
57
|
-
private makeDraggable;
|
|
58
|
-
private updateStopsList;
|
|
59
|
-
private addGradientStop;
|
|
60
|
-
private openPopover;
|
|
61
|
-
private refreshPopoverContent;
|
|
62
|
-
private handleBackgroundClick;
|
|
63
|
-
private closePopover;
|
|
64
|
-
private handlePaste;
|
|
65
|
-
private handleInput;
|
|
66
|
-
private parseAndSetValue;
|
|
67
|
-
private parseGradientCSS;
|
|
68
|
-
private extractGradientParams;
|
|
69
|
-
private isValidColor;
|
|
70
|
-
private parseColorWithOpacity;
|
|
71
|
-
private hslToRgb;
|
|
72
|
-
private smartSplit;
|
|
73
|
-
private parseLinearGradient;
|
|
74
|
-
private parseRadialGradient;
|
|
75
|
-
private isColorStop;
|
|
76
|
-
private isValidColorName;
|
|
77
|
-
private parseColorStops;
|
|
78
|
-
private isValidColorFormat;
|
|
79
|
-
private triggerChange;
|
|
80
|
-
getElement(): HTMLElement | null;
|
|
81
|
-
getValue(): string | object;
|
|
82
|
-
getCSSValue(): string;
|
|
83
|
-
getRawValue(): GradientValue | undefined;
|
|
84
|
-
}
|