@useinsider/guido 2.0.0-beta.6b85cb2 → 2.0.0-beta.6da018c

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 (109) hide show
  1. package/dist/components/Guido.vue.js +1 -1
  2. package/dist/components/Guido.vue2.js +59 -57
  3. package/dist/components/organisms/base/Toaster.vue.js +6 -6
  4. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +6 -6
  5. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js +2 -2
  6. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +69 -153
  7. package/dist/extensions/Blocks/Recommendation/constants.js +1 -9
  8. package/dist/extensions/Blocks/Recommendation/control.js +59 -74
  9. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  10. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  11. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  12. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  13. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  14. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  15. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  16. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  17. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  18. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  19. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  20. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  21. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  22. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  23. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  24. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  25. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  26. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  27. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  28. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  30. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  31. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  32. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  33. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  34. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  35. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  37. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  39. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/extension.js +42 -16
  44. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -117
  45. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +64 -85
  46. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +17 -54
  47. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +45 -74
  48. package/dist/guido.css +1 -1
  49. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +52 -47
  50. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +3 -50
  51. package/dist/src/extensions/Blocks/Recommendation/constants.d.ts +0 -32
  52. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +2 -5
  53. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  54. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  55. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  56. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  57. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  58. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  59. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  60. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  61. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  62. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  63. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  64. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  65. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  66. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  67. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  68. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  69. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  70. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  71. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  72. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  73. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  74. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  75. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  76. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  77. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  78. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  79. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  80. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  81. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  82. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  83. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  84. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  85. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  86. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  87. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
  88. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +7 -15
  89. package/dist/static/styles/components/wide-panel.css.js +4 -0
  90. package/dist/static/styles/customEditorStyle.css.js +0 -13
  91. package/package.json +1 -1
  92. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +0 -68
  93. package/dist/extensions/Blocks/Recommendation/controls/index.js +0 -245
  94. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +0 -74
  95. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.js +0 -71
  96. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.js +0 -71
  97. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.js +0 -71
  98. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.js +0 -71
  99. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +0 -188
  100. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -25
  101. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +0 -25
  102. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -592
  103. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +0 -16
  104. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +0 -15
  105. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +0 -15
  106. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +0 -15
  107. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +0 -15
  108. package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +0 -60
  109. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
@@ -1,14 +1,3 @@
1
- /**
2
- * Attribute type constants used in templates
3
- * These are used as keys in ElementRenderer and composition arrays
4
- */
5
- export declare const ATTR_PRODUCT_IMAGE = "productImage";
6
- export declare const ATTR_PRODUCT_NAME = "productName";
7
- export declare const ATTR_PRODUCT_PRICE = "productPrice";
8
- export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
9
- export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
10
- export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
11
- export declare const ATTR_PRODUCT_BUTTON = "productButton";
12
1
  /**
13
2
  * Block IDs used in the Recommendation Extension
14
3
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -18,8 +7,6 @@ export declare enum RecommendationBlockId {
18
7
  NAME = "recommendation-block-name",
19
8
  PRICE = "recommendation-block-price",
20
9
  OLD_PRICE = "recommendation-block-old-price",
21
- OMNIBUS_PRICE = "recommendation-block-omnibus-price",
22
- OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
23
10
  IMAGE = "recommendation-block-image"
24
11
  }
25
12
  /**
@@ -45,7 +32,6 @@ export declare enum RecommendationControlId {
45
32
  NAME_PADDINGS = "recommendation-block-name-paddings-control",
46
33
  NAME_SIZE = "recommendation-block-name-size-control",
47
34
  NAME_STYLE = "recommendation-block-name-style-control",
48
- NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
49
35
  PRICE_ALIGN = "recommendation-block-price-align-control",
50
36
  PRICE_BACKGROUND = "recommendation-block-price-background-control",
51
37
  PRICE_COLOR = "recommendation-block-price-color-control",
@@ -60,24 +46,6 @@ export declare enum RecommendationControlId {
60
46
  OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
61
47
  OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
62
48
  OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
63
- OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
64
- OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
65
- OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
66
- OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
67
- OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
68
- OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
69
- OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
70
- OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
71
- OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
72
- OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
73
- OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
74
- OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
75
- OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
76
- OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
77
- OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
78
- OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
79
- OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
80
- OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
81
49
  IMAGE_SIZE = "recommendation-block-image-size-control",
82
50
  IMAGE_MARGINS = "recommendation-block-image-margins-control"
83
51
  }
@@ -17,6 +17,8 @@ export declare class RecommendationBlockControl extends CommonControl {
17
17
  _getProductLayout(): string;
18
18
  _getFilterStatus(): string;
19
19
  _getShuffleProducts(): string;
20
+ _getResponsive(): string;
21
+ _onFilterChange(value: boolean): void;
20
22
  _onFilterSelectClick(): void;
21
23
  _onDataChange(item: string, value: string | number | string[]): void;
22
24
  /**
@@ -24,11 +26,6 @@ export declare class RecommendationBlockControl extends CommonControl {
24
26
  */
25
27
  _getCardComposition(): string[];
26
28
  _regenerateProductRows(): void;
27
- /**
28
- * Reapply spacing values after product regeneration
29
- * This ensures spacing persists when products are regenerated
30
- */
31
- _reapplySpacing(): void;
32
29
  _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
33
30
  _onCurrencyConfigChange(item: string, value: string | number): void;
34
31
  _onCurrencyChange(value: string): void;
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonAlignControl extends ButtonAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonBorderBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonBorderControl extends ButtonBorderBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonBorderRadiusBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonBorderRadiusControl extends ButtonBorderRadiusBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonColorControl extends ButtonColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonFitToContainerBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonFitToContentControl extends ButtonFitToContainerBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonFontFamilyControl extends ButtonFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonMarginsControl extends ButtonMarginsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonPaddingsControl extends ButtonPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonTextBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonTextControl extends ButtonTextBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonTextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonTextSizeControl extends ButtonTextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ButtonTextStyleAndFontColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ButtonTextStyleAndFontColorControl extends ButtonTextStyleAndFontColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ImageMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ImageMarginsControl extends ImageMarginsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, ImageSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class ImageSizeControl extends ImageSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameAlignControl extends TextAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameBackgroundControl extends TextBlockBackgroundBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameColorControl extends TextColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameFontFamilyControl extends TextFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NamePaddingsControl extends TextPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameSizeControl extends TextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class NameStyleControl extends TextStyleBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceAlignControl extends TextAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceColorControl extends TextColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceFontFamilyControl extends TextFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPricePaddingsControl extends TextPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceSizeControl extends TextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class OldPriceStyleControl extends TextStyleBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceAlignControl extends TextAlignBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceColorControl extends TextColorBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceFontFamilyControl extends TextFontFamilyBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PricePaddingsControl extends TextPaddingsBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceSizeControl extends TextSizeBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -0,0 +1,5 @@
1
+ import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
2
+ export declare class PriceStyleControl extends TextStyleBuiltInControl {
3
+ getId(): string;
4
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
5
+ }
@@ -1,6 +1,6 @@
1
1
  import type { RecommendationProduct } from '@@/Types/recommendation';
2
- import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from './templateUtils';
3
- declare const blockTemplate = "\n <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n <tr>\n <td align=\"center\">\n <table\n class=\"container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <tr>\n <td>\n <table\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <BLOCK_TEXT\n class=\"es-p10t es-p10b es-p20l es-p20r\"\n align=\"center\">\n <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n </p>\n </BLOCK_TEXT>\n </tbody>\n </table>\n </td>\n </tr>\n \n <tr>\n <td class=\"spacer\" style=\"height: 10px;\"></td>\n </tr>\n\n <tr>\n <td>\n <table\n class=\"ins-recommendation-product-container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\"\n >\n {-{-PRODUCT_ROWS-}-}\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </table>\n </td>\n";
2
+ import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION } from './templateUtils';
3
+ declare const blockTemplate = "\n <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n <tr>\n <td align=\"center\">\n <table\n class=\"container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <tr>\n <td>\n <table\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\">\n <tbody>\n <BLOCK_TEXT\n class=\"es-p10t es-p10b es-p20l es-p20r\"\n align=\"center\">\n <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n </p>\n </BLOCK_TEXT>\n </tbody>\n </table>\n </td>\n </tr>\n \n <tr>\n <td class=\"spacer\" style=\"height: 20px;\"></td>\n </tr>\n\n <tr>\n <td>\n <table\n class=\"ins-recommendation-product-container\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\"\n >\n {-{-PRODUCT_ROWS-}-}\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </table>\n </td>\n";
4
4
  export declare function getDefaultTemplate(): string;
5
5
  /**
6
6
  * Generates a custom template with specified products and layout
@@ -12,5 +12,5 @@ export declare function getDefaultTemplate(): string;
12
12
  */
13
13
  export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
14
14
  export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
15
- export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
15
+ export { DEFAULTS, DEFAULT_CARD_COMPOSITION, getDefaultProducts, };
16
16
  export default blockTemplate;
@@ -1,13 +1,10 @@
1
1
  import type { RecommendationProduct } from '@@/Types/recommendation';
2
- import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON } from '../constants';
3
2
  export interface ElementRenderer {
4
- [ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
5
- [ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
6
- [ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
7
- [ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
8
- [ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
9
- [ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
10
- [ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
3
+ productImage: (product: RecommendationProduct) => string;
4
+ productName: (product: RecommendationProduct) => string;
5
+ productPrice: (product: RecommendationProduct) => string;
6
+ productOldPrice: (product: RecommendationProduct) => string;
7
+ productButton: (product: RecommendationProduct) => string;
11
8
  }
12
9
  export interface TemplateConfig {
13
10
  spacer: string;
@@ -20,15 +17,10 @@ export declare const DEFAULTS: {
20
17
  TITLE: string;
21
18
  DESCRIPTION: string;
22
19
  };
23
- export declare const spacer = "\n <tr>\n <td class=\"spacer\" style=\"height: 10px;\"></td>\n </tr>\n";
24
- export declare const productRow = "\n <tr class=\"recommendation-product-row\">\n <td>\n <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n {-{-PRODUCTS-}-}\n </table>\n </td>\n </tr>\n";
20
+ export declare const spacer = "\n <tr>\n <td class=\"spacer\" style=\"height: 20px;\"></td>\n </tr>\n";
21
+ export declare const productRow = "\n <tr>\n <td>\n <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n {-{-PRODUCTS-}-}\n </table>\n </td>\n </tr>\n";
25
22
  export declare const productCardWrapper = "\n <td width=\"{-{-COLUMN_WIDTH-}-}\" style=\"padding: 0 5px;\" valign=\"top\" height=\"100%\">\n <table\n width=\"100%\"\n height=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n border=\"0\"\n class=\"product-card-wrapper\">\n <tr>\n <td\n class=\"product-attribute-cell\"\n valign=\"top\">\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n {-{-PRODUCT_CONTENT-}-}\n </tbody>\n </table>\n </td>\n </tr>\n </table>\n </td>\n";
26
23
  export declare const DEFAULT_CARD_COMPOSITION: string[];
27
- /**
28
- * Default visibility settings for card composition elements
29
- * Omnibus Price and Omnibus Discount are hidden by default
30
- */
31
- export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
32
24
  export declare function getDefaultProducts(): RecommendationProduct[];
33
25
  /**
34
26
  * Core template generation logic that works with any element renderer
@@ -6,6 +6,10 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
6
6
  right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
7
7
  }
8
8
 
9
+ ue-main-tabs-panel-component .fixed-panel-header {
10
+ display: none;
11
+ }
12
+
9
13
  /* Remove with this writing task DT-28355 */
10
14
  ue-description a {
11
15
  display: none;
@@ -23,19 +23,6 @@ const n = `.esd-x,
23
23
  .ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
24
24
  display: none !important;
25
25
  }
26
-
27
- /* Apply to the table cell (td) with text-trim-enabled class */
28
- .text-trim-enabled {
29
- max-width: 0 !important;
30
- }
31
-
32
- .text-trim-enabled p {
33
- overflow: hidden !important;
34
- text-overflow: ellipsis !important;
35
- white-space: nowrap !important;
36
- margin: 0 !important;
37
- display: block !important;
38
- }
39
26
  `;
40
27
  export {
41
28
  n as default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "2.0.0-beta.6b85cb2",
3
+ "version": "2.0.0-beta.6da018c",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -1,68 +0,0 @@
1
- import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { CommonControl as d } from "../../common-control.js";
3
- const c = "recommendation-card-background-color-control", o = {
4
- CARD_BACKGROUND_COLOR: "cardBackgroundColor"
5
- };
6
- class u extends d {
7
- getId() {
8
- return c;
9
- }
10
- getTemplate() {
11
- return `
12
- <div class="card-bg-control-container">
13
- ${this._GuTwoColumns([
14
- this._GuLabel({ text: "Card Background Color" }),
15
- this._GuColorPicker(o.CARD_BACKGROUND_COLOR)
16
- ])}
17
- </div>
18
- `;
19
- }
20
- onRender() {
21
- this._setFormValues(), this._listenToFormUpdates();
22
- }
23
- onTemplateNodeUpdated(r) {
24
- super.onTemplateNodeUpdated(r), this._setFormValues();
25
- }
26
- _setFormValues() {
27
- const r = this._getCurrentCardBackgroundColor();
28
- this.api.updateValues({
29
- [o.CARD_BACKGROUND_COLOR]: r
30
- });
31
- }
32
- /**
33
- * Reads the current background color from the first product card wrapper
34
- * @returns The background color value or 'transparent' if not found
35
- */
36
- _getCurrentCardBackgroundColor() {
37
- if (!this.currentNode || !("querySelectorAll" in this.currentNode))
38
- return "transparent";
39
- const r = this.currentNode.querySelector(".product-card-wrapper");
40
- return !r || !("getStyle" in r) ? "transparent" : r.getStyle("background-color") || "transparent";
41
- }
42
- /**
43
- * Handles card background color changes
44
- * Applies the color to all product card wrapper elements
45
- */
46
- _onCardBackgroundColorChange(r) {
47
- if (!this.currentNode || !("querySelectorAll" in this.currentNode))
48
- return;
49
- const e = Array.from(
50
- this.currentNode.querySelectorAll(".product-card-wrapper")
51
- );
52
- if (e.length === 0)
53
- return;
54
- const t = this.api.getDocumentModifier();
55
- e.forEach((n) => {
56
- t.modifyHtml(n).setStyle("background-color", r);
57
- }), t.apply(new a("Update card background color"));
58
- }
59
- _listenToFormUpdates() {
60
- this.api.onValueChanged(o.CARD_BACKGROUND_COLOR, (r) => {
61
- this._onCardBackgroundColorChange(r);
62
- });
63
- }
64
- }
65
- export {
66
- c as CARD_BACKGROUND_COLOR_CONTROL_ID,
67
- u as CardBackgroundColorControl
68
- };