cja-phoenix 0.2.7 → 0.2.9
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/cja-phoenix.es.js +5677 -2996
- package/dist/style.css +1 -1
- package/dist/types/components/composite/CheckoutCrossSell.vue.d.ts +29 -0
- package/dist/types/components/composite/CheckoutLayout.vue.d.ts +23 -0
- package/dist/types/components/composite/CheckoutMilestones.vue.d.ts +16 -0
- package/dist/types/components/forms/InputToggle.vue.d.ts +1 -1
- package/dist/types/components/forms/NumberInput.vue.d.ts +1 -1
- package/dist/types/components/forms/SelectInput.vue.d.ts +1 -1
- package/dist/types/components/index.d.ts +4 -1
- package/dist/types/types/CheckoutMilestone.d.ts +5 -0
- package/dist/types/types/index.d.ts +2 -1
- package/package.json +4 -1
- package/src/assets/grid.scss +2 -1
- package/src/components/composite/CheckoutCrossSell.vue +460 -0
- package/src/components/composite/CheckoutLayout.vue +57 -0
- package/src/components/composite/CheckoutMilestones.vue +149 -0
- package/src/components/composite/ResultsLayout.vue +2 -2
- package/src/components/composite/ResultsSidebar.vue +3 -3
- package/src/components/index.ts +7 -1
- package/src/components/structural/FixedContainer.vue +5 -3
- package/src/components/structural/GridContainer.vue +5 -0
- package/src/index.ts +0 -1
- package/src/types/CheckoutMilestone.ts +5 -0
- package/src/types/index.ts +2 -1
package/src/components/index.ts
CHANGED
|
@@ -26,6 +26,9 @@ import FunnelSubmit from "./composite/FunnelSubmit.vue";
|
|
|
26
26
|
import FunnelSummary from "./composite/FunnelSummary.vue";
|
|
27
27
|
import FunnelTitle from "./composite/FunnelTitle.vue";
|
|
28
28
|
import ResultsLayout from "./composite/ResultsLayout.vue";
|
|
29
|
+
import CheckoutCrossSell from "./composite/CheckoutCrossSell.vue";
|
|
30
|
+
import CheckoutLayout from "./composite/CheckoutLayout.vue";
|
|
31
|
+
import CheckoutMilestones from "./composite/CheckoutMilestones.vue";
|
|
29
32
|
import ProductDetails from "./composite/ProductDetails.vue";
|
|
30
33
|
import CjaMenuBar from "./composite/CjaMenuBar.vue";
|
|
31
34
|
|
|
@@ -53,9 +56,12 @@ export {
|
|
|
53
56
|
FunnelSubmit,
|
|
54
57
|
FunnelSummary,
|
|
55
58
|
FunnelTitle,
|
|
59
|
+
ResultsLayout,
|
|
60
|
+
CheckoutCrossSell,
|
|
61
|
+
CheckoutLayout,
|
|
62
|
+
CheckoutMilestones,
|
|
56
63
|
JourneyMacroSteps,
|
|
57
64
|
CjaMenuBar,
|
|
58
65
|
FixedContainer,
|
|
59
|
-
ResultsLayout,
|
|
60
66
|
InfoMessage,
|
|
61
67
|
};
|
|
@@ -63,9 +63,10 @@ const fixPosition = () => {
|
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
const setWidth = () => {
|
|
66
|
-
fixedWrapperWidth.value =
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
fixedWrapperWidth.value =
|
|
67
|
+
props.active && fixedContainer.value
|
|
68
|
+
? `${fixedContainer.value.offsetWidth}px`
|
|
69
|
+
: "";
|
|
69
70
|
};
|
|
70
71
|
|
|
71
72
|
watch(
|
|
@@ -83,6 +84,7 @@ onMounted(() => {
|
|
|
83
84
|
|
|
84
85
|
if (props.fixWidth) {
|
|
85
86
|
window.addEventListener("resize", setWidth);
|
|
87
|
+
setWidth();
|
|
86
88
|
}
|
|
87
89
|
});
|
|
88
90
|
|
|
@@ -38,6 +38,11 @@ withDefaults(
|
|
|
38
38
|
column-gap: $grid-column-gap-lg;
|
|
39
39
|
padding-left: $grid-side-padding-lg;
|
|
40
40
|
padding-right: $grid-side-padding-lg;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@media screen and (min-width: 1200px) {
|
|
44
|
+
padding-left: $grid-side-padding-xl;
|
|
45
|
+
padding-right: $grid-side-padding-xl;
|
|
41
46
|
max-width: 1440px;
|
|
42
47
|
margin-left: auto;
|
|
43
48
|
margin-right: auto;
|
package/src/index.ts
CHANGED
package/src/types/index.ts
CHANGED
|
@@ -2,5 +2,6 @@ import { MacroStep } from "./MacroStep";
|
|
|
2
2
|
import { Tab } from "./Tab";
|
|
3
3
|
import { SelectOption } from "./SelectOption";
|
|
4
4
|
import { TileOption } from "./TileOption";
|
|
5
|
+
import { CheckoutMilestone } from "./CheckoutMilestone";
|
|
5
6
|
|
|
6
|
-
export type { MacroStep, Tab, SelectOption, TileOption };
|
|
7
|
+
export type { MacroStep, Tab, SelectOption, TileOption, CheckoutMilestone };
|