@useinsider/guido 3.20.1 → 3.21.0-beta.0df5409

package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts

@@ -18,6 +18,7 @@ export declare const PriceControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly color: {
@@ -30,6 +31,7 @@ export declare const PriceControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly size: {
@@ -42,6 +44,7 @@ export declare const PriceControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly style: {
@@ -54,6 +57,7 @@ export declare const PriceControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly fontFamily: {
@@ -66,6 +70,7 @@ export declare const PriceControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly background: {
@@ -78,6 +83,7 @@ export declare const PriceControls: {
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly paddings: {
@@ -90,6 +96,7 @@ export declare const PriceControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
 };

package/dist/src/extensions/Blocks/Recommendation/controls/shared/textTrimCssRules.d.ts

@@ -11,19 +11,21 @@
 import type { ImmutableCssNode } from '@stripoinc/ui-editor-extensions';
 import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
 export declare const CSS_CLASS_TEXT_TRIM = "text-trim-enabled";
+interface CssModifier {
+    modifyCss: (node: ImmutableCssNode) => {
+        appendRule: (rule: string) => void;
+    };
+    apply: (desc: ModificationDescription) => void;
+}
 interface CssCapableApi {
     getDocumentRootCssNode: () => ImmutableCssNode | null;
-    getDocumentModifier: () => {
-        modifyCss: (node: ImmutableCssNode) => {
-            appendRule: (rule: string) => void;
-        };
-        apply: (desc: ModificationDescription) => void;
-    };
+    getDocumentModifier: () => CssModifier;
 }
 /**
  * Ensures the text-trim CSS rules exist in the document stylesheet.
  * Only adds rules if they don't already exist (prevents duplicates across blocks).
- * Calls getDocumentRootCssNode once and passes it to both checks.
+ * @param batch - stage into this modifier and let the caller apply it (one undo entry)
+ * @returns whether any rule was staged
  */
-export declare function ensureTextTrimCssRulesExist(api: CssCapableApi): void;
+export declare function ensureTextTrimCssRulesExist(api: CssCapableApi, batch?: CssModifier): boolean;
 export {};

package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts

@@ -12,8 +12,9 @@
  * Configuration is stored via node config (persists with template).
  * Actual spacing is applied to DOM elements via inline styles.
  */
-import { type ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import type { CssNodeModifier, HtmlNodeModifier, ImmutableHtmlNode, TemplateModifier } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../../common-control';
+type DocumentModifier = TemplateModifier<HtmlNodeModifier, CssNodeModifier>;
 export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
 /**
  * Control for managing spacing between product cards
@@ -81,10 +82,12 @@ export declare class SpacingControl extends CommonControl {
      * Applies height only to spacer elements in the mobile container.
      */
     _onMobileRowSpacingChange(spacing: number): void;
-    /**
-     * Stores a spacing value as a data attribute on the block root element
-     */
-    _storeDataAttribute(attr: string, spacing: number): void;
+    /** Horizontal padding on every card cell inside the container the selector finds. */
+    _stageColumnPadding(modifier: DocumentModifier, containerSelector: string, spacing: number): void;
+    /** Height on every spacer row inside the container the selector finds. */
+    _stageSpacerHeight(modifier: DocumentModifier, containerSelector: string, spacing: number): void;
+    /** Mirrors a spacing value onto the block root as a data attribute (regeneration reads it back). */
+    _stageDataAttribute(modifier: DocumentModifier, attr: string, spacing: number): void;
     _listenToFormUpdates(): void;
     /**
      * Debounced version of _onColumnSpacingChange
@@ -109,3 +112,4 @@ export declare class SpacingControl extends CommonControl {
      */
     _subscribeToOrientationChanges(): void;
 }
+export {};

package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts

@@ -9,6 +9,7 @@ export declare const TitleControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly color: {
@@ -21,6 +22,7 @@ export declare const TitleControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly size: {
@@ -33,6 +35,7 @@ export declare const TitleControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly style: {
@@ -45,6 +48,7 @@ export declare const TitleControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly fontFamily: {
@@ -57,6 +61,7 @@ export declare const TitleControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly background: {
@@ -69,6 +74,7 @@ export declare const TitleControls: {
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
     readonly paddings: {
@@ -81,6 +87,7 @@ export declare const TitleControls: {
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
             getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
 };

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -1,4 +1,5 @@
 import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationCampaignUrlValue, RecommendationProduct, RrsMigrationPayload, RrsMigrationTarget, RrsStrategy } from '@@/Types/recommendation';
+export declare const disposeStrategyPageReturnListeners: () => void;
 export interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
@@ -54,6 +55,8 @@ interface PerBlockState {
      */
     syncedConfigFingerprint: string | null;
     legacyConversionLoading: boolean;
+    configVersion: number;
+    adoptedSizeVersion: number;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -618,7 +621,12 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      */
     invalidBlockFields(): string[];
     fetchRecommendationProducts(): Promise<void>;
-    _doFetchProducts(): Promise<void>;
+    /**
+     * Fetches one block's products whether or not it is selected: the panel teardown and the
+     * strategy drawer refresh the block they were handed after the user may have moved on.
+     */
+    fetchRecommendationProductsForBlock(blockId: number): Promise<void>;
+    _doFetchProducts(targetBlockId?: number): Promise<void>;
     /**
      * Block-scoped counterpart of `fetchRecommendationProducts`, which only serves the selected block:
      * the legacy conversion and the duplicate refresh must reach a block that may no longer be selected.

package/dist/src/extensions/Blocks/Recommendation/utils/blockRefresh.d.ts

@@ -0,0 +1,17 @@
+import type { PerBlockConfigs } from '../store/recommendation';
+import type { PartialNodeConfig } from '../types/nodeConfig';
+interface BlockRefreshOptions {
+    pickUpdates: (configs: PerBlockConfigs) => PartialNodeConfig;
+    description: string;
+    fetch?: boolean;
+}
+/**
+ * Fetches one block's products and commits them with its config straight to the document, for
+ * callers the settings panel can no longer serve (deselect, block switch, host-rendered strategy UI).
+ * @param options.pickUpdates - the config keys this caller owns on the node
+ * @param options.description - labels the undo entry
+ * @param options.fetch - false when the block's products already landed and only need rendering
+ * @returns whether the write reached a node
+ */
+export declare function refreshBlockOutsidePanel(blockId: number, { pickUpdates, description, fetch }: BlockRefreshOptions): Promise<boolean>;
+export {};

package/dist/src/extensions/Blocks/Recommendation/utils/currencySettings.d.ts

@@ -0,0 +1,6 @@
+import type { PerBlockConfigs } from '../store/recommendation';
+import type { CurrencyConfig } from '../types/nodeConfig';
+export type CurrencySettings = PerBlockConfigs['currencySettings'];
+/** The store mirror of a node currency: alignment is '0' | '1' and decimalCount a string. */
+export declare function toCurrencySettings(currency: CurrencyConfig): CurrencySettings;
+export declare function toCurrencyConfig(settings: CurrencySettings): CurrencyConfig;

package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts

@@ -6,6 +6,8 @@ interface ConfigWriterApi {
     getDocumentModifier: () => DocumentModifier;
     getDocumentRootHtmlNode: () => ImmutableHtmlNode;
 }
+export declare const UPDATE_FILTERS_DESCRIPTION = "Update recommendation filters";
+export type OutsidePanelWriteResult = 'applied' | 'unchanged' | 'missing';
 /**
  * Keeps a document handle alive for writes the settings panel can no longer make.
  * Deliberately not cleared on deselect — that is the exact moment the handle is
@@ -13,20 +15,25 @@ interface ConfigWriterApi {
  * itself is torn down.
  */
 export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
+/** Registers a config write still waiting for its product fetch; the flush reports whether it applied a patch. */
+export declare function registerPendingConfigFlush(flush: () => boolean): () => void;
+/** Lands every deferred config write before the document is read (save, export, autosave); returns the patches applied. */
+export declare function flushPendingNodeConfigWrites(): number;
+export declare function describeConfigChange(nodeConfig: RecommendationNodeConfig, updates: PartialNodeConfig): string | null;
+export declare function hasEditedConfigChange(node: ImmutableHtmlNode, updates: PartialNodeConfig): boolean;
+/** Stages the config and the compiler-read currency attributes that must follow it, without applying. */
+export declare function stageConfigChange(documentModifier: DocumentModifier, node: ImmutableHtmlNode, updates: PartialNodeConfig): void;
+/**
+ * Writes a config change to the block's node on its own, found by id — never through a
+ * panel-held node, which may already belong to the block the user switched to.
+ * @param description - overrides the label derived from the keys that move
+ */
+export declare function writeBlockConfigOutsidePanel(blockId: number, updates: PartialNodeConfig, description?: string): OutsidePanelWriteResult;
 /** Reads the persisted config of every node carrying a block id (two while a duplicate still shares it). */
 export declare function readBlockNodeConfigs(blockId: number): RecommendationNodeConfig[];
 /**
- * Commits a config change and its product re-render straight to the document,
- * bypassing the settings panel.
- *
- * Host-rendered UI (the remove-strategy modal) lives outside `ui-editor`, and
- * Stripo deselects the block on the first click that lands there — destroying the
- * control that normally does both, before the store change even happens.
- *
- * Mirrors the control's regenerate routine so config and cards land in ONE undo
- * entry, and so partner-managed blocks keep their hand-authored cells.
- * @param description - labels the undo entry only when there are no cards to
- * re-render; the product helpers label their own batch.
+ * Commits a config change and its cards to the document in ONE apply, bypassing the settings panel
+ * (host-rendered UI deselects the block first): one Undo reverts both and Version History previews the cards.
  * @returns whether the write reached a node
  */
 export declare function commitBlockChangeOutsidePanel(blockId: number, updates: PartialNodeConfig, products: RecommendationProduct[], description: string): boolean;

package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts

@@ -1,9 +1,8 @@
 import type { ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
+export declare const disposeUnsubscribeListeners: () => void;
 export declare class UnsubscribeBlock extends Block {
-    private selectEventListener;
-    private cancelEventListener;
     private currentNode?;
     private linkStateByBlockId;
     private guardAttemptsByBlockId;
@@ -20,7 +19,6 @@ export declare class UnsubscribeBlock extends Block {
     onDocumentInit(): void;
     onDocumentChanged(node: ImmutableHtmlNode): void;
     onDelete(node: ImmutableHtmlElementNode): void;
-    onDestroy(): void;
     /**
      * Guarantees a plain-text node before the link's wrapper inside the <p>.
      * Without it the only caret position left of the link is inside the anchor,
@@ -44,11 +42,8 @@ export declare class UnsubscribeBlock extends Block {
     private _generateNextBlockId;
     private _warnLinkRemoved;
     private _setupSelectEventListener;
-    private _removeSelectEventListener;
     private _setupCancelEventListener;
-    private _removeCancelEventListener;
     private _handleCancel;
-    private _removeEventListeners;
     private _updateBlock;
     private _getMergeTag;
     private _openDrawer;

package/dist/src/extensions/Blocks/_Boilerplate/controls/blockBackground/index.d.ts

@@ -10,5 +10,6 @@ export declare const BlockBackgroundControl: {
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -24,6 +24,7 @@ export declare function createTextAlignControl(controlId: string, targetBlockId?
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -40,6 +41,7 @@ export declare function createTextColorControl(controlId: string, targetBlockId?
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -56,6 +58,7 @@ export declare function createTextSizeControl(controlId: string, targetBlockId?:
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -72,6 +75,7 @@ export declare function createTextStyleControl(controlId: string, targetBlockId?
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -88,6 +92,7 @@ export declare function createTextFontFamilyControl(controlId: string, targetBlo
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -113,6 +118,7 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
         getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -149,6 +155,7 @@ export declare function createBlockBackgroundColorControl(controlId: string, blo
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -165,6 +172,7 @@ export declare function createPaddingsControl(controlId: string, targetBlockId?:
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -181,6 +189,7 @@ export declare function createTextLineSpacingControl(controlId: string, targetBl
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -196,6 +205,7 @@ export declare function createButtonAlignControl(controlId: string, targetBlockI
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -211,6 +221,7 @@ export declare function createButtonColorControl(controlId: string, targetBlockI
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -226,6 +237,7 @@ export declare function createButtonBorderControl(controlId: string, targetBlock
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -241,6 +253,7 @@ export declare function createButtonBorderRadiusControl(controlId: string, targe
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -256,6 +269,7 @@ export declare function createButtonFontFamilyControl(controlId: string, targetB
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -271,6 +285,7 @@ export declare function createButtonMarginsControl(controlId: string, targetBloc
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -286,6 +301,7 @@ export declare function createButtonPaddingsControl(controlId: string, targetBlo
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -301,6 +317,7 @@ export declare function createButtonTextControl(controlId: string, targetBlockId
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -316,6 +333,7 @@ export declare function createButtonTextSizeControl(controlId: string, targetBlo
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -341,6 +359,7 @@ export declare function createButtonTextStyleAndFontColorControl(controlId: stri
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -356,6 +375,7 @@ export declare function createButtonFitToContainerControl(controlId: string, tar
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -371,6 +391,7 @@ export declare function createImageSizeControl(controlId: string, targetBlockId:
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 /**
@@ -386,5 +407,6 @@ export declare function createImageMarginsControl(controlId: string, targetBlock
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };

package/dist/src/services/settingsApi.d.ts

@@ -0,0 +1,6 @@
+export interface SetupSettingsResponse {
+    isEmailAutoSaveEnabled?: boolean | number;
+}
+export declare const useSettingsApi: () => {
+    getSetupSettings: () => Promise<SetupSettingsResponse>;
+};

package/dist/src/stores/editor.d.ts

@@ -336,4 +336,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
     }>) => boolean;
-}, {}>;
+}, {
+    markChanged(): void;
+}>;

package/dist/src/stores/setup-settings.d.ts

@@ -0,0 +1,4 @@
+export declare const useSetupSettingsStore: import("pinia").StoreDefinition<"guidoSetupSettings", {
+    isEmailAutoSaveEnabled: boolean;
+    isLoaded: boolean;
+}, {}, {}>;

package/dist/static/styles/components/button.css.js

@@ -115,6 +115,11 @@ ue-color .base-input {
     width: 100%;
 }
 
+/* Stripo 2.79.0: empty unless templateThemeMode is DARK; its min-width: 10% squeezes ue-color by ~8px. */
+.container > ue-check-buttons.dark-mode-border-color-switcher {
+    min-width: 0;
+}
+
 ue-select-text-input .select-text-input-toggle {
     top: 0;
     right: 0;

package/dist/stores/editor.js

@@ -35,6 +35,11 @@ const o = e("guidoEditor", {
     isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen,
     // Autosave
     isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen
+  },
+  actions: {
+    markChanged() {
+      this.hasChanges = !0, this.changeSeq += 1;
+    }
   }
 });
 export {

package/dist/stores/setup-settings.js

@@ -0,0 +1,10 @@
+import { defineStore as e } from "pinia";
+const o = e("guidoSetupSettings", {
+  state: () => ({
+    isEmailAutoSaveEnabled: !1,
+    isLoaded: !1
+  })
+});
+export {
+  o as useSetupSettingsStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.20.1",
+  "version": "3.21.0-beta.0df5409",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -52,9 +52,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.10.0",
+    "@stripoinc/ui-editor-extensions": "3.11.0",
     "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
-    "@useinsider/design-system-vue": "1.5.0",
+    "@useinsider/design-system-vue": "2.3.1",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -123,7 +123,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.77.0"
+      "version": "2.79.0"
     }
   }
 }