builder-settings-types 0.0.330 → 0.0.335

package/dist/settings/gradient-settings/components/EmbeddedColorPicker.d.ts

@@ -1,45 +1,45 @@
-import { RecentColorScope } from '../utils/types';
+import { RecentColorDisplayScope } from '../utils/types';
 export interface EmbeddedColorPickerOptions {
     initialColor: string;
     initialOpacity: number;
     onColorChange: (color: string, opacity: number) => void;
-    scope?: RecentColorScope;
+    scope?: RecentColorDisplayScope;
 }
 export declare class EmbeddedColorPicker {
-    private element;
+    private currentColor;
+    private currentOpacity;
+    private onColorChange;
+    private container;
+    private recentScope;
+    private recentSectionRefresh?;
     private colorArea;
     private colorMarker;
     private hueSlider;
     private hueMarker;
     private opacitySlider;
     private opacityMarker;
-    private input;
-    private select;
-    private currentColor;
-    private currentOpacity;
-    private onColorChange;
-    private recentScope;
-    private recentSectionRefresh?;
-    private isDragging;
-    private changeRafId?;
-    private pendingExternalUpdate?;
-    private dragRafId?;
-    private cachedRect?;
+    private formatSelect;
+    private colorInput;
+    private inputUpdateTimeout?;
     constructor(options: EmbeddedColorPickerOptions);
-    private parsePercentage;
-    private sanitizeColor;
-    private clampOpacity;
-    private build;
-    private bind;
-    private setColor;
-    private syncInput;
-    private applyFromInput;
-    private updateOpacityBg;
-    private queueChange;
-    private flushChange;
-    private applyPendingExternal;
-    private initFromColor;
+    private createContainer;
+    private initializePicker;
+    private scheduleInputUpdate;
+    private updateOpacityBackground;
+    private updateColorInput;
+    private applyRecentColor;
     commitRecentColor(): void;
+    private setupColorAreaEvents;
+    private setupHueSliderEvents;
+    private setupOpacitySliderEvents;
+    private setupFormatEvents;
+    private handleManualColorInput;
+    private parseHexInput;
+    private parseRgbInput;
+    private parseHslInput;
+    private autoDetectColorFormat;
+    private updatePickerVisualState;
+    private triggerChange;
     getElement(): HTMLElement;
     updateColor(color: string, opacity: number): void;
 }

package/dist/settings/gradient-settings/utils/icon.d.ts

@@ -2,6 +2,3 @@ export declare const closeIcon = "<svg width=\"13\" height=\"13\" viewBox=\"0 0
 export declare const eyedropperIcon = "<svg width=\"23\" height=\"23\" viewBox=\"0 0 23 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1972 3.29156C18.936 3.03034 18.6259 2.82313 18.2847 2.68176C17.9434 2.54039 17.5777 2.46763 17.2083 2.46763C16.8389 2.46763 16.4731 2.54039 16.1319 2.68176C15.7906 2.82313 15.4805 3.03034 15.2194 3.29156L13.7822 4.72875C13.2585 4.4772 12.6697 4.39449 12.097 4.49207C11.5243 4.58964 10.9961 4.86267 10.5853 5.27343L9.91687 5.94281C9.74268 6.11693 9.6045 6.32366 9.51023 6.5512C9.41595 6.77873 9.36743 7.02261 9.36743 7.2689C9.36743 7.5152 9.41595 7.75907 9.51023 7.98661C9.6045 8.21414 9.74268 8.42088 9.91687 8.595L3.83625 14.6747C3.57512 14.936 3.36803 15.2462 3.2268 15.5875C3.08556 15.9288 3.01296 16.2947 3.01312 16.6641V18.3516C3.01312 18.6499 3.13165 18.9361 3.34263 19.1471C3.55361 19.358 3.83975 19.4766 4.13812 19.4766H5.82562C6.57129 19.4759 7.28618 19.1792 7.81312 18.6516L13.8937 12.5728C14.0679 12.747 14.2746 12.8852 14.5021 12.9795C14.7297 13.0737 14.9735 13.1223 15.2198 13.1223C15.4661 13.1223 15.71 13.0737 15.9375 12.9795C16.1651 12.8852 16.3718 12.747 16.5459 12.5728L17.2153 11.9025C17.6261 11.4917 17.8991 10.9635 17.9967 10.3908C18.0942 9.81811 18.0115 9.22926 17.76 8.70562L19.1972 7.26937C19.4584 7.0082 19.6656 6.69813 19.807 6.35687C19.9484 6.01561 20.0211 5.64985 20.0211 5.28047C20.0211 4.91108 19.9484 4.54532 19.807 4.20406C19.6656 3.8628 19.4584 3.55273 19.1972 3.29156ZM5.16281 16.0012L11.2425 9.92062L12.5681 11.2462L6.48844 17.3269C6.31266 17.5027 6.07424 17.6015 5.82562 17.6016H4.88812V16.6641C4.88818 16.4154 4.98698 16.177 5.16281 16.0012Z\" fill=\"#353C47\"/>\n </svg>";
 export declare const flipIcon = "<svg width=\"15\" height=\"17\" viewBox=\"0 0 15 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M14.1333 12.4667H0.8M0.8 12.4667L4.13333 9.13332M0.8 12.4667L4.13333 15.8M0.8 4.13332H14.1333M14.1333 4.13332L10.8 0.799988M14.1333 4.13332L10.8 7.46665\" stroke=\"#919EAB\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
 export declare const deleteIcon = "<svg width=\"14\" height=\"2\" viewBox=\"0 0 14 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0.8 0.800003H12.4667\" stroke=\"#919EAB\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
-export declare const solidIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"21.25\" y=\"21.333\" width=\"18\" height=\"18\" rx=\"1\" transform=\"rotate(-180 21.25 21.333)\" stroke=\"#637381\"/>\n<rect x=\"18.5835\" y=\"18.667\" width=\"12.6667\" height=\"12.6667\" rx=\"1\" transform=\"rotate(-180 18.5835 18.667)\" fill=\"#637381\"/>\n</svg>\n\n";
-export declare const gradientIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M4.5 21L19.5 21C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5L21 4.5C21 4.10218 20.842 3.72065 20.5607 3.43934C20.2794 3.15804 19.8978 3 19.5 3L4.5 3C4.10218 3 3.72065 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5L3 19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72065 20.842 4.10218 21 4.5 21ZM7.5 4.5L7.5 7.5L10.5 7.5L10.5 4.5L13.5 4.5L13.5 7.5L16.5 7.5L16.5 10.5L13.5 10.5L13.5 13.5L16.5 13.5L16.5 16.5L13.5 16.5L13.5 19.5L10.5 19.5L10.5 16.5L7.5 16.5L7.5 19.5L4.5 19.5L4.5 4.5L7.5 4.5Z\" fill=\"#637381\"/>\n<path d=\"M13.5 16.5L10.5 16.5L10.5 13.5L13.5 13.5L13.5 16.5ZM13.5 10.5L10.5 10.5L10.5 7.5L13.5 7.5L13.5 10.5ZM10.5 13.5L7.5 13.5L7.5 10.5L10.5 10.5L10.5 13.5Z\" fill=\"#637381\"/>\n</svg>\n\n";
-export declare const brokenLinkIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.6106 19.5062C20.6887 19.5843 20.6887 19.711 20.6106 19.7891L19.7896 20.6101C19.7115 20.6882 19.5848 20.6882 19.5067 20.6101L5.98957 7.09298C5.91146 7.01488 5.91146 6.88825 5.98957 6.81014L6.81063 5.98908C6.88873 5.91097 7.01537 5.91097 7.09347 5.98908L20.6106 19.5062Z\" fill=\"#46525C\"/>\n<path d=\"M9.69583 12.2146C9.81298 12.3318 9.81298 12.5217 9.69583 12.6389L7.80151 14.5332C6.72071 15.614 6.6062 17.4365 7.80151 18.6318C8.99473 19.8267 10.8184 19.7123 11.8992 18.6318L13.7935 16.7366C13.9106 16.6194 14.1006 16.6194 14.2178 16.7366L14.816 17.3348C14.9331 17.4519 14.9332 17.6418 14.816 17.759L12.9216 19.6543C11.2241 21.3536 8.47364 21.3518 6.77417 19.6543C5.07483 17.9568 5.0749 15.2064 6.77417 13.5068L8.66848 11.6116C8.78563 11.4944 8.97562 11.4944 9.0928 11.6116L9.69583 12.2146ZM13.5085 6.77441C15.2061 5.07514 17.9565 5.07509 19.656 6.77441C21.3535 8.47388 21.3533 11.2243 19.656 12.9238L17.7607 14.8182C17.6436 14.9354 17.4536 14.9353 17.3365 14.8182L16.7344 14.2161C16.6172 14.0989 16.6172 13.9089 16.7344 13.7918L18.6296 11.8975C19.7101 10.8167 19.8245 8.99503 18.6296 7.7998C17.4363 6.60449 15.6118 6.719 14.531 7.7998L12.6367 9.69412C12.5195 9.81128 12.3296 9.81128 12.2124 9.69412L11.6123 9.09402C11.4952 8.97684 11.4952 8.78685 11.6124 8.6697L13.5085 6.77441Z\" fill=\"#46525C\"/>\n</svg>\n";

package/dist/settings/gradient-settings/utils/types.d.ts

@@ -22,5 +22,4 @@ export interface GradientSettingProps {
     icon?: string;
     id?: string;
     includeGetJson?: boolean;
-    variant?: "default" | "global";
 }

package/dist/settings/multi-language-settings/multiLanguageSettings.d.ts

@@ -14,8 +14,6 @@ export declare class MultiLanguageSetting extends Setting<MultiLanguageValue, Mu
     private container;
     private defaultLanguage;
     private uploadSettings;
-    private languageChangeUnsubscribe?;
-    private popup;
     private capitalizeFirstLetter;
     private textMeasureCanvas?;
     private measureTextWidth;
@@ -25,10 +23,6 @@ export declare class MultiLanguageSetting extends Setting<MultiLanguageValue, Mu
     private createTextareaRow;
     private updateLanguageValue;
     private updateOtherLanguagePlaceholders;
-    private renderContent;
-    private createPopup;
-    private showPopup;
-    private closePopup;
     draw(): HTMLElement;
     setValue(value: MultiLanguageValue): void;
 }

package/dist/settings/select-api/select-api.d.ts

@@ -33,7 +33,6 @@ export declare class SelectApiSettings<T = SettingsMap> extends Setting<T, Selec
     private selectApiOption;
     private updateOptionsList;
     private updateButtonText;
-    update(fireCallbacks?: boolean): void;
     setDetectChange(callback: (value: T | undefined) => void): void;
     setValue(value: T): void;
 }

package/dist/spacing-height.svg

@@ -1,3 +1,3 @@
-<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 14L9 5M9 14L6.75 12.5M9 14L11.25 12.5M9 5L6.75 6.5M9 5L11.25 6.5M15.75 2.75H2.25M15.75 16.25H2.25" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 14L9 5M9 14L6.75 12.5M9 14L11.25 12.5M9 5L6.75 6.5M9 5L11.25 6.5M15.75 2.75H2.25M15.75 16.25H2.25" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/spacing-width.svg

@@ -1,3 +1,3 @@
-<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 9.5H13.5M4.5 9.5L6 7.25M4.5 9.5L6 11.75M13.5 9.5L12 7.25M13.5 9.5L12 11.75M15.75 16.25V2.75M2.25 16.25V2.75" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 9.5H13.5M4.5 9.5L6 7.25M4.5 9.5L6 11.75M13.5 9.5L12 7.25M13.5 9.5L12 11.75M15.75 16.25V2.75M2.25 16.25V2.75" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { Setting, SettingProps } from '../base/settings';
-import { SettingGroup, TabSettingGroup } from '../base/settings-group/settingsGroup';
+import { SettingGroup } from '../base/settings-group/settingsGroup';
 import { HeaderTypographySettingSet } from '../groups/headerTypographySettingsSet';
 import { AlignValue } from '../settings/align-settings/alignSettings';
 import { GradientSetting } from '../settings/gradient-settings';
@@ -55,15 +55,7 @@ export declare type ExtractSettingGroupValues<T> = T extends SettingGroup<infer
     [K in keyof S]: S[K] extends Setting<infer V, infer P> ? ExtractSettingValue<S[K]> : S[K] extends SettingGroup<infer U> ? ExtractSettingGroupValues<S[K]> : unknown;
 } : never;
 type GradientSettingValue<T> = T extends GradientSetting ? ReturnType<T["getValue"]> : never;
-export type SettingsToProps<T> = T extends TabSettingGroup<infer S> ? {
-    [K in keyof S]: S[K] extends GradientSetting ? GradientSettingValue<S[K]> : S[K] extends Setting<infer V, infer P> ? V : S[K] extends HeaderTypographySettingSet ? HeaderTypographyValue<S[K]> : S[K] extends SettingGroup<infer U> ? SettingsToProps<S[K]> : S[K] extends {
-        setValue(value: infer V | undefined): void;
-    } ? V : S[K] extends {
-        value: infer V;
-    } ? V : unknown;
-} & {
-    activeTabId: string;
-} : T extends SettingGroup<infer S> ? {
+export type SettingsToProps<T> = T extends SettingGroup<infer S> ? {
     [K in keyof S]: S[K] extends GradientSetting ? GradientSettingValue<S[K]> : S[K] extends Setting<infer V, infer P> ? V : S[K] extends HeaderTypographySettingSet ? HeaderTypographyValue<S[K]> : S[K] extends SettingGroup<infer U> ? SettingsToProps<S[K]> : S[K] extends {
         setValue(value: infer V | undefined): void;
     } ? V : S[K] extends {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "builder-settings-types",
   "description": "builder settings",
-  "version": "0.0.330",
+  "version": "0.0.335",
   "type": "module",
   "main": "dist/builder-settings-types.cjs.js",
   "module": "dist/builder-settings-types.es.js",

package/dist/groups/image-setting-set/imageSettingSet.d.ts

@@ -1,21 +0,0 @@
-import { SettingGroup } from '../../base/settings-group/settingsGroup';
-import { WidthSetting } from '../../settings/width-setting/widthSettings';
-import { HeightSetting } from '../../settings/height-setting/heightSettings';
-import { UploadSetting, UploadSettingProps } from '../../settings/upload-image-settings/uploadImageSettings';
-export interface ImageSettingSetProps {
-    image?: string;
-    width?: number;
-    height?: number;
-    widthMobile?: number;
-    heightMobile?: number;
-    uploadProps?: UploadSettingProps;
-    collapsed?: boolean;
-    title?: string;
-}
-export declare class ImageSettingSet extends SettingGroup<{
-    image: UploadSetting;
-    width: WidthSetting;
-    height: HeightSetting;
-}> {
-    constructor(props?: ImageSettingSetProps);
-}

package/dist/settings/image-map-settings/ImageMapSetting.d.ts

@@ -1,76 +0,0 @@
-import { Setting, InputTypes } from '../../base/settings';
-import { ImageMapValue, ImageMapSettingProps } from './types';
-export declare class ImageMapSetting extends Setting<ImageMapValue, ImageMapSettingProps> {
-    inputType: {
-        imageUrl: InputTypes;
-        markers: InputTypes;
-    };
-    private static openInstance;
-    private mainButton;
-    private thumbnailEl;
-    private markerCountEl;
-    private mapIconEl;
-    private popoverEl;
-    private backdropEl;
-    private imageElement;
-    private cursorTooltip;
-    private popoverPosition;
-    private isPopoverOpen;
-    private confirmOverlayEl;
-    private confirmPromise;
-    private lastImageNaturalSize;
-    private draggingMarkerId;
-    private history;
-    private historyIndex;
-    private isUndoRedoOperation;
-    private initialValue;
-    private onBackgroundClick;
-    private handlePopoverKeydown;
-    private boundHandleMarkerDrag;
-    private boundStopDragging;
-    private messageListener;
-    constructor(props?: ImageMapSettingProps);
-    private setupMessageListener;
-    private cleanupMessageListener;
-    draw(): HTMLElement;
-    private updateMainDisplay;
-    private createPopover;
-    private openPopover;
-    private hasAllMarkers;
-    private hasChanges;
-    private closePopover;
-    private positionPopover;
-    private refreshPopoverContent;
-    private refreshPopoverContentAndScrollToBottom;
-    private scrollPrizeListToBottom;
-    private renderUploadSection;
-    private renderControlsRow;
-    private renderImageMapSection;
-    private renderBottomButtons;
-    private renderPrizeList;
-    private createMarkerElement;
-    private handleImageUpload;
-    private handleImageClick;
-    private handleMarkerDrag;
-    private stopDragging;
-    private handleDeleteMarker;
-    private handleClearAllMarkers;
-    private getNextPrizeInfo;
-    private showCursorTooltip;
-    private hideCursorTooltip;
-    private updateCursorTooltip;
-    private saveState;
-    private canUndo;
-    private canRedo;
-    private undo;
-    private redo;
-    private updateUndoRedoButtons;
-    private showError;
-    private setMarkers;
-    private scaleMarkersForNewImage;
-    private clampPercentage;
-    private recordImageNaturalSize;
-    private showConfirmModal;
-    private triggerChange;
-    destroy(): void;
-}

package/dist/settings/image-map-settings/index.d.ts

@@ -1,2 +0,0 @@
-export { ImageMapSetting } from './ImageMapSetting';
-export type { ImageMapValue, ImageMapMarker, ImageMapSettingProps } from './types';

package/dist/settings/image-map-settings/types.d.ts

@@ -1,19 +0,0 @@
-import { SettingProps } from '../../base/settings';
-export interface ImageMapMarker {
-    id: number;
-    index: number;
-    x: number;
-    y: number;
-    prizeName?: string;
-}
-export interface ImageMapValue {
-    imageUrl: string;
-    markers: ImageMapMarker[];
-}
-export interface ImageMapSettingProps extends SettingProps<ImageMapValue> {
-    maxMarkers?: number;
-    markerSize?: number;
-    maxFileSizeMB?: number;
-    prizeMap?: string[];
-    upload?: 'input' | 'file-manager';
-}