@useinsider/guido 2.1.0-beta.7d0f92a → 2.1.0-beta.860ef21
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/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js +14 -15
- package/dist/composables/useHtmlValidator.js +84 -106
- package/dist/composables/useRecommendation.js +21 -54
- package/dist/config/compiler/recommendationCompilerRules.js +39 -45
- package/dist/config/migrator/recommendationMigrator.js +2 -2
- package/dist/enums/extensions/recommendationBlock.js +1 -1
- package/dist/enums/recommendation.js +15 -16
- package/dist/extensions/Blocks/Recommendation/block.js +9 -130
- package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +187 -0
- package/dist/extensions/Blocks/Recommendation/constants.js +13 -0
- package/dist/extensions/Blocks/Recommendation/control.js +336 -0
- package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +68 -0
- package/dist/extensions/Blocks/Recommendation/controls/index.js +245 -0
- package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +74 -0
- package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscount/textAfter.js → omnibusDiscountTextAfterControl.js} +14 -16
- package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscount/textBefore.js → omnibusDiscountTextBeforeControl.js} +14 -16
- package/dist/extensions/Blocks/Recommendation/controls/{omnibusPrice/textAfter.js → omnibusPriceTextAfterControl.js} +14 -16
- package/dist/extensions/Blocks/Recommendation/controls/{omnibusPrice/textBefore.js → omnibusPriceTextBeforeControl.js} +12 -14
- package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +188 -0
- package/dist/extensions/Blocks/Recommendation/extension.js +17 -40
- package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +3 -19
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +10 -21
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +193 -230
- package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +181 -0
- package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +189 -0
- package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +209 -0
- package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
- package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +15 -26
- package/dist/extensions/Blocks/controlFactories.js +93 -125
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +169 -223
- package/dist/services/recommendationApi.js +9 -10
- package/dist/services/templateLibraryApi.js +13 -16
- package/dist/src/components/wrappers/WpDrawer.vue.d.ts +1 -1
- package/dist/src/composables/useRecommendation.d.ts +0 -1
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -67
- package/dist/src/extensions/Blocks/Recommendation/{controls/cardComposition/index.d.ts → cardCompositionControl.d.ts} +3 -23
- package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +24 -0
- package/dist/src/extensions/Blocks/Recommendation/control.d.ts +38 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +589 -21
- package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +16 -0
- package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +468 -131
- package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
- package/dist/src/extensions/Blocks/Recommendation/templates/{grid/migration.d.ts → migrationTemplate.d.ts} +4 -11
- package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +52 -0
- package/dist/static/styles/components/notification.css.js +1 -0
- package/dist/static/styles/components/wide-panel.css.js +15 -0
- package/dist/static/styles/customEditorStyle.css.js +2 -25
- package/dist/utils/pairProductVariables.js +56 -57
- package/dist/utils/templatePreparation.js +14 -15
- package/package.json +2 -2
- package/dist/config/compiler/utils/recommendationCompilerUtils.js +0 -116
- package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
- package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +0 -65
- package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -20
- package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -19
- package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
- package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
- package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
- package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -92
- package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -102
- package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -209
- package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -52
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -217
- package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -70
- package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -110
- package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -67
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -286
- package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
- package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -108
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -222
- package/dist/extensions/Blocks/Recommendation/services/configService.js +0 -240
- package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +0 -233
- package/dist/extensions/Blocks/Recommendation/templates/grid/migration.js +0 -251
- package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +0 -69
- package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
- package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +0 -174
- package/dist/extensions/Blocks/Recommendation/templates/list/template.js +0 -73
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -122
- package/dist/extensions/Blocks/Recommendation/types/nodeConfig.js +0 -6
- package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js +0 -29
- package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
- package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts +0 -17
- package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +0 -49
- package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -35
- package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -31
- package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
- package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
- package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
- package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -37
- package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -29
- package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -52
- package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -68
- package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -24
- package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -42
- package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -23
- package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -214
- package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
- package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -34
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -83
- package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +0 -151
- package/dist/src/extensions/Blocks/Recommendation/services/index.d.ts +0 -6
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +0 -20
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +0 -33
- package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
- package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +0 -8
- package/dist/src/extensions/Blocks/Recommendation/templates/list/migration.d.ts +0 -25
- package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +0 -18
- package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -57
- package/dist/src/extensions/Blocks/Recommendation/types/index.d.ts +0 -7
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -160
- package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.d.ts +0 -33
- package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts +0 -113
- package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Style Preserver Utility
|
|
3
|
-
*
|
|
4
|
-
* Captures and restores element styles during block regeneration.
|
|
5
|
-
* This ensures user styling is preserved when:
|
|
6
|
-
* - Layout changes (grid <-> list)
|
|
7
|
-
* - Cards per row changes
|
|
8
|
-
* - Composition order changes
|
|
9
|
-
*
|
|
10
|
-
* Works with the node config system to provide complete style persistence.
|
|
11
|
-
*/
|
|
12
|
-
import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
|
|
13
|
-
import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
|
|
14
|
-
/**
|
|
15
|
-
* Style properties that can be captured for text elements
|
|
16
|
-
*/
|
|
17
|
-
export interface TextElementStyles {
|
|
18
|
-
fontSize?: string;
|
|
19
|
-
fontFamily?: string;
|
|
20
|
-
fontWeight?: string;
|
|
21
|
-
fontStyle?: string;
|
|
22
|
-
color?: string;
|
|
23
|
-
textAlign?: string;
|
|
24
|
-
lineHeight?: string;
|
|
25
|
-
textDecoration?: string;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Style properties for button elements
|
|
29
|
-
*/
|
|
30
|
-
export interface ButtonElementStyles extends TextElementStyles {
|
|
31
|
-
backgroundColor?: string;
|
|
32
|
-
borderRadius?: string;
|
|
33
|
-
border?: string;
|
|
34
|
-
padding?: string;
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Style properties for image elements
|
|
38
|
-
*/
|
|
39
|
-
export interface ImageElementStyles {
|
|
40
|
-
width?: string;
|
|
41
|
-
height?: string;
|
|
42
|
-
maxWidth?: string;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Complete captured styles for a recommendation block
|
|
46
|
-
*/
|
|
47
|
-
export interface CapturedStyles {
|
|
48
|
-
/** Product name text styles */
|
|
49
|
-
name: TextElementStyles;
|
|
50
|
-
/** Current price text styles */
|
|
51
|
-
price: TextElementStyles;
|
|
52
|
-
/** Original/old price text styles */
|
|
53
|
-
oldPrice: TextElementStyles;
|
|
54
|
-
/** Omnibus price text styles */
|
|
55
|
-
omnibusPrice: TextElementStyles;
|
|
56
|
-
/** Omnibus discount text styles */
|
|
57
|
-
omnibusDiscount: TextElementStyles;
|
|
58
|
-
/** CTA button styles */
|
|
59
|
-
button: ButtonElementStyles;
|
|
60
|
-
/** Product image styles */
|
|
61
|
-
image: ImageElementStyles;
|
|
62
|
-
/** Card background color */
|
|
63
|
-
cardBackgroundColor: string | null;
|
|
64
|
-
/** Column spacing in pixels */
|
|
65
|
-
columnSpacing: number;
|
|
66
|
-
/** Row spacing in pixels */
|
|
67
|
-
rowSpacing: number;
|
|
68
|
-
/** Element composition order */
|
|
69
|
-
composition: string[];
|
|
70
|
-
/** Element visibility flags */
|
|
71
|
-
visibility: Record<string, boolean>;
|
|
72
|
-
}
|
|
73
|
-
type DocumentModifier = {
|
|
74
|
-
modifyHtml: (node: ImmutableHtmlNode) => {
|
|
75
|
-
setStyle: (prop: string, value: string) => DocumentModifier;
|
|
76
|
-
};
|
|
77
|
-
apply: (description: ModificationDescription) => void;
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* Capture all styles from a recommendation block
|
|
81
|
-
*
|
|
82
|
-
* Call this BEFORE any operation that regenerates the block HTML.
|
|
83
|
-
* The captured styles can then be restored after regeneration.
|
|
84
|
-
* @example
|
|
85
|
-
* // Before layout change
|
|
86
|
-
* const styles = captureStyles(this.currentNode);
|
|
87
|
-
*
|
|
88
|
-
* // ... regenerate block HTML ...
|
|
89
|
-
*
|
|
90
|
-
* // After regeneration
|
|
91
|
-
* restoreStyles(this.currentNode, this.api.getDocumentModifier(), styles);
|
|
92
|
-
* @param node - The block node to capture styles from
|
|
93
|
-
* @returns Complete captured styles object
|
|
94
|
-
*/
|
|
95
|
-
export declare function captureStyles(node: ImmutableHtmlNode | null | undefined): CapturedStyles;
|
|
96
|
-
/**
|
|
97
|
-
* Restore captured styles to a regenerated block
|
|
98
|
-
*
|
|
99
|
-
* Call this AFTER regenerating block HTML to reapply user styling.
|
|
100
|
-
* @example
|
|
101
|
-
* restoreStyles(this.currentNode, this.api.getDocumentModifier(), capturedStyles);
|
|
102
|
-
* @param node - The block node to restore styles to
|
|
103
|
-
* @param modifier - Document modifier for applying changes
|
|
104
|
-
* @param styles - Previously captured styles
|
|
105
|
-
*/
|
|
106
|
-
export declare function restoreStyles(node: ImmutableHtmlNode | null | undefined, modifier: DocumentModifier, styles: CapturedStyles): void;
|
|
107
|
-
/**
|
|
108
|
-
* Check if styles have meaningful content worth restoring
|
|
109
|
-
* @param styles - Captured styles to check
|
|
110
|
-
* @returns True if styles contain restorable content
|
|
111
|
-
*/
|
|
112
|
-
export declare function hasRestorableStyles(styles: CapturedStyles): boolean;
|
|
113
|
-
export {};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Node Type Guards and Tag Name Utilities
|
|
3
|
-
*
|
|
4
|
-
* Provides type-safe utilities for working with ImmutableHtmlNode.
|
|
5
|
-
* Handles both standard DOM properties and Stripo's custom methods.
|
|
6
|
-
*/
|
|
7
|
-
import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
|
|
8
|
-
/** Interface for nodes with standard tagName property */
|
|
9
|
-
interface NodeWithTagName {
|
|
10
|
-
tagName: string;
|
|
11
|
-
}
|
|
12
|
-
/** Interface for nodes with getStyle method */
|
|
13
|
-
export interface NodeWithGetStyle {
|
|
14
|
-
getStyle: (property: string) => string | null | undefined;
|
|
15
|
-
}
|
|
16
|
-
/** Interface for nodes with parent method */
|
|
17
|
-
export interface NodeWithParent {
|
|
18
|
-
parent: () => ImmutableHtmlNode | null;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Type guard to check if a node has getStyle method
|
|
22
|
-
* @param node - The node to check
|
|
23
|
-
*/
|
|
24
|
-
export declare function hasGetStyle(node: unknown): node is NodeWithGetStyle;
|
|
25
|
-
/**
|
|
26
|
-
* Type guard to check if a node has parent method
|
|
27
|
-
* @param node - The node to check
|
|
28
|
-
*/
|
|
29
|
-
export declare function hasParent(node: unknown): node is NodeWithParent;
|
|
30
|
-
/**
|
|
31
|
-
* Type guard to check if a node is a TD element
|
|
32
|
-
* @param node - The node to check
|
|
33
|
-
*/
|
|
34
|
-
export declare function isTdNode(node: unknown): node is ImmutableHtmlNode & NodeWithTagName;
|
|
35
|
-
/**
|
|
36
|
-
* Safely retrieves a style value from a node
|
|
37
|
-
* @param node - The node to get the style from
|
|
38
|
-
* @param property - The CSS property name
|
|
39
|
-
* @returns The style value or null if not accessible
|
|
40
|
-
*/
|
|
41
|
-
export declare function safeGetStyle(node: ImmutableHtmlNode | null, property: string): string | null | undefined;
|
|
42
|
-
/**
|
|
43
|
-
* Safely retrieves the parent element of a node
|
|
44
|
-
* @param node - The node to get the parent from
|
|
45
|
-
* @returns The parent node or null if not accessible
|
|
46
|
-
*/
|
|
47
|
-
export declare function safeGetParent(node: ImmutableHtmlNode | null): ImmutableHtmlNode | null;
|
|
48
|
-
/**
|
|
49
|
-
* Safely retrieves the tag name from a node.
|
|
50
|
-
* Handles both standard DOM tagName property and Stripo's getTagName() method.
|
|
51
|
-
* @param node - The node to get the tag name from
|
|
52
|
-
* @param defaultValue - Default value if tag name cannot be determined (default: 'UNKNOWN')
|
|
53
|
-
* @returns The uppercase tag name
|
|
54
|
-
*/
|
|
55
|
-
export declare function getTagName(node: ImmutableHtmlNode | null | undefined, defaultValue?: string): string;
|
|
56
|
-
/**
|
|
57
|
-
* Checks if a tag name represents a table cell element.
|
|
58
|
-
* Includes standard TD and Stripo's custom block types (BLOCK_IMAGE, BLOCK_BUTTON).
|
|
59
|
-
* @param tagName - The tag name to check (case-insensitive)
|
|
60
|
-
* @returns True if the tag represents a table cell
|
|
61
|
-
*/
|
|
62
|
-
export declare function isTableCellTag(tagName: string): boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Checks if a node is a table cell element.
|
|
65
|
-
* Combines getTagName and isTableCellTag for convenience.
|
|
66
|
-
* @param node - The node to check
|
|
67
|
-
* @returns True if the node is a table cell element
|
|
68
|
-
*/
|
|
69
|
-
export declare function isTableCellNode(node: ImmutableHtmlNode | null | undefined): boolean;
|
|
70
|
-
/**
|
|
71
|
-
* Gets the appropriate CSS display value for showing a table element.
|
|
72
|
-
* Table cells use 'table-cell', table rows use 'table-row'.
|
|
73
|
-
* @param node - The table element node
|
|
74
|
-
* @returns The CSS display value ('table-cell' or 'table-row')
|
|
75
|
-
*/
|
|
76
|
-
export declare function getTableDisplayValue(node: ImmutableHtmlNode | null | undefined): 'table-cell' | 'table-row';
|
|
77
|
-
export {};
|