@useinsider/guido 2.2.0-beta.8abc7b6 → 2.2.0-beta.953ff70

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.
Files changed (133) hide show
  1. package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js +14 -15
  2. package/dist/composables/useHtmlValidator.js +104 -114
  3. package/dist/composables/useRecommendation.js +21 -54
  4. package/dist/config/compiler/recommendationCompilerRules.js +39 -45
  5. package/dist/config/migrator/itemsBlockMigrator.js +97 -101
  6. package/dist/config/migrator/recommendationMigrator.js +2 -2
  7. package/dist/enums/extensions/recommendationBlock.js +1 -1
  8. package/dist/enums/recommendation.js +15 -16
  9. package/dist/extensions/Blocks/Recommendation/block.js +9 -133
  10. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +187 -0
  11. package/dist/extensions/Blocks/Recommendation/constants.js +13 -0
  12. package/dist/extensions/Blocks/Recommendation/control.js +336 -0
  13. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +68 -0
  14. package/dist/extensions/Blocks/Recommendation/controls/index.js +245 -0
  15. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +74 -0
  16. package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscount/textAfter.js → omnibusDiscountTextAfterControl.js} +14 -16
  17. package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscount/textBefore.js → omnibusDiscountTextBeforeControl.js} +14 -16
  18. package/dist/extensions/Blocks/Recommendation/controls/{omnibusPrice/textAfter.js → omnibusPriceTextAfterControl.js} +14 -16
  19. package/dist/extensions/Blocks/Recommendation/controls/{omnibusPrice/textBefore.js → omnibusPriceTextBeforeControl.js} +12 -14
  20. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +188 -0
  21. package/dist/extensions/Blocks/Recommendation/extension.js +17 -40
  22. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +3 -19
  23. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
  24. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +10 -21
  25. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +207 -254
  26. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +181 -0
  27. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +189 -0
  28. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +209 -0
  29. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
  30. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +15 -26
  31. package/dist/extensions/Blocks/controlFactories.js +93 -125
  32. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +186 -242
  33. package/dist/services/recommendationApi.js +8 -11
  34. package/dist/services/templateLibraryApi.js +13 -16
  35. package/dist/src/components/wrappers/WpDrawer.vue.d.ts +1 -1
  36. package/dist/src/composables/useRecommendation.d.ts +0 -1
  37. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -67
  38. package/dist/src/extensions/Blocks/Recommendation/{controls/cardComposition/index.d.ts → cardCompositionControl.d.ts} +3 -23
  39. package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +24 -0
  40. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +38 -0
  41. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +589 -21
  42. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +16 -0
  43. package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
  44. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +468 -138
  45. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  46. package/dist/src/extensions/Blocks/Recommendation/templates/{grid/migration.d.ts → migrationTemplate.d.ts} +4 -11
  47. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +52 -0
  48. package/dist/static/styles/customEditorStyle.css.js +11 -35
  49. package/dist/utils/pairProductVariables.js +56 -57
  50. package/dist/utils/templatePreparation.js +14 -15
  51. package/package.json +1 -1
  52. package/dist/config/compiler/utils/recommendationCompilerUtils.js +0 -121
  53. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
  54. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
  55. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +0 -66
  56. package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -22
  57. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -21
  58. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
  59. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
  60. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
  61. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
  62. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -92
  63. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -102
  64. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -209
  65. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -52
  66. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -250
  67. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -70
  68. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -160
  69. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -67
  70. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -307
  71. package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js +0 -21
  72. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
  73. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -108
  74. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
  75. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
  76. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
  77. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
  78. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -222
  79. package/dist/extensions/Blocks/Recommendation/services/configService.js +0 -240
  80. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +0 -228
  81. package/dist/extensions/Blocks/Recommendation/templates/grid/migration.js +0 -251
  82. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +0 -66
  83. package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
  84. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +0 -169
  85. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +0 -73
  86. package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -134
  87. package/dist/extensions/Blocks/Recommendation/types/nodeConfig.js +0 -6
  88. package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js +0 -29
  89. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
  90. package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts +0 -17
  91. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
  92. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +0 -49
  93. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -13
  94. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -41
  95. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -35
  96. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
  97. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
  98. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
  99. package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -37
  100. package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -29
  101. package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -52
  102. package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
  103. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -79
  104. package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -24
  105. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -60
  106. package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -23
  107. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -221
  108. package/dist/src/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.d.ts +0 -29
  109. package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
  110. package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -34
  111. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
  112. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
  113. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
  114. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
  115. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
  116. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
  117. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
  118. package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
  119. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -83
  120. package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +0 -151
  121. package/dist/src/extensions/Blocks/Recommendation/services/index.d.ts +0 -6
  122. package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +0 -20
  123. package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +0 -33
  124. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -41
  125. package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +0 -8
  126. package/dist/src/extensions/Blocks/Recommendation/templates/list/migration.d.ts +0 -25
  127. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +0 -18
  128. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -66
  129. package/dist/src/extensions/Blocks/Recommendation/types/index.d.ts +0 -7
  130. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -166
  131. package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.d.ts +0 -33
  132. package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts +0 -113
  133. package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
@@ -1,34 +0,0 @@
1
- import { ImmutableCssNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- /**
4
- * Control for enabling/disabling text trimming on product names
5
- * When enabled, adds a CSS class that applies text-overflow: ellipsis
6
- * and injects the required CSS rules into the document stylesheet
7
- */
8
- export declare class NameTextTrimControl extends CommonControl {
9
- getId(): string;
10
- getTemplate(): string;
11
- onRender(): void;
12
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
13
- _setFormValues(): void;
14
- _getCurrentTrimState(): boolean;
15
- /**
16
- * Finds an existing CSS rule in the document stylesheet by exact query
17
- * @param query - The CSS query to search for (uses Stripo's CSS query syntax)
18
- * @returns The CSS rule node if found, undefined otherwise
19
- */
20
- _findCssRule(query: string): ImmutableCssNode | undefined;
21
- /**
22
- * Finds the .text-trim-enabled p rule by searching all text-trim rules and comparing selectors
23
- * This is needed because Stripo's CSS query syntax interprets spaces as path separators
24
- * @returns true if the rule exists
25
- */
26
- _hasParagraphRule(): boolean;
27
- /**
28
- * Ensures the text-trim CSS rules exist in the document stylesheet
29
- * Only adds rules if they don't already exist (prevents duplicates across multiple blocks)
30
- */
31
- _ensureCssRulesExist(): void;
32
- _onTextTrimChange(enabled: boolean): void;
33
- _listenToFormUpdates(): void;
34
- }
@@ -1,95 +0,0 @@
1
- /**
2
- * Old Price Element Controls
3
- *
4
- * Controls for styling the original/old price element in recommendation cards.
5
- */
6
- /**
7
- * Grouped Old Price Controls
8
- * Use this object for cleaner imports in extension.ts
9
- */
10
- export declare const OldPriceControls: {
11
- readonly align: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- 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;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- };
22
- };
23
- readonly color: {
24
- new (): {
25
- getId(): string;
26
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
27
- getParentControlId(): string;
28
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
29
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
30
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
31
- 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;
32
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
33
- };
34
- };
35
- readonly size: {
36
- new (): {
37
- getId(): string;
38
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
39
- getParentControlId(): string;
40
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
41
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
42
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
43
- 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;
44
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
45
- };
46
- };
47
- readonly style: {
48
- new (): {
49
- getId(): string;
50
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
51
- getParentControlId(): string;
52
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
53
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
54
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
55
- 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;
56
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
57
- };
58
- };
59
- readonly fontFamily: {
60
- new (): {
61
- getId(): string;
62
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
63
- getParentControlId(): string;
64
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
65
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
66
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
67
- 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;
68
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
69
- };
70
- };
71
- readonly background: {
72
- new (): {
73
- getId(): string;
74
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
75
- getParentControlId(): string;
76
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
77
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
78
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
79
- 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;
80
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
81
- };
82
- };
83
- readonly paddings: {
84
- new (): {
85
- getId(): string;
86
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
87
- getParentControlId(): string;
88
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
89
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
90
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
91
- 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;
92
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
93
- };
94
- };
95
- };
@@ -1,100 +0,0 @@
1
- /**
2
- * Omnibus Discount Element Controls
3
- *
4
- * Controls for styling the omnibus discount element in recommendation cards.
5
- * Includes text before/after controls for compliance text.
6
- */
7
- import { OmnibusDiscountTextAfterControl } from './textAfter';
8
- import { OmnibusDiscountTextBeforeControl } from './textBefore';
9
- /**
10
- * Grouped Omnibus Discount Controls
11
- * Use this object for cleaner imports in extension.ts
12
- */
13
- export declare const OmnibusDiscountControls: {
14
- readonly align: {
15
- new (): {
16
- getId(): string;
17
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
18
- getParentControlId(): string;
19
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
20
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
21
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
22
- 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;
23
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
24
- };
25
- };
26
- readonly color: {
27
- new (): {
28
- getId(): string;
29
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
30
- getParentControlId(): string;
31
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
32
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
33
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
34
- 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;
35
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
36
- };
37
- };
38
- readonly size: {
39
- new (): {
40
- getId(): string;
41
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
42
- getParentControlId(): string;
43
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
44
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
45
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
46
- 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;
47
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
48
- };
49
- };
50
- readonly style: {
51
- new (): {
52
- getId(): string;
53
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
54
- getParentControlId(): string;
55
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
56
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
57
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
58
- 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;
59
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
60
- };
61
- };
62
- readonly fontFamily: {
63
- new (): {
64
- getId(): string;
65
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
66
- getParentControlId(): string;
67
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
68
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
69
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
70
- 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;
71
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
72
- };
73
- };
74
- readonly background: {
75
- new (): {
76
- getId(): string;
77
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
78
- getParentControlId(): string;
79
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
80
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
81
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
82
- 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;
83
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
84
- };
85
- };
86
- readonly paddings: {
87
- new (): {
88
- getId(): string;
89
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
90
- getParentControlId(): string;
91
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
92
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
93
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
94
- 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;
95
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
96
- };
97
- };
98
- readonly textBefore: typeof OmnibusDiscountTextBeforeControl;
99
- readonly textAfter: typeof OmnibusDiscountTextAfterControl;
100
- };
@@ -1,15 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- /**
4
- * Control for setting text after Omnibus Discount value
5
- */
6
- export declare class OmnibusDiscountTextAfterControl extends CommonControl {
7
- getId(): string;
8
- getTemplate(): string;
9
- onRender(): void;
10
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
11
- _setFormValues(): void;
12
- _getCurrentText(): string;
13
- _onTextChange(newText: string): void;
14
- _listenToFormUpdates(): void;
15
- }
@@ -1,15 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- /**
4
- * Control for setting text before Omnibus Discount value
5
- */
6
- export declare class OmnibusDiscountTextBeforeControl extends CommonControl {
7
- getId(): string;
8
- getTemplate(): string;
9
- onRender(): void;
10
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
11
- _setFormValues(): void;
12
- _getCurrentText(): string;
13
- _onTextChange(newText: string): void;
14
- _listenToFormUpdates(): void;
15
- }
@@ -1,100 +0,0 @@
1
- /**
2
- * Omnibus Price Element Controls
3
- *
4
- * Controls for styling the omnibus price element in recommendation cards.
5
- * Includes text before/after controls for compliance text.
6
- */
7
- import { OmnibusPriceTextAfterControl } from './textAfter';
8
- import { OmnibusPriceTextBeforeControl } from './textBefore';
9
- /**
10
- * Grouped Omnibus Price Controls
11
- * Use this object for cleaner imports in extension.ts
12
- */
13
- export declare const OmnibusPriceControls: {
14
- readonly align: {
15
- new (): {
16
- getId(): string;
17
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
18
- getParentControlId(): string;
19
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
20
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
21
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
22
- 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;
23
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
24
- };
25
- };
26
- readonly color: {
27
- new (): {
28
- getId(): string;
29
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
30
- getParentControlId(): string;
31
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
32
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
33
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
34
- 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;
35
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
36
- };
37
- };
38
- readonly size: {
39
- new (): {
40
- getId(): string;
41
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
42
- getParentControlId(): string;
43
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
44
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
45
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
46
- 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;
47
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
48
- };
49
- };
50
- readonly style: {
51
- new (): {
52
- getId(): string;
53
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
54
- getParentControlId(): string;
55
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
56
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
57
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
58
- 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;
59
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
60
- };
61
- };
62
- readonly fontFamily: {
63
- new (): {
64
- getId(): string;
65
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
66
- getParentControlId(): string;
67
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
68
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
69
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
70
- 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;
71
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
72
- };
73
- };
74
- readonly background: {
75
- new (): {
76
- getId(): string;
77
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
78
- getParentControlId(): string;
79
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
80
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
81
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
82
- 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;
83
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
84
- };
85
- };
86
- readonly paddings: {
87
- new (): {
88
- getId(): string;
89
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
90
- getParentControlId(): string;
91
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
92
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
93
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
94
- 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;
95
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
96
- };
97
- };
98
- readonly textBefore: typeof OmnibusPriceTextBeforeControl;
99
- readonly textAfter: typeof OmnibusPriceTextAfterControl;
100
- };
@@ -1,15 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- /**
4
- * Control for setting text after Omnibus Price value
5
- */
6
- export declare class OmnibusPriceTextAfterControl extends CommonControl {
7
- getId(): string;
8
- getTemplate(): string;
9
- onRender(): void;
10
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
11
- _setFormValues(): void;
12
- _getCurrentText(): string;
13
- _onTextChange(newText: string): void;
14
- _listenToFormUpdates(): void;
15
- }
@@ -1,15 +0,0 @@
1
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- import { CommonControl } from '../../../common-control';
3
- /**
4
- * Control for setting text before Omnibus Price value
5
- */
6
- export declare class OmnibusPriceTextBeforeControl extends CommonControl {
7
- getId(): string;
8
- getTemplate(): string;
9
- onRender(): void;
10
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
11
- _setFormValues(): void;
12
- _getCurrentText(): string;
13
- _onTextChange(newText: string): void;
14
- _listenToFormUpdates(): void;
15
- }
@@ -1,95 +0,0 @@
1
- /**
2
- * Price Element Controls
3
- *
4
- * Controls for styling the product price element in recommendation cards.
5
- */
6
- /**
7
- * Grouped Price Controls
8
- * Use this object for cleaner imports in extension.ts
9
- */
10
- export declare const PriceControls: {
11
- readonly align: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- 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;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- };
22
- };
23
- readonly color: {
24
- new (): {
25
- getId(): string;
26
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
27
- getParentControlId(): string;
28
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
29
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
30
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
31
- 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;
32
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
33
- };
34
- };
35
- readonly size: {
36
- new (): {
37
- getId(): string;
38
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
39
- getParentControlId(): string;
40
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
41
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
42
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
43
- 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;
44
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
45
- };
46
- };
47
- readonly style: {
48
- new (): {
49
- getId(): string;
50
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
51
- getParentControlId(): string;
52
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
53
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
54
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
55
- 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;
56
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
57
- };
58
- };
59
- readonly fontFamily: {
60
- new (): {
61
- getId(): string;
62
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
63
- getParentControlId(): string;
64
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
65
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
66
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
67
- 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;
68
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
69
- };
70
- };
71
- readonly background: {
72
- new (): {
73
- getId(): string;
74
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
75
- getParentControlId(): string;
76
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
77
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
78
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
79
- 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;
80
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
81
- };
82
- };
83
- readonly paddings: {
84
- new (): {
85
- getId(): string;
86
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
87
- getParentControlId(): string;
88
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
89
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
90
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
91
- 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;
92
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
93
- };
94
- };
95
- };
@@ -1,83 +0,0 @@
1
- /**
2
- * Spacing Control
3
- *
4
- * Manages spacing between product cards:
5
- * - Column spacing: horizontal gap between cards in the same row
6
- * - Row spacing: vertical gap between different rows
7
- *
8
- * Configuration is stored via node config (persists with template).
9
- * Actual spacing is applied to DOM elements via inline styles.
10
- */
11
- import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
12
- import { CommonControl } from '../../../common-control';
13
- export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
14
- /**
15
- * Control for managing spacing between product cards
16
- * - Column spacing: horizontal gap between cards in the same row
17
- * - Row spacing: vertical gap between different rows
18
- */
19
- export declare class SpacingControl extends CommonControl {
20
- private store;
21
- private unsubscribeOrientation;
22
- getId(): string;
23
- getTemplate(): string;
24
- onRender(): void;
25
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
26
- onDestroy(): void;
27
- /**
28
- * Updates column spacing visibility based on layout orientation
29
- * Column spacing is hidden for list layout (products are stacked vertically)
30
- * Reads from node config first, falls back to store then DOM
31
- */
32
- _updateColumnSpacingVisibility(): void;
33
- /**
34
- * Reads spacing values from node config first, falls back to DOM styles
35
- */
36
- _setFormValues(): void;
37
- /**
38
- * Gets stored column spacing from the first attribute row cell's padding.
39
- * For grid layout: cells inside .recommendation-attribute-row have padding applied.
40
- * For list layout: the parent of .product-card-wrapper has the padding.
41
- * The padding is applied as "0 {halfSpacing}px", so we extract and multiply by 2.
42
- */
43
- _getStoredColumnSpacing(): number;
44
- /**
45
- * Gets stored row spacing from the first spacer element's height style
46
- */
47
- _getStoredRowSpacing(): number;
48
- /**
49
- * Handles column spacing changes.
50
- * For grid layout: applies horizontal padding to all cells inside attribute rows.
51
- * For list layout: applies padding to parent of product card wrappers.
52
- */
53
- _onColumnSpacingChange(spacing: number): void;
54
- /**
55
- * Handles row spacing changes
56
- * Applies height to all spacer elements between product rows
57
- */
58
- _onRowSpacingChange(spacing: number): void;
59
- /**
60
- * Stores column spacing value in block data attribute
61
- */
62
- _storeColumnSpacing(spacing: number): void;
63
- /**
64
- * Stores row spacing value in block data attribute
65
- */
66
- _storeRowSpacing(spacing: number): void;
67
- _listenToFormUpdates(): void;
68
- /**
69
- * Debounced version of _onColumnSpacingChange
70
- * Prevents excessive DOM updates when user rapidly adjusts the counter
71
- */
72
- _debouncedOnColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
73
- /**
74
- * Debounced version of _onRowSpacingChange
75
- * Prevents excessive DOM updates when user rapidly adjusts the counter
76
- */
77
- _debouncedOnRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
78
- /**
79
- * Subscribe to store orientation changes
80
- * Updates column spacing visibility when layout changes via the layout control
81
- */
82
- _subscribeToOrientationChanges(): void;
83
- }