@useinsider/guido 2.0.0-beta.782343a → 2.0.0-beta.7a88d79
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/@types/config/schemas.js +53 -39
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -2
- package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
- package/dist/composables/useConfig.js +29 -27
- package/dist/composables/useSave.js +13 -11
- package/dist/extensions/Blocks/Items/controls/cardComposition.js +4 -13
- package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
- package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
- package/dist/extensions/Blocks/Recommendation/{controls/main/index.js → control.js} +67 -101
- package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/extension.js +43 -37
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -125
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +20 -20
- package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +69 -91
- package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +17 -54
- package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +62 -66
- package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
- package/dist/extensions/Blocks/common-control.js +6 -7
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +290 -363
- package/dist/package.json.js +1 -1
- package/dist/src/@types/config/index.d.ts +2 -2
- package/dist/src/@types/config/schemas.d.ts +26 -0
- package/dist/src/@types/config/types.d.ts +7 -1
- package/dist/src/composables/useConfig.d.ts +6 -0
- package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
- package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
- package/dist/src/extensions/Blocks/Recommendation/{controls/main/index.d.ts → control.d.ts} +3 -6
- package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
- package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
- package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +7 -15
- package/dist/src/extensions/Blocks/common-control.d.ts +1 -1
- package/dist/src/stores/config.d.ts +147 -1
- package/dist/static/styles/components/button.css.js +1 -1
- package/dist/static/styles/components/wide-panel.css.js +4 -0
- package/dist/static/styles/customEditorStyle.css.js +0 -13
- package/dist/stores/config.js +7 -0
- package/package.json +3 -3
- 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/selectors.js +0 -11
- package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
- package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -68
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -179
- package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
- package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
- package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
- 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/omnibusDiscount/textAfter.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -183
- package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -25
- package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -11
- package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
- 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 -25
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -75
- package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -22
- 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 -16
- 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 -57
- package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as l } from "../../../common-control.js";
|
|
3
|
-
import { RecommendationBlockId as a } from "../../constants/blockIds.js";
|
|
4
|
-
import { RecommendationControlId as d } from "../../constants/controlIds.js";
|
|
5
|
-
import { CONTAINER_SELECTOR as p } from "../../constants/selectors.js";
|
|
6
|
-
import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
|
|
7
|
-
const s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
|
|
8
|
-
class N extends l {
|
|
9
|
-
getId() {
|
|
10
|
-
return d.OMNIBUS_PRICE_TEXT_BEFORE;
|
|
11
|
-
}
|
|
12
|
-
getTemplate() {
|
|
13
|
-
return `
|
|
14
|
-
<div class="omnibus-price-text-before-control-container">
|
|
15
|
-
${this._GuTwoColumns([
|
|
16
|
-
this._GuLabel({ text: "Text Before" }),
|
|
17
|
-
this._GuTextInput({
|
|
18
|
-
name: "omnibusPriceTextBefore",
|
|
19
|
-
placeholder: "e.g., Lowest 30-day price: ",
|
|
20
|
-
className: "es-180w"
|
|
21
|
-
})
|
|
22
|
-
])}
|
|
23
|
-
</div>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
onRender() {
|
|
27
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
28
|
-
}
|
|
29
|
-
onTemplateNodeUpdated(e) {
|
|
30
|
-
super.onTemplateNodeUpdated(e), this._setFormValues();
|
|
31
|
-
}
|
|
32
|
-
_setFormValues() {
|
|
33
|
-
const e = this._getCurrentText();
|
|
34
|
-
this.api.updateValues({
|
|
35
|
-
omnibusPriceTextBefore: e
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
_getCurrentText() {
|
|
39
|
-
if (!this.currentNode || !("getAttribute" in this.currentNode))
|
|
40
|
-
return c;
|
|
41
|
-
const e = this.currentNode.getAttribute(s);
|
|
42
|
-
return e === null ? c : e;
|
|
43
|
-
}
|
|
44
|
-
_onTextChange(e) {
|
|
45
|
-
if (!this.currentNode || !("closest" in this.currentNode))
|
|
46
|
-
return;
|
|
47
|
-
const t = this.currentNode.closest(p);
|
|
48
|
-
if (!t || !("querySelectorAll" in t))
|
|
49
|
-
return;
|
|
50
|
-
const n = Array.from(
|
|
51
|
-
t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
|
|
52
|
-
);
|
|
53
|
-
if (!n.length)
|
|
54
|
-
return;
|
|
55
|
-
const o = this.api.getDocumentModifier();
|
|
56
|
-
n.forEach((i) => {
|
|
57
|
-
o.modifyHtml(i).setAttribute(s, e);
|
|
58
|
-
const r = i.querySelector(f);
|
|
59
|
-
if (r) {
|
|
60
|
-
const m = T(r, e);
|
|
61
|
-
o.modifyHtml(r).setInnerHtml(m);
|
|
62
|
-
}
|
|
63
|
-
}), o.apply(new u("Update omnibus price text before"));
|
|
64
|
-
}
|
|
65
|
-
_listenToFormUpdates() {
|
|
66
|
-
this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
|
|
67
|
-
this._onTextChange(e);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
export {
|
|
72
|
-
N as OmnibusPriceTextBeforeControl
|
|
73
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as I, createTextAlignControl as R } from "../../../controlFactories.js";
|
|
2
|
-
import { RecommendationBlockId as o } from "../../constants/blockIds.js";
|
|
3
|
-
import { RecommendationControlId as t } from "../../constants/controlIds.js";
|
|
4
|
-
import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
|
|
5
|
-
const a = R(
|
|
6
|
-
t.PRICE_ALIGN,
|
|
7
|
-
o.PRICE,
|
|
8
|
-
n
|
|
9
|
-
), i = I(
|
|
10
|
-
t.PRICE_COLOR,
|
|
11
|
-
o.PRICE,
|
|
12
|
-
n
|
|
13
|
-
), E = c(
|
|
14
|
-
t.PRICE_SIZE,
|
|
15
|
-
o.PRICE,
|
|
16
|
-
n
|
|
17
|
-
), P = l(
|
|
18
|
-
t.PRICE_STYLE,
|
|
19
|
-
o.PRICE,
|
|
20
|
-
n
|
|
21
|
-
), m = e(
|
|
22
|
-
t.PRICE_FONT_FAMILY,
|
|
23
|
-
o.PRICE,
|
|
24
|
-
n
|
|
25
|
-
), s = C(
|
|
26
|
-
t.PRICE_BACKGROUND,
|
|
27
|
-
o.PRICE,
|
|
28
|
-
n
|
|
29
|
-
), d = r(
|
|
30
|
-
t.PRICE_PADDINGS,
|
|
31
|
-
o.PRICE,
|
|
32
|
-
n
|
|
33
|
-
), x = {
|
|
34
|
-
align: a,
|
|
35
|
-
color: i,
|
|
36
|
-
size: E,
|
|
37
|
-
style: P,
|
|
38
|
-
fontFamily: m,
|
|
39
|
-
background: s,
|
|
40
|
-
paddings: d
|
|
41
|
-
};
|
|
42
|
-
export {
|
|
43
|
-
x as PriceControls
|
|
44
|
-
};
|
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
var C = Object.defineProperty;
|
|
2
|
-
var h = (n, r, e) => r in n ? C(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
|
|
3
|
-
var S = (n, r, e) => h(n, typeof r != "symbol" ? r + "" : r, e);
|
|
4
|
-
import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
5
|
-
import { CommonControl as _ } from "../../../common-control.js";
|
|
6
|
-
import { useDebounceFn as d } from "../../../../../node_modules/@vueuse/shared/index.js";
|
|
7
|
-
const f = "recommendation-spacing-control", i = {
|
|
8
|
-
COLUMN_SPACING: "columnSpacing",
|
|
9
|
-
ROW_SPACING: "rowSpacing"
|
|
10
|
-
}, N = {
|
|
11
|
-
COLUMN_SPACING: "data-column-spacing",
|
|
12
|
-
ROW_SPACING: "data-row-spacing"
|
|
13
|
-
}, a = {
|
|
14
|
-
COLUMN_SPACING: 10,
|
|
15
|
-
// 5px on each side = 10px total
|
|
16
|
-
ROW_SPACING: 20
|
|
17
|
-
}, c = {
|
|
18
|
-
MIN_SPACING: 0,
|
|
19
|
-
MAX_SPACING: 50,
|
|
20
|
-
STEP: 5
|
|
21
|
-
};
|
|
22
|
-
function g(n, r) {
|
|
23
|
-
return !n || !("getStyle" in n) ? null : n.getStyle(r);
|
|
24
|
-
}
|
|
25
|
-
function A(n) {
|
|
26
|
-
return !n || !("parent" in n) || typeof n.parent != "function" ? null : n.parent();
|
|
27
|
-
}
|
|
28
|
-
function m(n, r) {
|
|
29
|
-
if (!n)
|
|
30
|
-
return r;
|
|
31
|
-
const e = parseFloat(n);
|
|
32
|
-
return Number.isNaN(e) ? r : e;
|
|
33
|
-
}
|
|
34
|
-
class M extends _ {
|
|
35
|
-
constructor() {
|
|
36
|
-
super(...arguments);
|
|
37
|
-
/**
|
|
38
|
-
* Debounced version of _onColumnSpacingChange
|
|
39
|
-
* Prevents excessive DOM updates when user rapidly adjusts the counter
|
|
40
|
-
*/
|
|
41
|
-
S(this, "_debouncedOnColumnSpacingChange", d((e) => {
|
|
42
|
-
this._onColumnSpacingChange(e);
|
|
43
|
-
}, 300));
|
|
44
|
-
/**
|
|
45
|
-
* Debounced version of _onRowSpacingChange
|
|
46
|
-
* Prevents excessive DOM updates when user rapidly adjusts the counter
|
|
47
|
-
*/
|
|
48
|
-
S(this, "_debouncedOnRowSpacingChange", d((e) => {
|
|
49
|
-
this._onRowSpacingChange(e);
|
|
50
|
-
}, 300));
|
|
51
|
-
}
|
|
52
|
-
getId() {
|
|
53
|
-
return f;
|
|
54
|
-
}
|
|
55
|
-
getTemplate() {
|
|
56
|
-
return `
|
|
57
|
-
<div class="spacing-control-container">
|
|
58
|
-
${this._GuTwoColumns([
|
|
59
|
-
this._GuLabel({ text: "Column Spacing (px)" }),
|
|
60
|
-
this._GuCounter({
|
|
61
|
-
name: i.COLUMN_SPACING,
|
|
62
|
-
minValue: c.MIN_SPACING,
|
|
63
|
-
maxValue: c.MAX_SPACING,
|
|
64
|
-
step: c.STEP
|
|
65
|
-
}),
|
|
66
|
-
this._GuLabel({ text: "Row Spacing (px)" }),
|
|
67
|
-
this._GuCounter({
|
|
68
|
-
name: i.ROW_SPACING,
|
|
69
|
-
minValue: c.MIN_SPACING,
|
|
70
|
-
maxValue: c.MAX_SPACING,
|
|
71
|
-
step: c.STEP
|
|
72
|
-
})
|
|
73
|
-
])}
|
|
74
|
-
</div>
|
|
75
|
-
`;
|
|
76
|
-
}
|
|
77
|
-
onRender() {
|
|
78
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
79
|
-
}
|
|
80
|
-
onTemplateNodeUpdated(e) {
|
|
81
|
-
super.onTemplateNodeUpdated(e), this._setFormValues();
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Reads spacing values from data attributes or returns defaults
|
|
85
|
-
*/
|
|
86
|
-
_setFormValues() {
|
|
87
|
-
const e = this._getStoredColumnSpacing(), t = this._getStoredRowSpacing();
|
|
88
|
-
this.api.updateValues({
|
|
89
|
-
[i.COLUMN_SPACING]: e,
|
|
90
|
-
[i.ROW_SPACING]: t
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
/**
|
|
94
|
-
* Gets stored column spacing from the first product card wrapper's parent element's padding
|
|
95
|
-
* The padding is applied as "0 {halfSpacing}px" on the parent TD element,
|
|
96
|
-
* so we extract the horizontal padding value and multiply by 2 to get total spacing.
|
|
97
|
-
*/
|
|
98
|
-
_getStoredColumnSpacing() {
|
|
99
|
-
if (!this.currentNode)
|
|
100
|
-
return a.COLUMN_SPACING;
|
|
101
|
-
const e = this.currentNode.querySelector(".product-card-wrapper"), t = A(e), o = g(t, "padding");
|
|
102
|
-
if (!o)
|
|
103
|
-
return a.COLUMN_SPACING;
|
|
104
|
-
const s = o.trim().split(/\s+/);
|
|
105
|
-
return s.length < 2 ? a.COLUMN_SPACING : m(s[1], a.COLUMN_SPACING / 2) * 2;
|
|
106
|
-
}
|
|
107
|
-
/**
|
|
108
|
-
* Gets stored row spacing from the first spacer element's height style
|
|
109
|
-
*/
|
|
110
|
-
_getStoredRowSpacing() {
|
|
111
|
-
if (!this.currentNode)
|
|
112
|
-
return a.ROW_SPACING;
|
|
113
|
-
const e = this.currentNode.querySelector(".spacer"), t = g(e, "height");
|
|
114
|
-
return m(t, a.ROW_SPACING);
|
|
115
|
-
}
|
|
116
|
-
/**
|
|
117
|
-
* Handles column spacing changes
|
|
118
|
-
* Applies horizontal padding to all product card wrappers
|
|
119
|
-
*/
|
|
120
|
-
_onColumnSpacingChange(e) {
|
|
121
|
-
if (!this.currentNode)
|
|
122
|
-
return;
|
|
123
|
-
this._storeColumnSpacing(e);
|
|
124
|
-
const t = Array.from(
|
|
125
|
-
this.currentNode.querySelectorAll(".product-card-wrapper")
|
|
126
|
-
);
|
|
127
|
-
if (!t)
|
|
128
|
-
return;
|
|
129
|
-
const o = this.api.getDocumentModifier(), u = `0 ${e / 2}px`;
|
|
130
|
-
t.forEach((l) => {
|
|
131
|
-
"parent" in l && l.parent() && o.modifyHtml(l.parent()).setStyle("padding", u);
|
|
132
|
-
}), o.apply(new p(`Update column spacing to ${e}px`));
|
|
133
|
-
}
|
|
134
|
-
/**
|
|
135
|
-
* Handles row spacing changes
|
|
136
|
-
* Applies height to all spacer elements between product rows
|
|
137
|
-
*/
|
|
138
|
-
_onRowSpacingChange(e) {
|
|
139
|
-
if (!this.currentNode)
|
|
140
|
-
return;
|
|
141
|
-
this._storeRowSpacing(e);
|
|
142
|
-
const t = Array.from(
|
|
143
|
-
this.currentNode.querySelectorAll(".spacer")
|
|
144
|
-
);
|
|
145
|
-
if (!t.length)
|
|
146
|
-
return;
|
|
147
|
-
const o = this.api.getDocumentModifier(), s = `${e}px`;
|
|
148
|
-
t.forEach((u) => {
|
|
149
|
-
o.modifyHtml(u).setStyle("height", s);
|
|
150
|
-
}), o.apply(new p(`Update row spacing to ${e}px`));
|
|
151
|
-
}
|
|
152
|
-
/**
|
|
153
|
-
* Stores column spacing value in block data attribute
|
|
154
|
-
*/
|
|
155
|
-
_storeColumnSpacing(e) {
|
|
156
|
-
if (!this.currentNode)
|
|
157
|
-
return;
|
|
158
|
-
const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
|
|
159
|
-
t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.COLUMN_SPACING, e.toString()).apply(new p("Store column spacing"));
|
|
160
|
-
}
|
|
161
|
-
/**
|
|
162
|
-
* Stores row spacing value in block data attribute
|
|
163
|
-
*/
|
|
164
|
-
_storeRowSpacing(e) {
|
|
165
|
-
if (!this.currentNode)
|
|
166
|
-
return;
|
|
167
|
-
const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
|
|
168
|
-
t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.ROW_SPACING, e.toString()).apply(new p("Store row spacing"));
|
|
169
|
-
}
|
|
170
|
-
_listenToFormUpdates() {
|
|
171
|
-
this.api.onValueChanged(i.COLUMN_SPACING, (e) => {
|
|
172
|
-
const t = parseInt(e);
|
|
173
|
-
Number.isNaN(t) || this._debouncedOnColumnSpacingChange(t);
|
|
174
|
-
}), this.api.onValueChanged(i.ROW_SPACING, (e) => {
|
|
175
|
-
const t = parseInt(e);
|
|
176
|
-
Number.isNaN(t) || this._debouncedOnRowSpacingChange(t);
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
export {
|
|
181
|
-
f as SPACING_CONTROL_ID,
|
|
182
|
-
M as SpacingControl
|
|
183
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
function a(n) {
|
|
2
|
-
return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML() : "innerHTML" in n ? n.innerHTML : "";
|
|
3
|
-
}
|
|
4
|
-
function H(n, t) {
|
|
5
|
-
if (!n)
|
|
6
|
-
return t;
|
|
7
|
-
const r = a(n);
|
|
8
|
-
if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
|
|
9
|
-
return t;
|
|
10
|
-
const i = [], s = [];
|
|
11
|
-
let o = r.trim();
|
|
12
|
-
for (; ; ) {
|
|
13
|
-
const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
|
|
14
|
-
if (!u)
|
|
15
|
-
break;
|
|
16
|
-
const [, e, f = "", g] = u, c = new RegExp(`</${e}>$`, "i");
|
|
17
|
-
if (!c.test(g))
|
|
18
|
-
break;
|
|
19
|
-
i.push(`<${e}${f}>`), s.unshift(`</${e}>`), o = g.replace(c, "").trim();
|
|
20
|
-
}
|
|
21
|
-
return i.length > 0 ? i.join("") + t + s.join("") : t;
|
|
22
|
-
}
|
|
23
|
-
export {
|
|
24
|
-
H as preserveTextStyles
|
|
25
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Block IDs used in the Recommendation Extension
|
|
3
|
-
* These IDs are used in the esd-extension-block-id attribute to identify specific blocks
|
|
4
|
-
*/
|
|
5
|
-
export declare enum RecommendationBlockId {
|
|
6
|
-
BUTTON = "recommendation-block-button",
|
|
7
|
-
NAME = "recommendation-block-name",
|
|
8
|
-
PRICE = "recommendation-block-price",
|
|
9
|
-
OLD_PRICE = "recommendation-block-old-price",
|
|
10
|
-
OMNIBUS_PRICE = "recommendation-block-omnibus-price",
|
|
11
|
-
OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
|
|
12
|
-
IMAGE = "recommendation-block-image"
|
|
13
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Recommendation Extension Constants
|
|
3
|
-
*
|
|
4
|
-
* This module re-exports all constants for the Recommendation extension.
|
|
5
|
-
* Import from this file for cleaner imports.
|
|
6
|
-
* @example
|
|
7
|
-
* import { RecommendationBlockId, CONTAINER_SELECTOR } from './constants';
|
|
8
|
-
*/
|
|
9
|
-
export { RecommendationBlockId } from './blockIds';
|
|
10
|
-
export { RecommendationControlId } from './controlIds';
|
|
11
|
-
export { CONTAINER_SELECTOR, 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 './selectors';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* CSS selectors and data attributes used across the Recommendation extension
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* Container selector for the product container element
|
|
6
|
-
* Used across controls to target elements within the recommendation block
|
|
7
|
-
*/
|
|
8
|
-
export declare const CONTAINER_SELECTOR = ".ins-recommendation-product-container";
|
|
9
|
-
/**
|
|
10
|
-
* Attribute type constants used in templates
|
|
11
|
-
* These are used as keys in ElementRenderer and composition arrays
|
|
12
|
-
*/
|
|
13
|
-
export declare const ATTR_PRODUCT_IMAGE = "productImage";
|
|
14
|
-
export declare const ATTR_PRODUCT_NAME = "productName";
|
|
15
|
-
export declare const ATTR_PRODUCT_PRICE = "productPrice";
|
|
16
|
-
export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
|
|
17
|
-
export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
|
|
18
|
-
export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
|
|
19
|
-
export declare const ATTR_PRODUCT_BUTTON = "productButton";
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Button Element Controls
|
|
3
|
-
*
|
|
4
|
-
* Controls for styling the CTA button element in recommendation cards.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Grouped Button Controls
|
|
8
|
-
* Use this object for cleaner imports in extension.ts
|
|
9
|
-
*/
|
|
10
|
-
export declare const ButtonControls: {
|
|
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 border: {
|
|
24
|
-
new (): {
|
|
25
|
-
getId(): string;
|
|
26
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
27
|
-
getParentControlId(): string;
|
|
28
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ButtonBorderControlLabels | undefined;
|
|
29
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
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 borderRadius: {
|
|
36
|
-
new (): {
|
|
37
|
-
getId(): string;
|
|
38
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
39
|
-
getParentControlId(): string;
|
|
40
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ButtonBorderRadiusControlLabels | undefined;
|
|
41
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
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 color: {
|
|
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 margins: {
|
|
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
|
-
readonly text: {
|
|
96
|
-
new (): {
|
|
97
|
-
getId(): string;
|
|
98
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
99
|
-
getParentControlId(): string;
|
|
100
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
101
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
102
|
-
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
103
|
-
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;
|
|
104
|
-
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
|
-
readonly textSize: {
|
|
108
|
-
new (): {
|
|
109
|
-
getId(): string;
|
|
110
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
111
|
-
getParentControlId(): string;
|
|
112
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
113
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
114
|
-
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
115
|
-
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;
|
|
116
|
-
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
readonly textStyleAndFontColor: {
|
|
120
|
-
new (): {
|
|
121
|
-
getId(): string;
|
|
122
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
123
|
-
getParentControlId(): string;
|
|
124
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
|
|
125
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
126
|
-
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
127
|
-
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;
|
|
128
|
-
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
129
|
-
};
|
|
130
|
-
};
|
|
131
|
-
readonly fitToContent: {
|
|
132
|
-
new (): {
|
|
133
|
-
getId(): string;
|
|
134
|
-
getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
|
|
135
|
-
getParentControlId(): string;
|
|
136
|
-
api: import("@stripoinc/ui-editor-extensions").ControlApi;
|
|
137
|
-
getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
|
|
138
|
-
getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
|
|
139
|
-
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;
|
|
140
|
-
isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
|
|
141
|
-
};
|
|
142
|
-
};
|
|
143
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
|
|
2
|
-
import { CommonControl } from '../../../common-control';
|
|
3
|
-
export declare const CARD_BACKGROUND_COLOR_CONTROL_ID = "recommendation-card-background-color-control";
|
|
4
|
-
/**
|
|
5
|
-
* Control for managing recommendation card background color
|
|
6
|
-
* This control is displayed in the Styles tab
|
|
7
|
-
*/
|
|
8
|
-
export declare class CardBackgroundColorControl extends CommonControl {
|
|
9
|
-
getId(): string;
|
|
10
|
-
getTemplate(): string;
|
|
11
|
-
onRender(): void;
|
|
12
|
-
onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
|
|
13
|
-
_setFormValues(): void;
|
|
14
|
-
/**
|
|
15
|
-
* Reads the current background color from the first product card wrapper
|
|
16
|
-
* @returns The background color value or 'transparent' if not found
|
|
17
|
-
*/
|
|
18
|
-
_getCurrentCardBackgroundColor(): string;
|
|
19
|
-
/**
|
|
20
|
-
* Handles card background color changes
|
|
21
|
-
* Applies the color to all product card wrapper elements
|
|
22
|
-
*/
|
|
23
|
-
_onCardBackgroundColorChange(color: string): void;
|
|
24
|
-
_listenToFormUpdates(): void;
|
|
25
|
-
}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
|
|
2
|
-
import { CommonControl } from '../../../common-control';
|
|
3
|
-
export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
|
|
4
|
-
export interface CardCompositionItem {
|
|
5
|
-
key: string;
|
|
6
|
-
label: string;
|
|
7
|
-
visible: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare class RecommendationCardCompositionControl extends CommonControl {
|
|
10
|
-
getId(): string;
|
|
11
|
-
getTemplate(): string;
|
|
12
|
-
onRender(): void;
|
|
13
|
-
onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
|
|
14
|
-
/**
|
|
15
|
-
* Creates the HTML content for an orderable item with label and toggle
|
|
16
|
-
*/
|
|
17
|
-
private _createItemContent;
|
|
18
|
-
/**
|
|
19
|
-
* Registers event listeners for composition and visibility changes
|
|
20
|
-
*/
|
|
21
|
-
private _registerValueChangeListeners;
|
|
22
|
-
/**
|
|
23
|
-
* Initializes composition order and visibility state from the current node
|
|
24
|
-
*/
|
|
25
|
-
private _initializeComposition;
|
|
26
|
-
/**
|
|
27
|
-
* Reads composition order from node's data-card-composition attribute
|
|
28
|
-
* Falls back to default order if attribute is not present
|
|
29
|
-
*/
|
|
30
|
-
private _readCompositionFromNode;
|
|
31
|
-
/**
|
|
32
|
-
* Builds visibility values object from the visibility map
|
|
33
|
-
*/
|
|
34
|
-
private _buildVisibilityValues;
|
|
35
|
-
/**
|
|
36
|
-
* Read visibility state from individual row elements' data-visibility attributes
|
|
37
|
-
* This ensures toggles reflect the actual DOM state
|
|
38
|
-
*/
|
|
39
|
-
private _readVisibilityFromRows;
|
|
40
|
-
/**
|
|
41
|
-
* Returns default visibility values for all items
|
|
42
|
-
*/
|
|
43
|
-
private _getDefaultVisibilities;
|
|
44
|
-
/**
|
|
45
|
-
* Extracts visibility values from DOM nodes
|
|
46
|
-
*/
|
|
47
|
-
private _extractVisibilityFromRows;
|
|
48
|
-
/**
|
|
49
|
-
* Parses visibility value from string to boolean
|
|
50
|
-
* Accepts "1", "true" as true, everything else as false
|
|
51
|
-
*/
|
|
52
|
-
private _parseVisibilityValue;
|
|
53
|
-
/**
|
|
54
|
-
* Merges extracted visibilities with default values for missing keys
|
|
55
|
-
*/
|
|
56
|
-
private _mergeWithDefaults;
|
|
57
|
-
/**
|
|
58
|
-
* Apply the reordered composition to the block's HTML structure
|
|
59
|
-
* Updates the data-card-composition attribute and reorders product attributes
|
|
60
|
-
*/
|
|
61
|
-
private _applyCompositionToBlock;
|
|
62
|
-
/**
|
|
63
|
-
* Reorders attribute rows within each product row based on composition order
|
|
64
|
-
*/
|
|
65
|
-
private _reorderProductAttributes;
|
|
66
|
-
/**
|
|
67
|
-
* Builds HTML string with attributes ordered according to composition
|
|
68
|
-
*/
|
|
69
|
-
private _buildCompositionHtml;
|
|
70
|
-
/**
|
|
71
|
-
* Apply visibility changes to the block's HTML structure
|
|
72
|
-
* Updates display style and data-visibility attribute for all matching rows
|
|
73
|
-
*/
|
|
74
|
-
private _applyVisibilityToBlock;
|
|
75
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Image Element Controls
|
|
3
|
-
*
|
|
4
|
-
* Controls for styling the product image element in recommendation cards.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Grouped Image Controls
|
|
8
|
-
* Use this object for cleaner imports in extension.ts
|
|
9
|
-
*/
|
|
10
|
-
export declare const ImageControls: {
|
|
11
|
-
readonly size: {
|
|
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 margins: {
|
|
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
|
-
};
|